@import url("./fonts.css");
:root {
  --clr-prm-100: #D5D5D5;
  --clr-prm-200: #EDE9D0;
  --clr-prm-300: #6E6E6E;
  --clr-prm-400: #1C1C1C;
  --clr-prm-alpha: rgba(20, 20, 20, 0.7137254902);
  --clr-call-100: #6a4729;
  --clr-call-100dark: #452e1b;
  --clr-call-200: #D84B16;
  --clr-call-300: #FF724F;
  --clr-call-400: #FFAE85;
  --slab: "Roboto Slab", serif;
  --sans: "Roboto Condensed", sans-serif;
}

*, *::after, *::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  background-color: var(--clr-prm-400);
  color: var(--clr-prm-300);
  font-family: var(--sans);
  overflow-x: hidden;
}

input, textarea {
  font-family: inherit;
}

p {
  font-size: 1.1rem;
  line-height: 1.4;
}

p a {
  text-decoration: none;
  color: var(--clr-prm-400);
  position: relative;
}

p a::before {
  content: "";
  position: absolute;
  left: 0%;
  right: 0%;
  height: 2px;
  bottom: 0;
  background-color: var(--clr-prm-300);
  z-index: 0;
}

p a::after {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  height: 2px;
  bottom: 0;
  background-color: var(--clr-call-400);
  transition: all 0.3s;
  z-index: 10;
}

p a:hover::after {
  left: 0;
  right: 0;
}

a[href$=".pdf"] {
  text-decoration: none;
  padding: 0.2rem 1rem 0.2rem 1.5rem;
  position: relative;
  background-color: var(--clr-prm-400);
  display: inline-block;
  color: var(--clr-prm-100);
}

a[href$=".pdf"]::before {
  content: "";
  position: absolute;
  left: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background-image: url("../../../../../../../../../../fileadmin/Template/media/images/pdf-icon.svg");
  background-size: contain;
  background-color: transparent;
  filter: brightness(100);
}

@media (min-width: 600px) {
  p {
    font-size: 1.25rem;
  }
}
h1, h2 {
  font-family: var(--slab);
}

ul[class] {
  list-style: none;
}

img, svg {
  display: block;
  max-width: 100%;
  min-width: 1rem;
}

.wrapper {
  width: 80%;
  max-width: 375px;
  margin-inline: auto;
}

@media (min-width: 600px) {
  .wrapper {
    max-width: 600px;
  }
}
@media (min-width: 1000px) {
  .wrapper {
    max-width: 900px;
  }
}
@media (min-width: 1400px) {
  .wrapper {
    max-width: 1650px;
  }
}
.nodisp {
  display: none;
}

.relative {
  position: relative;
}

