@charset "UTF-8";
:root {
  --base-gap-size: 1.5rem;
}

/**
* Die getMap Funktion ermöglicht das einfache auslesen von
* verschachtelten SCSS Maps.
*
* map-deep-get($MAPNAME, MAPKEY, MAPVALUE);
*/
/**
 * Das pseudo Mixin erlaubt das einfache erstellen von pseudo-Elementen.
 * Es kann mittels @include in Elemente eingebunden werden und akzeptiert
 * folgende Paramter:
 *    - $loc      = location (before [default] oder after)
 *    - $content  = content der mittels CSS generiert werden soll
 *    - $pos      = position (absolute [default] oder relative)
 *
 * Bsp.: @include pseudo($loc: after, $content: 'hallo', $pos: relative) { background: red; }
 *
 * Das Mixin kann durch eigene erweiternde Eigenschaften ergänzt werden.
 */
/**
 * Das paddingPage Mixin erzeugt einheitliche Innenabstände. Dabei werden
 * aus der theme.json des Child Themes Werte geholt.
 */
/**
 * Das reset Mixin entfernt default styles von Elementen.
 */
/**
 * Die svgColor Funktion wandelt Hex Farben so um, dass sie in bg-img
 * SVGs als Fill oder Stroke genutzt werden können.
 */
/**
 *
 * Um einfacher an die color custom properties zugreifen zu können, gibt
 * es Funktionen.
 *
 * [1]  Übergeben wird der slug der Farbe (z.B. default, primary ...)
 *
 */
/**
 *
 * Um einfacher an die spacing custom properties zugreifen zu können, gibt
 * es eine Funktion.
 *
 */
/**
 *
 * Um einfacher an die font custom properties zugreifen zu können, gibt
 * es Funktionen.
 *
 *      FONT FAMILY
 * [1]  Übergeben wird der slug der font family (z.B. base, accent)
 *
 *      FONT WEIGHT
 * [3]  Übergeben wird der slug der font family (z.B. base, accent) und
 *      der key der weight (z.B. regular, bold ...).
 *
 *      FONT SIZE
 * [4]  Übergeben werden der selector (z.B. base, h1 ...)  und das
 *      limit (min oder max).
 *
 * [2]  Zurückgegeben wird die dazu passende custom property.
 *
 */
/**
 *
 * Die calcRem Funktion erleichtert das Berechnen von rem Werten
 *
 * [1]  Der Funktion werden zwei Werte übergeben.
 *        - $size ist die gewünschte Schriftgröße des Elements
 *        - $base ist die Basis Schriftgröße
 *
 * [2]  Aus den beiden Parametern wird ein Verhältnis berechnet
 *      (z.B. 20 / 16) und in rem umgerechnet.
 *
 */
/**
 *
 * Für die Umrechnung der Adobe XD Kerning Werte in em gibt es ein Mixin.
 * Dieser rechnet die statischen in dynamische Werte um.
 *
 */
