/**
* style.css
*
* Copyright 2025, SimpleCake GmbH
* https://www.simplecake.com
*
* Released on: August 21, 2025
*/
/* ==========================================================================
   Import Settings
   ========================================================================== */
@import "variables.css";

/* ==========================================================================
   Fonts
   ========================================================================== */
@import url("https://p.typekit.net/p.css?s=1&k=jdv2tmj&ht=tk&f=10801.10802.31551&a=262456572&app=typekit&e=css");

@font-face {
  font-family: "nimbus-sans-condensed";
  src: url("https://use.typekit.net/af/70535c/000000000000000077359e1c/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/70535c/000000000000000077359e1c/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/70535c/000000000000000077359e1c/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "nimbus-sans-condensed";
  src: url("https://use.typekit.net/af/f23e37/00000000000000007759c402/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/f23e37/00000000000000007759c402/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/f23e37/00000000000000007759c402/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "nimbus-sans-condensed";
  src: url("https://use.typekit.net/af/beaff8/000000000000000077585342/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/beaff8/000000000000000077585342/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/beaff8/000000000000000077585342/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
}

.tk-nimbus-sans-condensed {
  font-family: "nimbus-sans-condensed", sans-serif;
}

@font-face {
  font-family: "AdventPro";
  src: url("../../../assets/fonts/AdventPro_UltraExpanded-Light.woff") format("woff"),
  url("../../../assets/fonts/AdventPro_UltraExpanded-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "AdventPro";
  src: url("../../../assets/fonts/AdventPro_UltraExpanded-LightItalic.woff") format("woff"),
  url("../../../assets/fonts/AdventPro_UltraExpanded-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "AdventPro";
  src: url("../../../assets/fonts/AdventPro_UltraExpanded-Bold.woff") format("woff"),
  url("../../../assets/fonts/AdventPro_UltraExpanded-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

h1, h2, h3, h4, h5, h6, p {
  font-family: "nimbus-sans-condensed", sans-serif;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.5px;
  word-break: auto-phrase;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

  &.invert {
    color: var(--color__1);
  }

  &.color {
    color: var(--color__4);
  }
}

* + p {
  margin-top: 0;
}

.webdesign h4 {
  margin-bottom: 0.25rem;
}

.webdesign ul {
  margin-bottom: 0;
}

.uk-heading-bullet::before {
  border-left: calc(3px + .1em) solid var(--color__4);
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
}

.tk-nimbus-sans-condensed {
  font-family: "nimbus-sans-condensed", sans-serif;
}

.uk-h1, h1 {
  font-size: var(--h1);
  line-height: 1.2
}

body.home {
  .uk-h1, h1 {
    font-size: clamp(2.375rem, 2.2298rem + 0.6452vw, 2.875rem);
    line-height: 1.2;
    hyphens: none;

    span {
      font-family: "Advent Pro", sans-serif;
      font-size: clamp(2.375rem, 2.2298rem + 0.6452vw, 2.875rem);
      text-transform: uppercase;
      hyphens: none;
    }
  }

  p {
    span {
      font-family: "Advent Pro", sans-serif;
      font-weight: 500;
      text-transform: uppercase;
      hyphens: none;
    }
  }
}

.uk-h2, h2 {
  font-size: var(--h2);
  line-height: 1.3
}

.uk-h3, h3 {
  font-size: var(--h3);
  line-height: 1.4;
}

.uk-h4, h4 {
  font-size: var(--h4);
  line-height: 1.4
}

.uk-h5, h5 {
  font-size: var(--h5);
  line-height: 1.4
}

.uk-h6, h6 {
  font-size: var(--h6);
  line-height: 1.4
}

/* ==========================================================================
   HTML
   ========================================================================== */
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

:focus-visible, :focus, :active {
  outline: 0;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}

.clearfix:after {
  clear: both;
}

html {
  width: 100%;
  max-width: 100vw;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

/* ==========================================================================
   Body
   ========================================================================== */
body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: "nimbus-sans-condensed", sans-serif;
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.8px;
  background-color: var(--body__bg);
  color: var(--body__color);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  -o-transition: var(--transition);
  transition: var(--transition);
  pointer-events: all;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-behavior: smooth;

  &.noscroll {
    position: fixed;
    max-height: 100vh;
    padding: 0;
    overflow: hidden;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    pointer-events: none;
  }

  &.not-supported {
    #scroll-to-top__button {
      margin-bottom: 90px;
      @media screen and (min-width: 430px) {
        margin-bottom: 60px;
      }
    }

    footer {
      padding-bottom: 90px;
      @media screen and (min-width: 430px) {
        padding-bottom: 60px;
      }
    }
  }

  &.supported {
    #scroll-to-top__button {
      margin-bottom: 0;
    }

    footer {
      padding-bottom: 0;
    }
  }
}

body::-webkit-scrollbar {
  display: none;
}

/* ==========================================================================
   Customs
   ========================================================================== */
::selection {
  text-shadow: none;
  background: var(--color__4);
}

img::selection {
  background: var(--color__2);
}

.fade-in {
  animation-name: fade-in;
  animation-duration: .25s;
  animation-timing-function: ease-in-out;
}

@keyframes fade-in {
  0% {
    opacity: 0.01
  }
  100% {
    opacity: 1
  }
}

svg#simplecake__logo {
  max-width: 275px;
  height: 50px;
}

footer svg#simplecake__logo__footer path {
  fill: var(--footer__color);
}

#navigation__sidebar path {
  fill: var(--color__4);
}

.team {
  img {
    max-height: 500px;
  }
}

#browser-note {
  position: fixed;
  display: flex;
  width: 100%;
  min-height: 60px;
  bottom: 0;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  letter-spacing: 0.8px;
  background-color: var(--color__8);
  color: var(--color__1);
  opacity: 0;
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  pointer-events: none;
  z-index: 9999;

  p {
    padding: 0.5rem;
    margin: 0 0 0 0.5rem;
  }

  &.supported {
    animation-name: none;
  }
}

#scroll-to-top__button {
  position: fixed;
  display: flex;
  width: 40px;
  height: 45px;
  right: 0.8rem;
  bottom: 3rem;
  margin-bottom: 0;
  align-items: center;
  justify-content: center;
  background: var(--color__9);
  color: var(--color__5);
  opacity: 0;
  border: none;
  border-radius: var(--border-radius);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: background 0.4s ease, opacity 0.4s ease, visibility 0.4s ease, transform 0.3s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  visibility: hidden;
  pointer-events: none;
  cursor: pointer;
  z-index: 999;

  &:hover {
    background: var(--color__10);
    color: var(--color__1);
  }

  svg {
    pointer-events: none;
  }

  &.show {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    pointer-events: all;
  }

  &:not(.show) {
    transform: translateY(20px);
  }
}