/*Loader */
.loader-container {
  background-color: #111111;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
  gap: 0.5rem;
  padding: 10px 5px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: white;
  z-index: -10000;
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.loader-container.show {
  opacity: 1;
  z-index: 999999999;
}

.loader-container p {
  font-size: 0.7rem;
  text-align: center;
}

.loader-container .loader-dots {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.loader-container span {
  display: block;
  width: 10px;
  aspect-ratio: 1;
  background-color: #999;
  border-radius: 50%;
  -webkit-animation: animeBallLoader ease-out 3s infinite;
  animation: animeBallLoader ease-out 3s infinite;
  transform: translateY(-20px);
  opacity: 0;
}

.loader-container span:nth-of-type(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.loader-container span:nth-of-type(2) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.loader-container span:nth-of-type(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.loader-container span:nth-of-type(4) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

@-webkit-keyframes animeBallLoader {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  20% {
    transform: translateY(0px);
    opacity: 1;
  }
  80% {
    transform: translateY(0px);
    opacity: 1;
  }
  100% {
    transform: translateY(20px);
    opacity: 0;
  }
}
@keyframes animeBallLoader {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  20% {
    transform: translateY(0px);
    opacity: 1;
  }
  80% {
    transform: translateY(0px);
    opacity: 1;
  }
  100% {
    transform: translateY(20px);
    opacity: 0;
  }
}
/*Loader */
/*cookie*/
.cookie-consent-btn {
  position: fixed;
  bottom: 45px;
  left: 10px;
  background-color: #eee;
  padding: 0.5rem;
  border-radius: 50%;
  box-shadow: 2px -2px 20px 5px #00000050;
  z-index: 999999;
  transition: all 0.5s;
}

.cookie-consent-btn img {
  display: block;
  max-width: 25px;
  transform-style: preserve-3d;
  transform-origin: center;
  filter: drop-shadow(2px 2px 2px #00000050);
}

@media only screen and (min-width: 1000px) {
  .cookie-consent-btn {
    bottom: 10px;
  }

  .cookie-consent-btn img {
    max-width: 52px;
  }

  .cookie-consent-btn:hover {
    background-color: white;
  }
}
.cookie-consent-container .buttons .btn--primary {
  background: #FF724F !important;
  color: #fff;
  border: 2px solid #FF724F !important;
  margin-bottom: 10px;
}

.cookie-consent-container .label input:checked ~ .checkmark {
  background-color: #D84B16 !important;
}

/*cookie*/
/* Forms*/
.tx-powermail {
  /*max-width: 600px;*/
  margin-inline: auto;
}

.tx-powermail h3 {
  display: none;
}

.tx-powermail fieldset {
  border: transparent;
}

.frame.frame-default.frame-type-list {
  width: 100%;
}

label[for=powermail_field_datenschutzerklaerung], label[for=powermail_field_datenschutzerkaerung] {
  display: none;
}

.tx-powermail input[type=text],
.tx-powermail input[type=tel],
.tx-powermail input[type=email],
.tx-powermail textarea {
  width: 100%;
  height: 2rem;
  margin-inline: auto;
  -webkit-margin-after: 2rem;
  margin-block-end: 2rem;
  display: block;
}

.powermail_fieldwrap.powermail_fieldwrap_type_radio.powermail_fieldwrap_anrede {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.tx-powermail label {
  -webkit-padding-start: 1rem;
  padding-inline-start: 1rem;
  font-size: 1rem;
}

.tx-powermail legend {
  display: none;
}

.tx-powermail textarea {
  resize: vertical;
  min-height: 300px;
}

.powermail_fieldwrap.powermail_fieldwrap_type_content {
  height: 300px;
  overflow: hidden;
  overflow-y: scroll;
  padding: 1rem;
  font-size: 0.8rem;
  background-color: white;
  margin: 2rem 0;
}

.powermail_fieldwrap_type_radio {
  margin-block: 2rem;
}

.powermail_fieldwrap_type_radio .powermail_field {
  display: flex;
  flex-flow: row nowrap;
  gap: 1rem;
}

.powermail_fieldwrap.powermail_fieldwrap_type_check {
  margin-block: 1rem;
  max-width: 80%;
}

.powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field label {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.powermail_field_error_container.powermail_field_error, .powermail-errors-list.filled li {
  text-align: center;
  color: var(--clr-call-200);
  margin-block: 1rem;
}

form input[type=submit] {
  cursor: pointer;
  border: transparent;
  background-color: var(--clr-call-200);
  padding: 1rem 2rem;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  color: var(--clr-prm-100);
  font-size: 1.5rem;
  font-weight: 900;
  transition: all 0.3s;
}

form input[type=submit]:hover {
  background-color: var(--clr-call-300);
}

article:not(#hero-start):not(#hero-page) {
  padding-block: 5rem;
}

header.section-header {
  -webkit-padding-after: 2rem;
  padding-block-end: 2rem;
}

header.section-header h2 {
  text-align: center;
  padding-block: 1rem;
}

header.section-header p {
  max-width: 500px;
  margin-inline: auto;
  text-align: center;
  color: var(--clr-prm-300);
}

button {
  border: 0px solid transparent;
  background-color: transparent;
  cursor: pointer;
}

button.call-action-btn {
  background-color: var(--clr-call-200);
  display: block;
  padding: 0.5rem 2rem;
  color: var(--clr-prm-100);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  transition: all 0.5s;
}

button.call-action-btn .icon {
  transition: all 0.5s;
}

button.call-action-btn .icon svg {
  fill: var(--clr-prm-100);
  width: 1rem;
}

button.call-action-btn:hover {
  background-color: var(--clr-call-300);
}

button.call-action-btn:hover .icon {
  transform: translateX(10px);
}

button.left, button.right {
  transition: all 0.5s;
  background-color: var(--clr-call-200);
  padding: 5px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

button.left span.icon svg, button.right span.icon svg {
  fill: var(--clr-prm-100);
}

button.left:hover, button.right:hover {
  background-color: var(--clr-call-300);
}

button.left {
  rotate: 180deg;
  box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.2);
}

.call-container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.call-container a {
  text-decoration: none;
  color: var(--clr-prm-100);
  padding: 0.5rem 1rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  width: 48%;
  font-size: 0.9rem;
  transition: all 0.5s;
}

.call-container a span {
  transition: all 0.5s;
}

.call-container a span.icon svg {
  fill: var(--clr-prm-100);
  width: 0.9rem;
}

.call-container a:nth-of-type(1) {
  background-color: var(--clr-call-200);
}

.call-container a:nth-of-type(2) {
  border: 2px solid var(--clr-call-200);
}

.call-container a:hover .icon {
  transform: translateX(10px);
}

span.icon svg {
  width: 1.5rem;
  fill: var(--clr-call-100);
}

.controlls-container {
  display: flex;
  gap: 0.5rem;
}

.controlls-container li {
  width: 15px;
  aspect-ratio: 1;
  border: 2px solid var(--clr-prm-200);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s;
}

.controlls-container li.current {
  background-color: var(--clr-call-200);
  border: 2px solid transparent;
}

.link-width-icon {
  color: var(--clr-prm-300);
  display: flex;
  gap: 0.3rem;
  align-items: center;
  text-decoration: none;
}

.link-width-icon span.icon svg {
  width: 1rem;
}

.read-more-container {
  width: 100%;
  position: relative;
  text-align: right;
  -webkit-margin-before: 1rem;
  margin-block-start: 1rem;
}

.read-more-container::before {
  content: "";
  position: absolute;
  top: 50%;
  background-color: rgba(112, 112, 112, 0.38);
  height: 1px;
  width: 99%;
  left: 0;
}

.read-more-container a {
  text-decoration: none;
  color: var(--clr-call-200);
  font-weight: 900;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-padding-start: 1rem;
  padding-inline-start: 1rem;
  background-color: rgba(255, 255, 255, 0.0078431373);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.5s;
}

.read-more-container a .icon {
  transition: all 0.5s;
}

.read-more-container a .icon svg {
  fill: currentColor;
  width: 20px;
}

.read-more-container a:hover {
  color: var(--clr-call-300);
}

.read-more-container a:hover .icon {
  transform: translateX(10px);
}

.all-controlls-container {
  position: absolute;
  pointer-events: none;
  inset: 0;
}

.card-container {
  max-width: 319px;
  margin-inline: auto;
  background-color: var(--clr-prm-100);
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}

.card-container .card-header {
  height: 254px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-container .card-body {
  background-color: #bcbcbc;
  padding: 1rem;
}

.card-container .card-body p {
  -webkit-margin-before: 1rem;
  margin-block-start: 1rem;
}

@media (min-width: 1000px) {
  .card-container .card-body p {
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
  }
}
.card {
  width: 100%;
  position: relative;
  -webkit-padding-before: 10px;
  padding-block-start: 10px;
  overflow: hidden;
  margin-block: 1rem 2rem;
  margin-inline: auto;
  cursor: pointer;
}

.card:hover .card-header {
  filter: brightness(1.1);
}

@media (min-width: 1000px) {
  .card {
    max-width: 400px;
    margin-inline: revert;
    -webkit-margin-before: revert;
    margin-block-start: revert;
  }
}
.card .card-header {
  min-height: 323px;
  transition: all 0.5s;
}

.card .card-header.noimg {
  background-size: 40% !important;
  background-color: #bcbcbc;
}

@media (min-width: 1000px) {
  .card .card-header {
    min-height: 400px;
  }
}
.card .card-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
}

.card .card-body ul {
  list-style: none;
}

.card .card-body .date-container ul {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--clr-call-200);
  padding: 1rem 0.5rem;
  position: relative;
  color: white;
  transform-style: preserve-3d;
  display: flex;
  flex-flow: column;
  align-items: center;
}

.card .card-body .date-container ul li:nth-of-type(1) {
  font-size: 2rem;
  font-weight: bolder;
  text-shadow: 2px 2px 2px #00000050;
}

.card .card-body .date-container ul li:ntr-of-type(2) {
  font-size: 0.5rem;
}

.card .card-body .date-container ul::after {
  content: "";
  position: absolute;
  inset: 0 -3px auto auto;
  background-color: #8d3310;
  width: 10px;
  height: 10px;
  transform: skew(20deg) translateZ(-1px);
}

.card .card-body h3 {
  background-color: var(--clr-prm-200);
  flex: 1;
  -webkit-margin-before: 10px;
  margin-block-start: 10px;
  padding-inline: 1rem 0.5rem;
  display: flex;
  align-items: center;
  color: var(--clr-prm-400);
}

.card .card-footer {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
}

.card .card-footer a {
  color: white;
  display: flex;
  align-items: center;
  gap: 0.2rem;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5019607843);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
  text-decoration: none;
}

.card .card-footer a svg {
  fill: white;
  width: 15px;
}

@media (min-width: 1000px) {
  .cards-container {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    gap: 1rem;
  }
}
/*Main Header */
header {
  /*Burger*/
  /*Nav */
}

header .logo-container {
  width: 50%;
  max-width: 15rem;
  position: absolute;
  left: 40%;
  top: 13px;
  transform: translateX(-50%);
}

@media (min-width: 1000px) {
  header .logo-container {
    position: revert;
    transform: revert;
    max-width: 25rem;
  }
}
header#main-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  min-height: 50px;
  z-index: 999;
}

header .burger-container {
  width: 39px;
  height: 26px;
  position: absolute;
  left: 0;
  top: 1rem;
  z-index: 200;
  /*ANimation */
}

@media (min-width: 1000px) {
  header .burger-container {
    display: none;
  }
}
header .burger-container span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 5px;
  background-color: var(--clr-prm-100);
  transition: all 0.3s;
}

header .burger-container span:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%);
}

header .burger-container span:nth-of-type(3) {
  top: auto;
  bottom: 0;
}

header .burger-container.show span:nth-of-type(1) {
  width: 40%;
  height: 3px;
  rotate: -45deg;
  top: 5px;
  left: -1px;
}

header .burger-container.show span:nth-of-type(3) {
  width: 40%;
  height: 3px;
  rotate: 45deg;
  bottom: 5px;
  left: -1px;
}

header .top-header-nav {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  gap: 0.2rem;
  background-color: var(--clr-prm-400);
  transition: all 0.3s;
}

header .top-header-nav.show {
  opacity: 1;
  pointer-events: all;
}

header .top-header-nav ul {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  gap: 0.2rem;
}

header .top-header-nav ul a {
  display: block;
  padding: 0.4rem 0.5rem;
  transition: all 0.5s;
}

header .top-header-nav ul a:hover {
  color: var(--clr-prm-200);
}

header .top-header-nav ul a:hover svg {
  fill: var(--clr-call-200);
}

header .top-header-nav ul .icon svg {
  width: 1.5rem;
  height: 1.5rem;
  aspect-ratio: 4/2;
  transition: all 0.5s;
}

header .top-header-nav ul .text {
  display: none;
}

header .top-header-nav form {
  display: flex;
  align-items: center;
}

header .top-header-nav form input {
  display: none;
}

header .top-header-nav form button {
  display: block;
}

header .top-header-nav form button .text {
  display: none;
}

header .bottom-header-nav .header-nav-container .header-main-nav {
  position: fixed;
  top: 0;
  left: -100%;
  height: 100%;
  width: 100%;
  background-color: var(--clr-prm-alpha);
  z-index: 100;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: all 0.3s;
}

header .bottom-header-nav .header-nav-container .header-main-nav.show {
  left: 0;
}

header .bottom-header-nav .header-nav-container .header-main-nav li a {
  display: block;
  padding: 0.5rem 2rem;
  color: var(--clr-prm-300);
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 700;
  border-block: 1px solid var(--clr-prm-400);
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  transition: all 0.3s;
}

header .bottom-header-nav .header-nav-container .header-main-nav li a span.icon {
  padding: 0.5rem;
  border: 1px solid var(--clr-prm-100);
}

header .bottom-header-nav .header-nav-container .header-main-nav li a:hover {
  background-color: var(--clr-call-200);
  color: var(--clr-prm-100);
}

header .bottom-header-nav .header-nav-container .header-main-nav li.parent-item a {
  display: flex;
  align-items: center;
}

header .bottom-header-nav .header-nav-container .header-main-nav li .child-item li {
  height: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s;
}

header .bottom-header-nav .header-nav-container .header-main-nav li .child-item li a {
  -webkit-padding-start: 3rem;
  padding-inline-start: 3rem;
  color: var(--clr-prm-300);
  background-color: var(--clr-prm-100);
}

header .bottom-header-nav .header-nav-container .header-main-nav li .child-item li a:hover {
  background-color: var(--clr-call-100);
  color: var(--clr-prm-200);
}

header .bottom-header-nav .header-nav-container .header-main-nav li .child-item.show li {
  height: auto;
  opacity: 1;
  pointer-events: auto;
  transform-origin: top;
  transform-style: preserve-3d;
}

header .bottom-header-nav .header-nav-container .header-main-nav li a {
  border: 3px solid transparent;
}

header .bottom-header-nav .header-nav-container .header-main-nav li.current a {
  -webkit-border-after: 3px solid var(--clr-call-100);
  border-block-end: 3px solid var(--clr-call-100);
  color: var(--clr-prm-100);
}

header .bottom-header-nav .header-nav-container button.call-action-btn {
  position: absolute;
  right: 0;
  top: 1rem;
  height: 26px;
  padding-inline: 10px;
}

header .bottom-header-nav .header-nav-container button.call-action-btn .icon svg {
  width: 0.8rem;
}

@media (min-width: 1000px) {
  header#main-header {
    position: relative;
  }

  header .top-header-nav {
    position: revert;
    justify-content: space-between;
    min-height: 80px;
    align-items: center;
    font-size: 0.8rem;
    opacity: 1;
    pointer-events: all;
  }

  header .top-header-nav ul a {
    display: flex;
    gap: 0.3rem;
    color: var(--clr-prm-300);
    text-decoration: none;
    align-items: center;
    padding: 0.5rem 2rem 0.5rem 0;
    font-size: 1rem;
  }

  header .top-header-nav ul .icon {
    aspect-ratio: revert;
    height: auto;
  }

  header .top-header-nav ul .icon svg {
    width: 1.2rem;
  }

  header .top-header-nav ul .text {
    display: inline;
  }

  header .bottom-header-nav {
    display: flex;
    justify-content: space-between;
    min-height: 100px;
    align-items: center;
    border-block: 2px solid var(--clr-prm-300);
  }

  header .bottom-header-nav .header-nav-container {
    display: flex;
    gap: 1rem;
  }

  header .bottom-header-nav .header-nav-container .header-main-nav {
    position: revert;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    flex-flow: row nowrap;
    gap: 1rem;
    background-color: transparent;
    -webkit-backdrop-filter: revert;
    backdrop-filter: revert;
    align-items: center;
  }

  header .bottom-header-nav .header-nav-container .header-main-nav li a {
    white-space: nowrap;
    font-size: 1rem;
    padding: 0.8rem;
  }

  header .bottom-header-nav .header-nav-container .header-main-nav li.parent-item {
    position: relative;
  }

  header .bottom-header-nav .header-nav-container .header-main-nav li.parent-item .icon {
    border: 0 transparent;
    width: auto;
    height: auto;
    padding: 0;
  }

  header .bottom-header-nav .header-nav-container .header-main-nav li.parent-item ul.child-item {
    position: absolute;
    left: 0;
    min-width: 100%;
    top: 100%;
  }

  header .bottom-header-nav .header-nav-container .header-main-nav li.parent-item ul.child-item li {
    opacity: 0;
    height: revert;
    transform: translateY(10px);
  }

  header .bottom-header-nav .header-nav-container .header-main-nav li.parent-item ul.child-item li a {
    padding: 0.5rem 1rem;
    width: 100%;
    display: block;
  }

  header .bottom-header-nav .header-nav-container .header-main-nav li.parent-item ul.child-item.show li {
    opacity: 1;
    transform: translateY(0);
  }

  header .bottom-header-nav .header-nav-container button.call-action-btn {
    position: revert;
    padding: 1.5rem 3rem;
  }
}
/* Hero Section */
article#hero-start .wrapper {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  min-height: 100vh;
}

