:root {
  --primary-color: #005588;
  --secondary-color: #4f84ad;
  --tertiary-color: #657b88;
  --quaternary-color: #4fad97;
  --span-color: #000000;
  --text-color: #666666;
}
/* Fonts */
body {
  font-size: calc(15px + 0.5vw);
  line-height: calc(22px + 0.7vw);
}
h1,
h2,
h4,
h5,
h6 {
  font-family: "greycliff-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
}
h1 {
  color: #fff;
  font-size: 3.9rem;
  line-height: 4.2rem;
  text-transform: uppercase;
}
.cs-news-title h1.entry-title {
  color: #fff;
  font-size: 3.9rem;
  line-height: 4.2rem;
  text-transform: uppercase;
}
.cs-news-title span.published {
  color: #fff;
}
h2 {
  color: var(--text-color);
  font-size: 2.4rem;
  line-height: 2.7rem;
}
h1 span,
h2 span {
  font-family: "greycliff-cf", sans-serif;
  font-weight: 300;
  font-style: normal;
}
h3 {
  font-family: "greycliff-cf", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: var(--primary-color);
}
p,
a,
li {
  font-family: "greycliff-cf", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
  line-height: 1.96rem;
  color: var(--text-color);
  padding-bottom: 0;
  hyphens: auto;
  hyphenate-limit-chars: auto 3;
}
p.header-h_subline {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.65rem;
}
span.cs-auszeichnung {
  font-family: "greycliff-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media all and (min-width: 768px) and (max-width: 980px) {
  h1 {
    font-size: 2.5rem;
    line-height: 2.8rem;
    padding-top: 30px;
  }
  .cs-news-title h1.entry-title {
    font-size: 2.5rem;
    line-height: 2.8rem;
  }
  p.header-h_subline {
    font-size: 1.3rem;
    line-height: 1.55rem;
    padding-bottom: 20px !important;
  }
}
@media all and (max-width: 767px) {
  h1 {
    font-size: 2rem;
    line-height: 2.3rem;
    padding-top: 20px;
  }
  .cs-news-title h1.entry-title {
    font-size: 2rem;
    line-height: 2.3rem;
  }
  p.header-h_subline {
    font-size: 1.2rem;
    line-height: 1.45rem;
    padding-bottom: 20px !important;
  }
  .cs-fragen-sektion h2 {
    font-size: 1.1rem !important;
    line-height: 1.4rem !important;
    padding-bottom: 1rem !important;
  }
  .cs-fragen-sektion p {
    font-size: 1rem !important;
    line-height: 1.2rem !important;
  }
}
/* Header */
.cs-top-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* End Header */
/* Menu */
#menu-topleiste > li > a {
  font-family: "greycliff-cf", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 0.9rem;
  padding-bottom: 0;
}
#menu-topleiste > li:nth-child(2) {
  background-color: rgba(79, 132, 173, 0.11);
}
#menu-topleiste li {
  margin-top: 0;
}
.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li > a {
  padding-bottom: 2px;
}
.et-menu li {
  font-size: 1.1rem !important;
}
.et-menu > li > a {
  color: var(--text-color);
}
.cs_main-menu #menu-main > li.current-menu-item > a,
.cs_main-menu #menu-main > li.current-menu-parent > a {
  border-bottom: 2px solid var(--primary-color) !important;
  color: var(--primary-color);
}
/*==== add some spacing around menu items ====*/
/* .et_pb_menu ul > li > a {
  padding: 12px 0 22px 0!important;
} */

/*==== elimitate opacitcy change on hover ====*/
.et_pb_menu ul > li > a:hover {
  opacity: 1 !important;
}
/*==== Start Underline From Center ====*/