b, strong, bold {
  font-weight: 400;
}

li {
  list-style: square;

  &::marker {
    font-size: 1rem;
  }
}

ul.dots li::marker {
  content: '...';
}

ul.uk-accordion li {
  list-style: none;
}

.pb-0 {
  padding-bottom: 0;
}

.uk-section-small p:last-child {
  margin-bottom: 0;
}

hr {
  margin: 0;
}

/* .uk-section-small hr { */
/*   margin: 0; */
/* } */
.gap {
  padding-bottom: 20px;
  @media screen and (min-width: 640px) {
    padding-bottom: 1rem  ;
  }
  @media screen and (min-width: 960px) {
    padding-bottom: 0;
  }
}

.whitespace-nowrap {
  white-space: nowrap;
}

.hyphens {
  word-wrap: break-word;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
}

.no-break-inside {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

/* ==========================================================================
   Links + Buttons
   ========================================================================== */
a {
  position: relative;
  display: inline-block;
  width: auto;
  text-decoration: none;
  background-color: transparent;
  color: var(--link__color);
  -webkit-transition: var(--transition);
  -moz-transition: var(--transition);
  -ms-transition: var(--transition);
  transition: var(--transition);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;

  &.no-animation {
    &:hover {
      color: var(--link__color-hover);
    }
  }

  &.tags {
    background-color: var(--button__secondary__bg);
    color: var(--button__secondary__color);

    &:hover {
      background-color: var(--button__secondary__bg-hover);
      color: var(--button__secondary__color-hover);

      &:before {
        display: none;
      }
    }
  }

  &[href=""]:before, &[href="#"]:before {
    background: none;
  }

  &:before {
    position: absolute;
    display: block;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background: var(--link__color-hover);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    content: '';
  }

  &:hover {
    text-decoration: none;
    color: var(--link__color-hover);

    &:before {
      width: 100%;
    }
  }

  &:after, &:after:not([class*="uk"]) {
    display: inline-block;
    width: 1rem;
    margin-right: 0.125rem;
    margin-left: 0.375rem;
    content: url('data:image/svg+xml,<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><defs><style> .cls-1 { fill: none; stroke: %23383838; } </style></defs><polyline class="cls-1" points="12.5 8 12.5 14.5 .5 14.5 .5 2.5 7 2.5"/><line class="cls-1" x1="5.72" y1="9.29" x2="14.51" y2=".49"/><polyline class="cls-1" points="10 .5 14.5 .5 14.5 5"/></svg>');
  }

  &.external--link {
    color: var(--body__color);

    &:hover {
      color: var(--body__color);
    }

    &:after {
      display: inline-block;
      width: 1rem;
      margin-right: 0.125rem;
      margin-left: 0.375rem;
      content: url('data:image/svg+xml,<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><defs><style> .cls-1 { fill: none; stroke: %23383838; } </style></defs><polyline class="cls-1" points="12.5 8 12.5 14.5 .5 14.5 .5 2.5 7 2.5"/><line class="cls-1" x1="5.72" y1="9.29" x2="14.51" y2=".49"/><polyline class="cls-1" points="10 .5 14.5 .5 14.5 5"/></svg>');
    }
  }

  &.prx_link {
    &:after {
      display: inline-block;
      width: 1rem;
      margin-right: 0.125rem;
      margin-left: 0.375rem;
      content: url('data:image/svg+xml,<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><defs><style> .cls-1 { fill: none; stroke: %231899bc; } </style></defs><polyline class="cls-1" points="12.5 8 12.5 14.5 .5 14.5 .5 2.5 7 2.5"/><line class="cls-1" x1="5.72" y1="9.29" x2="14.51" y2=".49"/><polyline class="cls-1" points="10 .5 14.5 .5 14.5 5"/></svg>');
    }

    &[href^="#"], &[href*="simplecake"] {
      &:after {
        width: 0;
        margin: 0;
        content: '';
      }
    }
  }

  &.uk-button {
    outline: 0;

    &:before {
      background: transparent;
    }
  }
}

footer {
  a {
    background-color: transparent;
    color: var(--footer__link);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

    &:hover {
      color: var(--footer__link-hover);
    }
  }
}

#meta__box a.uk-accordion-title {
  background-color: transparent;
}

a.uk-accordion-title {
  padding: 0.5rem 1rem;
  background-color: var(--color__15);
  /* -webkit-transform: translateZ(0); */
  /* transform: translateZ(0); */
  /* -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
  /* -webkit-backface-visibility: hidden; */
  /* backface-visibility: hidden; */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;

  &:hover {
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    /* color: var(--link__color-hover); */
    background-color: var(--color__14);
  }

  &:before {
    position: relative;
    width: 1.4em;
    height: 1.4em;
    margin-left: 10px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23383838%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E);
    background-color: transparent;
    content: "";
    float: right;
  }

  &:hover:before {
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%231899bc%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%231899bc%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
  }

  &:active {
    background-color: transparent;
  }
}

.uk-open > a.uk-accordion-title {
  &:before {
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%231899bc%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E);
    background-color: transparent;
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  &:hover {
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }

  &:hover:before {
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%231899bc%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E);
  }
}

.uk-accordion-content {
  padding: 0 1rem 1rem 1rem;
}