article#hero-start .wrapper .carousel-container .sliders {
  display: flex;
  flex-flow: column-reverse nowrap;
  gap: 0.5rem;
}

article#hero-start .wrapper .carousel-container .sliders .slider-col-1 {
  position: relative;
  min-height: 40vh;
}

article#hero-start .wrapper .carousel-container .sliders .slider-col-1 .slider-content {
  display: flex;
  flex-flow: column nowrap;
  gap: 1rem;
  position: absolute;
  pointer-events: none;
}

article#hero-start .wrapper .carousel-container .sliders .slider-col-1 .slider-content h2, article#hero-start .wrapper .carousel-container .sliders .slider-col-1 .slider-content .call-container a:nth-of-type(1) {
  transform: translateX(-100px);
  opacity: 0;
  transition: all 1s;
}

article#hero-start .wrapper .carousel-container .sliders .slider-col-1 .slider-content .call-container a:nth-of-type(2) {
  transform: translateX(100px);
  opacity: 0;
  transition: all 1s;
}

article#hero-start .wrapper .carousel-container .sliders .slider-col-1 .slider-content p {
  filter: blur(20px);
  opacity: 0;
  transition: all 1s;
  display: none;
}

@media (min-width: 1000px) {
  article#hero-start .wrapper .carousel-container .sliders .slider-col-1 .slider-content p {
    display: block;
  }
}
article#hero-start .wrapper .carousel-container .sliders .slider-col-1 .slider-content.current {
  pointer-events: all;
}

