/* Variables */
:root {
  /* Colours */
  --primary: #00437A !important;
  --secondary: #DFDAD7 !important;
  --text: #000 !important;
  --metatext: #9B9B9B !important;
  --white: #FFF !important;
  --black: #000 !important;
  /* */
  /* Fonts */
  --jostfont: 'Jost';
  --dmseriffont: 'DM Serif Display';
  --jostmedium: 500;
  /* Jost */
  --jostbold: 700;
  /* Jost */
  --dmserifregular: 400;
  /* DM Serif Display */
  /* */
}

html {
  overflow-x: hidden !important;
}

* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background-color: #FFF;
  color: var(--text);
  font-family: var(--jostfont);
  font-weight: var(--jostmedium);
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
}

@media (max-width: 575.98px) {
  body {
    font-size: 15px;
  }
}

/* Headings */
h1,
.h1 {
  font-family: var(--dmseriffont);
  font-weight: var(--dmserifregular);
  color: var(--primary);
  font-size: 40px;
  line-height: 54px;
  margin: 0px 0px 28px 0px;
  padding: 0px;
  letter-spacing: 1px;
}

h2,
.h2 {
  font-family: var(--dmseriffont);
  font-weight: var(--dmserifregular);
  color: var(--primary);
  font-size: 40px;
  line-height: 54px;
  margin: 0px 0px 28px 0px;
  padding: 0px;
  letter-spacing: 1px;
}

h3,
.h3 {
  font-family: var(--dmseriffont);
  font-weight: var(--dmserifregular);
  color: var(--primary);
  font-size: 26px;
  line-height: 34px;
  margin: 0px 0px 28px 0px;
  padding: 0px;
}

h4,
.h4 {
  font-family: var(--logofont);
  font-weight: var(--fontregular);
  color: var(--primary);
  font-size: 30px;
  line-height: 34px;
  margin: 0px 0px 28px 0px;
  padding: 0px;
}

h5,
.h5 {
  font-family: var(--logofont);
  font-weight: var(--fontregular);
  font-size: 20px;
  line-height: 34px;
  margin: 0px 0px 28px 0px;
  padding: 0px;
}

