@charset "UTF-8";

/* Theme Name: WP Theme - WD-Theme-24 Author: Werner Design e.U. Text Domain: wdtheme24 Theme URI: https://www.wernerdesign.at/ Description: Responsive WordPress Template Author URI: https://www.wernerdesign.at/ Version:2024 */

/* general  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
  width: 100%;
  font-size: var(--vwd--base-font-size);
}

body {
  font-size: 1rem;
  line-height: var(--vwd--line-height);
  width: 100%;
  height: 100%;
  min-width: 300px;
  min-height: 600px;
  font-smoothing: antialiased;
  font-family: var(--vwd--font-std);
  word-break: break-word;
  word-wrap: break-word;
  background: hsl(var(--vwd--col-mod-body));
  color: hsl(var(--vwd--col-mod-dark));
  overflow-x: hidden;
}

.wd--super-container {
  width: 100%;
  max-width: var(--vwd--max-width);
  min-height: 100vh;
  min-height: 100dvh;
  margin: auto;
}

.wd--max-width-content-daddy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.wd--max-width-1 {
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}

.wd--max-width-2 {
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
}

.wd--p-x {
  padding-left: var(--vwd--p-x);
  padding-right: var(--vwd--p-x);
}

.wd--p-l {
  padding-left: var(--vwd--p-x);
}

.wd--p-r {
  padding-right: var(--vwd--p-x);
}

.wd--p-x-med {
  padding-left: var(--vwd--p-x-med);
  padding-right: var(--vwd--p-x-med);
}

.wd--p-l-med {
  padding-left: var(--vwd--p-x-med);
}

.wd--p-r-med {
  padding-right: var(--vwd--p-x-med);
}

.wd--p-x-sml {
  padding-left: var(--vwd--p-x-sml);
  padding-right: var(--vwd--p-x-sml);
}

.wd--p-l-sml {
  padding-left: var(--vwd--p-x-sml);
}

.wd--p-r-sml {
  padding-right: var(--vwd--p-x-sml);
}

.wd--p-y {
  padding-top: var(--vwd--p-y);
  padding-bottom: var(--vwd--p-y);
}

.wd--p-t {
  padding-top: var(--vwd--p-y);
}

.wd--p-b {
  padding-bottom: var(--vwd--p-y);
}

.wd--p-y-med {
  padding-top: var(--vwd--p-y-med);
  padding-bottom: var(--vwd--p-y-med);
}

.wd--p-t-med {
  padding-top: var(--vwd--p-y-med);
}

.wd--p-b-med {
  padding-bottom: var(--vwd--p-y-med);
}

.wd--p-y-sml {
  padding-top: var(--vwd--p-y-sml);
  padding-bottom: var(--vwd--p-y-sml);
}

.wd--p-t-sml {
  padding-top: var(--vwd--p-y-sml);
}

.wd--p-b-sml {
  padding-bottom: var(--vwd--p-y-sml);
}

.wd--minh-100 {
  min-height: 100vh;
  min-height: 100lvh;
}
@media screen and (max-width: 1380px) {
  .wd--minh-100 {
    min-height: 0;
  }
}

.wd--center-img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.wd--std-icon-img svg,
.wd--std-icon-img img {
  width: 8rem;
  height: 8rem;
  border-radius: 100%;
}

.wd--std-icon-img svg {
  color: hsl(var(--vwd--col-mod-dark));
  fill: hsl(var(--vwd--col-mod-dark));
}
.wd--content-light .wd--std-icon-img svg {
  color: hsl(var(--vwd--col-mod-light));
  fill: hsl(var(--vwd--col-mod-light));
}

.wd--round-img svg,
.wd--round-img img,
.wd--round-img video  {
border-radius: 1000vw;
}

.wd--std-img svg,
.wd--std-img img,
.wd--std-img video {
  width: 100%;
  max-width: 8rem!important;
  height: auto;
}

.wd--portrait-maxwidth-img svg,
.wd--portrait-maxwidth-img img,
.wd--portrait-maxwidth-img video {
  max-width: 16rem !important;
}

.wd--sml-maxwidth-img svg,
.wd--sml-maxwidth-img img,
.wd--sml-maxwidth-img video {
  max-width: 6rem !important;
}

.wd--med-maxwidth-img svg,
.wd--med-maxwidth-img img,
.wd--med-maxwidth-img video {
  max-width: 12rem !important;
}

.wd--big-maxwidth-img svg,
.wd--big-maxwidth-img img,
.wd--big-maxwidth-img video {
  max-width: 40rem !important;
}
.wd--huge-maxwidth-img svg,
.wd--huge-maxwidth-img img,
.wd--huge-maxwidth-img video {
  max-width: 80rem !important;
}
.wd--max-maxwidth-img svg,
.wd--max-maxwidth-img img,
.wd--max-maxwidth-img img {
  max-width: 120rem !important;
}



@media screen and (max-width: 1380px) {

.wd--big-maxwidth-img svg,
.wd--big-maxwidth-img img,
.wd--big-maxwidth-img video {
  max-width: 20rem !important;
}
.wd--huge-maxwidth-img svg,
.wd--huge-maxwidth-img img,
.wd--huge-maxwidth-img video {
  max-width: 40rem !important;
}
.wd--max-maxwidth-img svg,
.wd--max-maxwidth-img img,
.wd--max-maxwidth-img img {
  max-width: 60rem !important;
}
}






.wd--sig {
  -webkit-mask-image: url('graphics/signatur_fake_white.png');
  mask-image: url('graphics/signatur_fake_white.png');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  display: inline-block;
  width: 210px;   /* gleiche Größe wie PNG */
  height: 69px;
}

.wd--sig.wd--sig-light {
  background-color: hsl(var(--vwd--col-mod-light)); /* deine Farbe */
}
.wd--sig.wd--sig-dark {
  background-color: hsl(var(--vwd--col-mod-dark)); /* deine Farbe */
}




.wd--img-3zu2-max {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
/* @media screen and (max-width: 1380px) {
.wd--img-3zu2-max {
background: hsla(var(--vwd--col-mod-dark),.3);
}
} */

.wd--img-3zu2-max img,
.wd--img-3zu2-max video {
  width: clamp(12rem, 100%, 100rem) !important;
  height: auto !important;
}

@media (max-width: 1380px) and (min-aspect-ratio: 3/2) {
  .wd--img-3zu2-max img,
  .wd--img-3zu2-max video {
    width: auto !important;
    height: clamp(12rem, 70vh, 100rem) !important;

  }
}


.wd--grey-out img {
		filter: grayscale(100%);
  -webkit-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  -o-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);

}
.wd--opacity-05 img {
		opacity:.5;
   -webkit-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  -o-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
}

.notouch .wd--grey-out img:hover,
.notouch .wd--opacity img:hover {
		filter: grayscale(0);
		opacity:1;
}


.wd--quote-icon {
  height: 2rem;
}
.wd--5stars-icon {
  height: 1.2rem;
}
.wd--quote-icon svg,
.wd--5stars-icon svg {
  height: 100%;
  width: auto;
  fill: var(--vwd--col-dark);
}
.wd--content-light .wd--quote-icon svg,
.wd--content-light .wd--5stars-icon svg {
  fill: var(--vwd--col-light);
}

svg.wd--flag-icon {
  width: 1.3rem;
  height: auto;
  border: 1px solid hsl(var(--vwd--col-mod-neutral-20));
}

