@charset "UTF-8";
/*! HTML5 Boilerplate v9.0.0-RC1 | MIT License | https://html5boilerplate.com/ */
/* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.6;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* General navbar styles */
.navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; /* Allow items to wrap */
  position: sticky;
  top: 0;
  z-index: 1000;
  font-family: "Manrope", sans-serif;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Light drop shadow */
  height: 84px;
  padding-top: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.navbar-logo {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.navbar-logo.active {
  display: block;
}
@media (max-width: 1180px) {
  .navbar-logo.active {
    display: none;
  }
}
@media (max-width: 1180px) {
  .navbar-logo {
    display: none;
  }
}

.navbar-logo a img {
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
  height: var(--akp-navbar-logo-height, 180px); /* Initial larger size; themeable per site */
  width: auto;
}

.navbar-smaller-logo {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.navbar-smaller-logo.active {
  display: block;
}
@media (max-width: 1180px) {
  .navbar-smaller-logo {
    display: block;
  }
}

.navbar-smaller-logo a img {
  height: 80px;
  width: auto;
}

.caritas-logo {
  position: absolute;
  top: -5px;
  right: 0;
  max-height: 80px;
  width: auto;
}

.header-search {
  width: 80%;
  float: none;
  margin: 30px auto 0;
}
@media (max-width: 1180px) {
  .header-search {
    display: block;
    float: none;
    width: 100%;
  }
}
.header-search input[type=text] {
  width: calc(100% - 7.5em);
  padding: 8px 10px;
  font-size: 1.25rem;
  border-radius: 5px;
  border: 1px solid #999999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 1180px) {
  .header-search input[type=text] {
    display: block;
    width: 100%;
    font-size: 1rem;
  }
}
.header-search input[type=submit] {
  width: 6em;
  font-size: 1rem;
  font-family: "Manrope", sans-serif;
  font-weight: lighter;
  text-align: center;
  padding: 8px 0;
  background-color: darkblue;
  color: white;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 1180px) {
  .header-search input[type=submit] {
    display: block;
    width: 100%;
    font-size: 1rem;
  }
}

#search-button2 {
  float: right;
  margin-top: -34px;
  padding: 5px 10px;
  font-size: 1.25rem;
  border-radius: 50%;
  background-color: transparent;
  border: none;
  color: #999999;
}
#search-button2:hover {
  color: var(--akp-darkblue, #060d71);
}

/* Centering navbar contents */
.navbar-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 1200px; /* Maximum width for the navbar content */
  margin: 0 auto; /* Center the container */
  padding: 0 80px; /* Add some padding on the sides */
  top: 0;
  height: 84px;
}

.navbar-contact {
  position: absolute;
  top: -10px;
  left: 23.5%;
  padding: 5px 40px;
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-family: "Arial Narrow", sans-serif;
  font-weight: bold;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 1180px) {
  .navbar-contact {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    top: unset;
    left: unset;
    -ms-flex-item-align: center;
        align-self: center;
  }
}
.navbar-contact .fas {
  font-size: 16px;
}
.navbar-contact p {
  font-size: 1rem;
  margin: 0;
}
.navbar-contact p a {
  color: #222222;
  text-decoration: none;
}

/* Navbar links styling */
.navbar-links > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  margin-top: 30px;
}

.navbar-links > ul > li {
  position: relative; /* For dropdown positioning */
}

.navbar-links {
  margin: 0 auto;
  margin-top: 0;
}

.navbar-links a {
  display: block;
  text-decoration: none;
  color: #222222;
  padding: 15px 15px 0;
}

.navbar-links .active a {
  font-weight: 600;
}

.navbar-links .active .dropdown-content a {
  font-weight: normal;
}

.navbar-links .active .dropdown-content .active a {
  font-weight: 600;
}

/* Dropdown styles */
.navbar-links > ul > li .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  list-style: none;
  padding-left: 0;
}

.navbar-links > ul > li:hover .dropdown-content {
  display: block;
}

.navbar-links > ul > li:focus-within .dropdown-content {
  display: block;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Mobile toggle button */
.navbar-toggle {
  display: none;
  cursor: pointer;
}

.navbar-toggle .bar {
  width: 25px;
  height: 2px;
  background-color: white;
  margin: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.navbar-links, .header-search-wrap {
  display: none;
}

.navbar-links.active, .header-search-wrap.active {
  display: block;
}

#search-button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1rem;
  margin-left: auto;
}

#close-button {
  display: none;
}

.header-search-wrap {
  max-width: 100%;
  width: calc(100% - 180px);
  margin: 0 auto;
}

/* Responsive adjustments */
@media (max-width: 1180px) {
  .navbar-container {
    -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;
  }
  .navbar-links > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    display: none; /* Hide by default on mobile */
  }
  .navbar-links > ul.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; /* Show when active */
  }
  .navbar-toggle {
    display: block;
    top: 2rem;
    position: absolute;
    font-size: 2rem;
  }
  .caritas-logo {
    position: absolute;
    top: 0;
    right: 0;
    max-height: 80px;
    width: auto;
  }
  .navbar-links.menu-closed {
    display: block;
    width: 100%;
    background-color: #000037;
    height: 100vh;
    z-index: 99999;
    position: absolute;
    -webkit-transform: translateX(-110%);
        -ms-transform: translateX(-110%);
            transform: translateX(-110%);
  }
  .navbar-links.menu-open {
    display: block;
    width: 100%;
    background-color: #000037;
    height: 100vh;
    z-index: 998;
    position: absolute;
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
    overflow-y: auto;
  }
  .navbar-links.menu-open .menu {
    margin-top: 100px;
  }
  .navbar-links.menu-open ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
/* Mobile styles */
@media (max-width: 1180px) {
  .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .menu a {
    color: white;
  }
  .menu a:hover {
    text-decoration: underline;
  }
  .menu > li > a {
    background: transparent;
    text-align: center;
  }
  .menu li.dropdown a::after {
    content: " +";
  }
  .menu li.open.dropdown a::after {
    content: " -";
  }
  .menu li.open.dropdown a::after ul li a {
    content: "";
  }
  .menu li.open.dropdown ul li a::after {
    content: "";
  }
  .navbar-links > ul > li .dropdown-content {
    display: none;
    position: relative;
    background-color: transparent;
    color: white;
  }
  .navbar-links > ul > li .dropdown-content li a {
    text-align: center;
  }
  .navbar-links > ul > li:hover .dropdown-content {
    display: none;
  }
  .navbar-links > ul > li.open .dropdown-content {
    display: block;
    background-color: var(--akp-lightblue, #86b7fe);
  }
  .dropdown-content {
    position: static;
    display: none;
  }
  .dropdown-content a {
    padding: 8px;
  }
  .menu > li.open .dropdown-content {
    display: block;
  }
  .navbar-links.active, .header-search-wrap.active {
    display: block;
    z-index: 999;
    width: 100%;
  }
  #search-button {
    display: none;
  }
  #close-button {
    display: block;
  }
  #search-button2 {
    display: none;
  }
}
.cc-window {
  font-family: "Manrope", sans-serif;
}

