yeah/*  Breakpoints */
/* Typo3 */
.zeropadrow {
  margin: 0;
}
.zeropadrow > div {
  padding: 0;
}
.absolute-centered {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ribbon {
  position: relative;
  display: inline-block;
  font-weight: 500;
  letter-spacing: 0.15em;
  white-space: nowrap;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 auto 20px 0;
}
.ribbon:after,
.ribbon:before {
  content: " ";
  display: block;
  position: absolute;
  bottom: -.5em;
  width: 1em;
  height: 100%;
  background-color: #d09c00;
  pointer-events: none;
}
.ribbon:after {
  right: -.57em;
  z-index: -1;
}
.ribbon:before {
  bottom: auto;
  top: -.5em;
  left: -.57em;
  z-index: -1;
}
.ribbon .text {
  display: inline-block;
  position: relative;
  padding: .15em .75em;
  text-decoration: none;
  color: #112435;
  font-weight: 700;
  background-color: #ffc004;
}
.ribbon .text:after,
.ribbon .text:before {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  bottom: -.5em;
  left: -.05em;
  pointer-events: none;
  -webkit-mask: none;
}
.ribbon .text:before {
  bottom: auto;
  top: -.5em;
  border-bottom: 0.5em solid #ffda6a;
  border-left: .5em solid transparent;
}
.ribbon .text:after {
  left: auto;
  right: -.05em;
  border-top: 0.5em solid #ffda6a;
  border-right: .5em solid transparent;
}
/* anek-latin-300 - latin */
@font-face {
  font-family: 'Anek Latin';
  font-style: normal;
  font-weight: 300;
  src: url('/typo3conf/ext/km_template/Resources/Public/Fonts/anek-latin-v4-latin-300.eot');
  src: local(''), url('/typo3conf/ext/km_template/Resources/Public/Fonts/anek-latin-v4-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/typo3conf/ext/km_template/Resources/Public/Fonts/anek-latin-v4-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/typo3conf/ext/km_template/Resources/Public/Fonts/anek-latin-v4-latin-300.woff') format('woff'), /* Modern Browsers */ url('/typo3conf/ext/km_template/Resources/Public/Fonts/anek-latin-v4-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/typo3conf/ext/km_template/Resources/Public/Fonts/anek-latin-v4-latin-300.svg#AnekLatin') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* anek-latin-regular - latin */
@font-face {
  font-family: 'Anek Latin';
  font-style: normal;
  font-weight: 400;
  src: url('/typo3conf/ext/km_template/Resources/Public/Fonts/anek-latin-v4-latin-regular.eot');
  src: local(''), url('/typo3conf/ext/km_template/Resources/Public/Fonts/anek-latin-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/typo3conf/ext/km_template/Resources/Public/Fonts/anek-latin-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/typo3conf/ext/km_template/Resources/Public/Fonts/anek-latin-v4-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/typo3conf/ext/km_template/Resources/Public/Fonts/anek-latin-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/typo3conf/ext/km_template/Resources/Public/Fonts/anek-latin-v4-latin-regular.svg#AnekLatin') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* anek-latin-700 - latin */
@font-face {
  font-family: 'Anek Latin';
  font-style: normal;
  font-weight: 700;
  src: url('/typo3conf/ext/km_template/Resources/Public/Fonts/anek-latin-v4-latin-700.eot');
  src: local(''), url('/typo3conf/ext/km_template/Resources/Public/Fonts/anek-latin-v4-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/typo3conf/ext/km_template/Resources/Public/Fonts/anek-latin-v4-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/typo3conf/ext/km_template/Resources/Public/Fonts/anek-latin-v4-latin-700.woff') format('woff'), /* Modern Browsers */ url('/typo3conf/ext/km_template/Resources/Public/Fonts/anek-latin-v4-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/typo3conf/ext/km_template/Resources/Public/Fonts/anek-latin-v4-latin-700.svg#AnekLatin') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
html {
  font-size: 20px;
}
body {
  font-family: 'Anek Latin', sans-serif;
  font-weight: 300;
}
input {
  font-family: 'Anek Latin', sans-serif;
}
.specialfont {
  font-family: 'Anek Latin', sans-serif;
  font-style: normal;
  font-weight: 900;
}
.debugtext {
  display: none;
}
:root {
  font-size: 18px;
}
::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
html,
body {
  overflow-x: hidden;
  /* Prevent scroll on narrow devices */
}
body {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  background-color: #ffffff;
  color: #022c58;
}
html.pre-noscroll,
html.pre-noscroll body {
  overflow: hidden;
  /* height: 100%; */
}
.container-fluid {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(1.5rem / 2);
  padding-right: calc(1.5rem / 2);
  width: auto;
}
@media screen and (min-width: 540px) {
  .container-fluid {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.container-fluid.small {
  max-width: 1200px;
}
.container-fluid.none {
  max-width: unset;
  padding-left: 0;
  padding-right: 0;
}
.frame-grey,
.frame-default {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.smallgrey-outer,
.grey-outer {
  background-color: #444444;
  padding-top: 1px;
  padding-bottom: 1px;
  color: white;
}
.smallgrey-outer a,
.grey-outer a,
.smallgrey-outer a:hover,
.grey-outer a:hover,
.smallgrey-outer a:visited,
.grey-outer a:visited {
  color: white;
}
.smallgrey-outer h1,
.grey-outer h1,
.smallgrey-outer h2,
.grey-outer h2,
.smallgrey-outer h3,
.grey-outer h3,
.smallgrey-outer h4,
.grey-outer h4 {
  color: white;
  margin-bottom: 1em;
}
.frame-smallgrey,
.frame-small {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
a {
  color: #fcaa20;
  text-decoration: underline;
  /* font-weight: 700; */
  -webkit-transform: all 250ms ease-in-out;
  -moz-transform: all 250ms ease-in-out;
  -o-transform: all 250ms ease-in-out;
  transform: all 250ms ease-in-out;
}
a:hover,
a:visited {
  color: #fcaa20;
}
a.external {
  white-space: nowrap;
}
a.external svg {
  width: 0.8em;
  height: 0.8em;
  margin-left: 0.2em;
  vertical-align: middle;
  display: inline-block;
}
a.external svg * {
  fill: currentColor;
}
.gotback {
  background: #ffffff;
  cursor: pointer;
  border: none;
  display: block;
  width: 100px;
  color: #fff;
  font-size: 1rem;
  font-size: 700;
  padding: 0.5rem 1rem;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
.gotback svg {
  width: auto;
  height: 1rem;
}
.gotback svg * {
  fill: #fcaa20;
}
/* Headline */
.title-xl {
  font-size: 2rem;
  font-weight: 700;
}
.btn {
  text-decoration: none;
  color: #ffffff;
  background-color: #fcaa20;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.75rem 1rem;
  border-radius: 50px;
  border: none;
  display: inline-block;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.btn:hover {
  color: white;
  background-color: #022c58;
}
.btn:visited {
  color: #ffffff;
}
.btn-primary:hover {
  background-color: #fcaa20;
  color: white;
}
bold,
strong {
  font-weight: 700;
}
.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4 {
  font-family: 'Anek Latin', sans-serif;
  font-weight: 900;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1em;
  color: #022c58;
  margin-bottom: 2rem;
  margin-top: 0;
}
.h1 i,
.h2 i,
.h3 i,
.h4 i,
h1 i,
h2 i,
h3 i,
h4 i {
  color: #fcaa20;
  font-weight: 300;
  font-style: normal;
  font-size: 1em;
  line-height: 0.625em;
}
h1,
.h1 {
  font-size: 1.8rem;
}
.h2,
.h3,
h2,
h3 {
  font-size: 1.4rem;
}
@media screen and (min-width: 1081px) {
  h1,
  .h1 {
    font-size: 2.4rem;
  }
  .h2,
  .h3,
  h2,
  h3 {
    font-size: 2rem;
  }
}
img {
  height: auto;
}
p {
  margin-top: 0;
  margin-bottom: 2rem;
}
p.lead {
  font-size: 1.5rem;
}
.span-color1 {
  color: #fcaa20;
}
.text-center {
  text-align: center;
}
.maincontent .frame {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.maincontent ul {
  padding: 0;
  margin: 2em 0;
  list-style-type: none;
}
.maincontent ul li {
  margin: 0 0 0.5em 0;
  padding: 0 0 0 1.5em;
  position: relative;
}
.maincontent ul li:before {
  content: "";
  display: block;
  height: 0.5em;
  width: 0.5em;
  background: #fcaa20;
  position: absolute;
  top: 0.45em;
  left: 0;
}
@media all and (max-width: 767px) {
  .maincontent ul li:before {
    top: 0.5em;
  }
}
.maincontent ul li > ul {
  margin-top: 1em;
}
.maincontent ul li > ul li:before {
  background: #aaa;
}
.maincontent ul.checklist li {
  line-height: 1.5;
  padding-left: 2rem;
  font-size: 1.3rem;
}
.maincontent ul.checklist li:before {
  content: '';
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNSAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjkuOTQzOW1tIiBoZWlnaHQ9IjMxLjkzMTdtbSIgc3R5bGU9InNoYXBlLXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IHRleHQtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgaW1hZ2UtcmVuZGVyaW5nOm9wdGltaXplUXVhbGl0eTsgZmlsbC1ydWxlOmV2ZW5vZGQ7IGNsaXAtcnVsZTpldmVub2RkIg0Kdmlld0JveD0iMCAwIDExMTMgMTE4NyINCiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogPGRlZnM+DQogIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQogICA8IVtDREFUQVsNCiAgICAuZmlsMCB7ZmlsbDojRjBBRTQ0fQ0KICAgXV0+DQogIDwvc3R5bGU+DQogPC9kZWZzPg0KIDxnIGlkPSJFYmVuZV94MDAyMF8xIj4NCiAgPG1ldGFkYXRhIGlkPSJDb3JlbENvcnBJRF8wQ29yZWwtTGF5ZXIiLz4NCiAgPHBhdGggY2xhc3M9ImZpbDAiIGQ9Ik0xMTEzIDBjLTQsMjIgLTgsNDQgLTEzLDY2IC0zMDMsMzA1IC01MzAsNjY2IC03MDMsMTA2NyAtNDYsMTggLTkxLDM2IC0xMzcsNTQgLTQ4LC0zMTYgLTE0NiwtNDgyIC0yNjEsLTU5MyA4MSwtMjkgMTYxLC01MiAyMzQsLTI3bDExMyAyNjljMjM3LC0zOTcgNDk1LC02NTggNzY2LC04MzZ6Ii8+DQogPC9nPg0KPC9zdmc+DQo=");
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.3rem;
  height: 1.3rem;
  top: 0.4rem;
}
.hs-form-control {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  border: 2px solid #fcaa20;
  background-color: #022c58;
  color: white;
  padding: 0.25em 1em;
  font-size: 24px;
  outline: none;
}
.frame-type-text.frame-layout-2 {
  font-size: 2rem;
  color: #fcaa20;
}
.frame-type-text.frame-layout-2 h1,
.frame-type-text.frame-layout-2 h2,
.frame-type-text.frame-layout-2 h3,
.frame-type-text.frame-layout-2 h4 {
  color: #fcaa20;
  font-size: 2.4rem;
}
.frame-type-text.frame-layout-2 .btn {
  font-size: 1.4rem;
}
.musterlogos {
  margin-block: 2rem;
}
.musterlogos header h2,
.musterlogos header h3,
.musterlogos header h4 {
  margin-bottom: 1rem;
  font-size: 1.5rem;
}
.musterlogos .loslogos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  margin-bottom: 2rem;
}
.musterlogos .loslogos img {
  width: auto;
  height: 70px;
}
.musterlogos p.details {
  text-align: center;
  font-size: 0.75rem;
}
.loader {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  height: 60px;
  /* Höhe nach Geschmack */
  margin-bottom: 20px;
}
.loader .dot {
  width: 12px;
  height: 12px;
  background-color: #fcaa20;
  border-radius: 50%;
  animation: bounce 1.4s infinite;
}
.loader .dot:nth-child(2) {
  animation-delay: 0.2s;
}
.loader .dot:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes bounce {
  0%,
  80%,
  100% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.6);
  }
}
#pageheader {
  position: fixed;
  top: 1.5rem;
  left: 0;
  z-index: 100000;
  width: 100%;
  -webkit-transition: top 0.15s ease-in-out;
  -moz-transition: top 0.15s ease-in-out;
  -o-transition: top 0.15s ease-in-out;
  transition: top 0.15s ease-in-out;
}
#pageheader [class^="container"] .inner {
  margin-left: 0;
  margin-right: 0;
}
#pageheader [class^="container"] .logonavi {
  border-radius: 45px;
  background-color: #fcaa20;
  color: #ffffff;
  display: flex;
  width: auto;
  margin-inline-end: 0;
  height: 50px;
  position: relative;
  -webkit-transition: border-radius 0.15s ease-in-out;
  -moz-transition: border-radius 0.15s ease-in-out;
  -o-transition: border-radius 0.15s ease-in-out;
  transition: border-radius 0.15s ease-in-out;
}
#pageheader [class^="container"] .logonavi .toprow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  width: 100%;
  z-index: 20;
  box-sizing: border-box;
}
#pageheader [class^="container"] .logonavi .toprow .logoposition {
  display: flex;
  justify-content: center;
  height: 100%;
  flex: 1 1 100%;
}
#pageheader [class^="container"] .logonavi .toprow .brand-logo {
  height: 100%;
  max-width: 150px;
  display: flex;
  flex: 1 1 100%;
  justify-content: center;
}
#pageheader [class^="container"] .logonavi .toprow .brand-logo img {
  height: calc( 100% + 20px );
  width: auto;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
#pageheader [class^="container"] .logonavi .toprow .headerbtn {
  background: #cc8505;
  height: 40px;
  width: 40px;
  border: none;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 5px;
  flex: 0 0 40px;
}
#pageheader [class^="container"] .logonavi .toprow .callus-link svg {
  width: 65%;
  height: auto;
}
#pageheader [class^="container"] .logonavi .toprow .callus-link svg * {
  fill: white;
}
#pageheader [class^="container"] .logonavi .toprow .mainmenu-toggle {
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  /* Icon 3 */
}
#pageheader [class^="container"] .logonavi .toprow .mainmenu-toggle .line-off {
  flex: 0 0 3px;
  width: 24px;
  height: 3px;
  border-radius: 10px;
  display: block;
  background: #fff;
}
#pageheader [class^="container"] .logonavi .toprow .mainmenu-toggle span {
  display: block;
  position: absolute;
  height: 4px;
  width: 24px;
  background: #ffffff;
  border-radius: 9px;
  opacity: 1;
  left: 8px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#pageheader [class^="container"] .logonavi .toprow .mainmenu-toggle span:nth-child(1) {
  top: 9px;
}
#pageheader [class^="container"] .logonavi .toprow .mainmenu-toggle span:nth-child(2),
#pageheader [class^="container"] .logonavi .toprow .mainmenu-toggle span:nth-child(3) {
  top: 18px;
}
#pageheader [class^="container"] .logonavi .toprow .mainmenu-toggle span:nth-child(4) {
  top: 27px;
}
#pageheader [class^="container"] .socialmenu,
#pageheader [class^="container"] .metamenu {
  display: flex;
  gap: 0.5rem;
}
#pageheader [class^="container"] .socialmenu a,
#pageheader [class^="container"] .metamenu a {
  line-height: 0;
}
#pageheader [class^="container"] .socialmenu a svg,
#pageheader [class^="container"] .metamenu a svg,
#pageheader [class^="container"] .socialmenu a img,
#pageheader [class^="container"] .metamenu a img {
  width: 2.1rem;
  height: 2.1rem;
}
#pageheader [class^="container"] .socialmenu a svg path,
#pageheader [class^="container"] .metamenu a svg path,
#pageheader [class^="container"] .socialmenu a img path,
#pageheader [class^="container"] .metamenu a img path {
  fill: #ffffff;
}
#pageheader [class^="container"] .metamenu {
  margin-right: 0.5rem;
}
body.scrolled #pageheader {
  top: 0;
}
body.scrolled #pageheader [class^="container"] .logonavi {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 1199px) {
  #pageheader [class^="container"] .logonavi {
    -webkit-transition: border-radius 0.05s ease-in-out;
    -moz-transition: border-radius 0.05s ease-in-out;
    -o-transition: border-radius 0.05s ease-in-out;
    transition: border-radius 0.05s ease-in-out;
    transition-delay: 0.15s;
    border-radius: 25px 25px;
    margin-inline: 0;
    width: auto;
  }
  #pageheader [class^="container"] .logonavi .socialmenu,
  #pageheader [class^="container"] .logonavi .metamenu {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  #pageheader [class^="container"] .logonavi .mainmenu {
    z-index: 10;
    display: block;
    position: absolute;
    top: 100%;
    width: 100%;
    background-color: #fcaa20;
    border-radius: 0 0 25px 25px;
    overflow: hidden;
    display: grid;
    grid-template-rows: 0fr;
    -webkit-transition: grid-template-rows 150ms ease-in-out;
    -moz-transition: grid-template-rows 150ms ease-in-out;
    -o-transition: grid-template-rows 150ms ease-in-out;
    transition: grid-template-rows 150ms ease-in-out;
    /* padding-bottom: @gap-unit;   */
  }
  #pageheader [class^="container"] .logonavi .mainmenu > ul {
    list-style: none;
    display: flex;
    gap: 0;
    margin: 0;
    padding: 0 0 0 0;
    overflow: hidden;
    flex-wrap: nowrap;
    flex-direction: column;
  }
  #pageheader [class^="container"] .logonavi .mainmenu > ul > li {
    position: relative;
    margin: 0 0 0 auto;
    min-width: calc(100% - 4rem);
    border-bottom: 1px solid #e1a136;
  }
  #pageheader [class^="container"] .logonavi .mainmenu > ul > li .link-block {
    position: relative;
  }
  #pageheader [class^="container"] .logonavi .mainmenu > ul > li .link-block a {
    text-decoration: none;
    font-weight: 700;
    color: #fff;
    display: block;
    padding: calc(1.5rem / 2) 0;
    margin-right: 1rem;
  }
  #pageheader [class^="container"] .logonavi .mainmenu > ul > li .link-block .toggle-submenu {
    position: absolute;
    top: 50%;
    right: 0em;
    transform: translateY(-50%);
    width: 20px;
    padding: 0.7rem;
  }
  #pageheader [class^="container"] .logonavi .mainmenu > ul > li .link-block .toggle-submenu svg {
    width: 100%;
    height: auto;
    -webkit-transition: transform 150ms ease-in-out;
    -moz-transition: transform 150ms ease-in-out;
    -o-transition: transform 150ms ease-in-out;
    transition: transform 150ms ease-in-out;
  }
  #pageheader [class^="container"] .logonavi .mainmenu > ul > li .link-block .toggle-submenu svg * {
    fill: #fff;
  }
  #pageheader [class^="container"] .logonavi .mainmenu > ul > li:nth-last-child(2) {
    border-bottom: none;
    margin-bottom: 2rem;
  }
  #pageheader [class^="container"] .logonavi .mainmenu > ul > li:first-child {
    padding-top: 2rem;
  }
  #pageheader [class^="container"] .logonavi .mainmenu > ul > li:last-child {
    border-bottom: none;
    background-color: #cc8505;
    display: flex;
    justify-content: space-between;
  }
  #pageheader [class^="container"] .logonavi .mainmenu > ul > li:last-child:after {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    width: 999rem;
    height: 100%;
    background-color: #cc8505;
    z-index: 1;
  }
  #pageheader [class^="container"] .logonavi .mainmenu > ul > li > .submenu {
    display: grid;
    grid-template-rows: 0fr;
    -webkit-transition: grid-template-rows 150ms ease-in-out;
    -moz-transition: grid-template-rows 150ms ease-in-out;
    -o-transition: grid-template-rows 150ms ease-in-out;
    transition: grid-template-rows 150ms ease-in-out;
  }
  #pageheader [class^="container"] .logonavi .mainmenu > ul > li > .submenu ul {
    overflow: hidden;
    list-style: none;
    color: #ffffff;
    background-color: #cc8505;
  }
  #pageheader [class^="container"] .logonavi .mainmenu > ul > li > .submenu ul li a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding: calc(1.5rem / 4) 0;
    font-weight: 700;
    border-bottom: 1px solid #fcaa20;
  }
  #pageheader [class^="container"] .logonavi .mainmenu > ul > li > .submenu ul li:last-child {
    position: relative;
  }
  #pageheader [class^="container"] .logonavi .mainmenu > ul > li > .submenu ul li:last-child a {
    border: none;
  }
  #pageheader [class^="container"] .logonavi .mainmenu > ul > li.submenu-open > .submenu {
    grid-template-rows: 1fr;
  }
  #pageheader [class^="container"] .logonavi .mainmenu > ul > li.submenu-open .link-block .toggle-submenu svg {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
  }
  #pageheader [class^="container"] .logonavi .mainmenu > ul > li.active .link-block a {
    color: #7b5106;
  }
  body.menu-open #pageheader [class^="container"] .logonavi {
    transition-delay: 0s;
    border-radius: 25px 25px 0 0;
  }
  body.menu-open #pageheader [class^="container"] .logonavi .mainmenu {
    grid-template-rows: 1fr;
  }
  body.menu-open #pageheader [class^="container"] .logonavi .toprow .mainmenu-toggle span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
  }
  body.menu-open #pageheader [class^="container"] .logonavi .toprow .mainmenu-toggle span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  body.menu-open #pageheader [class^="container"] .logonavi .toprow .mainmenu-toggle span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  body.menu-open #pageheader [class^="container"] .logonavi .toprow .mainmenu-toggle span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
  }
}
@media screen and (max-width: 1199px) and screen and (min-width: 600px) {
  #pageheader [class^="container"] .logonavi .mainmenu > ul > li {
    min-width: calc(80% - 4rem);
  }
}
@media screen and (min-width: 992px) {
  #pageheader [class^="container"] .logonavi {
    margin-inline: 3rem;
  }
}
/*  DESKTOP  */
@media screen and (min-width: 1200px) {
  #pageheader [class^="container"] .inner {
    position: relative;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  #pageheader [class^="container"] .logonavi {
    height: 70px;
    margin-inline: 0;
  }
  #pageheader [class^="container"] .logonavi .toprow .callus-link,
  #pageheader [class^="container"] .logonavi .toprow .mainmenu-toggle {
    display: none;
  }
  #pageheader [class^="container"] .logonavi .toprow .logoposition {
    height: 100%;
    max-width: 250px;
  }
  #pageheader [class^="container"] .logonavi .toprow .brand-logo {
    justify-content: flex-start;
    max-width: 200px;
  }
  #pageheader [class^="container"] .logonavi .toprow .brand-logo img {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }
  #pageheader .mainmenu {
    margin-right: 10px;
    display: flex;
    gap: 1rem;
    align-items: center;
  }
  #pageheader .mainmenu .metamenu {
    display: none;
  }
  #pageheader .mainmenu > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    height: 100%;
    align-items: center;
  }
  #pageheader .mainmenu > ul > li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 calc(1.5rem / 2);
  }
  #pageheader .mainmenu > ul > li .link-block .toggle-submenu {
    display: none;
  }
  #pageheader .mainmenu > ul > li .link-block > a {
    padding: 15px 30px;
    background: #fcaa20;
    border: 2px solid #ffffff;
    color: #fff;
    font-size: 1em;
    font-weight: 700;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    height: 2.2em;
    box-sizing: border-box;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    white-space: nowrap;
  }
  #pageheader .mainmenu > ul > li .link-block.active > a {
    color: #ffffff;
    background-color: #cc8505;
    border-color: #cc8505;
  }
  #pageheader .mainmenu > ul > li .link-block:hover > a {
    background: #ffffff;
    color: #fcaa20;
    border-color: #ffffff;
  }
  #pageheader .mainmenu > ul > li > .submenu > ul {
    display: none;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0 2rem;
    box-sizing: border-box;
    width: 100%;
    background: #ffffff;
    border-radius: 45px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    transform-origin: top;
    position: absolute;
    top: 100%;
    right: 0;
  }
  #pageheader .mainmenu > ul > li > .submenu > ul > li {
    padding: 0.5em 0.25em;
    font-size: 1rem;
  }
  #pageheader .mainmenu > ul > li > .submenu > ul > li a {
    text-decoration: none;
    padding: 0.2em 0.75em;
    display: block;
    color: #fcaa20;
    border-radius: 40px;
    white-space: nowrap;
  }
  #pageheader .mainmenu > ul > li > .submenu > ul > li:hover a {
    background: #fcaa20;
    color: #fff;
  }
  #pageheader .mainmenu > ul > li > .submenu > ul > li.active a {
    background: #cc8505;
    color: #fff;
  }
  #pageheader .mainmenu > ul > li:hover > .submenu ul {
    display: flex;
    justify-content: flex-end;
    opacity: 1;
    border-radius: 0 0 45px 45px;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  body.mainmenu-hover #pageheader [class^="container"] .logonavi {
    -webkit-border-radius: 45px 45px 0 0;
    -moz-border-radius: 45px 45px 0 0;
    -ms-border-radius: 45px 45px 0 0;
    -o-border-radius: 45px 45px 0 0;
    border-radius: 45px 45px 0 0;
  }
}
@media screen and (min-width: 1200px) and screen and (min-width: 1400px) {
  #pageheader .mainmenu > ul > li > .submenu > ul > li {
    font-size: 1.2rem;
  }
}
.fade {
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}
body.openmodal {
  overflow: hidden;
  height: 100svh;
}
.km-modal {
  display: none;
  position: fixed;
  z-index: 99999;
  background-color: rgba(225, 232, 239, 0.8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0;
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}
.km-modal.in {
  display: block;
  justify-content: center;
  opacity: 1;
}
.km-modal .modaldialog {
  max-width: 1200px;
  width: auto;
  margin: calc(30px  + 4rem) 0.75rem 30px 0.75rem;
  background-color: #022c58;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  border-radius: 1.5rem;
  color: #ffffff;
  padding: 1rem;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}
@media screen and (min-width: 540px) {
  .km-modal .modaldialog {
    margin-inline: 1.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .km-modal .modaldialog {
    padding: 3rem;
    margin-top: calc(30px  + 5.5rem);
    margin-inline: auto;
  }
}
@media screen and (min-width: 1320px) {
  .km-modal .modaldialog {
    padding: 4.5rem;
    margin-top: calc(30px  + 6.5rem);
  }
}
.km-modal .modaldialog h2 {
  color: white;
  text-align: center;
  font-size: 1.4rem;
  margin-bottom: 0.5em;
}
.km-modal .modaldialog h2 + .subheadline {
  font-weight: 400;
  color: #fcaa20;
  text-align: center;
  font-size: 1rem;
  margin-bottom: 1em;
}
@media screen and (max-width: 479px) {
  .km-modal .modaldialog .frame-layout-61 .tx-powermail .powermail_form > .inner fieldset.powermail_fieldset_28 {
    padding-top: 1rem;
  }
  .km-modal .modaldialog .frame-layout-61 .tx-powermail .powermail_form > .inner fieldset.powermail_fieldset_27 {
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 480px) {
  .km-modal .modaldialog h2 {
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }
  .km-modal .modaldialog h2 + .subheadline {
    font-size: 1.4rem;
    margin-bottom: 2rem;
  }
}
.km-modal .modaldialog .closebtn {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  background: #ffffff;
}
.km-modal .modaldialog .closebtn svg {
  width: 70%;
  height: 70%;
}
.km-modal .modaldialog .closebtn svg * {
  fill: #fcaa20;
}
.km-modal .modaldialog .frame-layout-40,
.km-modal .modaldialog .frame-layout-43 {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.km-modal .modaldialog .frame-layout-40 .powermail_form > .inner .powermail_fieldset:not(.layout3),
.km-modal .modaldialog .frame-layout-43 .powermail_form > .inner .powermail_fieldset:not(.layout3) {
  flex: 1 1 100%;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .km-modal .modaldialog .frame-layout-40 .powermail_form > .inner .powermail_fieldset:not(.layout3),
  .km-modal .modaldialog .frame-layout-43 .powermail_form > .inner .powermail_fieldset:not(.layout3) {
    flex: 1 1 50%;
    width: 50%;
  }
}
.km-modal .modaldialog .frame-layout-40 .tx-powermail .powermail_form .powermail_fieldwrap:last-child,
.km-modal .modaldialog .frame-layout-43 .tx-powermail .powermail_form .powermail_fieldwrap:last-child {
  margin-bottom: 0;
}
.km-modal .modaldialog .frame-layout-40 .tx-powermail .powermail_form .powermail_fieldwrap .powermail_field,
.km-modal .modaldialog .frame-layout-43 .tx-powermail .powermail_form .powermail_fieldwrap .powermail_field {
  position: relative;
}
.km-modal .modaldialog .datadisplay dl dd {
  font-weight: 700;
  font-size: 2rem;
  margin-left: 0;
}
.km-modal .modaldialog.has-splitbox {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .km-modal .modaldialog.has-splitbox .inner .splitbox {
    display: flex;
  }
  .km-modal .modaldialog.has-splitbox .inner .splitbox .leftpanel {
    width: 250px;
    padding: 3rem;
    background: #003774;
  }
  .km-modal .modaldialog.has-splitbox .inner .splitbox .rightpanel {
    width: 60%;
    padding: 3rem;
  }
}
.container-fluid.is-blueintro {
  padding-left: 0;
  padding-right: 0;
}
.container-fluid.is-blueintro h2 {
  margin-bottom: 0em;
}
.container-fluid.is-blueintro > .inner .frame-type-text {
  line-height: 1.5em;
  font-weight: 400;
}
.container-fluid.is-blueintro > .inner .titlebox {
  position: relative;
  z-index: 10;
}
.container-fluid.is-blueintro > .inner .titlebox .has-noimg.inner {
  padding-bottom: 1px;
}
.container-fluid.is-blueintro > .inner .titlebox .breadcrumbbox {
  font-size: 1rem;
  color: #fcaa20;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin-bottom: 1rem;
}
.container-fluid.is-blueintro > .inner .titlebox .breadcrumbbox ul {
  display: flex;
  padding-left: 0;
  justify-content: center;
  margin: 1em 0;
}
.container-fluid.is-blueintro > .inner .titlebox .breadcrumbbox ul li {
  padding-left: 10px;
  margin-left: 9px;
  border-left: 1px solid white;
  line-height: 0.8em;
}
.container-fluid.is-blueintro > .inner .titlebox .breadcrumbbox ul li:before {
  display: none;
}
.container-fluid.is-blueintro > .inner .titlebox .breadcrumbbox ul li:first-child {
  padding-left: 0;
  margin-left: 0;
  border: none;
}
.container-fluid.is-blueintro > .inner .titlebox .breadcrumbbox ul li:nth-child(2) {
  font-weight: 700;
}
.container-fluid.is-blueintro > .inner .titlebox .breadcrumbbox ul li a {
  text-decoration: none;
}
.container-fluid.is-blueintro > .inner .titlebox h1 {
  color: white;
  margin-bottom: 1.5rem;
}
.container-fluid.is-blueintro > .inner .titlebox .mbac-wrap {
  display: block;
  -webkit-border-radius: 0 0 1.5rem 1.5rem;
  -moz-border-radius: 0 0 1.5rem 1.5rem;
  -ms-border-radius: 0 0 1.5rem 1.5rem;
  -o-border-radius: 0 0 1.5rem 1.5rem;
  border-radius: 0 0 1.5rem 1.5rem;
  margin-bottom: 2rem;
  overflow: hidden;
  -webkit-transform: translateY(3rem);
  -moz-transform: translateY(3rem);
  -o-transform: translateY(3rem);
  transform: translateY(3rem);
  margin-top: -3rem;
  margin-bottom: 3rem;
}
.container-fluid.is-blueintro > .inner .titlebox .mbac-wrap img {
  width: 100%;
  height: auto;
  float: left;
}
.container-fluid.is-blueintro > .inner > .introcontent {
  position: relative;
  z-index: 10;
  color: white;
  text-align: center;
}
.container-fluid.is-blueintro > .inner > .introcontent .extcontainer-accordion {
  text-align: left;
}
.container-fluid.is-blueintro > .inner > .introcontent p {
  font-size: 1rem;
}
.container-fluid.is-blueintro > .inner > .introcontent p.lead {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.container-fluid.is-blueintro > .inner > .introcontent .h1,
.container-fluid.is-blueintro > .inner > .introcontent .h2,
.container-fluid.is-blueintro > .inner > .introcontent .h3,
.container-fluid.is-blueintro > .inner > .introcontent .h4,
.container-fluid.is-blueintro > .inner > .introcontent h1,
.container-fluid.is-blueintro > .inner > .introcontent h2,
.container-fluid.is-blueintro > .inner > .introcontent h3,
.container-fluid.is-blueintro > .inner > .introcontent h4 {
  color: #022c58;
}
.container-fluid.is-blueintro > .inner > .introcontent .frame-layout-42 .h1,
.container-fluid.is-blueintro > .inner > .introcontent .frame-layout-42 .h2,
.container-fluid.is-blueintro > .inner > .introcontent .frame-layout-42 .h3,
.container-fluid.is-blueintro > .inner > .introcontent .frame-layout-42 .h4,
.container-fluid.is-blueintro > .inner > .introcontent .frame-layout-42 h1,
.container-fluid.is-blueintro > .inner > .introcontent .frame-layout-42 h2,
.container-fluid.is-blueintro > .inner > .introcontent .frame-layout-42 h3,
.container-fluid.is-blueintro > .inner > .introcontent .frame-layout-42 h4 {
  color: #fcaa20;
}
.container-fluid.is-blueintro > .inner > .bac-wrap {
  display: none;
}
@media screen and (max-width: 991px) {
  .container-fluid.is-blueintro > .inner .titlebox .inner {
    padding-top: 7rem;
    background: #022c58;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    text-align: center;
  }
}
@media screen and (min-width: 992px) {
  .container-fluid.is-blueintro {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .container-fluid.is-blueintro > .inner {
    z-index: 2;
    padding-top: 10rem;
    border-radius: 0 0 3rem 3rem;
    position: relative;
    padding: 140px 3rem 3rem 3rem;
    color: white;
    overflow: hidden;
    background: #022c58;
  }
  .container-fluid.is-blueintro > .inner .titlebox .breadcrumbbox ul {
    justify-content: flex-start;
  }
  .container-fluid.is-blueintro > .inner .titlebox .mbac-wrap {
    display: none;
  }
  .container-fluid.is-blueintro > .inner .titlebox h1 {
    margin-bottom: 0.25rem;
    font-size: 1.6rem;
  }
  .container-fluid.is-blueintro > .inner > .bac-wrap {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .container-fluid.is-blueintro > .inner > .bac-wrap:after {
    height: 30vw;
    width: 100%;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #022c58 100%);
    display: none;
  }
  .container-fluid.is-blueintro > .inner > .bac-wrap > .bac {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
    object-position: center center;
  }
  .container-fluid.is-blueintro > .inner .introcontent .container-fluid {
    padding-left: 0;
    padding-right: 0;
    text-align: left;
  }
  .container-fluid.is-blueintro > .inner .introcontent .container-fluid .h1,
  .container-fluid.is-blueintro > .inner .introcontent .container-fluid .h2,
  .container-fluid.is-blueintro > .inner .introcontent .container-fluid .h3,
  .container-fluid.is-blueintro > .inner .introcontent .container-fluid .h4,
  .container-fluid.is-blueintro > .inner .introcontent .container-fluid h1,
  .container-fluid.is-blueintro > .inner .introcontent .container-fluid h2,
  .container-fluid.is-blueintro > .inner .introcontent .container-fluid h3,
  .container-fluid.is-blueintro > .inner .introcontent .container-fluid h4 {
    color: #ffffff;
  }
}
@media screen and (min-width: 1350px) {
  .container-fluid.is-blueintro > .inner .titlebox h1 {
    font-size: 2rem;
  }
  .container-fluid.is-blueintro > .inner .titlebox h1 br {
    display: none;
  }
}
.container-fluid.is-blueintro > .inner > .introcontent.has-layout-50 + .bac-wrap {
  left: 10%;
}
@media screen and (min-width: 992px) {
  .datalayout_10 .container-fluid.is-blueintro > .inner {
    padding-top: 140px;
  }
  .level_0 .container-fluid.is-blueintro > .inner > .bac-wrap > .bac {
    object-position: top right;
  }
}
/* Bereich Wissen */
.layout-wissen .container-fluid.is-blueintro > .inner > .bac-wrap .bac {
  object-fit: contain;
  object-position: top center;
}
#budgetcheck-box .hidden {
  display: none;
}
#budgetcheck-box #btn-getcert {
  cursor: pointer;
}
@media screen and (min-width: 992px) {
  .seite_33 .container-fluid.is-blueintro > .inner {
    padding-top: 70px;
  }
}
.seite_33 .container-fluid.is-blueintro > .inner .titlebox .inner .breadcrumbbox,
.seite_33 .container-fluid.is-blueintro > .inner .titlebox .inner h1 {
  display: none;
}
@media screen and (max-width: 991px) {
  .seite_33 .container-fluid.is-blueintro > .inner .titlebox .inner {
    padding-top: 6rem;
  }
}
.seite_10 .maincontent {
  display: flex;
  flex-direction: column;
}
.seite_10 .maincontent .container-fluid.is-blueintro {
  order: 0;
}
.seite_10 .maincontent .container-fluid.is-blueintro .introcontent .cutText {
  margin-bottom: 0;
}
.seite_10 .maincontent .container-fluid.is-blueintro .introcontent .cutText .checklist {
  display: none !important;
}
@media screen and (min-width: 992px) {
  .seite_10 .maincontent .container-fluid.is-blueintro .introcontent .cutText .checklist {
    display: flex !important;
  }
}
.seite_10 .maincontent #c290 {
  order: 2;
}
.seite_10 .maincontent .extcontainer-2cols {
  order: 1;
}
.seite_10 .maincontent #c194 {
  order: 3;
}
@media screen and (min-width: 992px) {
  .seite_10 .maincontent .container-fluid.is-blueintro {
    order: 0;
  }
  .seite_10 .maincontent #c290 {
    order: 1;
  }
  .seite_10 .maincontent .extcontainer-2cols {
    order: 2;
  }
  .seite_10 .maincontent #c194 {
    order: 3;
  }
}
.maincontent .breadcrumb ul {
  display: flex;
  text-transform: uppercase;
  list-style: none;
}
.maincontent .breadcrumb ul li {
  padding-left: 0;
}
.maincontent .breadcrumb ul li:before {
  display: none;
}
.maincontent .breadcrumb ul li a {
  letter-spacing: 0.2rem;
  font-weight: 700;
}
.seite_1 .maincontent .breadcrumbbox {
  display: none;
}
/* Kleiner bild-Header 

<div class="tx-smallheader">  	
	<img class="headerpic" src="background.jpg" alt="" width="1600" height="618">
	<div class="overlay">Impressum</div>
</div>

*/
.boxed:after,
.boxed:before {
  content: "";
  display: block;
  border: 5px solid #ffffff;
  width: 30%;
  height: calc(100% + 10px);
  position: absolute;
  top: -5px;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.boxed:before {
  left: -5px;
  border-right: none;
}
.boxed:after {
  right: -5px;
  border-left: none;
}
.boxed.init:before {
  left: -35px;
}
.boxed.init:after {
  right: -35px;
}
.tx-introheader {
  height: 20rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tx-introheader.fullscreen-1 {
  height: 70vh;
  min-height: 10rem;
}
.tx-introheader .headerpic {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  object-fit: cover;
  z-index: 10;
}
.tx-introheader.fx1 .headerpic {
  filter: contrast(50%);
  -webkit-filter: contrast(50%);
  -moz-filter: contrast(50%);
}
.tx-introheader.fx2 .headerpic {
  filter: brightness(50%);
  -webkit-filter: brightness(50%);
  -moz-filter: brightness(50%);
}
.tx-introheader .overlay {
  z-index: 20;
  position: relative;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1em;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 1rem;
  text-transform: uppercase;
  min-width: 10rem;
  height: 10rem;
}
.tx-introheader .overlay:after,
.tx-introheader .overlay:before {
  content: "";
  display: block;
  border: 5px solid #ffffff;
  width: 30%;
  height: calc(100% + 10px);
  position: absolute;
  top: -5px;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.tx-introheader .overlay:before {
  left: -5px;
  border-right: none;
}
.tx-introheader .overlay:after {
  right: -5px;
  border-left: none;
}
.tx-introheader .overlay.init:before {
  left: -35px;
}
.tx-introheader .overlay.init:after {
  right: -35px;
}
@media screen and (min-width: 1081px) {
  .tx-introheader .overlay {
    font-size: 2rem;
  }
}
.tx-bigintro {
  position: relative;
  min-height: 100vh;
}
.tx-bigintro .bg-img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  object-fit: cover;
  opacity: 0.5;
}
.tx-bigintro .overlay-pos {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tx-bigintro .overlay-text {
  display: flex;
  flex-direction: column;
  text-shadow: 0 5px 10px #000000;
}
.tx-bigintro .overlay-text .title {
  font-size: 2.6rem;
}
.tx-bigintro .overlay-text .trailerlink {
  display: block;
  width: 4.5rem;
  height: auto;
}
@media screen and (min-width: 992px) {
  .tx-bigintro .overlay-text {
    display: flex;
    gap: 3rem;
    flex-direction: row-reverse;
    align-items: center;
  }
  .tx-bigintro .overlay-text .title {
    font-size: 5rem;
  }
  .tx-bigintro .overlay-text .smalltext {
    text-align: right;
    font-size: 1.2rem;
    max-width: 400px;
  }
}
.tx-bigintro .terminbadge {
  background-image: url('../Images/termin-hintergrund-pink.svg');
  background-size: 100% 100%;
  background-color: transparent;
  padding: 1rem 2rem 1rem 2rem;
  position: absolute;
  bottom: 4rem;
  right: 0;
  transform: rotate(10deg) scale(0.9);
  transform-origin: 100% 100%;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.tx-bigintro .terminbadge a {
  color: #ffffff;
  display: block;
  border-left: 5px solid #fcaa20;
  padding-left: 0.7rem;
  font-family: 'Anek Latin', sans-serif;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
}
.tx-bigintro .terminbadge a span {
  display: block;
  font-size: 2rem;
  line-height: 1;
}
.tx-bigintro .terminbadge:hover {
  -webkit-transform: rotate(10deg) scale(1.1);
  -moz-transform: rotate(10deg) scale(1.1);
  -o-transform: rotate(10deg) scale(1.1);
  transform: rotate(10deg) scale(1.1);
}
@media screen and (min-width: 540px) {
  .tx-bigintro .terminbadge {
    transform: rotate(10deg) scale(1.2);
  }
  .tx-bigintro .terminbadge:hover {
    -webkit-transform: rotate(10deg) scale(1.3);
    -moz-transform: rotate(10deg) scale(1.3);
    -o-transform: rotate(10deg) scale(1.3);
    transform: rotate(10deg) scale(1.3);
  }
}
.tx-processflow .processflow-title {
  text-align: center;
}
.tx-processflow .processflow-theflow {
  margin-bottom: 5rem;
  margin-top: 5rem;
  position: relative;
}
.tx-processflow .processflow-theflow .processflow-toplines,
.tx-processflow .processflow-theflow .processflow-item {
  position: relative;
  margin-top: 0px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 2rem 1.5rem;
  gap: 2rem;
  justify-content: space-between;
  flex-direction: column-reverse;
}
.tx-processflow .processflow-theflow .processflow-toplines .border-top,
.tx-processflow .processflow-theflow .processflow-item .border-top {
  display: none;
}
.tx-processflow .processflow-theflow .processflow-toplines .processflow-itemtext h3,
.tx-processflow .processflow-theflow .processflow-item .processflow-itemtext h3 {
  font-size: 1rem;
  font-weight: 700;
  color: #022c58;
  margin-top: 0;
}
.tx-processflow .processflow-theflow .processflow-toplines .processflow-itemtext p:last-child,
.tx-processflow .processflow-theflow .processflow-item .processflow-itemtext p:last-child {
  margin-bottom: 0;
}
.tx-processflow .processflow-theflow .processflow-toplines .processflow-itemicon,
.tx-processflow .processflow-theflow .processflow-item .processflow-itemicon {
  flex: 0 0 100px;
}
.tx-processflow .processflow-theflow .processflow-toplines .processflow-itemicon img,
.tx-processflow .processflow-theflow .processflow-item .processflow-itemicon img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 640px) {
  .tx-processflow .processflow-theflow .processflow-toplines,
  .tx-processflow .processflow-theflow .processflow-item {
    padding: 3rem 6rem;
  }
}
.tx-processflow .processflow-theflow .processflow-toplines [class^="border-"],
.tx-processflow .processflow-theflow .processflow-item [class^="border-"] {
  position: absolute;
  background-color: #fcaa20;
  display: block;
}
.tx-processflow .processflow-theflow .processflow-toplines .border-top,
.tx-processflow .processflow-theflow .processflow-item .border-top {
  display: none;
}
.tx-processflow .processflow-theflow .processflow-toplines .border-top,
.tx-processflow .processflow-theflow .processflow-item .border-top,
.tx-processflow .processflow-theflow .processflow-toplines .border-bottom,
.tx-processflow .processflow-theflow .processflow-item .border-bottom {
  left: 0;
  right: 0;
  height: 2px;
  width: 100%;
  transform-origin: 0 0 ;
}
.tx-processflow .processflow-theflow .processflow-toplines .border-left,
.tx-processflow .processflow-theflow .processflow-item .border-left,
.tx-processflow .processflow-theflow .processflow-toplines .border-right,
.tx-processflow .processflow-theflow .processflow-item .border-right {
  top: 0;
  bottom: 0;
  width: 2px;
  height: 100%;
  transform-origin: 0 0 ;
}
.tx-processflow .processflow-theflow .processflow-toplines[data-even="1"] .border-bottom,
.tx-processflow .processflow-theflow .processflow-item[data-even="1"] .border-bottom {
  transform-origin: 100% 100% ;
}
.tx-processflow .processflow-theflow .processflow-toplines .border-top,
.tx-processflow .processflow-theflow .processflow-item .border-top {
  top: 0;
}
.tx-processflow .processflow-theflow .processflow-toplines .border-left,
.tx-processflow .processflow-theflow .processflow-item .border-left {
  left: 0px;
}
.tx-processflow .processflow-theflow .processflow-toplines .border-right,
.tx-processflow .processflow-theflow .processflow-item .border-right {
  right: 0px;
}
.tx-processflow .processflow-theflow .processflow-toplines .border-bottom,
.tx-processflow .processflow-theflow .processflow-item .border-bottom {
  bottom: 0px;
}
@media screen and (min-width: 768px) {
  .tx-processflow .processflow-theflow .processflow-toplines[data-even="1"],
  .tx-processflow .processflow-theflow .processflow-item[data-even="1"] {
    justify-content: flex-start;
    flex-direction: row;
  }
  .tx-processflow .processflow-theflow .processflow-toplines[data-even=""],
  .tx-processflow .processflow-theflow .processflow-item[data-even=""] {
    flex-direction: row-reverse;
  }
}
.tx-processflow .processflow-theflow .processflow-toplines[data-even="1"] .border-left,
.tx-processflow .processflow-theflow .processflow-item[data-even="1"] .border-left {
  display: none;
}
.tx-processflow .processflow-theflow .processflow-toplines[data-even=""] .border-right,
.tx-processflow .processflow-theflow .processflow-item[data-even=""] .border-right {
  display: none;
}
.tx-processflow .processflow-theflow .processflow-toplines[data-last="1"][data-even="1"] .border-bottom,
.tx-processflow .processflow-theflow .processflow-item[data-last="1"][data-even="1"] .border-bottom {
  width: calc( 50% + 2px );
  left: unset;
  right: 0;
}
.tx-processflow .processflow-theflow .processflow-toplines[data-last="1"][data-even=""] .border-bottom,
.tx-processflow .processflow-theflow .processflow-item[data-last="1"][data-even=""] .border-bottom {
  width: calc( 50% );
}
.tx-processflow .processflow-theflow .processflow-toplines[data-istopline="1"],
.tx-processflow .processflow-theflow .processflow-item[data-istopline="1"],
.tx-processflow .processflow-theflow .processflow-toplines[data-isbottomline="1"],
.tx-processflow .processflow-theflow .processflow-item[data-isbottomline="1"] {
  padding: 0;
  width: 50%;
  height: 5rem;
}
.tx-processflow .processflow-theflow .processflow-toplines[data-istopline="1"] .border-top,
.tx-processflow .processflow-theflow .processflow-item[data-istopline="1"] .border-top,
.tx-processflow .processflow-theflow .processflow-toplines[data-isbottomline="1"] .border-top,
.tx-processflow .processflow-theflow .processflow-item[data-isbottomline="1"] .border-top {
  display: none;
}
.tx-processflow .processflow-theflow .processflow-toplines[data-istopline="1"]:before,
.tx-processflow .processflow-theflow .processflow-item[data-istopline="1"]:before,
.tx-processflow .processflow-theflow .processflow-toplines[data-isbottomline="1"]:before,
.tx-processflow .processflow-theflow .processflow-item[data-isbottomline="1"]:before {
  content: "";
  width: 1rem;
  height: 1rem;
  display: block;
  background: #fcaa20;
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
.tx-processflow .processflow-theflow .processflow-toplines[data-istopline="1"] .border-left,
.tx-processflow .processflow-theflow .processflow-item[data-istopline="1"] .border-left {
  display: none;
}
.tx-processflow .processflow-theflow .processflow-toplines[data-istopline="1"] .border-bottom,
.tx-processflow .processflow-theflow .processflow-item[data-istopline="1"] .border-bottom {
  transform-origin: 100% 100%;
}
.tx-processflow .processflow-theflow .processflow-toplines[data-isbottomline="1"] .border-bottom,
.tx-processflow .processflow-theflow .processflow-item[data-isbottomline="1"] .border-bottom {
  display: none;
}
.tx-processflow .processflow-theflow .processflow-toplines[data-isbottomline="1"] .border-left,
.tx-processflow .processflow-theflow .processflow-item[data-isbottomline="1"] .border-left {
  display: none;
}
.tx-processflow .processflow-theflow .processflow-toplines[data-isbottomline="1"]:before,
.tx-processflow .processflow-theflow .processflow-item[data-isbottomline="1"]:before {
  top: unset;
  bottom: -0.5rem;
}
.tx-circleobject svg #Markt * {
  fill: #fcaa20;
}
.tx-circleobject svg #sectors > g {
  cursor: pointer;
}
.tx-circleobject svg #sectors > g [id^="rot"] * {
  fill: transparent;
  -webkit-transform: all 250 ease-in-out;
  -moz-transform: all 250 ease-in-out;
  -o-transform: all 250 ease-in-out;
  transform: all 250 ease-in-out;
}
.tx-circleobject svg #sectors > g [id^="weiss"] * {
  fill: white;
  -webkit-transform: all 250 ease-in-out;
  -moz-transform: all 250 ease-in-out;
  -o-transform: all 250 ease-in-out;
  transform: all 250 ease-in-out;
}
.tx-circleobject svg #sectors > g > circle,
.tx-circleobject svg #sectors > g > ellipse {
  fill: white;
  -webkit-transform: all 250 ease-in-out;
  -moz-transform: all 250 ease-in-out;
  -o-transform: all 250 ease-in-out;
  transform: all 250 ease-in-out;
}
.tx-circleobject svg #sectors > g [id^="sensor"] {
  fill: transparent;
}
.tx-circleobject svg #sectors > g:hover [id^="rot"] * {
  fill: #fcaa20;
}
.tx-circleobject svg #sectors > g:hover [id^="weiss"] * {
  fill: transparent;
}
.tx-circleobject svg #sectors > g:hover > circle,
.tx-circleobject svg #sectors > g:hover > ellipse {
  fill: #fcaa20;
}
.circlepopup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  z-index: 199;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  overflow: hidden;
  background-image: url('/typo3conf/ext/km_template/Resources/Public/Images/overlay-bg.jpg');
  background-size: cover;
  background-position: center center 0;
}
.circlepopup .close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  z-index: 100;
  opacity: 1;
}
.circlepopup .close svg {
  width: 2.5rem;
  height: 2.5rem;
}
.circlepopup .close svg * {
  fill: #ffffff;
}
.circlepopup .inner {
  position: relative;
  margin: 2rem;
  padding: 1rem;
  height: auto;
  max-height: 80vh;
  max-width: 50%;
  color: #ffffff;
}
.circlepopup .inner:after,
.circlepopup .inner:before {
  content: "";
  display: block;
  border: 5px solid #ffffff;
  width: 30%;
  height: calc(100% + 10px);
  position: absolute;
  top: -5px;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.circlepopup .inner:before {
  left: -5px;
  border-right: none;
}
.circlepopup .inner:after {
  right: -5px;
  border-left: none;
}
.circlepopup .inner.init:before {
  left: -35px;
}
.circlepopup .inner.init:after {
  right: -35px;
}
.circlepopup .inner:after,
.circlepopup .inner:before {
  border-color: #fcaa20;
}
.circlepopup .inner .content {
  overflow-y: auto;
  max-height: 100%;
  padding: 1em;
}
.circlepopup .inner .content a {
  color: #fcaa20 !important;
  font-weight: 700;
}
.circlepopup .inner .logo {
  position: absolute;
  top: 1rem;
  right: 1rem;
  height: 1rem;
  width: auto;
}
.circlepopup .inner h2,
.circlepopup .inner h3,
.circlepopup .inner h4 {
  font-size: 1.4rem;
  color: #fcaa20;
}
@media screen and (max-width: 991px) {
  .circlepopup {
    align-items: flex-end;
  }
  .circlepopup .close {
    top: 1rem;
    right: 1rem;
  }
  .circlepopup .close svg {
    width: 1.5rem;
    height: 1.5rem;
  }
  .circlepopup .inner {
    max-width: calc(100% - 1rem);
    margin: 1rem;
    padding: 2rem 1rem;
    height: calc(100% - 5rem);
    max-height: unset;
  }
  .circlepopup .inner .logo {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    height: 0.75rem;
    width: auto;
  }
}
.circlepopup.open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
#contactslideout {
  position: fixed;
  right: 0;
  bottom: 5rem;
  width: 0;
  z-index: 90;
}
#contactslideout .infotrigger {
  cursor: pointer;
  background: #022c58;
  color: white;
  width: 3rem;
  height: 3rem;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  transition: all 150ms ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 2rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}