h6,
.h6 {
  font-weight: var(--fontbold);
  font-size: 14px;
  line-height: 24px;
  margin: 0px 0px 28px 0px;
  padding: 0px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {

  h2,
  .h2 {
    font-size: 36px;
    line-height: 50px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {

  h2,
  .h2 {
    font-size: 36px;
    line-height: 50px;
    margin: 0px 0px 20px 0px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {

  h2,
  .h2 {
    font-size: 34px;
    line-height: 48px;
    margin: 0px 0px 20px 0px;
  }
}

@media (max-width: 575.98px) {

  h1,
  .h1 {
    font-size: 34px;
    line-height: 48px;
    margin: 0px 0px 24px 0px;
    letter-spacing: 0px;
  }

  h2,
  .h2 {
    font-size: 26px;
    line-height: 38px;
    margin: 0px 0px 18px 0px;
    letter-spacing: 0px;
  }

  h3,
  .h3 {
    font-size: 22px;
    line-height: 30px;
    margin: 0px 0px 20px 0px;
  }
}

/* Styles & Helper */
p:empty {
  display: none;
}

b,
strong {
  font-style: normal !important;
  font-weight: var(--jostbold) !important;
}

em {
  font-style: italic !important;
}

p {
  margin: 0px 0px 20px 0px;
}

.small,
small {
  font-size: 12px !important;
  line-height: 18px !important;
  font-weight: inherit !important;
}

img {
  max-width: 100%;
  height: auto;
}

iframe {
  display: block;
}

:focus {
  outline: 0px !important;
}

/* Editor */
img.alignright {
  float: right;
  margin: 0 0 1em 1em
}

img.alignleft {
  float: left;
  margin: 0 1em 1em 0
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto
}

a img.alignright {
  float: right;
  margin: 0 0 1em 1em
}

a img.alignleft {
  float: left;
  margin: 0 1em 1em 0
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto
}

/* Links */
a:link,
a:visited {
  color: var(--primary);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a:hover,
a:focus {
  color: var(--text);
  text-decoration: none;
}

/* WK CONTENT LIST STYLE */
.content ul {
  list-style-type: none;
  margin: 0px;
  margin-bottom: 0px;
  padding: 0px 0px 10px 20px;
}

.content ul li {
  margin: 0px;
  padding: 0px;
}

.content ul li::before {
  content: '\00B7';
  color: var(--text);
  display: inline-block;
  width: 12px;
  margin-left: -15px;
}

/* WK LIST STYLE HISTORIE */
.historie {
  display: block;
  position: relative;
  margin-left: 50px;
}

.historie::before {
  display: block;
  position: absolute;
  content: "";
  height: 100%;
  width: 2px;
  left: -40px;
  background: var(--text);
}

.historie::after {
  display: inline-block;
  position: absolute;
  content: "";
  left: -52px;
  bottom: -2px;
  background-size: 25px 10px;
  width: 25px;
  height: 10px;
}

/* Backbutton */
button.backbutton {
  cursor: pointer;
  position: relative;
  display: inline-block;
  font-size: 20px;
  line-height: 34px;
  color: var(--text);
  background: none;
  border: none;
  padding: 0px 0px 0px 50px;
  margin: 30px 0px 0px 0px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

button.backbutton::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 34px;
  height: 34px;
  transform: scaleX(-1);
}

button.backbutton:hover,
button.backbutton:focus {
  color: var(--primary);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
}

@media (min-width: 768px) and (max-width: 991.98px) {
  button.backbutton {
    font-size: 18px;
    line-height: 32px;
    padding: 0px 0px 0px 44px;
    margin: 20px 0px 0px 0px;
  }

  button.backbutton::before {
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  button.backbutton {
    font-size: 18px;
    line-height: 32px;
    padding: 0px 0px 0px 44px;
    margin: 20px 0px 0px 0px;
  }

  button.backbutton::before {
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
  }
}

@media (max-width: 575.98px) {
  button.backbutton {
    font-size: 16px;
    line-height: 34px;
    padding: 0px 0px 0px 40px;
    margin: 10px 0px 0px 0px;
  }

  button.backbutton::before {
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
  }
}

/* Hintergrundfarben */
.bg-standard {
  background: var(--white) !important;
}

.bg-primary {
  background: var(--primary) !important;
}

.bg-secondary {
  background: var(--secondary) !important;
}

/* Textfarben */
.text-primary {
  color: var(--primary) !important;
}

.text-secondary {
  color: var(--secondary) !important;
}

/* Abstände */
.padding-none-top {
  padding-top: 0px;
}

.padding-none-bottom {
  padding-bottom: 0px;
}

.padding-small-top {
  padding-top: 40px;
}

.padding-small-bottom {
  padding-bottom: 40px;
}

.padding-normal-top {
  padding-top: 80px;
}

.padding-normal-bottom {
  padding-bottom: 80px;
}

.padding-big-top {
  padding-top: 100px;
}

.padding-big-bottom {
  padding-bottom: 100px;
}

.margin-small-top {
  margin-top: -40px;
}

.margin-normal-top {
  margin-top: -80px;
}

.margin-big-top {
  margin-top: -100px;
}

@media (max-width: 767.98px) {
  .padding-small-top {
    padding-top: 20px;
  }

  .padding-small-bottom {
    padding-bottom: 20px;
  }

  .padding-normal-top {
    padding-top: 40px;
  }

  .padding-normal-bottom {
    padding-bottom: 40px;
  }

  .padding-big-top {
    padding-top: 50px;
  }

  .padding-big-bottom {
    padding-bottom: 50px;
  }

  .margin-small-top {
    margin-top: -20px;
  }

  .margin-normal-top {
    margin-top: -40px;
  }

  .margin-big-top {
    margin-top: -50px;
  }
}

.container-fluid.no-padding {
  padding-right: 0px;
  padding-left: 0px;
}

/* Header START */
.head {
  background: var(--white);
  height: 120px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.mega-menu-wrap {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.logo {}

.logo img {
  width: 280px;
  height: auto;
}

@media (max-width: 767.98px) {
  .logo img {
    width: 220px;
    height: auto;
  }

  .mega-toggle-blocks-center {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .responsive-head {
    display: none;
  }
}

.metamenu {
  text-align: right;
}

.metamenu ul {
  list-style: none;
  margin: 15px;
  padding: 0px;
}

.metamenu li {
  display: inline;
  margin: 0px;
  padding: 0px;
}

.metamenu ul li::after {
  content: '|';
  display: inline;
  font-size: 14px;
  line-height: 16px;
  color: var(--primary);
  margin: 0px 4px 0px 8px;
}

.metamenu ul li:last-child::after {
  display: none;
}

.metamenu ul li a {
  font-size: 14px;
  line-height: 16px;
  color: var(--primary);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.metamenu ul li a:hover {
  color: var(--text);
}

a.headerbutton,
.headerbutton a {
  background: var(--primary) !important;
  color: #FFF !important;
  padding: 3px 11px !important;
  border: 2px solid var(--primary) !important;
  border-radius: 0px !important;
}

.headerbutton a {
  padding: 3px 11px 50px 11px !important;
  margin-bottom: 30px !important;
}

a.headerbutton:hover,
.headerbutton a:hover {
  background: #FFF !important;
  color: var(--primary) !important;
}

@media (max-width: 1200px) {
  .metamenu ul {
    margin: 0px;
  }
}

@media (min-width: 576px) {
  .hide-desktop {
    display: none !important;
  }
}

@media (max-width: 576px) {
  .metamenu {
    display: none;
  }
}

/* Hauptnavigation */
div#mega-menu-wrap-hauptnavigation {
  font-family: var(--logofont);
  padding: 12px 0px 0px 0px;
}

#mega-menu-wrap-hauptnavigation #mega-menu-hauptnavigation>li.mega-menu-item>a.mega-menu-link {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 1199.98px) {
  div#mega-menu-wrap-hauptnavigation #mega-menu-hauptnavigation>li.mega-menu-item>a.mega-menu-link:hover {
    color: var(--primary);
  }

  #mega-menu-wrap-hauptnavigation #mega-menu-hauptnavigation>li.mega-menu-item.iconbutton {
    display: inline-grid;
    width: 100%;
    margin: 5px 0px;
  }
}

/* Navi underline */
#mega-menu-wrap-hauptnavigation #mega-menu-hauptnavigation>li.mega-menu-item>a.mega-menu-link {
  display: inline-block !important;
  position: relative;
}

div#mega-menu-wrap-hauptnavigation #mega-menu-hauptnavigation>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link::after,
div#mega-menu-wrap-hauptnavigation #mega-menu-hauptnavigation>li.mega-menu-item.mega-current-menu-parent>a.mega-menu-link::after {
  display: inline-block !important;
  content: "";
  position: absolute;
  background-color: var(--primary);
  transition: 300ms;
  height: 1px;
  left: 12px;
  width: -webkit-calc(100% - 24px);
  width: -moz-calc(100% - 24px);
  width: calc(100% - 24px);
}

div#mega-menu-wrap-hauptnavigation #mega-menu-hauptnavigation>li.mega-menu-item>a.mega-menu-link:hover {
  opacity: 1;
}

div#mega-menu-wrap-hauptnavigation #mega-menu-hauptnavigation>li.mega-menu-item>a.mega-menu-link::after {
  display: inline-block !important;
  content: "";
  position: absolute;
  background-color: var(--primary);
  transition: 300ms;
  height: 1px;
  left: 12px;
}

div#mega-menu-wrap-hauptnavigation #mega-menu-hauptnavigation>li.mega-menu-item>a.mega-menu-link::after {
  width: 0px;
  bottom: 0px;
}

div#mega-menu-wrap-hauptnavigation #mega-menu-hauptnavigation>li.mega-menu-item>a.mega-menu-link:hover::after {
  display: inline-block !important;
  left: 12px;
  width: -webkit-calc(100% - 24px);
  width: -moz-calc(100% - 24px);
  width: calc(100% - 24px);
}

/* Navi underline mobile disable */
@media (max-width: 1199.98px) {

  div#mega-menu-wrap-hauptnavigation #mega-menu-hauptnavigation>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link::after,
  div#mega-menu-wrap-hauptnavigation #mega-menu-hauptnavigation>li.mega-menu-item.mega-current-menu-parent>a.mega-menu-link::after {
    display: none !important;
  }

  div#mega-menu-wrap-hauptnavigation #mega-menu-hauptnavigation>li.mega-menu-item>a.mega-menu-link::after {
    display: none !important;
  }

  div#mega-menu-wrap-hauptnavigation #mega-menu-hauptnavigation>li.mega-menu-item>a.mega-menu-link::after {
    display: none !important;
  }

  div#mega-menu-wrap-hauptnavigation #mega-menu-hauptnavigation>li.mega-menu-item>a.mega-menu-link:hover::after {
    display: none !important;
  }

  .mega-toggle-blocks-center {
    display: none !important;
  }
}

