<br />
<b>Deprecated</b>:  Less_Functions::__construct(): Implicitly marking parameter $currentFileInfo as nullable is deprecated, the explicit nullable type must be used instead in <b>/var/www/test.joest-bau.de/web/typo3conf/ext/km_template/Resources/Public/Vendor/less.php/lib/Less/Functions.php</b> on line <b>12</b><br />
/*  Breakpoints */
/* open-sans-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/open-sans-v40-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/open-sans-v40-latin-300.ttf') format('truetype');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/open-sans-v40-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/open-sans-v40-latin-regular.ttf') format('truetype');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../Fonts/open-sans-v40-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../Fonts/open-sans-v40-latin-800.ttf') format('truetype');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
html {
  font-size: 22px;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}
input {
  font-family: 'Open Sans', sans-serif;
}
.specialfont {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 800;
}
.fz-base {
  font-size: 1rem;
  line-height: 1.5em;
}
.fz-small {
  font-size: 0.6666rem;
  line-height: 1.5em;
}
.fz-bigtext {
  font-size: 1.25rem;
  line-height: 1.5em;
}
.fz-largetext {
  font-size: 1.5rem;
  line-height: 1.5em;
}
.fz-headline {
  font-size: 2rem;
  line-height: 1.5em;
}
.fz-huge {
  font-size: 4.25rem;
  line-height: 1.5em;
}
/* Typo3 */
.small-font-size {
  font-size: 16px;
  line-height: 1.2em;
}
.base-font-size {
  font-size: 22px;
  line-height: 1.2em;
}
.mid-font-size {
  font-size: 15px;
  line-height: 1.2em;
}
@media screen and (min-width: 640px) {
  .mid-font-size {
    font-size: 30px;
  }
}
.big-font-size {
  line-height: 1.2em;
  font-size: 20px;
}
@media screen and (min-width: 640px) {
  .big-font-size {
    font-size: 40px;
  }
}
.bigger-font-size {
  font-size: 27.5px;
  line-height: 1.2em;
}
@media screen and (min-width: 640px) {
  .bigger-font-size {
    font-size: 55px;
  }
}
.large-font-size {
  font-size: 36px;
  line-height: 1.2em;
}
@media screen and (min-width: 640px) {
  .large-font-size {
    font-size: 72px;
  }
}
.huge-font-size {
  font-size: 55px;
  line-height: 1.2em;
}
@media screen and (min-width: 640px) {
  .huge-font-size {
    font-size: 110px;
  }
}
html.lenis,
html.lenis body {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}
:root {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  :root {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) {
  :root {
    font-size: 20px;
  }
}
::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
html,
body {
  overflow-x: hidden;
  /* Prevent scroll on narrow devices */
  /* background-image: url('../Images/bg_blue.jpg');
  background-size: 100% auto; */
}
body {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  background-color: #ffffff;
  color: #7d6f5d;
  line-height: 1.5;
}
html.pre-noscroll,
html.pre-noscroll body {
  overflow: hidden;
  /* height: 100%; */
}
.margin-split {
  padding-top: 1px;
}
.container-full {
  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-full {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.clear {
  clear: both;
  height: 1px;
}
hr {
  border: 0;
  border-top: 1px solid #7d6f5d;
  margin: 1rem 0;
}
.frame p:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 900px) {
  .frame-space-after-negativ {
    margin-bottom: -6rem;
    background: #ffffff;
    position: relative;
    z-index: 10;
    padding-bottom: 2rem;
  }
}
.container-big {
  width: 100%;
}
.container-padding {
  padding-left: 90px;
  padding-right: 90px;
}
.frame-default {
  max-width: 1400px;
  margin-inline: auto;
}
.container-small {
  max-width: 800px;
  margin-inline: auto;
  padding-right: max(15%, 4rem);
}
.container-full {
  max-width: unset;
  padding-left: 0;
  padding-right: 0;
}
.container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.grey-outer {
  background-color: #444444;
  padding-top: 1px;
  padding-bottom: 1px;
  color: white;
}
.grey-outer a,
.grey-outer a:hover,
.grey-outer a:visited {
  color: white;
}
.grey-outer h1,
.grey-outer h2,
.grey-outer h3,
.grey-outer h4 {
  color: white;
  margin-bottom: 1em;
}
.frame-small {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-right: max(5%, 4rem) !important;
  box-sizing: border-box;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
a {
  color: #e6433b;
  text-decoration: none;
  /* font-weight: 700; */
  transform: all 250ms ease-in-out;
}
a:hover,
a:visited {
  text-decoration: underline;
  color: #e6433b;
}
p.no-margin {
  margin: 0;
}
.maincontent a[href^="tel:"],
.maincontent a[href^="mailto:"] {
  padding-left: 1.5em;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: auto 1em;
  background-position: left center;
}
.maincontent a[href^="tel:"] {
  background-image: url('/typo3conf/ext/km_template/Resources/Public/Images/telephone-fill.svg');
}
.maincontent a[href^="mailto:"] {
  background-image: url('/typo3conf/ext/km_template/Resources/Public/Images/envelope.svg');
}
a.redfatlink {
  color: #e6433b;
  font-weight: 700;
  text-decoration: none;
}
a.redfatlink:hover {
  text-decoration: underline;
}
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;
  border-radius: 100px;
}
.gotback svg {
  width: auto;
  height: 1rem;
}
.gotback svg * {
  fill: #e6433b;
}
/* Headline */
.title-xl {
  font-size: 2rem;
  font-weight: 700;
}
.btn {
  text-decoration: none;
  color: #ffffff;
  background-color: #e6433b;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.25rem 1rem;
  border: none;
  display: inline-block;
  transition: all 150ms ease-in-out;
}
.btn:hover {
  color: white;
  background-color: #7d6f5d;
}
.btn:visited {
  color: #ffffff;
}
.btn-primary:hover {
  background-color: #e6433b;
  color: white;
}
b,
strong {
  font-weight: 900;
}
.punshline1 {
  margin-bottom: 0;
  width: fit-content;
  color: #7d6f5d;
  background-color: white;
}
.punshline2 {
  margin-bottom: 0;
  width: fit-content;
  color: white;
  background-color: #7d6f5d;
}
.punshline3 {
  margin-bottom: 0;
  width: fit-content;
  color: #7d6f5d;
  background-color: #006cf1;
}
.frame-type-header header .subheader {
  font-size: 30px;
  padding-bottom: 0.75em;
  margin-bottom: 0.75em;
  padding-right: 1.5em;
  margin-right: -1.5em;
  border-bottom: 2px solid #7d6f5d;
  display: inline-block;
  line-height: 1.2;
}
.frame-type-header header .header {
  font-size: 55px;
  font-weight: 700;
  margin-bottom: 0.5em;
}
.frame-type-collection.frame-layout-160 {
  background-color: #f0f0f0;
  padding-block: 3rem;
  position: relative;
  border-radius: 0 1rem 1rem 0;
}
.frame-type-collection.frame-layout-160:before {
  content: '';
  position: absolute;
  top: 0;
  right: 100%;
  width: 99999rem;
  height: 100%;
  background-color: #f0f0f0;
}
.frame-type-collection.frame-layout-160 header .subheader {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1em;
  color: #7d6f5d;
  margin-bottom: 2rem;
  margin-top: 0;
}
.h1 i,
.h2 i,
.h3 i,
.h4 i,
h1 i,
h2 i,
h3 i,
h4 i {
  color: #e6433b;
  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;
  }
}
.span-color-red {
  color: #e6433b;
}
img {
  height: auto;
  width: 100%;
}
p {
  margin-top: 0;
  margin-bottom: 1.2rem;
}
p.lead {
  font-size: 1.5rem;
}
.span-color1 {
  color: #e6433b;
}
.text-center {
  text-align: center;
}
.maincontent {
  overflow: hidden;
}
.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: #e6433b;
  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;
}
.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: #e6433b;
}
.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: #e6433b;
  font-size: 2.4rem;
}
.frame-type-text.frame-layout-2 .btn {
  font-size: 1.4rem;
}
header#pageheader {
  z-index: 1100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100svw;
  pointer-events: none;
  background-color: transparent;
  transition: all 0.5s ease;
}
header#pageheader .inner {
  padding: 0;
}
header#pageheader .inner .logonavi {
  height: 100px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  position: relative;
}
header#pageheader .inner .logonavi .logoposition {
  width: clamp(75px, 10%, 260px);
  height: 100%;
  pointer-events: auto;
  transition: all 0.15s ease;
  position: relative;
  left: 1.5rem;
  top: 0;
  z-index: 10;
}
@media screen and (min-width: 1200px) {
  header#pageheader .inner .logonavi .logoposition {
    left: 90px;
  }
}
header#pageheader .inner .logonavi .logoposition svg {
  width: 100%;
  height: auto;
}
header#pageheader .inner .logonavi .topmenu {
  position: absolute;
  left: calc(100% + 1rem);
  top: 2.7vw;
  transition: all 0.15s ease;
  opacity: 1;
  display: none;
}
@media screen and (min-width: 992px) {
  header#pageheader .inner .logonavi .topmenu {
    display: block;
  }
}
header#pageheader .inner .logonavi .topmenu ul {
  width: 100%;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
  list-style: none;
}
header#pageheader .inner .logonavi .topmenu ul li a {
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 1;
}
header#pageheader .inner .logonavi .topmenu ul li a b {
  text-transform: uppercase;
}
header#pageheader .inner .rightpart {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
  pointer-events: auto;
  position: absolute;
  right: 1.5rem;
  top: 1rem;
  z-index: 20;
}
@media screen and (min-width: 1200px) {
  header#pageheader .inner .rightpart {
    right: 90px;
  }
}
header#pageheader .inner #mainmenutoggle {
  background-color: transparent;
  color: #ffffff;
  border: none;
  border-radius: 100px;
  font-size: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  line-height: 0;
  position: relative;
  transition: all 0.15s ease;
  cursor: pointer;
}
header#pageheader .inner #mainmenutoggle .toggleicon {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0;
  position: relative;
  width: 45px;
  height: 35px;
}
header#pageheader .inner #mainmenutoggle .toggleicon span {
  position: absolute;
  display: block;
  width: 100%;
  height: 6px;
  top: calc(50% - 2.5px);
  right: 0;
  transition: all 0.2s ease;
}
header#pageheader .inner #mainmenutoggle .toggleicon span:after {
  content: '';
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 0;
}
header#pageheader .inner #mainmenutoggle .toggleicon span:nth-child(1) {
  transform: translateY(-12px);
  transition-delay: 0s;
}
header#pageheader .inner #mainmenutoggle .toggleicon span:nth-child(2) {
  transition-delay: 0.15s;
  width: 60%;
}
header#pageheader .inner #mainmenutoggle .toggleicon span:nth-child(3) {
  transform: translateY(12px);
  transition-delay: 0s;
  width: 80%;
}
header#pageheader .inner #mainmenutoggle .text {
  transition: all 0.15s ease;
  display: none;
}
header#pageheader .inner #mainmenutoggle.open .toggleicon span:nth-child(1) {
  transform: rotate(45deg) translateY(0);
  transition-delay: 0.15s;
}
header#pageheader .inner #mainmenutoggle.open .toggleicon span:nth-child(2) {
  transition-delay: 0s;
  width: 0;
}
header#pageheader .inner #mainmenutoggle.open .toggleicon span:nth-child(3) {
  width: 100%;
  transform: rotate(-45deg) translateY(0);
  transition-delay: 0.15s;
}
header#pageheader .socialmenu {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-bottom: 2rem;
}
header#pageheader .socialmenu a {
  display: block;
  line-height: 0;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
}
header#pageheader .socialmenu a svg {
  width: 100%;
  height: auto;
}
header#pageheader .socialmenu a svg * {
  fill: #ffffff;
}
.menupanel {
  position: fixed;
  width: 0;
  padding: 0 1.5rem;
  pointer-events: auto;
  background: #e6433b;
  box-sizing: border-box;
  color: #ffffff;
  transform-origin: top;
  transition: all 0.15s ease;
  transition-delay: 0.15s;
  top: 0;
  right: 0;
  container: inline-size;
  white-space: nowrap;
  display: grid;
  grid-template-rows: 0fr;
  /* overflow: hidden; */
}
@media screen and (min-width: 1200px) {
  .menupanel {
    padding: 1.75rem 0 2rem 0;
    width: 0;
  }
}
.menupanel .menu-animation {
  opacity: 0;
  min-height: 0;
  visibility: hidden;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0 0 1rem;
  transform-origin: top right;
  transition: all 0.15s ease;
  transition-delay: 0s;
  max-height: calc(100svh - 70px);
}
.menupanel .red-card {
  background-color: #e6433b;
  border-radius: 0 0 0 2rem;
  width: calc(100% + 2rem);
  min-width: 300px;
  min-height: 300px;
  height: 100%;
  position: absolute;
  left: 30px;
  bottom: -80px;
  transform: rotate(15deg);
  transform-origin: top left;
  pointer-events: none;
  z-index: 2;
  transition: all 0.15s ease;
  transition-delay: 0.15s;
}
@media screen and (min-width: 1200px) {
  .menupanel .red-card {
    left: -160px;
    bottom: -240px;
  }
}
.menupanel .red-card:before,
.menupanel .red-card:after {
  content: '';
  position: absolute;
  display: block;
  width: 9999rem;
  height: 100%;
  background-color: #e6433b;
}
.menupanel .red-card:before {
  left: 0;
  bottom: calc(100% - 1px);
}
.menupanel .red-card:after {
  left: calc(100% - 1px);
  top: 0;
}
.menupanel .socialmenu {
  z-index: 3;
  position: relative;
}
.menupanel a {
  color: #ffffff;
}
.menupanel .mainmenu {
  z-index: 4;
  position: relative;
}
.menupanel .mainmenu ul {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
.menupanel .mainmenu ul li a {
  text-decoration: none;
  color: #ffffff;
  position: relative;
  display: block;
  overflow: hidden;
  font-size: 1.5rem;
  line-height: 1.3;
  transition: all 0s ease;
}
.menupanel .mainmenu ul li a:hover,
.menupanel .mainmenu ul li a.active {
  color: #000000;
}
.menupanel .mainmenu ul li .submenu {
  gap: 0;
}
.menupanel .mainmenu ul li .submenu li a {
  font-size: 0.8rem;
  padding-block: 0.2em;
  padding-left: 1rem;
}
.menupanel .metamenu {
  position: relative;
  z-index: 5;
}
.menupanel .metamenu ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  flex-wrap: wrap;
  margin: 1rem 0 0 0;
  padding-left: 0;
  list-style: none;
}
.menupanel .metamenu ul li {
  padding-left: 0;
}
.menupanel .metamenu ul li a {
  line-height: 1;
  position: relative;
  text-decoration: none;
  color: #ffffff;
  font-size: 0.8rem;
  padding-left: 1rem;
}
.menupanel .metamenu ul li a:before {
  content: '';
  position: absolute;
  left: calc(0.5rem - 1px);
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 50%;
  background-color: #ffffff;
}
.menupanel .metamenu ul li a:hover,
.menupanel .metamenu ul li a.active {
  color: #2d2d25;
}
.menupanel .metamenu ul li:first-child a {
  padding-left: 0;
}
.menupanel .metamenu ul li:first-child a:before {
  display: none;
}
@media screen and (min-width: 1200px) {
  body.scrolled header .menupanel .red-card {
    left: -90px;
    bottom: -20px;
  }
}
@media screen and (min-width: 1200px) {
  body.scrolled header#pageheader .inner .logonavi .logoposition {
    width: clamp(100px, 100px, 100px);
  }
}
body.scrolled header#pageheader .inner .logonavi .topmenu {
  top: 0;
  opacity: 0;
}
body.scrolled-down:not(.open) header#pageheader {
  transform: translateY(-200%);
}
body.scrolled-up header#pageheader {
  transform: translateY(0);
}
body.open header#pageheader .inner #mainmenutoggle {
  background-color: transparent;
}
body.open header#pageheader .inner #mainmenutoggle .toggleicon span:after {
  background-color: #ffffff;
}
body.open header#pageheader .inner #mainmenutoggle .toggleicon span:nth-child(1) {
  transform: rotate(45deg) translateY(0);
  transition-delay: 0.15s;
}
body.open header#pageheader .inner #mainmenutoggle .toggleicon span:nth-child(2) {
  transition-delay: 0s;
  width: 0;
}
body.open header#pageheader .inner #mainmenutoggle .toggleicon span:nth-child(3) {
  width: 100%;
  transform: rotate(-45deg) translateY(0);
  transition-delay: 0.15s;
}
body.open header#pageheader .inner #mainmenutoggle .text {
  color: #ffffff;
}
body.open .menupanel {
  width: min(100%, 500px);
  padding: 1.75rem 1.5rem 2rem 1rem;
  transition-delay: 0s;
  grid-template-rows: 1fr;
}
@media screen and (min-width: 649px) {
  body.open .menupanel {
    padding-right: 90px;
  }
}
body.open .menupanel .menu-animation {
  opacity: 1;
  transition-delay: 0.15s;
  visibility: visible;
}
body.open .menupanel .red-card {
  transform: rotate(20deg);
  bottom: 0;
  left: 0;
  transition-delay: 0s;
}
footer#pagefooter {
  background: #7d6f5d;
  color: #ffffff;
  padding: 2rem 1.5rem;
  margin-top: 5rem;
  position: relative;
  z-index: 11;
  font-size: 0.6666rem;
  line-height: 1.5em;
}
footer#pagefooter a {
  color: white;
  text-decoration: none;
}
footer#pagefooter a:hover {
  text-decoration: underline;
}
footer#pagefooter .topmenu ul {
  width: 100%;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  list-style: none;
  padding-left: 0;
  gap: 0.5rem;
}
@media screen and (min-width: 480px) {
  footer#pagefooter .topmenu ul {
    flex-direction: row;
    gap: 2rem;
  }
}
footer#pagefooter .topmenu ul li a {
  color: white;
  line-height: 1;
  font-size: 1rem;
}
footer#pagefooter .topmenu ul li a b {
  text-transform: uppercase;
}
footer#pagefooter .footermenu {
  margin: 0 0 1rem 0;
  padding: 0;
  display: flex;
  list-style: none;
  gap: 1rem;
}
footer#pagefooter .row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}
footer#pagefooter .row .col-logo {
  flex: 1 1 100%;
  margin-bottom: 1rem;
  margin-top: -115px;
}
footer#pagefooter .row .col-logo .logowrap {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
footer#pagefooter .row .col-logo img {
  width: 100%;
  height: auto;
  max-width: 150px;
}
footer#pagefooter .row .col-logo .cprght {
  font-size: 14px;
}
@media screen and (min-width: 640px) {
  footer#pagefooter .row .col-logo {
    flex: 0 0 200px;
    margin-bottom: 0;
    margin-top: -135px;
  }
  footer#pagefooter .row .col-logo img {
    max-width: unset;
  }
  footer#pagefooter .row .col-text {
    flex: 0 0 calc(100% - 240px);
  }
}
@media screen and (min-width: 1200px) {
  footer#pagefooter .row .col-logo {
    flex: 0 0 350px;
    margin-top: -218px;
  }
  footer#pagefooter .row .col-text {
    flex: 0 0 calc(100% - 390px);
  }
}
footer#pagefooter .row-menu {
  justify-content: space-between;
}
.col-social {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  row-gap: 2rem;
  flex-direction: column-reverse;
}
@media screen and (min-width: 540px) {
  .col-social {
    flex-direction: row;
  }
}
@media screen and (min-width: 1200px) {
  .col-social {
    flex-direction: column-reverse;
    gap: 1rem;
    transform: translateY(-0.25rem);
  }
}
.col-social .socialmenu {
  display: flex;
  gap: 0.25rem;
}
.col-social a {
  display: flex;
  width: 2rem;
  height: 2rem;
}
.col-social a svg * {
  fill: white;
}
.col-social #possehllink {
  width: auto;
}
.col-social #possehllink svg line {
  stroke: #ffffff;
}
body.nofootermargin_1 footer#pagefooter {
  margin-top: 0;
}
.frame-type-powermail_pi1 {
  padding-right: 1.5rem !important;
}
.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_html {
  font-size: 0.8rem;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_submit input,
.tx-powermail .powermail_form .powermail_fieldwrap_type_submit button {
  width: 100%;
  display: block;
  background-color: #e6433b;
  color: white;
  /* .bdrs(100px); */
  border: none;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.75rem 1rem;
  cursor: pointer;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_submit input[disabled],
.tx-powermail .powermail_form .powermail_fieldwrap_type_submit button[disabled] {
  background-color: #cccccc;
  color: #ffffff;
  cursor: not-allowed;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_submit.calcbutton input,
.tx-powermail .powermail_form .powermail_fieldwrap_type_submit.calcbutton button {
  /* .bdrs(1rem); */
  font-size: 0.8rem;
  padding: 0.5rem 1rem;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check {
  margin-bottom: 1em;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio > label,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check > label {
  display: block;
  margin-bottom: 1rem;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .checkbox,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox,
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .radio,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .radio {
  margin-top: 0.5rem;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .radio label,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .radio label,
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .checkbox label,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox label {
  display: flex;
  align-items: flex-start;
  font-size: 0.8rem;
  line-height: 1.2em;
  font-weight: 300;
  gap: 0.5rem;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .radio label a,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .radio label a,
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .checkbox label a,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox label a {
  font-weight: 700;
  color: #e6433b;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .radio label .checkboxindicator,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .radio label .checkboxindicator,
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .checkbox label .checkboxindicator,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox label .checkboxindicator {
  background: #cccccc;
  box-sizing: border-box;
  width: 1.5em;
  height: 1.5em;
  border-radius: 0.3em;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  color: #ffffff;
  transition: all 0.2s ease-in-out;
  position: relative;
  flex: 0 0 1.5em;
  margin-right: 0;
  margin-top: 0;
  transform: translateY(-0.25em);
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .radio label .checkboxindicator svg,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .radio label .checkboxindicator svg,
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .checkbox label .checkboxindicator svg,
.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_radio .radio label .checkboxindicator svg *,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .radio label .checkboxindicator svg *,
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .checkbox label .checkboxindicator svg *,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox label .checkboxindicator svg * {
  fill: transparent;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .radio label input[type="checkbox"],
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .radio label input[type="checkbox"],
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .checkbox label input[type="checkbox"],
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox label input[type="checkbox"] {
  display: none;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .radio label input[type="checkbox"]:checked + .checkboxindicator,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .radio label input[type="checkbox"]:checked + .checkboxindicator,
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .checkbox label input[type="checkbox"]:checked + .checkboxindicator,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox label input[type="checkbox"]:checked + .checkboxindicator {
  background-color: #e6433b;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .radio label input[type="checkbox"]:checked + .checkboxindicator svg *,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .radio label input[type="checkbox"]:checked + .checkboxindicator svg *,
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .checkbox label input[type="checkbox"]:checked + .checkboxindicator svg *,
.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_radio .radio label input[type="checkbox"][disabled] + .checkboxindicator,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .radio label input[type="checkbox"][disabled] + .checkboxindicator,
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .checkbox label input[type="checkbox"][disabled] + .checkboxindicator,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox label input[type="checkbox"][disabled] + .checkboxindicator {
  background-color: #cccccc;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .radio label input[type="checkbox"][disabled] + .checkboxindicator svg *,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .radio label input[type="checkbox"][disabled] + .checkboxindicator svg *,
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .checkbox label input[type="checkbox"][disabled] + .checkboxindicator svg *,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox label input[type="checkbox"][disabled] + .checkboxindicator svg * {
  fill: #ffffff;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .radio label input[type="radio"],
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .radio label input[type="radio"],
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .checkbox label input[type="radio"],
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox label input[type="radio"] {
  display: none;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .radio label input[type="radio"]:checked + .checkboxindicator,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .radio label input[type="radio"]:checked + .checkboxindicator,
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .checkbox label input[type="radio"]:checked + .checkboxindicator,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox label input[type="radio"]:checked + .checkboxindicator {
  position: relative;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .radio label input[type="radio"]:checked + .checkboxindicator .radioicon,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .radio label input[type="radio"]:checked + .checkboxindicator .radioicon,
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .checkbox label input[type="radio"]:checked + .checkboxindicator .radioicon,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox label input[type="radio"]:checked + .checkboxindicator .radioicon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  transform: translate(-50%, -50%);
  width: 1em;
  height: 1em;
  background-color: #e6433b;
  border-radius: 15%;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .radio label input[type="radio"][disabled] + .checkboxindicator,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .radio label input[type="radio"][disabled] + .checkboxindicator,
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .checkbox label input[type="radio"][disabled] + .checkboxindicator,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox label input[type="radio"][disabled] + .checkboxindicator {
  background-color: #cccccc;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .radio label input[type="radio"][disabled] + .checkboxindicator .radioicon,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .radio label input[type="radio"][disabled] + .checkboxindicator .radioicon,
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .checkbox label input[type="radio"][disabled] + .checkboxindicator .radioicon,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox label input[type="radio"][disabled] + .checkboxindicator .radioicon {
  background-color: #444444;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .checkbox:has(input[value="dummy"]),
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox:has(input[value="dummy"]) {
  display: none !important;
  visibility: hidden !important;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio .checkbox.powermail_field_error .checkboxindicator,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check .checkbox.powermail_field_error .checkboxindicator {
  border: 4px solid #cc3939;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_radio.powermail_fieldwrap_ichinteressieremichfuer .powermail_field,
.tx-powermail .powermail_form .powermail_fieldwrap_type_check.powermail_fieldwrap_ichinteressieremichfuer .powermail_field {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.tx-powermail .powermail_form .powermail_fieldwrap_frage .radio label,
.tx-powermail .powermail_form .powermail_fieldwrap_frage .checkbox label {
  font-size: 0.8rem;
}
.tx-powermail .powermail_form .powermail_fieldwrap_frage .radio label b,
.tx-powermail .powermail_form .powermail_fieldwrap_frage .checkbox label b {
  font-size: 1rem;
  display: block;
  margin-bottom: 0.25rem;
}
.tx-powermail .powermail_form .powermail_fieldwrap_frage .powermail_field {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.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: 'neulis-neue', sans-serif;
  border: 2px solid #7d6f5d;
  background-color: transparent;
  padding-inline: 25px;
  padding-block: 1em 0.2em;
  color: #7d6f5d;
  font-size: 0.8em;
  font-weight: 400;
  z-index: 5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  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: #e6433b;
  color: #7d6f5d;
  /* box-shadow: 0 0 0 0.2rem fade(@1stcolor, 50%); */
}
.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: 25px;
  top: 3px;
  z-index: 10;
  font-size: 0.6em;
  background-color: transparent;
  padding-left: 0.25em;
  padding-right: 0.25em;
  color: #7d6f5d;
  transition: all 0.2s ease-in-out;
}
.tx-powermail .powermail_form .powermail_fieldwrap_type_input.focus label,
.tx-powermail .powermail_form .powermail_fieldwrap_type_select.focus label,
.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea.focus label,
.tx-powermail .powermail_form .powermail_fieldwrap_type_date.focus label {
  font-size: 0.4em;
}
.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 {
  padding: 0;
  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%;
}
.powermail_field_error_container {
  position: relative;
}
body.bgcolor_blue .tx-powermail .powermail_form .powermail_fieldwrap_type_input input,
body.bgcolor_purple .tx-powermail .powermail_form .powermail_fieldwrap_type_input input,
body.bgcolor_orange .tx-powermail .powermail_form .powermail_fieldwrap_type_input input,
body.bgcolor_berry .tx-powermail .powermail_form .powermail_fieldwrap_type_input input,
body.bgcolor_yellow .tx-powermail .powermail_form .powermail_fieldwrap_type_input input,
body.bgcolor_rot .tx-powermail .powermail_form .powermail_fieldwrap_type_input input,
body.bgcolor_blue .tx-powermail .powermail_form .powermail_fieldwrap_type_select input,
body.bgcolor_purple .tx-powermail .powermail_form .powermail_fieldwrap_type_select input,
body.bgcolor_orange .tx-powermail .powermail_form .powermail_fieldwrap_type_select input,
body.bgcolor_berry .tx-powermail .powermail_form .powermail_fieldwrap_type_select input,
body.bgcolor_yellow .tx-powermail .powermail_form .powermail_fieldwrap_type_select input,
body.bgcolor_rot .tx-powermail .powermail_form .powermail_fieldwrap_type_select input,
body.bgcolor_blue .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea input,
body.bgcolor_purple .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea input,
body.bgcolor_orange .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea input,
body.bgcolor_berry .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea input,
body.bgcolor_yellow .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea input,
body.bgcolor_rot .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea input,
body.bgcolor_blue .tx-powermail .powermail_form .powermail_fieldwrap_type_date input,
body.bgcolor_purple .tx-powermail .powermail_form .powermail_fieldwrap_type_date input,
body.bgcolor_orange .tx-powermail .powermail_form .powermail_fieldwrap_type_date input,
body.bgcolor_berry .tx-powermail .powermail_form .powermail_fieldwrap_type_date input,
body.bgcolor_yellow .tx-powermail .powermail_form .powermail_fieldwrap_type_date input,
body.bgcolor_rot .tx-powermail .powermail_form .powermail_fieldwrap_type_date input,
body.bgcolor_blue .tx-powermail .powermail_form .powermail_fieldwrap_type_input textarea,
body.bgcolor_purple .tx-powermail .powermail_form .powermail_fieldwrap_type_input textarea,
body.bgcolor_orange .tx-powermail .powermail_form .powermail_fieldwrap_type_input textarea,
body.bgcolor_berry .tx-powermail .powermail_form .powermail_fieldwrap_type_input textarea,
body.bgcolor_yellow .tx-powermail .powermail_form .powermail_fieldwrap_type_input textarea,
body.bgcolor_rot .tx-powermail .powermail_form .powermail_fieldwrap_type_input textarea,
body.bgcolor_blue .tx-powermail .powermail_form .powermail_fieldwrap_type_select textarea,
body.bgcolor_purple .tx-powermail .powermail_form .powermail_fieldwrap_type_select textarea,
body.bgcolor_orange .tx-powermail .powermail_form .powermail_fieldwrap_type_select textarea,
body.bgcolor_berry .tx-powermail .powermail_form .powermail_fieldwrap_type_select textarea,
body.bgcolor_yellow .tx-powermail .powermail_form .powermail_fieldwrap_type_select textarea,
body.bgcolor_rot .tx-powermail .powermail_form .powermail_fieldwrap_type_select textarea,
body.bgcolor_blue .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea textarea,
body.bgcolor_purple .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea textarea,
body.bgcolor_orange .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea textarea,
body.bgcolor_berry .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea textarea,
body.bgcolor_yellow .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea textarea,
body.bgcolor_rot .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea textarea,
body.bgcolor_blue .tx-powermail .powermail_form .powermail_fieldwrap_type_date textarea,
body.bgcolor_purple .tx-powermail .powermail_form .powermail_fieldwrap_type_date textarea,
body.bgcolor_orange .tx-powermail .powermail_form .powermail_fieldwrap_type_date textarea,
body.bgcolor_berry .tx-powermail .powermail_form .powermail_fieldwrap_type_date textarea,
body.bgcolor_yellow .tx-powermail .powermail_form .powermail_fieldwrap_type_date textarea,
body.bgcolor_rot .tx-powermail .powermail_form .powermail_fieldwrap_type_date textarea,
body.bgcolor_blue .tx-powermail .powermail_form .powermail_fieldwrap_type_input select,
body.bgcolor_purple .tx-powermail .powermail_form .powermail_fieldwrap_type_input select,
body.bgcolor_orange .tx-powermail .powermail_form .powermail_fieldwrap_type_input select,
body.bgcolor_berry .tx-powermail .powermail_form .powermail_fieldwrap_type_input select,
body.bgcolor_yellow .tx-powermail .powermail_form .powermail_fieldwrap_type_input select,
body.bgcolor_rot .tx-powermail .powermail_form .powermail_fieldwrap_type_input select,
body.bgcolor_blue .tx-powermail .powermail_form .powermail_fieldwrap_type_select select,
body.bgcolor_purple .tx-powermail .powermail_form .powermail_fieldwrap_type_select select,
body.bgcolor_orange .tx-powermail .powermail_form .powermail_fieldwrap_type_select select,
body.bgcolor_berry .tx-powermail .powermail_form .powermail_fieldwrap_type_select select,
body.bgcolor_yellow .tx-powermail .powermail_form .powermail_fieldwrap_type_select select,
body.bgcolor_rot .tx-powermail .powermail_form .powermail_fieldwrap_type_select select,
body.bgcolor_blue .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea select,
body.bgcolor_purple .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea select,
body.bgcolor_orange .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea select,
body.bgcolor_berry .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea select,
body.bgcolor_yellow .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea select,
body.bgcolor_rot .tx-powermail .powermail_form .powermail_fieldwrap_type_textarea select,
body.bgcolor_blue .tx-powermail .powermail_form .powermail_fieldwrap_type_date select,
body.bgcolor_purple .tx-powermail .powermail_form .powermail_fieldwrap_type_date select,
body.bgcolor_orange .tx-powermail .powermail_form .powermail_fieldwrap_type_date select,
body.bgcolor_berry .tx-powermail .powermail_form .powermail_fieldwrap_type_date select,
body.bgcolor_yellow .tx-powermail .powermail_form .powermail_fieldwrap_type_date select,
body.bgcolor_rot .tx-powermail .powermail_form .powermail_fieldwrap_type_date select {
  border-color: white;
}
body.bgcolor_blue .tx-powermail .powermail_label,
body.bgcolor_purple .tx-powermail .powermail_label,
body.bgcolor_orange .tx-powermail .powermail_label,
body.bgcolor_berry .tx-powermail .powermail_label,
body.bgcolor_yellow .tx-powermail .powermail_label,
body.bgcolor_rot .tx-powermail .powermail_label {
  color: white;
}
body.bgcolor_orange .tx-powermail .powermail_form .powermail_fieldwrap_type_submit input,
body.bgcolor_orange .tx-powermail .powermail_form .powermail_fieldwrap_type_submit button {
  background-color: #dc9308;
}
.tx-powermail .powermail_form_5 {
  /* 	.btn-group {
		margin-bottom: 1rem;
		gap: 0.5rem;
		display: flex;
		flex-wrap: wrap;
	}

	.btn {
		padding: 0.25rem 0.5rem;
		background-color: #00103e;
		font-size: 0.6rem;
		font-weight: 300;

		&:hover {
			background-color: lighten(#00103e, 10%);
		}
	} */
}
.tx-powermail .powermail_form_5 .btn-primary {
  background-color: #e6433b;
  color: white;
}
.tx-powermail .powermail_form_5 .btn-primary:hover {
  background-color: #ec6e68;
}
.tx-powermail .powermail_form_5 .powermail_fieldset {
  margin-bottom: 2rem;
}
.tx-powermail .powermail_form_5 .powermail_label {
  line-height: 1.2em;
}
.tx-powermail .powermail_form_5 .pull-right {
  float: right;
}
.tx-powermail .powermail_form_5 .pull-left {
  float: left;
}
.tx-powermail .powermail_form_5 .powermail_tab_navigation {
  margin-top: 2rem;
}
.tx-powermail .powermail_form_5 .powermail_fieldwrap_type_submit input,
.tx-powermail .powermail_form_5 .powermail_fieldwrap_type_submit button {
  font-size: 0.8rem;
  padding: 0.5rem 1rem;
}
.news .news-list-view .article {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 2rem;
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  border-bottom: 2px solid #e6433b;
}
.news .news-list-view .article:after {
  display: none;
}
.news .news-list-view .article:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.news .news-list-view .article .news-list-category {
  margin: 0 0 10px 0;
  background-color: #e6433b;
  color: #fff;
  display: inline-block;
  padding: 0px 10px;
  text-transform: uppercase;
  font-size: 0.7rem;
}
.news .news-list-view .article .news-img-wrap {
  flex: 0 0 40%;
  width: 50%;
  float: none;
  margin: 0;
}
.news .news-list-view .article .news-img-wrap a {
  border: none;
  padding: 0;
}
.news .news-list-view .article .news-img-wrap a img {
  width: 100%;
  height: auto;
}
.news .news-list-view .article .teaser-text {
  flex: calc(60% - 2rem);
  width: 50%;
  float: none;
  padding: 0;
}
.news .news-list-view .article .teaser-text h2,
.news .news-list-view .article .teaser-text h3 {
  font-size: 1.5em;
  margin: 0 0 1rem 0;
  font-family: 'IBM Plex Serif', sans-serif;
}
.news .news-list-view .article .teaser-text h2 a,
.news .news-list-view .article .teaser-text h3 a {
  color: #7d6f5d;
}
.news .news-list-view .article .teaser-text p {
  margin: 0 0 10px 0;
}
.news .news-list-view .article .teaser-text a {
  text-decoration: none;
}
/*
<div id="c110" class="frame frame-default frame-type-news_categorylist frame-layout-0">
   <div class="news">
      <ul>
         <li>
            <a title="Energie" href="/news?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=1&amp;cHash=e7b0160524398e3075a156628b6b1793">Energie 
            </a>
         </li>
         <li>
            <a class="active" title="Europa" href="/news?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=2&amp;cHash=d72d3785c38e129c1c5bd5bc46cf33f4">Europa (2)
            </a>
         </li>
         <li>
            <a title="Thüringen" href="/news?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=3&amp;cHash=b66cdae7a3ecdfe18426636be5c32a77">Thüringen (1)
            </a>
         </li>
      </ul>
   </div>
</div>

*/
.frame-type-news_categorylist .news ul {
  list-style: none;
  display: flex;
  gap: 1rem;
  margin: 0;
  padding: 0;
}
.frame-type-news_categorylist .news ul li {
  padding-left: 0;
  list-style: none;
}
.frame-type-news_categorylist .news ul li:before {
  content: none;
}
.frame-type-news_categorylist .news ul li a {
  display: block;
  padding: 5px 20px;
  background-color: #e6433b;
  font-weight: 300;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  border-radius: 0px;
  transition: 250ms all ease-in-out;
}
.frame-type-news_categorylist .news ul li a.active,
.frame-type-news_categorylist .news ul li a:hover {
  background-color: #7d6f5d;
}
.frame-type-eventnews_newsmonth .news {
  /*
        <div class="weekobject">
            <div class="weeknumber">
                KW09
            </div>
            <div class="weekcontent">
                <div class="inner">
                    
                    <div class="event day1 curmonth">
                        <!-- 26 -->
                    </div>

                    <div class="event day2 curmonth">
                        <!-- 27 -->
                    </div>
                    <div class="event day3 curmonth">
                        <!-- 28 -->
                    </div>

                    <div class="event day4 curmonth hasevents">
                        <strong>
                            <a
                                href="/standard-titel?tx_eventnews_newsmonth%5Baction%5D=month&amp;tx_eventnews_newsmonth%5Bcontroller%5D=News&amp;tx_eventnews_newsmonth%5BoverwriteDemand%5D%5Bday%5D=29&amp;tx_eventnews_newsmonth%5BoverwriteDemand%5D%5Bmonth%5D=2&amp;tx_eventnews_newsmonth%5BoverwriteDemand%5D%5Byear%5D=2024&amp;cHash=a6086c47bc6effe01f2763e5560e4feb">29</a>
                        </strong>
                        <div style="border: 1px solid #ccc;margin:2px;padding:2px">
                            Treffen mit streikenden Agrar-Lokführern zum Thema Kindergelderhöhung für ukrainische Trumpwähler
                            aus dem AfD-Millieu (Kopie 1)
                        </div>
                    </div>

                    <div class="event day5 othermonth">
                        <!-- 1 -->
                    </div>

                    <div class="event day6 othermonth">
                        <!-- 2 -->
                    </div>

                    <div class="event day7 othermonth">
                        <!-- 3 -->
                    </div>
                </div>
            </div>
        </div>
        */
}
.frame-type-eventnews_newsmonth .news .pager {
  width: 100%;
  list-style: none;
  display: flex;
  justify-content: space-between;
  margin-bottom: 3rem;
  gap: 0.5rem;
}
.frame-type-eventnews_newsmonth .news .pager > div a,
.frame-type-eventnews_newsmonth .news .pager > div span {
  display: block;
  padding: 5px 5px;
  background-color: #e6433b;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  font-size: 0.8rem;
}
@media screen and (min-width: 640px) {
  .frame-type-eventnews_newsmonth .news .pager > div a,
  .frame-type-eventnews_newsmonth .news .pager > div span {
    font-size: 1rem;
    padding: 5px 20px;
  }
}
.frame-type-eventnews_newsmonth .news .pager > div a {
  background-color: #efefef;
  color: #7d6f5d;
  font-weight: 300;
}
.frame-type-eventnews_newsmonth .news .pager > div a:hover {
  background-color: #7d6f5d;
  color: #ffffff;
}
.frame-type-eventnews_newsmonth .news .weekobject {
  margin-bottom: 1rem;
  background-color: #efefef;
  padding: 1rem;
  border-radius: 0.5rem;
}
.frame-type-eventnews_newsmonth .news .weekobject .weeknumber {
  font-size: 1.5em;
  font-weight: 700;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 800;
}
.frame-type-eventnews_newsmonth .news .weekobject .weeknumber:hover {
  cursor: pointer;
}
.frame-type-eventnews_newsmonth .news .weekobject .weekcontent {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 0.25s;
}
.frame-type-eventnews_newsmonth .news .weekobject .weekcontent .inner {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  min-height: 0;
  transition: visibility 1s;
  visibility: hidden;
}
.frame-type-eventnews_newsmonth .news .weekobject .weekcontent .inner .padding {
  padding-top: 1rem;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.frame-type-eventnews_newsmonth .news .weekobject .weekcontent .inner .day {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  text-align: left;
  position: relative;
  background-color: #efefef;
  flex: 0 0 100%;
  /* &.curmonth {
                            background-color: @1stcolor;
                            color: #ffffff;
                        } */
}
.frame-type-eventnews_newsmonth .news .weekobject .weekcontent .inner .day a {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  color: #7d6f5d;
  font-weight: 700;
}
.frame-type-eventnews_newsmonth .news .weekobject .weekcontent .inner .day h3 {
  flex: 0 0 100%;
  margin-bottom: 1rem;
  margin-top: 2rem;
}
.frame-type-eventnews_newsmonth .news .weekobject .weekcontent .inner .day .eventbox {
  flex: 0 0 100%;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .frame-type-eventnews_newsmonth .news .weekobject .weekcontent .inner .day .eventbox {
    flex: 0 0 33.33%;
  }
}
.frame-type-eventnews_newsmonth .news .weekobject .weekcontent .inner .day .eventbox .time {
  font-weight: 700;
  color: #e6433b;
}
.frame-type-eventnews_newsmonth .news .weekobject .weekcontent .inner .day .eventbox + .eventbox {
  border-top: 1px solid #cccccc;
  padding-top: 1rem;
}
@media screen and (min-width: 768px) {
  .frame-type-eventnews_newsmonth .news .weekobject .weekcontent .inner .day .eventbox + .eventbox {
    border-top: unset;
    border-left: 1px solid #cccccc;
    padding-top: 0;
    padding-left: 1rem;
    margin-left: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .frame-type-eventnews_newsmonth .news .weekobject .weekcontent .inner .day.hasJustOne {
    flex: 0 0 33.333%;
  }
  .frame-type-eventnews_newsmonth .news .weekobject .weekcontent .inner .day.hasJustOne .eventbox {
    flex: 0 0 100%;
    width: 100%;
  }
}
.frame-type-eventnews_newsmonth .news .weekobject.empty {
  background: #efefef;
}
.frame-type-eventnews_newsmonth .news .weekobject.empty .weeknumber {
  color: #cccccc;
  font-size: 1rem;
}
.frame-type-eventnews_newsmonth .news .weekobject.show .weekcontent {
  grid-template-rows: 1fr;
}
.frame-type-eventnews_newsmonth .news .weekobject.show .weekcontent .inner {
  visibility: visible;
}
/* 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: #e6433b;
  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;
}
.frame ul.ce-uploads {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2rem;
  row-gap: 4rem;
  list-style: none;
}
.frame ul.ce-uploads li {
  flex: 0 0 100%;
  padding: 0;
  padding-block: 0 0.6rem;
  border-bottom: 0px solid #cccc;
  margin-block: 0;
}
@media screen and (min-width: 992px) {
  .frame ul.ce-uploads li {
    flex: 0 0 calc(50% - 1rem);
  }
}
.frame ul.ce-uploads li::before {
  content: none;
}
.frame ul.ce-uploads li img {
  width: 3.2rem;
  transform: translateX(-4%);
  height: auto;
}
.frame ul.ce-uploads li > div {
  line-height: 1;
}
.frame ul.ce-uploads li > div a {
  color: #7d6f5d;
  text-decoration: none;
  display: block;
}
.frame ul.ce-uploads li > div a .ce-uploads-fileName {
  font-weight: 700;
}
.frame ul.ce-uploads li > div .ce-uploads-description,
.frame ul.ce-uploads li > div .ce-uploads-filesize {
  font-size: 1rem;
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
}
.ce-quote {
  padding-block: 5rem;
}
.ce-quote .inner {
  position: relative;
  max-width: 900px;
  margin-inline: auto;
}
.ce-quote .inner .watermark {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: contain;
  z-index: 0;
  height: 100%;
  width: 100%;
}
.ce-quote .inner .watermark * {
  fill: #f2f1ef;
}
.ce-quote .inner .ce-quote__quote {
  z-index: 10;
  position: relative;
  padding-inline: 4rem;
  padding-block: 2rem;
}
@media screen and (min-width: 1024px) {
  .ce-quote .inner .ce-quote__quote {
    margin-block: 4rem;
  }
}
.ce-quote .inner .ce-quote__quote .ce-quote__quote__text {
  position: relative;
  margin-bottom: 4rem;
}
.ce-quote .inner .ce-quote__quote .ce-quote__quote__text .qmark {
  position: absolute;
  width: 3rem;
  z-index: 20;
}
.ce-quote .inner .ce-quote__quote .ce-quote__quote__text .qmark * {
  fill: #7d6f5d;
}
.ce-quote .inner .ce-quote__quote .ce-quote__quote__text .qmark.qmark-in {
  bottom: 100%;
  right: 100%;
}
.ce-quote .inner .ce-quote__quote .ce-quote__quote__text .qmark.qmark-out {
  top: 100%;
  left: 100%;
}
.ce-quote .inner .ce-quote__quote .ce-quote__quote__text .ce-quote-text {
  text-align: center;
  position: relative;
  z-index: 10;
}
.ce-quote .inner .ce-quote__quote .ce-quote__author {
  position: relative;
  z-index: 10;
  margin-bottom: 1rem;
}
.ce-quote .inner .ce-quote__quote .ce-quote__author span {
  display: block;
}
.ce-quote .inner .ce-quote__quote .ce-quote__author span.author {
  font-weight: 700;
}
.ce-quote .inner .ce-quote__quote .ce-quote__quote__link {
  text-align: center;
}
.ce-quote .inner .ce-quote__quote .ce-quote__quote__link a {
  text-decoration: none;
  font-weight: 700;
}
.ce-refslider {
  position: relative;
  /* .dragcursor {
        width: 6rem;
        height: 6rem;
        left: 0;
        top: 0;
        display: flex;
        position: absolute;
        opacity: 0;
        color: white;
        justify-content: center;
        align-items: center;
        border-radius: 100px;
        background-color: #e8412c;
        text-align: center;
        z-index: 9999;
        font-weight: 700;
        pointer-events: none;
        transition: opacity 0.3s ease-in-out;
    } */
}
.ce-refslider .swiper-button-next,
.ce-refslider .swiper-button-prev {
  z-index: 20;
  background: #f2f1ef;
  width: 3rem;
  height: 3rem;
  border-radius: 0;
}
.ce-refslider .swiper-button-next:after,
.ce-refslider .swiper-button-prev:after {
  font-size: 1.5rem;
  color: #ffffff;
}
.ce-refslider .swiper-button-prev {
  left: 0;
  padding-right: 1rem;
  justify-content: flex-end;
  background: #e6433b;
}
.ce-refslider .swiper-button-next {
  right: 0;
  background: #e6433b;
  padding-left: 1rem;
  justify-content: flex-start;
}
.ce-refslider img {
  width: 100%;
  height: auto;
}
.ce-refslider .swiper-pagination {
  top: -3rem;
  bottom: auto;
  right: 2rem;
  left: unset;
  display: flex;
  width: auto;
  justify-content: center;
}
.ce-refslider .titlebox {
  width: 50%;
  padding-inline: 1rem;
}
@media screen and (min-width: 1440px) {
  .ce-refslider .titlebox {
    padding-inline: 0;
  }
}
.ce-refslider .titlebox span.title {
  display: block;
}
.ce-refslider .swiper-position {
  max-width: 1400px;
  margin-inline: auto;
}
.ce-refslider .swiper {
  position: relative;
  z-index: 10;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .ce-refslider .swiper {
    width: 160%;
  }
}
.ce-refslider:hover {
  cursor: grab;
}
.ce-refslider:hover .dragcursor {
  opacity: 1;
}
.ce-staffmatrix {
  --textcolor: #7d6f5d;
  --keycolor: #e6433b;
}
.ce-staffmatrix .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-inline: -0.5rem;
}
.ce-staffmatrix .inner .person {
  flex: 0 0 100%;
}
@media screen and (min-width: 480px) {
  .ce-staffmatrix .inner .person {
    flex: 0 0 50%;
  }
}
@media screen and (min-width: 1024px) {
  .ce-staffmatrix .inner[data-cols="3"] .person {
    flex: 0 0 33.3333%;
  }
}
@media screen and (min-width: 1024px) {
  .ce-staffmatrix .inner[data-cols="4"] .person {
    flex: 0 0 25%;
  }
}
@media screen and (min-width: 1024px) {
  .ce-staffmatrix .inner[data-cols="5"] .person {
    flex: 0 0 20%;
  }
}
.ce-staffmatrix .inner .person {
  padding-inline: 0.5rem;
  box-sizing: border-box;
  margin-bottom: 3rem;
}
.ce-staffmatrix .inner .person .pic {
  overflow: hidden;
  border-radius: 1rem;
  margin-bottom: 1rem;
  position: relative;
}
.ce-staffmatrix .inner .person .pic img {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.7s ease;
  object-fit: cover;
}
.ce-staffmatrix .inner .person:hover .pic img {
  transform: scale(1.05);
}
.ce-staffmatrix .inner .person .name {
  font-size: 1.25rem;
  line-height: 1.5em;
}
.ce-staffmatrix .inner .person a {
  color: var(--textcolor);
  text-decoration: none;
  transition: all 0.3s ease;
}
.ce-staffmatrix .inner .person a:hover {
  text-decoration: underline;
  color: var(--keycolor);
}
.frame-type-km_fourpoints {
  z-index: 1;
  position: relative;
}
.ce-fourpoints {
  position: relative;
}
.ce-fourpoints .intropanel {
  position: relative;
}
.ce-fourpoints .intropanel .inner {
  background-color: #f5f4f2;
  padding: 1rem;
  border-radius: 0 1rem 1rem 0;
  position: relative;
  width: 80%;
  padding-right: 20%;
  padding-top: 10%;
  box-sizing: border-box;
}
.ce-fourpoints .intropanel:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  background-color: #f5f4f2;
  width: 99999em;
  height: 100%;
}
.ce-fourpoints .intropanel .title {
  /* font-size: @large-font-size; */
  font-weight: 400;
  font-size: 36px;
  line-height: 1.2em;
}
@media screen and (min-width: 640px) {
  .ce-fourpoints .intropanel .title {
    font-size: 72px;
  }
}
@media screen and (max-width: 992px) {
  .ce-fourpoints .intropanel .title {
    font-weight: 400;
    font-size: 36px;
    line-height: 1.2em;
  }
}
.ce-fourpoints .intropanel .imgwrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  overflow: hidden;
  border-radius: 1rem;
  transform: translateY(-20%);
  line-height: 0;
}
.ce-fourpoints .intropanel .imgwrap img {
  width: 100%;
  height: auto;
}
.ce-fourpoints .thepoints {
  display: flex;
  margin-top: -2rem;
  position: relative;
  z-index: 1;
  flex-direction: column;
}
.ce-fourpoints .thepoints > div {
  flex: 0 0 25%;
  border-bottom: 2px solid #7d6f5d;
}
.ce-fourpoints .thepoints > div .inner {
  padding: 4rem 2rem 2rem 2rem;
}
.ce-fourpoints .thepoints > div .inner .number {
  font-size: 72px;
  font-weight: 400;
  color: #7d6f5d;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .ce-fourpoints .thepoints {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .ce-fourpoints .thepoints > div {
    flex: 0 0 50%;
    width: 50%;
    box-sizing: border-box;
    border-bottom: none;
    border-left: 2px solid #7d6f5d;
    margin-bottom: 3rem;
  }
  .ce-fourpoints .thepoints > div .inner {
    padding-top: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .ce-fourpoints .thepoints > div {
    flex: 0 0 25%;
    width: 25%;
  }
  .ce-fourpoints .thepoints > div .inner {
    padding-top: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .ce-fourpoints .intropanel .inner {
    width: auto;
    padding-bottom: 3rem;
  }
  .ce-fourpoints .intropanel .imgwrap {
    width: 60%;
    position: relative;
    top: unset;
    right: unset;
    float: right;
    transform: translate(3rem, -3rem);
  }
  .ce-fourpoints .thepoints {
    clear: both;
  }
  .ce-fourpoints .thepoints .pointitem .inner {
    padding-top: 1rem;
  }
}
@media screen and (max-width: 640px) {
  .ce-fourpoints .intropanel .imgwrap {
    width: 90%;
  }
}
.ce-big-image {
  position: relative;
  z-index: 2;
}
.ce-big-image .imgwrap {
  position: relative;
  line-height: 0;
}
.ce-big-image .imgwrap img {
  z-index: 0;
  width: 100%;
  height: auto;
  position: relative;
}
.ce-big-image .videowrap {
  line-height: 0;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 1024px) {
  .ce-big-image .videowrap {
    padding-bottom: 30%;
  }
}
.ce-big-image .videowrap iframe,
.ce-big-image .videowrap video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  object-fit: cover;
}
.ce-big-image.darken-1 .imgwrap:before,
.ce-big-image.darken-1 .videowrap:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.ce-big-image .overlay-container {
  height: 100%;
  width: 100%;
  max-width: 1400px;
  position: relative;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  display: flex;
  justify-content: flex-start;
  color: #ffffff;
  z-index: 10;
  font-size: 36px;
  line-height: 1.2em;
}
@media screen and (min-width: 640px) {
  .ce-big-image .overlay-container {
    font-size: 72px;
  }
}
.ce-big-image .overlay-container .overlay-position {
  padding: 20px;
}
.ce-big-image .overlay-container.position-top {
  align-items: flex-start;
}
.ce-big-image .overlay-container.position-bottom {
  align-items: flex-end;
}
.ce-big-image .overlay-container.position-middle {
  align-items: center;
}
.ce-big-image .overlay-container .overlay-logo {
  width: 15%;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  right: 0;
}
.ce-big-image .overlay-container .overlay-logo svg {
  width: 100%;
  height: auto;
}
.ce-squarelink.align-center {
  text-align: center;
}
.ce-squarelink.align-right {
  text-align: right;
}
.ce-squarelink a {
  text-decoration: none;
  display: inline-block;
  container-type: inline-size;
  aspect-ratio: 1;
  width: 13rem;
}
.ce-squarelink a .squarelink {
  display: block;
  text-align: left;
  padding: 1rem;
  width: 100%;
  box-sizing: border-box;
  font-size: 8cqw;
  height: 100%;
  border: 1px solid #7d6f5d;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  border-radius: 1rem;
  color: #7d6f5d;
}
.ce-squarelink.layout-0 a .squarelink {
  border-color: #e6433b;
  color: #ffffff;
  background-color: #e6433b;
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.1, 0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.2, 1.2);
    opacity: 0.0;
  }
}
.ce-boxmatrix .items .item {
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 1.5rem;
  border: 1px solid #7d6f5d;
  text-align: center;
  container-type: size;
  container-name: aservicebox;
  box-sizing: border-box;
  position: relative;
  display: block;
  text-decoration: none;
  color: #7d6f5d;
}
.ce-boxmatrix .items .item .checkicon {
  position: absolute;
  bottom: 9cqw;
  right: 9cqw;
  width: 13cqw;
  height: auto;
  z-index: 10;
}
.ce-boxmatrix .items .item .ring-container {
  position: absolute;
  bottom: 4cqw;
  right: 4cqw;
  width: 13cqw;
  height: 13cqw;
  z-index: 10;
}
.ce-boxmatrix .items .item .ring-container .circle {
  width: 30%;
  height: 30%;
  background-color: #e6433b;
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  top: 35%;
  left: 35%;
}
.ce-boxmatrix .items .item .ring-container .ringring {
  border: 3px solid rgba(230, 67, 59, 0.8);
  -webkit-border-radius: 30px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 0;
  box-sizing: border-box;
}
.ce-boxmatrix .items .item .specialicon {
  position: absolute;
  pointer-events: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60cqw;
  height: auto;
}
.ce-boxmatrix .items .item.is-special {
  border-color: #e6433b;
  color: #e6433b;
}
.ce-boxmatrix .items .item .title,
.ce-boxmatrix .items .item .number {
  font-weight: 300;
  font-size: 12cqw;
  margin-top: 30cqw;
  line-height: 1.2em;
}
.ce-boxmatrix .items .item .subtitle,
.ce-boxmatrix .items .item .title-four {
  font-size: 10cqw;
  margin-top: 0;
  line-height: 1.2em;
}
.ce-boxmatrix .items .item .number {
  margin-top: 20cqw;
  font-size: 20cqw;
}
.ce-boxmatrix .items .item img {
  height: 20cqw;
  width: auto;
  margin-top: 15cqw;
  margin-bottom: 7cqw;
}
.ce-boxmatrix .items .item .title-four {
  font-size: 7cqw;
}
.ce-boxmatrix .items .item .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 10cqw;
  padding-inline: 10px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.ce-boxmatrix .items .item .inner .front,
.ce-boxmatrix .items .item .inner .back {
  font-size: 7cqw;
  line-height: 1.2;
  padding-inline: 7cqw;
  width: 100%;
  height: 100%;
  position: absolute;
  offset: 0;
  transition: all 0.25s ease-out;
  box-sizing: border-box;
}
.ce-boxmatrix .items .item .inner .back {
  transform: translateY(100%);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e6433b;
  color: white;
  z-index: 20;
}
.ce-boxmatrix .items .item:hover .inner .front {
  transform: translateY(-100%);
}
.ce-boxmatrix .items .item:hover .inner .back {
  transform: translateY(0);
}
.ce-boxmatrix .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 2rem;
}
.ce-boxmatrix.layout-three .items {
  gap: 2rem;
}
.ce-boxmatrix.layout-three .items .item {
  flex: 0 0 calc(50% - 1rem);
  overflow: hidden;
  /* @media (min-width: 992px) {
                    flex: 0 0 calc(25% - 1.66666rem);
                }  */
}
@media (min-width: 768px) {
  .ce-boxmatrix.layout-three .items .item {
    flex: 0 0 calc(33.3333% - 1.3334rem);
  }
}
.ce-boxmatrix.layout-four .items {
  gap: 2rem;
}
.ce-boxmatrix.layout-four .items .item {
  flex: 0 0 calc(50% - 1rem);
  overflow: hidden;
}
@media (min-width: 768px) {
  .ce-boxmatrix.layout-four .items .item {
    flex: 0 0 calc(33.3333% - 1.3334rem);
  }
}
@media (min-width: 992px) {
  .ce-boxmatrix.layout-four .items .item {
    flex: 0 0 calc(25% - 1.66666rem);
  }
}
.ce-boxmatrix.layout-five .items .item {
  flex: 0 0 calc(50% - 1rem);
  width: calc(50% - 1rem);
}
@media (min-width: 768px) {
  .ce-boxmatrix.layout-five .items .item {
    flex: 0 0 calc(33.3333% - 1.3334rem);
  }
}
@media (min-width: 992px) {
  .ce-boxmatrix.layout-five .items .item {
    flex: 0 0 calc(20% - 1.66666rem);
  }
}
.ce-captials-list .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  border-bottom: 1px solid #7d6f5d;
  gap: 1rem;
  align-items: flex-start;
  width: 100%;
}
.ce-captials-list .row .the-letter {
  font-size: 2rem;
  flex: 0 0  3rem;
}
.ce-captials-list .row .definition {
  flex: 0 0 calc(100% - 4rem);
  padding-top: 0.33em;
  padding: 0.5rem 0;
}
.ce-captials-list .row:last-child {
  border-bottom: none;
}
.ce-textblock-a {
  --background: #f0f0f0;
  --breakpoint: 768px;
  container-type: inline-size;
  /* Original desktop layout - unchanged */
}
.ce-textblock-a header {
  margin-right: 20%;
  background-color: var(--background);
  padding: 1.5rem 1.5rem 5.5rem 0;
  border-radius: 0 2rem 2rem 0;
  position: relative;
  z-index: 0;
}
.ce-textblock-a header .title {
  font-weight: 300;
  font-size: 27.5px;
  line-height: 1.2em;
  line-height: 1.2;
}
@media screen and (min-width: 640px) {
  .ce-textblock-a header .title {
    font-size: 55px;
  }
}
.ce-textblock-a header .subheader {
  font-size: 15px;
  line-height: 1.2em;
  font-weight: 300;
}
@media screen and (min-width: 640px) {
  .ce-textblock-a header .subheader {
    font-size: 30px;
  }
}
.ce-textblock-a header:before {
  content: '';
  position: absolute;
  top: 0;
  right: 100%;
  width: 99999rem;
  height: 100%;
  background-color: var(--background);
}
.ce-textblock-a .thebodytext {
  padding-left: 30%;
  margin-top: -3rem;
  position: relative;
  z-index: 1;
}
.ce-textblock-a .thebodytext .ce-tba-inner {
  padding: 1.5rem;
  background-color: #ffffff;
  border-radius: 2rem;
}
@media screen and (min-width: 1200px) {
  .ce-textblock-a .thebodytext .ce-tba-inner {
    padding-right: 30cqb;
  }
}
/* Mobile styles as a separate media query */
@media screen and (max-width: 767px) {
  .ce-textblock-a header {
    margin-right: 5%;
    padding: 1rem 1rem 3rem 1rem;
    border-radius: 0 1rem 1rem 0;
  }
  .ce-textblock-a .thebodytext {
    padding-left: 5%;
    margin-top: -1.5rem;
  }
  .ce-textblock-a .thebodytext .ce-tba-inner {
    padding: 1rem;
    border-radius: 1rem;
  }
}
.ce-contactblock {
  container-type: inline-size;
}
.ce-contactblock .contactblock-image {
  width: 34cqw;
  margin-bottom: -17cqw;
  position: relative;
}
.ce-contactblock .contactblock-image .imgwrap {
  border-radius: 1rem;
  overflow: hidden;
  line-height: 0;
}
.ce-contactblock .contactblock-image .imgwrap img {
  width: 100%;
  height: auto;
}
.ce-contactblock .contactblock-image svg {
  width: 30%;
  height: auto;
  position: absolute;
  z-index: 3;
  left: 90%;
  bottom: 30%;
}
.ce-contactblock .contactblock-content {
  padding-left: 1rem;
}
@media screen and (min-width: 540px) {
  .ce-contactblock .contactblock-content {
    padding-left: 3rem;
  }
}
.ce-contactblock .contactblock-content .contactblock-inner {
  background: #eceae7;
  border-radius: 1rem;
  padding: 20cqw 2rem 2rem 2rem;
}
@media screen and (min-width: 540px) {
  .ce-contactblock .contactblock-content .contactblock-inner {
    padding: 20cqw 2rem 2rem 4rem;
  }
}
.ce-contactblock .contactblock-content .contactblock-inner .header {
  font-size: 1.5rem;
  line-height: 1.2;
  display: block;
}
.ce-contactblock .contactblock-content .contactblock-inner .position {
  display: block;
}
.ce-contactblock .contactblock-content .contactblock-inner .contactblock-bodytext a {
  color: #7d6f5d;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.ce-contactblock .contactblock-content .contactblock-inner .contactblock-bodytext a:hover {
  text-decoration: underline;
  color: #e6433b;
}
.ce-textpicboxed {
  --background: #f0f0f0;
  container-type: inline-size;
  position: relative;
}
.ce-textpicboxed .ce-textpicboxed-text1 {
  background-color: var(--background);
  border-radius: 0 1rem 1rem 0;
  position: relative;
  width: auto;
  margin-right: 17cqw;
  padding: 2rem calc(17cqw + 4rem) 5rem 0;
  box-sizing: border-box;
  z-index: 1;
}
.ce-textpicboxed .ce-textpicboxed-text1:before {
  content: '';
  position: absolute;
  top: 0;
  right: 100%;
  width: 99999rem;
  height: 100%;
  background-color: var(--background);
}
@media (max-width: 991px) {
  .ce-textpicboxed .ce-textpicboxed-text1 {
    margin-right: 0;
    padding: 2rem 1.5rem 3rem;
    border-radius: 1rem;
  }
  .ce-textpicboxed .ce-textpicboxed-text1:before {
    display: none;
  }
}
.ce-textpicboxed .ce-textpicboxed-text2 {
  width: auto;
  margin-left: 17cqw;
  z-index: 2;
  position: relative;
}
.ce-textpicboxed .ce-textpicboxed-text2 .inner {
  border-radius: 1rem 0 0 0;
  padding: 2rem calc(34cqw + 4rem) 2rem 1rem;
  position: relative;
  z-index: 10;
  margin-top: -5cqw;
  background: #ffffff;
}
@media (max-width: 991px) {
  .ce-textpicboxed .ce-textpicboxed-text2 {
    margin-left: 0;
  }
  .ce-textpicboxed .ce-textpicboxed-text2 .inner {
    padding: 2rem 1.5rem;
    margin-top: 0;
    border-radius: 1rem;
    margin-top: -1rem;
  }
}
.ce-textpicboxed .imgwrap {
  position: absolute;
  z-index: 20;
  top: 0;
  right: 0;
  width: 34cqw;
  transform: translateY(-50%);
}
.ce-textpicboxed .imgwrap .stencil {
  overflow: hidden;
  border-radius: 1rem;
  line-height: 0;
}
.ce-textpicboxed .imgwrap .stencil img {
  width: 100%;
  height: auto;
}
.ce-textpicboxed .imgwrap .overlay-logo {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 33.33%;
  height: auto;
  transform: translate(-25%, 50%);
}
.ce-textpicboxed .imgwrap .overlay-logo svg {
  width: 100%;
  height: auto;
}
@media (max-width: 991px) {
  .ce-textpicboxed .imgwrap {
    position: static;
    width: 100%;
    max-width: 90%;
    margin: 0 auto 1.5rem;
    transform: none;
    display: block;
  }
  .ce-textpicboxed .imgwrap .overlay-logo {
    width: 25%;
  }
}
@media (max-width: 991px) {
  .ce-textpicboxed {
    display: flex;
    flex-direction: column;
    padding-top: 0;
  }
  .ce-textpicboxed .imgwrap {
    order: 1;
  }
  .ce-textpicboxed .ce-textpicboxed-text1 {
    order: 2;
  }
  .ce-textpicboxed .ce-textpicboxed-text2 {
    order: 3;
  }
}
.ce-teaserbox {
  display: flex;
  justify-content: flex-start;
}
.ce-teaserbox .inner {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.ce-teaserbox .inner .textcol .header {
  font-size: 36px;
  line-height: 1.2em;
  display: block;
  line-height: 1.2;
  margin-bottom: 1rem;
}
@media screen and (min-width: 640px) {
  .ce-teaserbox .inner .textcol .header {
    font-size: 72px;
  }
}
.ce-teaserbox .inner .textcol .subheader {
  display: block;
}
.ce-teaserbox .inner .imgwrap {
  background-color: #000000;
  width: 10rem;
  height: 10rem;
  display: flex;
  line-height: 0;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
}
.ce-teaserbox .inner .imgwrap img {
  width: 80%;
  height: 80%;
}
@media screen and (min-width: 768px) {
  .ce-teaserbox {
    justify-content: flex-end;
  }
  .ce-teaserbox .inner {
    flex-direction: row;
    justify-content: flex-end;
  }
  .ce-teaserbox .inner .textcol {
    padding-top: 3rem;
    flex: 0 0 20rem;
  }
}
.maincontent .frame-type-km_historyslider {
  padding-right: 0;
}
.ce-historyslider {
  position: relative;
}
.ce-historyslider .sliderwrap {
  position: relative;
}
.ce-historyslider .sliderwrap:after {
  display: block;
  content: "";
  background-color: #7d6f5d;
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
}
.ce-historyslider .pagerwrap {
  background-color: #b2ad99;
  color: white;
  padding: 6rem 2rem 0 2rem;
  margin-top: -3rem;
  border-radius: 0 0 2rem 0;
  position: relative;
}
.ce-historyslider .pagerwrap .inner {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
}
.ce-historyslider .pagerwrap .inner > * {
  position: relative;
  z-index: 10;
}
.ce-historyslider .pagerwrap .inner:before {
  display: block;
  width: 100%;
  height: 1px;
  content: "";
  background-color: white;
  position: absolute;
  top: 50%;
  left: 0;
}
.ce-historyslider .pagerwrap:after {
  display: block;
  content: "";
  background-color: #b2ad99;
  position: absolute;
  top: 0;
  right: 100%;
  width: 100%;
  height: 100%;
}
.ce-historyslider .hisswiper-pagination {
  display: flex;
  white-space: nowrap;
  gap: 2rem;
  bottom: unset;
  position: relative;
}
.ce-historyslider .hisswiper-pagination .swiper-pagination-bullet {
  width: 1px;
  height: 1rem;
  background-color: white;
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
  opacity: 1;
}
.ce-historyslider .hisswiper-pagination .swiper-pagination-bullet span.label {
  display: block;
  opacity: 0;
  position: absolute;
  top: -2rem;
  left: 0;
  font-size: 1rem;
  transform: translateX(-50%);
  transition: all 1s linear(0, 0.115 2.2%, 0.877 9.4%, 1.016 11.9%, 1.081 14.7%, 1.088 16%, 1.084 17.5%, 1.013 25.3%, 0.993 30.8%, 1.001 46.8%, 1);
}
.ce-historyslider .hisswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span.label {
  opacity: 1;
}
.ce-historyslider .hisswiper-pagination span.accent {
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
  transition: all 0.25s linear(0, -0.002 18.9%, -0.012 30.7%, -0.089 62.9%, -0.08 69.5%, -0.044 75%, 0.007 78.90000000000001%, 0.079 82.5%, 0.284 88.90000000000001%, 0.588 94.7%, 1);
}
.ce-historyslider .hisswiper-pagination span.accent:before {
  content: "";
  display: block;
  height: 8px;
  width: 1.5rem;
  background: white;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .ce-historyslider .hisswiper-pagination {
    gap: 6rem;
  }
  .ce-historyslider .hisswiper-pagination .swiper-pagination-bullet span.label {
    display: block;
    opacity: 1 !important;
  }
}
.ce-historyslider .histnavi {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 0 2rem;
  padding: 1rem 0;
  border-radius: 0 0 2rem 0;
  gap: 0.5rem;
  cursor: pointer;
}
.ce-historyslider .histnavi [aria-disabled="true"] {
  pointer-events: none;
  background-color: #aea292;
  cursor: default;
}
.ce-historyslider .histnavi > * {
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #e6433b;
}
.ce-historyslider .histnavi > * svg {
  width: 1.2rem;
  height: 1.2rem;
}
.ce-historyslider .histnavi > * svg * {
  fill: white;
}
.ce-historyslider .swiper {
  border-radius: 2rem 0 0 2rem;
}
.ce-historyslider .swiper .swiper-wrapper {
  background-color: #b2ad99;
}
@media screen and (min-width: 580px) {
  .ce-historyslider .swiper .swiper-wrapper {
    align-items: stretch;
  }
}
.ce-historyslider .swiper .swiper-slide {
  color: white;
  display: flex;
  gap: 2rem;
  height: auto;
  align-items: stretch;
  flex-direction: column;
  padding-block: 0;
}
.ce-historyslider .swiper .swiper-slide .slidelayout {
  display: flex;
  flex-direction: column;
  background: #b2ad99;
}
.ce-historyslider .swiper .swiper-slide .slidelayout > * {
  flex: 1 1 auto;
  height: auto;
}
@media screen and (min-width: 580px) {
  .ce-historyslider .swiper .swiper-slide .slidelayout {
    flex-direction: row;
    align-items: stretch;
    height: 100%;
  }
  .ce-historyslider .swiper .swiper-slide .slidelayout > * {
    flex: 0 0 50%;
    width: 50%;
    height: 100%;
  }
}
.ce-historyslider .swiper .swiper-slide .imgwrap {
  height: 100%;
  padding-block: 2rem;
  display: flex;
  align-items: center;
  background: #ffffff;
  position: relative;
}
.ce-historyslider .swiper .swiper-slide .imgwrap:after {
  content: "";
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  pointer-events: none;
  border: #e6433b solid 4px;
  border-radius: 2rem 0 0 0;
}
@media screen and (min-width: 580px) {
  .ce-historyslider .swiper .swiper-slide .imgwrap {
    padding-block: 0;
  }
  .ce-historyslider .swiper .swiper-slide .imgwrap:after {
    border-radius: 2rem 0 0 2rem;
  }
}
.ce-historyslider .swiper .swiper-slide img {
  /* mix-blend-mode: multiply; */
  line-height: 0;
  float: left;
}
.ce-historyslider .swiper .swiper-slide .text {
  padding-inline: 2rem;
  padding-block: 2rem;
  box-sizing: border-box;
  font-size: 1rem;
  position: relative;
  background-color: #7d6f5d;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ce-historyslider .swiper .swiper-slide .text .inner {
  position: relative;
  z-index: 10;
}
.ce-historyslider .swiper .swiper-slide .text .title {
  font-weight: 700;
  font-size: 1.2rem;
  margin-bottom: 1rem;
  display: block;
}
.ce-historyslider .swiper .swiper-slide .text .blocktext {
  position: relative;
  /* &:before {
                        // vertical line 1px
                        content: "";
                        display: block;
                        width: 1px;
                        height: 100%;
                        background-color: white;
                        position: absolute;
                        top: 0;
                        left: 0;
                        transform: translateX(-1em);
                    } */
}
.frame-type-header.frame-layout-1 {
  border-bottom: 1px solid #7d6f5d;
}
.frame-type-header.frame-layout-1 .default-headline {
  font-weight: 300;
  font-size: 55px;
  line-height: 1.2em;
}
@media screen and (min-width: 640px) {
  .frame-type-header.frame-layout-1 .default-headline {
    font-size: 110px;
  }
}
@keyframes PiePulse {
  0% {
    transform: translateX(-50%) scale(0.8);
  }
  70% {
    transform: translateX(-50%) scale(1);
  }
  100% {
    transform: translateX(-50%) scale(0.8);
  }
}
.pie-svg {
  position: relative;
}
.pie-svg .clickreiz {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 20%;
  animation: PiePulse 1s infinite;
  color: white;
  opacity: 0;
  pointer-events: none;
  transition: all 0.25s;
  font-size: 0.75rem;
}
.pie-svg .clickreiz.visible {
  opacity: 1;
}
.pie-svg .number {
  display: none;
}
.pie-svg .pie {
  /*
        let plate = sector.querySelector('.plate');
                let shade = sector.querySelector('.shade');
                let text = sector.querySelector('.text');
                let number = sector.querySelector('.number');

                sectorTL.to( plate, {fill: "#df4a44", duration: 0.25}, 0)
                    .to( text, {fill: "#ffffff", duration: 0.25}, 0)
                    .to( number, {fill: "#ffffff", duration: 0.25}, 0)
        */
}
.pie-svg .pie .plate,
.pie-svg .pie .text,
.pie-svg .pie .number {
  transition: fill 0.25s;
}
.pie-svg .pie > * {
  cursor: pointer;
}
.pie-svg .pie > *.active .plate,
.pie-svg .pie > *:hover .plate {
  fill: #df4a44;
}
.pie-svg .pie > *.active .text,
.pie-svg .pie > *:hover .text {
  fill: #ffffff;
}
.pie-svg .pie > *.active .number,
.pie-svg .pie > *:hover .number {
  fill: #ffffff;
}
.pie-svg .PieModal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: block;
  z-index: 1000;
  text-align: center;
  padding-top: 2.5rem;
}
.pie-svg .PieModal .inner {
  background: #efefef;
  border-radius: 0.5rem;
  padding: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 500px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  text-align: left;
}
.pie-svg .PieModal .inner .close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  cursor: pointer;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #000;
  color: #fff;
  border-radius: 100%;
  font-weight: normal;
}
.pie-svg .PieModal {
  display: none;
}
.pie-svg .modalData {
  display: none;
}
/*

.ce-twocolumns, .ce-threecolumns {



    // set css variable gap to 30px
    --gap: 30px;

    > .inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: var(--gap);
    }
}
 
.ce-twocolumns > .inner{
    .column {
        flex: 0 0 100%;
        width: 100%;
        
        @media (min-width: 768px) {
            flex: 0 0 calc(~"50% - var(--gap)");
            width: calc(~"50% - var(--gap)");    
        }
    }
}

.ce-threecolumns > .inner{
    .column {
        flex: 0 0 100%;
        width: 100%;
        
        @media (min-width: 768px) {
            flex: 0 0 calc(~"33.3333% - var(--gap)");
            width: calc(~"33.3333% - var(--gap)");    
        }
    }
} 
    */
.ce-twocolumns .row,
.ce-threecolumns .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1.5rem;
}
.frame-type-2cols.frame-layout-50 {
  z-index: 5;
  position: relative;
}
.frame-type-2cols.frame-layout-50 .ce-twocolumns > .inner {
  container-type: inline-size;
  position: relative;
}
.frame-type-2cols.frame-layout-50 .ce-twocolumns > .inner .column:nth-child(2) {
  position: relative;
}
.frame-type-2cols.frame-layout-50 .ce-twocolumns > .inner .column:nth-child(2) .white-card {
  z-index: 1;
  width: 9999rem;
  margin-top: 0;
  background: #ffffff;
  border-radius: 2rem 0 0 0;
  height: 20cqw;
  transform-origin: bottom left;
  transform: rotate(15deg);
  position: absolute;
  left: -5cqw;
  bottom: 100%;
}
.frame-type-2cols.frame-layout-50 .ce-twocolumns > .inner .column:nth-child(2) .white-card + div {
  margin-top: -10cqw;
  z-index: 2;
  position: relative;
}
.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 {
  padding-top: 4rem;
}
.extcontainer-accordion .accordion-items .accordion-item {
  background: #ECEAE7;
  position: relative;
  padding: 2rem 3rem 5rem 3rem;
  margin-top: -3.5rem;
  transition: all 0.25s ease-in-out;
}
.extcontainer-accordion .accordion-items .accordion-item:before {
  position: absolute;
  top: 0;
  height: 100%;
  width: 99999em;
  content: "";
  display: block;
  transition: all 0.25s ease-in-out;
}
.extcontainer-accordion .accordion-items .accordion-item:nth-child(odd) {
  background: #E0DDD8;
  border-radius: 1rem 0 0 1rem;
}
.extcontainer-accordion .accordion-items .accordion-item:nth-child(odd)::before {
  left: 100%;
  background: #E0DDD8;
}
.extcontainer-accordion .accordion-items .accordion-item:nth-child(even) {
  background: #ECEAE7;
  border-radius: 0 1rem 1rem 0;
}
.extcontainer-accordion .accordion-items .accordion-item:nth-child(even)::before {
  right: 100%;
  background: #ECEAE7;
}
.extcontainer-accordion .accordion-items .accordion-item:last-child {
  padding-bottom: 2rem;
}
.extcontainer-accordion .accordion-items .accordion-item .accordion-item-header {
  display: flex;
  justify-self: space-between;
  align-items: center;
  gap: 2rem;
  font-weight: 400;
  padding-bottom: 1rem;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid rgba(125, 111, 93, 0.5);
}
.extcontainer-accordion .accordion-items .accordion-item .accordion-item-header .iconwrap {
  aspect-ratio: 1;
  height: 4rem;
  width: 5rem;
  position: relative;
}
.extcontainer-accordion .accordion-items .accordion-item .accordion-item-header .iconwrap img {
  position: relative;
  inset: 0;
  object-fit: contain;
  height: 100%;
  width: 100%;
  transition: all 0.25s ease-in-out;
}
.extcontainer-accordion .accordion-items .accordion-item .accordion-item-header .title {
  font-size: 1.5rem;
  font-weight: 400;
  transition: all 0.25s ease-in-out;
}
.extcontainer-accordion .accordion-items .accordion-item .accordion-item-header .indicator {
  width: 2rem;
  height: 2rem;
  background-color: #ffffff;
  border-radius: 100px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateY(50%);
}
.extcontainer-accordion .accordion-items .accordion-item .accordion-item-header .indicator span {
  width: 100%;
  height: 100%;
  display: block;
  background: #000000;
  clip-path: polygon(33.15% 45.23%, 43.42% 55.32%, 66.69% 31.88%, 73.3% 38.28%, 43.45% 68.12%, 26.69% 51.51%);
  transition: all 0.25s ease-in-out;
}
.extcontainer-accordion .accordion-items .accordion-item .accordion-item-content {
  display: grid;
  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;
  padding-top: 1rem;
}
.extcontainer-accordion .accordion-items .accordion-item .accordion-item-content .accordion-item-inner p:last-child {
  margin-bottom: 0;
}
.extcontainer-accordion .accordion-items .accordion-item.show {
  /* background: @1stcolor; */
  border: 4px solid #e6433b;
  z-index: 10;
  padding-bottom: 3rem;
}
.extcontainer-accordion .accordion-items .accordion-item.show * {
  /* color: #ffffff; */
}
.extcontainer-accordion .accordion-items .accordion-item.show:before {
  top: -4px;
  /* background: @1stcolor; */
  border-top: 4px solid #e6433b;
  border-bottom: 4px solid #e6433b;
}
.extcontainer-accordion .accordion-items .accordion-item.show + .accordion-item {
  padding-top: 5rem;
}
.extcontainer-accordion .accordion-items .accordion-item.show .accordion-item-header {
  border-color: #ffffff;
}
.extcontainer-accordion .accordion-items .accordion-item.show .accordion-item-header img {
  transform: scale(1.3);
}
.extcontainer-accordion .accordion-items .accordion-item.show .accordion-item-header .indicator span {
  clip-path: polygon(20.81% 44.95%, 39.89% 44.95%, 79.25% 44.95%, 79.25% 55.04%, 40.04% 55.04%, 20.76% 55.04%);
}
.extcontainer-accordion .accordion-items .accordion-item.show .accordion-item-content {
  grid-template-rows: 1fr;
}
.extcontainer-accordion .accordion-items .accordion-item.show .accordion-item-content ul li:before {
  /* background: #ffffff; */
}
.extcontainer-lamellas {
  container-type: inline-size;
  --headerWidth: 6rem;
}
.extcontainer-lamellas .inner[data-columns="3"] {
  --columnsWidthDim: calc(var(--headerWidth) * 3 + 3px);
}
.extcontainer-lamellas .inner[data-columns="4"] {
  --columnsWidthDim: calc(var(--headerWidth) * 4 + 4px);
}
.extcontainer-lamellas .inner[data-columns="5"] {
  --columnsWidthDim: calc(var(--headerWidth) * 5 + 5px);
}
.extcontainer-lamellas .inner[data-columns="6"] {
  --columnsWidthDim: calc(var(--headerWidth) * 6 + 6px);
}
.extcontainer-lamellas .inner .lamellas-items .lamellas-item {
  transition: all 0.25s;
}
.extcontainer-lamellas .inner .lamellas-items .lamellas-item .lamellas-item-header {
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.extcontainer-lamellas .inner .lamellas-items .lamellas-item .lamellas-item-header .number {
  line-height: 1.2em;
  font-size: 20px;
}
@media screen and (min-width: 640px) {
  .extcontainer-lamellas .inner .lamellas-items .lamellas-item .lamellas-item-header .number {
    font-size: 40px;
  }
}
.extcontainer-lamellas .inner .lamellas-items .lamellas-item .lamellas-item-content > .content > .inner {
  padding: 1rem 1.5rem;
}
@media screen and (max-width: 767px) {
  .extcontainer-lamellas .inner .lamellas-items .lamellas-item {
    border-bottom: 1px solid #7d6f5d;
  }
  .extcontainer-lamellas .inner .lamellas-items .lamellas-item .lamellas-item-content {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: grid-template-rows 0.5s;
  }
  .extcontainer-lamellas .inner .lamellas-items .lamellas-item .lamellas-item-content > .content {
    min-height: 0;
    transition: visibility 1s;
    visibility: hidden;
  }
  .extcontainer-lamellas .inner .lamellas-items .lamellas-item.show {
    background-color: #f5f4f2;
  }
  .extcontainer-lamellas .inner .lamellas-items .lamellas-item.show .lamellas-item-content {
    grid-template-rows: 1fr;
  }
  .extcontainer-lamellas .inner .lamellas-items .lamellas-item.show .lamellas-item-content > .content {
    visibility: visible;
  }
  .extcontainer-lamellas .inner .lamellas-items .lamellas-item.show .lamellas-item-content > .content p:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .extcontainer-lamellas .inner .lamellas-items {
    display: flex;
    align-items: stretch;
  }
  .extcontainer-lamellas .inner .lamellas-items .lamellas-item {
    display: flex;
  }
  .extcontainer-lamellas .inner .lamellas-items .lamellas-item:first-child:before {
    content: "";
    width: 1px;
    background-color: transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 9999px;
    transition: all 0.25s;
  }
  .extcontainer-lamellas .inner .lamellas-items .lamellas-item .lamellas-item-header {
    display: flex;
    flex-direction: column;
    justify-content: baseline;
    align-items: flex-end;
    transition: all 0.25s;
    width: 3rem;
  }
  .extcontainer-lamellas .inner .lamellas-items .lamellas-item .lamellas-item-header .title {
    text-orientation: mixed;
    writing-mode: tb-rl;
  }
  .extcontainer-lamellas .inner .lamellas-items .lamellas-item .lamellas-item-content {
    flex: 0 0 0px;
    width: 0;
    overflow: hidden;
    transition: all 0.25s;
    border-right: 1px solid #7d6f5d;
  }
  .extcontainer-lamellas .inner .lamellas-items .lamellas-item .lamellas-item-content > .content > .inner {
    width: calc(100cqw - var(--columnsWidthDim));
    box-sizing: border-box;
    height: auto;
    padding-block: 3rem;
  }
  .extcontainer-lamellas .inner .lamellas-items .lamellas-item:hover {
    background-color: #f5f4f2;
  }
  .extcontainer-lamellas .inner .lamellas-items .lamellas-item:hover:before {
    background-color: #f5f4f2;
  }
  .extcontainer-lamellas .inner .lamellas-items .lamellas-item.show {
    background-color: #f5f4f2;
  }
  .extcontainer-lamellas .inner .lamellas-items .lamellas-item.show .lamellas-item-content {
    flex: 1 1 calc(100cqw - var(--columnsWidthDim) );
    width: calc(100cqw - var(--columnsWidthDim) );
  }
  .extcontainer-lamellas .inner .lamellas-items .lamellas-item.show:before {
    background-color: #f5f4f2;
  }
}
.extcontainer-contentslider .swiper-pagination {
  position: relative;
  display: flex;
  gap: 0.25rem;
  bottom: unset;
  margin-top: 2rem;
}
.extcontainer-contentslider .swiper-pagination .swiper-pagination-bullet {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  justify-content: center;
  align-items: center;
  line-height: 1;
  margin: 0;
  padding: 0;
  background-color: #fff;
  border: 1px solid #e6433b;
  color: #e6433b;
  opacity: 1;
}
.extcontainer-contentslider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #e6433b;
  color: #ffffff;
}
/*# sourceMappingURL=filename.map */