article#hero-start .wrapper .carousel-container .sliders .slider-col-1 .slider-content.current h2, article#hero-start .wrapper .carousel-container .sliders .slider-col-1 .slider-content.current .call-container a:nth-of-type(1) {
  transform: translateX(0px);
  opacity: 1;
}

article#hero-start .wrapper .carousel-container .sliders .slider-col-1 .slider-content.current .call-container a:nth-of-type(2) {
  transform: translateX(0px);
  opacity: 1;
}

article#hero-start .wrapper .carousel-container .sliders .slider-col-1 .slider-content.current .call-container a:nth-of-type(1),
article#hero-start .wrapper .carousel-container .sliders .slider-col-1 .slider-content.current .call-container a:nth-of-type(2) {
  transition-delay: 1s;
}

article#hero-start .wrapper .carousel-container .sliders .slider-col-1 .slider-content.current p {
  filter: blur(0px);
  opacity: 1;
  transition-delay: 0.3s;
}

article#hero-start .wrapper .carousel-container .sliders .slider-col-1 .slider-content h2 {
  font-size: 1.5rem;
}

@media (min-width: 1000px) {
  article#hero-start .wrapper .carousel-container .sliders .slider-col-1 .slider-content h2 {
    font-size: 2rem;
  }
}
article#hero-start .wrapper .carousel-container .sliders .slider-col-1 .slider-content .call-container a {
  white-space: nowrap;
}

article#hero-start .wrapper .carousel-container .sliders .slider-medias {
  height: 200px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

article#hero-start .wrapper .carousel-container .sliders .slider-medias img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  transition: all 1s;
  filter: blur(10px);
}

article#hero-start .wrapper .carousel-container .sliders .slider-medias img.current {
  opacity: 1;
  inset: 50% auto auto 50%;
  pointer-events: all;
  filter: blur(0);
}

article#hero-start .wrapper .carousel-container .sliders .controlls-container {
  position: absolute;
  inset-inline-start: 50%;
  inset-block-end: 1rem;
  transform: translatex(-50%);
}

@media (min-width: 1000px) {
  article#hero-start .wrapper .carousel-container .sliders {
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }

  article#hero-start .wrapper .carousel-container .sliders .slider-col-1 {
    width: 60%;
    max-width: 612px;
  }

  article#hero-start .wrapper .carousel-container .sliders .slider-col-1 h2 {
    font-size: 50px;
  }

  article#hero-start .wrapper .carousel-container .sliders .slider-col-1 p {
    -webkit-margin-start: 10%;
    margin-inline-start: 10%;
  }

  article#hero-start .wrapper .carousel-container .sliders .slider-col-1 .call-container {
    -webkit-margin-start: 10%;
    margin-inline-start: 10%;
  }

  article#hero-start .wrapper .carousel-container .sliders .slider-col-1 .call-container a {
    padding-block: 1rem;
    font-size: 1.2rem;
  }

  article#hero-start .wrapper .carousel-container .sliders .slider-col-2 {
    width: 50%;
    max-width: 812px;
  }

  article#hero-start .wrapper .carousel-container .sliders .slider-col-2 .slider-medias {
    height: 70vh;
  }

  article#hero-start .wrapper .carousel-container .sliders .slider-col-2 .controlls-container {
    position: revert;
    inset-inline-start: revert;
    inset-block-end: revert;
    transform: translateX(0);
    margin: 1rem auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 1000px) {
  article#hero-start .wrapper {
    min-height: 80vh;
    padding-block: 2rem;
    justify-content: space-between;
  }
}
article#hero-start .footer-hero-container {
  display: none;
}

article#hero-start .footer-hero-container p {
  display: flex;
  align-items: center;
  font-style: italic;
  gap: 0.5rem;
}

article#hero-start .footer-hero-container p .time-start {
  color: var(--clr-call-400);
}

@media (min-width: 1000px) {
  article#hero-start .footer-hero-container {
    display: flex;
    gap: 1rem;
    width: 110%;
    margin-inline: auto;
  }
}
article.targets-container {
  background-color: var(--clr-prm-100);
}

article.targets-container header h2 {
  color: var(--clr-prm-400);
}

@media (min-width: 1000px) {
  article.targets-container .main-content .cards-container {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: stretch;
  }
}
article.targets-container .main-content .cards-container .card-container {
  max-width: 320px;
  width: 100%;
  background-color: #e2e2e2;
  margin-block: 1rem;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1254901961);
  margin-inline: auto;
}

@media (min-width: 1400px) {
  article.targets-container .main-content .cards-container .card-container {
    max-width: 400px;
    margin-block: revert;
    margin-inline: revert;
  }
}
@media (min-width: 1900px) {
  article.targets-container .main-content .cards-container .card-container {
    max-width: 450px;
  }
}
article.targets-container .main-content .cards-container .card-container .card-header {
  height: 185px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

@media (min-width: 1400px) {
  article.targets-container .main-content .cards-container .card-container .card-header {
    height: 300px;
  }
}
article.targets-container .main-content .cards-container .card-container .card-body {
  background-color: #c8c8c8;
  padding: 1rem;
  min-height: 188px;
}

article.targets-container .main-content .cards-container .card-container .card-body h3 {
  color: var(--clr-prm-400);
}

article.targets-container .main-content .cards-container .card-container .card-body p {
  -webkit-padding-start: 1rem;
  padding-inline-start: 1rem;
  position: relative;
}

article.targets-container .main-content .cards-container .card-container .card-body p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.8ch;
  height: 50px;
  width: 5px;
  background-color: #999;
}

article#about-container .left-container {
  position: relative;
  overflow: hidden;
  height: 300px;
  margin-block: 1rem;
}

@media (min-width: 1000px) {
  article#about-container .left-container {
    height: revert;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 1rem;
  }
}
article#about-container .left-container figure {
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0;
  opacity: 0;
  transition: all 1s;
}

@media (min-width: 1000px) {
  article#about-container .left-container figure {
    position: relative;
    height: revert;
    inset: revert;
    opacity: 1;
    width: 47%;
    overflow: hidden;
  }

  article#about-container .left-container figure.current {
    opacity: 1;
  }

  article#about-container .left-container figure:nth-of-type(1) {
    width: 100%;
    height: 50%;
  }

  article#about-container .left-container figure img {
    -webkit-animation: none !important;
    animation: none !important;
  }
}
article#about-container .left-container figure.current {
  opacity: 1;
}

article#about-container .left-container figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-animation: zoomImg 30s ease-in-out infinite;
  animation: zoomImg 30s ease-in-out infinite;
}

article#about-container .left-container figure figcaption {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--clr-prm-300);
  font-size: 0.8rem;
  padding: 0.2rem;
  color: var(--clr-prm-400);
}

article#about-container .left-container figure figcaption span {
  font-style: italic;
}

article#about-container .right-container h3 {
  color: var(--clr-prm-100);
  margin-block: 3rem 1rem;
}

@media (min-width: 1000px) {
  article#about-container .right-container p {
    -webkit-padding-start: 4rem;
    padding-inline-start: 4rem;
  }
}
@media (min-width: 1000px) {
  article#about-container .wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 1rem;
  }

  article#about-container .wrapper header {
    width: 100%;
  }

  article#about-container .wrapper .left-container {
    width: 45%;
  }

  article#about-container .wrapper .right-container {
    width: 50%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
  }
}
article#projects-container {
  background-color: var(--clr-prm-100);
}