.cs-underline-from-center nav ul li a {
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.cs-underline-from-center nav ul li a::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: var(--primary-color);
  height: 2px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.cs-underline-from-center nav ul li a:hover::before {
  left: 0;
  right: 0;
}
/*==== End Underline From Center ====*/
/* End Menu */
/* Footer */
.footer-wrapper {
  background-color: var(--primary-color);
}
.footer-wrapper p {
  color: #fff;
}
.footer-wrapper a {
  color: #fff;
}
.footer-wrapper span.footer-kontakt-head {
  font-family: "greycliff-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}
.footer-wrapper span.footer-kontakt-sub {
  font-family: "greycliff-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.cs-footer-impressum p {
  font-size: 0.9rem;
  color: #fff !important;
  text-align: center;
}
.cs-footer-impressum a {
  font-size: 0.9rem;
  color: #fff !important;
  text-decoration: none;
  padding: 0 10px;
}
/* End Footer */
/* Buttons */
.stellenausschreibung .dp-dfg-more-button {
  background: var(--primary-color);
  text-decoration: none;
  font-family: "greycliff-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.1rem;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  border: none !important;
  border-radius: 12px 0 12px 0;
  padding: 0.4rem 3rem 0.2rem;
}
.stellenausschreibung .dp-dfg-more-button:hover {
  background: var(--secondary-color) !important;
  border: none !important;
  padding: 0.4rem 3rem 0.2rem !important;
}
.stellenausschreibung .dp-dfg-more-button:after {
  display: none !important;
  -webkit-transform: unset;
  transform: unset;
  left: 0;
}
.cs-btn-blue {
  background: var(--primary-color);
  text-decoration: none;
  font-family: "greycliff-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.1rem;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  border: none !important;
  border-radius: 12px 0 12px 0;
  padding: 0.4rem 3rem 0.2rem;
}
.cs-btn-blue:hover {
  background: var(--secondary-color) !important;
  border: none !important;
  padding: 0.4rem 3rem 0.2rem !important;
}
.cs-btn-blue:after {
  display: none !important;
  -webkit-transform: unset;
  transform: unset;
  left: 0;
}
div.cs-btn-info-wrapper a {
  background: #fff;
  text-decoration: none;
  font-family: "greycliff-cf", sans-serif;
  font-size: 0.9rem !important;
  font-weight: 700;
  font-style: normal;
  font-size: 1.1rem;
  color: var(--primary-color);
  text-align: center;
  border: none !important;
  border-radius: 12px 0 12px 0;
  padding: 0.5rem 3rem 0.3rem;
}
div.cs-btn-info-wrapper {
  text-align: center;
  margin-top: 20px;
}
.cs-btn-info:hover {
  color: #fff;
  background: var(--secondary-color) !important;
  border: none !important;
  padding: 0.5rem 3rem 0.3rem !important;
}
.cs-btn-info:after {
  display: none !important;
  -webkit-transform: unset;
  transform: unset;
  left: 0;
}
/* --- Anker ---*/
.cs-btn-anker {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 50px;
  background: var(--secondary-color);
  text-decoration: none;
  font-family: "greycliff-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.9rem;
  line-height: 1.1rem;
  color: #fff;
  text-transform: uppercase;
  border: none !important;
  border-radius: 12px 0 12px 0;
}
.cs-btn-anker:hover {
  background: var(--primary-color);
}
a.cs-btn-anker {
  text-align: center;
}
.cs-btn-anker-textmodul {
  margin: 0 !important;
}
/* End Buttons */
/* Einleitungsbalken */
p.cs-stoerer {
  width: 9.3%;
  margin-right: 0.7%;
  background: var(--primary-color);
  height: 28px;
  border-radius: 0 14px 14px 0;
  margin-top: 8px;
}
p.cs-stoerer-grn {
  width: 9.3%;
  margin-right: 0.7%;
  background: var(--quaternary-color);
  height: 28px;
  border-radius: 0 14px 14px 0;
  margin-top: 8px;
}
p.cs-stoerer-content {
  width: 9.3%;
  margin-right: 0.7%;
  background: var(--primary-color);
  height: 23px;
  border-radius: 0 12px 12px 0;
  margin-top: 8px;
}
h2.cs-stoerer-head {
  color: var(--primary-color);
}
h2.cs-stoerer-head-grn {
  color: var(--quaternary-color);
}
h2.cs-stoerer-head span,
h2.cs-stoerer-head-grn span {
  color: var(--text-color);
}
h2.cs-content-head {
  color: var(--primary-color);
  font-size: 2rem;
  line-height: 2.3rem;
}
h2.cs-content-head span {
  color: var(--text-color);
  font-size: 2rem;
  line-height: 2.3rem;
}
h1.cs-stoerer-h-content {
  color: var(--primary-color);
  font-size: 2rem;
  line-height: 2.3rem;
}
h1.cs-stoerer-h-content span {
  color: var(--text-color);
  font-size: 2rem;
  line-height: 2.3rem;
}
h2.cs-stoerer-h-content {
  color: var(--primary-color);
  font-size: 2rem;
  line-height: 2.3rem;
}
h2.cs-stoerer-h-content span {
  color: var(--text-color);
  font-size: 2rem;
  line-height: 2.3rem;
}
/* End Einleitungsbalken */
/* To Top Button */
/* === Default button appearance === */
.et_pb_scroll_top.et-pb-icon {
  right: 30px; /* space from right */
  bottom: 30px; /* space from bottom */
  padding: 8px; /*padding size*/
  border-radius: 30px; /* make the circle */
  background: var(--primary-color) /* button color */;
  font-size: 32px; /* icon size */
  transition: all 0.1s ease-in-out; /* add transition */
}
/* === Button Appearance on Mouseover === */
.et_pb_scroll_top.et-pb-icon:hover {
  bottom: 32px /* space from bottom */;
  background: var(--secondary-color) /*button hover color*/;
  transition: all 0.1s ease-in-out; /*add transition*/
  box-shadow: 0 10px 15px #162c4e4a; /*box shadow on hover*/
}
/* === Animation tweaks === */
.et_pb_scroll_top.et-visible {
  -webkit-animation: fadeInBottom 1s 1 cubic-bezier(0.5, 0, 0.16, 1);
  -moz-animation: fadeInBottom 2s 1 cubic-bezier(0.5, 0, 0.16, 1);
  -o-animation: fadeInBottom 1s 1 cubic-bezier(0.5, 0, 0.16, 1);
  animation: fadeInBottom 1s 1 cubic-bezier(0.5, 0, 0.16, 1);
}
.et_pb_scroll_top.et-hidden {
  opacity: 0;
  -webkit-animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
/* End To Top Button */
/* Fragen + Kontakt Sektion */
.cs-fragen-sektion h2 {
  font-family: "greycliff-cf", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #fff;
  font-size: 2.4rem;
  line-height: 2.7rem;
  text-transform: uppercase;
  padding-bottom: 2.6rem;
}
.cs-fragen-sektion h2 span {
  font-family: "greycliff-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.cs-fragen-sektion p {
  color: #fff;
}
.cs-fragen-sektion a {
  display: inline-block;
  background: #fff;
  text-decoration: none;
  font-family: "greycliff-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.1rem;
  color: var(--primary-color);
  text-align: center;
  border: none !important;
  border-radius: 12px 0 12px 0;
  padding: 0.6rem 2rem 0.5rem;
  margin-top: 1.1rem;
}
.cs-fragen-sektion a:hover {
  color: #fff;
  background: var(--secondary-color) !important;
  border: none !important;
  padding: 0.6rem 2rem 0.5rem !important;
}
/* End Fragen + Kontakt Sektion */
/* Teaser-Sektion */
.cs-teaser-sektion {
  position: absolute;
  bottom: -130px;
  padding: 80px 60px 60px;
}
.cs-teaser-sektion p {
  font-family: "greycliff-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  font-size: 2.4rem;
  line-height: 2.7rem;
  text-transform: uppercase;
  padding-bottom: 2.6rem;
}
.cs-teaser-sektion a {
  background: #fff;
  text-decoration: none;
  font-family: "greycliff-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.1rem;
  color: var(--primary-color);
  text-align: center;
  border: none !important;
  border-radius: 12px 0 12px 0;
  padding: 0.7rem 2rem 0.5rem;
}
.cs-teaser-sektion a:hover {
  color: #fff;
  background: var(--secondary-color) !important;
  border: none !important;
  padding: 0.7rem 2rem 0.5rem !important;
}
@media screen and (min-width: 1105px) and (max-width: 1320px) {
  .cs-teaser-sektion {
    padding: 60px;
  }
  .cs-teaser-sektion p {
    font-size: 1.9rem;
    line-height: 2.2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1104px) {
  .cs-teaser-sektion {
    padding: 50px 60px;
    bottom: -110px;
    border-radius: 120px 0 120px 0 !important;
  }
  .cs-teaser-sektion p {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
  .cs-teaser-sektion a {
    font-size: 0.9rem;
    border-radius: 12px 0 12px 0;
  }
  .cs-teaser-sektion a:hover {
    font-size: 0.9rem;
    border-radius: 12px 0 12px 0;
  }
}
@media screen and (max-width: 767px) {
  .cs-teaser-sektion-mobile {
    padding: 15px 15px 25px;
  }
  .cs-teaser-sektion-mobile p {
    font-family: "greycliff-cf", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.4rem;
    text-transform: uppercase;
    padding-bottom: 1rem;
  }
  .cs-teaser-sektion-mobile a {
    background: #fff;
    text-decoration: none;
    font-family: "greycliff-cf", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 0.9rem;
    color: var(--primary-color);
    text-align: center;
    border: none !important;
    border-radius: 12px 0 12px 0;
    padding: 0.7rem 2rem 0.5rem;
  }
  .cs-teaser-sektion-mobile a:hover {
    color: #fff;
    background: var(--secondary-color) !important;
    border: none !important;
    padding: 0.7rem 2rem 0.5rem !important;
  }
}
/* Blog */
.cs-blog-slider-wrapper h2.dg_bc_title {
  margin-top: 1rem;
}
.cs-blog-slider-wrapper h2.dg_bc_title a,
.cs-blog-listing h2.entry-title a {
  font-family: "greycliff-cf", sans-serif;
  font-weight: 700 !important;
  font-style: normal;
  font-size: 1.2rem;
  line-height: 1.3rem;
  color: var(--text-color);
}
.cs-blog-slider-wrapper h2.dg_bc_title {
  line-height: 1.6rem;
}
.cs-blog-listing h2.entry-title {
  line-height: 1.6rem;
  margin-top: 0.8rem;
  margin-bottom: -10px;
}
.cs-blog-slider-wrapper .dg_read_more_wrapper a.read-more span {
  background: var(--primary-color);
  text-decoration: none;
  font-family: "greycliff-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.1rem;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  border: none !important;
  border-radius: 12px 0 12px 0;
  padding: 0.3rem 3rem 0.2rem;
}
.cs-blog-slider-wrapper .dg_read_more_wrapper a.read-more span:hover {
  background: var(--secondary-color) !important;
  border: none !important;
  padding: 0.3rem 3rem 0.2rem !important;
}
.cs-blog-slider-wrapper .dg_read_more_wrapper {
  margin-top: auto;
}
.cs-blog-slider-wrapper .post-content {
  margin-bottom: 20px;
}
.cs-blog-beitrag-spalten {
  column-count: 2;
  column-gap: 40px;
}
/* --- Listing Aktuelles --- */
.cs-blog-listing a.dp-dfg-more-button {
  background: var(--primary-color);
  text-decoration: none;
  font-family: "greycliff-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.1rem;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  border: none !important;
  border-radius: 12px 0 12px 0;
  padding: 0.3rem 3rem 0.2rem;
}
.cs-blog-listing a.dp-dfg-more-button:hover {
  background: var(--secondary-color) !important;
  border: none !important;
  padding: 0.3rem 3rem 0.2rem !important;
}
.cs-blog-listing a.dp-dfg-more-button:after {
  display: none !important;
  -webkit-transform: unset;
  transform: unset;
  left: 0;
}
/* End Blog */
/* Logo Sektion mit Hover */
.flip-box-front .et_pb_main_blurb_image img {
  height: 90px !important;
  width: auto;
}
.flip-box-back {
  background: var(--primary-color);
  border-radius: 22px 0 22px 0;
  padding: 10px 15px;
}
.flip-box-back p {
  font-size: 0.9rem;
  line-height: 1.2rem;
  color: #fff;
}
/* --- Flip Cards --- */
@media (min-width: 981px) {
  .flip-box-row {
    background-color: transparent;
    width: 24%;
    height: 250px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }

  .flip-box-column {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition: transform 0.8s;
    transition: transform 0.8s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

  .flip-box-row:hover .flip-box-column {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  .flip-box-front,
  .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .flip-box-back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}
/* --- End Flip Cards --- */
/* End Logo Sektion mit Hover */
/* Gruppenseite */
/* Test */
.cs-info_image-column {
  display: flex;
  align-items: center;
  column-gap: 20px;
}
.cs-info_image-column img {
  height: 70px;
}
.cs-info_image-column p {
  color: var(--primary-color);
  line-height: 1.6rem;
}
@media all and (max-width: 767px) {
  .cs-info_image-column {
    flex-direction: column;
    align-items: flex-start;
  }
  .cs-info_image-column img {
    height: 60px;
    margin-bottom: 25px;
  }
}
.cs-table-wrapper table,
.cs-table-wrapper th,
.cs-table-wrapper td {
  border: none !important;
  border-collapse: collapse !important;
  padding: 0 10px 0 0 !important;
  font-family: "greycliff-cf", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
  line-height: 1.96rem;
  color: var(--text-color);
  vertical-align: top !important;
}
/* End Gruppenseite */
/* Full-image Slider --- alle Seiten */
.full-image-slider .et_pb_slide {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.full-image-slider .et_pb_slide:first-child .et_pb_slide_image img.active {
  animation: unset !important;
}

.full-image-slider .et_pb_container {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
}

.full-image-slider .et_pb_slide_image img {
  max-height: none !important;
  width: 100% !important;
}

.full-image-slider .et_pb_slide_image {
  margin: 0 !important;
  padding: 0 !important;
  top: 0 !important;
  position: relative !important;
  width: 100% !important;
  display: block !important;
  -webkit-animation-name: fade !important;
  -moz-animation-name: fade !important;
  -ms-animation-name: fade !important;
  -o-animation-name: fade !important;
  animation-name: fade !important;
}

.full-image-slider .et_pb_slider_container_inner {
  position: relative;
}

.full-image-slider .et_pb_slide_description {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
}

.full-image-slider .et_pb_slide_description .et_pb_button_wrapper,
.full-image-slider .et_pb_slide_description .et_pb_button_wrapper a,
.full-image-slider .et_pb_slide_description .et_pb_button_wrapper a:hover {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  color: rgba(0, 0, 0, 0) !important;
  border: none !important;
  background: none !important;
}

.et_pb_column.et_pb_slider_fullwidth_off.full-image-slider
  .et_pb_slide_description
  .et_pb_slide_title,
.et_pb_column.et_pb_slider_fullwidth_off.full-image-slider
  .et_pb_slide_description
  .et_pb_slide_content,
.full-image-slider .et_pb_slide_description .et_pb_slide_title,
.full-image-slider .et_pb_slide_description .et_pb_slide_content {
  display: none;
}
/* End Full-image Slider --- alle Seiten */
/* Flyout Buttons */
#btn1 img {
  width: 24% !important;
  padding-left: 15px;
  padding-right: 12px;
  margin-left: -12px;
}
#btn2 img {
  width: 24% !important;
  padding-left: 12px;
  padding-right: 16px;
  margin-left: -12px;
}
#btn3 img {
  width: 24% !important;
  padding-left: 18px;
  padding-right: 16px;
  margin-left: -14px;
}
#btn1 {
  top: 40%;
  background-color: var(--primary-color);
  border-radius: 10px;
  margin-bottom: 6px;
}
#btn1 p {
  color: #fff;
}
/* #btn1 > p::before {
    content: "E-Mail senden";
} */
#btn2 {
  top: calc(40% + 66px);
  padding-left: 4px;
  background-color: var(--secondary-color);
  border-radius: 10px;
  margin-bottom: 6px;
}
#btn2 p {
  color: #fff;
}
/* #btn2 > p::before {
    content: "Jetzt anrufen";
} */
#btn3 {
  top: calc(40% + 132px);
  padding-left: 4px;
  background-color: var(--secondary-color);
  border-radius: 10px;
}
#btn3 p {
  color: #fff;
}
/* #btn3 > p::before {
    content: "Jetzt bewerben";
} */
div.button {
  z-index: 99;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  /* background-color: #4E5055; */
  color: #fff;
  width: 340px;
  height: 60px;
  position: fixed;
  right: -280px;
  transition: 0.7s ease;
}
div.button p {
  font-family: "greycliff-cf", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #fff;
  margin-top: auto;
  margin-bottom: auto;
  padding: 0;
}
div.button:hover {
  background-color: #4e5055;
  color: #fff;
  position: fixed;
  right: -50px;
  width: 340px;
  height: 60px;
  border-radius: 0px;
}
div.button:active {
  background-color: #2c3e50;
  transition: 0s;
  color: #fff;
}
/* End Flyout Buttons */
/* Listen */
.cs-listing ul {
  list-style: none;
  margin-left: 0.5rem;
}
.cs-listing li {
  line-height: 1.835rem;
}
.cs-listing ul li::before {
  /* content: "\25A0"; */
  content: url(/wp-content/uploads/2024/08/bueltmann-gruppe-icon-listenpunkt-space.svg);
  display: inline-block;
  width: 1.2rem;
  margin-left: -1.3rem;
  vertical-align: 0.125rem;
}
/* End Listen */
/* Branchen Listing Hover */
.cs-hovereffect-container {
  position: relative;
  width: 100%;
  border-radius: 22px;
}