.frame-layout-3 {
  max-width: 1200px;
  margin: 0 auto;
}
.frame-layout-3 header h1 {
  font-size: 2.25rem;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  clear: both;
  text-align: center;
  color: var(--akp-darkblue, #060d71);
}
@media (max-width: 768px) {
  .frame-layout-3 header h1 {
    font-size: 1.5rem;
    padding: 0 20px;
  }
}

.text-image {
  width: 100%;
  height: auto;
  display: block;
}

.heroslider {
  overflow: hidden;
  width: 100%;
  height: 95vh; /* Adjust the height as needed */
  position: relative;
  margin-bottom: var(--akp-heroslider-margin-bottom, 80px);
}
@media (max-width: 768px) {
  .heroslider {
    height: 65vh;
    margin-bottom: var(--akp-heroslider-margin-bottom-mobile, 40px);
  }
}
.heroslider .hero-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; /* Preserve aspect ratio */
  -o-object-position: top;
     object-position: top;
  -webkit-animation: zoomIn 10s infinite alternate ease-in-out;
          animation: zoomIn 10s infinite alternate ease-in-out;
  object-position: top;
  height: 100vh;
  width: 100%;
}
@media (max-width: 768px) {
  .heroslider .hero-image {
    height: 65vh;
  }
}
@-webkit-keyframes zoomIn {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@keyframes zoomIn {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.heroslider .hero-svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 33%;
  z-index: 1;
}
@media (max-width: 1280px) {
  .heroslider .hero-svg {
    width: 45%;
  }
}
@media (max-width: 768px) {
  .heroslider .hero-svg {
    display: none;
  }
}
.heroslider {
  /* Ensure the SVG fills the .hero-svg container */
}
.heroslider .hero-svg svg {
  width: 100%;
  height: 100%;
}
.heroslider .hero-text {
  position: absolute;
  left: 5%;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0deg);
      -ms-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  color: black;
  z-index: 2;
  width: 25%;
  max-width: 600px;
}
@media (max-width: 768px) {
  .heroslider .hero-text {
    background-color: rgba(6, 13, 113, 0.85);
    width: 100%;
    left: 0;
    bottom: 0;
    top: auto;
    -webkit-transform: translateY(0) rotate(0deg);
        -ms-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
    height: 20vh;
    max-width: 100%;
  }
}
.heroslider .hero-headline, .heroslider .hero-subhead {
  text-align: left;
}
.heroslider .hero-headline {
  font-family: "Manrope", sans-serif;
  font-size: 3.25vw;
  font-weight: lighter;
  color: white;
  line-height: 1;
  margin: 0;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .heroslider .hero-headline {
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 0;
  }
}
.heroslider .hero-overhead {
  font-size: 1.5vw;
  font-family: "Manrope", sans-serif;
  color: white;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .heroslider .hero-overhead {
    font-size: 1rem;
    text-align: center;
  }
}
.heroslider .weiter {
  font-size: 1.5vw;
  font-family: "Manrope", sans-serif;
  color: darkblue;
  background-color: var(--akp-lightblue, #86b7fe);
  color: white;
  text-decoration: none;
  border-radius: 10px;
  padding: 5px 10px;
  margin-top: 20px;
  font-size: 1rem;
}
@media (max-width: 768px) {
  .heroslider .weiter {
    font-size: 1rem;
    text-align: center;
    display: block;
    margin-top: 10px;
  }
}
.heroslider .overlay_orange .weiter {
  background-color: rgba(234, 149, 48, 0.91);
}
@media (max-width: 768px) {
  .heroslider .overlay_orange .hero-text {
    background-color: rgba(255, 167, 60, 0.91);
  }
}
.heroslider .overlay_green .weiter {
  background-color: rgba(128, 158, 71, 0.9);
}
@media (max-width: 768px) {
  .heroslider .overlay_green .hero-text {
    background-color: rgba(157, 189, 92, 0.9);
  }
}
.heroslider .splide__slide {
  overflow: hidden;
}
.heroslider .splide__arrow {
  top: 33%;
}

.ball {
  background-repeat: no-repeat;
  background-size: cover;
  width: 220px;
  height: 220px;
  background-color: orange;
  border-radius: 50%;
  position: absolute;
  bottom: 5%;
  -webkit-animation: roll-in 2s ease-out forwards;
          animation: roll-in 2s ease-out forwards;
  z-index: 999;
  -webkit-box-shadow: 0 0 10px 5px rgba(128, 128, 128, 0.6);
          box-shadow: 0 0 10px 5px rgba(128, 128, 128, 0.6);
}
@media (max-width: 960px) {
  .ball {
    display: none;
  }
}

@-webkit-keyframes roll-in {
  0% {
    right: -100px; /* Start off-screen. Adjust based on the size of the ball */
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    right: 8%; /* Center the ball horizontally. Adjust as needed */
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes roll-in {
  0% {
    right: -100px; /* Start off-screen. Adjust based on the size of the ball */
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    right: 8%; /* Center the ball horizontally. Adjust as needed */
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
.hero-landingpage {
  overflow: hidden;
  width: 100%;
  height: 100vh;
  margin-top: -85px;
  position: relative;
}
@media (max-width: 768px) {
  .hero-landingpage {
    height: 60vh;
  }
}
.hero-landingpage .hero-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; /* Preserve aspect ratio */
  -o-object-position: top;
     object-position: top;
  -webkit-animation: zoomIn 10s infinite alternate ease-in-out;
          animation: zoomIn 10s infinite alternate ease-in-out;
}
@keyframes zoomIn {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.hero-landingpage .hero-text {
  border-radius: 40px 0 40px 0; /* TL, TR, BR, BL */
  padding: 1rem 2rem;
  background-color: rgba(255, 255, 255, 0.75);
  position: absolute;
  left: 5%; /* Adjust based on your layout needs */
  bottom: 0;
  -webkit-transform: translateY(-25%) rotate(0deg);
      -ms-transform: translateY(-25%) rotate(0deg);
          transform: translateY(-25%) rotate(0deg); /* Adjust rotation and vertical alignment */
  color: black; /* Text color */
  z-index: 2; /* Ensures text is above the image */
  width: 50%; /* Set the width to take up 80% of its parent */
  max-width: 800px; /* Optional: set a max-width to prevent it from becoming too wide on large screens */
}
@media (max-width: 768px) {
  .hero-landingpage .hero-text {
    width: 75%;
  }
}
.hero-landingpage .hero-headline, .hero-landingpage .hero-subhead {
  text-align: left;
}
.hero-landingpage .hero-headline {
  font-family: "Manrope", sans-serif;
  font-size: 3.5vw;
  font-weight: lighter;
  color: var(--akp-bg-darkblue, darkblue);
  line-height: 1;
}
.hero-landingpage .hero-subhead {
  font-size: 1.5vw;
  font-family: "Manrope", sans-serif;
  color: var(--akp-bg-darkblue, darkblue);
}
.hero-landingpage .splide__slide {
  overflow: hidden;
}

.module p a {
  text-decoration: none;
  font-weight: 500;
  color: var(--akp-darkblue, #060d71);
}
.module p a:hover {
  text-decoration: underline;
}
.module .text-right {
  text-align: right;
}
.module .text-center {
  text-align: center;
}
.module {
  padding: 0 20px;
}
.module.module__bg-white {
  background-color: white;
}
.module.module__bg-lightgrey {
  background-color: var(--akp-bg-lightgrey, #eeeeee);
}
.module.module__bg-lightblue {
  background-color: var(--akp-bg-lightblue, #DAE3F3);
}
.module.module__bg-lightgreen {
  background-color: rgba(157, 189, 92, 0.3);
}
.module.modul__width_small {
  max-width: 1200px;
  margin: 40px auto;
  padding: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 768px) {
  .module.modul__width_small {
    padding: 20px;
  }
}
.module.modul__width_xsmall {
  max-width: 960px;
  margin: 40px auto;
  padding: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 768px) {
  .module.modul__width_xsmall {
    padding: 20px;
  }
}
.module .section-headline {
  max-width: 1200px;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 2.25rem;
  clear: both;
  text-align: center;
  color: var(--akp-darkblue, #060d71);
  line-height: 1.4;
}
@media (max-width: 768px) {
  .module .section-headline {
    font-size: 1.5rem;
  }
}
.module .section-intro {
  max-width: 1200px;
  font-family: "Manrope", sans-serif;
  font-size: 1.5rem;
  line-height: 1.5;
  text-align: center;
  font-weight: lighter;
  margin: 0 auto 40px;
}
@media (max-width: 768px) {
  .module .section-intro {
    font-size: 1rem;
  }
}
.module .content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 0 40px;
}
.module .content p {
  font-size: 1.5rem;
  line-height: 1.6;
  font-family: "Manrope", sans-serif;
  font-weight: lighter;
}
.module .content p:first-child {
  margin-top: 0;
}
@media (max-width: 768px) {
  .module .content p {
    font-size: 1rem;
  }
}
.module .content h1, .module .content h2, .module .content h3, .module .content h4, .module .content h5, .module .content h6 {
  font-family: "Manrope", sans-serif;
}
.module .content img {
  max-width: 100%;
  height: auto;
}
.module .content ul li, .module .content ol li {
  font-size: 1.5rem;
  line-height: 1.6;
  font-family: "Manrope", sans-serif;
  font-weight: lighter;
}
@media (max-width: 768px) {
  .module .content ul li, .module .content ol li {
    font-size: 1rem;
  }
}
.module .content .cta-button {
  font-family: "Manrope", sans-serif;
  font-weight: lighter;
  text-align: center;
  display: block;
  width: 100%;
  padding: 20px 10px;
  font-size: 1.5rem;
  background-color: var(--akp-darkblue, #060d71);
  color: white;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.module .content .cta-button:hover {
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.33);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.33);
  text-decoration: underline;
}
@media (max-width: 768px) {
  .module .content .cta-button {
    font-size: 1rem;
  }
}
.module .content .highlight-background {
  background-color: orange; /* Replace with your desired color */
  padding: 10px;
}

.module--intro .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
  margin: 100px auto;
  gap: 40px;
}
@media (max-width: 768px) {
  .module--intro .content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 0;
    margin-top: 20px;
  }
}
.module--intro .content .text-content {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
@media (max-width: 768px) {
  .module--intro .content .text-content {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.module--intro .content .text-content .overhead {
  margin-top: 0;
}
.module--intro .content .text-content .section-headline {
  text-align: left;
}
.module--intro .content .text-content p {
  font-size: 1.5rem;
  line-height: 1.6;
  font-family: "Manrope", sans-serif;
  font-weight: lighter;
}
@media (max-width: 768px) {
  .module--intro .content .text-content p {
    font-size: 1rem;
  }
}
.module--intro .content .image-content {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  text-align: center;
}
@media (max-width: 768px) {
  .module--intro .content .image-content {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.module--intro .content .image-content img {
  width: 100%;
  height: auto;
  border-radius: 40px 0 40px 0;
}

.module-services .section-headline {
  max-width: none;
}
.module-services .content {
  margin-top: 0;
  padding-top: 0;
}
.module-services .container {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.module-services .box {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(25% - 20px);
          flex: 0 1 calc(25% - 20px);
  position: relative;
  height: 300px;
  margin-bottom: 40px;
  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;
  background-color: #eee;
  background-position: center;
  color: white;
  font-size: 1.5rem;
  font-family: "Manrope", sans-serif;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 30px;
}
@media (max-width: 768px) {
  .module-services .box {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 30px);
            flex: 0 1 calc(50% - 30px);
    height: 250px;
  }
}
@media (max-width: 400px) {
  .module-services .box {
    height: 250px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 30px);
            flex: 0 1 calc(100% - 30px);
  }
}
.module-services .box .link-block {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.module-services .box .box-text {
  position: absolute;
  bottom: -20px;
  left: 5%;
  width: 90%;
  background-color: var(--akp-bg-lightblue, #DAE3F3);
  color: #222222;
  text-align: center;
  padding: 10px 0;
  overflow: hidden;
  font-size: 1.25rem;
}
@media (max-width: 768px) {
  .module-services .box .box-text {
    font-size: 1rem;
  }
}
.module-services .box .box-text a {
  color: #222222;
  text-decoration: none;
}

.module-columns {
  margin: 40px auto;
  padding: 40px 0;
}
@media (max-width: 768px) {
  .module-columns {
    padding: 40px 20px;
  }
}
.module-columns .section-headline {
  max-width: 100%;
}
.module-columns .content {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  -webkit-column-rule: 1px solid #ccc;
     -moz-column-rule: 1px solid #ccc;
          column-rule: 1px solid #ccc;
  padding-top: 0;
}
@media (max-width: 768px) {
  .module-columns .content {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
.module-columns .content.single-col {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
  max-width: 960px;
}
.module-columns {
  /* Customizing the ordered list */
}
.module-columns .large-numbers {
  counter-reset: list-counter; /* Resets the counter */
  list-style: none; /* Removes default list style */
  padding-left: 0; /* Removes default padding */
}
.module-columns {
  /* Styling each list item */
}
.module-columns .large-numbers li {
  margin: 0 0 24px; /* Adds space between items */
  counter-increment: list-counter; /* Increments the counter */
  position: relative;
  padding-left: 2em;
}
.module-columns .large-numbers li strong {
  display: block;
}
@media (max-width: 768px) {
  .module-columns .large-numbers li {
    padding-left: 1em;
  }
}
.module-columns {
  /* Customizing the list numbers */
}
.module-columns .large-numbers li::before {
  content: counter(list-counter); /* Inserts the counter value */
  font-weight: bold; /* Makes the numbers bold */
  font-size: 64px; /* Larger font size for the numbers */
  color: darkblue; /* Custom color for the numbers */
  position: absolute;
  left: -1.5em;
  -webkit-transform: translateY(-1rem);
      -ms-transform: translateY(-1rem);
          transform: translateY(-1rem);
  width: 2em;
  text-align: right;
}
@media (max-width: 768px) {
  .module-columns .large-numbers li::before {
    font-size: 32px;
    width: 1em;
    left: -0.75em;
    -webkit-transform: translateY(-0.5rem);
        -ms-transform: translateY(-0.5rem);
            transform: translateY(-0.5rem);
  }
}
.module-columns ul.green-checkmark {
  list-style-type: none; /* Remove default list styling */
  margin: 0;
  padding: 0;
}
.module-columns ul.green-checkmark li::before {
  content: "✓"; /* Unicode character for checkmark */
  color: green; /* Set the color of the checkmark */
  font-weight: bold; /* Optionally make the checkmark bold */
  display: inline-block;
  font-size: 1.5rem;
  width: 2em; /* Ensure a consistent space before the list item */
  margin-left: -2em; /* Adjust spacing to align with the list content */
}
.module-columns {
  /* Additional styling for the list and list items */
}
.module-columns ul.green-checkmark li {
  margin: 0 0 0.5em 0; /* Add some vertical space between list items */
  padding-left: 2em; /* Space for the checkmark */
}
.module-columns ul li {
  font-family: "Manrope", sans-serif;
  font-size: 1.5rem;
  font-weight: lighter;
  line-height: 1.6;
  margin-bottom: 0.5rem;
}
@media (max-width: 768px) {
  .module-columns ul li {
    font-size: 1rem;
  }
}
.module-columns ul.text-list {
  list-style-type: none; /* Removes default list markers */
  padding-left: 40px; /* Optional: Removes default padding */
  margin: 0;
}
.module-columns ul.text-list li {
  position: relative; /* Ensures the pseudo-element is positioned relative to its parent */
  margin-bottom: 10px; /* Spacing between list items */
  color: black; /* Text color */
}
.module-columns ul.text-list li:first-child {
  margin-top: 0;
}
.module-columns ul.text-list li::before {
  content: "▪︎"; /* Square marker */
  color: darkblue; /* Marker color */
  font-size: 200%; /* Adjusts the size of the marker */
  position: absolute;
  position: absolute;
  left: -40px;
  -webkit-transform: translateY(-1.5rem);
      -ms-transform: translateY(-1.5rem);
          transform: translateY(-1.5rem);
}
.module-columns .custom-icons-list {
  list-style: none; /* Removes default numbering */
  padding-left: 0; /* Removes default padding */
}
.module-columns .custom-icons-list li {
  position: relative; /* Needed for absolute positioning of the icons */
  padding-left: 100px; /* Provide space for the icon */
  margin-bottom: 10px; /* Optional: adds space between list items */
}
.module-columns .custom-icons-list li:before {
  content: "";
  position: absolute;
  left: 0; /* Aligns the icon to the left */
  top: 0; /* Aligns the icon to the top of the line */
  width: 5rem; /* Icon width */
  height: 5rem; /* Icon height */
  background-size: cover;
}
.module-columns .custom-icons-list li:nth-child(1):before {
  background-image: url("../Icons/leitbild/wir.svg");
}
.module-columns .custom-icons-list li:nth-child(2):before {
  background-image: url("../Icons/leitbild/alle.svg");
}
.module-columns .custom-icons-list li:nth-child(3):before {
  background-image: url("../Icons/leitbild/leben.svg");
}
.module-columns .custom-icons-list li:nth-child(4):before {
  background-image: url("../Icons/leitbild/ideale.svg");
}
.module-columns {
  /*** Table ***/
}
.module-columns figure.table {
  overflow-x: auto;
  margin: 1rem 0;
}
.module-columns .contenttable,
.module-columns .table-borderless {
  width: 100%; /* Full width */
  border-collapse: collapse; /* Collapse borders */
  font-family: Arial, sans-serif; /* Modern font */
}
.module-columns .contenttable thead,
.module-columns .table-borderless thead {
  background-color: #f2f2f2; /* Light grey background for the header */
  color: #333; /* Dark grey text */
}
.module-columns .contenttable thead p,
.module-columns .table-borderless thead p {
  font-size: 1rem;
}
.module-columns .contenttable td, .module-columns .contenttable th,
.module-columns .table-borderless td, .module-columns .table-borderless th {
  border: 1px solid #ddd; /* Light grey border */
  text-align: left; /* Align text to the left */
  padding: 8px; /* Add spacing around text */
}
.module-columns .contenttable tr:nth-child(even),
.module-columns .table-borderless tr:nth-child(even) {
  background-color: #f9f9f9; /* Zebra striping for rows */
}
.module-columns {
  /* Styling for small text */
}
.module-columns .small {
  font-size: 0.8em; /* Smaller text */
  color: #666; /* Lighter text color */
}
.module-columns {
  /* Highlight Pflegegrad column for emphasis */
}
.module-columns .pflegegrad {
  background-color: #e7f4e8; /* Light green background for emphasis */
  font-weight: bold; /* Make text bold */
}
.module-columns {
  /* Remove border for cells with '–' to indicate non-applicable or empty */
}
.module-columns .contenttable td:empty:before,
.module-columns .table-borderless td:empty:before {
  content: "–"; /* Add a dash for empty cells */
  color: #bbb; /* Light grey text */
}
.module-columns .contenttable td:empty,
.module-columns .table-borderless td:empty {
  border: none; /* Remove border for empty cells */
}

.module-accordion .content {
  max-width: 960px;
}
.module-accordion .accordion-toggle {
  background-color: var(--akp-bg-lightblue, #DAE3F3);
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  clear: both;
  font-size: 1.25em;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .module-accordion .accordion-toggle {
    font-size: 1rem;
  }
}
.module-accordion .active, .module-accordion .accordion-toggle:hover {
  background-color: #e1e6fa;
}
.module-accordion .accordion-panel {
  padding: 0 18px;
  background-color: white;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .module-accordion .accordion-panel blockquote {
    margin: 1rem 20px;
  }
}
.module-accordion .accordion-panel p {
  font-family: "Manrope", sans-serif;
  font-size: 1.5em;
  font-weight: lighter;
  line-height: 1.6;
  text-align: left;
}
@media (max-width: 768px) {
  .module-accordion .accordion-panel p {
    font-size: 1rem;
  }
}
.module-accordion .accordion-panel p.text-right {
  text-align: right;
}
.module-accordion .accordion-panel p.text-center {
  text-align: center;
}
.module-accordion .accordion-panel blockquote {
  font-style: italic;
}
.module-accordion .accordion-panel {
  /*** Table ***/
}
.module-accordion .accordion-panel .table {
  margin: 0;
}
.module-accordion .accordion-panel .contenttable,
.module-accordion .accordion-panel .table-borderless {
  width: 100%; /* Full width */
  border-collapse: collapse; /* Collapse borders */
  font-family: Arial, sans-serif; /* Modern font */
}
.module-accordion .accordion-panel .contenttable thead,
.module-accordion .accordion-panel .table-borderless thead {
  background-color: #f2f2f2; /* Light grey background for the header */
  color: #333; /* Dark grey text */
}
.module-accordion .accordion-panel .contenttable thead p,
.module-accordion .accordion-panel .table-borderless thead p {
  font-size: 1rem;
}
.module-accordion .accordion-panel .contenttable td, .module-accordion .accordion-panel .contenttable th,
.module-accordion .accordion-panel .table-borderless td, .module-accordion .accordion-panel .table-borderless th {
  border: 1px solid #ddd; /* Light grey border */
  text-align: left; /* Align text to the left */
  padding: 8px; /* Add spacing around text */
}
.module-accordion .accordion-panel .contenttable tr:nth-child(even),
.module-accordion .accordion-panel .table-borderless tr:nth-child(even) {
  background-color: #f9f9f9; /* Zebra striping for rows */
}
.module-accordion .accordion-panel {
  /* Styling for small text */
}
.module-accordion .accordion-panel .small {
  font-size: 0.8em; /* Smaller text */
  color: #666; /* Lighter text color */
}
.module-accordion .accordion-panel {
  /* Highlight Pflegegrad column for emphasis */
}
.module-accordion .accordion-panel .pflegegrad {
  background-color: #e7f4e8; /* Light green background for emphasis */
  font-weight: bold; /* Make text bold */
}
.module-accordion .accordion-panel {
  /* Remove border for cells with '–' to indicate non-applicable or empty */
}
.module-accordion .accordion-panel .contenttable td:empty:before,
.module-accordion .accordion-panel .table-borderless td:empty:before {
  content: "–"; /* Add a dash for empty cells */
  color: #bbb; /* Light grey text */
}
.module-accordion .accordion-panel .contenttable td:empty,
.module-accordion .accordion-panel .table-borderless td:empty {
  border: none; /* Remove border for empty cells */
}
.module-accordion .accordion-toggle:after {
  content: "➕"; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}
.module-accordion .active:after {
  content: "➖"; /* Unicode character for "minus" sign (-) */
}

.module-cards .cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around; /* Ensures cards are spaced out nicely */
}
.module-cards .card {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(33% - 24px);
          flex: 0 1 calc(33% - 24px);
  border: 1px solid #ccc; /* Border for the card */
  border-radius: 10px;
  background-color: #f9f9f9; /* Background color for the card */
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Light drop shadow */
  margin-bottom: 20px; /* Space below each card */
}
@media (max-width: 768px) {
  .module-cards .card {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 30px);
            flex: 0 1 calc(100% - 30px);
  }
}
.module-cards .card a {
  color: var(--akp-darkblue, #060d71);
  text-decoration: none;
}
.module-cards .card a:hover {
  text-decoration: underline;
}
.module-cards .card.cards_3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(33% - 24px);
          flex: 0 1 calc(33% - 24px);
}
@media (max-width: 768px) {
  .module-cards .card.cards_3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 30px);
            flex: 0 1 calc(100% - 30px);
  }
}
.module-cards .card.cards_4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(25% - 20px);
          flex: 0 1 calc(25% - 20px);
}
@media (max-width: 768px) {
  .module-cards .card.cards_4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 30px);
            flex: 0 1 calc(100% - 30px);
  }
}
.module-cards .card.cards_2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(50% - 24px);
          flex: 0 1 calc(50% - 24px);
}
@media (max-width: 768px) {
  .module-cards .card.cards_2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 30px);
            flex: 0 1 calc(100% - 30px);
  }
}
@media (max-width: 768px) {
  .module-cards .card .card {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; /* Each card takes full width on smaller screens */
  }
}
.module-cards .card img {
  width: 100%; /* Makes the image responsive */
  height: auto;
  border-top-left-radius: 4px; /* Optional: rounds the top corners of the image */
  border-top-right-radius: 4px; /* Optional: rounds the top corners of the image */
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.module-cards .card-content {
  padding: 15px; /* Padding inside the card */
}
.module-cards .date {
  font-size: 0.9em; /* Smaller font size for the date */
  color: #666; /* Grey color for the date */
  margin-bottom: 10px; /* Space between date and teaser */
}
.module-cards h4 {
  font-family: "Manrope", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.module-cards .teaser {
  margin-top: 0;
  font-size: 1rem !important;
}

.module-testimonials .content ul {
  list-style: none;
}
.module-testimonials blockquote footer {
  font-family: "Manrope", sans-serif; /* This is just an example; adjust as needed */
  font-size: 16px; /* Adjust size as needed */
  text-align: right; /* Aligns the author to the right */
  margin-top: 20px; /* Spacing between the quote and author */
  color: #666; /* Color of the author's name */
  font-style: italic; /* Optional: makes the author's name italic */
}
.module-testimonials {
  /* Adjust the blockquote styles as needed */
}
.module-testimonials blockquote {
  position: relative;
  font-family: serif;
  font-style: italic;
  font-size: 28px;
  line-height: 1.6;
  text-align: left;
  margin: 20px 0;
  padding: 20px 80px;
}
@media (max-width: 768px) {
  .module-testimonials blockquote {
    font-size: 18px;
    padding: 20px 40px;
  }
}
.module-testimonials blockquote::before {
  content: "“"; /* Custom or default open-quote */
  font-size: 144px; /* Adjust size */
  position: absolute;
  left: -5px; /* Position from the left edge of the blockquote */
  top: -50px; /* Position from the top edge of the blockquote */
  color: var(--akp-testimonial-quote-color, #c00); /* Color (themeable) */
}
@media (max-width: 768px) {
  .module-testimonials blockquote::before {
    font-size: 77px;
  }
}
.module-testimonials blockquote::after {
  content: "”"; /* Custom or default close-quote */
  font-size: 72px; /* Adjust size */
  position: absolute;
  right: 80px; /* Position from the right edge, ensures it's at the end */
  bottom: 30px; /* Adjust based on your design, might need tweaking */
  color: #ccc; /* Color */
}
.module-testimonials .dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 10px;
}
.module-testimonials .dot {
  height: 10px;
  width: 10px;
  margin: 0 5px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}
.module-testimonials .dot.active {
  background-color: #717171;
}
.module-testimonials .splide__pagination__page.is-active {
  background: darkblue;
}

.module-person-cta .content {
  max-width: 1200px; /* Maximum width of the content */
  margin: 0 auto; /* Center the content */
  padding: 20px; /* Padding around the content */
}
@media (max-width: 768px) {
  .module-person-cta .content .max-width-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; /* Stack columns vertically */
  }
}
.module-person-cta .column-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* Enables flexbox layout */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px; /* Space between columns */
  clear: both;
}
.module-person-cta .column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; /* Distribute space evenly between columns */
}
@media (max-width: 768px) {
  .module-person-cta .column {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}
.module-person-cta .column.width_33 {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
@media (max-width: 768px) {
  .module-person-cta .column.width_33 {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}
.module-person-cta {
  /*** Table ***/
}
.module-person-cta .table {
  overflow-x: auto;
  margin: 0;
}
.module-person-cta .contenttable,
.module-person-cta .table-borderless {
  width: 100%;
  border-collapse: collapse;
  font-family: "Manrope", sans-serif;
}
.module-person-cta .contenttable thead,
.module-person-cta .table-borderless thead {
  background-color: #f2f2f2; /* Light grey background for the header */
  color: #333; /* Dark grey text */
}
.module-person-cta .contenttable thead p,
.module-person-cta .table-borderless thead p {
  font-size: 1rem;
}
.module-person-cta .contenttable td, .module-person-cta .contenttable th,
.module-person-cta .table-borderless td, .module-person-cta .table-borderless th {
  border: 1px solid #ddd; /* Light grey border */
  text-align: left; /* Align text to the left */
  padding: 8px; /* Add spacing around text */
}
.module-person-cta .contenttable tr:nth-child(even),
.module-person-cta .table-borderless tr:nth-child(even) {
  background-color: #f9f9f9; /* Zebra striping for rows */
}
.module-person-cta {
  /* Styling for small text */
}
.module-person-cta .small {
  font-size: 0.8em; /* Smaller text */
  color: #666; /* Lighter text color */
}
.module-person-cta {
  /* Highlight Pflegegrad column for emphasis */
}
.module-person-cta .pflegegrad {
  background-color: #e7f4e8; /* Light green background for emphasis */
  font-weight: bold; /* Make text bold */
}
.module-person-cta {
  /* Remove border for cells with '–' to indicate non-applicable or empty */
}
.module-person-cta .contenttable td:empty:before,
.module-person-cta .table-borderless td:empty:before {
  content: "–"; /* Add a dash for empty cells */
  color: #bbb; /* Light grey text */
}
.module-person-cta .contenttable td:empty,
.module-person-cta .table-borderless td:empty {
  border: none; /* Remove border for empty cells */
}
.module-person-cta .image-column {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; /* Default order for image column */
}
.module-person-cta .text-column {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; /* Default order for text column */
}
.module-person-cta .vertically-centered {
  -ms-flex-item-align: center;
      align-self: center;
}
.module-person-cta .toggle-left .image-column {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.module-person-cta .toggle-left .text-column {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.module-person-cta .toggle-right .image-column {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.module-person-cta .toggle-right .text-column {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.module-person-cta .portrait {
  width: 100%;
  height: auto;
}
.module-person-cta p {
  font-family: "Manrope", sans-serif;
  font-size: 1.5rem;
  line-height: 1.5;
}

.module-overview .content {
  max-width: 1200px;
  margin: 0 auto 100px;
}
.module-overview .overview-container {
  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;
  margin: 0;
}
.module-overview .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1200px;
  gap: 20px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; /* This ensures that all .box elements take up the full height */
}
.module-overview ul {
  list-style: none;
  padding: 0;
}
.module-overview .box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(25% - 60px);
          flex: 1 1 calc(25% - 60px); /* Adjust the third value based on the gap to ensure 4 boxes per row */
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  color: #FFFFFF;
  background-color: darkblue;
  border-radius: 10px; /* Adjust for desired roundness */
  padding: 10px 20px;
  text-align: center;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  font-size: 20px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Vertically centers the content inside the .box */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* Horizontally centers the content inside the .box */
}
.module-overview .box.current {
  background-color: var(--akp-bg-lightblue, #DAE3F3);
}
.module-overview .box.current a {
  color: var(--akp-darkblue, #060d71);
}
.module-overview .box:hover {
  background-color: var(--akp-bg-lightblue, #DAE3F3);
}
.module-overview .box a {
  text-decoration: none;
  color: white;
  display: block;
}
.module-overview .box a:hover {
  text-decoration: underline;
  color: #222222;
}

.module-contacts .section-headline {
  max-width: 1200px;
  text-align: center;
  margin: 0 auto 40px;
  padding-top: 40px;
}
.module-contacts .section-intro {
  max-width: 1200px;
  text-align: center;
}
.module-contacts .content {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  -webkit-column-rule: 1px solid #ccc;
     -moz-column-rule: 1px solid #ccc;
          column-rule: 1px solid #ccc;
  padding-top: 0;
}
.module-contacts .content.single-col {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
  max-width: 960px;
}
@media (max-width: 768px) {
  .module-contacts .content {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
    padding: 0 20px;
  }
}
.module-contacts .ansprechpartner {
  font-family: "Manrope", sans-serif;
  width: 100%;
  border-collapse: collapse;
}
@media (max-width: 960px) {
  .module-contacts .ansprechpartner {
    border-spacing: 0 20px;
  }
  .module-contacts .ansprechpartner tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .module-contacts .ansprechpartner tr {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .module-contacts .ansprechpartner td {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
    padding: 5px 0;
  }
}
.module-contacts .ansprechpartner .ansprechpartner-bild {
  width: 180px;
}
@media (max-width: 960px) {
  .module-contacts .ansprechpartner .ansprechpartner-bild {
    width: 100%;
  }
}
.module-contacts .ansprechpartner .ansprechpartner-bild img {
  width: 150px;
  height: auto;
  margin-right: 30px;
  margin-bottom: 30px;
}
@media (max-width: 960px) {
  .module-contacts .ansprechpartner .ansprechpartner-bild img {
    width: 100%;
    height: auto;
    margin: 0;
  }
}
@media (max-width: 960px) {
  .module-contacts .ansprechpartner .ansprechpartner-name {
    padding: 0 8px;
  }
}
.module-contacts .ansprechpartner .ansprechpartner-name .mitarbeiter-name {
  font-weight: 600;
}
.module-contacts .ansprechpartner .ansprechpartner-telefon {
  width: 8.5rem;
}
@media (max-width: 960px) {
  .module-contacts .ansprechpartner .ansprechpartner-telefon {
    width: 100%;
    padding: 0 8px 20px;
  }
}

.module-video {
  width: 100%;
  background-color: #eeeeee;
  overflow: hidden;
  min-height: 80vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.module-video .content {
  padding: 40px 0 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.module-video video {
  width: 100%;
  height: auto;
}

.module-facts .circles-container {
  margin: 100px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around; /* Distributes space evenly around the circles */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; /* Allows the items to wrap as needed */
  gap: 40px; /* Adds some space between the circles */
}
.module-facts .column {
  -ms-flex-preferred-size: calc(33.333% - 40px);
      flex-basis: calc(33.333% - 40px); /* Sets the base size for desktop, subtracting the gap */
}
@media (max-width: 768px) {
  .module-facts .column {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin: 0 auto;
  }
}
.module-facts .circle {
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background-color: white;
  border: 1px solid grey;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
  overflow: hidden;
  margin-bottom: 40px;
}
.module-facts .circle img {
  width: 100%;
  height: auto;
}
.module-facts .circle-teaser {
  font-family: "Manrope", sans-serif;
  text-align: left;
  margin-right: 1rem;
  font-size: 1rem !important;
}
.module-facts .circle-teaser a {
  color: #222222;
  text-decoration: none;
}
.module-facts .circle-teaser a:hover {
  color: var(--akp-darkblue, #060d71);
}
.module-facts .content {
  text-align: center;
}
.module-facts .number {
  font-size: 48px;
  font-weight: bold;
}
.module-facts .text {
  font-size: 20px;
  margin-top: 10px;
}
.module-facts {
  /* Responsive adjustments */
}
@media (max-width: 768px) {
  .module-facts .circle {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 250px;
    height: 250px;
    margin: 0 auto;
  }
}

.module-timeline {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  overflow-x: hidden;
}
.module-timeline .section-headline {
  max-width: unset;
}
.module-timeline .timeline-container {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  overflow-x: hidden;
  padding: 20px 0 20px;
  font-family: "Manrope", sans-serif;
  position: relative;
}
.module-timeline .scroll-arrow {
  position: absolute;
  top: calc(50% - 20px);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  cursor: pointer;
  z-index: 1;
  padding: 10px;
}
.module-timeline .scroll-arrow.left {
  left: 0;
}
.module-timeline .scroll-arrow.right {
  right: 0;
}
.module-timeline .timeline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  position: relative;
  overflow-x: auto;
}
.module-timeline .timeline-item {
  padding-top: 100px;
  min-width: 300px;
  margin-right: 40px;
  text-align: center;
  position: relative;
}
.module-timeline .timeline-item p {
  text-align: justify;
  -ms-hyphens: auto;
      hyphens: auto;
}
.module-timeline .timeline-item::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 60px;
  height: 40px; /* Adjust based on your design */
  border-left: 1px solid #ccc; /* The connecting line */
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.module-timeline .timeline-item img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.module-timeline .year {
  position: absolute;
  top: 16px; /* Adjust based on your line height */
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 18px;
  font-weight: bold;
  background-color: #fff; /* Ensure it stands out */
  padding: 2px 5px;
  border-radius: 4px;
  border: 1px solid #ccc;
  width: 100%;
  background-color: lightblue;
  min-height: 1em;
}
.module-timeline .year span {
  display: block;
  width: 4rem;
  height: 4rem;
  background-color: #333333;
  color: white;
  border-radius: 50%;
  left: calc(50% - 2rem);
  top: -1.5rem;
  right: auto;
  position: absolute;
  z-index: 999;
  line-height: 4rem;
}

.module-gallery .gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around; /* Ensures cards are spaced out nicely */
  gap: 30px; /* Space between cards */
}
@media (max-width: 768px) {
  .module-gallery .gallery {
    padding: 0 20px;
  }
}
.module-gallery .gallery-element {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(33% - 20px);
          flex: 0 1 calc(33% - 20px);
  border: 1px solid #ccc; /* Border for the card */
  border-radius: 10px;
  background-color: #f9f9f9; /* Background color for the card */
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Light drop shadow */
  margin-bottom: 20px; /* Space below each card */
}
@media (max-width: 768px) {
  .module-gallery .gallery-element {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; /* Each card takes full width on smaller screens */
  }
}
.module-gallery .gallery-element img {
  width: 100%; /* Makes the image responsive */
  height: auto;
  border-top-left-radius: 4px; /* Optional: rounds the top corners of the image */
  border-top-right-radius: 4px; /* Optional: rounds the top corners of the image */
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.module-gallery .gallery-element-content {
  padding: 15px; /* Padding inside the card */
}

.module-tpfree {
  font-family: "Manrope", sans-serif;
  background-color: #eee;
  padding: 40px 20px;
}
.module-tpfree .section-headline {
  max-width: unset;
}
.module-tpfree .content {
  max-width: 960px;
  margin: 0 auto 20px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media (max-width: 768px) {
  .module-tpfree .content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.module-tpfree .content .tagespflege-name p {
  margin: 0;
}
.module-tpfree .left-column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 768px) {
  .module-tpfree .left-column {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.module-tpfree .right-column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 768px) {
  .module-tpfree .right-column {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.module-tpfree p {
  font-size: 1.5rem;
  line-height: 1.5;
}
.module-tpfree button[type=submit] {
  font-family: "Manrope", sans-serif;
  font-weight: lighter;
  text-align: center;
  display: block;
  width: 100%;
  padding: 20px 0;
  font-size: 1.5rem;
  background-color: var(--akp-darkblue, #060d71);
  color: white;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none;
}
.module-tpfree button[type=submit]:hover {
  background-color: #0f189f;
}
.module-tpfree input[type=checkbox] {
  width: 20px;
  height: auto;
}
.module-tpfree .date-field {
  background-color: darkblue;
  color: #FFFFFF;
  padding: 10px 20px;
  text-align: center;
  border-radius: 10px;
}
.module-tpfree .tagespflege-orte {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0;
  list-style: none;
}
@media (max-width: 768px) {
  .module-tpfree .tagespflege-orte {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.module-tpfree .tagespflege-orte .tagespflege-ort {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  margin-right: 80px;
  padding: 5px 10px 5px 10px;
  border-radius: 10px;
  background-color: var(--akp-bg-lightblue, #DAE3F3);
}
.module-tpfree .tagespflege-orte .tagespflege-ort:last-child {
  margin-right: 0;
}
.module-tpfree .tagespflege-orte .tagespflege-ort .tagespflege-name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bold;
  font-size: 1.5em;
  margin-right: 20px;
}
.module-tpfree .tagespflege-orte .tagespflege-ort .tagespflege-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  text-align: center;
  line-height: 48px;
  background-color: red;
}
.module-tpfree .tagespflege-orte .tagespflege-ort .tagespflege-icon .fa, .module-tpfree .tagespflege-orte .tagespflege-ort .tagespflege-icon .fas {
  font-size: 3rem;
  line-height: 64px;
}
@media (max-width: 768px) {
  .module-tpfree .tagespflege-orte .tagespflege-ort {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-right: 0;
  }
}
.module-tpfree .tagespflege-orte .tagespflege-ort.frei .tagespflege-icon {
  background-color: green;
}

.module-quotes {
  font-family: "Manrope", sans-serif;
}
.module-quotes p {
  font-family: "Manrope", sans-serif;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.5;
}
.module-quotes .content {
  max-width: 960px; /* Maximum width of the content */
  margin: 0 auto; /* Center the content */
  padding: 100px 0;
}
.module-quotes .container {
  width: 100%;
}
.module-quotes .module {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Aligns items vertically in the center */
  margin-bottom: 0px; /* Space between modules */
}
@media (max-width: 960px) {
  .module-quotes .module {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.module-quotes .module img {
  width: 50%; /* Adjust image width as needed */
  margin-right: 20px; /* Space between image and text */
}
@media (max-width: 960px) {
  .module-quotes .module img {
    width: 100%;
    margin-right: 0;
  }
}
.module-quotes .module p {
  font-size: 1.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; /* Allows text to fill the remaining space */
}
.module-quotes {
  /* To switch image and text sides */
}
.module-quotes .module.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.module-quotes .module.reverse img {
  margin-right: 0;
  margin-left: 20px; /* Adds space between text and image when reversed */
}
.module-quotes .decorative-quote {
  position: relative;
  font-style: italic;
  font-size: 1.25em;
  line-height: 1.6;
  margin: 20px 0;
  padding: 20px 20px 20px 60px;
}
@media (max-width: 960px) {
  .module-quotes .decorative-quote {
    width: 100%;
    padding: 10px 10px 10px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1rem;
  }
}
.module-quotes .decorative-quote:before {
  content: "“";
  font-size: 4em;
  position: absolute;
  left: 10px; /* Position may need slight adjustments */
  top: -20px; /* Adjusted to better align with the start of the text */
  color: #ccc;
}
@media (max-width: 960px) {
  .module-quotes .decorative-quote:before {
    font-size: 3em;
    top: -10px;
    left: -10px;
  }
}
.module-quotes .decorative-quote:after {
  content: "”";
  font-size: 4em;
  position: absolute;
  right: 10px; /* Position may need slight adjustments */
  bottom: -60px; /* Adjusted to better align with the end of the text */
  color: #ccc;
}
@media (max-width: 960px) {
  .module-quotes .decorative-quote:after {
    font-size: 3em;
    bottom: -30px;
  }
}

.module-apllication-cta .content {
  max-width: 1200px; /* Maximum width of the content */
  margin: 0 auto; /* Center the content */
  padding: 20px; /* Padding around the content */
}
@media (max-width: 768px) {
  .module-apllication-cta .content .max-width-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; /* Stack columns vertically */
  }
}
.module-apllication-cta .column-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* Enables flexbox layout */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 40px; /* Space between columns */
  clear: both;
}
.module-apllication-cta .column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; /* Distribute space evenly between columns */
}
.module-apllication-cta .column.width_33 {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.module-apllication-cta {
  /*** Table ***/
}
.module-apllication-cta .table {
  margin: 0;
}
.module-apllication-cta .contenttable,
.module-apllication-cta .table-borderless {
  width: 100%; /* Full width */
  border-collapse: collapse; /* Collapse borders */
  font-family: Arial, sans-serif; /* Modern font */
}
.module-apllication-cta .contenttable thead,
.module-apllication-cta .table-borderless thead {
  background-color: #f2f2f2; /* Light grey background for the header */
  color: #333; /* Dark grey text */
}
.module-apllication-cta .contenttable thead p,
.module-apllication-cta .table-borderless thead p {
  font-size: 1rem;
}
.module-apllication-cta .contenttable td, .module-apllication-cta .contenttable th,
.module-apllication-cta .table-borderless td, .module-apllication-cta .table-borderless th {
  border: 1px solid #ddd; /* Light grey border */
  text-align: center; /* Align text to the left */
  padding: 8px; /* Add spacing around text */
}
.module-apllication-cta .contenttable tr:nth-child(even),
.module-apllication-cta .table-borderless tr:nth-child(even) {
  background-color: #f9f9f9; /* Zebra striping for rows */
}
.module-apllication-cta {
  /* Styling for small text */
}
.module-apllication-cta .small {
  font-size: 0.8em; /* Smaller text */
  color: #666; /* Lighter text color */
}
.module-apllication-cta {
  /* Highlight Pflegegrad column for emphasis */
}
.module-apllication-cta .pflegegrad {
  background-color: #e7f4e8; /* Light green background for emphasis */
  font-weight: bold; /* Make text bold */
}
.module-apllication-cta {
  /* Remove border for cells with '–' to indicate non-applicable or empty */
}
.module-apllication-cta .contenttable td:empty:before,
.module-apllication-cta .table-borderless td:empty:before {
  content: "–"; /* Add a dash for empty cells */
  color: #bbb; /* Light grey text */
}
.module-apllication-cta .contenttable td:empty,
.module-apllication-cta .table-borderless td:empty {
  border: none; /* Remove border for empty cells */
}
.module-apllication-cta .image-column {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; /* Default order for image column */
}
.module-apllication-cta .text-column {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; /* Default order for text column */
}
.module-apllication-cta .toggle-left .image-column {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.module-apllication-cta .toggle-left .text-column {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.module-apllication-cta .toggle-right .image-column {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.module-apllication-cta .toggle-right .text-column {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.module-apllication-cta .portrait {
  width: 100%;
  height: auto;
}
.module-apllication-cta p {
  font-family: "Manrope", sans-serif;
  font-size: 1.5rem;
  line-height: 1.5;
}

.module-imagefw {
  position: relative;
}
.module-imagefw .section-headline {
  max-width: unset;
}
.module-imagefw {
  min-height: 75vh;
}
.module-imagefw .author {
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: white;
  font-family: "Manrope", sans-serif;
  font-size: 0.9rem;
}

.module-scrollable-gallery .section-headline {
  max-width: unset;
}
.module-scrollable-gallery .splide__slide img {
  width: 100%;
  height: auto;
}
.module-scrollable-gallery .splide__list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-scrollable-gallery .bodytext {
  margin: 40px auto;
  max-width: 960px;
}

.module-jobs .section-headline {
  margin-bottom: 50px;
}
.module-jobs ul {
  list-style: none;
  padding-left: 0;
}
.module-jobs .content {
  max-width: 960px; /* Maximum width of the content */
  margin: 0 auto; /* Center the content */
  padding: 100px 0;
}
@media (max-width: 768px) {
  .module-jobs .content {
    padding: 0;
  }
}
.module-jobs .offer {
  background-color: #f0f0f0; /* Light grey background */
  border-radius: 8px; /* Rounded corners */
  padding: 20px; /* Padding around the content */
  max-width: 100%; /* Adjust based on your layout */
  margin: 0 auto 30px; /* Center the module */
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional: adds a subtle shadow */
}
.module-jobs .offer h3 {
  margin-bottom: 20px; /* Space between headline and buttons */
  text-align: left; /* Center align the headline */
}
.module-jobs .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; /* Align buttons to the left */
  gap: 40px; /* Space between buttons */
}
.module-jobs a {
  padding: 10px 20px; /* Button padding */
  border: none;
  background-color: orange;
  border-radius: 5px; /* Rounded corners for buttons */
  font-weight: normal; /* Make button text bold */
  cursor: pointer; /* Change cursor to pointer on hover */
  outline: none; /* Remove outline */
  text-decoration: none;
  font-size: 1.25rem;
}
@media (max-width: 768px) {
  .module-jobs a {
    display: block;
    margin-bottom: 0.5rem;
  }
}
.module-jobs .about {
  background-color: orange; /* Light blue background */
  color: white; /* Blue text color */
}
.module-jobs .apply {
  background-color: orange; /* White background */
  color: white; /* Blue text color */
}
.module-jobs button:hover {
  opacity: 0.9; /* Slight opacity change on hover */
}

.module-jobdescription .content {
  max-width: 960px;
  margin: 0 auto;
  padding: 100px 0;
}
.module-jobdescription h3 {
  font-size: 1.75rem;
  font-weight: normal;
}
.module-jobdescription p {
  font-size: 1.5rem;
  line-height: 1.5;
  margin-right: 5rem;
  font-weight: lighter;
}
.module-jobdescription ul li {
  font-size: 1.5rem;
  line-height: 1.5;
  margin-right: 5rem;
  font-weight: lighter;
}
.module-jobdescription hr, .module-jobdescription .divider {
  height: 2px; /* Height of the dividing line */
  width: 30%; /* Width of the dividing line */
  background-color: darkblue; /* Color of the dividing line */
  margin: 20px 0; /* Centers the dividing line and adds some space around it */
}
.module-jobdescription .contact-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 20px 0;
}
.module-jobdescription .portrait img {
  max-width: 300px;
  height: auto;
  margin-right: 40px;
}
.module-jobdescription .contact-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.module-jobdescription .contact-info p {
  margin-right: 0;
}
.module-jobdescription .contact-info p a {
  background-color: orange;
  color: white;
  padding: 10px;
  border-radius: 10px;
  text-decoration: none;
}
.module-jobdescription .contact-info p:first-child {
  margin-top: 0;
}
.module-jobdescription .contact-info h3 {
  margin-top: 0;
}
.module-jobdescription {
  /* Responsive adjustments */
}
@media (max-width: 768px) {
  .module-jobdescription .contact-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  .module-jobdescription .portrait img {
    margin-bottom: 20px;
    margin-right: 0;
  }
}

.module-form .confirmation-text p {
  max-width: 960px;
  font-family: "Manrope", sans-serif;
  font-size: 1.5rem;
  line-height: 1.5;
  text-align: center !important;
  font-weight: lighter;
  margin: 0 auto 40px;
}
@media (max-width: 768px) {
  .module-form .confirmation-text p {
    font-size: 1rem;
  }
}
.module-form form h2 {
  display: none;
}
.module-form form {
  max-width: 960px;
  margin: 0 auto;
}
.module-form form .form-group, .module-form form label {
  display: block;
  margin-bottom: 0.5rem;
  color: #212529;
  font-size: 1.5rem;
  font-family: "Manrope", sans-serif;
  font-weight: lighter;
}
@media (max-width: 768px) {
  .module-form form .form-group, .module-form form label {
    font-size: 1rem;
  }
}
.module-form form .form-control, .module-form form input[type=text] {
  display: block;
  width: 95%;
  padding: 0.375rem 0.75rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  margin-bottom: 1rem;
  font-family: "Manrope", sans-serif;
}
.module-form form .btn-primary {
  font-family: "Manrope", sans-serif;
  font-weight: lighter;
  text-align: center;
  display: block;
  width: 100%;
  padding: 20px;
  font-size: 1.5rem;
  background-color: var(--akp-darkblue, #060d71);
  color: white;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none;
}
.module-form form .btn-primary:hover {
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.33);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.33);
  text-decoration: underline;
}
.module-form form .btn-cancel {
  font-family: "Manrope", sans-serif;
  font-weight: lighter;
  text-align: center;
  display: block;
  padding: 20px;
  font-size: 1rem;
  background-color: darkgray;
  color: white;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none;
  margin-bottom: 20px;
}
.module-form form .btn-cancel:hover {
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.33);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.33);
  text-decoration: underline;
}

/** Login Form **/
#c204,
#c283 {
  max-width: 320px;
  margin: 80px auto;
  font-family: "Manrope", sans-serif;
}
#c204 h3,
#c283 h3 {
  max-width: 1200px;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 2.25rem;
  clear: both;
  text-align: center;
  color: var(--akp-darkblue, #060d71);
  line-height: 1.4;
}
@media (max-width: 768px) {
  #c204 h3,
  #c283 h3 {
    font-size: 1.5rem;
  }
}
#c204 legend,
#c283 legend {
  display: none;
}
#c204 label,
#c283 label {
  display: block;
}
#c204 input[type=text], #c204 input[type=password],
#c283 input[type=text],
#c283 input[type=password] {
  padding: 10px 15px;
  margin-bottom: 1rem;
  display: block;
  width: 89%;
}
#c204 input[type=submit],
#c283 input[type=submit] {
  font-family: "Manrope", sans-serif;
  font-weight: lighter;
  text-align: center;
  display: block;
  width: 100%;
  padding: 20px 0;
  font-size: 1.5rem;
  background-color: var(--akp-darkblue, #060d71);
  color: white;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none;
}
#c204 input[type=submit]:hover,
#c283 input[type=submit]:hover {
  background-color: #0f189f;
}

/* CTA */
.cta-section {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #F0F4F8;
  padding: 40px 0;
  font-family: "Manrope", sans-serif;
}

.cta-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 960px;
  margin: auto;
}
@media (max-width: 768px) {
  .cta-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.cta-image {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cta-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 20px;
}

.cta-heading {
  text-align: center;
  margin-bottom: 30px;
}

.cta-heading,
.cta-text h2 {
  font-weight: normal;
  font-size: 2.5rem;
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
  color: var(--akp-darkblue, #060d71);
  text-align: left;
}
@media (max-width: 768px) {
  .cta-heading,
  .cta-text h2 {
    font-size: 1.5rem;
  }
}

.cta-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1200px;
  margin: auto;
  position: relative;
  z-index: 5;
}
@media (max-width: 768px) {
  .cta-container {
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.cta-text, .cta-picture {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 20px;
}
@media (max-width: 768px) {
  .cta-text, .cta-picture {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding: 0;
  }
}

.cta-text {
  -webkit-box-flex: 1.5;
      -ms-flex: 1.5;
          flex: 1.5;
}
@media (max-width: 768px) {
  .cta-text {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

.cta-text p {
  font-family: "Manrope", sans-serif;
  font-weight: lighter;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 60px;
  margin-top: 0;
}

.cta-text a {
  font-family: "Manrope", sans-serif;
  font-weight: lighter;
  font-size: 1.5rem;
  color: #FFFFFF;
  background-color: orange;
  padding: 20px 30px;
  border-radius: 8px;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.cta-text a:hover {
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.46);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.46);
}

.cta-picture {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 20px;
  text-align: center;
}
.cta-picture p {
  font-family: "Manrope", sans-serif;
  font-weight: lighter;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 30px;
  text-align: left;
}
@media (max-width: 768px) {
  .cta-picture {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding: 0;
  }
}

.cta-picture img {
  width: 100%;
  height: auto;
}

.cta-fw {
  background: url("../img/cta3-bg.jpg") center;
  background-size: cover;
}
.cta-fw h2 {
  color: white;
}
.cta-fw p {
  color: white;
}
.cta-fw .cta-text {
  -webkit-box-flex: 1.8;
      -ms-flex: 1.8;
          flex: 1.8;
}
@media (max-width: 768px) {
  .cta-fw .cta-text {
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
}
.cta-fw .cta-picture {
  -webkit-box-flex: 1.2;
      -ms-flex: 1.2;
          flex: 1.2;
}
@media (max-width: 768px) {
  .cta-fw .cta-picture {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
}

.cta-picture {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; /* Default order for image column */
}

.cta-text {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; /* Default order for text column */
}

.toggle-left .cta-picture {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.toggle-left .cta-text {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.toggle-right .cta-picture {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.toggle-right .cta-text {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.text-inverted {
  color: white !important;
}
.text-inverted p {
  color: white !important;
}
.text-inverted h2 {
  color: white !important;
}

.cta {
  overflow: hidden;
  position: relative;
  padding: 40px 0 80px;
}
.cta .background-square {
  position: absolute;
  left: 0;
  top: -50%;
  width: 30%;
  height: 100%;
  background-color: rgba(255, 165, 0, 0.8);
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
          transform-origin: left bottom;
  z-index: 1;
}
.cta .cta-text a {
  background-color: orange;
}

.module-calendar .content {
  max-width: 960px;
}
.module-calendar .tx-md-fullcalendar {
  font-family: "Manrope", sans-serif;
}
.module-calendar .tx-md-fullcalendar .category3 {
  color: #fff;
  background-color: red;
  padding-left: 0.5rem;
  border-color: red;
}
.module-calendar .tx-md-fullcalendar .category4 {
  color: #fff;
  background-color: darkblue;
  border-color: darkblue;
  padding-left: 0.5rem;
}
.module-calendar .fc-dayGridMonth-button,
.module-calendar .fc-timeGridWeek-button,
.module-calendar .fc-timeGridDay-button {
  display: none !important;
}
.module-calendar .modal-footer .btn-secondary {
  display: none;
}

.news-list-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 30px;
}
.news-list-view .article {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(33% - 24px);
          flex: 0 1 calc(33% - 24px);
  border: 1px solid #ccc; /* Border for the card */
  border-radius: 10px;
  background-color: #f9f9f9; /* Background color for the card */
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Light drop shadow */
  margin-bottom: 20px; /* Space below each card */
}
.news-list-view .article a {
  color: var(--akp-darkblue, #060d71);
  text-decoration: none;
}
.news-list-view .article a:hover {
  text-decoration: underline;
}
.news-list-view .article.cards_3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(33% - 24px);
          flex: 0 1 calc(33% - 24px);
}
.news-list-view .article.cards_4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(25% - 20px);
          flex: 0 1 calc(25% - 20px);
}
.news-list-view .article.cards_2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(50% - 24px);
          flex: 0 1 calc(50% - 24px);
}
@media (max-width: 768px) {
  .news-list-view .article {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; /* Each card takes full width on smaller screens */
  }
}
.news-list-view .article .news-list-category {
  display: none;
}
.news-list-view .f3-widget-paginator {
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  margin-top: 2rem;
  padding: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.news-list-view .f3-widget-paginator li.current {
  padding: 0.5rem 1rem;
  background-color: #ccc;
  color: #000;
  border-radius: 4px;
  font-weight: bold;
}
.news-list-view .f3-widget-paginator li a {
  display: inline-block;
  padding: 0.5rem 1rem;
  background-color: #eee;
  color: #333;
  text-decoration: none;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.news-list-view .f3-widget-paginator li a:hover {
  background-color: #ddd;
}
.news-list-view .news-img-wrap img {
  width: 100%; /* Makes the image responsive */
  height: auto;
  border-top-left-radius: 4px; /* Optional: rounds the top corners of the image */
  border-top-right-radius: 4px; /* Optional: rounds the top corners of the image */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.news-list-view .card-content {
  padding: 15px; /* Padding inside the card */
}
.news-list-view .date {
  font-size: 0.9em !important;
  color: #666; /* Grey color for the date */
  margin-bottom: 10px; /* Space between date and teaser */
}
.news-list-view .header h3 {
  font-family: "Manrope", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 1rem;
  color: #222222;
}
.news-list-view .header h3 a {
  color: #222222;
  text-decoration: none;
}
.news-list-view .teaser-text p {
  margin-top: 0;
  font-size: 1rem !important;
}

.news-single {
  max-width: 600px;
  margin: 100px auto;
}
.news-single .teaser-text {
  color: var(--akp-darkblue, #060d71);
}
.news-single p {
  -ms-hyphens: auto;
      hyphens: auto;
  font-size: 1.25rem !important;
}
.news-single ol li {
  font-size: 1.25rem !important;
}
.news-single ul li {
  font-size: 1.25rem !important;
}
.news-single .news-img-wrap {
  margin: 1em -40px;
}
@media (max-width: 960px) {
  .news-single .news-img-wrap {
    margin: 20px;
  }
}
.news-single .news-img-wrap img {
  width: 100%;
  height: auto;
  margin: 20px auto;
}
.news-single .news-img-wrap .mediaelement-video video {
  width: 100%;
  height: auto;
}
.news-single .news-text-wrap img {
  max-width: 100% !important;
  float: left;
  display: inline;
  margin: 0 20px 20px 0;
}
.news-single .teaser-text p {
  font-style: italic;
}

.tx-kesearch-pi1 {
  font-family: "Manrope", sans-serif;
  max-width: 960px;
  margin: 50px auto;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Clearer */
.tx-kesearch-pi1 .clearer {
  display: block;
  height: 1px;
  line-height: 1px;
  clear: both;
}

/* formElements */
.tx-kesearch-pi1 form {
  border: 0 none;
  margin: 0 0 20px 0;
}

.tx-kesearch-pi1 form fieldset {
  margin: 0;
  padding: 0;
}

.tx-kesearch-pi1 .kesearch_searchbox {
  border: none;
}

.tx-kesearch-pi1 input[type=search],
.tx-kesearch-pi1 select,
.tx-kesearch-pi1 textarea {
  padding: 0.3em 0.3em 0.3em 0.4em;
  background: white;
  border: 1px solid #bbbbbb;
  border-radius: 2px;
  color: #2b2b2b;
}

.tx-kesearch-pi1 input[type=search]:focus,
.tx-kesearch-pi1 input[type=search]:hover,
.tx-kesearch-pi1 select:focus,
.tx-kesearch-pi1 select:hover,
.tx-kesearch-pi1 textarea:focus,
.tx-kesearch-pi1 textarea:hover {
  -webkit-box-shadow: 0 0 3px #bbbbbb;
          box-shadow: 0 0 3px #bbbbbb;
  border: 1px solid #b2b2b2;
  color: #000;
}

/* Buttons */
a.kesGreyButt,
span.resetbutt a,
span.submitbutt input,
input.kesGreyButt,
span.kesGreyButt {
  font-size: 1em;
  font-family: Sans-Serif;
  padding: 5px 10px;
  margin: 0 10px 10px 0;
  display: block;
  cursor: pointer;
  min-width: 70px;
  max-width: 140px;
  -moz-user-select: none;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(center top, #f6f6f6, #f0f0f0);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  color: #444;
  text-align: center;
  text-decoration: none;
}

/* fix firefox button size (line-height is not working in firefox submit button)*/
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

li.checkboxButtonSubmit span,
span.submitbutt input,
input.kesGreyButt[type=submit] {
  min-width: 169px;
  max-width: 220px;
}

span.resetbutt {
  display: none;
}

span.resetbutt a:hover,
span.submitbutt input:hover,
input.kesGreyButt:hover,
span.kesGreyButt:hover {
  text-decoration: none;
  cursor: pointer;
  background-color: #f8f8f8;
  background-image: -moz-linear-gradient(center top, #f8f8f8, #f1f1f1);
  border: 1px solid #c6c6c6;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #222;
}

span.kesGreyButt a {
  text-decoration: none;
  color: #444;
  text-shadow: 0px 1px 0px #ffffff;
}

span.kesGreyButt a:hover {
  text-decoration: none;
  color: #000;
  text-shadow: 0px -1px 0px #ffffff;
}

/* buttFixes */
#kesearch_filters .list li.checkboxButton,
#kesearch_filters .list li.checkboxButtonSubmit {
  text-decoration: none !important;
  padding-bottom: 5px;
}

#kesearch_filters .list li.checkboxButtonSubmit {
  margin-bottom: 1px;
}

#kesearch_filters .list li.checkboxButtonSubmit {
  padding-bottom: 0;
}

/* SearchBox */
div.kesearchbox {
  position: relative;
  height: 35px;
  margin: 0 0 10px 0;
}

#ke_search_sword {
  position: absolute;
  top: 1px;
  width: 100%;
  height: auto;
  padding: 8px 40px 7px 9px;
  margin: 0;
  display: inline;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#kesearch_submit {
  position: absolute;
  top: 3px;
  left: 237px;
  height: 28px;
  width: 28px;
  border: 0 none;
  padding: 0;
}

#kesearch_submit:focus,
#kesearch_submit:hover {
  -webkit-box-shadow: 0 0 0 white;
          box-shadow: 0 0 0 white;
  border: 0 none;
  cursor: pointer;
}

/* Filters */
#kesearch_filters select {
  margin: 0 0 10px 0;
}

#kesearch_filters .list {
  border: 1px solid #cfcfcf;
  margin-bottom: 10px;
}

#kesearch_filters .list .head {
  display: block;
  border-bottom: 1px solid #CFCFCF;
  padding: 5px;
}

#kesearch_filters .list ul {
  padding: 10px;
  margin: 0;
  list-style-type: none;
}

#kesearch_filters .list ul.expanded {
  display: block;
}

#kesearch_filters .list ul.closed {
  display: none;
}

#kesearch_filters .list li {
  display: block;
  list-style-type: none;
  margin: 0 0 10px 0;
  line-height: 16px;
  color: #444;
}

#kesearch_filters .list li a {
  color: #444;
}

#kesearch_filters .list a.kesGreyButt {
  margin-left: 10px;
}

#kesearch_filters .list li:hover,
#kesearch_filters .list li a:hover {
  text-decoration: none;
  color: #444;
  cursor: pointer;
}

#kesearch_filters .list li.selected {
  font-weight: bold;
}

#kesearch_filters .list li.parent0,
#kesearch_filters .list li.level0 {
  margin-left: 14px;
}

#kesearch_filters .list li.parent1,
#kesearch_filters .list li.level1 {
  margin-left: 21px;
}

#kesearch_filters .list li.parent2,
#kesearch_filters .list li.level2 {
  margin-left: 28px;
}

#kesearch_filters .list li.parent3,
#kesearch_filters .list li.level3 {
  margin-left: 35px;
}

#kesearch_filters .list li.parent0,
#kesearch_filters .list li.parent1,
#kesearch_filters .list li.parent2,
#kesearch_filters .list li.parent3 {
  font-weight: bold;
  list-style-position: outside;
}

/* Checkboxes */
#kesearch_filters .list ul.checkboxList {
  padding-bottom: 1px;
}

#kesearch_filters .list li.optionCheckBox {
  float: left;
  width: 200px;
  text-decoration: none;
  margin-bottom: 4px;
}

#kesearch_filters .list li.optionCheckBox input[type=checkbox] {
  float: left;
  margin: 0 5px 0 0;
}

#kesearch_filters .list li.clearer {
  font-size: 0;
  line-height: 0;
  float: none;
  margin: 0 !important;
}

#kesearch_filters label {
  display: block;
  font-weight: bold;
  color: #353535;
  margin: 0 0 4px 0;
}

#kesearch_filters .list li.region {
  font-weight: bold;
  margin-top: 5px;
}