article#projects-container .main-content {
  position: relative;
}

article#projects-container .main-content .sliders-cards-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  overflow-x: scroll;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  padding-block: 2rem;
  gap: 1rem;
  -ms-scroll-snap-type: x proximity;
  scroll-snap-type: x proximity;
  scroll-behavior: smooth;
  border-inline: 1px solid var(--clr-prm-200);
  -ms-overflow-style: none;
  scrollbar-width: none;
}

article#projects-container .main-content .sliders-cards-container .card-container {
  scroll-snap-align: center;
  min-width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

article#projects-container .main-content .sliders-cards-container .card-container .card-header {
  background-color: #e2e2e2;
}

article#projects-container .main-content .sliders-cards-container .card-container .card-body {
  flex: 1;
}

@media (min-width: 1000px) {
  article#projects-container .main-content .sliders-cards-container .card-container {
    min-width: 400px;
  }
}
article#projects-container .main-content .sliders-cards-container::-webkit-scrollbar {
  display: none;
}

article#projects-container .main-content .all-controlls-container .arrows-container {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 123%;
  left: 50%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 1000px) {
  article#projects-container .main-content .all-controlls-container .arrows-container {
    width: 105%;
  }
}
article#projects-container .main-content .all-controlls-container .arrows-container button {
  pointer-events: all;
  cursor: pointer;
}

article#projects-container .main-content .all-controlls-container .controlls-container {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  inset: auto auto 0rem 50%;
  transform: translateX(-50%);
}

@media (min-width: 1000px) {
  article#projects-container .main-content .all-controlls-container .controlls-container {
    display: none;
  }
}
article#team-container .cards-container .card-container {
  max-width: 100%;
  margin-block: 1rem 2rem;
  background-color: transparent;
}

@media (min-width: 1000px) {
  article#team-container .cards-container .card-container {
    width: 400px;
  }
}
article#team-container .cards-container .card-container .card-header {
  background-color: var(--clr-prm-200);
}

article#team-container .cards-container .card-container .card-body {
  padding: 2rem;
}

article#team-container .cards-container .card-container .card-body ul {
  list-style: none;
  -webkit-margin-start: 1rem;
  margin-inline-start: 1rem;
}

article#partner-container .main-content {
  overflow: hidden;
  border-inline: 1px solid var(--clr-prm-200);
  padding-block: 1rem;
  position: relative;
}

article#partner-container .main-content::before, article#partner-container .main-content::after {
  content: "";
  position: absolute;
  width: 20px;
  z-index: 10;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

article#partner-container .main-content::before {
  inset: 0 auto 0 0;
}

article#partner-container .main-content::after {
  inset: 0 0 0 auto;
}

article#partner-container .main-content .partnern-slider {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}

article#partner-container .main-content figure {
  width: 200px;
  position: relative;
  cursor: pointer;
  transition: all 0.5s;
  filter: grayscale(0.7);
  height: 200px;
  border: 1px solid #111;
  display: flex;
  align-items: center;
  justify-content: center;
}

article#partner-container .main-content figure:hover {
  scale: 1.05;
  filter: grayscale(0);
}

article#partner-container .main-content figure figcaption a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

article#partner-container .main-content figure figcaption a span {
  display: none;
}

article#partner-container .main-content .partnern-slider figure > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
}

article#help-container {
  background-color: var(--clr-prm-100);
}

article#help-container .wrapper h2 {
  text-align: center;
  font-size: 3rem;
  -webkit-margin-after: 1rem;
  margin-block-end: 1rem;
  color: var(--clr-prm-400);
}

article#help-container .wrapper .call-container a:nth-of-type(2) {
  color: var(--clr-prm-400);
}

article#help-container .wrapper .call-container a:nth-of-type(2) svg {
  fill: var(--clr-prm-400);
}

@media (min-width: 1000px) {
  article#help-container .wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }

  article#help-container .wrapper h2 {
    font-size: 5rem;
  }

  article#help-container .wrapper .call-container {
    flex-flow: column nowrap;
    width: 45%;
    max-width: 400px;
    gap: 1rem;
  }

  article#help-container .wrapper .call-container a {
    width: 100%;
    padding-block: 1rem;
    font-size: 1.2rem;
  }
}
article#map-container .main-content {
  display: flex;
  flex-flow: column-reverse nowrap;
  gap: 1rem;
}

@media (min-width: 1000px) {
  article#map-container .main-content {
    flex-flow: row nowrap;
    align-items: stretch;
  }

  article#map-container .main-content .right {
    width: 80%;
  }
}
article#map-container .main-content iframe {
  display: block;
  min-height: 432px;
  width: 100%;
}

article#map-container .main-content .left .contact-container {
  position: relative;
  padding: 1rem 0 1rem 0;
  transform-style: preserve-3d;
}

article#map-container .main-content .left .contact-container li {
  display: flex;
  margin-block: 1rem;
  position: relative;
  transform-style: preserve-3d;
}

article#map-container .main-content .left .contact-container li::after {
  content: "";
  position: absolute;
  inset: auto 0 0rem auto;
  width: 1rem;
  aspect-ratio: 1;
  background-color: #808080;
  transform: translateZ(-1px) skewy(-45deg);
  z-index: -1;
}

article#map-container .main-content .left .contact-container li a {
  display: flex;
  text-decoration: none;
  color: var(--clr-prm-300);
  width: 100%;
  align-items: stretch;
}

article#map-container .main-content .left .contact-container li a .icon {
  width: 52px;
  aspect-ratio: 1;
}

article#map-container .main-content .left .contact-container li img {
  display: block;
}

article#map-container .main-content .left .contact-container li .icon {
  display: block;
  width: 52px;
  aspect-ratio: 1;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--clr-call-200);
}

article#map-container .main-content .left .contact-container li .text {
  display: block;
  width: 100%;
  background-color: var(--clr-prm-100);
  margin-block: 0.5rem;
  display: flex;
  align-items: center;
  -webkit-padding-start: 1rem;
  padding-inline-start: 1rem;
  position: relative;
}

article#map-container .main-content .left .contact-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 1rem);
  height: 100%;
  background-color: var(--clr-prm-200);
  transform: translateZ(-1px);
}

article#hero-page {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  -webkit-margin-before: 5rem;
  margin-block-start: 5rem;
  background-color: #795548;
  position: relative;
}

article#hero-page .wrapper {
  min-height: 25vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

@media (min-width: 1000px) {
  article#hero-page .wrapper {
    min-height: 30vh;
  }
}
article#hero-page .sub-page-title {
  font-size: 2.3rem;
  text-align: center;
  font-weight: 900;
  letter-spacing: -3px;
}

@media (min-width: 600px) {
  article#hero-page .sub-page-title {
    font-size: 4rem;
  }
}
@media (min-width: 1000px) {
  article#hero-page .sub-page-title {
    font-size: 7rem;
  }
}
article#hero-page .sub-page-title span {
  color: #ac7c64;
  display: inline-block;
  transition: all 1s;
}

article#hero-page .sub-page-title span.shadow {
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3137254902);
  scale: 1.3;
  transform: translateY(-3px);
  color: #e69d78;
}

article#hero-page .sub-page-title span.space {
  position: relative;
  width: 0.5ch;
}

article#hero-page .breadcrumb-container {
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  display: flex;
  flex-flow: row nowrap;
  gap: 0.5rem;
  justify-content: center;
  background-color: var(--clr-prm-400);
  padding: 0.5rem;
  overflow: hidden;
  overflow-x: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