/* ==========================================================================
   Landscape Mode
   ========================================================================== */
#landscape__mode {
  position: fixed;
  display: flex;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: var(--color__1);
  overflow: hidden;
  -webkit-transition: all var(--transition) ease-in-out;
  -moz-transition: all var(--transition) ease-in-out;
  -ms-transition: all var(--transition) ease-in-out;
  -o-transition: all var(--transition) ease-in-out;
  transition: all var(--transition) ease-in-out;
  z-index: 9000;
}

.landscape_mode_text {
  margin-top: 1rem;
  color: var(--body__color);
}

@media only screen and (min-width: 360px) and (orientation: portrait) {
  #landscape__mode {
    position: relative;
    display: none;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
  }
}

@media only screen and (min-width: 360px) and (orientation: landscape) {
  #landscape__mode {
    position: fixed;
    display: flex;
    z-index: 9000;
  }
}

@media only screen and (min-width: 1024px) and (orientation: portrait) {
  #landscape__mode {
    position: relative;
    display: none;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
  }
}

@media only screen and (min-width: 1024px) and (orientation: landscape) {
  #landscape__mode {
    position: relative;
    display: none;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
  }
}

/* ==========================================================================
   Meta Box
   ========================================================================== */
#meta__box {
  background-color: var(--color__18);

  li {
    list-style: none;
  }
}

/* ==========================================================================
   Forms
   ========================================================================== */
iframe {
  width: 100%;
}

/* .form__content { */
/*   .uk-form-label { */
/*     padding-bottom: 0.5rem; */
/*     margin-top: 1rem; */
/*     font-family: "Roboto", sans-serif; */
/*     font-size: 0.85rem; */
/*     font-weight: 400; */
/*     letter-spacing: 1.2px; */
/*     text-transform: uppercase; */
/*     color: var(--body__color); */
/*   } */
/*   input.input-disabled { */
/*     display: none; */
/*   } */
/*   span.required { */
/*     margin-left: 0.125rem; */
/*     font-size: 1rem; */
/*     font-weight: 500; */
/*     color: var(--color__4); */
/*   } */
/*   label.form__label:hover { */
/*     cursor: default; */
/*   } */
/*   select.uk-select:hover { */
/*     cursor: pointer; */
/*   } */
/*   .uk-input.error, .uk-textarea.error, .uk-select.error, .uk-checkbox.error { */
/*     border-color: var(--color__12); */
/*   } */
/*   .uk-input:hover, .uk-textarea:hover { */
/*     cursor: pointer; */
/*   } */
/*   .uk-input, .uk-select, .uk-textarea { */
/*     color: var(--color__13); */
/*     border: 1px solid var(--color__17); */
/*   } */
/*   .uk-input:focus, .uk-select:focus, .uk-textarea:focus { */
/*     background-color: var(--color__1); */
/*     color: var(--body__color); */
/*     border-color: var(--color__4); */
/*     outline: 0; */
/*     cursor: auto; */
/*   } */
/*   .uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked { */
/*     background-color: var(--color__4); */
/*     border: 1px solid var(--color__4); */
/*   } */
/*   .uk-checkbox:focus, .uk-radio:focus { */
/*     background-color: rgba(0, 0, 0, 0); */
/*     border-color: var(--color__4); */
/*     outline: 0; */
/*   } */
/*   .uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus, .uk-radio:checked:focus { */
/*     background-color: var(--color__4); */
/*     border: 1px solid var(--color__4); */
/*   } */
/*   #contactFormError { */
/*     display: none; */
/*     padding: 1rem; */
/*   } */
/*   .uk-notification { */
/*     position: fixed; */
/*     width: 100%; */
/*     top: 0; */
/*     left: 0; */
/*     margin: 0; */
/*     text-align: center; */
/*     box-sizing: border-box; */
/*     z-index: 1040; */
/*   } */
/*   .uk-notification-message { */
/*     background: #6ddfb7; */
/*     color: #0f402d; */
/*   } */
/*   .form-style-8 { */
/*     margin-bottom: 10px; */
/*   } */
/*   .form-style-28 { */
/*     margin-top: 0; */
/*     margin-bottom: 10px; */
/*   } */
/*   .form-style-42 { */
/*     margin-top: 0; */
/*   } */
/*   .form-style-15 { */
/*     width: 100%; */
/*   } */
/*   #contactFeedback p { */
/*     padding: 1rem; */
/*     background: #edfbf6; */
/*     color: #32d296; */
/*   } */
/*   .uk-checkbox, .uk-radio { */
/*     margin-right: 0.25rem; */
/*   } */
/*   input.uk-input[disabled] { */
/*     cursor: default; */
/*   } */
/*   .mediaBrowserfolderWidget { */
/*     position: relative; */
/*     display: flex; */
/*     width: 100%; */
/*     padding: 0; */
/*     margin-top: 5px; */
/*     flex-direction: column; */
/*     .removeFile { */
/*       position: relative; */
/*       display: block; */
/*       width: 40px; */
/*       height: 100%; */
/*       margin-right: 0; */
/*       text-align: center; */
/*       background-color: transparent !important; */
/*       border: none !important; */
/*       cursor: pointer; */
/*       &:before { */
/*         position: absolute; */
/*         width: 100%; */
/*         height: 100%; */
/*         top: 0; */
/*         right: 0; */
/*         bottom: 0; */
/*         left: 0; */
/*         text-align: center; */
/*         vertical-align: middle; */
/*         background-position: center center; */
/*         background-repeat: no-repeat; */
/*         background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16"><path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/></svg>'); */
/*         background-size: 1rem; */
/*         content: ""; */
/*       } */
/*       &:hover { */
/*         background-color: transparent; */
/*       } */
/*     } */
/*     ul { */
/*       display: flex; */
/*       width: 100%; */
/*       padding: 0; */
/*       margin: 0; */
/*       flex-direction: column; */
/*       &.filelist { */
/*         margin-bottom: 1.5rem !important; */
/*         li { */
/*           position: relative; */
/*           width: 100%; */
/*           padding: 0 10px; */
/*           margin: 0 0 10px; */
/*           font-size: 1rem; */
/*           list-style: none; */
/*           background: 0 0; */
/*           border: none !important; */
/*           box-sizing: border-box; */
/*           span.actions { */
/*             position: absolute; */
/*             width: auto; */
/*             height: 100%; */
/*             top: 0; */
/*             right: unset; */
/*             padding: 0; */
/*             text-align: right; */
/*           } */
/*         } */
/*       } */
/*     } */
/*   } */
/*   .form-control-upload { */
/*     display: none; */
/*     min-width: 350px; */
/*     padding: 0; */
/*     font-size: 1rem; */
/*     background-color: transparent; */
/*     color: var(--body__color); */
/*     border: 1px solid var(--body__color); */
/*     border-radius: 4px; */
/*     cursor: pointer; */
/*     &:hover { */
/*       background-color: var(--button__default__bg-hover); */
/*       color: var(--button__default__color-hover); */
/*     } */
/*     &:focus { */
/*       outline: none; */
/*     } */
/*     input[type="file"] { */
/*       display: none; */
/*     } */
/*     &::file-selector-button { */
/*       display: inline-block; */
/*       height: 42px; */
/*       padding: 0 30px; */
/*       font-family: "nimbus-sans-condensed", sans-serif; */
/*       font-size: 1rem; */
/*       font-weight: 300; */
/*       letter-spacing: 0.8px; */
/*       text-transform: uppercase; */
/*       background-color: var(--button__secondary__bg); */
/*       color: var(--button__secondary__color); */
/*       border: 1px solid var(--body__color); */
/*       border-radius: 3px 0 0 3px; */
/*       -webkit-appearance: none; */
/*       -moz-appearance: none; */
/*       appearance: none; */
/*     } */
/*   } */
/* } */
/* ==========================================================================
   Header
   ========================================================================== */