.wd--box-404 {
  width: 100%;
  height: 100vh;
  height: 100svh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.wd--video-wrapper {
  position: relative;
}
.wd--video-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  -webkit-transform: translateY(calc(100vh - 7rem));
  -ms-transform: translateY(calc(100vh - 7rem));
  transform: translateY(calc(100vh - 7rem));
  -webkit-transform: translateY(calc(100svh - 7rem));
  -ms-transform: translateY(calc(100svh - 7rem));
  transform: translateY(calc(100svh - 7rem));
  width: 3rem;
  height: 3rem;
  background: hsla(var(--vwd--col-mod-dark), 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: left var(--vwd--trans-dur) var(--vwd--trans-tifu),
    opacity var(--vwd--trans-dur) var(--vwd--trans-tifu);
  -o-transition: left var(--vwd--trans-dur) var(--vwd--trans-tifu),
    opacity var(--vwd--trans-dur) var(--vwd--trans-tifu);
  transition: left var(--vwd--trans-dur) var(--vwd--trans-tifu),
    opacity var(--vwd--trans-dur) var(--vwd--trans-tifu);
}
.wd--affix-10 .wd--video-button {
  opacity: 0;
}
.wd--video-button span {
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0;
  border-top: 0 transparent;
  border-bottom: 0 transparent;
  border-left: 0.25rem solid hsl(var(--vwd--col-mod-light));
  border-right: 0.25rem solid hsl(var(--vwd--col-mod-light));
  -webkit-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  -o-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
}
.wd--video-button.wd--video-stopped span {
  position: absolute;
  width: 0;
  height: 0;
  margin-left: 0.25rem;
  border-top: 0.55rem solid transparent;
  border-bottom: 0.55remsolid transparent;
  border-left: 0.75rem solid hsl(var(--vwd--col-mod-light));
  border-right: 0 transparent;
}
.notouch .wd--video-button:hover {
  cursor: pointer;
}
.notouch .wd--video-button:hover span {
  scale: 1.2;
}
.notouch .wd--video-button:hover span {
  border-left-color: hsl(var(--vwd--col-mod-prime-50));
  border-right-color: hsl(var(--vwd--col-mod-prime-50));
}
.notouch .wd--video-button.wd--video-stopped:hover span {
  border-left-color: hsl(var(--vwd--col-mod-prime-50));
}

.wd--map a {
  background: hsl(var(--vwd--col-mod-light));
  mix-blend-mode: color;
  -webkit-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  -o-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
}
.wd--content-light .wd--map a {
  background: hsl(var(--vwd--col-mod-light));
  mix-blend-mode: multiply;
}
.wd--cards {
  margin-bottom: var(--vwd--p-y-med);
}
.wd--cards:last-of-type {
  margin-bottom: 0;
}
.wd--cards > div {
  -webkit-box-shadow: 0 0.25rem 1rem 0 hsla(var(--vwd--col-mod-dark), 0.2);
          box-shadow: 0 0.25rem 1rem 0 hsla(var(--vwd--col-mod-dark), 0.2);
  -webkit-transition: -webkit-box-shadow var(--vwd--trans-dur) var(--vwd--trans-tifu);
  transition: -webkit-box-shadow var(--vwd--trans-dur) var(--vwd--trans-tifu);
  -o-transition: box-shadow var(--vwd--trans-dur) var(--vwd--trans-tifu);
  transition: box-shadow var(--vwd--trans-dur) var(--vwd--trans-tifu);
  transition: box-shadow var(--vwd--trans-dur) var(--vwd--trans-tifu), -webkit-box-shadow var(--vwd--trans-dur) var(--vwd--trans-tifu);
  border: solid 1px hsla(var(--vwd--col-mod-dark), 0.3);
  margin-bottom: var(--vwd--p-y-med) !important;
}
.wd--cards > div:hover {
  -webkit-box-shadow: 0 0.5rem 2rem 0 hsla(var(--vwd--col-mod-dark), 0.3);
          box-shadow: 0 0.5rem 2rem 0 hsla(var(--vwd--col-mod-dark), 0.3);
}

@media screen and (max-width: 1380px) {
  .wd--cards {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .wd--cards > div {
    width: 33.3333% !important;
    width: calc(33.3333% - (0.66667 * 30px)) !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 992px) {
  .wd--cards {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .wd--cards > div {
    width: 100% !important;
  }
}





@media screen and (max-width: 1380px) {
  .wd--remove-under-break {
    display: none !important;

  }

}
@media screen and (min-width: 1380px) {
    .wd--remove-over-break {
    display: none !important;

  }


}
/* /general  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
/* icons  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

.notouch
  :where(h1, h2, h3, h4, h5, h6, p, option, ul, li, span):not(
    .wd--no-hov-color,
    .wd--no-hov-color :where(h1, h2, h3, h4, h5, h6, p, option, ul, li, span)
  )
  a:hover
  svg {
  fill: hsl(var(--vwd--col-mod-prime-50));
}

.wd--icon {
  display: inline-block;
  width: var(--vwd--line-rem);
}

.wd--icon svg {
  height: auto;
  vertical-align: baseline;
  margin-bottom: -0.125rem;
  scale: 1.1 1.1;
  fill: hsl(var(--vwd--col-mod-dark));

  -webkit-transition: none;
  -o-transition:  none;
  transition: none;
  
}
.wd--css-loading-delay .wd--icon svg {
  -webkit-transition: fill var(--vwd--trans-dur) var(--vwd--trans-tifu),
    scale var(--vwd--trans-dur) var(--vwd--trans-tifu);
  -o-transition: fill var(--vwd--trans-dur) var(--vwd--trans-tifu),
    scale var(--vwd--trans-dur) var(--vwd--trans-tifu);
  transition: fill var(--vwd--trans-dur) var(--vwd--trans-tifu),
    scale var(--vwd--trans-dur) var(--vwd--trans-tifu);

}


.wd--content-light .wd--icon svg,
.wd--light-header-content
  :where(
    .wd--container-nav-side-contact,
    .wd--header-bg,
    .wd--container-nav-main,
    .wd--container-main-btn
  )
  .wd--icon
  svg {
  fill: hsl(var(--vwd--col-mod-light));
}

.notouch a:hover .wd--icon svg {
  scale: 1.3;
}

.wd--icon svg {
  width: var(--vwd--font-base);
}

.wd--p-med .wd--icon svg {
  width: calc(var(--vwd--font-base) * 1.2);
}

.wd--p-big .wd--icon svg {
  width: calc(var(--vwd--font-base) * 1.5);
}

.wd--icon .wd--menu-icon-ring {
  opacity: 0;
  -webkit-transition: opacity var(--vwd--trans-dur) var(--vwd--trans-tifu);
  -o-transition: opacity var(--vwd--trans-dur) var(--vwd--trans-tifu);
  transition: opacity var(--vwd--trans-dur) var(--vwd--trans-tifu);
}

.wd--icon .wd--menu-icon-lines {
  opacity: 1;
  -webkit-transition: opacity var(--vwd--trans-dur) var(--vwd--trans-tifu);
  -o-transition: opacity var(--vwd--trans-dur) var(--vwd--trans-tifu);
  transition: opacity var(--vwd--trans-dur) var(--vwd--trans-tifu);
}

/* /icons  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
/* list  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
.wd--list-dot li,
.wd--list-square li,
.wd--list-check li {
  list-style: none;
  margin-bottom: 0;
  padding-left: var(--vwd--line-rem);
}

:where(.wd--list-dot, .wd--list-square, .wd--list-check) li::before {
  color: hsl(var(--vwd--col-mod-dark));
  font-family: var(--vwd--font-bold);
  display: inline-block;
  width: var(--vwd--line-rem);
  margin-left: calc(var(--vwd--line-rem) * -1);
}

.wd--content-light
  :where(.wd--list-dot, .wd--list-square, .wd--list-check)
  li::before,
:where(
    .wd--list-dot.wd--content-light,
    .wd--list-square.wd--content-light,
    .wd--list-check.wd--content-light
  )
  li::before {
  color: hsl(var(--vwd--col-mod-light));
}

.wd--list-dot li:before {
  content: "\25CF";
}

.wd--list-square li:before {
  content: "\25A0";
}

.wd--list-check li::before {
  content: "\2713";
}

.wd--list-dot li ul li,
.wd--list-square li ul li,
.wd--list-check li ul li {
  padding-left: var(--vwd--line-rem);
}

.wd--list-dot li ul li:before,
.wd--list-square li ul li:before,
.wd--list-check li ul li:before {
  content: "\25B8";
}

/* /list  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
/* button  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

.wd--btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
  row-gap: calc(var(--vwd--line-rem) * 0.5);
}
.wd--btn-box > div:not(.wd--btn-jumper-box) {
  display: inline-block;
}

.wd--btn-box.wd--btn-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wd--btn-box.wd--btn-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.wd--btn-box.wd--btn-right-left {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wd--btn {
  position: relative;
  font-family: var(--vwd--font-menu);
  text-transform: uppercase;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 16rem;
  padding: 0.5rem 1rem;
  border-radius: 20rem;
  color: var(--vwd--col-light);
  background: var(--vwd--col-dark);
  border: 1px solid var(--vwd--col-dark);
  -webkit-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  -o-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
}

.wd--content-light .wd--btn {
  background: var(--vwd--col-light);
  border: 1px solid var(--vwd--col-light);
  color: var(--vwd--col-dark);
}

.wd--btn-secondary .wd--btn {
  color: var(--vwd--col-dark);
  border: 1px solid var(--vwd--col-dark);
  background: none;
}

.wd--content-light .wd--btn-secondary .wd--btn {
  color: var(--vwd--col-light);
  border: 1px solid var(--vwd--col-light);
  background: none;
}

.wd--p-med > .wd--btn {
  min-width: 19rem;
}
.wd--p-big > .wd--btn {
  min-width: 22rem;
}
.wd--p-sml > .wd--btn {
  min-width: 12rem;
}

.notouch .wd--btn.wd--active {
  background: var(--vwd--col-prime-50);
  border: 1px solid var(--vwd--col-prime-50);
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  color: var(--vwd--col-dark);
}

.wd--btn-jumper-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  row-gap: calc(var(--vwd--line-rem) * 0.5);
}

.wd--btn-section-jumper .wd--btn {
  padding: 0;
  min-width: 0 !important;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wd--btn-section-jumper .wd--btn span {
  width: 0;
  height: 0;
  /* JS setzt die Border-Werte dynamisch */
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
  border-top: 0 solid var(--vwd--col-dark);
  border-bottom: 0 solid var(--vwd--col-dark);
  -webkit-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  -o-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
}

.wd--btn-section-jumper.wd--btn-jump-down .wd--btn span {
-webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
        transform: translateY(10%);
  border-bottom-width: 0;
  border-bottom-color: transparent;
  border-top: 0 solid var(--vwd--col-dark);
}
.wd--btn-section-jumper.wd--btn-jump-up .wd--btn span {
-webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
        transform: translateY(-10%);
  border-top-width: 0;
  border-top-color: transparent;
  border-bottom: 0 solid var(--vwd--col-dark);
}
.wd--btn-section-jumper.wd--btn-jump-down:not(.wd--btn-jump-start) .wd--btn span {
-webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
        transform: translateY(-1px);
}
.wd--btn-section-jumper.wd--btn-jump-up:not(.wd--btn-jump-start) .wd--btn span {
-webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
        transform: translateY(1px);
}



.wd--content-light .wd--btn-section-jumper.wd--btn-jump-down .wd--btn span {
  border-top-color: var(--vwd--col-light);
}
.wd--content-light .wd--btn-section-jumper.wd--btn-jump-up .wd--btn span {
  border-bottom-color: var(--vwd--col-light);
}

.wd--content-light
  .wd--btn-section-jumper.wd--btn-jump-down
  .wd--btn.wd--active
  span {
  border-top-color: var(--vwd--col-dark);
}
.wd--content-light
  .wd--btn-section-jumper.wd--btn-jump-up
  .wd--btn.wd--active
  span {
  border-bottom-color: var(--vwd--col-dark);
}


.wd--btn-section-jumper:not(.wd--btn-jump-start) .wd--btn span:after {
  content: '';
  width: calc(var(--vwd--line-rem)*.6);
  height: 1px;
  position: absolute;
  background: var(--vwd--col-dark);
    -webkit-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
    -o-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
    transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
}

.wd--content-light .wd--btn-section-jumper .wd--btn span:after {
  background: var(--vwd--col-light);
}

.wd--btn-jump-up:not(.wd--btn-jump-start) .wd--btn span:after {

  -webkit-transform: translate(-50%, -2px);

      -ms-transform: translate(-50%, -2px);

          transform: translate(-50%, -2px);

}

.wd--btn-jump-down:not(.wd--btn-jump-start) .wd--btn span:after {

  -webkit-transform: translate(-50%, calc(100% + 1px));

      -ms-transform: translate(-50%, calc(100% + 1px));

          transform: translate(-50%, calc(100% + 1px));
}





.wd--content-light .wd--btn-section-jumper:not(.wd--btn-jump-start) .wd--btn.wd--active span:after {
  background: var(--vwd--col-dark);
}
/* /button OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
/* CFF  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

.cff-form .fields {
  margin: calc(var(--vwd--line-rem) * 0.5) 0 0 0 !important;
  padding: 0 !important;
}
.cff-form .fields:first-of-type {
  margin: 0 !important;
  padding: 0 !important;
}
.cff-form .fields textarea,
.cff-form .fields input {
  padding: calc(var(--vwd--line-rem) * 0.5) !important;
  color: hsl(var(--vwd--col-mod-dark));
  border: solid 1px hsla(var(--vwd--col-mod-dark), 0.2) !important;
  background: hsla(var(--vwd--col-mod-light), 0.2) !important;
}
.wd--content-light .cff-form .fields textarea,
.wd--content-light .cff-form .fields input {
  color: hsl(var(--vwd--col-mod-light));
  border: solid 1px hsla(var(--vwd--col-mod-light), 0.2) !important;
  background: hsla(var(--vwd--col-mod-dark), 0.2) !important;
}


@media screen and (max-width: 1380px) {
.wd---cff--form-button {
text-align: center!important;
}
}





.wd---cff--form-button.fields input {
  position: relative;
  font-family: var(--vwd--font-menu);
  text-transform: uppercase;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 16rem;
  padding: 0.5rem 1rem !important;
  border-radius: 20rem;

  -webkit-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  -o-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);

  margin: calc(var(--vwd--line-rem) * 0.5) 0 0 0 !important;
  text-align: center;

  background: var(--vwd--col-dark) !important;
  border: 1px solid var(--vwd--col-dark) !important;
  color: var(--vwd--col-light) !important;
}

.wd--content-light .wd---cff--form-button.fields input {
  background: var(--vwd--col-light) !important;
  border: 1px solid var(--vwd--col-light) !important;
  color: var(--vwd--col-dark) !important;
}

.wd---cff--form-button.fields input:hover {
  background: var(--vwd--col-prime-50) !important;
  border: 1px solid var(--vwd--col-prime-50) !important;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  color: var(--vwd--col-dark) !important;
  cursor: pointer;
}

/* /CFF  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

/* section animation  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

.wd--init-in-element,
.wd--view-target-01,
.wd--view-target-02,
.wd--view-target-03 {
  -webkit-transition: scale 0.9s ease-out,
    opacity 0.9s ease-out, -webkit-transform 0.9s ease-out, -webkit-filter 0.9s ease-out;
  transition: scale 0.9s ease-out,
    opacity 0.9s ease-out, -webkit-transform 0.9s ease-out, -webkit-filter 0.9s ease-out;
  -o-transition: transform 0.9s ease-out, scale 0.9s ease-out,
    opacity 0.9s ease-out, filter 0.9s ease-out;
  transition: transform 0.9s ease-out, scale 0.9s ease-out,
    opacity 0.9s ease-out, filter 0.9s ease-out;
  transition: transform 0.9s ease-out, scale 0.9s ease-out,
    opacity 0.9s ease-out, filter 0.9s ease-out, -webkit-transform 0.9s ease-out, -webkit-filter 0.9s ease-out;
}

.wd--slide-in-left {
  -webkit-transform: translateX(calc(var(--vwd--slide-in-base) * -1));
  -ms-transform: translateX(calc(var(--vwd--slide-in-base) * -1));
  transform: translateX(calc(var(--vwd--slide-in-base) * -1));
}

.wd--slide-in-right {
  -webkit-transform: translateX(var(--vwd--slide-in-base));
  -ms-transform: translateX(var(--vwd--slide-in-base));
  transform: translateX(var(--vwd--slide-in-base));
}

.wd--slide-in-bottom {
  -webkit-transform: translateY(calc(var(--vwd--slide-in-base)));
  -ms-transform: translateY(calc(var(--vwd--slide-in-base)));
  transform: translateY(calc(var(--vwd--slide-in-base)));
}

.wd--slide-in-top {
  -webkit-transform: translateY(calc(var(--vwd--slide-in-base) * -1));
  -ms-transform: translateY(calc(var(--vwd--slide-in-base) * -1));
  transform: translateY(calc(var(--vwd--slide-in-base) * -1));
}

.wd--slide-in-element.wd--in-view,
.wd--slide-in-element.wd--page-loaded {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.wd--scale-in-element {
  scale: 0.5;
}

.wd--scale-in-element.wd--in-view,
.wd--scale-in-element.wd--page-loaded {
  scale: 1;
}
.wd--fade-in-element {
  opacity: 0;
}

.wd--fade-in-element.wd--in-view,
.wd--fade-in-element.wd--page-loaded {
  opacity: 1;
}

.wd--blur-in-element {
  -webkit-filter: blur(0.75rem);
          filter: blur(0.75rem);
}

.wd--blur-in-element.wd--in-view,
.wd--blur-in-element.wd--page-loaded {
  -webkit-filter: blur(0);
          filter: blur(0);
}

.wd--dly-01 {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.wd--dly-02 {
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.wd--dly-03 {
  -webkit-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

.wd--dly-04 {
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

.wd--dly-05 {
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

/* /section animation OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
/* onscroll active animation OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
.wd--onscroll-anim,
.wd--onscroll-anim-target {
  will-change: transform;
}

.wd--onscroll-anim-helper {
  position: absolute;
  top: 0;
}

/* /onscroll active animation OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
/* serp-thumbnail  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
.wd--container-serp-thumbnail {
  position: absolute;
  left: -768px;
  top: 110vh;
  top: 110svh;
  z-index: -1;
  width: 512px;
  height: 512px;
}

.wd--container-serp-thumbnail img {
  width: 100%;
  height: auto;
}

/* /serp-thumbnail  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
/* header button  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
.wd--container-main-btn {
  position: fixed;
  z-index: 12;
  height: 0;
  width: 100%;
  top: 0;
  max-width: var(--vwd--max-width);
}

.wd--main-btn {
  position: absolute;
  top: 1rem;
  height: 2rem;
  width: 2rem;
  right: var(--vwd--p-x);
  scale: 1;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.wd--css-loading-delay .wd--main-btn {
  -webkit-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  -o-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
}

@media screen and (min-width: 1380px) {
  .notouch .wd--main-btn {
    top: 1.5rem;
    height: 3rem;
    width: 3rem;
    right: var(--vwd--p-x);
  }

  .notouch.wd--affix-10 .wd--main-btn {
    right: var(--vwd--p-x);
    top: 1rem;
    height: 2rem;
    width: 2rem;
  }

  .notouch.wd--affix-10.wd--main-btn-unclicked .wd--main-btn {
    right: 1.5rem;
  }
}

.wd--main-btn::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: var(--vwd--trans-prop) 1s var(--vwd--trans-tifu);
  -o-transition: var(--vwd--trans-prop) 1s var(--vwd--trans-tifu);
  transition: var(--vwd--trans-prop) 1s var(--vwd--trans-tifu);
  border-radius: 60px;
  opacity: 0;
  background: hsl(var(--vwd--col-mod-light));
}

.wd--light-header-content .wd--main-btn::before {
  -webkit-transition: var(--vwd--trans-prop) 1s var(--vwd--trans-tifu);
  -o-transition: var(--vwd--trans-prop) 1s var(--vwd--trans-tifu);
  transition: var(--vwd--trans-prop) 1s var(--vwd--trans-tifu);
  background: hsl(var(--vwd--col-mod-dark));
}

.wd--affix-10 .wd--main-btn::before {
  width: 3rem;
  height: 3rem;
  opacity: 1;
}

.wd--semi-header.wd--affix-10:not(.wd--main-btn-unclicked)
  .wd--main-btn::before,
.wd--semi-header.wd--affix-10.wd--light-header-content:not(
    .wd--main-btn-unclicked
  )
  .wd--main-btn::before,
.wd--solid-header.wd--affix-10:not(.wd--main-btn-unclicked)
  .wd--main-btn::before,
.wd--solid-header.wd--affix-10.wd--light-header-content:not(
    .wd--main-btn-unclicked
  )
  .wd--main-btn::before,
.wd--gradiant-header.wd--affix-10:not(.wd--main-btn-unclicked)
  .wd--main-btn::before,
.wd--gradiant-header.wd--affix-10.wd--light-header-content:not(
    .wd--main-btn-unclicked
  )
  .wd--main-btn::before {
  display: none;
}

.notouch .wd--main-btn:hover {
  cursor: pointer;
  scale: 1.2;
}

.wd--main-btn .wd--icon {
  width: 100%;
  height: 100%;
  position: absolute;
-webkit-transition: none;
-o-transition: none;
transition: none;
}

.wd--css-loading-delay .wd--main-btn .wd--icon {
  -webkit-transition: -webkit-transform var(--vwd--trans-dur) var(--vwd--trans-tifu);
  transition: -webkit-transform var(--vwd--trans-dur) var(--vwd--trans-tifu);
  -o-transition: transform var(--vwd--trans-dur) var(--vwd--trans-tifu);
  transition: transform var(--vwd--trans-dur) var(--vwd--trans-tifu);
  transition: transform var(--vwd--trans-dur) var(--vwd--trans-tifu), -webkit-transform var(--vwd--trans-dur) var(--vwd--trans-tifu);
}




.wd--main-btn .wd--icon svg {
  width: 100%;
  height: 100%;
  fill: hsl(var(--vwd--col-mod-dark));
}

.wd--light-header-content .wd--main-btn .wd--icon svg {
  fill: hsl(var(--vwd--col-mod-light));
}

.notouch .wd--main-btn:hover .wd--icon svg {
  fill: hsl(var(--vwd--col-mod-prime-50));
}

.wd--main-btn .wd--icon {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

:where(.wd--main-btn-clicked, .wd--main-btn-hovered, .wd--main-nav-hovered)
  .wd--main-btn
  .wd--icon {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.wd--main-btn .wd--btn-bulletbox {
  opacity: 0;
}

:where(
    .wd--main-btn-hovered,
    .wd--main-nav-hovered:not(.wd--main-btn-clicked.wd--main-nav-hovered)
  )
  .wd--main-btn
  .wd--btn-bulletbox {
  opacity: 0.6;
  display: block;
}

/* /header button OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

/* side contact  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
.wd--container-nav-side-contact {
  position: fixed;
  z-index: 11;
  width: auto;
  top: 7rem;
  max-width: var(--vwd--max-width);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transform: translate(calc(-100% - 1px), 0);
  -ms-transform: translate(calc(-100% - 1px), 0);
  transform: translate(calc(-100% - 1px), 0);
  opacity: 1;
  -webkit-transition: opacity var(--vwd--trans-dur) var(--vwd--trans-tifu);
  -o-transition: opacity var(--vwd--trans-dur) var(--vwd--trans-tifu);
  transition: opacity var(--vwd--trans-dur) var(--vwd--trans-tifu);
}

.wd--container-nav-side-contact::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: hsl(var(--vwd--col-mod-body));
}

.touch.wd--main-btn-clicked .wd--container-nav-side-contact {
  opacity: 0;
}
@media screen and (max-width: 1380px) {
  .wd--main-btn-clicked .wd--container-nav-side-contact {
    opacity: 0;
  }
}

.wd--nav-side-contact li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: .25rem;
}

.wd--nav-side-contact li a {
  -webkit-transform: translate(4rem, 0);
      -ms-transform: translate(4rem, 0);
          transform: translate(4rem, 0);
  background: hsla(var(--vwd--col-mod-light), 0.3);
  -webkit-transition: background-color var(--vwd--trans-dur)
      var(--vwd--trans-tifu),
    -webkit-transform var(--vwd--trans-dur) var(--vwd--trans-tifu);
  transition: background-color var(--vwd--trans-dur) var(--vwd--trans-tifu),
    -webkit-transform var(--vwd--trans-dur) var(--vwd--trans-tifu);
  -o-transition: background-color var(--vwd--trans-dur) var(--vwd--trans-tifu),
    transform var(--vwd--trans-dur) var(--vwd--trans-tifu);
  -webkit-transition: background-color var(--vwd--trans-dur)
      var(--vwd--trans-tifu),
    -webkit-transform var(--vwd--trans-dur) var(--vwd--trans-tifu);
  -webkit-transition: background-color var(--vwd--trans-dur) var(--vwd--trans-tifu),
    -webkit-transform var(--vwd--trans-dur) var(--vwd--trans-tifu);
  transition: background-color var(--vwd--trans-dur) var(--vwd--trans-tifu),
    transform var(--vwd--trans-dur) var(--vwd--trans-tifu);
  transition: background-color var(--vwd--trans-dur) var(--vwd--trans-tifu),
    transform var(--vwd--trans-dur) var(--vwd--trans-tifu),
    -webkit-transform var(--vwd--trans-dur) var(--vwd--trans-tifu);
}

.wd--light-header-content .wd--nav-side-contact li a {
  background: hsla(var(--vwd--col-mod-dark), 0.3);
}

.notouch .wd--nav-side-contact li:hover a {
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  background: hsl(var(--vwd--col-mod-light));
  -webkit-box-shadow: 0 0 0.75rem 0 hsla(var(--vwd--col-mod-dark), 0.2);
          box-shadow: 0 0 0.75rem 0 hsla(var(--vwd--col-mod-dark), 0.2);
}

.notouch.wd--light-header-content .wd--nav-side-contact li:hover a {
  background: hsl(var(--vwd--col-mod-dark));
}

.wd--nav-side-contact li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wd--nav-side-contact .wd--nav-side-contact-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: normal;
}

.wd--nav-side-contact .wd--nav-side-contact-text {
  line-height: normal;
  padding: 0 0.125rem 0 calc(var(--vwd--nav-main-pad) * 2);
}

.wd--nav-side-contact .wd--icon {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.wd--nav-side-contact .wd--icon svg {
  margin: 0;
}

/* /side contact  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

/* footerbereich OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

.wd--footer-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-grid-column-align: center;
      justify-self: center;
}

.wd--footer-logo svg {
  width: 100%;
  max-width: 16rem;
  height: auto;
}

.wd--footer-logo svg .wd--logo-col-1 {
  fill: var(--vwd--col-dark);
  -webkit-transition: fill var(--vwd--trans-dur) var(--vwd--trans-tifu);
  -o-transition: fill var(--vwd--trans-dur) var(--vwd--trans-tifu);
  transition: fill var(--vwd--trans-dur) var(--vwd--trans-tifu);
}

.wd--content-light .wd--footer-logo svg .wd--logo-col-1 {
  fill: var(--vwd--col-light);
}
.notouch .wd--footer-logo:hover svg .wd--logo-col-1 {
  fill: var(--vwd--col-prime-50);
}

.wd--footer-menu {
  font-family: var(--vwd--font-menu);
  font-size: calc((var(--vwd--p-size-set)) * 0.8);
  text-transform: uppercase;
}

.wd--footer-menu ul {
  text-align: center;
}

.wd--footer-menu li {
  line-height: var(--vwd--line-rem);
  display: inline;
  padding: 0 var(--vwd--nav-main-pad) 0 var(--vwd--nav-main-pad);
}

.wd--footer-menu li.current_page_item {
  width: 0;
  display: none;
}

/* /footerbereich OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

/* chuncks and plugin SO widget carousel slides OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
.wd--carousel-slider {
  width: 100%;
  text-align: center;
  padding-left: calc(
    var(--vwd--p-x) - var(--vwd--p-x-med)
  ) !important; /* distance x - 1x carousel item padding */
  padding-right: calc(
    var(--vwd--p-x) - var(--vwd--p-x-med)
  ) !important; /* distance x - 1x carousel item padding */
}

.wd--carousel-slider .sow-carousel-container {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.wd--carousel-slider .sow-carousel-navigation {
  position: relative;
  z-index: 1;
  min-width: 0 !important;
  width: auto !important;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.wd--carousel-slider .sow-carousel-navigation.sow-carousel-navigation-prev {
  -webkit-transform: translate(200%, 0.75rem) !important;
  -ms-transform: translate(200%, 0.75rem) !important;
  transform: translate(200%, 0.75rem) !important;
}

.wd--carousel-slider .sow-carousel-navigation.sow-carousel-navigation-next {
  -webkit-transform: translate(-200%, 0.75rem) !important;
  -ms-transform: translate(-200%, 0.75rem) !important;
  transform: translate(-200%, 0.75rem) !important;
}

.wd--carousel-slider .slick-dots li button::before {
  color: hsla(var(--vwd--col-mod-dark), 0.5) !important;
  -webkit-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  -o-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
}

.wd--carousel-slider .slick-dots li.slick-active button::before {
  color: hsla(var(--vwd--col-mod-dark), 1) !important;
}

.wd--content-light.wd--carousel-slider .slick-dots li button::before,
.wd--content-light .wd--carousel-slider .slick-dots li button::before {
  color: hsla(var(--vwd--col-mod-light), 0.5) !important;
}
.wd--content-light .wd--carousel-slider
  .slick-dots
  li.slick-active
  button::before,
.wd--content-light.wd--carousel-slider
  .slick-dots
  li.slick-active
  button::before {
  color: hsla(var(--vwd--col-mod-light), 1) !important;
}

.wd--carousel-slider .slick-dots li button:hover::before {
  color: hsl(var(--vwd--col-mod-prime-50)) !important;
}

.wd--carousel-slide,
.wd--carousel-slider .sow-carousel-item {
  padding: 0 var(--vwd--p-x-med) 0 var(--vwd--p-x-med) !important;
}

.wd--chunk,
.wd--carousel-slide,
.wd--carousel-slider .sow-carousel-item {
  width: 100%;
  text-align: center;
}

.wd--carousel-slider .slick-dots li button {
  margin-left: 0.375rem !important;
  margin-right: 0.375rem !important;
}

.wd--carousel-slider .slick-dots li button::before {
  margin-left: 0.375rem !important;
  margin-right: 0.375rem !important;
}

.wd--carousel-slider .sow-carousel-container a.sow-carousel-previous,
.wd--carousel-slider .sow-carousel-container a.sow-carousel-next {
  border: none !important;
  color: hsla(var(--vwd--col-mod-dark), 1) !important;
  opacity: 0.5 !important;
  -webkit-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu) !important;
  -o-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu) !important;
  transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu) !important;
  width: auto !important;
  font-size: calc((var(--vwd--p-size-set)) * 1.5) !important;
}
.wd--content-light.wd--carousel-slider
  .sow-carousel-container
  a.sow-carousel-previous,
.wd--content-light.wd--carousel-slider
  .sow-carousel-container
  a.sow-carousel-next {
  color: hsla(var(--vwd--col-mod-light), 1) !important;
}
.wd--carousel-slider .sow-carousel-container a.sow-carousel-previous:hover,
.wd--carousel-slider .sow-carousel-container a.sow-carousel-next:hover {
  color: hsla(var(--vwd--col-mod-prime-50), 1) !important;
  opacity: 1 !important;
}





/* /chuncks and plugin SO widget carousel slides OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
/* image slider OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
.wd--image-slider {
  position: relative !important;
  z-index: 1 !important;
}

.wd--image-slider.wd--image-3zu2 .sow-slider-images li {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

/* @media screen and (max-width: 1380px) {
.wd--image-slider.wd--image-3zu2 .sow-slider-images li {
background: hsla(var(--vwd--col-mod-dark),.3);
}
} */

.wd--image-slider.wd--image-3zu2 .sow-slider-images img {
  width: clamp(12rem, 100%, 100rem) !important;
  height: auto !important;

}

@media (max-width: 1380px) and (min-aspect-ratio: 3/2) {
  .wd--image-slider.wd--image-3zu2 .sow-slider-images img {
    width: auto !important;
    height: clamp(12rem, 70vh, 100rem) !important;

  }
}

.wd--image-slider .sow-slide-nav-prev a,
.wd--image-slider .sow-slide-nav-next a {
  color: hsla(var(--vwd--col-mod-light), 1) !important;
  opacity: 0.5 !important;
  -webkit-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu) !important;
  -o-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu) !important;
  transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu) !important;
  width: auto !important;
  font-size: calc((var(--vwd--p-size-set)) * 1.5) !important;
}