.akt-slideshow {
  position: relative;
}
.akt-slideshow__grid {
  display: flex;
  flex-direction: column;
}
@media (min-width: 640px) and (max-width: calc(1200px - 1px)) {
  .akt-slideshow__grid {
    gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .akt-slideshow__grid {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 5vw;
    gap: var(--base-gap-size);
  }
}
@media (min-width: 1600px) {
  .akt-slideshow__grid {
    padding: 0 10vw;
  }
}
.akt-slideshow__grid.has-1-images-per-page {
  padding: 0;
}
.akt-slideshow__grid.has-1-images-per-page .akt-slideshow__item {
  width: 100%;
}
@media (min-width: 1200px) {
  .akt-slideshow__grid.has-1-images-per-page .akt-slideshow__item .uk-overlay {
    background-color: rgba(0, 0, 0, 0.75);
  }
  @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .akt-slideshow__grid.has-1-images-per-page .akt-slideshow__item .uk-overlay {
      backdrop-filter: blur(11px);
      background-color: rgba(0, 0, 0, 0.2);
    }
  }
}
@media (min-width: 1200px) {
  .akt-slideshow__grid.has-1-images-per-page .akt-slideshow__item .uk-overlay {
    top: 10vw;
    bottom: unset;
    left: 10vw;
    width: 30%;
  }
  .akt-slideshow__grid.has-1-images-per-page .akt-slideshow__item .uk-overlay > * {
    opacity: 1;
  }
}
@media (min-width: 1200px) {
  .akt-slideshow__grid.has-1-images-per-page .akt-slideshow__item img {
    max-height: 100vh;
  }
}
@media (min-width: 1200px) {
  .akt-slideshow__grid.has-1-images-per-page + .akt-slideshow__navigation {
    position: absolute;
    bottom: 10vw;
    left: 10vw;
  }
  .akt-slideshow__grid.has-1-images-per-page + .akt-slideshow__navigation a {
    color: var(--wp--preset--color--white);
  }
}
@media (min-width: 960px) {
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
  }
}
@media (min-width: 1200px) {
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
  }
}
@media (min-width: 1600px) {
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content {
    grid-template-rows: repeat(4, auto);
  }
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content.akt-slideshow__grid--content-right {
    grid-template-columns: 30vw 30vw 40vw;
  }
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content.akt-slideshow__grid--content-left {
    grid-template-columns: 40vw 30vw 30vw;
  }
}
@media (min-width: 960px) {
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content h2 {
    grid-column: 1;
    grid-row: 1;
  }
}
@media (min-width: 1200px) {
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content h2 {
    grid-column: 2;
    grid-row: 1;
    align-self: flex-start;
  }
}
@media (min-width: 1600px) {
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content h2 {
    grid-column: 2;
    grid-row: 1;
  }
}
@media (min-width: 960px) {
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content p,
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content ul {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
  }
}
@media (min-width: 1200px) {
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content p,
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content ul {
    align-self: flex-end;
    padding-right: var(--base-gap-size);
  }
}
@media (min-width: 1600px) {
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content p,
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content ul {
    grid-column: 3;
    grid-row: 2;
    align-self: center;
    padding-right: calc(2 * var(--base-gap-size) + 5vw);
  }
}
@media (min-width: 960px) {
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content .akt-slideshow__item:nth-of-type(odd) {
    grid-column: 1;
    grid-row: 2;
  }
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content .akt-slideshow__item:nth-of-type(even) {
    grid-column: 2;
    grid-row: 2;
  }
}
@media (min-width: 1200px) and (max-width: calc(1600px - 1px)) {
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content .akt-slideshow__item:nth-of-type(3n + 1) {
    grid-column: 1;
    grid-row: 1;
  }
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content .akt-slideshow__item:nth-of-type(3n + 2) {
    grid-column: 1;
    grid-row: 2;
    padding-left: 5vw;
  }
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content .akt-slideshow__item:nth-of-type(3n + 3) {
    grid-column: 2;
    grid-row: 2;
    padding-right: 5vw;
  }
}
@media (min-width: 1600px) {
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content .akt-slideshow__item:nth-of-type(4n - 7) {
    grid-column: 1;
    grid-row: 1/span 2;
    align-self: flex-end;
  }
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content .akt-slideshow__item:nth-of-type(4n - 7) img {
    aspect-ratio: 6/5;
  }
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content .akt-slideshow__item:nth-of-type(4n - 6) {
    grid-column: 2;
    grid-row: 2;
    align-self: flex-start;
  }
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content .akt-slideshow__item:nth-of-type(4n - 6) img {
    aspect-ratio: 16/9;
  }
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content .akt-slideshow__item:nth-of-type(4n - 5) {
    grid-column: 1/span 2;
    grid-row: 3/span 2;
    padding-left: 10vw;
    padding-right: 5rem;
  }
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content .akt-slideshow__item:nth-of-type(4n - 5) img {
    aspect-ratio: 6/5;
  }
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content .akt-slideshow__item:nth-of-type(4n) {
    grid-column: 3;
    grid-row: 3;
    translate: -5rem;
    padding-right: calc(2 * var(--base-gap-size) + 5vw - 5rem);
  }
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content .akt-slideshow__item:nth-of-type(4n) img {
    aspect-ratio: 7/5;
  }
}
.akt-slideshow__grid:not(.has-1-images-per-page).has-content ul {
  padding-left: 0;
}
.akt-slideshow__grid:not(.has-1-images-per-page).has-content ul li {
  list-style: none;
}
.akt-slideshow__grid:not(.has-1-images-per-page).has-content ul li + li {
  margin-top: 1rem;
}
.akt-slideshow__grid:not(.has-1-images-per-page).has-content ul li a {
  --padding: 0.25em 1em;
  --padding-hover: 0.25em 1.5em;
  background-color: var(--wp--preset--color--lightgreen);
  color: var(--wp--preset--color--white);
  padding: var(--padding);
  transition: all 0.3s ease-in-out;
}
.akt-slideshow__grid:not(.has-1-images-per-page).has-content ul li a:hover {
  padding: var(--padding-hover) !important;
}
@media (min-width: 1200px) {
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content.akt-slideshow__grid--content-left h2 {
    text-align: right;
    grid-column: 1;
  }
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content.akt-slideshow__grid--content-left h2::after {
    right: 0;
  }
}
@media (min-width: 1600px) {
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content.akt-slideshow__grid--content-left h2 {
    grid-column: 2;
  }
}
@media (min-width: 1200px) {
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content.akt-slideshow__grid--content-left > ul {
    text-align: right;
    grid-column: 1;
    padding-left: var(--base-gap-size);
    padding-right: unset;
  }
}
@media (min-width: 1600px) {
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content.akt-slideshow__grid--content-left > ul {
    padding-left: calc(2 * var(--base-gap-size) + 5vw);
    padding-right: unset;
  }
}
@media (min-width: 1200px) and (max-width: calc(1600px - 1px)) {
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content.akt-slideshow__grid--content-left .akt-slideshow__item:nth-of-type(3n + 1) {
    grid-column: 2;
  }
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content.akt-slideshow__grid--content-left .akt-slideshow__item:nth-of-type(3n + 2) {
    grid-column: 2;
    padding-left: unset;
    padding-right: 5vw;
  }
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content.akt-slideshow__grid--content-left .akt-slideshow__item:nth-of-type(3n + 3) {
    grid-column: 1;
    padding-right: unset;
    padding-left: 5vw;
  }
}
@media (min-width: 1600px) {
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content.akt-slideshow__grid--content-left .akt-slideshow__item:nth-of-type(4n - 7) {
    grid-column: 3;
  }
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content.akt-slideshow__grid--content-left .akt-slideshow__item:nth-of-type(4n - 5) {
    grid-column: 2/span 2;
    padding-left: unset;
    padding-right: unset;
    padding-right: 10vw;
    padding-left: 5rem;
  }
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content.akt-slideshow__grid--content-left .akt-slideshow__item:nth-of-type(4n) {
    grid-column: 1;
    translate: 5rem;
    padding-right: unset;
    padding-left: calc(2 * var(--base-gap-size) + 5vw - 5rem);
  }
}
@media (min-width: 960px) and (max-width: calc(1200px - 1px)) {
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content + .akt-slideshow__navigation {
    --items-per-page: 2 !important;
  }
}
@media (min-width: 1200px) and (max-width: calc(1600px - 1px)) {
  .akt-slideshow__grid:not(.has-1-images-per-page).has-content + .akt-slideshow__navigation {
    --items-per-page: 3 !important;
  }
}
.akt-slideshow__grid:not(.has-1-images-per-page):not(.has-content) {
  align-items: flex-end;
}
@media (min-width: 1200px) {
  .akt-slideshow__grid:not(.has-1-images-per-page):not(.has-content) {
    padding: 0 5vw;
  }
}
.akt-slideshow__grid:not(.has-1-images-per-page):not(.has-content) .akt-slideshow__item {
  box-sizing: border-box;
}
@media (min-width: 1200px) and (max-width: calc(1600px - 1px)) {
  .akt-slideshow__grid:not(.has-1-images-per-page):not(.has-content) .akt-slideshow__item {
    width: calc(50% - var(--base-gap-size) / 2);
  }
}
@media (min-width: 1600px) {
  .akt-slideshow__grid:not(.has-1-images-per-page):not(.has-content) .akt-slideshow__item:nth-child(4n-7) {
    width: calc(35% - var(--base-gap-size) / 2);
  }
  .akt-slideshow__grid:not(.has-1-images-per-page):not(.has-content) .akt-slideshow__item:nth-child(4n-7) img {
    aspect-ratio: 1/1;
  }
}
@media (min-width: 1600px) {
  .akt-slideshow__grid:not(.has-1-images-per-page):not(.has-content) .akt-slideshow__item:nth-child(4n-6) {
    padding-right: 10vw;
    width: calc(65% - var(--base-gap-size) / 2);
  }
  .akt-slideshow__grid:not(.has-1-images-per-page):not(.has-content) .akt-slideshow__item:nth-child(4n-6) img {
    aspect-ratio: 1.3/1;
  }
}
@media (min-width: 1600px) {
  .akt-slideshow__grid:not(.has-1-images-per-page):not(.has-content) .akt-slideshow__item:nth-child(4n-5) {
    padding-left: 5vw;
    width: calc(65% - var(--base-gap-size) / 2);
  }
  .akt-slideshow__grid:not(.has-1-images-per-page):not(.has-content) .akt-slideshow__item:nth-child(4n-5) img {
    aspect-ratio: 1.3/1;
  }
}
@media (min-width: 1600px) {
  .akt-slideshow__grid:not(.has-1-images-per-page):not(.has-content) .akt-slideshow__item:nth-child(4n) {
    align-self: flex-start;
    width: calc(35% - var(--base-gap-size) / 2);
  }
  .akt-slideshow__grid:not(.has-1-images-per-page):not(.has-content) .akt-slideshow__item:nth-child(4n) img {
    aspect-ratio: 1/1;
  }
}
@media (min-width: 1200px) {
  .akt-slideshow__grid:not(.has-1-images-per-page) .uk-slidenav-large {
    display: none;
  }
}
@media (max-width: calc(960px - 1px)) {
  .akt-slideshow__grid:not(.has-1-images-per-page) + .akt-slideshow__navigation {
    --items-per-page: 1 !important;
  }
}
.akt-slideshow__grid .uk-slidenav svg polyline {
  stroke: var(--wp--preset--color--white);
}
.akt-slideshow__item img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media (max-width: calc(430px - 1px)) {
  .akt-slideshow__item img {
    min-height: 40vh;
  }
}
.akt-slideshow__item .uk-overlay {
  padding: var(--wp--preset--spacing--s);
  transition: all 0.3s ease-in-out;
}
@media (pointer: coarse) {
  .akt-slideshow__item .uk-overlay {
    background-color: rgba(0, 0, 0, 0.75);
  }
  @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .akt-slideshow__item .uk-overlay {
      backdrop-filter: blur(11px);
      background-color: rgba(0, 0, 0, 0.2);
    }
  }
}
@media (pointer: fine) {
  .akt-slideshow__item .uk-overlay > * {
    opacity: 0;
  }
}
@media (pointer: coarse) and (max-width: calc(960px - 1px)) {
  .akt-slideshow__item .uk-overlay {
    position: relative !important;
    background-color: var(--wp--preset--color--lightblue) !important;
  }
}
@media (pointer: fine) {
  .akt-slideshow__item .uk-inline:hover .uk-overlay {
    background-color: rgba(0, 0, 0, 0.75);
  }
  @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .akt-slideshow__item .uk-inline:hover .uk-overlay {
      backdrop-filter: blur(11px);
      background-color: rgba(0, 0, 0, 0.2);
    }
  }
  .akt-slideshow__item .uk-inline:hover .uk-overlay > * {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
  }
}
@media (max-width: calc(430px - 1px)) {
  .akt-slideshow__item .uk-inline:hover .uk-overlay {
    background-color: rgba(0, 0, 0, 0.75);
  }
  @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .akt-slideshow__item .uk-inline:hover .uk-overlay {
      backdrop-filter: blur(11px);
      background-color: rgba(0, 0, 0, 0.2);
    }
  }
  .akt-slideshow__item .uk-inline:hover .uk-overlay > * {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
  }
}
.akt-slideshow__grid.show-page-1 .akt-slideshow__item:not(.is-page-1) {
  display: none;
}
.akt-slideshow__grid.show-page-2 .akt-slideshow__item:not(.is-page-2) {
  display: none;
}
.akt-slideshow__grid.show-page-3 .akt-slideshow__item:not(.is-page-3) {
  display: none;
}
.akt-slideshow__grid.show-page-4 .akt-slideshow__item:not(.is-page-4) {
  display: none;
}
.akt-slideshow__grid.show-page-5 .akt-slideshow__item:not(.is-page-5) {
  display: none;
}
.akt-slideshow__grid.show-page-6 .akt-slideshow__item:not(.is-page-6) {
  display: none;
}
.akt-slideshow__grid.show-page-7 .akt-slideshow__item:not(.is-page-7) {
  display: none;
}
.akt-slideshow__grid.show-page-8 .akt-slideshow__item:not(.is-page-8) {
  display: none;
}
.akt-slideshow__grid.show-page-9 .akt-slideshow__item:not(.is-page-9) {
  display: none;
}
.akt-slideshow__grid.show-page-10 .akt-slideshow__item:not(.is-page-10) {
  display: none;
}
.akt-slideshow__grid.show-page-11 .akt-slideshow__item:not(.is-page-11) {
  display: none;
}
.akt-slideshow__grid.show-page-12 .akt-slideshow__item:not(.is-page-12) {
  display: none;
}
.akt-slideshow__grid:not(.has-1-images-per-page) + .akt-slideshow__navigation {
  padding: 0 2rem;
}
.akt-slideshow__grid:not(.has-1-images-per-page) + .akt-slideshow__navigation[data-pages="1"] {
  display: none;
}
@media (min-width: 1600px) {
  .akt-slideshow__grid:not(.has-1-images-per-page) + .akt-slideshow__navigation {
    --left: 65%;
    position: absolute;
    left: calc(var(--left) + 2rem);
    bottom: 10vh;
  }
  .akt-slideshow__grid:not(.has-1-images-per-page) + .akt-slideshow__navigation.has-empty-page {
    bottom: -10vh;
  }
}
.akt-slideshow a[class*=akt-arrow-nav] {
  color: var(--wp--preset--color--white);
}
@media (max-width: calc(550px - 1px)) {
  .akt-slideshow a[class*=akt-arrow-nav] {
    top: 45%;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.akt-slidenav__list, .akt-slidenav {
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
}
.akt-slidenav__list li a, .akt-slidenav li a {
  padding: 0 0.5rem;
  font-weight: 600;
  text-decoration: none;
  display: block;
  scale: 0.8;
  opacity: 0.4;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.akt-slidenav__list li a::after, .akt-slidenav li a::after {
  content: "";
  position: absolute;
  display: block;
  width: calc(100% - 1rem);
  height: 2px;
  background-color: var(--wp--preset--color--lightgreen);
  left: 50%;
  translate: -50%;
  opacity: 0;
  bottom: -1rem;
  transition: all 0.3s ease-in-out;
}
.akt-slidenav__list li a:hover, .akt-slidenav li a:hover {
  opacity: 1;
}
.akt-slidenav__list li.uk-active a, .akt-slidenav li.uk-active a, .akt-slidenav__list li.is-active a, .akt-slidenav li.is-active a {
  opacity: 1;
  scale: 1;
  position: relative;
}
.akt-slidenav__list li.uk-active a::after, .akt-slidenav li.uk-active a::after, .akt-slidenav__list li.is-active a::after, .akt-slidenav li.is-active a::after {
  content: "";
  position: absolute;
  display: block;
  opacity: 1;
  bottom: 0;
}

/* ========================================================================
   Component: Overlay
 ========================================================================== */
.uk-overlay {
  padding: 30px 30px;
}

/*
 * Remove margin from the last-child
 */
.uk-overlay > :last-child {
  margin-bottom: 0;
}

/* Icon
 ========================================================================== */
/* Style modifiers
 ========================================================================== */
/*
 * Default
 */
.uk-overlay-default {
  background: rgba(255, 255, 255, 0.8);
}

/*
 * Primary
 */
.uk-overlay-primary {
  background: rgba(34, 34, 34, 0.8);
}

/* ========================================================================
   Component: Height
 ========================================================================== */
[class*=uk-height] {
  box-sizing: border-box;
}

/*
 * Only works if parent element has a height set
 */
.uk-height-1-1 {
  height: 100%;
}

/*
 * Useful to create image teasers
 */
.uk-height-viewport {
  min-height: 100vh;
}

.uk-height-viewport-2 {
  min-height: 200vh;
}

.uk-height-viewport-3 {
  min-height: 300vh;
}

.uk-height-viewport-4 {
  min-height: 400vh;
}

/*
 * Pixel
 * Useful for `overflow: auto`
 */
.uk-height-small {
  height: 150px;
}

.uk-height-medium {
  height: 300px;
}

.uk-height-large {
  height: 450px;
}

.uk-height-max-small {
  max-height: 150px;
}

.uk-height-max-medium {
  max-height: 300px;
}

.uk-height-max-large {
  max-height: 450px;
}