header {
  display: block;
  width: 100%;
  height: var(--header);
  align-content: center;
  background-color: var(--header__bg);
  color: var(--header__color);
  box-shadow: 0 0 5px rgba(0, 0, 0, .25);

  ::selection {
    text-shadow: none;
    background: transparent;
  }

  .logo__content {
    display: flex;
    @media screen and (min-width: 960px) {
      justify-content: flex-end;
    }

    svg {
      width: 100%;
      max-height: 40px;
      fill: var(--body__color);
    }

    a {
      display: inline-flex;
      background-color: transparent;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;

      &:hover {
        &:before {
          width: auto;
        }
      }
    }
  }

  .uk-grid {
    align-items: center;
  }
}

/* ==========================================================================
   Eyecatcher
   ========================================================================== */
#eyecatcher {
  display: block;
  min-height: calc((var(--vh, 1vh) * 100) - var(--header));
  align-content: center;

  .uk-slider {
    overflow: hidden;
  }

  .news__entry {
    display: flex;
    width: 100%;
    flex-direction: column;
    @media screen and (min-width: 640px) {
      justify-content: center;
    }
  }

  .eyecatcher__image {
    width: 100%;
    height: 50vh;
    margin-bottom: 1rem;
    /* height: calc(var(--vh, 1vh) * 50); */
    @media screen and (min-width: 640px) {
      height: 70vh;
      /* height: calc(var(--vh, 1vh) * 70); */
      margin-bottom: 0;
    }
    @media screen and (min-width: 1200px) {
      width: 90%;
    }

    img {
      width: 100%;
      /* height: calc(var(--vh, 1vh) * 50); */
      height: 50vh;
      object-fit: cover;
      aspect-ratio: 16 / 9;
      @media screen and (min-width: 640px) {
        width: 100%;
        /* height: calc((var(--vh, 1vh) * 70) - 2.5rem); */
        height: calc(70vh - 2.5rem);
        box-shadow: 2.5rem 2.5rem 0 var(--color__15);
      }
    }
  }

  .eyecatcher__content {
    position: relative;
    display: block;
    margin-top: -1.25rem;
    flex-direction: column;
    @media screen and (min-width: 640px) {
      box-shadow: -15px 15px 30px 0 rgba(0, 0, 0, 0.25);
    }

    .uk-transition-slide-right {
      --uk-translate-x: unset;
    }

    h2 {
      font-size: var(--h2-eyecatcher);
    }

    @media screen and (max-width: 639px) {
      position: relative;
      padding: 1.5rem 0;
    }
    @media screen and (min-width: 640px) {
      position: absolute;
      display: block;
      right: 15px;
      background-color: rgba(255, 255, 255, 0.97);

      .uk-transition-slide-right {
        --uk-translate-x: 100%;
      }
    }
  }

  ul.uk-slider-nav {
    position: absolute;
    right: 0;
    bottom: 0;

    li {
      list-style: none;
    }
  }
}

/* ==========================================================================
   Navigation
   ========================================================================== */
.mobile__button {
  position: absolute;
  display: flex;
  width: 100%;
  height: var(--header);
  left: 0;
  padding: 0 30px;
  justify-content: space-between;

  .bar {
    width: 25px;
    height: 2px;
    background: var(--navigation__color);
    transition: 0.3s ease-in-out;
  }
}

.uk-offcanvas-bar {
  position: absolute;
  width: 320px;
  top: 0;
  bottom: 0;
  left: -320px;
  padding: 20px 20px;
  background: #222222;
  overflow-y: auto;
  box-sizing: border-box;
  --uk-inverse: light;
}

@media (min-width: 640px) {
  .uk-offcanvas-bar {
    width: 430px;
    left: -430px;
    padding: 30px 30px;
  }
}

body {
  .bar {
    width: 25px;
    height: 2px;
    background: var(--body__color);
    opacity: 0.8;
    transition: 0.3s ease-in-out;

    &:nth-child(2) {
      width: 20px;
      margin: 5px 0;
    }

    &:last-child {
      width: 15px;
    }
  }

  &.uk-offcanvas-container {
    .bar {
      width: 25px;

      &:first-child {
        transform: translateY(7px) rotate(45deg);
      }

      &:nth-child(2) {
        transform: scale(0);
      }

      &:last-child {
        transform: translateY(-7px) rotate(-45deg);
      }
    }
  }
}