#contactslideout .infotrigger svg {
  height: 1.6rem;
  width: auto;
}
#contactslideout .infotrigger svg * {
  fill: #ffffff;
}
#contactslideout .infotrigger:after {
  content: "";
  display: block;
  height: 100%;
  width: 5rem;
  background-color: #022c58;
  position: absolute;
  left: 100%;
  top: 0;
}
#contactslideout .infotrigger:hover {
  transform: translate(-0.75rem, -50%);
}
#contactslideout .slideoutcontent {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translate(0, 3.5rem);
  transition: all 150ms ease-in-out 150ms;
  color: #ffffff;
  max-width: 100vw;
  /* width: 400px; */
  padding: 10px 10px 0 10px;
}
#contactslideout .slideoutcontent .inner {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
}
#contactslideout .slideoutcontent .closeslideout {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 15px;
  transform: translate(0, -1.5rem);
  height: 1.5rem;
  width: 1.5rem;
  background-color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
}
#contactslideout .slideoutcontent .closeslideout svg {
  width: 1.2rem;
  height: 1.2rem;
}
#contactslideout .slideoutcontent .closeslideout svg * {
  fill: white;
}
#contactslideout .slideoutcontent .col1 {
  padding: 35px;
  background: #022c58;
  text-align: center;
  color: white;
}
#contactslideout .slideoutcontent .col1 .btn {
  padding: 5px 10px;
  background-color: white;
  color: #022c58;
  font-weight: 400;
  font-size: 0.7rem;
  text-transform: uppercase;
  border: none;
}
#contactslideout .slideoutcontent .col1 .btn-primary {
  background-color: #fcaa20;
  color: #ffffff;
}
#contactslideout .slideoutcontent .col1 .bigtitle {
  font-size: 1.2rem;
  line-height: 1.2em;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