#kesearch_filters .list li.noclick {
  cursor: default !important;
}

#kesearch_filters .list li.country {
  margin-left: 7px;
}

/* SPECIAL CSS CLASS */
#kesearch_filters .small {
  display: block;
  height: 65px;
  max-height: 65px;
  overflow-y: auto;
  overflow-x: hidden;
}

#kesearch_filters .larger {
  display: block;
  height: 130px;
  max-height: 130px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* Results */
#kesearch_num_results {
  color: #898989;
  float: left;
}

#kesearch_results .result-list-item {
  clear: both;
  margin: 20px 0 30px 0;
  padding: 0;
}

#kesearch_results .result-list-item .result-number,
#kesearch_results .result-list-item .result-title {
  font-size: 1.2em;
}

#kesearch_results {
  clear: both;
  margin-top: 20px;
}

#kesearch_results .result-list-item .result-teaser {
  color: #707070;
}

.tx-kesearch-pi1 #kesearch_results .teaser_icon img {
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}

.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
  color: red;
  font-weight: bold;
}

.tx-kesearch-pi1 #kesearch_results .result-list-item .scoreBar {
  border: 1px solid #D3D3D3;
  display: block;
  float: right;
  height: 10px;
  width: 48px;
}

.tx-kesearch-pi1 #kesearch_results .result-list-item .scoreBar .score {
  background-color: #D3D3D3;
  border: 1px solid #898989;
  display: block;
  height: 10px;
  margin: -1px 0 0 -1px;
}