#menu-toggle {
  position: relative;
  background-color: transparent;
  border: none;
  outline: 0;
  pointer-events: all;

  &:focus {
    outline: 0;
  }

  &:focus-within {
    outline: 0;
  }

  &:hover {
    cursor: pointer;

    .bar {
      width: 25px;
      background-color: var(--navigation__link__color-hover);
    }
  }

  .closeMenu .bar {
    width: 25px;

    &:first-child {
      transform: translateY(7px) rotate(45deg);
    }

    &:nth-child(2) {
      transform: scale(0);
    }

    &:last-child {
      transform: translateY(-7px) rotate(-45deg);
    }
  }
}

#navigation {
  .uk-offcanvas-bar {
    background-color: var(--navigation__bg);
  }

  .uk-open > .uk-offcanvas-bar {
    display: flex;
    left: 0;
    flex-direction: column;
    background-color: var(--navigation__bg);
  }

  .uk-nav {
    width: 100%;

    span.uk-icon {
      color: var(--navigation__color);
    }

    li {
      list-style: none;

      &.level__2 {
        &:last-child {
          margin-bottom: 2rem;
        }
      }
    }

    li > a {
      display: inline-block;
      background-color: transparent;
      color: var(--navigation__color);
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      outline: 0;
      column-gap: .25em;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;

      &.icon {
        display: flex;
        float: right;
      }

      &.active, &.starter_active {
        color: var(--navigation__link__color-active);
      }
    }

    li a {
      background-color: transparent;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;

      &:hover {
        color: var(--navigation__link__color-hover);

        span.uk-icon {
          color: var(--navigation__link__color-hover);
        }

        &:before {
          width: auto;
        }
      }
    }

    li.uk-parent.menu_node {
      display: flex;
      flex-direction: column;

      &.uk-open {
      }
    }

    .uk-nav {
      ul.uk-nav-sub {
        display: flex;
        width: 100%;
        padding: 5px 0 5px 15px;
        flex-direction: column;
      }
    }

    a.level__2 {
      font-size: 1.25rem;
    }

    a.level__2.no_menu.inactive {
      margin: 0 0;
      font-weight: 300;
    }
  }

  #navigation__sidebar {
    text-align: left;
  }

  .navigation__meta {
    a {
      font-size: 1.25rem;
      text-align: left;
      background-color: transparent;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;

      &:hover {
        color: var(--navigation__link__color-hover);
      }
    }

    p {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
    }

    p:last-child {
      margin-bottom: 0;
    }

    path {
      fill: var(--navigation__link__color);
    }

    span {
      font-family: "nimbus-sans-condensed", sans-serif;
      text-transform: none;
      color: var(--navigation__color);
    }

    .uk-button-link {
      &.no-animation {
        &:hover * {
          text-decoration: none;
          color: var(--navigation__link__color-hover);
        }
      }
    }
  }

  #navigation__content {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    font-size: 1.5rem;
    color: var(--navigation__color);
  }

  .menu__button {
    position: relative;
    padding: 0;
    background-color: transparent;
    border: none;
    transition: opacity .15s linear;
    outline: none;
    outline: 0;
    pointer-events: all;
    cursor: pointer;
    z-index: 2;

    &:focus {
      outline: 0;
    }

    &:focus-visible {
      outline: 0;
    }
  }
}

/* nur aktivieren, wenn Lvl-1 ein Sub-Menu hat und Lvl-1-Link klickbar sein soll
#navigation {
  & .uk-nav {
    & li > a {
      &.icon.no-menu {
        display: flex;
        width: 100%;
        float: none;
      }
    }

    li {
      display: flex;
    }

    li.no-menu {
      display: block;
    }
  }
}

#navigation__content {
  li a.first-link {
    display: inline-flex;
  }

  li a.second-link span.link-name {
    display: none;
  }

  li.no-menu a.no-menu.first-link {
    display: none;
  }

  li.no-menu a.no-menu.second-link span.link-name {
    display: flex;
    width: 100%;
    float: none !important;
  }
}

/* ==========================================================================
   Title bar
   ========================================================================== */
#title__bar {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  background-color: var(--color__11);
  border-bottom: 1px solid var(--color__2);
}

/* ==========================================================================
   Main
   ========================================================================== */
main {
  position: relative;
  width: 100%;
  min-height: calc((var(--vh, 1vh) * 100) - var(--header) - var(--footer));
}

/* ==========================================================================
   Kontakt
   ========================================================================== */
img.kontakt__image {
  height: auto;
  object-fit: cover;
  @media screen and (min-width: 440px) {
    height: 100%;
  }
}

/* ==========================================================================
   Google Maps
   ========================================================================== */
#google__maps {
  .uk-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--border-radius);
    @media screen and (min-width: 640px) {
      height: auto;
    }
  }

  .uk-card-header {
    border-bottom: none;

    svg {
      height: 40px;
    }
  }

  .uk-card-body {
    padding: 0 1rem 0.5rem 1rem;
    text-align: center;

    p {
      font-size: 1rem;
    }
  }

  .uk-card-footer {
    border-top: none;
  }

  .gm__background {
    display: flex;
    min-height: 450px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url("/themes/simplecake/assets/images/google_maps.webp");
    background-size: contain;
  }
}

/* ==========================================================================
   Footer
   ========================================================================== */
