:root {
  --antiflash-white:#f1f4f9ff;
  --royal-blue-traditional:hsla(219, 100%, 19.2%, 1);
  --risd-blue:hsla(220, 100%, 50%, 1);
  --azure:hsla(207, 100%, 45%, 1);
  --columbia-blue:hsla(207, 82.1%, 89%, 1);
  --powder-blue:hsla(219, 23.6%, 75.9%, 1);
  --ucla-blue:#527398ff;
  --alice-blue:#f0f4f9ff;
  --honeydew:#e5f4e2ff;
  --white-smoke:#f4f4f4ff;
  --misty-rose:#ffe9eaff;
  --light-red:#ff9595ff;
  --light-red-tp:#ff959533;
  --chrysler-blue:hsla(263, 100%, 45.1%, 1);
  --chrysler-blue-tp:#9747ff33;
  --saffron:hsla(39, 97.4%, 69.4%, 1);
  --saffron-tp:#fdc86533;
  --celadon:#a8dc9fff;
  --celadon-tp:#a8dc9f4d;
  --platinum:hsla(0, 0%, 85.1%, 1);
  --platinum-tp:#d9d9d933;

   --transparent:hsla(0, 0%, 100%, 0);
   --black:#000;
   --white:#FFF;
   --white-trans-80:hsla(0,0%,100%, 0.84);

  --color-tragwerksplanung:var(--light-red);
  --color-tragwerksplanung-bg:var(--light-red-tp);
  --color-pruefung:var(--celadon);
  --color-pruefung-bg:var(--celadon-tp);
  --color-objektplanung:var(--platinum);
  --color-objektplanung-bg:var(--platinum-tp);
  --color-bauphysik:var(--chrysler-blue);
  --color-bauphysik-bg:var(--chrysler-blue-tp);
  --color-gutachten:var(--saffron);
  --color-gutachten-bg:var(--saffron-tp);

  --navitem-l1-bg:var(--transparent);
  --navitem-l1-textcolor:var(--royal-blue-traditional);
  --navitem-l1-iconcolor:var(--risd-blue);
  --navitem-l1-bg-active:var(--azure);
  --navitem-l1-textcolor-active:var(--antiflash-white);

  --icon-line-color:var(--royal-blue-traditional);
  --card-list-gap:2rem;
  --card-max-width:250px;
  --teamcard:200px;
  --grid-teamcard:repeat(auto-fit, minmax(var(--teamcard), 1fr));
  --gap-teamcard:2rem;
  --gap-row-teamcard:2rem;

  --grid-2:repeat(2, minmax(0,1fr));

  --shadow-medium: 0px 1px 1px 0px rgba(3, 7, 18, 0.02),
    -2px 2px 4px 0px rgba(3, 7, 18, 0.03),
    -4px 5px 9px 0px rgba(3, 7, 18, 0.05),
    -8px 10px 15px 0px rgba(3, 7, 18, 0.06),
    -12px 15px 24px 0px rgba(3, 7, 18, 0.08);
  --space-m:var(--gap-m);
  --space-s:calc(var(--space-m) / 2);
  --header-offset:var(--header-height);

}




[data-leistung=tragwerksplanung] {
  --element-border-color:var(--color-tragwerksplanung) !important;
  --element-bg-color:var(--color-tragwerksplanung-bg) !important;
}

[data-leistung=pruefung] {
  --element-border-color:var(--color-pruefung) !important;
  --element-bg-color:var(--color-pruefung-bg) !important;
}

[data-leistung=objektplanung] {
  --element-border-color:var(--color-objektplanung) !important;
  --element-bg-color:var(--color-objektplanung-bg) !important;
}

[data-leistung=bauphysik] {
  --element-border-color:var(--color-bauphysik) !important;
  --element-bg-color:var(--color-bauphysik-bg) !important;
}

[data-leistung=gutachten] {
  --element-border-color:var(--color-gutachten) !important;
  --element-bg-color:var(--color-gutachten-bg) !important;
}

.list-projektkategorie {
  margin:0.5rem 0;
}

.mt-50 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.hidden {
  display: none;
}

.block {
  display: block;
}

.wabe {
  max-height: 750px;
  max-width: 750px;
  position: absolute;
  z-index: -1;
}

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

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

.h3 {
  font-size: var(--h3);
}

.h4 {
  font-size: var(--h4);
}

[data-imgpos="50-50"] {
  object-position: 50% 50%;
}

[data-imgpos="0-100"] {
  object-position: 0 100%;
}

[data-imgpos="0-0"] {
  object-position: 0 0;
}

#brx-content {
  padding-top: var(--header-offset);
}

h2, h3, h4 {
  text-wrap: balance;
}



body.home {
  --header-offset:0;
  --navitem-l1-textcolor:var(--antiflash-white);
}

.x-header_sticky-active {
  --navitem-l1-textcolor:var(--royal-blue-traditional);
}

.shadow-target {
  transition: 200ms box-shadow ease-in-out;
}

.current-menu-item .brx-submenu-toggle button {
  color: var(--navitem-l1-textcolor-active) !important;
}

.bricks-mobile-menu .current-menu-item .brx-submenu-toggle button {
  color: var(--royal-blue-traditional) !important;
}

#brx-content {
  overflow: hidden;
}

.box-shadow-lightblue {
  box-shadow: 0 51px 14px rgba(199, 226, 255, 0.02), 0 33px 13px rgba(199, 226, 255, 0.15), 0 18px 11px rgba(199, 226, 255, 0.5), 0 8px 8px rgba(199, 226, 255, 0.85), 0 2px 4px rgba(199, 226, 255, 0.98), 0 0 0 #c7e2ff;
}

.footer-polygon-clip {
  clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 257px);
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.icon-line-color {
  fill: var(--icon-line-color);
}

.mnc-card-list {
  display: grid;
  gap: var(--card-list-gap);
  grid-template-columns: repeat(auto-fit, minmax(var(--card-width), 1fr));
}

.strange-glow {
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(238.51deg, #0057ff 58.64%, #5700e6 98.21%) border-box;
  border: solid transparent;
  border-width: 0 0 5px;
  box-shadow: -51px 80px 27px rgba(42, 75, 244, 0.01), -33px 51px 24px rgba(42, 75, 244, 0.07), -18px 29px 21px rgba(42, 75, 244, 0.23), -8px 13px 15px rgba(42, 75, 244, 0.4), -2px 3px 8px rgba(42, 75, 244, 0.46), 0 0 0 rgba(42, 75, 244, 0.47);
}

.mnc-only-mobile {
  display: none;
}
@media (max-width: 767px) {
  .mnc-only-mobile {
    display: block;
  }
}

@media (max-width: 767px) {
  .mnc-only-desktop {
    display: none;
  }
}


.display--none {
    display:none;
}

.cards-5 {
    .feature__wrapper {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        column-gap: 2.5rem;
        row-gap: 2.5rem;
  }
}

.clickable-parent {
  &:not(a) {
    position: static;

    & a {
      position: static;
    }

    & > a::after {
      content: "";
      position: absolute;
      inset: 0;
      cursor: pointer !important;
      display: flex;
      z-index: 1;
    }
  }

  &:is(button, a) {
    position: static !important;

    &::after {
      content: "";
      position: absolute;
      inset: 0;
      cursor: pointer !important;
      display: flex;
      z-index: 1;
    }
  }
}

.bricks-area {
  & a.clickable-parent::after,
  & .clickable-parent > a::after {
    content: "";
    position: relative;
  }
}