.wd--image-slider .sow-slide-nav-prev:hover a,
.wd--image-slider .sow-slide-nav-next:hover a {
  color: hsla(var(--vwd--col-mod-prime-50), 1) !important;
  opacity: 1 !important;
}

.wd--image-slider.wd--image-slider-no-arrows .sow-slide-nav-prev,
.wd--image-slider.wd--image-slider-no-arrows .sow-slide-nav-next {
  display: none !important;
}
.wd--image-slider.wd--image-slider-no-dots .sow-slider-pagination {
  display: none !important;
}

/* SO post list OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

.wd--post-list .sow-recent-posts-item-inner {
  background: hsl(var(--vwd--col-mod-neutral-5)) !important;
  padding: 1rem !important;
  width: 100% !important;
}

.wd--content-light .wd--post-list .sow-recent-posts-item-inner {
  background: hsl(var(--vwd--col-mod-neutral-95)) !important;
}

.wd--spec-newsbox.wd--post-list .sow-recent-posts-item-inner {
  background: hsla(var(--vwd--col-mod-dark), 0.8) !important;
}

.wd--post-list :where(p) {
  line-height: var(--vwd--line-height) !important;
}

.wd--post-list :where(h2, h3, h4) {
  line-height: var(--vwd--line-height-sml) !important;
}

.wd--post-list
  :where(
    p.sow-recent-posts-title,
    h2.sow-recent-posts-title,
    h3.sow-recent-posts-title,
    h4.sow-recent-posts-title
  ) {
  font-family: var(--vwd--font-headlines) !important;
  font-size: calc((var(--vwd--p-size-set)) * 1.5) !important;
}

.wd--post-list.wd--post-list-sml
  :where(
    p.sow-recent-posts-title,
    h2.sow-recent-posts-title,
    h3.sow-recent-posts-title,
    h4.sow-recent-posts-title
  ) {
  font-size: calc((var(--vwd--p-size-set)) * 1.5) !important;
}

.wd--post-list .sow-recent-posts-date {
  font-family: var(--vwd--font-italic) !important;
  font-size: calc((var(--vwd--p-size-set)) * 0.8) !important;
  margin: 0 !important;
  margin-bottom: calc(var(--vwd--line-rem) * 0.5) !important;
}

.wd--post-list .sow-recent-posts-excerpt {
  font-family: var(--vwd--font-std) !important;
  font-size: var(--vwd--p-size-set) !important;
  margin-bottom: calc(var(--vwd--line-rem) * 0.5) !important;
}

.wd--post-list .sow-recent-posts-read-more {
  font-family: var(--vwd--font-button) !important;
  font-size: var(--vwd--p-size-set) !important;
  text-transform: uppercase !important;
}

.wd--post-list.wd--post-list-sml .sow-recent-posts-excerpt {
  font-size: calc((var(--vwd--p-size-set)) * 0.8) !important;
}

.wd--post-list.wd--post-list-sml .sow-recent-posts-read-more {
  font-size: calc((var(--vwd--p-size-set)) * 0.8) !important;
}

/* / SO post list OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

/* siteorigin contact form OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

/* 
 */