article#hero-page .breadcrumb-container::-webkit-scrollbar {
  display: none;
}

article#hero-page .breadcrumb-container p {
  font-size: 0.8rem;
  white-space: nowrap;
}

article#hero-page .breadcrumb-container ul li {
  white-space: nowrap;
  font-size: 0.8rem;
}

@media (min-width: 1000px) {
  article#hero-page .breadcrumb-container {
    right: revert;
    bottom: 0;
  }

  article#hero-page .breadcrumb-container p {
    font-size: 1rem;
    white-space: nowrap;
  }

  article#hero-page .breadcrumb-container ul li {
    white-space: nowrap;
    font-size: 1rem;
  }
}
article#hero-page .breadcrumb-container ul {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

article#hero-page .breadcrumb-container ul li {
  position: relative;
  -webkit-padding-end: 0.5rem;
  padding-inline-end: 0.5rem;
}

article#hero-page .breadcrumb-container ul li:not(li:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -1px;
  width: 2px;
  background-color: var(--clr-prm-100);
}

.subpage-main-content {
  padding: 2rem 0rem;
}

.subpage-main-content header {
  -webkit-margin-after: 1rem;
  margin-block-end: 1rem;
}

.subpage-main-content ul {
  margin-block: 1rem;
  -webkit-padding-start: 3rem;
  padding-inline-start: 3rem;
  list-style: circle;
}

.subpage-main-content p.text-center {
  text-align: center;
}

.subpage-main-content p {
  font-size: 1rem;
  color: var(--clr-prm-400);
  margin-block: 1rem;
}

.subpage-main-content h3 {
  color: var(--clr-prm-400);
  -webkit-margin-before: 1rem;
  margin-block-start: 1rem;
  background-color: var(--clr-prm-100);
  padding: 5px 0 5px 10px;
}

.subpage-main-content h4 {
  color: var(--clr-prm-100);
  -webkit-margin-before: 1rem;
  margin-block-start: 1rem;
  background-color: var(--clr-prm-400);
  padding: 5px 0 5px 10px;
}

.subpage-main-content .ce-textpic {
  display: flex;
  flex-flow: column-reverse;
  justify-content: flex-end;
  align-items: stretch;
  gap: 0rem;
}

.subpage-main-content .ce-textpic.ce-center.ce-above,
.subpage-main-content .ce-textpic.ce-right.ce-above,
.subpage-main-content .ce-textpic.ce-left.ce-above {
  display: block;
  padding: 1rem;
}

.subpage-main-content .ce-textpic.ce-center.ce-above img,
.subpage-main-content .ce-textpic.ce-right.ce-above img,
.subpage-main-content .ce-textpic.ce-left.ce-above img {
  display: block;
  width: auto;
  height: revert;
}

.subpage-main-content .ce-gallery figure {
  position: relative;
  max-width: 300px;
}

.subpage-main-content .ce-gallery figure::after {
  z-index: 10;
  content: attr(data-title);
  position: absolute;
  left: 0;
  right: 0;
  height: 20px;
  bottom: 0;
  background-color: var(--clr-prm-100);
  color: var(--clr-prm-400);
  text-align: start;
  font-style: italic;
}

@media (min-width: 1000px) {
  .subpage-main-content .ce-textpic {
    flex-flow: row;
  }

  .subpage-main-content .ce-textpic .ce-gallery {
    flex: 0.3;
  }

  .subpage-main-content .ce-textpic .ce-bodytext {
    flex: 0.7;
  }
}
/*Subapge News Card*/
.subpage-main-content .news-allcards-container {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem;
  justify-content: flex-start;
  width: 100%;
}

.subpage-main-content .news-card {
  width: 100%;
  margin: 0rem auto 2rem auto;
  box-shadow: 2px 2px 3px #00000020;
  max-width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media only screen and (min-width: 1000px) {
  .subpage-main-content .news-card {
    margin: revert;
  }
}
.subpage-main-content .news-card .card-header {
  width: 100%;
  height: 300px;
}

.subpage-main-content .news-card .card-body {
  flex: 1;
}

.subpage-main-content .news-card .card-body a {
  text-decoration: none;
  color: var(--clr-prm-400);
  -webkit-padding-start: 1rem;
  padding-inline-start: 1rem;
  position: relative;
  font-family: var(--slab);
  font-weight: 900;
  font-size: 1rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
}

.subpage-main-content .news-card .card-body a span.icon svg {
  width: 1rem;
  fill: var(--clr-call-200);
}

.subpage-main-content .news-card .card-body a span.icon {
  transition: all 0.5s;
}

.subpage-main-content .news-card .card-body a:hover span.icon {
  transform: translateX(10px);
}

.subpage-main-content .news-card .card-body a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0.5rem;
  background-color: var(--clr-call-200);
}

.subpage-main-content .news-card .card-body p {
  border: 1px solid var(--clr-prm-100);
  padding: 0.5rem;
  display: revert !important;
  margin-block: 0 0;
}

.subpage-main-content .news-card .card-footer {
  background-color: var(--clr-prm-400);
  padding: 0.2rem;
}

.subpage-main-content .news-card .card-footer p {
  display: flex !important;
  gap: 0.2rem;
  margin-block: 0 0;
  color: Var(--clr-prm-100);
  font-size: 0.8rem;
}

.subpage-main-content .news-card .card-footer p b {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

.subpage-main-content .news-details-container {
  width: 100%;
}

.subpage-main-content .news-details-container .news-card {
  width: 100%;
  max-width: 100%;
}

article#hero-page .breadcrumb-container ul li:last-child {
  font-style: italic;
}

article#hero-page .breadcrumb-container ul a {
  color: var(--clr-call-200);
  text-decoration: none;
}

article .subpage-main-content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

a.call-action {
  text-decoration: none;
  background-color: var(--clr-call-200);
  padding: 0.2rem 1rem 0.2rem 0.7rem;
  color: var(--clr-prm-100);
  font-weight: 900;
  position: relative;
}

a.call-action::before {
  position: absolute;
  content: "";
  left: -26px;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  background-color: transparent;
  border: 13px solid var(--clr-call-200);
  border-block-color: transparent;
  border-inline-start-color: transparent;
}

.museum-plan-container {
  position: relative;
  background-color: white;
}

.museum-plan-container canvas#grundriss-special {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  inset: 0;
  pointer-events: none;
}

.museum-plan-container .grundriss-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 60vh;
}

.museum-plan-container li.museum-etage {
  font-size: 2rem;
  color: var(--clr-prm-100);
  background-color: var(--clr-prm-400);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5rem 1rem;
  margin-inline: auto;
  margin-block: 1rem;
}