/* Query time */
.tx-kesearch-pi1 #kesearch_query_time {
  font-style: italic;
  text-align: center;
  font-size: 80%;
}

/* Searchbox */
.tx-kesearch-pi1 .searchbox {
  margin-bottom: 5px;
}

.tx-kesearch-pi1 .searchbox input {
  margin-left: 0;
  width: 145px;
}

.tx-kesearch-pi1 .searchbox input.submit {
  width: 18px;
  height: 18px;
  border: none;
  background: none;
  vertical-align: middle;
}

.tx-kesearch-pi1 form.static .searchbox input.submit {
  margin-top: -16px;
}

.tx-kesearch-pi1 form.ajax .searchbox input.submit {
  margin-top: -4px;
}

.tx-kesearch-pi1 .searchbox .search_input {
  float: left;
  margin-right: 5px;
}

/* General Message */
.tx-kesearch-pi1 .general-message {
  padding: 5px;
}

.tx-kesearch-pi1 .general-message .image {
  float: left;
  vertical-align: middle;
  margin-right: 10px;
}

/* Pagebrowser */
.kesearch_pagebrowser ul {
  display: inline;
  margin: 0;
  padding: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
}

.kesearch_pagebrowser ul li {
  list-style-type: none;
  display: inline-block;
  margin: 0;
}