/* /siteorigin contact form OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

/* WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW  */
/* WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW  */
/* sd seitenspezifische designs  */
/* WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW  */
/* WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW  */

/* hero img  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

@media screen and (min-width: 1380px) {
  .notouch .wd--section {
    position: relative;
    z-index: 1;
  }

  .notouch .wdsd--hero-area .panel-background-overlay {
    position: fixed;
  }
}

.wdsd--hero-sub-pages,
.wdsd--hero-sub-pages-content,
.wdsd--hero-sub-pages-img-container {
  width: 100vw !important;
  height: 33vw !important;
  max-width: var(--vwd--max-width) !important;
  max-height: calc(var(--vwd--max-width) * 0.3) !important;
}

@media (min-aspect-ratio: 2.5/1) {
  .wdsd--hero-sub-pages,
  .wdsd--hero-sub-pages-content,
  .wdsd--hero-sub-pages-img-container {
    height: 20vw !important;
    max-height: calc(var(--vwd--max-width) * 0.25) !important;
  }
}

@media (max-aspect-ratio: 1.5/1) {
  .wdsd--hero-sub-pages,
  .wdsd--hero-sub-pages-content,
  .wdsd--hero-sub-pages-img-container {
    height: 40vw !important;
    max-height: calc(var(--vwd--max-width) * 0.4) !important;
  }
}

@media (max-aspect-ratio: 1/1) {
  .wdsd--hero-sub-pages,
  .wdsd--hero-sub-pages-content,
  .wdsd--hero-sub-pages-img-container {
    height: 66vw !important;
    max-height: calc(var(--vwd--max-width) * 0.66) !important;
  }
}

@media (max-aspect-ratio: 0.66/1) {
  .wdsd--hero-sub-pages,
  .wdsd--hero-sub-pages-content,
  .wdsd--hero-sub-pages-img-container {
    height: 125vw !important;
    max-height: var(--vwd--max-width) !important;
  }
}

.wdsd--hero-main-pages-content {
  padding: var(--vwd--p-y-med) var(--vwd--p-x) var(--vwd--p-y-med)
    var(--vwd--p-x);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.wdsd--hero-sub-pages-content {
  padding: var(--vwd--p-y-med) var(--vwd--p-x) var(--vwd--p-y-med)
    var(--vwd--p-x);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: -o-linear-gradient(
    left,
    hsla(var(--vwd--col-mod-light), 0.4) 20%,
    hsla(var(--vwd--col-mod-light), 0) 60%
  );
  background: -webkit-gradient(
    linear,
    left top, right top,
    color-stop(20%, hsla(var(--vwd--col-mod-light), 0.4)),
    color-stop(60%, hsla(var(--vwd--col-mod-light), 0))
  );
  background: linear-gradient(
    to right,
    hsla(var(--vwd--col-mod-light), 0.4) 20%,
    hsla(var(--vwd--col-mod-light), 0) 60%
  );
}

.wd--solid-header .wdsd--hero-sub-pages-content {
  padding: var(--vwd--p-y-med) var(--vwd--p-x) 0 var(--vwd--p-x);
}

.wd--content-light .wdsd--hero-sub-pages-content {
  background: -o-linear-gradient(
    left,
    hsla(var(--vwd--col-mod-dark), 0.4) 20%,
    hsla(var(--vwd--col-mod-dark), 0) 60%
  );
  background: -webkit-gradient(
    linear,
    left top, right top,
    color-stop(20%, hsla(var(--vwd--col-mod-dark), 0.4)),
    color-stop(60%, hsla(var(--vwd--col-mod-dark), 0))
  );
  background: linear-gradient(
    to right,
    hsla(var(--vwd--col-mod-dark), 0.4) 20%,
    hsla(var(--vwd--col-mod-dark), 0) 60%
  );
}

.wdsd--hero-main-pages-img-container,
.wdsd--hero-sub-pages-img-container {
  top: 0;
  z-index: -1;
  position: absolute;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.notouch .wdsd--hero-main-pages-img-container,
.notouch .wdsd--hero-sub-pages-img-container {
  position: fixed;
}

.wdsd--hero-main-pages-img-container img,
.wdsd--hero-sub-pages-img-container img {
  z-index: -1;
  position: absolute;
  height: 100%;
  width: auto;
  max-width: none !important;
  max-height: none !important;
}

.wdsd--hero-main-pages-img-container.wd--o25to10 img,
.wdsd--hero-sub-pages-img-container.wd--o25to10 img {
  width: 100%;
  height: auto;
}

.wdsd--hero-main-pages-img-container video,
.wdsd--hero-sub-pages-img-container video {
  z-index: -1;
  position: absolute;
  height: 100% !important;
  width: auto !important;
  max-width: none !important;
  max-height: none !important;
}

.wdsd--hero-main-pages-img-container.wd--o25to10 video,
.wdsd--hero-sub-pages-img-container.wd--o25to10 video {
  width: 100% !important;
  height: auto !important;
}

.wdsd--hero-main-pages.wdsd--push-hero-left
  .wdsd--hero-main-pages-img-container.wd--o16to10-u25to10
  img,
.wdsd--hero-sub-pages.wdsd--push-hero-left
  .wdsd--hero-sub-pages-img-container.wd--o16to10-u25to10
  img {
  translate: -5% 0;
}

.wdsd--hero-main-pages.wdsd--push-hero-left
  .wdsd--hero-main-pages-img-container.wd--o10to10-u16to10
  img,
.wdsd--hero-sub-pages.wdsd--push-hero-left
  .wdsd--hero-sub-pages-img-container.wd--o10to10-u16to10
  img {
  translate: -10% 0;
}

.wdsd--hero-main-pages.wdsd--push-hero-left
  .wdsd--hero-main-pages-img-container.wd--o10to10-u16to10
  img,
.wdsd--hero-sub-pages.wdsd--push-hero-left
  .wdsd--hero-sub-pages-img-container.wd--o10to10-u16to10
  img {
  translate: -20% 0;
}

.wdsd--hero-main-pages.wdsd--push-hero-left
  .wdsd--hero-main-pages-img-container.wd--o06to10-u10to10
  img,
.wdsd--hero-sub-pages.wdsd--push-hero-left
  .wdsd--hero-sub-pages-img-container.wd--o06to10-u10to10
  img {
  translate: -25% 0;
}

.wdsd--hero-main-pages.wdsd--push-hero-left
  .wdsd--hero-main-pages-img-container.wd--u06to10
  img,
.wdsd--hero-sub-pages.wdsd--push-hero-left
  .wdsd--hero-sub-pages-img-container.wd--u06to10
  img {
  translate: -25% 0;
}

.wdsd--hero-main-pages,
.wdsd--hero-main-pages-img-container {
  width: 100vw !important;
  height: 100vh !important;
  height: 100svh !important;
  max-width: var(--vwd--max-width) !important;
}

.wdsd--effect-img {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  mask-mode: alpha;
  -webkit-mask-size: cover;
          mask-size: cover;
}

.wdsd--effect-img-2 {
  -webkit-mask-image: url(graphics/animation___300x120___TEST.svg);
  mask-image: url(graphics/animation___300x120___TEST.svg);
}

/* /hero img  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

/* section transitions  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
  .wdsd--section-transitions-container {
width: 100%;
    position: absolute;
  }
.wdsd--section-transitions-text {
  width: 100%;
  text-align: center;
  font-family: var(--vwd--font-std);
  font-size: calc((var(--vwd--p-size-set)) * 0.8);
  letter-spacing: calc(var(--vwd--font-base) * 0.16);
  text-transform: uppercase;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;

  color: hsl(var(--vwd--col-mod-dark));
  text-shadow: 0 0 0.125rem hsla(var(--vwd--col-mod-light), 1);
}

.wd--content-light .wdsd--section-transitions-text {
  color: hsl(var(--vwd--col-mod-light));
  text-shadow: 0 0 0.125rem hsla(var(--vwd--col-mod-dark), 1);
}

@media screen and (max-width: 1380px) {
  .wdsd--section-transitions-container {
width: 100%;
    position: relative;
  }
  .wdsd--section-transitions-text {
    width: 100vw;

  }
}

.wdsd--section-transitions-line {
  width: 100%;
  height: 1.1px;

  background: -webkit-gradient(
    linear,
    left top, right top,
    color-stop(5%, hsla(var(--vwd--col-mod-dark), 0)),
    color-stop(50%, hsla(var(--vwd--col-mod-dark), 0.3)),
    color-stop(95%, hsla(var(--vwd--col-mod-dark), 0))
  );

  background: -o-linear-gradient(
    left,
    hsla(var(--vwd--col-mod-dark), 0) 5%,
    hsla(var(--vwd--col-mod-dark), 0.3) 50%,
    hsla(var(--vwd--col-mod-dark), 0) 95%
  );

  background: linear-gradient(
    to right,
    hsla(var(--vwd--col-mod-dark), 0) 5%,
    hsla(var(--vwd--col-mod-dark), 0.3) 50%,
    hsla(var(--vwd--col-mod-dark), 0) 95%
  );
}
.wd--content-light .wdsd--section-transitions-line {
  background: -webkit-gradient(
    linear,
    left top, right top,
    color-stop(5%, hsla(var(--vwd--col-mod-light), 0)),
    color-stop(50%, hsla(var(--vwd--col-mod-light), 0.3)),
    color-stop(95%, hsla(var(--vwd--col-mod-light), 0))
  );
  background: -o-linear-gradient(
    left,
    hsla(var(--vwd--col-mod-light), 0) 5%,
    hsla(var(--vwd--col-mod-light), 0.3) 50%,
    hsla(var(--vwd--col-mod-light), 0) 95%
  );
  background: linear-gradient(
    to right,
    hsla(var(--vwd--col-mod-light), 0) 5%,
    hsla(var(--vwd--col-mod-light), 0.3) 50%,
    hsla(var(--vwd--col-mod-light), 0) 95%
  );
}

.wdsd--section-transitions-wave {
  -webkit-mask-image: url(graphics/section-transition-mask-waves.svg);
  mask-image: url(graphics/section-transition-mask-waves.svg);
}
/* /section transitions  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

/* more-area  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

/* / more-area  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

.wd--more-area {
  overflow: hidden;
  -webkit-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  -o-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
}

.wd--more-area-overflow {
  overflow: visible !important;
}

.wd--more-area-btn {
  position: relative;
  display: block;
  padding: calc(var(--vwd--line-rem) * 0.5) 0 0 0;
  height: auto;
  font-family: var(--vwd--font-menu);
  text-transform: uppercase;
  -webkit-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  -o-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  cursor: pointer;
}

.wd--more-area.wd--more-area-open.wd--more-area-add-btn-bottom.wd--more-area-hide-btn-top
  .wd--more-area-btn-top {
  opacity: 0;
  height: 0;
  padding: 0;
}
.wd--more-area .wd--more-area-btn-bottom {
  display: none;
}
.wd--more-area.wd--more-area-add-btn-bottom .wd--more-area-btn-bottom {
  display: block;
}

.wd--more-area :where(.wd--more-open-text, .wd--more-close-text) {
  position: absolute;
  overflow: hidden;
  -webkit-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  -o-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
}

.notouch
  .wd--more-area-btn:hover
  :where(.wd--more-open-text, .wd--more-close-text, .wd--icon svg) {
  color: hsl(var(--vwd--col-mod-prime-50));
  fill: hsl(var(--vwd--col-mod-prime-50));
}

.wd--more-area .wd--more-open-text {
  opacity: 1;
}

.wd--more-area.wd--more-area-open .wd--more-open-text {
  opacity: 0;
  -webkit-transition: opacity var(--vwd--trans-dur) 0.3s var(--vwd--trans-tifu);
  -o-transition: opacity var(--vwd--trans-dur) 0.3s var(--vwd--trans-tifu);
  transition: opacity var(--vwd--trans-dur) 0.3s var(--vwd--trans-tifu);
}
.wd--more-area .wd--more-close-text {
  opacity: 0;
}
.wd--more-area.wd--more-area-open .wd--more-close-text {
  opacity: 1;
  -webkit-transition: opacity var(--vwd--trans-dur) 0.3s var(--vwd--trans-tifu);
  -o-transition: opacity var(--vwd--trans-dur) 0.3s var(--vwd--trans-tifu);
  transition: opacity var(--vwd--trans-dur) 0.3s var(--vwd--trans-tifu);
}

.wd--more-area .wd--icon {
  width: auto;
  vertical-align: middle;
  padding-right: 0.375rem;
}

.wd--more-area .wd--icon svg {
  -webkit-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  -o-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
}
.wd--more-area.wd--more-area-open .wd--icon svg {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.wd--more-area-content {
  padding: calc(var(--vwd--line-rem) * 0.5) 0 0 0;
  -webkit-transition: padding var(--vwd--trans-dur) var(--vwd--trans-tifu);
  -o-transition: padding var(--vwd--trans-dur) var(--vwd--trans-tifu);
  transition: padding var(--vwd--trans-dur) var(--vwd--trans-tifu);
}
.wd--more-area.wd--more-area-open.wd--more-area-add-btn-bottom.wd--more-area-hide-btn-top
  .wd--more-area-content {
  padding: 0;
}

/* text overlay für bilder OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

.wdsd--spec-page-title {
  font-family: var(--vwd--font-bold);
  font-size: calc((var(--vwd--p-size-set)) * 3);
  color: hsl(var(--vwd--col-mod-dark));
  line-height: normal;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.wd--content-light .wdsd--spec-page-title {
  color: hsl(var(--vwd--col-mod-light));
}

.wdsd--spec-page-title img {
  width: 8rem;
  height: auto;
  border: solid 1px hsl(var(--vwd--col-mod-dark));
  border-radius: 200px;
  margin-right: 1rem;
}

.wd--content-light .wdsd--spec-page-title img {
  border: solid 1px hsl(var(--vwd--col-mod-light));
}

/* / text overlay für bilder OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

/* hintergrund bild fade out/fade in viewport abhaengig (SO Background image muss auf XX% opacity gesetzt sein -> SO kreiert eigenes div)  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

.wdsd--bg-img-anim-element .wdsd--hero-main-pages-img-container img,
.wdsd--bg-img-anim-element .wdsd--hero-sub-pages-img-container img,
.wdsd--bg-img-anim-element .wdsd--hero-main-pages-img-container video,
.wdsd--bg-img-anim-element .wdsd--hero-sub-pages-img-container video {
  -webkit-transition: scale 1.2s var(--vwd--trans-tifu),
    -webkit-filter 0.9s var(--vwd--trans-tifu);
  transition: scale 1.2s var(--vwd--trans-tifu),
    -webkit-filter 0.9s var(--vwd--trans-tifu);
  -o-transition: filter 0.9s var(--vwd--trans-tifu),
    scale 1.2s var(--vwd--trans-tifu);
  transition: filter 0.9s var(--vwd--trans-tifu),
    scale 1.2s var(--vwd--trans-tifu);
  transition: filter 0.9s var(--vwd--trans-tifu),
    scale 1.2s var(--vwd--trans-tifu),
    -webkit-filter 0.9s var(--vwd--trans-tifu);
  -webkit-filter: blur(1.25rem) opacity(0.5);
  filter: blur(1.25rem) opacity(0.5);
}

.wd--in-view.wdsd--bg-img-anim-element .wdsd--hero-main-pages-img-container img,
.wd--in-view.wdsd--bg-img-anim-element .wdsd--hero-sub-pages-img-container img,
.wd--in-view.wdsd--bg-img-anim-element
  .wdsd--hero-main-pages-img-container
  video,
.wd--in-view.wdsd--bg-img-anim-element
  .wdsd--hero-sub-pages-img-container
  video {
  -webkit-filter: blur(0) opacity(1);
  filter: blur(0) opacity(1);
  -webkit-transition: scale 1.2s var(--vwd--trans-tifu),
    -webkit-filter 0.9s var(--vwd--trans-tifu);
  transition: scale 1.2s var(--vwd--trans-tifu),
    -webkit-filter 0.9s var(--vwd--trans-tifu);
  -o-transition: filter 0.9s var(--vwd--trans-tifu),
    scale 1.2s var(--vwd--trans-tifu);
  transition: filter 0.9s var(--vwd--trans-tifu),
    scale 1.2s var(--vwd--trans-tifu);
  transition: filter 0.9s var(--vwd--trans-tifu),
    scale 1.2s var(--vwd--trans-tifu),
    -webkit-filter 0.9s var(--vwd--trans-tifu);
}

/* /hintergrund bild fade out/fade in viewport abhaengig (SO Background image muss auf XX% opacity gesetzt sein -> SO kreiert eigenes div)  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

/* plugin SO widget content slider OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
.wd--so-content-slider .sow-accordion-title {
  font-family: var(--vwd--font-headlines) !important;
  font-size: var(--vwd--p-size-set) !important;
}

.wd--so-content-slider .sow-slider-base {
  overflow: visible !important;
  padding-bottom: 2rem !important;
}

.wd--so-content-slider .sow-slide-nav.sow-slide-nav-prev {
  text-align: left !important;
  left: 0 !important;
}

.wd--so-content-slider .sow-slide-nav.sow-slide-nav-next {
  text-align: right !important;
  right: 0 !important;
}

.wd--so-content-slider .sow-slide-nav {
  bottom: -2rem !important;
  top: auto !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  color: hsla(var(--vwd--col-mod-dark), 0.3) !important;
}

.wd--so-content-slider .sow-slide-nav a {
  color: hsla(var(--vwd--col-mod-dark), 0.3) !important;
}

.wd--content-light .wd--so-content-slider .sow-slide-nav a {
  color: hsla(var(--vwd--col-mod-light), 0.3) !important;
}

.wd--so-content-slider .sow-slider-pagination {
  bottom: -1rem !important;
}

.wd--so-content-slider .sow-slider-pagination a {
  background: hsl(var(--vwd--col-mod-dark)) !important;
}

.wd--content-light .wd--so-content-slider .sow-slider-pagination a {
  background: hsl(var(--vwd--col-mod-light)) !important;
}

.wd--so-content-slider .sow-slider-pagination li a {
  opacity: 0.3 !important;
}

.wd--so-content-slider .sow-slider-pagination li.sow-active a {
  opacity: 0.6 !important;
}

.wd--so-content-slider.wd--round-img img {
  border: solid 1px hsl(var(--vwd--col-mod-dark)) !important;
  border-radius: 1000px;
  max-width: 12rem;
  max-height: auto;
}

.wd--content-light .wd--so-content-slider.wd--round-img img {
  border: solid 1px hsl(var(--vwd--col-mod-light)) !important;
}

/* /plugin SO widget content slider OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

/* plugin SO widget accordion OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

.wd--so-accordion .sow-accordion-panel {
  border: none !important;
  border-top: solid 1px hsla(var(--vwd--col-mod-dark), 0.2) !important;
  -webkit-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  -o-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  margin: 0 !important;
}
.wd--so-accordion.wd--so-accordion-nolines .sow-accordion-panel {
border: none !important;
}

@media screen and (min-width: 1380px) {
  .wd--so-accordion:not(.wd--so-accordion.wd--so-accordion-nolines) .sow-accordion-panel:last-of-type {
    border-bottom: solid 1px hsla(var(--vwd--col-mod-dark), 0.2) !important;
  }
}
.wd--content-light .wd--so-accordion:not(.wd--so-accordion.wd--so-accordion-nolines) .sow-accordion-panel {
  border: none !important;
  border-top: solid 1px hsla(var(--vwd--col-mod-light), 0.2) !important;
}
@media screen and (min-width: 1380px) {
  .wd--content-light .wd--so-accordion:not(.wd--so-accordion.wd--so-accordion-nolines) .sow-accordion-panel:last-of-type {
    border-bottom: solid 1px hsla(var(--vwd--col-mod-light), 0.2) !important;
  }
}

.wd--so-accordion .sow-accordion-title {
  font-family: var(--vwd--font-std) !important;
  font-size: calc((var(--vwd--p-size-set)) * 1.2) !important;
}

.wd--so-accordion.wd--so-accordion-nolines .sow-accordion-title {
border: none !important;
}



.wd--so-accordion .sow-accordion-panel-header {
  background: none !important;
  border: none !important;
  padding: 0.9rem 0 0.9rem 0 !important;
  color: hsl(var(--vwd--col-mod-dark)) !important;
  -webkit-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  -o-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
}
.wd--so-accordion.wd--so-accordion-nolines .sow-accordion-panel-header {
padding-top: 0!important;
}

.wd--so-accordion
  .sow-accordion-panel.sow-accordion-panel-open
  .sow-accordion-panel-header {
  padding: 2.4rem 0 0.9rem 0 !important;
}
.wd--so-accordion .sow-icon-fontawesome[data-sow-icon]::before {
  color: hsl(var(--vwd--col-mod-dark)) !important;
  -webkit-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  -o-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
}

.wd--content-light .wd--so-accordion .sow-accordion-panel-header {
  color: hsl(var(--vwd--col-mod-light)) !important;
}

.wd--content-light
  .wd--so-accordion
  .sow-icon-fontawesome[data-sow-icon]::before {
  color: hsl(var(--vwd--col-mod-light)) !important;
}

.notouch .wd--so-accordion .sow-accordion-panel-header:hover,
.notouch
  .wd--so-accordion
  .sow-accordion-panel-header:hover
  .sow-icon-fontawesome[data-sow-icon]::before {
  color: hsl(var(--vwd--col-mod-prime-50)) !important;
}

.wd--so-accordion .sow-accordion-panel-border {
  background: none !important;
  border: none !important;
  color: hsl(var(--vwd--col-mod-dark)) !important;
  padding: 0 0 2.4rem 0 !important;
}

.wd--content-light .wd--so-accordion .sow-accordion-panel-border {
  background: none !important;
  color: hsl(var(--vwd--col-mod-light)) !important;
}

.wd--so-accordion .sow-accordion-title img {
    width: 25%!important;
    max-width: 8rem!important;
    height: auto!important;
    margin-right: 1rem!important;
    border-radius: 8rem;
}



/* /plugin SO widget accordion OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

@media screen and (max-width: 1380px) {
  .wd--center-text-at-break,
  .wd--center-text-at-break * {
    text-align: center !important;
  }

  .wd--left-text-at-break,
  .wd--left-text-at-break * {
    text-align: left !important;
  }

  .wd--right-text-at-break,
  .wd--right-text-at-break * {
    text-align: right !important;
  }

  .wd--video-button {
    top: auto;
    bottom: 0.75rem;
    width: 2rem;
    height: 2rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: none;
  }
  .wd--video-button span {
    scale: 0.8;
  }

  /* header button  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
  .wd--main-btn,
  .wd--affix-10 .wd--main-btn {
    top: 0.5rem;
    height: 2rem;
    width: 2rem;
    right: 0.5rem;
  }

  .wd--main-btn::before {
    border-radius: 0;
  }

  .notouch .wd--main-btn:hover {
    scale: 1;
  }

  /* /header button  OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

  .wd--nav-side-contact li,
  .wd--affix-10 .wd--nav-side-contact li {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    margin-bottom: 0.75rem;
    background: hsl(var(--vwd--col-mod-light));
  }

  .wd--light-header-content .wd--nav-side-contact li,
  .wd--light-header-content .wd--affix-10 .wd--nav-side-contact li {
    background: hsl(var(--vwd--col-mod-dark));
  }

  .wd--nav-side-contact li a,
  .wd--affix-10 .wd--nav-side-contact li a {
    -webkit-transform: translate(3rem, 0);
    -ms-transform: translate(3rem, 0);
    transform: translate(3rem 0);
  }

  .wd--nav-side-contact li a,
  .wd--affix-10 .wd--nav-side-contact li a {
    background: hsl(var(--vwd--col-mod-light));
  }

  .wd--light-header-content .wd--nav-side-contact li a,
  .wd--light-header-content .wd--affix-10 .wd--nav-side-contact li a {
    background: hsl(var(--vwd--col-mod-dark));
  }

.wd--nav-side-contact .wd--icon {
  width: 3rem;
  height: 3rem;
}

  .wd--container-nav-side-contact {
    top: 100vh;
    top: 100svh;
    transform: translate(calc(-100% - 1px), calc(-100% - calc(var(--vwd--p-y)*.5)));
  }

  .wd--btn-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 1.5rem;
  }

  /* chuncks OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
  .wd--chunks {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .wd--chunks > div {
    width: 50%;
    width: calc(50% - calc(2rem * 0.5)) !important;
    margin-bottom: 2rem !important;
  }

  .wd--chunks > div:last-of-type {
    margin-bottom: 0 !important;
  }

  /* /chuncks OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

  /* spezial Breakpoints OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
  .wd--break-full-2-1 {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .wd--break-full-2-1 > div {
    width: calc(50% - (0.5 * 4rem)) !important;
    padding-bottom: 3.6rem !important;
  }
  .wd--break-full-2-1 > div:nth-last-of-type(-n + 2) {
    padding-bottom: 0 !important;
  }
  /* spezial Breakpoints OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

  /* fullscreen hero img  (SO Background image muss auf XX% opacity gesetzt sein -> SO kreiert eigenes div) OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

  .wdsd--hero-main-pages {
    height: auto !important;
  }

  .wdsd--hero-main-pages,
  .wdsd--hero-main-pages-content,
  .wdsd--hero-main-pages-img-container {
    position: relative !important;
  }

  .wdsd--hero-main-pages-content {
    padding: var(--vwd--p-y) var(--vwd--p-x) var(--vwd--p-y) var(--vwd--p-x);
  }

  .wdsd--hero-sub-pages,
  .wdsd--hero-sub-pages-content,
  .wdsd--hero-sub-pages-img-container,
  .wdsd--hero-main-pages-img-container {
    width: 100vw !important;
    height: 33vw !important;
    max-width: var(--vwd--max-width) !important;
    max-height: calc(var(--vwd--max-width) * 0.25) !important;
  }

  .wd--overline-special {
    position: absolute;
    top: 0;
    width: 100%;
    margin-top: calc(var(--vwd--p-y) * -1.5);
    -webkit-transform: translateY(-100%) !important;
    -ms-transform: translateY(-100%) !important;
    transform: translateY(-100%) !important;
  }

  @media (min-aspect-ratio: 2.5/1) {
    .wdsd--hero-sub-pages,
    .wdsd--hero-sub-pages-content,
    .wdsd--hero-sub-pages-img-container,
    .wdsd--hero-main-pages-img-container {
      height: 20vw !important;
      max-height: calc(var(--vwd--max-width) * 0.2) !important;
    }
  }

  @media (max-aspect-ratio: 1.5/1) {
    .wdsd--hero-sub-pages,
    .wdsd--hero-sub-pages-content,
    .wdsd--hero-sub-pages-img-container,
    .wdsd--hero-main-pages-img-container {
      height: 40vw !important;
      max-height: calc(var(--vwd--max-width) * 0.33) !important;
    }
  }

  @media (max-aspect-ratio: 1/1) {
    .wdsd--hero-sub-pages,
    .wdsd--hero-sub-pages-content,
    .wdsd--hero-sub-pages-img-container,
    .wdsd--hero-main-pages-img-container {
      height: 66vw !important;
      max-height: calc(var(--vwd--max-width) * 0.66) !important;
    }
  }

  @media (max-aspect-ratio: 0.66/1) {
    .wdsd--hero-sub-pages,
    .wdsd--hero-sub-pages-content,
    .wdsd--hero-sub-pages-img-container,
    .wdsd--hero-main-pages-img-container {
      height: 125vw !important;
      max-height: var(--vwd--max-width) !important;
    }
  }

  .notouch .wdsd--hero-sub-pages-img-container {
    position: absolute !important;
  }

  .wdsd--hero-sub-pages-content {
    padding: 3rem var(--vwd--p-x) 0 var(--vwd--p-x);
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    background: hsla(var(--vwd--col-mod-light), 0.4);
  }

  .wd--content-light .wdsd--hero-sub-pages-content {
    background: hsla(var(--vwd--col-mod-dark), 0.4);
  }

  .wdsd--spec-page-title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  /* fullscreen hero img  (SO Background image muss auf XX% opacity gesetzt sein -> SO kreiert eigenes div) OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

  /* /chuncks and plugin SO widget carousel slides OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
  .wd--carousel-slider .sow-carousel-navigation.sow-carousel-navigation-prev {
    -webkit-transform: translate(150%, 0.75rem) !important;
    -ms-transform: translate(150%, 0.75rem) !important;
    transform: translate(150%, 0.75rem) !important;
  }

  .wd--carousel-slider .sow-carousel-navigation.sow-carousel-navigation-next {
    -webkit-transform: translate(-150%, 0.75rem) !important;
    -ms-transform: translate(-150%, 0.75rem) !important;
    transform: translate(-150%, 1.75rem) !important;
  }

  /* /chuncks and plugin SO widget carousel slides OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
  /* / SO post list OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
  .wd--post-list .sow-recent-posts-thumbnail img {
    margin-bottom: calc(var(--vwd--line-rem) * 0.5) !important;
  }

  /* / SO post list OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
}

@media screen and (max-width: 992px) {
  .wd--nav-side-contact .wd--icon {
    width: 2rem;
    height: 2rem;
  }

  .wd--nav-side-contact.wd--p-med .wd--icon svg {
    width: 1rem;
  }

  .wd--nav-side-contact li a,
  .wd--affix-10 .wd--nav-side-contact li a {
    -webkit-transform: translate(2rem, 0);
    -ms-transform: translate(2rem, 0);
    transform: translate(2rem, 0);
  }

  /* footerbereich OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
  .wd--footer-menu li {
    display: block;
  }

  /* /footerbereich OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
  /* text overlay für bilder OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

  .wdsd--spec-page-title {
    font-size: calc((var(--vwd--p-size-set)) * 1.6);
  }

  .wdsd--spec-page-title img {
    width: 3rem;
  }

  .wdsd--spec-page-title-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: hsla(var(--vwd--col-mod-dark), 0.3);
  }

  /* text overlay für bilder OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
}

@media screen and (max-width: 576px) {
  .wd--nav-side-contact .wd--icon {
    width: 1.6rem;
    height: 2rem;
  }

  .wd--nav-side-contact.wd--p-med .wd--icon svg {
    width: 0.9rem;
  }

  .wd--nav-side-contact li a,
  .wd--affix-10 .wd--nav-side-contact li a {
    -webkit-transform: translate(1.6rem, 0);
    -ms-transform: translate(1.6rem, 0);
    transform: translate(1.6rem, 0);
  }

  /* chuncks OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
  .wd--chunks {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .wd--chunks > div {
    width: 100% !important;
  }

  /* /chuncks OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
  /* spezial Breakpoints OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
  .wd--break-full-2-1 {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .wd--break-full-2-1 > div {
    width: 100% !important;
    padding-bottom: 3.6rem !important;
  }
  .wd--break-full-2-1 > div:nth-last-of-type(-n + 2) {
    padding-bottom: 3.6rem !important;
  }
  .wd--break-full-2-1 > div:last-of-type {
    padding-bottom: 0 !important;
  }
  /* spezial Breakpoints OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
  .wd--carousel-slide,
  .wd--carousel-slider .sow-carousel-item {
    padding: 0 !important;
  }

  /* text overlay für bilder OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

  .wdsd--spec-page-title {
    font-size: calc((var(--vwd--p-size-set)) * 1.2);
  }

  .wdsd--spec-page-title img {
    width: 2rem;
    margin-right: 0.75rem;
  }

  /* text overlay für bilder OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
  /* /chuncks and plugin SO widget carousel slides OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
  .wd--carousel-slider .sow-carousel-navigation.sow-carousel-navigation-prev {
    -webkit-transform: translate(100%, 0.75rem) !important;
    -ms-transform: translate(100%, 0.75rem) !important;
    transform: translate(100%, 0.75rem) !important;
  }

  .wd--carousel-slider .sow-carousel-navigation.sow-carousel-navigation-next {
    -webkit-transform: translate(-100%, 0.75rem) !important;
    -ms-transform: translate(-100%, 0.75rem) !important;
    transform: translate(-100%, 0.75rem) !important;
  }
  .wd--carousel-slider .slick-dots li button {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .wd--carousel-slider .slick-dots li button::before {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .wd--carousel-slider .slick-dots li button::before {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  /* /chuncks and plugin SO widget carousel slides OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
}

/* br und p fix OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
p:empty,
br:empty {
  height: 0;
  margin: 0;
  padding: 0;
}

/* post-password-form OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
.post-password-form {
  height: 100vh;
  height: 100svh;
  width: 100%;
  max-width: 32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  padding: 1rem;
}

.post-password-form p:first-of-type {
  margin-bottom: 1.8rem;
}
/* typing animation OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
.wd--typing-effect .typed-cursor {
  -webkit-animation: none !important;
          animation: none !important;
  opacity: 0.3;
}
/* passworteingabe OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */

.post-password-form {
padding: var(--vwd--p-y) var(--vwd--p-x) var(--vwd--p-y) var(--vwd--p-x)!important;
width: 100%!important;
max-width: 80rem!important;
}

.post-password-form label {
display: inline-block;
width: 66%;
}

.post-password-form input[type="password"] {
display: block;
  padding: 1rem .5rem;
  color: var(--vwd--col-dark)!important;
  border:solid 1px var(--vwd--col-dark);
  width: calc(100% - 1rem);
}

.post-password-form input[type="submit"] {
display: inline-block;
  text-transform: uppercase;
  background: var(--vwd--col-dark)!important;
  border-radius: 1000px;
  padding: 1rem .5rem;
  color: var(--vwd--col-light)!important;
  width: 33%;
  text-align: center;
    -webkit-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  -o-transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
  transition: var(--vwd--trans-prop) var(--vwd--trans-dur)
    var(--vwd--trans-tifu);
}

.notouch .post-password-form input[type="submit"]:hover {
  background: var(--vwd--col-prime-50)!important;
  color: var(--vwd--col-dark)!important;
  scale: 1.1;
}



@media screen and (max-width: 992px) {
.post-password-form input[type="password"],
.post-password-form input[type="submit"] {
margin-bottom: 2rem;
}


}