.museum-plan-container li.part-name {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  color: var(--clr-call-200);
  font-size: 1.5rem;
  z-index: 100;
  position: relative;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  padding: 1rem 2rem;
  box-shadow: 2px 3px 14px #00000020;
  font-weight: 900;
  background-image: linear-gradient(45deg, #ffffff80, #ffffff);
  transform: translateY(-23px);
}

.museum-plan-container ul.grundriss-data-ul {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.museum-plan-container .grundriss-etagen {
  position: absolute;
  inset: auto auto 0 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 0.5rem;
}

.museum-plan-container ul.grundriss-etagen::before {
  content: "Etage:";
  top: 50%;
  position: absolute;
  left: -60px;
  transform: translateY(-50%);
  font-family: var(--slab);
  font-weight: 900;
  color: var(--clr-call-200);
}

.museum-plan-container .grundriss-etagen li {
  width: 2rem;
  aspect-ratio: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background-color: #bdbdbd;
  color: white;
  font-weight: 900;
  cursor: pointer;
  transition: all 0.5s;
  box-shadow: 1px 1px 2px #00000080;
  -webkit-border-after: 1px solid #bebebe;
  border-block-end: 1px solid #bebebe;
}

.museum-plan-container .grundriss-etagen li.current {
  background-color: #7a9610;
}

.museum-plan-container .grundriss-etagen li:hover {
  filter: brightness(0.5);
}

.grundriss-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.grundriss-container svg {
  display: block;
  margin-inline: auto;
  max-width: 100%;
  filter: drop-shadow(0px 28px 10px #00000050);
}

.grundriss-container svg > g {
  display: block;
  transform: translateY(-11px);
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s;
}

.grundriss-container svg > g.show {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}

.grundriss-container svg > g:not(.current) {
  filter: brightness(0.5) blur(1px) grayscale(0.5);
  scale: 0.9;
  transform-origin: center;
  transform-style: preserve-3d;
  pointer-events: none;
}

.grundriss-container svg g[data-name=Parts] > *:not(*[data-name=Walls]) {
  transition: all 0.5s;
  cursor: pointer;
  filter: brightness(0.4);
}

.grundriss-container svg g[data-name=Parts] > *:not(*[data-name=Walls]):hover {
  filter: brightness(1);
}

.grundriss-container svg *[data-name=Parts] *[data-name].show {
  filter: brightness(1);
  transform-style: preserve-3d;
  transform-origin: center;
  -webkit-animation: pulls 1s ease-in-out infinite;
  animation: pulls 1s ease-in-out infinite;
}

@-webkit-keyframes pulls {
  0% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(0.2);
  }
  100% {
    filter: brightness(1);
  }
}
@keyframes pulls {
  0% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(0.2);
  }
  100% {
    filter: brightness(1);
  }
}
.grundriss-container .uuid-e14ebc92-7ae8-44e3-921f-94bd0cbc81b2 {
  fill: #939393;
}

.grundriss-container .uuid-6c2e9a39-bd2a-4c0e-9a51-e29e979af2a7 {
  fill: #7a960f;
}

.grundriss-container .uuid-3040ed24-7dca-4a1a-9f97-e515b112ef01 {
  fill: #7a9610;
}

.grundriss-container .uuid-e4cb5055-8e59-4745-8525-c5b2e69ed0e5 {
  fill: #1c7391;
}

.grundriss-container .uuid-48b8f953-85d8-4734-86ce-66631198b27c {
  fill: #f6f6f6;
}

.grundriss-container .uuid-83337572-3499-4b1f-b625-5ceec1b32940 {
  fill: #5a7000;
}

.grundriss-container .uuid-f6d7b211-ae75-41a2-bdc3-b2318d25a7c3 {
  fill: #ad3c29;
}

.grundriss-container .uuid-387d35fa-2586-48f5-8117-08832b452d15 {
  fill: #f8a731;
}

.grundriss-container .uuid-e25adb81-894d-4c04-aa5d-cce62c0d9d15 {
  stroke-dasharray: 0 0 3.06 3.06;
}

.grundriss-container .uuid-e25adb81-894d-4c04-aa5d-cce62c0d9d15, .grundriss-container .uuid-feb1bb22-a493-47c5-940f-f7783e087741, .grundriss-container .uuid-fd8a9cdf-aa19-4d36-bc54-61590c1f4c9b, .grundriss-container .uuid-2b869d06-9ea5-448d-91d1-506c07a32e96, .grundriss-container .uuid-5ab47f18-1e80-4f74-81e1-03da80961091, .grundriss-container .uuid-cd17ba04-58b9-499e-af0a-6d8e50c7b23a, .grundriss-container .uuid-c037941b-04d1-4907-853f-b36cce37faf9, .grundriss-container .uuid-d04f19ae-a93b-401e-b005-0342bc4563e5, .grundriss-container .uuid-d8ba7ddb-3e9c-4eb2-b76b-c13d6a117425, .grundriss-container .uuid-73edd4fd-0ce6-4319-8867-b8f0c26710ff {
  fill: none;
  stroke: #d3d2d2;
  stroke-miterlimit: 10;
  stroke-width: 1.06px;
}

.grundriss-container .uuid-70c78694-f308-49f6-9e4b-3a7fd5c0e580 {
  fill: #e94e1b;
}

.grundriss-container .uuid-b11d5276-7d7b-4e7d-b02f-d85a963e184c {
  fill: #6476b9;
}

.grundriss-container .uuid-feb1bb22-a493-47c5-940f-f7783e087741 {
  stroke-dasharray: 0 0 3.12 3.12;
}

.grundriss-container .uuid-34a22a57-bc67-43e6-9d53-1f9acdacae7c {
  fill: #2989aa;
}

.grundriss-container .uuid-fd8a9cdf-aa19-4d36-bc54-61590c1f4c9b {
  stroke-dasharray: 0 0 3.44 3.44;
}

.grundriss-container .uuid-6d25bbd9-688f-4d67-9c5e-6525c126baf8 {
  fill: #4d2f6f;
}

.grundriss-container .uuid-2b869d06-9ea5-448d-91d1-506c07a32e96 {
  stroke-dasharray: 0 0 3.08 3.08;
}

.grundriss-container .uuid-011cadc3-215d-4fce-b5dd-613509af2b68 {
  fill: #7f7d7e;
}

.grundriss-container .uuid-5ab47f18-1e80-4f74-81e1-03da80961091 {
  stroke-dasharray: 0 0 2.97 2.97;
}

.grundriss-container .uuid-4e30cfad-57ba-4e9f-806e-450e86dc10f4 {
  fill: #aaa;
}

.grundriss-container .uuid-d2587f3d-2bef-499d-bc8a-359e90857f7c {
  fill: #186182;
}

.grundriss-container .uuid-51939689-3deb-4269-9ecd-b2ae074a0927 {
  fill: #211d1e;
}

.grundriss-container .uuid-cd17ba04-58b9-499e-af0a-6d8e50c7b23a {
  stroke-dasharray: 0 0 2.93 2.93;
}

.grundriss-container .uuid-d7c0bae9-d31f-4c74-bc89-c6a6ed2317a7 {
  fill: #d7d3d5;
}

.grundriss-container .uuid-1d18e69c-9c4b-4364-bbfc-2872c9d33d81 {
  fill: #d3d2d2;
}

.grundriss-container .uuid-661f1a28-3c2b-4ea1-a2c2-cb09fc128fd3 {
  fill: #adacac;
}

.grundriss-container .uuid-c037941b-04d1-4907-853f-b36cce37faf9 {
  stroke-dasharray: 0 0 1.95 1.95;
}

.grundriss-container .uuid-30242c9d-2819-49a4-a7ed-7c4fdf99fb16 {
  fill: #a8a8a8;
}

.grundriss-container .uuid-ba2f9425-230e-4fd5-91c3-75f9e30b0bd9 {
  fill: #85990e;
}

.grundriss-container .uuid-d04f19ae-a93b-401e-b005-0342bc4563e5 {
  stroke-dasharray: 0 0 2.9 2.9;
}

.grundriss-container .uuid-0e420779-5d99-4766-a240-909c580e7c17 {
  fill: #686868;
}

.grundriss-container .uuid-8be2e169-d5da-41cf-b015-efb4c7b861fe {
  fill: #1a7a2c;
}

.grundriss-container .uuid-73edd4fd-0ce6-4319-8867-b8f0c26710ff {
  stroke-dasharray: 0 0 2.86 2.86;
}

.grundriss-container .uuid-6a5f4697-95d3-4872-a5dd-9551fd2067eb {
  fill: #1d1d1b;
}

article aside {
  position: relative;
  transform-style: preserve-3d;
  max-width: 382px;
  margin-inline: auto;
}

article aside::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 20px;
  height: 100%;
  background-color: #141414;
  transform: translateZ(-1px);
}