#kesearch_pagebrowser_top,
#kesearch_pagebrowser_bottom {
  text-align: center;
  word-wrap: break-word;
  color: #707070;
}

#kesearch_pagebrowser_top .pages_total,
#kesearch_pagebrowser_bottom .pages_total {
  padding: 8px 0;
  background: #fff;
  margin-bottom: 15px;
}

#kesearch_pagebrowser_top .pages_total {
  border-bottom: 1px solid #cccccc;
}

#kesearch_pagebrowser_bottom .pages_total {
  border-top: 1px solid #cccccc;
}

#kesearch_pagebrowser_top div.result_txt,
#kesearch_pagebrowser_bottom div.result_txt {
  margin: 0 0 5px 0;
}

#kesearch_pagebrowser_top .kesearch_pagebrowser,
#kesearch_pagebrowser_bottom .kesearch_pagebrowser {
  margin: 0 auto 0;
}

#kesearch_pagebrowser_top a,
#kesearch_pagebrowser_bottom a {
  padding: 3px;
}

#kesearch_pagebrowser_top a:hover,
#kesearch_pagebrowser_bottom a:hover {
  cursor: pointer;
}

#kesearch_pagebrowser_top a.current,
#kesearch_pagebrowser_bottom a.current {
  font-weight: bold;
  color: #000;
  text-decoration: none;
}