footer {
  position: relative;
  display: block;
  height: auto;
  min-height: calc(var(--footer));
  padding-bottom: 0;
  letter-spacing: 0.0375em;
  background-color: var(--footer__bg);
  color: var(--footer__color);
  border-top: 5px solid var(--color__4);

  ::selection {
    text-shadow: none;
    background: transparent;

    a {
      background-color: transparent;
      color: var(--footer__link);
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;

      &:hover {
        color: var(--footer__link-hover);
      }
    }
  }

  img.mask__left, img.mask__right {
    position: absolute;
    pointer-events: none;
  }

  img.mask__right {
    right: 0;
    bottom: 0;
    transform: rotateZ(180deg);
  }

  .footer__top {
    position: relative;
    padding-bottom: 20px;

    svg {
      width: 250px;
    }

    .uk-grid > div {
      margin-bottom: 2rem;
    }
  }

  .general-informations, .imprint-privacy-agb, .social-media {
    display: flex;
    flex-direction: column;

    p {
      margin-bottom: clamp(0.5rem, 0.2583rem + 0.9917vw, 1.25rem);
      font-size: 0.875rem;
      color: var(--footer__headline);
      @media screen and (min-width: 1200px) {
        min-height: 30px;
      }
    }
  }

  ul {
    padding-left: 0;
    margin: 0;
    list-style-type: none;

    li {
      margin-bottom: 0.5rem;
      list-style: none;
    }
  }

  .footer__top {
    @media screen and (min-width: 640px) and (max-width: 1199px) {
      .uk-grid {
        justify-content: center;
      }
    }
  }

  .general-informations, .imprint-privacy-agb {
    @media screen and (min-width: 640px) and (max-width: 1199px) {
      max-width: 220px;
    }
  }

  .social-media {
    @media screen and (max-width: 1199px) {
      align-items: center;
    }

    a {
      display: flex;
      width: 40px;
      height: 40px;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      background-color: var(--footer__sm__bg);
      border-radius: var(--border-radius);
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;

      &:hover {
        background-color: var(--footer__sm__bg-hover);
        color: var(--color__1);
      }

      &:before {
        height: 0;
      }
    }

    ul {
      display: flex;

      li {
        display: flex;
        margin: 5px;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        &:first-child {
          margin-left: 0;
        }

        &:last-child {
          margin-right: 0;
        }
      }
    }

    svg {
      width: 1.25rem;
      height: 1.25rem;
      margin: 0;
    }
  }

  .footer__bottom {
    position: relative;
    font-size: 0.875rem;

    .copyright, .all-rights-reserved {
      padding: 0.25rem 15px;
    }

    svg#simplecake__signet {
      height: 1rem;
      margin-right: 0.25rem;
      margin-bottom: 0.25rem;

      path {
        fill: var(--footer__color);
      }
    }
  }
}

/* ==========================================================================
   News
   ========================================================================== */
#news {
  .uk-column-divider:first-child {
    display: none;
  }

  .uk-alert-danger {
    padding: 1rem;
  }

  img {
    aspect-ratio: 16 / 9;
    object-fit: cover;

    &:hover {
      cursor: pointer;
    }
  }

  article:last-child .uk-section-small, .news__container article:last-child hr {
    display: none;
  }

  &.home article:last-child .uk-section-small {
    display: block;
  }

  .news__category {
    display: inline-flex;
    padding: 0 0.5rem 0 0;
    margin-right: 0.5rem;
    margin-bottom: 0.25rem;
    border-right: 2px solid var(--color__4);
    border-bottom: 2px solid var(--color__4);
  }

  .news__meta {
    padding: 0 0 0.5rem 0;
    margin-bottom: 1rem;
  }

  /* .news__image[onclick^="location.href='';"] { */
  /*   display: none; */
  /* } */
  /* a[href="/aktuell"] { */
  /*   display: none; */
  /* } */

  #tag__filter {
    display: flex;
    background-color: transparent;

    .tag__filter__content {
      padding: 0 0 0 12px;
      margin-left: 10px;
      background: var(--button__secondary__bg);
      color: var(--button__secondary__color);

      &:hover {
        background: var(--button__secondary__bg-hover);
        color: var(--button__secondary__color-hover);
      }
    }

    span#remove-tag-filter {
      padding-right: 20px;
      margin-right: 12px;
      margin-left: 12px;
      font-size: 1rem;
      font-weight: 700;
      line-height: 30px;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff" class="bi bi-x" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/></svg>');
      background-size: contain;
      float: unset;
      cursor: pointer;
    }
  }
}

#news__detail {
  .eyecatcher__parallax {
    width: 100%;
    min-height: calc(var(--vh, 1vh) * 40) !important;
    flex-direction: column-reverse;
    aspect-ratio: 16 / 9;
    @media screen and (min-width: 640px) {
      min-height: 100% !important;
    }
  }

  .eyecatcher__content {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.85);
    color: var(--body__color);

    &.uk-section-small {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }

    h1 {
      padding: 0 0 0.5rem 0;
      margin: 0 0 0.5rem 0;
      font-size: calc(var(--h1) * 1.5);
      color: var(--body__color);
    }
  }

  .news__teaser {
    display: flex;
    flex-direction: column;

    .news__prev__next {
      width: 100%;
    }

    #news-link-blocks-cont {
      width: 100%;
      padding: 20px 0;
      border-top: 1px solid #e5e5e5;
      border-bottom: none;
      float: left;
      @media screen and (min-width: 960px) {
        border-top: none;
        border-bottom: 1px solid #e5e5e5;
      }

      .news-link-label {
        width: auto;
        font-size: 12px;
        text-transform: none;
        color: var(--body__color);
        cursor: pointer;

        &:hover {
          color: var(--link__color);
          cursor: pointer;
        }
      }

      .news-link-label-prev small {
        margin-right: 5px;
        font-size: 2rem;
      }

      .news-link-label-next small {
        margin-left: 5px;
        font-size: 2rem;
      }

      #news-previous-link-block .news-link-label-prev {
        display: flex;
        height: 2rem;
        align-items: center;
      }

      #news-next-link-block .news-link-label-next {
        display: flex;
        height: 2rem;
        flex-direction: row-reverse;
        align-items: center;
      }

      .news-title-label-prev, .news-title-label-next {
        display: none;
      }
    }
  }
}

/* ==========================================================================
   Referenzen
   ========================================================================== */