article aside .datum-container {
  text-align: right;
  -webkit-padding-end: 30px;
  padding-inline-end: 30px;
  font-size: 0.9rem;
  padding-block: 1rem 0.5rem;
}

article aside .datum-container .datum {
  color: var(--clr-prm-200);
}

article aside.aside-page > *:not(.datum-container) {
  -webkit-margin-after: 2rem;
  margin-block-end: 2rem;
}

article aside.aside-page h2.aside-title {
  display: flex;
}

article aside.aside-page h2.aside-title .icon {
  display: block;
  width: 64px;
  aspect-ratio: 1;
  background-color: var(--clr-call-200);
  display: flex;
  align-items: center;
  justify-content: center;
}

article aside.aside-page h2.aside-title .icon svg {
  width: 80%;
}

article aside.aside-page h2.aside-title .text {
  background-color: var(--clr-prm-100);
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
  -webkit-padding-start: 1rem;
  padding-inline-start: 1rem;
  color: var(--clr-call-200);
  margin-block: 0.3rem;
  position: relative;
  transform-style: preserve-3d;
  -webkit-border-after: 1px solid white;
  border-block-end: 1px solid white;
}

article aside.aside-page h2.aside-title .text::after {
  content: "";
  position: absolute;
  right: 0px;
  bottom: -7px;
  height: 20px;
  width: 20px;
  background-color: var(--clr-prm-300);
  transform: translateZ(-1px) skewY(-30deg);
}

article aside.aside-page .aside-data-content {
  margin-block: 1rem;
  color: var(--clr-prm-200);
}

article aside.aside-page .aside-data-content > * {
  font-size: 0.9rem;
  -webkit-padding-end: 25px;
  padding-inline-end: 25px;
}

article aside.aside-page .aside-data-content > *:not(ul):not(iframe) {
  -webkit-padding-start: 5rem;
  padding-inline-start: 5rem;
  position: relative;
}

article aside.aside-page .aside-data-content > *:not(ul):not(iframe)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4rem;
  background-color: black;
}

article aside.aside-page .aside-data-content .aktu-item {
  display: flex;
  -webkit-margin-after: 1rem;
  margin-block-end: 1rem;
}

article aside.aside-page .aside-data-content .aktu-item li:first-of-type {
  width: 4rem;
  min-height: 4rem;
  background-color: var(--clr-call-100);
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-padding-before: 0.5rem;
  padding-block-start: 0.5rem;
}

article aside.aside-page .aside-data-content .aktu-item li:first-of-type b {
  display: block;
  text-align: center;
  font-size: 0.8rem;
  line-height: 1.2rem;
}

article aside.aside-page .aside-data-content .aktu-item li:first-of-type b:first-of-type {
  font-size: 2rem;
}

article aside.aside-page .aside-data-content .aktu-item li:last-of-type {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  flex: 1;
}

article aside.aside-page .aside-data-content .aktu-item li:last-of-type a {
  text-decoration: none;
  color: var(--clr-prm-200);
}

article aside.aside-page .aside-data-content .aktu-item li:last-of-type a.top {
  -webkit-margin-after: 1rem;
  margin-block-end: 1rem;
  display: block;
  font-size: 1.2rem;
  -webkit-padding-start: 1rem;
  padding-inline-start: 1rem;
}

article aside.aside-page .aside-data-content .aktu-item li:last-of-type span.bottom {
  font-size: 0.7rem;
  display: flex;
  gap: 0.5rem;
  background-color: var(--clr-call-100dark);
  width: 100%;
  -webkit-padding-start: 1rem;
  padding-inline-start: 1rem;
}

article aside.aside-page .aside-data-content .aktu-item li:last-of-type span.bottom b {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

article aside.aside-page .aside-data-content .kontakt-item li {
  display: flex;
  gap: 1rem;
  margin-block: 1rem;
  align-items: center;
}

article aside.aside-page .aside-data-content .kontakt-item li .icon {
  display: block;
  width: 4rem;
  aspect-ratio: 1;
  background-color: var(--clr-call-100);
  display: flex;
  justify-content: center;
  align-items: center;
}

article aside.aside-page .aside-data-content .kontakt-item li .icon img {
  height: 50%;
}

article aside.aside-page iframe {
  display: block;
  width: 100%;
  min-height: 300px;
  margin-inline: auto;
}

article aside.aside-page .read-more-container {
  -webkit-padding-end: 35px;
  padding-inline-end: 35px;
}

article aside.aside-page .read-more-container a {
  background-color: #141414;
}

article aside.aside-page .read-more-container::before {
  right: 50px;
  width: revert;
}

@media (min-width: 1000px) {
  article#main-content-container .wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    gap: 1rem;
  }

  article#main-content-container .wrapper .main-content {
    flex: 0.7;
  }

  article#main-content-container .wrapper aside {
    flex: 0.3;
  }
}
article#main-content-container .main-content {
  background-color: var(--clr-prm-200);
  padding: 1rem;
}

article#main-content-container .main-content h2 {
  color: var(--clr-call-200);
}

article#main-content-container .main-content p {
  display: inline-block;
}

article#main-content-container .main-content img {
  max-width: 300px;
}

article#main-content-container .main-content > div {
  -webkit-margin-after: 2rem;
  margin-block-end: 2rem;
}

@media (min-width: 1000px) {
  article#main-content-container .main-content > div {
    display: flex;
    gap: 1rem;
  }
}
footer a {
  text-decoration: none;
  color: var(--clr-prm-400);
  position: relative;
}

footer a::after, footer a::before {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: 0;
  height: 2px;
  background-color: var(--clr-prm-400);
  transition: all 0.5s;
}

footer a::before {
  background-color: var(--clr-prm-300);
  left: 0;
  right: 0;
}

footer a:hover::after {
  left: 0;
  right: 0;
}

footer .top-footer {
  background-color: var(--clr-prm-100);
  padding-block: 1rem;
}

footer .top-footer .wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: 2rem;
}

footer .top-footer .wrapper h3 {
  color: var(--clr-prm-400);
  font-family: var(--slab);
}

footer .top-footer .wrapper > div {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

footer .top-footer .wrapper ul li {
  margin-block: 0.5rem;
}

footer .top-footer .col-1 .has-child {
  display: none;
}

footer .top-footer .col-1 .has-child ul {
  list-style: circle;
}

footer .top-footer .col-1 img {
  display: block;
  width: 100%;
}

footer .top-footer .col-1 p {
  font-size: 1.1rem;
}

footer .bottom-footer {
  background-color: var(--clr-prm-400);
  padding-block: 1rem;
  background-color: #000;
}

footer .bottom-footer p {
  font-size: 1rem;
  text-align: center;
}

@-webkit-keyframes scrollToLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-200%);
  }
}
@keyframes scrollToLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-200%);
  }
}
@-webkit-keyframes zoomImg {
  0% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
  100% {
    scale: 1;
  }
}
@keyframes zoomImg {
  0% {
    scale: 1;
  }
  50% {
    scale: 1.2;
  }
  100% {
    scale: 1;
  }
}