#kesearch_pagebrowser_top .browser,
#kesearch_pagebrowser_bottom .browser {
  border: 1px solid;
}

/* Ordering */
.tx-kesearch-pi1 #kesearch_ordering span.down {
  display: inline-block;
  width: 0;
  height: 0;
  border-color: #FF0000 transparent;
  border-style: solid solid none;
  border-width: 4px 4px 0;
}

.tx-kesearch-pi1 #kesearch_ordering span.up {
  display: inline-block;
  width: 0;
  height: 0;
  border-color: transparent transparent #FF0000;
  border-style: none solid solid;
  border-width: 0 4px 4px;
}

.tx-kesearch-pi1 #kesearch_ordering div.ordering {
  float: right;
  max-width: 300px;
}

.tx-kesearch-pi1 #kesearch_ordering ul {
  display: inline-block;
  height: 20px;
  list-style-type: none;
  margin: 0 0 10px;
  padding: 0;
}

.tx-kesearch-pi1 #kesearch_ordering ul li {
  float: left;
  margin-right: 10px;
}

.tx-kesearch-pi1 #kesearch_ordering div.clearer {
  clear: left;
}

/* needed for autocomplete */
ul.ui-autocomplete li a {
  font-size: 12px;
}

.site-footer {
  background-color: var(--akp-darkblue, #060d71);
  color: #fff; /* Adjust text color as needed */
  padding: 40px 0;
  font-family: "Manrope", sans-serif;
  min-height: 250px;
}
.site-footer a {
  color: white;
}
.site-footer p {
  line-height: 1.6;
}

.footer-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.footer-column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 200px; /* Adjust minimum width as needed for responsiveness */
  margin: 0 10px; /* Adjust spacing between columns */
}