#mega-menu-wrap-hauptnavigation #mega-menu-hauptnavigation li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator::after {
  margin: 0 0 0 0px !important;
}

#mega-menu-wrap-hauptnavigation #mega-menu-hauptnavigation>li.mega-menu-flyout ul.mega-sub-menu {
  top: 30px;
  left: 12px;
}

#mega-menu-wrap-hauptnavigation #mega-menu-hauptnavigation>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item a.mega-menu-link {
  background: var(--secondary) !important;
  color: var(--primary) !important;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  #mega-menu-wrap-hauptnavigation .mega-menu-toggle+#mega-menu-hauptnavigation {
    width: 50% !important;
  }

  #mega-menu-wrap-hauptnavigation .mega-menu-toggle+#mega-menu-hauptnavigation {
    left: -50% !important;
  }

  #mega-menu-wrap-hauptnavigation .mega-menu-toggle.mega-menu-open+#mega-menu-hauptnavigation {
    left: 0 !important;
  }
}

/* Header responsive */
@media (max-width: 1199.98px) {
  .head {
    display: none;
  }

  .responsive-head {
    display: block;
  }

  div#mega-menu-wrap-hauptnavigation {
    padding: 0px;
  }

  .mega-menu-wrap.tinyHead {
    -webkit-box-shadow: 0px 5px 10px -10px rgba(120, 115, 110, 0.5) !important;
    -moz-box-shadow: 0px 5px 10px -10px rgba(120, 115, 110, 0.5) !important;
    box-shadow: 0px 5px 10px -10px rgba(120, 115, 110, 0.5) !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
  }
}

/* Header ENDE */

/* WK CONTENT BEGIN */
.content {
  margin-top: 120px;
}

@media (max-width: 1199.98px) {
  .content {
    margin-top: 0px;
  }
}

/* WK CONTENT END */

/* WK CALL TO ACTION BEGIN */
a.cta-button {
  position: relative;
  display: inline-block;
  font-size: 20px;
  line-height: 34px;
  color: var(--text);
  padding: 0px 0px 0px 50px;
  margin: 20px 0px 0px 0px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a.cta-button::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background-size: 34px 34px;
  width: 34px;
  height: 34px;
}