#referenzen {
  .uk-card-default {
    font-size: 1rem;
    background-color: var(--body__bg);
    color: var(--body__color);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .125);
    --uk-inverse: dark;
  }

  .external--link {
    color: var(--body__color);

    &:hover {
      color: var(--body__color);
    }

    &:after {
      display: inline-block;
      width: 0.8rem;
      margin-right: 0.125rem;
      margin-left: 0.375rem;
      content: url('data:image/svg+xml,<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><defs><style> .cls-1 { fill: none; stroke: %23383838; } </style></defs><polyline class="cls-1" points="12.5 8 12.5 14.5 .5 14.5 .5 2.5 7 2.5"/><line class="cls-1" x1="5.72" y1="9.29" x2="14.51" y2=".49"/><polyline class="cls-1" points="10 .5 14.5 .5 14.5 5"/></svg>');
    }
  }

  .referenzbild {
    position: relative;
    top: 2rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 16 / 9;
  }

  img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .uk-card-body {
    padding: 0 clamp(1rem, 0.5714rem + 1.9048vw, 2rem) clamp(1rem, 0.5714rem + 1.9048vw, 2rem) clamp(1rem, 0.5714rem + 1.9048vw, 2rem);
  }

  .uk-card-footer {
    border-top: none;

    span {
      margin-left: 0.5rem;
    }
  }

  .branch {
    font-size: 1.25rem;
  }

  .firm {
    margin-top: 1rem;
    margin-bottom: 0.25rem;
    color: var(--body__color);
  }

  .claim {
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: 1.3;
    color: var(--body__color);
  }

  .logo {
    display: flex;
    width: 100%;
    height: 40px;
    justify-content: flex-start;

    img {
      display: flex;
      width: auto;
      max-width: 300px;
      max-height: 40px;
      align-items: center;
      justify-content: flex-start;
      object-fit: scale-down;
      object-position: left;
    }
  }
}

/* ==========================================================================
   Sitemap
   ========================================================================== */
#sitemap ul {
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  @media screen and (min-width: 960px) {
    display: flex;
    height: 350px;
    flex-direction: column;
    flex-wrap: wrap;
  }
}

li.sitemap_level_1 a {
  padding: 0;
  margin: 0.5rem;
  font-size: 1.5rem;
  background-color: transparent;
  color: var(--color__4);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

li.sitemap_level_2 {
  display: flex;
  align-content: center;
  align-items: center;

  a {
    background-color: transparent;
    color: var(--body__color);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}

#sitemap .sitemap_level_1 a:hover {
  font-size: 1.5rem;
  cursor: pointer;
}

#sitemap .sitemap_level_2 a:hover {
  cursor: pointer;
}

li.sitemap_level_2:before,
li.sitemap_level_3:before {
  position: relative;
  width: 2rem;
  height: 2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231899bc' class='bi bi-caret-right' viewBox='0 0 16 16'%3E%3Cpath d='M6 12.796V3.204L11.481 8 6 12.796zm.659.753 5.48-4.796a1 1 0 0 0 0-1.506L6.66 2.451C6.011 1.885 5 2.345 5 3.204v9.592a1 1 0 0 0 1.659.753z'/%3E%3C/svg%3E");
  background-color: transparent;
  content: "";
}

/* ==========================================================================
   PrivacyBee
   ========================================================================== */
.privacybee {
  .footer__content .privacybee {
    padding-left: 1rem;
  }

  .domenig__logo {
    max-width: 130px;
  }

  .privacybee__logo {
    max-width: 150px;

    &.small {
      max-width: 50px;
    }
  }

  .uk-section:first-child {
    position: relative;
    display: flex;

    &:before {
      position: absolute;
      display: flex;
      width: 100%;
      max-width: 300px;
      height: 300px;
      top: 0;
      left: 0;
      background-repeat: no-repeat;
      background-image: url(/themes/simplecake/assets/images/waben_oben.png);
      background-size: contain;
      content: "";
      @media screen and (max-width: 1599px) {
        display: none;
      }
    }

    &:after {
      position: absolute;
      width: 100%;
      max-width: 300px;
      height: 100%;
      right: 0;
      bottom: 0;
      background-position: bottom;
      background-repeat: no-repeat;
      background-image: url(/themes/simplecake/assets/images/waben_unten.png);
      background-size: contain;
      content: "";
      @media screen and (max-width: 1599px) {
        display: none;
      }
    }
  }

  h2 {
    &.uk-heading-small {
      font-weight: 300;
      color: var(--body__color);

      span {
        color: var(--color__7);
      }
    }
  }
}