#contactslideout .slideoutcontent .col1 p {
  margin-bottom: 0;
}
#contactslideout .slideoutcontent .col1 p.phonemail {
  margin-bottom: 0.5rem;
  display: flex;
  gap: 5px;
  margin-bottom: 1.25rem;
  justify-content: center;
}
#contactslideout .slideoutcontent .col1 .smallclaim {
  font-size: 0.6rem;
  color: #ffffff;
  margin-bottom: 0;
  line-height: 1.2em;
}
#contactslideout .slideoutcontent .col2 {
  color: #ffffff;
  display: flex;
  flex-direction: column;
  background: #ffffff;
}
#contactslideout .slideoutcontent .col2 .row1 a,
#contactslideout .slideoutcontent .col2 .row2 a {
  padding: 35px 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
#contactslideout .slideoutcontent .col2 .row1 svg,
#contactslideout .slideoutcontent .col2 .row2 svg {
  width: 7rem;
  height: auto;
}
#contactslideout .slideoutcontent .col2 .row1 svg *,
#contactslideout .slideoutcontent .col2 .row2 svg * {
  fill: #022c58;
  transition: all 150ms ease-in-out;
}
#contactslideout .slideoutcontent .col2 .row1 .title,
#contactslideout .slideoutcontent .col2 .row2 .title {
  color: #022c58;
  text-transform: uppercase;
  font-size: 0.7rem;
  margin-bottom: 0;
  transition: all 150ms ease-in-out;
}
#contactslideout .slideoutcontent .col2 .row1 a:hover,
#contactslideout .slideoutcontent .col2 .row2 a:hover {
  text-decoration: none;
}
#contactslideout .slideoutcontent .col2 .row1 a:hover svg *,
#contactslideout .slideoutcontent .col2 .row2 a:hover svg * {
  fill: #004680;
}
#contactslideout .slideoutcontent .col2 .row1 {
  border-bottom: 1px solid #022c58;
}
#contactslideout.active .infotrigger {
  transform: translate(100%, -50%);
}
#contactslideout.active .slideoutcontent {
  transform: translate(-100%, 3.5rem);
}
@media screen and (min-width: 768px) {
  #contactslideout .slideoutcontent {
    width: auto;
    padding-right: 15px;
  }
  #contactslideout .slideoutcontent .inner {
    flex-direction: row;
  }
}
.ce-uploads {
  margin-bottom: 5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.ce-uploads li {
  padding: 0.5rem 0;
  flex: 0 0 100%;
  width: 100%;
  margin-top: 0;
}
.ce-uploads li .innerlink {
  padding: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: white;
  text-decoration: none;
  border-bottom: 1px solid rgba(212, 175, 55, 0.5);
  flex-direction: column;
  text-transform: uppercase;
  font-family: 'Anek Latin', sans-serif;
  font-style: normal;
  font-weight: 900;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1em;
}
.ce-uploads li .innerlink:hover {
  background-color: rgba(252, 170, 32, 0.5);
}
.ce-uploads li .innerlink .ce-uploads-filesize {
  font-size: 0.6rem;
  font-family: "Roboto";
  line-height: 1em;
}
.ce-uploads li .innerlink svg {
  width: 3rem;
  height: auto;
}
.ce-uploads li .innerlink svg * {
  fill: #fcaa20;
}
@media screen and (min-width: 992px) {
  .ce-uploads {
    flex-direction: row;
    flex-wrap: wrap;
    margin: 3rem -0.5rem;
  }
  .ce-uploads li {
    flex: 0 0 33.333%;
    padding: 0.5rem;
  }
  .ce-uploads li .linktext {
    min-height: 3.2rem;
  }
}
.tx-images-logowall {
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.tx-images-logowall figure {
  margin: 1rem;
}
.tx-images-logowall figure img {
  height: 2rem;
  width: auto;
}
.tx-images-logowall figure:nth-child(1) img,
.tx-images-logowall figure:nth-child(2) img {
  height: 0.7rem;
}
@media screen and (min-width: 768px) {
  .tx-images-logowall figure img {
    height: 3.5rem;
  }
  .tx-images-logowall figure:nth-child(1) img,
  .tx-images-logowall figure:nth-child(2) img {
    height: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .tx-images-logowall figure img {
    height: 3.5rem;
  }
  .tx-images-logowall figure:nth-child(1) img,
  .tx-images-logowall figure:nth-child(2) img {
    height: 1.4rem;
  }
}
.tx-images-process {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.tx-images-process figure {
  flex: 1 1 auto;
  text-align: center;
  align-items: center;
  font-size: 1rem;
}
.tx-images-process figure img {
  width: 100%;
  height: auto;
  max-width: 5rem;
  margin-bottom: 0.5rem;
}
.tx-images-process .arrow {
  flex: 1 1 auto;
  padding: 2em 2em;
}
.tx-images-process .arrow .polygon {
  height: 100%;
  min-height: 2rem;
  display: block;
  background: #818181;
  width: 1.2em;
  clip-path: polygon(calc(50% - 3px) 0%, calc(50% - 3px) calc(100% - 1em), 0% calc(100% - 1em), 50% 100%, 100% calc(100% - 1em), calc(50% + 3px) calc(100% - 1em), calc(50% + 3px) 0%);
}
@media screen and (min-width: 1024px) {
  .tx-images-process {
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    display: flex;
  }
  .tx-images-process figure img {
    margin-bottom: 2rem;
    margin: 0 auto;
  }
  .tx-images-process figure figcaption {
    width: 100%;
    display: block;
    margin-top: 1rem;
    text-align: center;
  }
  .tx-images-process .arrow {
    padding: 0.5em 2em;
  }
  .tx-images-process .arrow .polygon {
    width: 100%;
    min-height: unset;
    min-width: 2rem;
    height: 1.2em;
    clip-path: polygon(0% calc(50% - 3px), calc(100% - 1em) calc(50% - 3px), calc(100% - 1em) 0%, 100% 50%, calc(100% - 1em) 100%, calc(100% - 1em) calc(50% + 3px), 0% calc(50% + 3px));
  }
}
.tx-images-benefits {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-around;
  margin-left: -1rem;
  margin-right: -1rem;
}
.tx-images-benefits > * {
  padding: 2em 1em;
  flex: 0 0 50%;
  display: flex;
  align-items: center;
  text-align: center;
  gap: 1rem;
  justify-content: center;
  flex-direction: column;
  font-weight: 700;
  font-size: 1rem;
}
.tx-images-benefits > * img {
  width: 100%;
  max-width: 200px;
}
@media screen and (min-width: 768px) {
  .tx-images-benefits > * {
    flex: 0 0 33.33%;
  }
}
.tx-images-benefits[data-cols="5"] > * {
  flex: 0 0 50%;
}
@media screen and (min-width: 640px) {
  .tx-images-benefits[data-cols="5"] > * {
    flex: 0 0 33.33%;
  }
}
@media screen and (min-width: 992px) {
  .tx-images-benefits[data-cols="5"] > * {
    flex: 0 0 20%;
  }
}
/* Layout Variante von [textpic] */
.tx-icontextres .tx-row,
.tx-fiftyfifty .tx-row {
  display: flex;
  flex-direction: column;
}
.tx-icontextres .tx-row .tx-col-icon,
.tx-fiftyfifty .tx-row .tx-col-icon {
  max-width: 150px;
}
.tx-icontextres .tx-row .tx-col-icon img,
.tx-fiftyfifty .tx-row .tx-col-icon img {
  width: 100%;
  height: auto;
  margin-bottom: 2rem;
}
.tx-icontextres .tx-row .tx-col-text h2,
.tx-fiftyfifty .tx-row .tx-col-text h2 {
  font-size: 1.6rem;
}
@media screen and (min-width: 640px) {
  .tx-icontextres .tx-row,
  .tx-fiftyfifty .tx-row {
    flex-direction: row;
    gap: 3rem;
  }
  .tx-icontextres .tx-row .tx-col-icon,
  .tx-fiftyfifty .tx-row .tx-col-icon {
    flex: 0 0 150px;
    max-width: unset;
  }
}
.tx-fiftyfifty .tx-row .tx-col-icon {
  flex: 0 0 100%;
  max-width: unset;
}
@media screen and (min-width: 640px) {
  .tx-fiftyfifty .tx-row .tx-col-icon {
    flex: 0 0 50%;
  }
}
/* <div class="moretext-toggle">
        <span class="text">Mehr anzeigen</span>
        <span class="theline"></span>
        <span class="icon">
            <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16.6 9.8" style="enable-background:new 0 0 16.6 9.8;" xml:space="preserve">
                <g id="Gruppe_1033" transform="translate(0.005 -0.226)">
                    
                    <g id="Gruppe_116" transform="translate(21.58 5.261) rotate(90)">
                        <path d="M4.8,13.3c0,0.4-0.2,0.8-0.4,1.1l-6.8,6.8c-0.6,0.6-1.5,0.6-2.1,0c-0.6-0.6-0.6-1.5,0-2.1l5.7-5.7l-5.7-5.7
                            C-5.2,7-5.2,6-4.6,5.4c0.6-0.6,1.5-0.6,2.1,0l6.8,6.8C4.6,12.5,4.8,12.9,4.8,13.3z"></path>
                    </g>
                </g>
            </svg>

        </span>
</div> */
.frame-layout-3 .cutText {
  margin-bottom: 2rem;
  display: grid;
  grid-template-columns: 1fr;
  transform: all 0.3s ease-in-out;
  overflow: hidden;
}
.frame-layout-3 .cutText p {
  margin-bottom: 0;
}
.frame-layout-3 .cutText .checklist {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.frame-layout-3 .cutText .reveal-text {
  display: none;
  opacity: 0;
  -webkit-transition: opacity 250ms ease-in-out;
  -moz-transition: opacity 250ms ease-in-out;
  -o-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
}
.frame-layout-3 .cutText .moretext-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.frame-layout-3 .cutText .moretext-toggle .text {
  font-size: 0.8rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #fcaa20;
  flex: 0 0 auto;
}
.frame-layout-3 .cutText .moretext-toggle .text:before {
  content: "Mehr anzeigen";
}
.frame-layout-3 .cutText .moretext-toggle .theline {
  width: 100%;
  height: 1px;
  background-color: #fcaa20;
  margin: 0 1rem;
}
.frame-layout-3 .cutText .moretext-toggle .icon {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
  -webkit-transition: transform 250ms ease-in-out;
  -moz-transition: transform 250ms ease-in-out;
  -o-transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
}
.frame-layout-3 .cutText .moretext-toggle .icon svg {
  width: 100%;
  height: 100%;
  fill: #fcaa20;
}
.frame-layout-3 .cutText.open .reveal-text {
  display: inline;
  opacity: 1;
}
.frame-layout-3 .cutText.open .moretext-toggle .text:before {
  content: "Weniger anzeigen";
}
.frame-layout-3 .cutText.open .moretext-toggle .icon {
  transform: scale(-1);
}
@media screen and (max-width: 991px) {
  .container-fluid.is-blueintro > .inner > .introcontent {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    color: #022c58;
  }
  .container-fluid.is-blueintro > .inner > .introcontent .reveal-text {
    display: inline;
    opacity: 1;
  }
  .container-fluid.is-blueintro > .inner > .introcontent .moretext-toggle {
    display: none;
  }
}
.contactlinks {
  display: flex;
  align-items: center;
  gap: 2rem;
  justify-content: center;
  margin-top: 2rem;
}
@media screen and (min-width: 992px) {
  .contactlinks {
    justify-content: flex-start;
  }
}
.contactlinks a {
  display: block;
  width: 3rem;
  height: 3rem;
  aspect-ratio: 1;
  background: #fcaa20;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.contactlinks a svg {
  width: 55%;
  height: auto;
  fill: #ffffff;
}
/* 
height = 600

0.9         -> 540    
1.63        -> 978       
0.9         -> 540 
1.235       -> 741      
0.824       -> 494      
*/
.tx-slideshow {
  max-width: 1600px;
  margin: 0 auto;
}
.tx-slideshow .owl-carousel.complex .slideitem .inner {
  display: flex;
  flex-wrap: wrap;
}
.tx-slideshow .owl-carousel.complex .slideitem .inner > div {
  flex: 0 0 33.33%;
}
.tx-slideshow .owl-carousel.complex .slideitem .inner > div .imgwrap {
  padding: 0.5rem;
}
.tx-slideshow .owl-carousel.complex .slideitem .inner > div .imgwrap img {
  width: 100%;
  height: auto;
}
.tx-slideshow .owl-carousel.complex .slideitem .inner > div.col1 .imgwrap:first-child {
  padding-left: 30%;
  padding-top: 30%;
}
.tx-slideshow .owl-carousel.complex .slideitem .inner > div.col2 .imgwrap:first-child {
  padding-top: 50%;
}
.tx-slideshow .owl-carousel.complex .slideitem .inner > div.col3 .imgwrap:nth-child(2) {
  padding-right: 50%;
}
.tx-slideshow .owl-carousel.complex .owl-nav {
  height: 100%;
  top: 0;
  pointer-events: none;
}
.tx-slideshow .owl-carousel.complex .owl-prev {
  pointer-events: auto;
  left: 0.5rem;
  top: 30%;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
}
.tx-slideshow .owl-carousel.complex .owl-next {
  pointer-events: auto;
  right: 0.5rem;
  top: unset;
  bottom: 30%;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
}
.tx-slideshow .owl-carousel.complex .owl-prev,
.tx-slideshow .owl-carousel.complex .owl-next {
  height: 35px;
}
@media screen and (min-width: 768px) {
  .tx-slideshow .owl-carousel.complex .owl-prev,
  .tx-slideshow .owl-carousel.complex .owl-next {
    height: 70px;
  }
}
@media screen and (min-width: 1200px) {
  .tx-slideshow .owl-carousel.complex .owl-prev,
  .tx-slideshow .owl-carousel.complex .owl-next {
    height: 90px;
  }
}
.tx-slideshow .owl-carousel.simple {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.tx-slideshow .owl-carousel.simple .slideitem .inner {
  padding: 0.5rem;
}
.tx-slideshow .owl-carousel.simple .slideitem .inner img {
  width: 100%;
  height: auto;
}
.tx-slideshow .owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  height: 0;
  width: 100%;
}
.tx-slideshow .owl-carousel .owl-prev,
.tx-slideshow .owl-carousel .owl-next {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: auto;
  height: 80px;
}
.tx-slideshow .owl-carousel .owl-prev:before,
.tx-slideshow .owl-carousel .owl-next:before {
  display: none;
}
.tx-slideshow .owl-carousel .owl-prev img,
.tx-slideshow .owl-carousel .owl-next img {
  height: 100%;
  width: auto;
}
.tx-slideshow .owl-carousel .owl-prev {
  left: -50px;
}
.tx-slideshow .owl-carousel .owl-next {
  right: -50px;
}
.tx-slideshow .owl-carousel .owl-dots {
  display: flex;
  justify-content: center;
  list-style: none;
}
.tx-slideshow .owl-carousel .owl-dots button {
  width: 0.5rem;
  height: 0.5rem;
  margin: 0.25rem;
  border: none;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  text-indent: -99999rem;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  overflow: hidden;
  background-color: #ffffff33;
}
.tx-slideshow .owl-carousel .owl-dots button.active {
  background-color: #fcaa20;
}
.tx-powermail {
  /* margin-bottom: @gap-unit * 3; */
}
.tx-powermail .powermail_form {
  font-size: 1.2rem;
}
.tx-powermail .powermail_form [type="checkbox"] {
  font-size: 2rem;
  -webkit-transform: scale(1.3, 1.3);
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_submit input,
.tx-powermail .powermail_form .powermail_fieldwrap_type_submit button {
  width: 100%;
  display: block;
  background-color: #fcaa20;
  color: white;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  border: none;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.75rem 1rem;
  cursor: pointer;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_submit.calcbutton input,
.tx-powermail .powermail_form .powermail_fieldwrap_type_submit.calcbutton button {
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  border-radius: 1rem;
  font-size: 0.8rem;
  padding: 0.5rem 1rem;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_check {
  margin-bottom: 1em;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_check > label {
  display: none;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox label {
  display: flex;
  align-items: flex-start;
  font-size: 0.7rem;
  line-height: 1.2em;
  font-weight: 400;
  gap: 1rem;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox label a {
  font-weight: 700;
  color: #fcaa20;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox label .checkboxindicator {
  background: #cccccc;
  box-sizing: border-box;
  width: 2em;
  height: 2em;
  border-radius: 0.3em;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  color: #ffffff;
  position: relative;
  flex: 0 0 2em;
  margin-right: 0.5em;
  margin-top: 0.22em;
  transition: all 0.2s ease-in-out;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox label .checkboxindicator svg {
  position: relative;
  display: block;
  height: 80%;
  width: 80%;
  transition: all 0.2s ease-in-out;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox label .checkboxindicator svg * {
  fill: transparent;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox label input[type="checkbox"] {
  display: none;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox label input[type="checkbox"]:checked + .checkboxindicator {
  background-color: #fcaa20;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox label input[type="checkbox"]:checked + .checkboxindicator svg * {
  fill: #ffffff;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox.powermail_field_error .checkboxindicator {
  border: 4px solid #cc3939;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_check {
  position: relative;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_check p {
  margin: 0;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_input,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date {
  position: relative;
  margin: 0 0 2rem 0;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_input .powermail_field,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select .powermail_field,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea .powermail_field,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date .powermail_field {
  position: relative;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_input option,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select option,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea option,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date option {
  font-family: 'Anek Latin', sans-serif;
  font-size: 1rem;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_input input,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select input,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea input,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date input,
.tx-powermail .powermail_form .powermail_fieldwrap_type_input textarea,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select textarea,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea textarea,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date textarea,
.tx-powermail .powermail_form .powermail_fieldwrap_type_input select,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select select,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea select,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date select {
  font-family: 'Anek Latin', sans-serif;
  border: 2px solid #fcaa20;
  background-color: #022c58;
  padding: 0.4em 1.1em;
  color: #ffffff;
  font-size: 1em;
  font-weight: 700;
  z-index: 5;
  -webkit-border-radius: 1.2em;
  -moz-border-radius: 1.2em;
  -ms-border-radius: 1.2em;
  -o-border-radius: 1.2em;
  border-radius: 1.2em;
  width: 100%;
  box-sizing: border-box;
  display: block;
  /* Ouline Style */
  /* Placeholder color */
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_input input:focus,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select input:focus,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea input:focus,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date input:focus,
.tx-powermail .powermail_form .powermail_fieldwrap_type_input textarea:focus,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select textarea:focus,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea textarea:focus,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date textarea:focus,
.tx-powermail .powermail_form .powermail_fieldwrap_type_input select:focus,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select select:focus,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea select:focus,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date select:focus {
  outline: none;
  border-color: #fcaa20;
  box-shadow: 0 0 0 0.2rem rgba(252, 170, 32, 0.5);
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_input input::-webkit-input-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select input::-webkit-input-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea input::-webkit-input-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date input::-webkit-input-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_input textarea::-webkit-input-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select textarea::-webkit-input-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea textarea::-webkit-input-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date textarea::-webkit-input-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_input select::-webkit-input-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select select::-webkit-input-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea select::-webkit-input-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date select::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.25);
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_input input:-moz-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select input:-moz-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea input:-moz-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date input:-moz-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_input textarea:-moz-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select textarea:-moz-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea textarea:-moz-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date textarea:-moz-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_input select:-moz-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select select:-moz-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea select:-moz-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date select:-moz-placeholder {
  color: rgba(255, 255, 255, 0.25);
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_input input::-moz-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select input::-moz-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea input::-moz-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date input::-moz-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_input textarea::-moz-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select textarea::-moz-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea textarea::-moz-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date textarea::-moz-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_input select::-moz-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select select::-moz-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea select::-moz-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date select::-moz-placeholder {
  color: rgba(255, 255, 255, 0.25);
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_input input:-ms-input-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select input:-ms-input-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea input:-ms-input-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date input:-ms-input-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_input textarea:-ms-input-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select textarea:-ms-input-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea textarea:-ms-input-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date textarea:-ms-input-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_input select:-ms-input-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select select:-ms-input-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea select:-ms-input-placeholder,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date select:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.25);
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_input input.specialinput,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select input.specialinput,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea input.specialinput,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date input.specialinput {
  border-color: #ffffff;
  color: #ffffff;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_input select,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select select,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea select,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_input select + svg,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select select + svg,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea select + svg,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date select + svg {
  position: absolute;
  right: 0.5rem;
  left: unset;
  height: 60%;
  width: auto;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_input label,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select label,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea label,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date label {
  margin-bottom: 1rem;
  position: absolute;
  left: 1.8em;
  z-index: 10;
  font-size: 0.6em;
  background-color: #022c58;
  padding-left: 0.25em;
  padding-right: 0.25em;
  transform: translateY(-75%);
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_input .rangerwrap,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select .rangerwrap,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea .rangerwrap,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date .rangerwrap {
  display: flex;
  align-items: center;
  margin: 0.8rem 0;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_input .rangerwrap span,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select .rangerwrap span,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea .rangerwrap span,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date .rangerwrap span {
  font-size: 0.8rem;
  display: block;
  font-weight: 700;
  color: #fcaa20;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_input .rangerwrap span.min,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select .rangerwrap span.min,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea .rangerwrap span.min,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date .rangerwrap span.min {
  padding-right: 0.5rem;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_input .rangerwrap span.max,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select .rangerwrap span.max,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea .rangerwrap span.max,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date .rangerwrap span.max {
  padding-left: 0.5rem;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_input .specialinput,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select .specialinput,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea .specialinput,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date .specialinput {
  border: 2px solid #fcaa20;
}
.tx-powermail .powermail_form [type="date"],
.tx-powermail .powermail_form [type="datetime-local"],
.tx-powermail .powermail_form [type="month"],
.tx-powermail .powermail_form [type="time"],
.tx-powermail .powermail_form [type="week"] {
  -webkit-appearance: none;
  min-height: 2em;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea textarea {
  font-size: 1em;
  font-weight: 400;
  resize: none;
}
.tx-powermail .powermail_form .powermail_fieldset {
  border: none;
}
.tx-powermail .powermail_form .powermail_fieldset legend {
  display: none;
}
.tx-powermail .powermail_form .powermail_fieldset.zweispaltig {
  --thispad: 0.5rem;
  --thismarg: -0.5rem;
  display: flex;
  margin-left: var(--thismarg);
  margin-right: var(--thismarg);
  flex-wrap: wrap;
}
.tx-powermail .powermail_form .powermail_fieldset.zweispaltig legend {
  padding-left: var(--thispad);
  padding-right: var(--thispad);
  display: block;
  margin-bottom: 1em;
  flex: 0 0 100%;
}
.tx-powermail .powermail_form .powermail_fieldset.zweispaltig > .powermail_legend {
  flex: 0 0 100%;
}
.tx-powermail .powermail_form .powermail_fieldset.zweispaltig > .powermail_fieldwrap {
  flex: 0 0 100%;
  width: 100%;
  padding-left: var(--thispad);
  padding-right: var(--thispad);
  box-sizing: border-box;
}
@media screen and (min-width: 480px) {
  .tx-powermail .powermail_form .powermail_fieldset.zweispaltig > .powermail_fieldwrap {
    flex: 0 0 50%;
    width: 50%;
  }
}
.tx-powermail .powermail-errors-list {
  font-size: 0.6rem;
  margin: 0.25rem 0 0 0;
  position: absolute;
  left: 0;
  top: 100%;
}
.frame-layout-40,
.frame-layout-43,
.frame-layout-61,
.frame-layout-62 {
  background: #022c58;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  border-radius: 1.5rem;
  color: white;
  padding-bottom: 3rem;
  padding-top: 3rem;
  margin-bottom: 6rem;
}
.frame-layout-40 .default-headline,
.frame-layout-43 .default-headline,
.frame-layout-61 .default-headline,
.frame-layout-62 .default-headline {
  color: white;
  text-align: center;
  font-size: 2.2rem;
}
.frame-layout-40 .default-headline + .subheadline,
.frame-layout-43 .default-headline + .subheadline,
.frame-layout-61 .default-headline + .subheadline,
.frame-layout-62 .default-headline + .subheadline {
  font-size: 1, 5rem;
  font-weight: 400;
  color: #fcaa20;
  text-align: center;
}
.frame-layout-40 .powermail_form > .inner,
.frame-layout-43 .powermail_form > .inner,
.frame-layout-61 .powermail_form > .inner,
.frame-layout-62 .powermail_form > .inner {
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.frame-layout-40 .powermail_form > .inner .powermail_fieldset,
.frame-layout-43 .powermail_form > .inner .powermail_fieldset,
.frame-layout-61 .powermail_form > .inner .powermail_fieldset,
.frame-layout-62 .powermail_form > .inner .powermail_fieldset {
  flex: 0 0 100%;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}
.frame-layout-40 .powermail_form > .inner .powermail_fieldset .powermail_fieldwrap_type_check .powermail_field,
.frame-layout-43 .powermail_form > .inner .powermail_fieldset .powermail_fieldwrap_type_check .powermail_field,
.frame-layout-61 .powermail_form > .inner .powermail_fieldset .powermail_fieldwrap_type_check .powermail_field,
.frame-layout-62 .powermail_form > .inner .powermail_fieldset .powermail_fieldwrap_type_check .powermail_field {
  margin-bottom: 0;
}
.frame-layout-40 .powermail_form > .inner .powermail_fieldset .powermail_fieldwrap_type_check .powermail_field p,
.frame-layout-43 .powermail_form > .inner .powermail_fieldset .powermail_fieldwrap_type_check .powermail_field p,
.frame-layout-61 .powermail_form > .inner .powermail_fieldset .powermail_fieldwrap_type_check .powermail_field p,
.frame-layout-62 .powermail_form > .inner .powermail_fieldset .powermail_fieldwrap_type_check .powermail_field p {
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .frame-layout-40 .powermail_form > .inner,
  .frame-layout-43 .powermail_form > .inner,
  .frame-layout-61 .powermail_form > .inner,
  .frame-layout-62 .powermail_form > .inner {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
  }
  .frame-layout-40 .powermail_form > .inner .powermail_fieldset,
  .frame-layout-43 .powermail_form > .inner .powermail_fieldset,
  .frame-layout-61 .powermail_form > .inner .powermail_fieldset,
  .frame-layout-62 .powermail_form > .inner .powermail_fieldset {
    box-sizing: border-box;
  }
  .frame-layout-40 .powermail_form > .inner .powermail_fieldset:not(.layout3),
  .frame-layout-43 .powermail_form > .inner .powermail_fieldset:not(.layout3),
  .frame-layout-61 .powermail_form > .inner .powermail_fieldset:not(.layout3),
  .frame-layout-62 .powermail_form > .inner .powermail_fieldset:not(.layout3) {
    flex: 0 0 33.33%;
    width: 33.33%;
  }
  .frame-layout-40 .powermail_form > .inner .powermail_fieldset textarea,
  .frame-layout-43 .powermail_form > .inner .powermail_fieldset textarea,
  .frame-layout-61 .powermail_form > .inner .powermail_fieldset textarea,
  .frame-layout-62 .powermail_form > .inner .powermail_fieldset textarea {
    height: 12rem;
  }
}
.frame-layout-41 {
  padding-left: 0;
  padding-right: 0;
}
.frame-layout-41 .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldset {
  padding: 0;
}
.frame-layout-41 .tx-powermail .powermail_form label {
  background-color: white;
}
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_input input,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_select input,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea input,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_date input,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_input textarea,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_select textarea,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea textarea,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_date textarea,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_input select,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_select select,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea select,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_date select {
  background-color: #ffffff;
  color: #022c58;
  /* Ouline Style */
  /* Placeholder color */
}
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_input input:focus,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_select input:focus,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea input:focus,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_date input:focus,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_input textarea:focus,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_select textarea:focus,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea textarea:focus,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_date textarea:focus,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_input select:focus,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_select select:focus,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea select:focus,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_date select:focus {
  outline: none;
  border-color: #fcaa20;
  border-color: #022c58;
  box-shadow: none;
}
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_input input::-webkit-input-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_select input::-webkit-input-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea input::-webkit-input-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_date input::-webkit-input-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_input textarea::-webkit-input-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_select textarea::-webkit-input-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea textarea::-webkit-input-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_date textarea::-webkit-input-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_input select::-webkit-input-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_select select::-webkit-input-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea select::-webkit-input-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_date select::-webkit-input-placeholder {
  color: rgba(2, 44, 88, 0.25);
}
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_input input:-moz-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_select input:-moz-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea input:-moz-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_date input:-moz-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_input textarea:-moz-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_select textarea:-moz-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea textarea:-moz-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_date textarea:-moz-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_input select:-moz-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_select select:-moz-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea select:-moz-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_date select:-moz-placeholder {
  color: rgba(2, 44, 88, 0.25);
}
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_input input::-moz-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_select input::-moz-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea input::-moz-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_date input::-moz-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_input textarea::-moz-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_select textarea::-moz-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea textarea::-moz-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_date textarea::-moz-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_input select::-moz-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_select select::-moz-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea select::-moz-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_date select::-moz-placeholder {
  color: rgba(2, 44, 88, 0.25);
}
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_input input:-ms-input-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_select input:-ms-input-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea input:-ms-input-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_date input:-ms-input-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_input textarea:-ms-input-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_select textarea:-ms-input-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea textarea:-ms-input-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_date textarea:-ms-input-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_input select:-ms-input-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_select select:-ms-input-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea select:-ms-input-placeholder,
.frame-layout-41 .tx-powermail .powermail_form .powermail_fieldwrap_type_date select:-ms-input-placeholder {
  color: rgba(2, 44, 88, 0.25);
}
/* .container-fluid.is-blueintro > .inner > .introcontent */
.frame-layout-42 {
  --thispad: calc(1.5rem / 4);
  --thismarg: calc(1.5rem / -4);
  background: #043670;
  padding: 2.25rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  border-radius: 1.5rem;
}
.frame-layout-42 header.hidden {
  display: none;
}
.frame-layout-42 h2.default-headline {
  color: #fcaa20;
  font-weight: normal;
}
.frame-layout-42 h2.default-headline b {
  font-weight: 700;
}
.frame-layout-42 .tx-powermail {
  margin-bottom: 0;
}
.frame-layout-42 .powermail_form {
  font-size: 1.2rem;
  transition: all 0.3s ease-in-out;
}
.frame-layout-42 .powermail_form > .powermail_fieldsets {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: var(--thismarg);
  margin-right: var(--thismarg);
}
.frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset {
  flex: 0 0 auto;
  row-gap: 2rem;
  box-sizing: border-box;
  margin: 0;
  color: #ffffff;
  padding-left: var(--thispad);
  padding-right: var(--thispad);
  margin-left: var(--thismarg);
  margin-right: var(--thismarg);
}
.frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset legend {
  display: none;
}
.frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap {
  margin: 0;
  padding-left: var(--thispad);
  padding-right: var(--thispad);
}
.frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_submit button {
  font-size: 1rem;
  padding: 1rem;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
.frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_submit button svg#balance-sheet {
  display: none;
}
.frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset label {
  background-color: #043670;
}
.frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .mandatory {
  display: none;
}
.frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_input input,
.frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_select input,
.frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_textarea input,
.frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_date input,
.frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_input textarea,
.frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_select textarea,
.frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_textarea textarea,
.frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_date textarea,
.frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_input select,
.frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_select select,
.frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_textarea select,
.frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_date select {
  background-color: #043670;
}
.frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset select option:checked,
.frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset select option:hover {
  background-color: #fcaa20;
}
@media screen and (min-width: 1200px) {
  .frame-layout-42 .powermail_form > .powermail_fieldsets {
    flex-direction: row;
  }
  .frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset_1 {
    flex: 0 0 calc(100% - 150px);
    width: calc(100% - 150px);
    padding-right: 2rem;
  }
  .frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset_1 > .powermail_fieldwrap {
    margin: 0;
  }
  .frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset_2 {
    flex: 0 0 150px;
    width: 150px;
  }
  .frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset_2 .powermail_fieldwrap_type_submit {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-end;
    height: 100%;
  }
  .frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset_2 .powermail_fieldwrap_type_submit .powermail_field {
    width: 100%;
    height: 100%;
  }
  .frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset_2 .powermail_fieldwrap_type_submit button {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
    border-radius: 0.5rem;
  }
  .frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset_2 .powermail_fieldwrap_type_submit button svg#balance-sheet {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset_1 .powermail_fieldwrap {
    flex: 0 0 50%;
    width: 50%;
  }
}
.frame-layout-42 .resultbox {
  border: none;
  /* padding: 10px;
		margin: 10px 0px;
		background: #fff3;
		border-radius: 10px;
		padding: 1.5rem; */
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: column;
}
@media screen and (min-width: 640px) {
  .frame-layout-42 .resultbox {
    flex-direction: row;
    align-items: stretch;
  }
}
.frame-layout-42 .resultbox .databox {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 640px) {
  .frame-layout-42 .resultbox .databox {
    align-items: flex-start;
  }
}
.frame-layout-42 .resultbox .databox h5 {
  margin-top: 0;
  font-size: 1.4rem;
  color: #fcaa20;
  margin-bottom: 2rem;
  text-align: left;
}
@media screen and (min-width: 1081px) {
  .frame-layout-42 .resultbox .databox h5 {
    font-size: 2rem;
  }
}
.frame-layout-42 .resultbox .databox .logoblock {
  display: flex;
  gap: 1rem;
  align-items: center;
  font-size: 1.1rem;
  width: 100%;
}
.frame-layout-42 .resultbox .databox .logoblock .value-anbietername {
  color: white;
  text-align: left;
}
.frame-layout-42 .resultbox .databox .logoblock .value-anbietername h5 {
  font-size: 1.6rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.5em;
}
.frame-layout-42 .resultbox .databox .logoblock .value-anbietername p {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0;
}
.frame-layout-42 .resultbox .databox .valuesbox {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-top: 2rem;
  justify-content: center;
}
.frame-layout-42 .resultbox .databox .valuesbox.hidden {
  display: none;
}
@media screen and (min-width: 640px) {
  .frame-layout-42 .resultbox .databox .valuesbox {
    justify-content: flex-start;
  }
}
.frame-layout-42 .resultbox .databox .valuesbox dl {
  margin: 0;
  position: relative;
  font-size: 1.2rem;
  flex: 1 1 calc(33.333% - 1rem);
}
.frame-layout-42 .resultbox .databox .valuesbox dl dt {
  margin-bottom: 1rem;
  position: absolute;
  left: 1.8em;
  z-index: 10;
  font-size: 0.6em;
  color: #ffffff;
  background-color: #022c58;
  padding-left: 0.25em;
  padding-right: 0.25em;
  transform: translateY(-75%);
  background-color: #043670;
}
.frame-layout-42 .resultbox .databox .valuesbox dl dd {
  padding: 0.4em 1.1em;
  margin: 0;
  background: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
  font-weight: 700;
  border-radius: 100px;
  text-align: left;
  min-width: 100px;
}
.frame-layout-42 .resultbox .buttonbox {
  display: flex;
  flex-direction: column;
  width: 200px;
  gap: 1rem;
  justify-content: space-between;
}
.frame-layout-42 .resultbox .buttonbox .gotback {
  background: #022c58;
  cursor: pointer;
  border: none;
  display: block;
  width: 100%;
  color: #fff;
  font-size: 1rem;
  font-size: 700;
  padding: 0.5em 1em;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
.frame-layout-42 .resultbox .buttonbox .gotoservice {
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background: #fcaa20;
  cursor: pointer;
  border: none;
  display: block;
  width: 100%;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  padding: 1em 1em;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  box-sizing: border-box;
}
.frame-layout-42 .resultbox .buttonbox .gotoservice span {
  white-space: nowrap;
}
.frame-layout-42 .powermail_form.hidden,
.frame-layout-42 .resultbox.hidden {
  opacity: 0;
  height: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
/* .container-fluid.is-blueintro > .inner > .introcontent */
.frame-layout-52,
.frame-layout-53 {
  --thispad: calc(1.5rem / 4);
  --thismarg: calc(1.5rem / -4);
  overflow: hidden;
  background: #043670;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  border-radius: 1.5rem;
}
.frame-layout-52 header.hidden,
.frame-layout-53 header.hidden {
  display: none;
}
.frame-layout-52 h2.default-headline,
.frame-layout-53 h2.default-headline {
  color: #fcaa20 !important;
  font-weight: normal !important;
}
.frame-layout-52 h2.default-headline b,
.frame-layout-53 h2.default-headline b {
  font-weight: 700;
}
.frame-layout-52 .tx-powermail,
.frame-layout-53 .tx-powermail {
  margin-bottom: 0;
}
.frame-layout-52 .powermail_form,
.frame-layout-53 .powermail_form {
  font-size: 1.2rem;
  transition: all 0.3s ease-in-out;
  padding-top: calc(var(--thispad) * 2);
}
.frame-layout-52 .powermail_form > .powermail_fieldsets,
.frame-layout-53 .powermail_form > .powermail_fieldsets {
  width: auto;
  display: block;
}
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset {
  display: block;
  padding-inline: calc(var(--thispad) *4);
  box-sizing: border-box;
  margin: 0;
  color: #ffffff;
}
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset.zweispaltig,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset.zweispaltig {
  --thispad: inherit;
  --thismarg: inherit;
  margin: 0 0 0 0;
  display: flex;
  gap: calc(var(--thispad) * 2);
  row-gap: calc(var(--thispad) * 4);
}
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset.zweispaltig .powermail_fieldwrap,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset.zweispaltig .powermail_fieldwrap {
  padding-inline: 0;
  box-sizing: border-box;
  flex: 0 0 100%;
}
@media screen and (min-width: 768px) {
  .frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset.zweispaltig .powermail_fieldwrap,
  .frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset.zweispaltig .powermail_fieldwrap {
    flex: 0 0 calc(50% - var( --thispad ));
  }
}
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset.powermail_fieldset_2,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset.powermail_fieldset_2,
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset.powermail_fieldset_34,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset.powermail_fieldset_34 {
  background: white;
  background-image: url('/typo3conf/ext/km_template/Resources/Public/Images/zinsaction_bg2.svg');
  background-position: calc(50% - 50px) center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  padding-block: calc(var(--thispad) * 2);
}
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset legend,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset legend {
  display: none;
}
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap {
  margin: 0;
}
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_submit button,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_submit button {
  font-family: "Anek Latin", sans-serif;
  font-size: 1rem;
  padding: 1rem;
  width: 100%;
  height: 100%;
  display: flex;
  padding: 0.5rem 1rem;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_submit button svg,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_submit button svg {
  display: block;
  width: 24px;
  height: 24px;
}
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset label,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset label {
  background-color: #043670;
}
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset .mandatory,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset .mandatory {
  display: none;
}
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_input input,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_input input,
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_select input,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_select input,
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_textarea input,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_textarea input,
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_date input,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_date input,
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_input textarea,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_input textarea,
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_select textarea,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_select textarea,
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_textarea textarea,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_textarea textarea,
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_date textarea,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_date textarea,
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_input select,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_input select,
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_select select,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_select select,
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_textarea select,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_textarea select,
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_date select,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_date select {
  background-color: #043670;
}
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset select option:checked,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset select option:checked,
.frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset select option:hover,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset select option:hover {
  background-color: #fcaa20;
}
@media screen and (min-width: 1200px) {
  .frame-layout-52 .powermail_form > .powermail_fieldsets,
  .frame-layout-53 .powermail_form > .powermail_fieldsets {
    flex-direction: row;
  }
  .frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset_1,
  .frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset_1 {
    flex: 0 0 100%;
    width: 100%;
  }
  .frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset_1 > .powermail_fieldwrap,
  .frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset_1 > .powermail_fieldwrap {
    margin: 0;
  }
  .frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset_2,
  .frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset_2,
  .frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset_34,
  .frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset_34 {
    display: flex;
    justify-content: flex-end;
  }
  .frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset_2 .powermail_fieldwrap,
  .frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset_2 .powermail_fieldwrap,
  .frame-layout-52 .powermail_form > .powermail_fieldsets .powermail_fieldset_34 .powermail_fieldwrap,
  .frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset_34 .powermail_fieldwrap {
    flex: 0 0 50%;
    width: 50%;
  }
}
.frame-layout-52 .resultbox,
.frame-layout-53 .resultbox {
  border: none;
  /* padding: 10px;
		margin: 10px 0px;
		background: #fff3;
		border-radius: 10px;
		padding: 1.5rem; */
}
@media screen and (min-width: 640px) {
  .frame-layout-52 .resultbox,
  .frame-layout-53 .resultbox {
    flex-direction: row;
    align-items: stretch;
  }
}
.frame-layout-52 .resultbox .databox,
.frame-layout-53 .resultbox .databox {
  padding: calc(var(--thispad) *4);
}
@media screen and (min-width: 640px) {
  .frame-layout-52 .resultbox .databox,
  .frame-layout-53 .resultbox .databox {
    align-items: flex-start;
  }
}
.frame-layout-52 .resultbox .databox .row1,
.frame-layout-53 .resultbox .databox .row1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.frame-layout-52 .resultbox .databox h5,
.frame-layout-53 .resultbox .databox h5 {
  margin-top: 0;
  font-size: 1.4rem;
  color: #fcaa20;
  margin-bottom: 0;
  text-align: left;
}
@media screen and (min-width: 1081px) {
  .frame-layout-52 .resultbox .databox h5,
  .frame-layout-53 .resultbox .databox h5 {
    font-size: 2rem;
  }
}
.frame-layout-52 .resultbox .databox .logoblock,
.frame-layout-53 .resultbox .databox .logoblock {
  display: flex;
  gap: 1rem;
  align-items: center;
  font-size: 1.1rem;
  width: 100%;
}
.frame-layout-52 .resultbox .databox .logoblock .value-anbietername,
.frame-layout-53 .resultbox .databox .logoblock .value-anbietername {
  color: white;
  text-align: left;
}
.frame-layout-52 .resultbox .databox .logoblock .value-anbietername h5,
.frame-layout-53 .resultbox .databox .logoblock .value-anbietername h5 {
  font-size: 1.6rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.5em;
}
.frame-layout-52 .resultbox .databox .logoblock .value-anbietername p,
.frame-layout-53 .resultbox .databox .logoblock .value-anbietername p {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0;
}
.frame-layout-52 .resultbox .databox .valuesbox,
.frame-layout-53 .resultbox .databox .valuesbox {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-top: 2rem;
  justify-content: center;
}
.frame-layout-52 .resultbox .databox .valuesbox.hidden,
.frame-layout-53 .resultbox .databox .valuesbox.hidden {
  display: none;
}
@media screen and (min-width: 640px) {
  .frame-layout-52 .resultbox .databox .valuesbox,
  .frame-layout-53 .resultbox .databox .valuesbox {
    justify-content: flex-start;
  }
}
.frame-layout-52 .resultbox .databox .valuesbox dl,
.frame-layout-53 .resultbox .databox .valuesbox dl {
  margin: 0;
  position: relative;
  font-size: 1.2rem;
  flex: 1 1 calc(33.333% - 1rem);
}
.frame-layout-52 .resultbox .databox .valuesbox dl dt,
.frame-layout-53 .resultbox .databox .valuesbox dl dt {
  margin-bottom: 1rem;
  position: absolute;
  left: 1.8em;
  z-index: 10;
  font-size: 0.6em;
  color: #ffffff;
  background-color: #022c58;
  padding-left: 0.25em;
  padding-right: 0.25em;
  transform: translateY(-75%);
  background-color: #043670;
}
.frame-layout-52 .resultbox .databox .valuesbox dl dd,
.frame-layout-53 .resultbox .databox .valuesbox dl dd {
  padding: 0.4em 1.1em;
  margin: 0;
  background: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
  font-weight: 700;
  border-radius: 100px;
  text-align: left;
  min-width: 100px;
}
.frame-layout-52 .resultbox .buttonbox,
.frame-layout-53 .resultbox .buttonbox {
  background: #ffffff;
  padding: calc(var(--thispad) *4);
  display: flex;
  flex-direction: column;
  gap: calc(var(--thispad) * 2);
}
@media screen and (max-width: 539px) {
  .frame-layout-52 .resultbox .buttonbox,
  .frame-layout-53 .resultbox .buttonbox {
    padding-inline: 0;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 540px) {
  .frame-layout-52 .resultbox .buttonbox,
  .frame-layout-53 .resultbox .buttonbox {
    gap: calc(var(--thispad) * 8);
    flex-direction: row;
  }
}
.frame-layout-52 .resultbox .buttonbox div,
.frame-layout-53 .resultbox .buttonbox div {
  flex: 0 0 calc(50% - var(--thispad) * 4);
}
.frame-layout-52 .resultbox .buttonbox div .text,
.frame-layout-53 .resultbox .buttonbox div .text {
  color: #022c58;
  padding: 0.5rem 1rem;
  font-weight: 700;
  display: block;
  font-size: 1.2rem;
}
.frame-layout-52 .resultbox .buttonbox div button,
.frame-layout-53 .resultbox .buttonbox div button,
.frame-layout-52 .resultbox .buttonbox div a,
.frame-layout-53 .resultbox .buttonbox div a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fcaa20;
  border-radius: 100px;
  border: none;
  padding: 0.5rem 1rem;
  color: #ffffff;
  font-size: 1rem;
  cursor: pointer;
  font-weight: 700;
}
.frame-layout-52 .resultbox .buttonbox .gotoservice,
.frame-layout-53 .resultbox .buttonbox .gotoservice {
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background: #fcaa20;
  cursor: pointer;
  border: none;
  display: block;
  width: 100%;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  padding: 1em 1em;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  box-sizing: border-box;
}
.frame-layout-52 .resultbox .buttonbox .gotoservice span,
.frame-layout-53 .resultbox .buttonbox .gotoservice span {
  white-space: nowrap;
}
.frame-layout-52 .powermail_form.hidden,
.frame-layout-53 .powermail_form.hidden,
.frame-layout-52 .resultbox.hidden,
.frame-layout-53 .resultbox.hidden {
  opacity: 0;
  height: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.frame-layout-53 {
  background: #ffffff;
}
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap input,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap textarea,
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap select {
  background-color: #ffffff;
  border-color: #fcaa20;
  color: #022c58;
}
.frame-layout-53 .powermail_form > .powermail_fieldsets .powermail_fieldset label {
  color: #022c58;
  background-color: #ffffff;
}
.frame-layout-53 .resultbox {
  color: #fcaa20;
}
.frame-layout-53 .resultbox .databox .logoblock h5 {
  margin-bottom: 0;
}
.frame-layout-53 .resultbox .databox .logoblock span.value-anbietername * {
  color: #022c58;
  margin-top: 1rem;
}
.frame-layout-53 .resultbox .databox .row1 p {
  margin-bottom: 0;
}
.frame-layout-53 .resultbox .databox .gotback {
  background: #022c58;
  color: #ffffff;
}
.frame-layout-53 .resultbox .databox .valuesbox dl dd {
  color: #fcaa20;
  border-color: #fcaa20;
}
.frame-layout-53 .resultbox .databox .valuesbox dl dt {
  color: #022c58;
  background-color: #ffffff;
}
.frame-layout-53 .resultbox .databox .flex50pct dl {
  flex: 0 0 calc(50% - 1rem);
  width: calc(50% - 1rem);
}
.extcontainer-toolbox .frame-layout-42 .powermail_fieldset_22,
.extcontainer-toolbox .frame-layout-52 .powermail_fieldset_22 {
  flex: 0 0 100%;
  width: 100%;
}
.extcontainer-toolbox .frame-layout-42 h2.default-headline,
.extcontainer-toolbox .frame-layout-52 h2.default-headline {
  color: #ffffff;
  text-align: center;
}
.extcontainer-toolbox .frame-layout-42 .resultbox .databox .valuesbox dl dt,
.extcontainer-toolbox .frame-layout-52 .resultbox .databox .valuesbox dl dt {
  background-color: #043670;
}
.extcontainer-toolbox .frame-layout-42 .resultbox .buttonbox .gotback,
.extcontainer-toolbox .frame-layout-52 .resultbox .buttonbox .gotback {
  background-color: #043670;
}
/* BUDGET CHECK  */
.frame-layout-43 {
  padding: 0 !important;
}
.frame-layout-43 .tx-powermail .powermail_form > .inner {
  gap: 1rem;
}
.frame-layout-43 .tx-powermail .powermail_form > .inner fieldset.powermail_fieldset {
  margin: 0;
  padding: 0;
  flex: 0 0 calc(100%);
}
@media screen and (min-width: 1200px) {
  .frame-layout-43 .tx-powermail .powermail_form > .inner fieldset.powermail_fieldset {
    flex: 0 0 calc(33.333% - 0.6667rem);
  }
  .frame-layout-43 .tx-powermail .powermail_form > .inner fieldset.powermail_fieldset.layout2 {
    flex: 1 1 calc(100%);
  }
}
.frame-layout-43 .tx-powermail .powermail_form > .inner fieldset.powermail_fieldset .powermail_field {
  position: relative;
}
.frame-layout-43 .tx-powermail .powermail_form > .inner fieldset.powermail_fieldset .powermail_fieldwrap_type_check label {
  position: relative;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  left: unset;
  margin-bottom: 1rem;
}
.frame-layout-43 .tx-powermail .powermail_form > .inner fieldset.powermail_fieldset .powermail_fieldwrap_type_check label p {
  margin-bottom: 0;
}
.frame-layout-43 .powermail_create table {
  display: none;
}
.frame-layout-61 {
  padding: 0 !important;
  margin: 0 !important;
}
.frame-layout-61 .tx-powermail .powermail_create {
  padding: 1.5rem;
}
.frame-layout-61 .tx-powermail .powermail_form > .inner {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, auto);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.frame-layout-61 .tx-powermail .powermail_form > .inner fieldset.powermail_fieldset {
  width: 100%;
  padding: 0 1.5rem;
}
.frame-layout-61 .tx-powermail .powermail_form > .inner div.spacer {
  grid-area: none;
  display: none;
}
.frame-layout-61 .tx-powermail .powermail_form > .inner fieldset.powermail_fieldset_30 {
  grid-area: 1 / 1 / 2 / 2;
  padding-top: 80px;
}
.frame-layout-61 .tx-powermail .powermail_form > .inner fieldset.powermail_fieldset_28 {
  grid-area: 2 / 1 / 3 / 2;
  padding-top: 40px;
}
.frame-layout-61 .tx-powermail .powermail_form > .inner fieldset.powermail_fieldset_26 {
  grid-area: 3 / 1 / 4 / 2;
  padding-top: 40px;
}
.frame-layout-61 .tx-powermail .powermail_form > .inner fieldset.powermail_fieldset_27 {
  grid-area: 4 / 1 / 5 / 2;
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .frame-layout-61 .tx-powermail .powermail_form > .inner {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, auto);
  }
  .frame-layout-61 .tx-powermail .powermail_form > .inner div.spacer {
    grid-area: 1 / 1 / 2 / 2;
    display: block;
  }
  .frame-layout-61 .tx-powermail .powermail_form > .inner fieldset.powermail_fieldset_30 {
    grid-area: 1 / 2 / 2 / 4;
    padding-top: 40px;
  }
  .frame-layout-61 .tx-powermail .powermail_form > .inner fieldset.powermail_fieldset_28 {
    grid-area: 2 / 1 / 3 / 2;
  }
  .frame-layout-61 .tx-powermail .powermail_form > .inner fieldset.powermail_fieldset_26 {
    grid-area: 2 / 2 / 3 / 3;
  }
  .frame-layout-61 .tx-powermail .powermail_form > .inner fieldset.powermail_fieldset_27 {
    grid-area: 2 / 3 / 3 / 4;
    padding-bottom: 40px;
  }
}
.frame-layout-61 .tx-powermail .powermail_form > .inner .powermail_fieldwrap_introtext .default-headline,
.frame-layout-61 .tx-powermail .powermail_form > .inner .powermail_fieldwrap_introtext .subheadline {
  text-align: left;
}
.frame-layout-61 .tx-powermail .powermail_form > .inner div.spacer,
.frame-layout-61 .tx-powermail .powermail_form > .inner fieldset.powermail_fieldset_28 {
  background: #003774;
}
.frame-layout-61 .tx-powermail .powermail_form > .inner div.spacer .powermail_fieldwrap,
.frame-layout-61 .tx-powermail .powermail_form > .inner fieldset.powermail_fieldset_28 .powermail_fieldwrap {
  margin-bottom: 1rem;
}
.frame-layout-61 .tx-powermail .powermail_form > .inner div.spacer label,
.frame-layout-61 .tx-powermail .powermail_form > .inner fieldset.powermail_fieldset_28 label {
  position: relative;
  left: unset;
  top: unset;
  background: none;
  color: rgba(255, 255, 255, 0.25);
  font-weight: normal;
  font-size: 0.8rem;
  padding: 0;
}
.frame-layout-61 .tx-powermail .powermail_form > .inner div.spacer input,
.frame-layout-61 .tx-powermail .powermail_form > .inner fieldset.powermail_fieldset_28 input {
  padding: 0.5rem 0 1rem 0;
  background: transparent;
  border: none;
  text-overflow: ellipsis;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.frame-layout-62 {
  padding: 0 !important;
  margin: 0 !important;
}
.frame-layout-62 .tx-powermail .powermail_form > .inner {
  padding-top: 2rem;
}
#mietGoBack {
  width: 100%;
  background-color: #cccccc;
  margin-top: 1rem;
  cursor: pointer;
  font-family: "Anek Latin", sans-serif;
}
@media screen and (max-width: 1199px) {
  .powermail_form_7 .powermail_fieldset_29 {
    order: 1;
  }
  .powermail_form_7 .powermail_fieldset_24 {
    order: 2;
  }
  .powermail_form_7 .powermail_fieldset_23 {
    order: 3;
  }
  .powermail_form_7 .powermail_fieldset_25 {
    order: 4;
  }
}
@media screen and (max-width: 767px) {
  .powermail_form_8 .powermail_fieldset_28 {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
  }
  .powermail_form_8 .powermail_fieldset_28 .powermail_fieldwrap {
    flex: 0 0 100%;
    width: 100%;
  }
  .powermail_form_8 .powermail_fieldset_28 .powermail_fieldwrap.powermail_fieldwrap_marker_02,
  .powermail_form_8 .powermail_fieldset_28 .powermail_fieldwrap.powermail_fieldwrap_darlehensbetrag {
    flex: 0 0 calc(50% - 0.5rem);
  }
  .powermail_form_8 .powermail_fieldset_28 .powermail_fieldwrap:not(:last-child) {
    margin-bottom: 0 !important;
  }
}
.extcontainer-2cols .gotback svg {
  display: block;
  visibility: visible;
}
.news-list-view .news-list {
  display: flex;
}
.news-list-view .news-list .news-list-item .header {
  margin-bottom: 2rem;
}
.news-list-view .news-list .news-list-item .news-list-item-image .csc-textpic-imagewrap .csc-textpic-image .csc-textpic-image-crop .csc-textpic-image-col-w .csc-textpic-image-center .csc-textpic-image-img {
  width: 100%;
  height: auto;
}
.custom-form-box {
  background-color: #022c58;
  color: #fff;
  border-radius: 30px;
  margin: 2rem auto;
  /* generated with Input range slider CSS style generator (version 20211225)
https://toughengineer.github.io/demo/slider-styler */
  /*progress support*/
  /*webkit*/
  /*mozilla*/
  /*ms*/
}
.custom-form-box .fieldsrow {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  margin-bottom: 1rem;
}
.custom-form-box .fieldwrap {
  position: relative;
  margin: 0 0 0.5rem 0;
  width: 100%;
  flex: 0 0 100%;
}
@media screen and (min-width: 768px) {
  .custom-form-box .fieldwrap {
    flex: 0 0 calc(50% - 0.5rem);
    width: calc(50% - 0.5rem);
  }
}
@media screen and (min-width: 1200px) {
  .custom-form-box .fieldwrap {
    flex: 0 0 calc(33.33% - 0.75rem);
    width: calc(33.33% - 0.75rem);
  }
}
.custom-form-box input,
.custom-form-box label {
  display: block;
}
.custom-form-box input[type="text"],
.custom-form-box input[type="number"],
.custom-form-box input[type="email"],
.custom-form-box input[type="tel"],
.custom-form-box select {
  border: 2px solid #fcaa20;
  background: transparent;
  padding: 0.5rem 1.65rem;
  border-radius: 25px;
  color: #ffffff4d;
  font-size: 1.2rem;
  font-weight: 700;
  z-index: 5;
  width: 100%;
  box-sizing: border-box;
}
.custom-form-box input[type="button"] {
  border: 2px solid #fcaa20;
  background: #fcaa20;
  padding: 0.5rem 1.65rem;
  border-radius: 25px;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  z-index: 5;
  width: 100%;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /* diabled */
}
.custom-form-box input[type="button"]:disabled {
  background: #efefef;
  color: #cccccc;
  border-color: #ffffff;
}
.custom-form-box input.specialinput {
  border-color: #ffffff;
  color: #ffffff;
}
.custom-form-box label:not([class^="checkbox-type"]) {
  margin-bottom: 1rem;
  position: absolute;
  left: 1.5rem;
  z-index: 10;
  font-size: 0.8rem;
  background-color: #022c58;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  transform: translateY(-75%);
}
.custom-form-box .rangerwrap {
  display: flex;
  align-items: center;
  margin: 0.8rem 0;
  width: 100%;
}
.custom-form-box .rangerwrap span {
  font-size: 0.8rem;
  display: block;
  font-weight: 700;
  color: #fcaa20;
}
.custom-form-box .rangerwrap span.min {
  padding-right: 0.5rem;
}
.custom-form-box .rangerwrap span.max {
  padding-left: 0.5rem;
}
.custom-form-box .specialinput {
  border: 2px solid #fcaa20;
}
.custom-form-box input[type=range].hsranger {
  height: 2px;
  -webkit-appearance: none;
  width: 100%;
}
.custom-form-box input[type=range].hsranger.slider-progress {
  --range: calc(var(--max) - var(--min));
  --ratio: calc(var(--value) - var(--min)) / var(--range));
  --sx: calc(0.5 * 3em + var(--ratio) * (100% - 3em));
}
.custom-form-box input[type=range].hsranger:focus {
  outline: none;
}
.custom-form-box input[type=range].hsranger::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 3em;
  height: 10px;
  border-radius: 5px;
  background: #fcaa20;
  border: none;
  box-shadow: none;
  margin-top: calc(2px * 0.5 - 10px * 0.5);
}
.custom-form-box input[type=range].hsranger::-webkit-slider-runnable-track {
  height: 2px;
  border: none;
  border-radius: 10px;
  background: #ffffff99;
  box-shadow: none;
}
.custom-form-box input[type=range].hsranger::-webkit-slider-thumb:hover {
  background: #fcaa20;
}
.custom-form-box input[type=range].hsranger:hover::-webkit-slider-runnable-track {
  background: #ffffff99;
}
.custom-form-box input[type=range].hsranger::-webkit-slider-thumb:active {
  background: #fcaa20;
}
.custom-form-box input[type=range].hsranger:active::-webkit-slider-runnable-track {
  background: #ffffff99;
}
.custom-form-box input[type=range].hsranger.slider-progress::-webkit-slider-runnable-track {
  background: linear-gradient(#ffffff, #ffffff) 0/var(--sx) 100% no-repeat, #ffffff 99;
}
.custom-form-box input[type=range].hsranger.slider-progress:hover::-webkit-slider-runnable-track {
  background: linear-gradient(#ffffff, #ffffff) 0/var(--sx) 100% no-repeat, #ffffff 99;
}
.custom-form-box input[type=range].hsranger.slider-progress:active::-webkit-slider-runnable-track {
  background: linear-gradient(#ffffff, #ffffff) 0/var(--sx) 100% no-repeat, #ffffff 99;
}
.custom-form-box input[type=range].hsranger::-moz-range-thumb {
  width: 3em;
  height: 10px;
  border-radius: 5px;
  background: #fcaa20;
  border: none;
  box-shadow: none;
}
.custom-form-box input[type=range].hsranger::-moz-range-track {
  height: 2px;
  border: none;
  border-radius: 10px;
  background: #ffffff99;
  box-shadow: none;
}
.custom-form-box input[type=range].hsranger::-moz-range-thumb:hover {
  background: #fcaa20;
}
.custom-form-box input[type=range].hsranger:hover::-moz-range-track {
  background: #ffffff99;
}
.custom-form-box input[type=range].hsranger::-moz-range-thumb:active {
  background: #fcaa20;
}
.custom-form-box input[type=range].hsranger:active::-moz-range-track {
  background: #ffffff99;
}
.custom-form-box input[type=range].hsranger.slider-progress::-moz-range-track {
  background: linear-gradient(#ffffff, #ffffff) 0/var(--sx) 100% no-repeat, #ffffff 99;
}
.custom-form-box input[type=range].hsranger.slider-progress:hover::-moz-range-track {
  background: linear-gradient(#ffffff, #ffffff) 0/var(--sx) 100% no-repeat, #ffffff 99;
}
.custom-form-box input[type=range].hsranger.slider-progress:active::-moz-range-track {
  background: linear-gradient(#ffffff, #ffffff) 0/var(--sx) 100% no-repeat, #ffffff 99;
}
.custom-form-box input[type=range].hsranger::-ms-fill-upper {
  background: transparent;
  border-color: transparent;
}
.custom-form-box input[type=range].hsranger::-ms-fill-lower {
  background: transparent;
  border-color: transparent;
}
.custom-form-box input[type=range].hsranger::-ms-thumb {
  width: 3em;
  height: 10px;
  border-radius: 5px;
  background: #fcaa20;
  border: none;
  box-shadow: none;
  margin-top: 0;
  box-sizing: border-box;
}
.custom-form-box input[type=range].hsranger::-ms-track {
  height: 2px;
  border-radius: 10px;
  background: #ffffff99;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
}
.custom-form-box input[type=range].hsranger::-ms-thumb:hover {
  background: #fcaa20;
}
.custom-form-box input[type=range].hsranger:hover::-ms-track {
  background: #ffffff99;
}
.custom-form-box input[type=range].hsranger::-ms-thumb:active {
  background: #fcaa20;
}
.custom-form-box input[type=range].hsranger:active::-ms-track {
  background: #ffffff99;
}
.custom-form-box input[type=range].hsranger.slider-progress::-ms-fill-lower {
  height: 2px;
  border-radius: 10px 0 0 10px;
  margin: -undefined 0 -undefined -undefined;
  background: #ffffff;
  border: none;
  border-right-width: 0;
}
.custom-form-box input[type=range].hsranger.slider-progress:hover::-ms-fill-lower {
  background: #ffffff;
}
.custom-form-box input[type=range].hsranger.slider-progress:active::-ms-fill-lower {
  background: #ffffff;
}
.scroll-indicator-controller {
  position: fixed;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
  flex-direction: column;
  gap: 0.5rem;
  z-index: 1000;
  display: none;
}
.scroll-indicator-controller > div {
  width: 1rem;
  height: 1rem;
  opacity: 0.25;
  background-color: #fcaa20;
  border-radius: 50%;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
  border: 2px solid #ffffff;
}
.scroll-indicator-controller > div:hover,
.scroll-indicator-controller > div.active {
  opacity: 1;
}
.scroll-indicator-controller > div span {
  display: none;
}
.scrollsection {
  /* overflow: hidden; */
}
@media screen and (min-width: 992px) {
  .scroll-indicator-controller {
    display: flex;
  }
}
/* Easy Scroll Dots 2.0.3 --- https://github.com/Superhands89/EasyScrollDots
* Quickly add anchor points throughout your web page/application and have navigational dots automatically appear
* in a fixed position on the side of the page. This allows the user to click to scroll though sections of the page,
* and it updates as they scroll.
*
* By Superhands89 2019-2022 --- https://github.com/Superhands89/
*
* GPLv3 Licence for open source use only
* or purchase a Single Commercial License at https://gum.co/TdtEX
* or purchase an Extended Commercial License at https://gum.co/NGfmlw
*/
.scroll-indicator-controller-off {
  position: fixed;
  top: 50vh;
  transform: translate(0, -50%);
  right: 10px;
  z-index: 999;
}
.scroll-indicator-controller-off.indi-mobile > div span {
  display: none;
}
@media (min-width: 1025px) {
  .scroll-indicator-controller-off {
    right: 20px;
  }
}
.scroll-indicator-controller-off > div {
  width: 20px;
  height: 20px;
  position: relative;
  border-radius: 50%;
  border: 1px solid tomato;
  background: rgba(0, 0, 0, 0.25);
  margin: 0 0 10px 0;
  cursor: pointer;
  transition: background 0.4s ease;
  will-change: transition;
}
.scroll-indicator-controller-off > div span {
  color: tomato;
  position: absolute;
  right: calc(100% + 8px);
  white-space: nowrap;
  top: 50%;
  font-family: arial, sans-serif;
  font-size: 16px;
  line-height: 17px;
  width: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-50%) translateX(10px);
  transition: all 0.4s ease;
  will-change: transition;
}
@media (hover: none) {
  .scroll-indicator-controller-off > div span {
    display: none;
  }
}
.scroll-indicator-controller-off > div span:after {
  content: "-----";
  padding-left: 5px;
  letter-spacing: -2px;
  font-family: arial, sans-serif;
  vertical-align: text-top;
  line-height: 14px;
}
@media (hover: hover), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .scroll-indicator-controller-off > div:hover span {
    width: auto;
    opacity: 1;
    overflow: visible;
    transform: translateY(-50%) translateX(0px);
  }
}
.scroll-indicator-controller-off > div.active {
  background: tomato;
  border-color: rgba(0, 0, 0, 0.25);
}
@supports (-ms-ime-align:auto) {
  .scroll-indicator-controller > div span {
    transition: opacity 0.4s ease;
  }
}
/* INDEXED SEArch */
.seite_360 #slides {
  margin-bottom: 2rem;
}
.tx-indexedsearch-info {
  display: flex;
  gap: 20px;
}
ul.tx-indexedsearch-browsebox {
  display: flex;
  list-style-type: none;
  width: 100%;
  gap: 1rem;
  padding-left: 0;
  margin: 3rem 0;
}
ul.tx-indexedsearch-browsebox li {
  padding-left: 0;
}
.tx-indexedsearch-searchbox {
  margin-top: 1rem;
  margin-bottom: 3rem;
}
.tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-sword {
  color: #000000;
}
.tx-indexedsearch-searchbox #tx-indexedsearch-searchbox-sword {
  margin-bottom: 1rem;
}
.tx-indexedsearch-searchbox #tx-indexedsearch-searchbox-button-submit {
  background-color: #fff;
  color: #fcaa20;
  white-space: normal;
  outline: 0 !important;
  padding: 15px 30px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border: none;
}
.tx-indexedsearch-res {
  margin-bottom: 2rem;
  border-bottom: 1px solid #393939;
}
.tx-indexedsearch-res h3 {
  display: flex;
  font-size: 1.4rem;
  font-family: inherit;
}
.tx-indexedsearch-res h3 .tx-indexedsearch-percent {
  color: #393939;
  font-size: 1rem;
}
.layout-lexikon {
  background-color: #022c58;
  color: #ffffff;
}
.layout-lexikon h1 {
  color: #ffffff;
  display: none;
}
.layout-lexikon .filter-section {
  margin-bottom: 5rem;
}
.layout-lexikon .filter-section > .inner {
  padding-top: 0;
}
.layout-lexikon .filter-section > .inner .filterbox .lexikon-filter {
  display: flex;
  max-width: 60rem;
  width: 100%;
  box-sizing: border-box;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem;
  gap: 2rem;
}
.layout-lexikon .filter-section > .inner .filterbox .lexikon-filter h1 {
  margin-bottom: 0;
}
.layout-lexikon .filter-section > .inner .filterbox .lexikon-filter .form {
  display: flex;
  flex: 0 1 500px;
  align-items: center;
  gap: 1rem;
  width: 100%;
}
.layout-lexikon .filter-section > .inner .filterbox .lexikon-filter .form .fieldwrap {
  position: relative;
  width: 100%;
}
.layout-lexikon .filter-section > .inner .filterbox .lexikon-filter .form .fieldwrap input {
  padding-right: 2.5rem;
  width: 100%;
  box-sizing: border-box;
}
.layout-lexikon .filter-section > .inner .filterbox .lexikon-filter .form .fieldwrap svg {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  width: auto;
  height: calc(100% - 10px);
  fill: #fcaa20;
}
.layout-lexikon .filter-section > .inner .filter-container {
  max-width: 60rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out 0.5s;
  -moz-transition: opacity 0.5s ease-in-out 0.5s;
  -o-transition: opacity 0.5s ease-in-out 0.5s;
  transition: opacity 0.5s ease-in-out 0.5s;
}
.layout-lexikon .filter-section > .inner .filter-container.list-view .filter-item .definition {
  display: none;
}
@media screen and (min-width: 992px) {
  .layout-lexikon {
    padding-top: 7rem;
  }
  .layout-lexikon h1 {
    display: block;
  }
}
.layout-lexikon .wiki-content > .inner {
  background-color: #022c58;
  border-radius: 0 0 100px 100px;
}
.isotope-message {
  display: none;
  font-weight: 700;
  color: #ffffff88;
  text-align: center;
  font-size: 1.5rem;
  padding-bottom: 2rem;
}
.isotope-message h3 {
  display: none;
}
.immosearch {
  margin: 5rem auto;
}
.immosearch h2 {
  text-align: center;
  margin-bottom: 5rem;
}
.immosearch #startsearchrequest,
.immosearch #finishRequest {
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .immoform#firstForm #step2 .fieldwrap:nth-child(1) {
    flex: 0 0 calc(70% - 0.5rem);
    width: calc(70% - 0.5rem);
  }
  .immoform#firstForm #step2 .fieldwrap:nth-child(2) {
    flex: 0 0 calc(30% - 0.5rem);
    width: calc(30% - 0.5rem);
  }
}
.immoform .custom-form-box {
  background-color: #ffffff;
}
.immoform .custom-form-box .fieldsrow {
  background-color: #ffffff;
  row-gap: 1rem;
  justify-content: center;
}
.immoform .custom-form-box .fieldsrow label {
  background: #ffffff;
  color: #022c58;
}
.immoform .custom-form-box .fieldsrow input[type="text"],
.immoform .custom-form-box .fieldsrow input[type="email"],
.immoform .custom-form-box .fieldsrow input[type="tel"],
.immoform .custom-form-box .fieldsrow input[type="number"],
.immoform .custom-form-box .fieldsrow select {
  background: #ffffff;
  color: #022c58;
  font-family: 'Anek Latin', sans-serif;
  -webkit-appearance: none;
}
.immoform label.checkbox-type1 {
  padding: 0.25rem 0.25rem 0.25rem 1.5rem;
  box-sizing: border-box;
  margin-bottom: 0rem;
  font-weight: 700;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 2px solid #fcaa20;
  border-radius: 100px;
  position: relative;
  background: transparent;
  color: #022c58;
}
.immoform label.checkbox-type1 .checkbox_face {
  background: #fcaa20;
  border-radius: 100px;
  display: block;
  height: 40px;
  width: 40px;
  position: relative;
  flex: 0 0 40px;
}
.immoform label.checkbox-type1 .checkbox_face:after {
  content: "";
  display: block;
  height: 28px;
  width: 28px;
  background-color: #ffffff;
  border: 4px solid white;
  border-radius: 100px;
  transform: scale(0);
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.immoform label.checkbox-type1 input[type="checkbox"] {
  display: none;
}
.immoform label.checkbox-type1 input[type="checkbox"]:checked + .checkbox_face:after {
  background-color: #022c58;
}
.immoform label.checkbox-type2 {
  padding: 0.25rem 0.25rem 0.25rem 1.5rem;
  box-sizing: border-box;
  margin-bottom: 0rem;
  font-weight: 700;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 100px;
  position: relative;
  background: transparent;
  color: #022c58;
}
.immoform label.checkbox-type2 .textblock {
  padding-right: 1rem;
}
.immoform label.checkbox-type2 .textblock .textblock-subtext {
  display: block;
  font-size: 0.6em;
  font-weight: 400;
}
.immoform label.checkbox-type2 .checkbox_face {
  background: #fcaa20;
  border-radius: 100px;
  display: block;
  height: 40px;
  width: 40px;
  position: relative;
  flex: 0 0 40px;
}
.immoform label.checkbox-type2 .checkbox_face:after {
  content: "";
  display: block;
  height: 28px;
  width: 28px;
  background-color: #ffffff;
  border: 4px solid white;
  border-radius: 100px;
  transform: scale(0);
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.immoform label.checkbox-type2 input[type="checkbox"] {
  display: none;
}
.immoform label.checkbox-type2 input[type="checkbox"]:checked + .checkbox_face:after {
  background-color: #022c58;
}
.immoform fieldset.purposecheckboxes {
  border: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  gap: 1rem;
  margin-bottom: 3rem;
}
.immoform fieldset.purposecheckboxes label {
  flex: 0 0 100%;
}
@media screen and (min-width: 768px) {
  .immoform fieldset.purposecheckboxes label {
    flex: 0 0 calc(50% - 0.5rem);
  }
}
.immoform#firstForm #step2 .fieldsrow {
  max-width: 600px;
  margin: 0 auto;
}
.immoform#secondForm #step1 .fieldsrow {
  display: block;
  margin: 0 auto;
  max-width: 600px;
  margin-bottom: 2rem;
}
.immoform#secondForm #step1 .fieldsrow > .fieldwrap {
  width: auto;
}
.immoform#secondForm #step2 .fieldsrow {
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .immoform#secondForm #step2 .fieldsrow .fieldwrap {
    flex: 0 0 calc(50% - 0.5rem);
    width: 50%;
  }
}
.immoform#secondForm #step2 .fieldsrow.col100 .fieldwrap {
  flex: 0 0 100%;
  width: 100%;
}
.immoform#secondForm #step2 .fieldsrow.col100 .fieldwrap .textblock {
  padding-right: 0;
  padding-left: 1rem;
}
.formnav {
  margin-top: 3rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.formnav button {
  display: flex;
  align-items: center;
  gap: 1rem;
  border: none;
  background: none;
  cursor: pointer;
}
.formnav button > * {
  pointer-events: none;
}
.formnav button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  filter: grayscale(1);
}
.formnav button .icon {
  display: block;
  width: 2rem;
  height: 2rem;
  border-radius: 100px;
  border: 2px solid #fcaa20;
  display: flex;
  align-items: center;
  justify-content: center;
}
.formnav button .icon svg {
  width: 60%;
  height: auto;
  transform: rotate(90deg);
}
.formnav button .icon svg * {
  fill: #fcaa20;
}
.formnav button .btntext {
  color: #fcaa20;
  font-size: 1.2rem;
  font-family: 'Anek Latin', sans-serif;
}
.formnav button#nextBtn .icon {
  background-color: #fcaa20;
}
.formnav button#nextBtn .icon svg {
  transform: rotate(-90deg);
}
.formnav button#nextBtn .icon svg * {
  fill: #ffffff;
  stroke: #ffffff;
}
#modal-ratenkredit .modaldialog {
  background: #ffffff;
  color: #022c58;
  max-width: 1000px;
}
#modal-ratenkredit .modaldialog .inner {
  padding: 2rem;
}
#modal-ratenkredit .modaldialog .inner h2 {
  margin-bottom: 0;
  color: #022c58;
}
#modal-ratenkredit fieldset {
  background: #00000000;
}
#modal-ratenkredit fieldset > .collapser {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 0.25s;
}
#modal-ratenkredit fieldset legend {
  color: #fcaa20;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
  display: block;
}
#modal-ratenkredit fieldset .innerfieldset {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
  overflow: hidden;
  height: 100%;
}
#modal-ratenkredit fieldset .innerfieldset > div {
  flex: 0 0 calc(33.33% - 0.6666667rem);
  margin-bottom: 1rem;
  padding-top: 0.5rem;
}
#modal-ratenkredit fieldset .innerfieldset .fieldsetnavi {
  display: flex;
  justify-content: space-between;
  flex: 0 0 100%;
}
#modal-ratenkredit fieldset .innerfieldset .fieldsetnavi button {
  border: none;
  color: #fcaa20;
  background: none;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-size: 1rem;
}
#modal-ratenkredit fieldset .innerfieldset .fieldsetnavi button svg {
  width: 1.5rem;
  height: 1.5rem;
}
#modal-ratenkredit fieldset .innerfieldset .fieldsetnavi button svg circle {
  fill: #fcaa20;
}
#modal-ratenkredit fieldset .innerfieldset .fieldsetnavi button.go-prev svg {
  transform: rotate(180deg);
}
#modal-ratenkredit fieldset .innerfieldset .fieldsetnavi button.go-next svg {
  transform: rotate(0deg);
}
#modal-ratenkredit .fieldsetheading {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  cursor: pointer;
}
#modal-ratenkredit .fieldsetheading .bgline {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fcaa20;
}
#modal-ratenkredit .fieldsetheading .legend,
#modal-ratenkredit .fieldsetheading .fieldsetToggle {
  position: relative;
  margin-bottom: 0;
  background-color: #ffffff;
}
#modal-ratenkredit .fieldsetheading .legend {
  padding-right: 1rem;
  font-size: 1.2rem;
}
#modal-ratenkredit .fieldsetheading .fieldsetToggle {
  padding-left: 1rem;
  font-size: 1rem;
  color: #fcaa20;
}
#modal-ratenkredit .fieldsetheading .fieldsetToggle .toggle-close {
  display: none;
}
#modal-ratenkredit fieldset[data-state="closed"] .innerfieldset {
  /* display: none; */
}
#modal-ratenkredit fieldset[data-state="open"] .fieldsetheading .fieldsetToggle .toggle-open {
  display: none;
}
#modal-ratenkredit fieldset[data-state="open"] .fieldsetheading .fieldsetToggle .toggle-close {
  display: block;
}
#modal-ratenkredit fieldset[data-state="open"] .collapser {
  grid-template-rows: 1fr;
}
#modal-ratenkredit fieldset.send-request {
  background-color: #022c58;
  color: white;
  display: flex;
  justify-content: center;
  border: none;
  padding: 1rem;
  margin: 0 -2rem -2rem -2rem;
}
footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #fffaf1;
  color: #fcaa20;
  font-size: 1rem;
  line-height: 2em;
  position: relative;
  overflow: hidden;
  clear: both;
}
footer .container-fluid {
  position: relative;
  z-index: 10;
}
footer ul {
  margin-top: 0;
}
footer h1,
footer h2,
footer h3,
footer h4 {
  font-size: 1rem;
}
footer a,
footer a:focus,
footer a:visited {
  color: #fcaa20;
  text-decoration: none;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  font-weight: 700;
}
footer .active > a {
  color: #fcaa20;
}
footer a:hover {
  color: #fcaa20;
  text-decoration: underline;
}
footer .footer-socialmedia {
  display: flex;
  gap: 0;
  font-size: 1.4rem;
  justify-content: center;
}
footer .footer-socialmedia a {
  padding: 0 0.5rem;
}
footer .footer-socialmedia a:hover {
  text-decoration: none;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  transform-origin: bottom lecenterft;
}
footer .footerlegalmenu {
  margin: 1rem auto 4rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  list-style: none;
  padding-left: 0;
  justify-content: center;
}
footer .footerlegalmenu li a {
  display: block;
  padding: 0 1rem;
  line-height: 1em;
}
footer .footerlegalmenu li:last-child a {
  border: none;
}
@media screen and (min-width: 640px) {
  footer .footerlegalmenu {
    flex-direction: row;
  }
  footer .footerlegalmenu li a {
    border-right: 1px solid;
  }
}
footer .footermenu {
  list-style: none;
  flex: 0 0 50%;
  padding-left: 0;
  margin-bottom: 2em;
}
footer .socialmenu {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
footer .socialmenu a {
  line-height: 0;
  background-color: #fffaf1;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 0 0 5px #fffaf1;
  box-shadow: 0 0 0 5px #fffaf1;
}
footer .socialmenu a svg {
  width: 2rem;
  height: 2rem;
}
footer .socialmenu a svg path {
  fill: #fcaa20;
}
footer .km-row {
  display: flex;
  gap: 0rem;
  flex-wrap: wrap;
  flex-direction: column;
  text-align: left;
}
footer .km-row .col1 {
  display: flex;
  flex-wrap: wrap;
  /* display: none; */
}
footer .km-row img {
  width: 150px;
  height: auto;
}
@media screen and (min-width: 640px) {
  footer .km-row {
    gap: 3rem;
    text-align: left;
    flex-direction: row;
    justify-content: space-around;
  }
  footer .km-row > div {
    flex: 0 0 calc(50% - 1.5rem);
  }
}
@media screen and (min-width: 1200px) {
  footer .km-row .km-col {
    flex: 0 0 auto;
  }
  footer .km-row .col1 {
    display: block;
  }
}
footer > svg {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: translate(30%, 60%);
  -moz-transform: translate(30%, 60%);
  -o-transform: translate(30%, 60%);
  transform: translate(30%, 60%);
  height: 60vw;
  width: auto;
}
@media screen and (min-width: 560px) {
  footer > svg {
    height: 30vw;
    max-height: 300px;
  }
}
.fixedcontactlink {
  position: fixed;
  z-index: 10000;
  bottom: 1rem;
  right: 2rem;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 0 0px 3px #ffffff;
  box-shadow: 0 0 0px 3px #ffffff;
  height: 3rem;
  width: 3rem;
  background-color: #fcaa20;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .fixedcontactlink {
    bottom: 11rem;
  }
}
.fixedcontactlink svg {
  width: 1.8rem;
  height: 1.8rem;
}
.fixedcontactlink svg path {
  fill: #fff;
}
.stickyReviews {
  display: none;
  position: fixed;
  z-index: 10000;
  bottom: 3rem;
  right: 0;
  background-color: #fcaa20;
  background-image: linear-gradient(180deg, #ffffff 50%, #fcaa20 50%);
  -webkit-border-radius: 100px 0 0 100px;
  -moz-border-radius: 100px 0 0 100px;
  -ms-border-radius: 100px 0 0 100px;
  -o-border-radius: 100px 0 0 100px;
  border-radius: 100px 0 0 100px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
  -webkit-transform: translateX(10.5em);
  -moz-transform: translateX(10.5em);
  -o-transform: translateX(10.5em);
  transform: translateX(10.5em);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  font-size: 1rem;
}
@media screen and (min-width: 1200px) {
  .stickyReviews {
    display: block;
  }
}
.stickyReviews:hover {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.stickyReviews a {
  display: flex;
  align-items: stretch;
  gap: 0.5em;
  font-size: 1rem;
  height: 5em;
}
.stickyReviews a .iconwrap {
  margin: 0.5rem;
  background-color: #fff;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  -ms-border-radius: 500px;
  -o-border-radius: 500px;
  border-radius: 500px;
  -webkit-box-shadow: inset 0 4px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 4px 2px 0 rgba(0, 0, 0, 0.1);
  padding: 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3em;
  width: 3em;
}
.stickyReviews a .iconwrap svg,
.stickyReviews a .iconwrap img {
  height: 100%;
  width: auto;
}
.stickyReviews a .iconwrap svg path,
.stickyReviews a .iconwrap img path {
  fill: #fff;
}
.stickyReviews a .starsbox {
  display: block;
  gap: 0em;
  padding-right: 2em;
}
.stickyReviews a .starsbox > * {
  height: 50%;
}
.stickyReviews a .starsbox .stars {
  display: flex;
  height: 50%;
  align-items: center;
}
.stickyReviews a .starsbox .stars svg {
  height: 1.2em;
  width: auto;
}
.stickyReviews a .starsbox .claim {
  color: #fff;
  font-size: 0.9em;
  line-height: 1;
  font-weight: 300;
  display: flex;
  align-items: center;
}
.stickyReviews a .starsbox .claim b {
  font-weight: 700;
}
.mask_quickcheck_intro > .container-fluid .inner {
  /* 
            position: relative;
            z-index: 2;
            padding-top: 10rem;
            border-radius: 0 0 100px 100px;
            position: relative;
            overflow: hidden;
            padding: 200px @gap-unit*2 @gap-unit*2 @gap-unit*2;
            color: white;
            overflow: hidden;
            
            
            .bac {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                z-index: 1;      
                object-position: top center;          
            } 
            */
}
.mask_quickcheck_intro > .container-fluid .inner .content-layout {
  width: 100%;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1200px) {
  .mask_quickcheck_intro > .container-fluid .inner .content-layout {
    width: 50%;
  }
}
.mask_quickcheck_intro > .container-fluid .inner .content-layout .content {
  position: relative;
  z-index: 2;
}
.mask_quickcheck_intro > .container-fluid .inner .content-layout .content .smallclaim {
  color: #fcaa20;
}
.mask_quickcheck_intro > .container-fluid .inner .content-layout .content .title1 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
  color: white;
}
.mask_quickcheck_intro > .container-fluid .inner .content-layout .formbox {
  background-color: #043670;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  border-radius: 1.5rem;
  padding: 1.5rem;
}
.mask_quickcheck_intro > .container-fluid .inner .content-layout .formbox .container-fluid {
  padding: 0;
}
.mask_quickcheck_intro > .container-fluid .inner .content-layout .formbox h3 {
  color: #fcaa20;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.mask_quickcheck_intro > .container-fluid .inner .content-layout .formbox form {
  padding: 1.5rem;
  width: 100%;
  flex-wrap: wrap;
  padding: 0;
}
.mask_quickcheck_intro > .container-fluid .inner .content-layout .formbox form fieldset {
  border: none;
  padding: 0;
}
.mask_quickcheck_intro > .container-fluid .inner .content-layout .formbox form fieldset legend {
  display: none;
}
.mask_quickcheck_intro > .container-fluid .inner .content-layout .formbox form fieldset.powermail_fieldset_1 {
  flex: 0 0 calc(100% - 170px);
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding-top: 0.5rem;
}
.mask_quickcheck_intro > .container-fluid .inner .content-layout .formbox form fieldset.powermail_fieldset_1 > * {
  flex: 1 1 50%;
  width: 50%;
}
.mask_quickcheck_intro > .container-fluid .inner .content-layout .formbox form fieldset.powermail_fieldset_2 {
  flex: 0 0 170px;
  width: 170px;
}
.mask_quickcheck_intro > .container-fluid .inner .content-layout .formbox form .powermail_fieldwrap {
  position: relative;
  margin-bottom: 1.5rem;
  width: 100%;
}
.mask_quickcheck_intro > .container-fluid .inner .content-layout .formbox form .powermail_label {
  color: white;
  font-size: 0.6rem;
  margin-bottom: 0.5rem;
  background-color: #043670;
  position: absolute;
  left: calc(1.5rem - 0.5rem );
  top: 0;
  -webkit-transform: translateY(-70%);
  -moz-transform: translateY(-70%);
  -o-transform: translateY(-70%);
  transform: translateY(-70%);
  display: block;
  padding: 0 0.25rem;
}
.mask_quickcheck_intro > .container-fluid .inner .content-layout .formbox form .powermail_input,
.mask_quickcheck_intro > .container-fluid .inner .content-layout .formbox form .powermail_select {
  background-color: #043670;
  width: 100%;
  box-sizing: border-box;
  outline: none;
}
.mask_quickcheck_intro > .container-fluid .inner .content-layout .formbox form .powermail_submit {
  background-color: #fcaa20;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  border-radius: 1.5rem;
  border: none;
  width: 165px;
  color: white;
}
/*
 * Mask: Wichtige Fragen
 */
.mask_wichtigefragen {
  padding-top: 9rem;
  padding-bottom: 3rem;
}
.mask_wichtigefragen > * > .inner {
  background-color: #022c58;
  border-radius: 1.5rem;
  color: white;
  padding: 3rem 1.5rem;
  display: flex;
  flex-direction: column;
  width: auto;
  position: relative;
  /** Answer Area */
}
.mask_wichtigefragen > * > .inner .thinkingdude-mobile {
  margin: -20% auto 10% auto;
  width: 80%;
  max-width: 200px;
}
@media screen and (min-width: 640px) {
  .mask_wichtigefragen > * > .inner .thinkingdude-mobile {
    margin: -20% auto -10% auto;
    max-width: 400px;
  }
}
.mask_wichtigefragen > * > .inner .questionmenu {
  padding-left: 0;
}
.mask_wichtigefragen > * > .inner .questionmenu .title-xl {
  color: #fcaa20;
  text-align: center;
  display: block;
  font-size: 1.2rem;
}
.mask_wichtigefragen > * > .inner .questionmenu .tabs {
  list-style: none;
  padding-left: 0;
}
.mask_wichtigefragen > * > .inner .questionmenu .tabs li {
  position: relative;
  font-size: 25px;
  margin-bottom: 1.5rem;
  cursor: pointer;
  padding-left: 0;
  border-bottom: 1px solid #fcaa20;
}
.mask_wichtigefragen > * > .inner .questionmenu .tabs li:before {
  content: none;
}
.mask_wichtigefragen > * > .inner .questionmenu .tabs li svg {
  position: absolute;
  right: 0;
  top: 1rem;
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  -webkit-transition: transform 250ms ease-in-out;
  -moz-transition: transform 250ms ease-in-out;
  -o-transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  height: 1.5rem;
  width: auto;
}
.mask_wichtigefragen > * > .inner .questionmenu .tabs li svg * {
  fill: #fcaa20;
  transition: all 250ms ease-in-out;
}
.mask_wichtigefragen > * > .inner .questionmenu .tabs li a,
.mask_wichtigefragen > * > .inner .questionmenu .tabs li span {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  transition: all 250ms ease-in-out;
}
.mask_wichtigefragen > * > .inner .questionmenu .tabs li .tabtext {
  font-weight: 700;
  display: block;
  margin-bottom: 1.5rem;
  padding-right: 2rem;
}
.mask_wichtigefragen > * > .inner .questionmenu .tabs li:hover svg *,
.mask_wichtigefragen > * > .inner .questionmenu .tabs li.active svg * {
  fill: #fcaa20;
}
.mask_wichtigefragen > * > .inner .questionmenu .tabs li:hover a,
.mask_wichtigefragen > * > .inner .questionmenu .tabs li.active a,
.mask_wichtigefragen > * > .inner .questionmenu .tabs li:hover .tabtext,
.mask_wichtigefragen > * > .inner .questionmenu .tabs li.active .tabtext {
  color: white;
}
.mask_wichtigefragen > * > .inner .questionmenu .tabs li.active svg {
  -webkit-transform: translateY(-50%) rotate(90deg) scaleX(-1);
  -moz-transform: translateY(-50%) rotate(90deg) scaleX(-1);
  -o-transform: translateY(-50%) rotate(90deg) scaleX(-1);
  transform: translateY(-50%) rotate(90deg) scaleX(-1);
}
.mask_wichtigefragen > * > .inner .questionmenu .tabs li .answer-mobile {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s ease-in-out;
}
.mask_wichtigefragen > * > .inner .questionmenu .tabs li .answer-mobile .inner {
  overflow: hidden;
  font-size: 1rem;
}
.mask_wichtigefragen > * > .inner .questionmenu .tabs li.active .answer-mobile {
  grid-template-rows: 1fr;
}
@media screen and (min-width: 1024px) {
  .mask_wichtigefragen > * > .inner {
    flex-direction: row;
  }
  .mask_wichtigefragen > * > .inner > * > .inner {
    border-radius: 0 1.5rem 1.5rem 0;
  }
  .mask_wichtigefragen > * > .inner > * > .inner:after {
    content: '';
    display: block;
    clear: both;
    background: #022c58;
    position: absolute;
    right: 100%;
    height: 100%;
    top: 0;
    width: 100vw;
  }
  .mask_wichtigefragen > * > .inner .questionmenu {
    flex: 0 0 30rem;
    width: 30rem;
    box-sizing: border-box;
    padding-right: 3rem;
  }
  .mask_wichtigefragen > * > .inner .questionmenu .title-xl {
    padding-left: 2.25rem;
    text-align: left;
  }
  .mask_wichtigefragen > * > .inner .questionmenu .tabs li {
    padding-left: 2.25rem;
    border: none;
  }
  .mask_wichtigefragen > * > .inner .questionmenu .tabs li svg {
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1.875rem;
  }
  .mask_wichtigefragen > * > .inner .questionmenu .tabs li svg * {
    fill: transparent;
  }
  .mask_wichtigefragen > * > .inner .questionmenu .tabs li.active svg {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .mask_wichtigefragen > * > .inner .questionmenu .tabs li .tabtext {
    font-weight: 400;
  }
  .mask_wichtigefragen > * > .inner .questionmenu .tabs li .answer-mobile {
    display: none;
  }
}
.mask_wichtigefragen > * > .inner .answerarea {
  display: none;
}
@media screen and (min-width: 1024px) {
  .mask_wichtigefragen > * > .inner .thinkingdude-mobile {
    display: none;
  }
  .mask_wichtigefragen > * > .inner .answerarea {
    display: block;
    flex: 0 0 calc(100% - 30rem);
    width: calc(100% - 30rem);
    position: relative;
    margin-top: 7.5rem;
  }
  .mask_wichtigefragen > * > .inner .answerarea .thinkingdude {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -65%);
    -moz-transform: translate(-50%, -65%);
    -o-transform: translate(-50%, -65%);
    transform: translate(-50%, -65%);
    height: 22.5rem;
    width: auto;
    z-index: 10;
  }
  .mask_wichtigefragen > * > .inner .answerarea .answerbox {
    padding: 1.5rem;
    background-color: rgba(255, 255, 255, 0.3);
    color: white;
    margin-bottom: 1.5rem;
    border-radius: calc(1.5rem / 2);
    position: relative;
    z-index: 20;
    /* UI Properties */
    background: rgba(199, 225, 255, 0.25);
    opacity: 1;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
  }
  .mask_wichtigefragen > * > .inner .answerarea .answerbox .answer {
    line-height: 1.5rem;
    font-weight: 700;
  }
  .mask_wichtigefragen > * > .inner .answerarea .answerbox p:last-child {
    margin-bottom: 0;
  }
}
.mask_box_nummeriert {
  margin-bottom: 3rem;
  container-type: inline-size;
  container-name: mask_box_nummeriert;
}
.mask_box_nummeriert .number {
  font-size: 4rem;
  font-weight: bold;
  color: white;
  background-color: #fcaa20;
  border: 15px solid #ffffff;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(6rem - 15px );
  height: calc(6rem - 15px );
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
}
.mask_box_nummeriert .inner {
  position: relative;
}
.mask_box_nummeriert .inner .number {
  display: none;
}
.mask_box_nummeriert .contentbox {
  background: rgba(199, 225, 255, 0.5);
  opacity: 1;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  border-radius: 30px;
  z-index: 10;
  position: relative;
  padding: 1.5rem;
  box-sizing: border-box;
}
.mask_box_nummeriert .contentbox p:last-child {
  /* margin-bottom: 0; */
}
.mask_box_nummeriert .contentbox a {
  text-decoration: none;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.75rem 1rem;
  border-radius: 50px;
  border: none;
  display: inline-block;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  background-color: #fcaa20;
  color: white;
  display: block;
  text-align: center;
}
.mask_box_nummeriert .contentbox a:hover {
  color: white;
  background-color: #022c58;
}
.mask_box_nummeriert .contentbox a:visited {
  color: #ffffff;
}
.mask_box_nummeriert .imgbox {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  height: 10rem;
  margin-bottom: 1rem;
}
.mask_box_nummeriert .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 767px) {
  .mask_box_nummeriert .inner {
    padding-top: 3rem;
    padding-left: 3rem;
  }
  .mask_box_nummeriert .inner .number {
    display: flex;
  }
  .mask_box_nummeriert .inner .contentbox {
    padding: 3.5rem 2rem 2rem 3.5rem;
  }
}
.mask_box_nummeriert.layout-50 .contentbox .title {
  color: #fcaa20;
}
.mask_klappelement_wissen {
  background: #022c58;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.mask_klappelement_wissen .inner {
  z-index: 2;
  padding-top: 10rem;
  border-radius: 0 0 100px 100px;
  position: relative;
  padding: 0 0 3rem 0;
  color: white;
  overflow: hidden;
  background: #022c58;
}
.mask_klappelement_wissen .inner .display-box {
  display: flex;
  width: 100%;
  max-width: 950px;
  padding-top: 35px;
  padding-right: 0;
  padding-left: 3rem;
  position: relative;
  box-sizing: border-box;
}
.mask_klappelement_wissen .inner .number {
  position: absolute;
  left: 0;
  top: 30px;
  width: 40px;
  height: 40px;
  background-color: #043670;
  border-radius: 33px;
  display: flex;
  justify-content: center;
  align-content: center;
  font-size: 36px;
  font-weight: 700;
  color: #022c58;
  margin-right: 15px;
}
.mask_klappelement_wissen .inner .content-box {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: fit-content;
  max-width: 845px;
  border-bottom: 1px solid #fcaa20;
}
.mask_klappelement_wissen .inner .content-box .headline-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  cursor: pointer;
}
.mask_klappelement_wissen .inner .content-box .headline-row .headline {
  display: flex;
  font-weight: 700;
  font-size: 1.2rem;
  color: #fff;
  padding-right: 1rem;
}
.mask_klappelement_wissen .inner .content-box .headline-row .arrow {
  background-image: url('/typo3temp');
  background-size: contain;
  background-repeat: no-repeat;
  flex: 0 0 30px;
  height: 15px;
  width: auto;
  margin-top: 0;
  margin-left: auto;
}
.mask_klappelement_wissen .inner .content-box .text-row {
  font-weight: 300;
  font-size: 20px;
  color: #fff;
  font-weight: light;
  margin-bottom: 15px;
}
.mask_klappelement_wissen .inner .content-box .text-row img {
  width: 100%;
  height: auto;
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .mask_klappelement_wissen .inner .display-box {
    padding-top: 40px;
    padding-right: 40px;
    padding-left: 4.5rem;
  }
  .mask_klappelement_wissen .inner .number {
    width: 66px;
    height: 66px;
    font-size: 55px;
  }
  .mask_klappelement_wissen .inner .content-box .headline-row .headline {
    font-size: 2rem;
  }
  .mask_klappelement_wissen .inner .content-box .headline-row .arrow {
    flex: 0 0 60px;
    height: 60px;
  }
}
@media screen and (min-width: 992px) {
  .mask_klappelement_wissen {
    padding-left: 0;
    padding-right: 0;
  }
}
/* Klapp-Mechanism */
.mask_klappelement_wissen .inner .display-box .headline-row .arrow {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  transform-origin: center center;
}
.mask_klappelement_wissen .inner .display-box .text-row {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s ease-in-out;
}
.mask_klappelement_wissen .inner .display-box .text-row .text-inner {
  overflow: hidden;
}
.mask_klappelement_wissen .inner .display-box.show .headline-row .arrow {
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1);
}
.mask_klappelement_wissen .inner .display-box.show .text-row {
  grid-template-rows: 1fr;
}
.filter-item .highlght {
  color: #ff333333;
}
.filter-item .begriff {
  color: #fcaa20;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 10px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.filter-item .begriff svg {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.filter-item .begriff svg * {
  stroke: #fcaa20;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.filter-item .definition {
  padding-bottom: 0;
  margin-bottom: 0;
  padding-left: 5px;
  border-bottom: 3px solid #fcaa20;
  line-height: 1.5em;
  font-weight: 700;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  height: 0;
  overflow: hidden;
}
@media screen and (min-width: 640px) {
  .filter-item .definition {
    padding-left: 39px;
  }
}
.filter-item .definition img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
.filter-item.selected .begriff svg {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.filter-item.selected .definition {
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  height: auto;
  opacity: 1;
}
.filter-item.selected .begriff,
.filter-item:hover .begriff {
  color: #ffffff;
}
.filter-item.selected .begriff svg *,
.filter-item:hover .begriff svg * {
  stroke: #ffffff;
}
.mask_testimonialsslider {
  background-color: #fcaa20;
  padding-top: 3rem;
  padding-bottom: 3rem;
  scroll-margin-top: 5rem;
}
.mask_testimonialsslider > .inner {
  max-width: 55rem;
  margin: 0 auto;
  text-align: center;
}
.mask_testimonialsslider > .inner .swiper-pagination {
  bottom: 0.5rem;
}
.mask_testimonialsslider > .inner .swiper-pagination .swiper-pagination-bullet {
  border: 2px solid white;
  background: transparent;
  width: 1rem;
  opacity: 1;
  height: 1rem;
}
.mask_testimonialsslider > .inner .swiper-pagination .swiper-pagination-bullet-active {
  background: #ffffff;
}
.mask_testimonialsslider > .inner h2 {
  color: white;
  text-align: center;
}
.mask_testimonialsslider > .inner .swiper-button-next {
  right: 1rem;
}
.mask_testimonialsslider > .inner .swiper-button-prev {
  left: 1rem;
}
.mask_testimonialsslider > .inner .swiper-button-next,
.mask_testimonialsslider > .inner .swiper-button-prev {
  color: white;
  display: none;
}
.mask_testimonialsslider > .inner .swiper-slide {
  font-size: 1rem;
  color: white;
  position: relative;
  padding-top: 2rem;
}
.mask_testimonialsslider > .inner .swiper-slide .swiper-slide-inner {
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  border-radius: 1.5rem;
  background: #dc931a;
  position: relative;
  padding: 4rem 1.5rem;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mask_testimonialsslider > .inner .swiper-slide .rating-box {
  background-color: white;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  display: flex;
  padding-right: 1rem;
  padding-left: 0.1rem;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  height: 2.7rem;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.mask_testimonialsslider > .inner .swiper-slide .rating-box .rating-icon .iconwrap {
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  background: white;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  box-shadow: inset 0px 3px 6px #00000029;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mask_testimonialsslider > .inner .swiper-slide .rating-box .rating-icon .iconwrap svg,
.mask_testimonialsslider > .inner .swiper-slide .rating-box .rating-icon .iconwrap img {
  height: 80%;
  width: auto;
}
.mask_testimonialsslider > .inner .swiper-slide .rating-box .rating-stars {
  height: 1.5rem;
  position: relative;
}
.mask_testimonialsslider > .inner .swiper-slide .rating-box .rating-stars svg {
  height: 100%;
  width: auto;
}
.mask_testimonialsslider > .inner .swiper-slide .rating-box .rating-stars .cover {
  background: white;
  height: 100%;
  overflow: hidden;
  mix-blend-mode: color;
  position: absolute;
  top: 0;
  right: 0;
}
.mask_testimonialsslider > .inner .swiper-slide .rating-box .rating-stars[data-value="0"] .cover {
  width: 100%;
}
.mask_testimonialsslider > .inner .swiper-slide .rating-box .rating-stars[data-value="50"] .cover {
  width: 92.3%;
}
.mask_testimonialsslider > .inner .swiper-slide .rating-box .rating-stars[data-value="100"] .cover {
  width: 82%;
}
.mask_testimonialsslider > .inner .swiper-slide .rating-box .rating-stars[data-value="150"] .cover {
  width: 70.9%;
}
.mask_testimonialsslider > .inner .swiper-slide .rating-box .rating-stars[data-value="200"] .cover {
  width: 59.8%;
}
.mask_testimonialsslider > .inner .swiper-slide .rating-box .rating-stars[data-value="250"] .cover {
  width: 50%;
}
.mask_testimonialsslider > .inner .swiper-slide .rating-box .rating-stars[data-value="300"] .cover {
  width: 38.8%;
}
.mask_testimonialsslider > .inner .swiper-slide .rating-box .rating-stars[data-value="350"] .cover {
  width: 28.8%;
}
.mask_testimonialsslider > .inner .swiper-slide .rating-box .rating-stars[data-value="400"] .cover {
  width: 18%;
}
.mask_testimonialsslider > .inner .swiper-slide .rating-box .rating-stars[data-value="450"] .cover {
  width: 7.7%;
}
.mask_testimonialsslider > .inner .swiper-slide .rating-box .rating-stars[data-value="500"] .cover {
  width: 0%;
}
.mask_testimonialsslider > .inner .swiper-slide .testitext {
  font-weight: 700;
  line-height: 1.2rem;
}
.mask_testimonialsslider > .inner .swiper-slide .testitext a.btn {
  border: 2px solid white;
}
.mask_testimonialsslider > .inner .swiper-slide .testiuser {
  margin: 2rem;
}
.mask_testimonialsslider > .inner .swiper-slide p:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .mask_testimonialsslider > .inner .swiper-button-next,
  .mask_testimonialsslider > .inner .swiper-button-prev {
    display: block;
  }
  .mask_testimonialsslider > .inner .swiper-slide .swiper-slide-inner {
    padding: 4rem 7rem 5rem 7rem;
  }
}
.mask_kontaktperson {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.mask_kontaktperson .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mask_kontaktperson .inner > div {
  max-width: 60rem;
}
.mask_kontaktperson .inner .imagerow {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 4vw;
}
@media screen and (min-width: 480px) {
  .mask_kontaktperson .inner .imagerow {
    font-size: 1rem;
  }
}
.mask_kontaktperson .inner .imagerow .imagewrap {
  width: 20em;
  /* max-width: 70%; */
  height: auto;
  position: relative;
  margin: 0 auto;
}
.mask_kontaktperson .inner .imagerow .imagewrap .imgmask {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  font-size: 1em;
}
.mask_kontaktperson .inner .imagerow .imagewrap .imgmask img {
  width: 100%;
  height: auto;
  float: left;
}
.mask_kontaktperson .inner .imagerow .imagewrap .imgmask .title {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  padding: 1rem 0 2rem 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}
.mask_kontaktperson .inner .imagerow .imagewrap .bubble {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1em;
  box-sizing: border-box;
  width: 33%;
  height: 33%;
  background-color: #fcaa20;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
}
.mask_kontaktperson .inner .imagerow .imagewrap .bubble b {
  font-size: 1.5em;
  font-weight: 700;
}
.mask_kontaktperson .inner .textrow {
  text-align: center;
}
.mask_kontaktperson .inner .textrow span.title,
.mask_kontaktperson .inner .textrow span.text {
  font-size: 2.2rem;
  display: block;
  line-height: 1.2em;
}
.mask_kontaktperson .inner .textrow span.title {
  font-weight: bold;
}
/*

    cqw: 1% of a query container's width
    cqh: 1% of a query container's height
    cqi: 1% of a query container's inline size
    cqb: 1% of a query container's block size
    cqmin: The smaller value of either cqi or cqb
    cqmax: The larger value of either cqi or cqb


*/
.mask_kontaktdetails > .inner {
  margin-top: 3rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .mask_kontaktdetails > .inner {
    margin-top: 0;
  }
}
.mask_kontaktdetails > .inner span.title {
  font-weight: 700;
  line-height: 1.1em;
  color: #022c58;
  margin-bottom: 2rem;
  margin-top: 0;
}
.mask_kontaktdetails > .inner dl {
  width: 100%;
  display: block;
}
.mask_kontaktdetails > .inner dl dt {
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -ms-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
  background: #fcaa20;
  font-weight: 700;
  color: white;
  flex: 0 0 9rem;
  padding: 0.5rem 1rem;
}
.mask_kontaktdetails > .inner dl dd {
  border: 2px solid #fcaa20;
  margin: 0;
  padding: 0.5rem 1rem;
  position: relative;
  -webkit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  -ms-border-radius: 0 0 15px 15px;
  -o-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  flex: 0 1 calc(100% - 9rem);
  font-weight: 700;
  display: block;
}
.mask_kontaktdetails > .inner dl dd .qrcodebox {
  padding: 1rem 0;
}
.mask_kontaktdetails > .inner dl dd .qrcodebox > .inner {
  display: flex;
}
.mask_kontaktdetails > .inner dl dd .qrcodebox .qrcode {
  width: 50%;
  flex: 0 1 50%;
  max-width: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mask_kontaktdetails > .inner dl dd .qrcodebox .qrcode img {
  width: 100%;
  height: auto;
}
.mask_kontaktdetails > .inner dl dd .qrcodebox .qrcodetext {
  flex: 0 0 50%;
  padding-left: 2rem;
}
@media screen and (min-width: 580px) {
  .mask_kontaktdetails > .inner dl {
    display: flex;
  }
  .mask_kontaktdetails > .inner dl dt {
    -webkit-border-radius: 100px 0 0 100px;
    -moz-border-radius: 100px 0 0 100px;
    -ms-border-radius: 100px 0 0 100px;
    -o-border-radius: 100px 0 0 100px;
    border-radius: 100px 0 0 100px;
  }
  .mask_kontaktdetails > .inner dl dd {
    -webkit-border-radius: 0 100px 100px 0;
    -moz-border-radius: 0 100px 100px 0;
    -ms-border-radius: 0 100px 100px 0;
    -o-border-radius: 0 100px 100px 0;
    border-radius: 0 100px 100px 0;
  }
  .mask_kontaktdetails > .inner dl dd .qrcodebox {
    position: absolute;
    top: 50%;
    left: -2px;
    width: calc(100% + 4px);
    border: 2px solid #fcaa20;
    border-top: none;
    padding: 2rem 1rem 1rem 1rem;
    -webkit-border-radius: 0 0 23px 23px;
    -moz-border-radius: 0 0 23px 23px;
    -ms-border-radius: 0 0 23px 23px;
    -o-border-radius: 0 0 23px 23px;
    border-radius: 0 0 23px 23px;
    box-sizing: border-box;
  }
  .mask_kontaktdetails > .inner dl.contact-whatsapp {
    padding-bottom: 25%;
  }
}
@media screen and (max-width: 767px) {
  .tx-comparetable {
    margin-top: 1.9rem;
    margin-bottom: 1.9rem;
    padding: 0.1rem 0;
  }
  .tx-comparetable .listitem {
    position: relative;
    margin-top: 2rem;
    padding-bottom: 2rem;
    display: flex;
  }
  .tx-comparetable .listitem.headerrow {
    display: none;
  }
  .tx-comparetable .listitem > div {
    flex: 0 0 calc(50% - 1rem);
    text-align: center;
    padding-top: 2rem;
  }
  .tx-comparetable .listitem > div .label {
    font-weight: 900;
    margin-bottom: 1rem;
    display: block;
  }
  .tx-comparetable .listitem .keyaspect {
    display: block;
    background: #fcaa20;
    padding: 0.5rem 1rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    border-radius: 2rem;
    position: absolute;
    bottom: 100%;
    width: 80%;
    max-width: 15rem;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    font-weight: 900;
    color: #ffffff;
  }
  .tx-comparetable .listitem .propertyfact {
    border-right: 2px solid #fcaa20;
    padding-right: 1rem;
  }
  .tx-comparetable .listitem .rentfact {
    padding-left: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .tx-comparetable {
    margin-top: 1.9rem;
    margin-bottom: 1.9rem;
    padding: 0.1rem 0;
  }
  .tx-comparetable .listitem {
    display: flex;
    align-items: stretch;
    gap: 2rem;
  }
  .tx-comparetable .listitem > * {
    border-bottom: 1px solid #fcaa20;
  }
  .tx-comparetable .listitem .propertyfact,
  .tx-comparetable .listitem .rentfact {
    flex: 0 0 calc(50% - 8rem);
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .tx-comparetable .listitem .propertyfact p,
  .tx-comparetable .listitem .rentfact p {
    margin-bottom: 0;
  }
  .tx-comparetable .listitem .propertyfact .label,
  .tx-comparetable .listitem .rentfact .label {
    display: none;
  }
  .tx-comparetable .listitem .propertyfact {
    text-align: right;
  }
  .tx-comparetable .listitem .keyaspect {
    flex: 0 0 10rem;
    padding: 1rem;
    background-color: rgba(2, 44, 88, 0.1);
    text-align: center;
  }
  .tx-comparetable .listitem.headerrow {
    font-weight: 900;
  }
  .tx-comparetable .listitem.headerrow .label {
    display: block;
  }
}
.extcontainer-3cols {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 5rem;
}
@media screen and (min-width: 1024px) {
  .extcontainer-3cols {
    margin-top: 5rem;
  }
}
.extcontainer-3cols .container-fluid {
  z-index: 1001;
  position: relative;
}
.extcontainer-3cols svg {
  position: absolute;
  top: -10rem;
}
.extcontainer-3cols svg#blob-object {
  height: 130%;
  width: auto;
  right: calc(100% - 10rem);
}
.extcontainer-3cols svg#circle-object {
  width: 20rem;
  height: auto;
  left: 100%;
  -webkit-transform: translateX(-10%);
  -moz-transform: translateX(-10%);
  -o-transform: translateX(-10%);
  transform: translateX(-10%);
}
.extcontainer-3cols .inner {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.extcontainer-3cols .inner .intro {
  flex: 0 0 100%;
}
.extcontainer-3cols [class^="col-"] {
  flex: 0 0 100%;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .extcontainer-3cols svg {
    position: absolute;
    top: -10rem;
  }
  .extcontainer-3cols svg#blob-object {
    height: 130%;
    width: auto;
    left: 0;
  }
  .extcontainer-3cols svg#circle-object {
    width: 25%;
    height: auto;
    right: 0;
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -o-transform: translateX(20%);
    transform: translateX(20%);
  }
  .extcontainer-3cols .inner {
    flex-direction: row;
  }
  .extcontainer-3cols .inner .intro h1,
  .extcontainer-3cols .inner .intro h2,
  .extcontainer-3cols .inner .intro h3 {
    font-size: 3rem;
    text-shadow: 0 0 0.5rem rgba(255, 255, 255, 0.25);
  }
  .extcontainer-3cols [class^="col-"] {
    flex: 0 0 33.33%;
    width: 33.33%;
  }
}
.extcontainer-2cols svg#blob-object {
  display: none;
  visibility: hidden;
}
.extcontainer-2cols .container-fluid > .inner {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.extcontainer-2cols .container-fluid > .inner > [class^="col-"] {
  flex: 0 0 100%;
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  box-sizing: border-box;
}
@media screen and (min-width: 992px) {
  .extcontainer-2cols .container-fluid > .inner {
    flex-direction: row;
  }
  .extcontainer-2cols .container-fluid > .inner > [class^="col-"] {
    flex: 0 0 50%;
    width: 50%;
  }
  .extcontainer-2cols .layout-50 > .inner > [class^="col-1"] {
    flex: 0 0 60%;
    width: 40%;
  }
  .extcontainer-2cols .layout-50 > .inner > [class^="col-2"] {
    flex: 0 0 40%;
    width: 40%;
  }
}
.seite_10 .maincontent .extcontainer-2cols svg {
  display: none;
  visibility: hidden;
}
.seite_10 .maincontent > .extcontainer-2cols {
  position: relative;
}
.seite_10 .maincontent > .extcontainer-2cols svg {
  position: absolute;
  top: -10rem;
  display: block;
  visibility: visible;
}
.seite_10 .maincontent > .extcontainer-2cols svg#blob-object {
  height: 75%;
  width: auto;
  right: calc(100% - 10rem);
}
@media screen and (min-width: 1024px) {
  .seite_10 .maincontent > .extcontainer-2cols svg#blob-object {
    height: 130%;
    width: auto;
    left: 0;
  }
}
.extcontainer-toolbox {
  margin-bottom: 3rem;
}
.extcontainer-toolbox h1,
.extcontainer-toolbox h2,
.extcontainer-toolbox h3 {
  color: #ffffff;
}
.extcontainer-toolbox .frame-layout-40 {
  margin: 0;
  padding: 0;
}
.extcontainer-toolbox .frame-layout-40 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_input input,
.extcontainer-toolbox .frame-layout-40 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_select input,
.extcontainer-toolbox .frame-layout-40 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_textarea input,
.extcontainer-toolbox .frame-layout-40 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_date input,
.extcontainer-toolbox .frame-layout-40 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_input textarea,
.extcontainer-toolbox .frame-layout-40 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_select textarea,
.extcontainer-toolbox .frame-layout-40 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_textarea textarea,
.extcontainer-toolbox .frame-layout-40 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_date textarea,
.extcontainer-toolbox .frame-layout-40 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_input select,
.extcontainer-toolbox .frame-layout-40 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_select select,
.extcontainer-toolbox .frame-layout-40 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_textarea select,
.extcontainer-toolbox .frame-layout-40 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_date select {
  font-size: 1.2rem;
}
.extcontainer-toolbox .frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_input input,
.extcontainer-toolbox .frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_select input,
.extcontainer-toolbox .frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_textarea input,
.extcontainer-toolbox .frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_date input,
.extcontainer-toolbox .frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_input textarea,
.extcontainer-toolbox .frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_select textarea,
.extcontainer-toolbox .frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_textarea textarea,
.extcontainer-toolbox .frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_date textarea,
.extcontainer-toolbox .frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_input select,
.extcontainer-toolbox .frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_select select,
.extcontainer-toolbox .frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_textarea select,
.extcontainer-toolbox .frame-layout-42 .powermail_form > .powermail_fieldsets .powermail_fieldset .powermail_fieldwrap_type_date select {
  font-size: 1.2rem;
}
.extcontainer-toolbox .container-fluid > .inner {
  background-image: url('/fileadmin/user_upload/Content/Toolbox-Mobil.jpg');
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-border-radius: calc(1.5rem);
  -moz-border-radius: calc(1.5rem);
  -ms-border-radius: calc(1.5rem);
  -o-border-radius: calc(1.5rem);
  border-radius: calc(1.5rem);
  background-color: #022c58;
  color: white;
  overflow: hidden;
  position: relative;
  min-height: 170px;
}
.extcontainer-toolbox .container-fluid > .inner .mobile-header {
  text-align: center;
  padding: 3.5rem 1.5rem 1.5rem 1.5rem;
  font-size: 2rem;
  margin-bottom: 0;
}
.extcontainer-toolbox .container-fluid > .inner .swiper-container {
  scroll-padding-top: 3.5rem;
}
.extcontainer-toolbox .container-fluid > .inner .swiperoff-slide {
  background-color: #022c58;
  display: grid;
  grid-template-rows: 0fr;
  transition: all 0.5s ease-in-out;
  transition-delay: 0;
}
.extcontainer-toolbox .container-fluid > .inner .swiperoff-slide > .inner {
  position: relative;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  transition-delay: 0s;
}
.extcontainer-toolbox .container-fluid > .inner .swiperoff-slide > .inner > .innermargins {
  margin: 1rem;
}
.extcontainer-toolbox .container-fluid > .inner .swiperoff-slide > .inner .frame-layout-42 {
  margin: 0;
  padding: 0;
  background: none;
}
.extcontainer-toolbox .container-fluid > .inner .swiperoff-slide > .inner .frame-layout-42 label,
.extcontainer-toolbox .container-fluid > .inner .swiperoff-slide > .inner .frame-layout-42 input,
.extcontainer-toolbox .container-fluid > .inner .swiperoff-slide > .inner .frame-layout-42 select {
  background: #022c58;
}
.extcontainer-toolbox .container-fluid > .inner .swiperoff-slide.show {
  grid-template-rows: 1fr;
  transition-delay: 0.5s;
}
.extcontainer-toolbox .container-fluid > .inner .swiperoff-slide.show > .inner {
  opacity: 1;
  transition-delay: 1s;
}
.extcontainer-toolbox .container-fluid > .inner .swiperoff-slide.slide-1 header {
  display: block;
}
.extcontainer-toolbox .container-fluid > .inner .tabmenu {
  font-size: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  position: relative;
  /* top: 0; left: 0; */
  width: 100%;
  z-index: 10;
  padding: 1em;
  gap: 1em;
  box-sizing: border-box;
}
.extcontainer-toolbox .container-fluid > .inner .tabmenu .selector {
  flex: 0 0 100%;
  width: 100%;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  background: #ffffff33;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  -ms-border-radius: 1em;
  -o-border-radius: 1em;
  border-radius: 1em;
  box-sizing: border-box;
  cursor: pointer;
  color: #fcaa20;
}
.extcontainer-toolbox .container-fluid > .inner .tabmenu .selector .transition {
  transition: opacity 0.3s ease-in-out;
}
.extcontainer-toolbox .container-fluid > .inner .tabmenu .selector.active,
.extcontainer-toolbox .container-fluid > .inner .tabmenu .selector:hover {
  opacity: 0.75;
}
.extcontainer-toolbox .container-fluid > .inner .tabmenu .selector .inner {
  background-image: url('../Images/toolbox-navi.svg');
  background-position: left top;
  background-size: auto 100% ;
  background-color: transparent;
  -webkit-border-radius: 0 0.75em 0.75em 0;
  -moz-border-radius: 0 0.75em 0.75em 0;
  -ms-border-radius: 0 0.75em 0.75em 0;
  -o-border-radius: 0 0.75em 0.75em 0;
  border-radius: 0 0.75em 0.75em 0;
  margin: 0.5rem;
  position: relative;
}
.extcontainer-toolbox .container-fluid > .inner .tabmenu .selector .inner .icon {
  height: 2.4em;
  width: auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 2.7em;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.extcontainer-toolbox .container-fluid > .inner .tabmenu .selector .inner .icon svg,
.extcontainer-toolbox .container-fluid > .inner .tabmenu .selector .inner .icon img {
  height: 100%;
  width: auto;
}
.extcontainer-toolbox .container-fluid > .inner .tabmenu .selector .text {
  padding-left: 5.5em;
  display: block;
  height: 4.5em;
  text-align: center;
  -webkit-border-radius: 0 calc(1.5rem) calc(1.5rem) 0;
  -moz-border-radius: 0 calc(1.5rem) calc(1.5rem) 0;
  -ms-border-radius: 0 calc(1.5rem) calc(1.5rem) 0;
  -o-border-radius: 0 calc(1.5rem) calc(1.5rem) 0;
  border-radius: 0 calc(1.5rem) calc(1.5rem) 0;
  color: #022c58;
  font-weight: 700;
  display: flex;
  font-size: 1.2em;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 580px) {
  .extcontainer-toolbox .container-fluid > .inner .tabmenu {
    flex-direction: row;
    gap: 1em;
  }
  .extcontainer-toolbox .container-fluid > .inner .tabmenu .selector {
    flex: 0 0 calc(50% - 0.5em);
    width: calc(50% - 0.5em);
  }
}
@media screen and (min-width: 992px) {
  .extcontainer-toolbox .container-fluid {
    background-image: none;
  }
  .extcontainer-toolbox .container-fluid > .inner {
    background-image: none;
    margin: 1em;
  }
  .extcontainer-toolbox .container-fluid > .inner .mobile-header {
    display: none;
  }
  .extcontainer-toolbox .container-fluid > .inner .tabmenu {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .extcontainer-toolbox .container-fluid > .inner .tabmenu .selector {
    flex: 0 0 calc(25% - 0.75em);
    width: calc(25% - 0.75em);
  }
  .extcontainer-toolbox .container-fluid > .inner .swiperoff-slide > .inner > .innermargins {
    margin: calc(1.5rem * 2);
    margin-bottom: 12rem;
  }
  .extcontainer-toolbox .container-fluid > .inner .swiperoff-slide.slide-1 {
    background-image: url('../Images/Toolbox-Desktop.jpg');
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
  }
  .extcontainer-toolbox .container-fluid > .inner .swiperoff-slide.slide-1 > .inner {
    font-size: 2rem;
  }
  .extcontainer-toolbox .container-fluid > .inner .swiperoff-slide.slide-1 > .inner .innermargins {
    margin-right: 40%;
  }
  .extcontainer-toolbox .container-fluid > .inner .swiperoff-slide.slide-1 > .inner header {
    display: block;
  }
}
@media screen and (min-width: 1400px) {
  .extcontainer-toolbox .container-fluid > .inner .tabmenu .selector .inner .icon {
    height: 2.4em;
    left: 4em;
  }
  .extcontainer-toolbox .container-fluid > .inner .tabmenu .selector .inner .text {
    font-size: 1.33rem;
  }
}
@media screen and (min-width: 1600px) {
  .extcontainer-toolbox .container-fluid > .inner .tabmenu .selector .inner .icon {
    height: 3.4em;
    left: 4em;
  }
  .extcontainer-toolbox .container-fluid > .inner .tabmenu .selector .inner .text {
    font-size: 1.5rem;
  }
}
.extcontainer-contactblock {
  position: relative;
  padding-top: 2rem;
  margin-top: 5rem;
}
.extcontainer-contactblock svg {
  z-index: 10;
  height: 100%;
  width: auto;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
}
.extcontainer-contactblock .container-fluid {
  position: relative;
  z-index: 20;
}
.extcontainer-contactblock header {
  margin-bottom: 3rem;
}
.extcontainer-contactblock header .default-headline {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  font-weight: 700;
}
.extcontainer-contactblock header .subheadline {
  font-weight: 400;
  font-size: 1.5rem;
}
@media screen and (min-width: 640px) {
  .extcontainer-contactblock header .default-headline {
    font-size: 3rem;
  }
  .extcontainer-contactblock header .subheadline {
    font-size: 3rem;
  }
}
/*


*/
.extcontainer-accordion .accordion-items .accordion-item .accordion-item-header {
  display: flex;
  font-weight: 700;
  padding-bottom: 1rem;
  cursor: pointer;
}
.extcontainer-accordion .accordion-items .accordion-item .accordion-item-header svg {
  flex: 0 0 auto;
  width: 20px;
  height: auto;
  margin-right: 2rem;
  -webkit-transition: transform 150ms ease-in-out;
  -moz-transition: transform 150ms ease-in-out;
  -o-transition: transform 150ms ease-in-out;
  transition: transform 150ms ease-in-out;
}
.extcontainer-accordion .accordion-items .accordion-item .accordion-item-header svg * {
  fill: #fcaa20;
}
.extcontainer-accordion .accordion-items .accordion-item .accordion-item-content {
  display: grid;
  -webkit-transition: grid-template-rows 150ms ease-in-out;
  -moz-transition: grid-template-rows 150ms ease-in-out;
  -o-transition: grid-template-rows 150ms ease-in-out;
  transition: grid-template-rows 150ms ease-in-out;
  grid-template-rows: 0fr;
}
.extcontainer-accordion .accordion-items .accordion-item .accordion-item-content .accordion-item-inner {
  overflow: hidden;
}
.extcontainer-accordion .accordion-items .accordion-item.show .accordion-item-header svg {
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1);
}
.extcontainer-accordion .accordion-items .accordion-item.show .accordion-item-content {
  grid-template-rows: 1fr;
}
/*# sourceMappingURL=filename.map */