.cs-hovereffect-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 22px;
}
.cs-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: var(--primary-color);
  border-radius: 22px;
}

.cs-hovereffect-container:hover .cs-overlay {
  opacity: 1;
  border-radius: 22px;
}

.cs-hovereffect-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.cs-hovereffect-text p {
  font-family: "greycliff-cf", sans-serif;
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.8rem;
  line-height: 2rem;
}
/* End Branchen Listing Hover */
/* Mobile Menu */
/* Remove the top line in the mobile menu*/
.et_mobile_menu {
  border-top: 0;
}
/*making the Divi Menu full width*/
.et_pb_menu .et_mobile_menu {
  min-width: 105vw;
  padding-top: 20% !important;
  margin-left: -80vw;
}
/* span.mobile_menu_bar:before {
  color: #fff !important;
} */
#mobile_menu1 {
  margin-top: 10px;
}
.et_mobile_menu li a {
  padding: 1px 6%;
}

/* End Mobiles Menu */
/* Switch Burger Menu Icon */
.mobile_nav.opened .mobile_menu_bar:before {
  content: "\4d";
}
/*rotate the Divi Menu icon on click*/
.mobile_menu_bar:before {
  transition: all 0.4s ease;
  transform: rotate(0deg);
  display: block;
}
/*rotate the Divi Menu icon on click*/
.mobile_nav.opened .mobile_menu_bar::before {
  transition: all 0.4s ease;
  transform: rotate(90deg);
  display: block;
}
/* End Switch Burger Menu Icon */
/* Formular */
.cs-formular-kontakt #nf-field-55,
.cs-formular-kontakt #nf-field-51,
.cs-formular-kontakt #nf-field-57,
.cs-formular-kontakt #nf-field-52,
.cs-formular-kontakt #nf-field-49,
.cs-formular-kontakt #nf-field-53,
.cs-formular-kontakt #nf-field-54 {
  background: rgba(0, 85, 136, 0.08);
  border: none;
}
.cs-formular-kontakt label {
  font-family: "greycliff-cf", sans-serif;
  font-weight: 300 !important;
  font-style: normal;
  color: var(--text-color);
}
.cs-formular-kontakt span.ninja-forms-req-symbol {
  color: var(--text-color);
}
.cs-formular-kontakt #nf-field-56 {
  background: var(--primary-color);
  text-decoration: none;
  font-family: "greycliff-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.1rem;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  border: none !important;
  border-radius: 12px 0 12px 0;
  padding: 0.4rem 3rem 0.2rem;
}
.cs-formular-kontakt #nf-field-56:hover {
  background: var(--secondary-color) !important;
  border: none !important;
  padding: 0.4rem 3rem 0.2rem !important;
}
/* End Formular */
/* Akkorden */
.cs-akkordeon .et_pb_toggle_close h5.et_pb_toggle_title {
  font-family: "greycliff-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  padding-left: 20px;
}
.cs-akkordeon .et_pb_toggle_open h5.et_pb_toggle_title {
  font-family: "greycliff-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: var(--text-color);
  padding-left: 20px;
}
/* --- Styling Umschalter --- */
.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
  display: block !important;
  content: "\e04f" !important;
}
/* Normal state */
.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
  color: var(--text-color) !important;
}
/* Hover state */
.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:hover:before {
  color: var(--primary-color) !important;
}
/* End Akkordeon */