privacybee-widget {
  font-family: "nimbus-sans-condensed", sans-serif;

  .prx_wrapper {
    max-width: 100%;
    padding-bottom: 0;
    margin-right: auto;
    margin-left: auto;
    text-align: left !important;
    container-type: inline-size;
  }

  .prx_h1, .prx_h2, .prx_h3, .prx_h4, .prx_h5 {
    font-family: "nimbus-sans-condensed", sans-serif;
    font-weight: 300;
    line-height: 1.5;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    color: var(--body__color);
  }

  .prx_h1 {
    display: none;
    font-size: var(--h1);
  }

  .prx_h2 {
    margin: 60px 0 20px 0;
    font-size: var(--h2);
  }

  .prx_h3 {
    margin: 60px 0 0.25rem 0;
    font-size: var(--h3);
  }

  .prx_h4 {
    margin: 0 0 20px 0;
    font-size: var(--h4);
  }

  .prx_h5 {
    font-size: var(--h5);
    font-weight: 700;
  }

  .prx_h1, .prx_h2, .prx_h3, .prx_h4, .prx_h5 {
    font-family: "nimbus-sans-condensed", sans-serif;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0.5px;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  li.prx_listElement {
    p.prx_text {
      margin-bottom: 0;
    }
  }

  .prx_expandableText {
    p.prx_text {
      margin-bottom: 0;
    }
  }

  .prx_text {
    max-width: 100%;
    margin: 0 0 20px 0;
    font-family: nimbus-sans-condensed, sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
    color: var(--body__color);
  }

  .prx_expandableDescription {
    max-width: 100%;
    margin-top: 0.25rem;
    font-family: nimbus-sans-condensed, sans-serif;
    font-weight: 300;
    line-height: 1.5;
    color: var(--body__color);

    &:last-child {
      margin-bottom: 3rem;
    }
  }

  .prx_expandableWrapper {
    padding: 0.25rem 0.5em;
    font-family: nimbus-sans-condensed, sans-serif;
    font-weight: 300;
    color: var(--body__color);
    border: 1px solid var(--color__5) !important;
    border-radius: var(--border-radius);

    .prx_expandableText {
      padding: 0.5rem 1.5em;
    }
  }

  .prx_expandableName {
    font-family: nimbus-sans-condensed, sans-serif;
    font-size: 20px;
    font-weight: 300;
    color: var(--body__color);
  }

  .prx_expandableRightText {
    margin-left: 50px;
    font-size: 0.9rem;
    font-weight: 300;
    color: var(--body__color);
  }

  .prx_expandableTag {
    font-size: 0.9rem;
    font-weight: 300;
    letter-spacing: 1px;
    color: var(--body__color);
  }

  .prx_toc .prx_link {
    line-height: 1.5;
  }

  .prx_link {
    font-size: 20px;
    font-weight: 300;
    text-decoration: none;
    color: var(--link__color);
  }

  .prx_listElement {
    font-family: nimbus-sans-condensed, sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
    list-style: square;
    color: var(--body__color);
  }

  .prx_listWrapper, .prx_techWrapper {
    display: grid;
    width: 100%;
    max-width: 100%;
    margin-top: 1rem;
    gap: 0.5rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  h3 + p.prx_text:last-child {
    margin-bottom: 0;
  }
}

/* ==========================================================================
   UIkit Customs
   ========================================================================== */
.uk-container {
  padding-right: 20px;
  padding-left: 20px;
  @media screen and (min-width: 640px) {
    padding-right: 30px;
    padding-left: 30px;
  }
  @media screen and (min-width: 960px) {
    padding-right: 40px;
    padding-left: 40px;
  }
}

.uk-section-small {
  padding-top: 30px;
  padding-bottom: 30px;
}

.uk-heading-small {
  font-family: inherit;
}

.uk-padding-small {
  padding: 2rem;
}

.uk-card-default .uk-card-title {
  color: var(--color__4);
}

.uk-card-default {
  color: var(--body__color);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.uk-text-lead {
  color: var(--body__color);
}

.uk-list-check {
  padding-left: 30px;
  list-style-type: '✓  ';
}

.uk-button {
  padding: 0 1.5rem;
  font-size: 1rem;
  letter-spacing: 0.8px;
  border-width: 2px;
  border-radius: var(--border-radius);

  &.uk-button-default {
    background-color: var(--button__default__bg);
    color: var(--button__default__color);
    border-width: 2px;
    border-color: var(--button__default__color);

    &:hover {
      background-color: var(--button__default__bg-hover);
      color: var(--button__default__color-hover);

      &:before {
        background-color: transparent;
        transform: scale(0);
      }
    }
  }

  &.uk-button-primary {
    background-color: var(--button__primary__bg);
    color: var(--button__primary__color);

    &:hover {
      background-color: var(--button__primary__bg-hover);
      color: var(--button__primary__color-hover);

      &:before {
        background-color: transparent;
        transform: scale(0);
      }
    }
  }

  &.uk-button-secondary {
    background-color: var(--button__secondary__bg);
    color: var(--button__secondary__color);
    /* border: 2px solid var(--button__secondary__bg); */

    &:disabled {
      background-color: var(--button__secondary__bg);
      color: var(--button__secondary__color);
      opacity: 0.4;
      border: 2px solid var(--button__secondary__bg);

      &:hover {
        background-color: var(--button__secondary__bg);
        color: var(--button__secondary__color);
        opacity: 0.4;
        border: 2px solid var(--button__secondary__bg);
        cursor: not-allowed;
      }
    }

    &:hover {
      background-color: var(--button__secondary__bg-hover);
      color: var(--button__secondary__color-hover);
      /* border-color: 2px solid var(--button__secondary__bg-hover); */

      &:before {
        background-color: transparent;
        transform: scale(0);
      }
    }
  }
}

.uk-button-link {
  &.no-animation {
    &:hover * {
      text-decoration: none;
      color: var(--link__color-hover);
    }
  }
}

.uk-label {
  background: var(--button__secondary__bg);
  color: var(--button__secondary__color);

  &:hover {
    background: var(--button__secondary__bg-hover);
    color: var(--button__secondary__color-hover);
  }
}

span.uk-icon {
  color: var(--body__color);

  &:hover {
    color: var(--link__color-hover);
  }
}

.uk-grid-column-small, .uk-grid-small {
  margin-left: -10px;
}

.uk-margin-small {
  margin-bottom: 10px;
}

.uk-grid-column-small > *, .uk-grid-small > * {
  padding-left: 10px;
}

.uk-modal-container .uk-modal-dialog {
  width: 1280px;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 640px) {
}

@media only screen and (min-width: 640px) and (orientation: portrait) {
}

@media only screen and (min-width: 640px) and (orientation: landscape) {
}

@media only screen and (min-width: 960px) {
}

@media only screen and (min-width: 960px) and (orientation: portrait) {
}

@media only screen and (min-width: 960px) and (orientation: landscape) {
}

@media only screen and (min-width: 1200px) {
}

@media only screen and (min-width: 1200px) and (orientation: portrait) {
}

@media only screen and (min-width: 1200px) and (orientation: landscape) {
}

@media only screen and (min-width: 1600px) {
}

@media only screen and (min-width: 1600px) and (orientation: portrait) {
}

@media only screen and (min-width: 1600px) and (orientation: landscape) {
}

@media only screen and (min-width: 1920px) {
}

/* ==========================================================================
   END
   ========================================================================== */