.footer-column ul {
  list-style: none;
  padding: 0;
}

.footer-column ul li a {
  color: #fff; /* Adjust link color as needed */
  text-decoration: none;
  line-height: 1.6;
}
.footer-column ul li a:hover {
  text-decoration: underline;
}

.footer-column a img {
  height: 28px; /* Adjust social icon size */
  width: auto;
  margin: 0 5px; /* Adjust spacing around icons */
}

.footer-column > img {
  width: var(--akp-footer-caritas-width, 150px);
  height: auto;
}

.footer-column a {
  color: white; /* Adjust link color as needed */
  margin-right: 10px; /* Space out the icons */
}

.footer-column a i {
  font-size: 34px; /* Icon size */
}

.social-media-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#floating-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px; /* Adjust width as needed */
  background-color: #f0f0f0; /* Background color */
  border-radius: 25px; /* Adjust for rounded corners */
  padding: 10px;
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000; /* Ensure it's above other content */
}

.icon-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.icon {
  margin: 10px 0;
  position: relative;
}

.label {
  font-family: "Manrope", sans-serif;
  font-size: 1.25em;
  visibility: hidden;
  position: absolute;
  right: 100%; /* Adjusted to position labels on the left */
  white-space: nowrap;
  background-color: #f0f0f0; /* Same as container */
  color: #333; /* Adjust text color as needed */
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; /* Smooth transition for sliding effect */
  opacity: 0; /* Start fully transparent */
  -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
          transform: translateX(15px); /* Start slightly to the right (hidden) */
  margin-right: 15px; /* Space between icon and label */
}