a.cta-button:focus,
a.cta-button:hover {
  color: var(--primary);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a.color-cta {
  font-family: var(--jostfont);
  font-weight: var(--jostmedium);
  font-size: 20px;
  line-height: 34px;
  padding: 10px 20px 10px 20px;
  background: var(--primary);
  color: var(--white) !important;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a.color-cta:focus,
a.color-cta:hover {
  background: var(--black);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  a.cta-button {
    font-size: 18px;
    line-height: 32px;
    padding: 0px 0px 0px 44px;
    margin: 20px 0px 0px 0px;
  }

  a.cta-button::before {
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  a.cta-button {
    font-size: 18px;
    line-height: 32px;
    padding: 0px 0px 0px 44px;
    margin: 20px 0px 0px 0px;
  }

  a.cta-button::before {
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
  }
}

@media (max-width: 575.98px) {
  a.cta-button {
    font-size: 16px;
    line-height: 30px;
    padding: 0px 0px 0px 40px;
    margin: 10px 0px 0px 0px;
  }

  a.cta-button::before {
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
  }
}

.cta-wrapper {
  margin: 0 auto;
  text-align: center;
}

a.cta-button2 {
  display: inline-block;
  font-family: var(--dmseriffont);
  font-weight: var(--dmserifregular);
  font-size: 24px;
  line-height: 28px;
  color: var(--white);
  text-align: center;
  border: 2px solid var(--white);
  text-decoration: none;
  padding: 8px 20px;
  margin: 20px 0px 10px 0px;
}

a.cta-button2:hover {
  color: var(--primary);
  background-color: var(--white);
}

/* WK CALL TO ACTION END */

/* 01. WK GROSSES TEXTFELD BEGIN */
.gr-text {
  font-family: var(--dmseriffont) !important;
  font-weight: var(--dmserifregular) !important;
  color: var(--primary) !important;
  font-size: 50px !important;
  line-height: 74px !important;
  margin: 0px !important;
  padding: 0px !important;
  letter-spacing: -0.25px !important;
}

.bg-primary .gr-text {
  color: #FFF !important;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .gr-text {
    font-size: 40px !important;
    line-height: 64px !important;
  }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .gr-text {
    font-size: 32px !important;
    line-height: 56px !important;
  }
}

@media (max-width: 575.98px) {
  .gr-text {
    font-size: 26px !important;
    line-height: 38px !important;
  }
}

/* WK GROSSES TEXTFELD END */

/* 02. WK TEASER BILD LINKS BEGIN */
.wk-teaserblock-links .content-block-wrapper {
  margin-bottom: -250px;
  /* -330px*/
}

.wk-teaserblock-links .image-block {
  min-height: 450px;
  max-height: 450px;
}

.wk-teaserblock-links .image-block img {}

.wk-teaserblock-links .content-block {
  min-height: 380px;
  bottom: 250px;
  /* 330px */
  position: relative;
  z-index: 10;
}

.wk-teaserblock-links .content-block .inner-section {
  padding: 40px 50px 40px 60px;
  width: 480px;
  min-height: 380px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .wk-teaserblock-links .content-block-wrapper {
    margin-bottom: -260px;
  }

  .wk-teaserblock-links .content-block {
    bottom: 260px;
  }

  .wk-teaserblock-links .content-block .inner-section {
    padding: 30px 50px 30px 50px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .wk-teaserblock-links .image-block {
    min-height: 100%;
    max-height: 100%;
    padding-right: 48px;
  }

  .wk-teaserblock-links .image-block img {}

  .wk-teaserblock-links .content-block-wrapper {
    margin-bottom: -60px;
  }

  .wk-teaserblock-links .content-block {
    min-height: 100%;
    bottom: 60px;
    left: 34px;
    margin-right: 34px;
  }

  .wk-teaserblock-links .content-block .inner-section {
    padding: 30px 50px 30px 50px;
    width: 100%;
    min-height: 100%;
  }
}

@media (max-width: 575.98px) {
  .wk-teaserblock-links .image-block {
    min-height: 100%;
    max-height: 100%;
    margin-right: 25px;
  }

  .wk-teaserblock-links .image-block img {}

  .wk-teaserblock-links .content-block-wrapper {
    margin-bottom: -40px;
  }

  .wk-teaserblock-links .content-block {
    width: 100%;
    min-height: 100%;
    bottom: 40px;
    left: 25px;
    margin-right: 25px;
  }

  .wk-teaserblock-links .content-block .inner-section {
    padding: 24px;
    width: 100%;
    min-height: 100%;
  }
}

/* WK TEASER BILD LINKS END */

/* 03. WK TEASER BILD RECHTS BEGIN */
.wk-teaserblock-rechts .content-block-wrapper {
  margin-bottom: -250px;
}

.wk-teaserblock-rechts .image-block {
  min-height: 450px;
  max-height: 450px;
}

.wk-teaserblock-rechts .image-block img {
  min-height: 450px;
}

.wk-teaserblock-rechts .content-block {
  min-height: 380px;
  bottom: 250px;
  position: relative;
  z-index: 10;
}

.wk-teaserblock-rechts .content-block .inner-section {
  padding: 40px 50px 40px 60px;
  width: 480px;
  min-height: 380px;
}

.wk-teaserblock-rechts h1 {
  color: var(--text);
  font-family: var(--jostfont);
  font-weight: var(--jostmedium);
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px !important;
  margin: initial !important;
  padding: initial !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .wk-teaserblock-rechts .justify-content-end {
    -ms-flex-pack: inherit !important;
    justify-content: inherit !important;
  }

  .wk-teaserblock-rechts .image-block {
    min-height: 100%;
    max-height: 100%;
    padding: 0px;
    margin-left: 34px;
    padding-right: 34px;
  }

  .wk-teaserblock-rechts .image-block img {
    min-height: 100%;
  }

  .wk-teaserblock-rechts .content-block-wrapper {
    margin-bottom: -60px;
  }

  .wk-teaserblock-rechts .content-block {
    min-height: 100%;
    max-height: 100%;
    bottom: 60px;
    margin-right: 34px;
  }

  .wk-teaserblock-rechts .content-block .inner-section {
    padding: 30px 50px 30px 50px;
    width: 100%;
    min-height: 100%;
  }
}

@media (max-width: 575.98px) {
  .wk-teaserblock-rechts .image-block {
    min-height: 100%;
    max-height: 100%;
    padding: 0px;
    margin-left: 25px;
  }

  .wk-teaserblock-rechts .image-block img {
    min-height: 100%;
  }

  .wk-teaserblock-rechts .content-block-wrapper {
    margin-bottom: -60px;
  }

  .wk-teaserblock-rechts .content-block {
    min-height: 100%;
    bottom: 60px;
    margin-right: 25px;
  }

  .wk-teaserblock-rechts .content-block .inner-section {
    padding: 24px;
    width: 100%;
    min-height: 100%;
  }
}

/* WK TEASER BILD RECHTS END */

/* 04. WK RECHTSGEBIETE MIT ICON BEGIN */
.wk_rechtsgebiete_wrapper {
  display: block;
  margin: 0px;
  padding: 50px 0px 50px 0px;
}

.wk_rechtsgebiete_wrapper h3 {
  margin: 8px 0px 12px 0px;
}

.rechtsgebiete_icon img {
  max-width: 60px;
  max-height: 74px;
}

.more_text_wrapper {}

a.more_text {
  display: inline-block;
  color: var(--text);
  margin: 6px 0px 0px 0px;
}

.more_text .fa {
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  color: var(--text);
  margin-left: 4px;
  vertical-align: text-top;
}

.more_text .fa.fa-angle-right {}

.more_text .fa.fa-angle-up {}

.more_text_wrapper .card-body {
  padding: 10px 0px 0px 0px;
}

@media (max-width: 575.98px) {
  .wk_rechtsgebiete_wrapper {
    padding: 30px 0px 30px 0px;
  }
}

/* WK RECHTSGEBIETE END */

/* 05. WK TEASERBOXEN ZWEISPALTIG BEGIN */
.wk_teaserbox {
  padding: 40px 0px 80px 0px;
}

.wk_teaserboxen .content-block-wrapper {
  margin-bottom: -120px;
}

.wk_teaserboxen .content-block {
  left: -50px;
  bottom: 120px;
  position: relative;
  z-index: 10;
}

.wk_teaserboxen .content-block .inner-section {
  width: 450px;
  padding: 38px 50px 38px 50px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .wk_teaserboxen {
    padding: 20px 0px 40px 0px;
  }

  .wk_teaserboxen .content-block-wrapper {
    margin-bottom: 0px;
  }

  .wk_teaserboxen .content-block {
    width: 100%;
    left: 0px;
    bottom: 0px;
  }

  .wk_teaserboxen .content-block .inner-section {
    width: 100%;
    min-height: 100%;
    padding: 24px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .wk_teaserboxen .content-block-wrapper {
    margin-bottom: 0px;
  }

  .wk_teaserboxen .content-block {
    width: 100%;
    left: 0px;
    bottom: 0px;
  }

  .wk_teaserboxen .content-block .inner-section {
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .wk_teaserboxen {
    padding: 20px 0px 40px 0px;
  }

  .wk_teaserboxen .content-block-wrapper {
    margin-bottom: 0px;
  }

  .wk_teaserboxen .content-block {
    width: 100%;
    left: 0px;
    bottom: 0px;
  }

  .wk_teaserboxen .content-block .inner-section {
    width: 100%;
    min-height: 100%;
    padding: 24px;
  }
}

@media (max-width: 575.98px) {
  .wk_teaserboxen {
    padding: 20px 0px 40px 0px;
  }

  .wk_teaserboxen .content-block-wrapper {
    margin-bottom: 0px;
  }

  .wk_teaserboxen .content-block {
    width: 100%;
    left: 0px;
    bottom: 0px;
  }

  .wk_teaserboxen .content-block .inner-section {
    height: 100% !important;
    width: 100%;
    padding: 24px;
  }
}

/* WK TEASERBOXEN ZWEISPALTIG END */

/* 06. WK POST-TEASER BEGIN */
.wk_postteaser {
  padding: 40px 0px 80px 0px;
}

.wk_postteaser .content-block-wrapper {
  margin-bottom: -120px;
}

.wk_postteaser .content-block {
  left: -50px;
  bottom: 120px;
  position: relative;
  z-index: 10;
}

.wk_postteaser .content-block .inner-section {
  width: 450px;
  min-height: 400px;
  padding: 40px 50px 40px 60px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .wk_postteaser .content-block-wrapper {
    margin-bottom: 0px;
  }

  .wk_postteaser .content-block {
    width: 100%;
    left: 0px;
    bottom: 0px;
  }

  .wk_postteaser .content-block .inner-section {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .wk_postteaser {
    padding: 20px 0px 40px 0px;
  }

  .wk_postteaser .content-block-wrapper {
    margin-bottom: 0px;
  }

  .wk_postteaser .content-block {
    width: 100%;
    left: 0px;
    bottom: 0px;
  }

  .wk_postteaser .content-block .inner-section {
    width: 100%;
    min-height: 100%;
    padding: 24px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .wk_postteaser {
    padding: 20px 0px 40px 0px;
  }

  .wk_postteaser .content-block-wrapper {
    margin-bottom: 0px;
  }

  .wk_postteaser .content-block {
    width: 100%;
    left: 0px;
    bottom: 0px;
  }

  .wk_postteaser .content-block .inner-section {
    width: 100%;
    min-height: 100%;
    padding: 24px;
  }
}

@media (max-width: 575.98px) {
  .wk_postteaser {
    padding: 20px 0px 40px 0px;
  }

  .wk_postteaser .content-block-wrapper {
    margin-bottom: 0px;
  }

  .wk_postteaser .content-block {
    width: 100%;
    left: 0px;
    bottom: 0px;
  }

  .wk_postteaser .content-block .inner-section {
    width: 100%;
    min-height: 100%;
    padding: 24px;
  }
}

/* WK POST-TEASER END */

/* 08. WK GROSSER TEASER BILD RECHTS BEGIN */
.wk-gr-teaserblock-links .image-block-wrapper {}

.wk-gr-teaserblock-links .image-block {
  position: relative;
  z-index: 20;
}

.wk-gr-teaserblock-links .image-block img {
  max-width: 480px;
}

.wk-gr-teaserblock-links .content-block-wrapper {
  margin-bottom: -380px;
}

.wk-gr-teaserblock-links .content-block {
  position: relative;
  bottom: 380px;
  z-index: 10;
}

.wk-gr-teaserblock-links .content-block .inner-section {
  padding: 40px 50px 40px 60px;
  min-height: 460px;
  max-width: 630px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .wk-gr-teaserblock-links .content-block .inner-section {
    padding: 40px 220px 40px 40px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .wk-gr-teaserblock-links .content-block-wrapper {
    margin-bottom: -120px;
  }

  .wk-gr-teaserblock-links .content-block {
    bottom: 120px;
  }

  .wk-gr-teaserblock-links .content-block .inner-section {
    padding: 150px 50px 40px 60px;
    min-height: 100%;
    max-width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .wk-gr-teaserblock-links .image-block {
    width: 100%;
    margin-right: 35px;
  }

  .wk-gr-teaserblock-links .image-block img {
    max-width: 100%;
  }

  .wk-gr-teaserblock-links .content-block-wrapper {
    margin-bottom: -60px;
  }

  .wk-gr-teaserblock-links .content-block {
    bottom: 60px;
    left: 35px;
    margin-right: 35px
  }

  .wk-gr-teaserblock-links .content-block .inner-section {
    padding: 84px 50px 30px 50px;
    min-height: 100%;
    max-width: 100%;
  }
}

@media (max-width: 575.98px) {
  .wk-gr-teaserblock-links .image-block {
    margin-right: 25px;
  }

  .wk-gr-teaserblock-links .image-block img {
    max-width: 100%;
  }

  .wk-gr-teaserblock-links .content-block-wrapper {
    margin-bottom: -60px;
  }

  .wk-gr-teaserblock-links .content-block {
    bottom: 60px;
    left: 25px;
    margin-right: 25px;
  }

  .wk-gr-teaserblock-links .content-block .inner-section {
    padding: 84px 24px 24px 24px;
    min-height: 100%;
  }
}

/* WK GROSSER TEASER BILD RECHTS END */





/* 09. WK GROSSER TEASER BILD LINKS BEGIN */
.wk-gr-teaserblock-rechts .image-block-wrapper {}

.wk-gr-teaserblock-rechts .image-block {
  position: relative;
  z-index: 20;
}

.wk-gr-teaserblock-rechts .image-block img {
  max-width: 480px;
}

.wk-gr-teaserblock-rechts .content-block-wrapper {
  margin-bottom: -380px;
}

.wk-gr-teaserblock-rechts .content-block {
  position: relative;
  bottom: 380px;
  left: 286px;
  z-index: 10;
}

.wk-gr-teaserblock-rechts .content-block .inner-section {
  padding: 40px 50px 40px 280px;
  min-height: 460px;
  max-width: 820px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .wk-gr-teaserblock-rechts .content-block {
    max-width: 648px;
  }

  .wk-gr-teaserblock-rechts .content-block .inner-section {
    padding: 40px 40px 40px 230px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .wk-gr-teaserblock-rechts .content-block-wrapper {
    margin-bottom: -120px;
  }

  .wk-gr-teaserblock-rechts .content-block {
    bottom: 120px;
    left: 195px;
  }

  .wk-gr-teaserblock-rechts .content-block .inner-section {
    padding: 150px 50px 40px 60px;
    min-height: 100%;
    max-width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .wk-gr-teaserblock-rechts .image-block {
    margin-left: 35px;
  }

  .wk-gr-teaserblock-rechts .image-block img {
    max-width: 100%;
  }

  .wk-gr-teaserblock-rechts .content-block-wrapper {
    margin-bottom: -60px;
  }

  .wk-gr-teaserblock-rechts .content-block {
    bottom: 60px;
    left: 0px;
    margin-right: 35px;
  }

  .wk-gr-teaserblock-rechts .content-block .inner-section {
    padding: 84px 50px 30px 50px;
    min-height: 100%;
  }
}

@media (max-width: 575.98px) {
  .wk-gr-teaserblock-rechts .image-block {
    margin-left: 25px;
  }

  .wk-gr-teaserblock-rechts .image-block img {
    max-width: 100%;
  }

  .wk-gr-teaserblock-rechts .content-block-wrapper {
    margin-bottom: -60px;
  }

  .wk-gr-teaserblock-rechts .content-block {
    bottom: 60px;
    left: 0px;
    margin-right: 25px;
  }

  .wk-gr-teaserblock-rechts .content-block .inner-section {
    padding: 84px 24px 24px 24px;
    min-height: 100%;
  }
}

/* WK GROSSER TEASER BILD LINKS END */


/* 08. WK SLIDER BEGIN */
/* */
/* WK SLIDER ENDE */

/* 09. WK TEXFELD EINSPALTIG BEGIN */
/* */
/* WK TEXFELD EINSPALTIG ENDE */

/* 10. WK TEXFELD ZWEISPALTIG BEGIN */
/* */
/* WK TEXFELD ZWEISPALTIG ENDE */

/* 11. WK GOOGLE MAPS BEGIN */
/* */
/* WK GOOGLE MAPS ENDE */

/* 12. WK BILD-TEXT (BILD LINKS) BEGIN */
@media (max-width: 767.98px) {

  .left-column,
  .right-column {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (max-width: 991.98px) {
  .column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
}

/* WK BILD-TEXT (BILD LINKS) ENDE */

/* 13. WK BILD-TEXT (BILD RECHTS) BEGIN */
/* */
/* WK BILD-TEXT (BILD RECHTS) ENDE */

/* 14. WK BILDERGALERIE BEGIN */
.tz-gallery {
  padding: 15px;
}

.tz-gallery .lightbox img {
  width: 100%;
  margin-bottom: 30px;
  transition: 0.2s ease-in-out;
}

.tz-gallery .lightbox img:hover {
  transform: scale(1.05);
}

.tz-gallery img {}

.baguetteBox-button {
  background-color: transparent !important;
}

/* WK BILDERGALERIE ENDE */

/* 15. WK YOUTUBE VIDEO BEGIN */
.video-wrapper .play {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 50%;
  left: calc(50% - 40px);
  border-radius: 50%;
  background: var(--primary);
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.video-wrapper .play:hover {
  background: var(--secondary);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.video-wrapper .play .icon {
  width: 0;
  height: 0;
  margin: 20px 0 0 30px;
  border-style: solid;
  border-width: 20px 0 20px 30px;
  border-color: transparent transparent transparent var(--white);
}

/* WK YOUTUBE VIDEO ENDE */


/* 20. WK TEASER SLIDER LINKS BEGIN */
.wk-teaserblock-links .carousel-control-next,
.wk-teaserblock-links .carousel-control-prev {
  top: initial;
  bottom: -30px;
  width: auto;
  opacity: 1;
  -ms-flex-align: inherit;
  align-items: inherit;
  -ms-flex-pack: inherit;
  justify-content: inherit;
}

.wk-teaserblock-links .carousel-control-next {
  right: initial;
  left: 25px;
}

.wk-teaserblock-links .carousel-control-next-icon,
.wk-teaserblock-links .carousel-control-prev-icon {
  background-color: var(--secondary);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
}

.wk-teaserblock-links .carousel-control-prev-icon {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

@media (max-width: 767.98px) {
  .wk-teaserblock-links .carousel-control-next {
    right: initial;
    left: 2px;
    bottom: -60px;
  }
}

/* WK TEASER SLIDER LINKS ENDE */


/* WK FORMULAR BEGIN */
.form-row {
  display: block !important;
}

.form-row p {
  margin: 0px !important;
  padding: 0px !important;
}

span.formular-label {
  margin: 14px 0px 10px 0px;
  display: block;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #000 !important;
  opacity: 1;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #000 !important;
  opacity: 1;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #000 !important;
  opacity: 1;
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #000 !important;
  opacity: 1;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea,
input.wpcf7-form-control.wpcf7-date,
select.wpcf7-form-control.wpcf7-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--white) !important;
  border: none;
  color: var(--text);
  width: 100% !important;
  height: auto !important;
  padding: 20px;
  margin: 0px 0px 20px 0px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required::-webkit-input-placeholder,
input.wpcf7-form-control.wpcf7-text::-webkit-input-placeholder,
textarea.wpcf7-form-control.wpcf7-textarea::-webkit-input-placeholder {
  color: var(--text) !important;
}

select.wpcf7-form-control.wpcf7-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: right 20px center;
  background-size: 15px 15px;
}

.wpcf7-form-control-wrap {
  margin-bottom: 20px;
}

textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
  height: 180px !important;
}

.send-button input.wpcf7-submit {
  width: 100%;
  font-family: var(--dmseriffont);
  font-weight: var(--dmserifregular);
  font-size: 28px !important;
  line-height: 48px;
  padding: 2px 0px 4px 0px !important;
  background: var(--primary);
  border: none;
  border-radius: 0 !important;
  color: var(--white);
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

input.wpcf7-submit:hover,
.send-button input.wpcf7-submit:hover {
  background: var(--black);
  cursor: pointer;
}

span.wpcf7-list-item {
  display: inline-block !important;
}

span.wpcf7-not-valid-tip {
  font-size: 14px !important;
  position: relative;
  top: -10px;
  left: 40px;
}

div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok,
div.wpcf7-spam-blocked {
  display: inline-block;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
  color: green;
  font-size: 16px;
  text-align: center;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
  color: red;
  font-size: 16px;
  text-align: center;
}

.wpb_column.vc_column_container.vc_col-lg-12.checkbox-box {
  font-size: 16px;
  line-height: 24px;
  margin-top: 0px;
  padding-bottom: 30px;
}

span.checkbox-text {
  display: block;
  font-size: 16px;
  line-height: 24px;
  margin: -34px 0px 0px 40px;
}

.spacer {
  width: 100%;
  height: 36px;
}

span.wpcf7-list-item {
  margin: 0px 40px 0px 0px !important;
}

.wpcf7-form-control.wpcf7-radio,
.wpcf7-form-control.wpcf7-checkbox {
  padding: 0px 0px 20px 0px;
  display: block;
}

.ds-text {
  margin-top: -30px;
  display: block;
  padding-bottom: 30px;
}

/* custom checkbox styling for contact form 7 checkbox */
span.wpcf7-list-item {
  display: inline-block;
  margin: 0;
}

.wpcf7 .wpcf7-list-item {
  display: block;
  margin-bottom: 10px;
}

.wpcf7-checkbox label,
.wpcf7-radio label {
  position: relative;
  cursor: pointer;
}

.wpcf7-checkbox input[type=checkbox],
.wpcf7-acceptance input[type=checkbox],
.wpcf7-radio input[type=radio] {
  /* position: relative; */
  position: absolute;
  visibility: hidden;
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
}

.wpcf7-checkbox input[type=checkbox]+span,
.wpcf7-acceptance input[type=checkbox]+span .wpcf7-radio input[type=radio]+span {
  /* border: 3px solid red; */
}

.wpcf7-checkbox input[type=checkbox]+span:before,
.wpcf7-acceptance input[type=checkbox]+span:before,
.wpcf7-radio input[type=radio]+span:before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 0;
  height: 30px;
  width: 30px;
  top: 0px;
  left: 0px;
  background: var(--white);
}

.wpcf7-checkbox input[type=checkbox]+span:after,
.wpcf7-acceptance input[type=checkbox]+span:after,
.wpcf7-radio input[type=radio]+span:after {
  display: block;
  position: absolute;
  content: "\2713";
  height: 30px;
  width: 30px;
  top: 0;
  left: 0;
  visibility: hidden;
  font-size: 18px;
  text-align: center;
  line-height: 30px;
}

.wpcf7-checkbox input[type=checkbox]:checked+span:before,
.wpcf7-acceptance input[type=checkbox]:checked+span:before,
.wpcf7-radio input[type=radio]:checked+span:before {
  background: var(--white);
}

.wpcf7-checkbox input[type=checkbox]:checked+span:after,
.wpcf7-acceptance input[type=checkbox]:checked+span:after,
.wpcf7-radio input[type=radio]:checked+span:after {
  visibility: visible;
}

.wpcf7-list-item-label {
  margin-left: 40px;
  margin-top: 2px;
  display: inline-block;
}

/* Terminwunsch */
.row.terminwunsch {
  background: rgba(255, 255, 255, 0.3);
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 30px;
  padding: 10px 5px 5px 5px;
}

@media (max-width: 575.98px) {

  .wpcf7-form-control.wpcf7-radio,
  .wpcf7-form-control.wpcf7-checkbox {
    padding: 0px 0px 10px 0px;
  }

  .wpcf7-checkbox label,
  .wpcf7-radio label {
    margin-bottom: 10px;
  }

  input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
  input.wpcf7-form-control.wpcf7-text,
  textarea.wpcf7-form-control.wpcf7-textarea,
  input.wpcf7-form-control.wpcf7-date,
  select.wpcf7-form-control.wpcf7-select {
    padding: 15px;
    margin: 0px 0px 10px 0px;
    font-size: 15px;
    line-height: 20px;
    min-height: 50px;
  }

  textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    height: 140px !important;
  }

  .send-button input.wpcf7-submit {
    font-size: 22px !important;
    line-height: 42px;
  }
}


.wpcf7cf_multistep .wpcf7cf_steps-dots {
  margin-bottom: 60px !important;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.secondary,
input.wpcf7-form-control.wpcf7-text.secondary,
textarea.wpcf7-form-control.wpcf7-textarea.secondary,
input.wpcf7-form-control.wpcf7-date.secondary,
select.wpcf7-form-control.wpcf7-select.secondary {
  background-color: var(--secondary) !important;
}

.wpcf7cf_step_controls {
  padding-top: 30px;
  margin-top: 30px !important;
  border-top: 2px solid #dfdfdf;
}

.wpcf7cf_next,
.wpcf7cf_prev {
  font-family: var(--dmseriffont);
  font-weight: var(--dmserifregular);
  font-size: 24px;
  line-height: 34px;
  padding: 2px 14px 4px 14px;
  background: var(--primary);
  border: none;
  border-radius: 0;
  color: var(--white);
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.wpcf7cf_next:hover {
  background: var(--black);
  cursor: pointer;
}

.mandatform span.wpcf7-list-item {
  display: flex !important;
  padding: 8px 0px;
}

.mandatform span.wpcf7-list-item-label {
  margin-left: 10px !important;
  margin-top: 0px !important;
  display: inline-block !important;
}

.mandatform.wpcf7-radio input[type="radio"] {
  position: initial;
  visibility: visible;
  width: 24px;
  height: 24px;
}

.mandatform.wpcf7-radio input[type="radio"]+span::before,
.mandatform.wpcf7-radio input[type="radio"]+span::after {
  display: none;
}

.wpcf7-form-control.wpcf7-radio.mandatform,
.mandatform.wpcf7-list-item {
  display: block !important;
}

.secondary.wpcf7-radio input[type="radio"]+span::before {
  background: var(--secondary);
}

.wpcf7cf_add,
.wpcf7cf_remove {
  cursor: pointer;
  background: transparent;
  border: none;
  color: var(--primary);
  text-decoration: underline;
}

.wpcf7cf_add:hover,
.wpcf7cf_remove:hover {
  color: var(--black);
}

input.send-button {
  font-family: var(--dmseriffont);
  font-weight: var(--dmserifregular);
  font-size: 28px !important;
  line-height: 48px;
  padding: 2px 20px 4px 20px !important;
  background: var(--primary);
  border: none;
  border-radius: 0 !important;
  color: var(--white);
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

input.send-buttont:hover {
  background: var(--black);
  cursor: pointer;
}


/* WK FORMULAR ENDE */


/* Accordion START */
.card {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.card:first-of-type {}

.card-header {
  background: var(--white);
  padding: 0px !important;
  margin: 0px !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--primary) !important;
}

.card-header .btn {
  font-weight: var(--jostmedium);
  font-size: 18px;
  line-height: 28px;
  color: var(--primary);
  text-align: left;
  padding: 14px 10px 12px 0px !important;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  white-space: initial;
}

.card-header .btn:hover {
  text-decoration: none !important;
  color: var(--black);
}

.card-header .btn:focus {
  text-decoration: none !important;
}

.card-header .fa {
  font-family: 'Font Awesome 5 Free';
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  color: var(--primary);
}

.card-header .fa.fa-angle-down {
  position: absolute;
  right: 10px;
  top: 15px;
}

.card-header .fa.fa-angle-up {
  position: absolute;
  right: 10px;
  top: 15px;
}

.card-body {
  display: inline-block;
  background: var(--white);
  color: var(--text);
  padding: 20px 20px 20px 0px;
}

@media (max-width: 575.98px) {
  .card-header .btn {
    font-size: 16px;
    line-height: 28px;
    padding: 10px 20px 8px 0px !important;
  }
}

/* Accordion ENDE */







/* WK FOOTER START */
footer {
  margin: 0px;
  padding: 0px;
}

.footer1 {
  margin: 0px;
  padding: 100px 0px;
}

.footer1 span {
  display: block;
  font-family: var(--dmseriffont);
  font-weight: var(--dmserifregular);
  font-style: italic;
  font-size: 28px;
  line-height: 74px;
  color: var(--primary);
  text-align: center;
  letter-spacing: -0.25px;
}

.footerlogo {
  display: block;
  margin: 0 auto;
  width: 84px;
  height: auto;
  padding: 25px 0px 0px
}

.footer-mandat {
  margin: 0px;
  padding: 40px 0px;
}

.footer-mandat span {
  display: block;
  font-family: var(--dmseriffont);
  font-weight: var(--dmserifregular);
  font-size: 40px;
  line-height: 54px;
  color: var(--white);
  text-align: center;
  letter-spacing: -0.25px;
}

.footer2 {
  padding: 80px 0px;
}

.bg-secondary .footer2 {
  color: var(--text);
}

.footer2 h3 {
  font-size: 40px;
  line-height: 54px;
  margin: 0px 0px 40px 0px;
  color: var(--primary);
}

.footer2 h4.widgettitle,
.footer-downloads h4.widgettitle {
  font-family: var(--dmseriffont) !important;
  font-size: 26px;
  line-height: 30px;
  color: var(--primary);
  margin: 0px 0px 24px 0px;
}

.footer2 p {
  font-size: 16px;
  line-height: 24px;
}

.footer-kontakt {
  padding: 40px 0px;
}

.footer-kontakt a:link {
  color: var(--text);
  text-decoration: underline;
}

.footer-kontakt a:hover {
  color: var(--primary);
  text-decoration: underline;
}

.footer3 {
  padding: 80px 0px;
}

.footer3 h2.widgettitle {
  font-size: 26px;
  line-height: 30px;
  color: var(--primary);
  margin: 0px 0px 14px 0px;
  letter-spacing: normal;
}

.footer3 ul {
  list-style-type: none;
  margin: 0px;
  margin-bottom: 0px;
  padding: 0px 0px 0px 20px;
}

.footer3 ul li {
  margin: 0px;
  padding: 0px;
}

.footer3 ul li::before {
  content: '\002D';
  color: var(--text);
  display: inline-block;
  width: 12px;
  margin-left: -15px;
}

.footer3 a:link,
.footer3 a:visited {
  color: var(--text);
  text-decoration: underline;
}

.footer3 a:hover {
  color: var(--primary);
}

.footer3 .menu-rechtliches-container {
  padding: 44px 0px 10px 0px
}

.footer3 .menu-rechtliches-container ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: 0px;
}

.footer3 .menu-rechtliches-container ul li {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  font-size: 16px;
}

.footer3 .menu-rechtliches-container ul li::before {
  display: inline;
  content: '\007C';
  color: var(--text);
  margin: 0px 8px 0px 8px;
}

.footer3 .menu-rechtliches-container ul li:first-child::before {
  display: none;
}

.footer3 .menu-rechtliches-container a:link,
.footer3 .menu-rechtliches-container a:visited {
  text-decoration: none;
}

.footer3 .menu-rechtliches-container ul li.current-menu-item a {
  color: var(--primary);
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .footer1 {
    margin: 0px;
    padding: 50px 0px;
  }

  .footer-anfrage {
    padding-bottom: 20px;
  }

  .footer2 {
    padding: 50px 0px;
  }

  .footer3 {
    padding: 50px 0px;
  }
}

@media (max-width: 575.98px) {
  .footer1 {
    margin: 0px;
    padding: 50px 0px;
  }

  .footer1 span {
    font-size: 24px;
    line-height: 70px;
  }

  .footer-anfrage {
    padding-bottom: 20px;
  }

  .footer2 {
    padding: 50px 0px;
  }

  .footer2 h2 {
    font-size: 28px;
    line-height: 38px;
    margin: 0px 0px 40px 0px;
  }

  .footer2 p {
    font-size: 15px;
  }

  .footer-kontakt {
    padding: 30px 0px;
  }

  .footer3 {
    padding: 50px 0px;
  }

  .footer3 .menu-rechtliches-container ul li {
    font-size: 15px;
  }
}

/* WK FOOTER ENDE */