.icon:hover .label {
  visibility: visible;
  opacity: 1; /* Fully visible on hover */
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px); /* Slide out to the original position */
}

.fa, .fas {
  font-size: 24px; /* Adjust icon size as needed for the project */
  color: #333333;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .visually-hidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * The use of `table` rather than `block` is only necessary if using
 * `::before` to contain the top-margins of child elements.
 */
.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

.column-break-before {
  -webkit-column-break-before: column;
     -moz-column-break-before: column;
          break-before: column;
  margin-top: 0;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]::after {
    content: " (" attr(href) ")";
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* General form styling */
form {
  width: 100%;
  max-width: 600px;
  margin: auto;
  padding: 20px;
  background-color: #f7f7f7;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Fieldset styling */
fieldset {
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

/* Legend styling */
legend {
  width: auto;
  padding: 0 10px;
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
}

/* Form group styling */
.form-group {
  margin-bottom: 15px;
}

/* Label styling */
.form-label {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
}

/* Input styling */
.input {
  width: 100%;
}

/* Input elements */
.form-control {
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 1em;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 4px;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.inputs-list .form-group:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .inputs-list .form-group:first-child {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.form-check {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
}
@media (max-width: 768px) {
  .form-check {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

/* Required field asterisk */
.required {
  color: red;
}

/* Row styling */
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

/* Column styling */
.col-6 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 12px);
          flex: 0 0 calc(50% - 12px);
  max-width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 768px) {
  .col-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Action buttons */
.actions {
  text-align: center;
}

/* Navigation buttons */
.form-navigation .btn-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn-group {
  margin: 0 5px;
}

.btn {
  padding: 10px 20px;
  font-size: 1em;
  border-radius: 4px;
}

/* Button primary */
.btn-primary {
  color: #fff;
  background-color: var(--akp-darkblue, #060d71);
  border-color: var(--akp-darkblue, #060d71);
}

.btn-primary:hover {
  color: #fff;
  background-color: var(--akp-darkblue-hover, #0101b1);
  border-color: var(--akp-darkblue-hover, #0101b1);
}

.module-text-highlight {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 1rem;
  /* Scoped under .content to beat the layout-wide
     `.module .content p { font-size: 1.5rem }` rule on specificity. */
}
.module-text-highlight .content .section-overline {
  font-size: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 500;
  color: #000;
  text-align: center;
  margin: 0 0 0.5rem 0;
}
@media (max-width: 768px) {
  .module-text-highlight .content .section-overline {
    font-size: 1rem;
  }
}
.module-text-highlight .section-headline {
  font-family: "Manrope", sans-serif;
  font-size: 2.25rem;
  margin: 0 0 1.5rem 0;
}
@media (max-width: 768px) {
  .module-text-highlight .section-headline {
    font-size: 1.5rem;
  }
}
.module-text-highlight .section-introtext {
  font-style: italic;
  color: var(--akp-darkblue, #060d71);
  font-size: 1.25rem;
  line-height: 1.5;
  text-align: center;
  margin: 0 0 3rem 0;
}
.module-text-highlight .column-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.module-text-highlight .column {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}
.module-text-highlight .text-column {
  font-family: "Manrope", sans-serif;
  line-height: 1.6;
}
.module-text-highlight .highlight-column {
  padding: 2.5rem 2rem;
  font-family: "Manrope", sans-serif;
  line-height: 1.6;
  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;
}
.module-text-highlight .highlight-column.variant-primary {
  background-color: var(--akp-darkblue, #060d71);
  color: #fff;
}
.module-text-highlight .highlight-column.variant-primary a {
  color: #fff;
}
.module-text-highlight .highlight-column.variant-primary ul li::before {
  color: #fff;
}
.module-text-highlight .highlight-column.variant-tint {
  background-color: var(--akp-bg-lightblue, #DAE3F3);
  color: #000;
}
.module-text-highlight .highlight-column.variant-tint ul li::before {
  color: var(--akp-darkblue, #060d71);
}
.module-text-highlight .highlight-column {
  /* Lists rendered inside the highlight column get a checkmark bullet
     (Font Awesome 6 Free, fa-check) instead of the default disc.
     Color inherits from .variant-primary (white) or .variant-tint (black). */
}
.module-text-highlight .highlight-column ul {
  list-style: none;
  padding-left: 0;
  margin: 0 0 1rem 0;
}
.module-text-highlight .highlight-column ul li {
  position: relative;
  padding-left: 1.75em;
  margin-bottom: 0.5em;
}
.module-text-highlight .highlight-column ul li::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
  line-height: inherit;
}
@media (max-width: 768px) {
  .module-text-highlight .column-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
  }
  .module-text-highlight .highlight-column {
    padding: 1.5rem 1.25rem;
  }
}

/*** End ***/