:root {
  --_sizes---copy-line-height: 130%;
  --_colors---light-grey: #d4dce1;
  --_fonts---copy: Lato, Verdana, sans-serif;
  --_colors---dark-grey: #443a41;
  --_sizes---var-1: .5rem;
  --_colors---primary2: #dc305d;
  --_fonts---headings: "Oswald Variablefont Wght", Impact, sans-serif;
  --_sizes---heading-line-height: 115%;
  --_colors---white: white;
  --_sizes---var6: 4rem;
  --_colors---warm-black: #1b0d0d;
  --_colors---mid-grey: #7f7e7e;
  --_sizes---content-width: 95ch;
  --_sizes---var1: 1.5rem;
  --_sizes---var2: 2rem;
  --_sizes---var0: 1rem;
  --_colors---shadow: #1b0d0d66;
  --_sizes---var-2: -1rem;
  --_sizes---var-5: -.5rem;
  --_sizes---var4: 3rem;
  --_sizes---var3: 2.5rem;
  --_sizes---card-form-width: 80ch;
  --_sizes---var5: 3.5rem;
  --_colors---primary1: #ff0;
  --_colors---mauve: #7b566c;
  --_sizes---var-3: -1.5rem;
  --_sizes---var-4: -2rem;
}

body {
  min-height: var(--_sizes---copy-line-height);
  background-color: var(--_colors---light-grey);
  font-family: var(--_fonts---copy);
  color: var(--_colors---dark-grey);
  line-height: var(--_sizes---copy-line-height);
  text-rendering: optimizelegibility;
  background-image: linear-gradient(#d4dce133, #d4dce133), url("../images/subtle_grunge_2.a1ae1a019d27.png");
  background-image: linear-gradient(#d4dce133, #d4dce133), -webkit-image-set(
    url("../images/subtle_grunge_2.c84ca7cfd720.webp") 1x,
    url("../images/subtle_grunge_2.a1ae1a019d27.png") 1x
  );
  background-image: linear-gradient(#d4dce133, #d4dce133), image-set(
    url("../images/subtle_grunge_2.c84ca7cfd720.webp") type('image/webp'),
    url("../images/subtle_grunge_2.a1ae1a019d27.png") type('image/png')
  );
  background-position: 0 0, 0 0;
  background-size: auto, 260px;
  flex-flow: column;
  align-items: stretch;
  padding-left: clamp(10rem, 17.28vw - .694rem, 18.75rem);
  font-size: clamp(1.125rem, 1.03rem + .34vw, 1.34rem);
  font-weight: 300;
  display: flex;
}

h1 {
  padding-left: var(--_sizes---var-1);
  border-left-style: solid;
  border-left-width: 5px;
  border-left-color: var(--_colors---primary2);
  font-family: var(--_fonts---headings);
  line-height: var(--_sizes---heading-line-height);
  font-variation-settings: "wght" 580;
  text-transform: uppercase;
  border-top-left-radius: 5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: min(clamp(3.25rem, 2.656rem + 3.17vw, 5.625rem), 15.8cqw);
}

h2 {
  font-family: var(--_fonts---headings);
  line-height: var(--_sizes---heading-line-height);
  font-variation-settings: "wght" 550;
  letter-spacing: -.08rem;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: min(clamp(3rem, 2.578rem + 2.25vw, 4.688rem), 12.2cqw);
}

h3 {
  font-family: var(--_fonts---headings);
  line-height: var(--_sizes---heading-line-height);
  font-variation-settings: "wght" 570;
  text-transform: uppercase;
  text-shadow: 1px 2px 2px var(--_colors---white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: clamp(1.5rem, 1.422rem + .42vw, 1.813rem);
  font-weight: 700;
}

h4 {
  font-family: var(--_fonts---headings);
  line-height: var(--_sizes---heading-line-height);
  letter-spacing: .02rem;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: clamp(1.25rem, 1.188rem + .33vw, 1.563rem);
  font-weight: 700;
}

h5 {
  font-family: var(--_fonts---headings);
  line-height: var(--_sizes---heading-line-height);
  margin-top: 0;
  margin-bottom: 0;
  font-size: clamp(1.563rem, 1.406rem + .83vw, 2.188rem);
  font-weight: 700;
}

p {
  -webkit-hyphens: auto;
  hyphens: auto;
  hyphenate-limit-chars: 7 4 3;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
}

a {
  color: var(--_colors---primary2);
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
}

li {
  list-style-type: none;
}

strong {
  font-weight: 500;
}

.ma-section {
  padding-top: 2.5rem;
  padding-bottom: var(--_sizes---var6);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  padding-left: clamp(1rem, .45rem + 2.93vw, 3.75rem);
  padding-right: clamp(1rem, .45rem + 2.93vw, 3.75rem);
  display: flex;
  position: relative;
  overflow: hidden;
}

.ma-section.ma-section-services-image {
  background-color: var(--_colors---warm-black);
  color: var(--_colors---light-grey);
  background-image: linear-gradient(#1b0d0db3, #1b0d0db3), url("../images/Marina-Adler-architecture.b1af9821ddec.jpg");
  background-image: linear-gradient(#1b0d0db3, #1b0d0db3), -webkit-image-set(
    url("../images/Marina-Adler-architecture-p-1600.5148d319af2f.webp") 1x,
    url("../images/Marina-Adler-architecture-p-1600.3fb7faf3431c.jpg") 1x
  );
  background-image: linear-gradient(#1b0d0db3, #1b0d0db3), image-set(
    url("../images/Marina-Adler-architecture-p-1600.5148d319af2f.webp") type('image/webp'),
    url("../images/Marina-Adler-architecture-p-1600.3fb7faf3431c.jpg") type('image/jpeg')
  );
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding-bottom: 8rem;
  display: flex;
  overflow: hidden;
}

.ma-section.ma-section-services-image.ma-reel-section {
  background-color: var(--_colors---dark-grey);
  background-image: linear-gradient(#1b0d0dcc, #1b0d0dcc), url("../images/Marina_Adler_Office_urban.6f08bea6a978.jpg");
  background-image: linear-gradient(#1b0d0dcc, #1b0d0dcc), -webkit-image-set(
    url("../images/Marina_Adler_Office_urban-p-1600.825cb3c8bae0.webp") 1x,
    url("../images/Marina_Adler_Office_urban-p-1600.481a6dfd2dd8.jpg") 1x
  );
  background-image: linear-gradient(#1b0d0dcc, #1b0d0dcc), image-set(
    url("../images/Marina_Adler_Office_urban-p-1600.825cb3c8bae0.webp") type('image/webp'),
    url("../images/Marina_Adler_Office_urban-p-1600.481a6dfd2dd8.jpg") type('image/jpeg')
  );
  background-position: 0 0, 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: hidden;
}

.ma-section.ma-section-teaser {
  min-height: 20svh;
  padding-top: clamp(2.5rem, 1.875rem + 3.33vw, 5rem);
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: ease;
  display: flex;
}

.ma-section.ma-section-conference {
  background-image: linear-gradient(#1b0d0d99, #1b0d0d99), url("../images/Marina-Ardler_Conference_Room.6702a687cffc.jpg");
  background-image: linear-gradient(#1b0d0d99, #1b0d0d99), -webkit-image-set(
    url("../images/Marina-Ardler_Conference_Room-p-1600.d229f0e30728.webp") 1x,
    url("../images/Marina-Ardler_Conference_Room-p-1600.54d0fee42535.jpg") 1x
  );
  background-image: linear-gradient(#1b0d0d99, #1b0d0d99), image-set(
    url("../images/Marina-Ardler_Conference_Room-p-1600.d229f0e30728.webp") type('image/webp'),
    url("../images/Marina-Ardler_Conference_Room-p-1600.54d0fee42535.jpg") type('image/jpeg')
  );
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  display: flex;
}

.ma-section.ma-section-about {
  min-height: 50svh;
  display: flex;
  overflow: visible;
}

.ma-section.ma-section-main {
  color: var(--_colors---light-grey);
  background-image: linear-gradient(110deg, #1b0d0db3, #443a4199 35%, #fff0 59%), linear-gradient(#1b0d0d33, #1b0d0d33);
  background-position: 0 0, 0 0;
  justify-content: flex-start;
  align-items: center;
  padding-top: 12vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ma-section.ma-section-network {
  border-top: 2px dotted var(--_colors---mid-grey);
  background-color: #443a411a;
  min-height: 20svh;
  overflow: visible;
}

.ma-left-stack {
  max-width: var(--_sizes---content-width);
  grid-column-gap: var(--_sizes---var1);
  grid-row-gap: var(--_sizes---var1);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: hidden;
  container-type: inline-size;
}

.ma-button-primary {
  border-radius: var(--_sizes---var-1) 0rem;
  background-color: var(--_colors---primary2);
  color: var(--_colors---white);
  line-height: var(--_sizes---heading-line-height);
  text-align: center;
  letter-spacing: .04rem;
  text-transform: uppercase;
  border: 3px solid #fff0;
  padding: 6px;
  font-weight: 400;
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
  box-shadow: 2px 3px 3px #0000004d;
}

.ma-button-primary:hover {
  background-color: #ff235d;
  transform: translate(0, -3px);
  box-shadow: 2px 7px 3px #0000004d;
}

.ma-button-primary:active {
  background-color: var(--_colors---primary2);
}

.ma-button-primary:focus {
  border-width: 3px;
  border-color: #fff;
}

.ma-button-primary:focus-visible {
  border-color: #fff;
}

.ma-button-primary:visited {
  background-color: var(--_colors---primary2);
}

.ma-button-primary.ma-form-send {
  margin-top: var(--_sizes---var2);
  align-self: flex-end;
  width: 200px;
}

.ma-button-primary.ma-button-margin {
  width: 100%;
  max-width: 220px;
  margin-top: auto;
}

.ma-button-secondary {
  border: 2px solid var(--_colors---dark-grey);
  border-radius: var(--_sizes---var-1) 0rem;
  background-color: var(--_colors---dark-grey);
  color: var(--_colors---light-grey);
  line-height: var(--_sizes---heading-line-height);
  text-align: center;
  letter-spacing: 1px;
  padding: 6px;
  font-weight: 400;
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
  box-shadow: 2px 3px 3px #0003;
}

.ma-button-secondary:hover {
  background-color: #63565f;
  border-color: #63565f;
  transform: translate(0, -3px);
  box-shadow: 2px 6px 3px #0003;
}

.ma-button-secondary:focus, .ma-button-secondary:focus-visible {
  border-color: var(--_colors---white);
}

.ma-button-secondary:visited {
  border-color: var(--_colors---dark-grey);
}

.ma-button-secondary.ma-button-margin {
  width: 100%;
  max-width: 220px;
  margin-top: auto;
}

.ma-nav-link {
  font-family: var(--_fonts---headings);
  color: var(--_colors---dark-grey);
  font-variation-settings: "wght" 230;
  text-align: center;
  letter-spacing: 1.5px;
  border-right: 5px solid #e8336300;
  display: inline-block;
  width: 100%;
  padding: 5px 10px;
  transition: all .5s;
}

.ma-nav-link:hover {
  border-right-color: var(--_colors---primary2);
  font-variation-settings: "wght" 400;
  background-color: #7f7e7e1a;
  box-shadow: inset 2px 2px 1px #00000026;
}

.ma-nav-link:active {
  opacity: 100;
}

.ma-nav-link:focus {
  border-bottom-color: #fff;
}

.ma-nav-link:focus-visible {
  border-top: 2px solid var(--_colors---primary2);
  border-right: 2px solid var(--_colors---primary2);
  border-left: 2px solid var(--_colors---primary2);
}

.ma-nav-link[aria-current='page'],
.ma-nav-link[aria-current='location'],
.ma-nav-link.is-active {
  border-right-color: var(--_colors---primary2);
  color: var(--_colors---primary2);
  font-variation-settings: "wght" 400;
}

.ma-width-tight {
  grid-column-gap: var(--_sizes---var1);
  grid-row-gap: var(--_sizes---var1);
  border-top-left-radius: 10px;
  flex-flow: column;
  flex: none;
  align-items: flex-start;
  max-width: 48ch;
  display: flex;
}

.ma-paragraph-header {
  letter-spacing: .01em;
  text-shadow: 0 0 30px #000;
  text-wrap: balance;
  -webkit-hyphens: none;
  hyphens: none;
  padding-left: calc(5px + .5rem);
  max-width: 40ch;
}

.ma-text-eyecatcher {
  font-family: var(--_fonts---headings);
  color: var(--_colors---primary2);
  line-height: var(--_sizes---heading-line-height);
  font-variation-settings: "wght" 600;
  letter-spacing: .01em;
  text-transform: uppercase;
  font-size: clamp(1.5rem, 1.438rem + .33vw, 1.75rem);
  font-weight: 900;
}

.ma-text-eyecatcher.ma-text-eyecatcher-light {
  color: var(--_colors---light-grey);
  font-variation-settings: "wght" 500;
  text-wrap: balance;
}

.ma-text-eyecatcher.ma-text-eyecatcher-mauve {
  color: #443a41;
}

.ma-text-eyecatcher.ma-text-green {
  color: #2b6032;
}

.ma-text-eyecatcher.ma-text-eyecatcher-teaser {
  color: #443a41e0;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px var(--_colors---white);
  font-size: clamp(1.3rem, 1.338rem + .33vw, 1.55rem);
}

.ma-teaser-wrapper {
  padding-top: var(--_sizes---var0);
  padding-right: var(--_sizes---var0);
  padding-bottom: var(--_sizes---var1);
  padding-left: var(--_sizes---var0);
  grid-column-gap: var(--_sizes---var0);
  grid-row-gap: var(--_sizes---var0);
  border-top-left-radius: var(--_sizes---var0);
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--_sizes---var0);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  text-align: center;
  border: 1.5px dotted #443a4166;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: clamp(1rem, 1.078rem + .25vw, 1.2rem);
  display: flex;
  overflow: hidden;
}

.ma-left-stack-content {
  max-width: var(--_sizes---content-width);
  grid-column-gap: var(--_sizes---var1);
  grid-row-gap: var(--_sizes---var1);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  container-type: inline-size;
}

.ma-nav {
  z-index: 5000;
  box-shadow: 6px 2px 6px -6px var(--_colors---shadow);
  height: 100vh;
  position: fixed;
  inset: 0% auto 0% 0%;
  overflow: auto;
}

.ma-nav-wrapper {
  padding-top: 6vh;
  padding-right: var(--_sizes---var0);
  padding-bottom: 4vh;
  padding-left: var(--_sizes---var0);
  background-color: var(--_colors---light-grey);
  background-image: linear-gradient(#d4dce166, #d4dce166), url("../images/subtle_grunge_2.a1ae1a019d27.png");
  background-image: linear-gradient(#d4dce166, #d4dce166), -webkit-image-set(
    url("../images/subtle_grunge_2.c84ca7cfd720.webp") 1x,
    url("../images/subtle_grunge_2.a1ae1a019d27.png") 1x
  );
  background-image: linear-gradient(#d4dce166, #d4dce166), image-set(
    url("../images/subtle_grunge_2.c84ca7cfd720.webp") type('image/webp'),
    url("../images/subtle_grunge_2.a1ae1a019d27.png") type('image/png')
  );
  background-position: 0 0, 50%;
  background-size: auto, 315px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: clamp(10rem, 17.28vw - .694rem, 18.75rem);
  height: 100%;
  min-height: 750px;
  display: flex;
}

.ma-nav-menu {
  margin-right: var(--_sizes---var-2);
  margin-left: var(--_sizes---var-2);
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.ma-nav-link-list {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  flex-flow: column;
  margin-bottom: 0;
  display: flex;
}

.ma-icon {
  width: var(--_sizes---var6);
  height: var(--_sizes---var6);
}

.ma-icon.ma-icon-small {
  width: var(--_sizes---var4);
  height: var(--_sizes---var4);
  margin-top: var(--_sizes---var-1);
  margin-bottom: var(--_sizes---var-1);
}

.ma-wrapper-horizontal {
  grid-column-gap: var(--_sizes---var0);
  grid-row-gap: var(--_sizes---var0);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.ma-contact-icon {
  border: 1.5px solid var(--_colors---light-grey);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3.4vw;
  max-width: 50px;
  height: 3.4vw;
  max-height: 50px;
  padding: .6vw;
}

.ma-contact-icon.ma-contact-linkedin {
  padding-top: .5vw;
  padding-right: .5vw;
}

.ma-icon-footer-phone {
  width: var(--_sizes---var2);
  height: var(--_sizes---var2);
}

.ma-icon-footer-phone.ma-icon-adjust2 {
  width: var(--_sizes---var3);
}

.ma-icon-footer-phone.ma-icon-big {
  z-index: 500;
  width: var(--_sizes---var4);
  height: var(--_sizes---var4);
  color: var(--_colors---dark-grey);
  position: relative;
}

.ma-content-card {
  grid-column-gap: var(--_sizes---var0);
  grid-row-gap: var(--_sizes---var0);
  backface-visibility: hidden;
  color: var(--_colors---dark-grey);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  position: relative;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; /* For Safari */
}

.ma-feature-list {
  grid-column-gap: var(--_sizes---var-1);
  grid-row-gap: var(--_sizes---var-1);
  text-align: left;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-bottom: 0;
  list-style-type: none;
  display: flex;
}

.ma-list-item-with-icon {
  font-family: var(--_fonts---headings);
  font-variation-settings: "wght" 250;
  letter-spacing: .3px;
  background-image: url("../images/Bullet.e2c8d0b2f81d.svg");
  background-position: 0 10px;
  background-repeat: no-repeat;
  background-size: 15px;
  padding-left: 20px;
  font-size: 1.438rem;
}

.ma-list-item-with-icon.ma-icon-dark {
  font-family: var(--_fonts---copy);
  letter-spacing: 0;
  background-image: url("../images/Bullet_1.e20ce7ef31d6.svg");
  font-size: clamp(1.125rem, 1.03rem + .34vw, 1.34rem);
  font-weight: 400;
}

.ma-list-item-with-icon.ma-icon-soft {
  border-bottom: 1px dotted var(--_colors---mid-grey);
  background-image: url("../images/Bullet-soft.231ab87573ac.svg");
  background-size: 12px;
  padding-bottom: 8px;
}

.ma-card-wrapper-horizontal {
  grid-column-gap: var(--_sizes---var0);
  grid-row-gap: var(--_sizes---var0);
  transform-style: preserve-3d;
  flex-flow: wrap;
  place-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.ma-bold-paragraph {
  border-left: 5px solid var(--_colors---primary2);
  border-top-left-radius: 5px;
  padding-left: 10px;
  font-weight: 500;
  overflow: visible;
  display: inline-block;
}

.ma-bold-paragraph.ma-paragraph-spacer {
  margin-top: var(--_sizes---var1);
}

.ma-text-color-primary {
  color: var(--_colors---primary2);
}

.ma-stack-small {
  grid-column-gap: var(--_sizes---var0);
  grid-row-gap: var(--_sizes---var0);
  flex-flow: column;
  display: flex;
}

.ma-stack-small.ma-stack-small-50percent {
  flex: 30ch;
}

.ma-left-stack-content-big {
  max-width: var(--_sizes---content-width);
  grid-column-gap: var(--_sizes---var2);
  grid-row-gap: var(--_sizes---var2);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ma-wrapper-horizontal-top {
  grid-column-gap: var(--_sizes---var2);
  grid-row-gap: var(--_sizes---var2);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ma-content-card-big {
  max-width: var(--_sizes---card-form-width);
  grid-column-gap: var(--_sizes---var0);
  grid-row-gap: var(--_sizes---var0);
  border: 1.5px solid var(--_colors---mid-grey);
  box-shadow: 4px 5px 10px 0 var(--_colors---shadow);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: var(--_colors---light-grey);
  text-align: left;
  background-image: linear-gradient(0deg, #443a4180, #0000 100%, #fff);
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 210px;
  position: relative;
  overflow: hidden;
}

.ma-input {
  padding-top: var(--_sizes---var1);
  padding-right: var(--_sizes---var0);
  padding-bottom: var(--_sizes---var1);
  padding-left: var(--_sizes---var0);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_colors---white);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_colors---white);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_colors---white);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_colors---white);
  background-color: #fff6;
  border-radius: 5px;
  margin-bottom: 0;
  font-size: clamp(1.125rem, 1.078rem + .25vw, 1.313rem);
  font-weight: 300;
}

.ma-input.ma-input-kommentar {
  padding-top: var(--_sizes---var-1);
  min-height: 140px;
}

.ma-input-label {
  text-transform: uppercase;
  font-size: clamp(.875rem, .844rem + .17vw, 1rem);
  line-height: 100%;
}

.ma-form {
  grid-column-gap: var(--_sizes---var1);
  grid-row-gap: var(--_sizes---var1);
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.ma-stack-formfields {
  grid-column-gap: var(--_sizes---var4);
  grid-row-gap: var(--_sizes---var4);
  flex-flow: wrap;
  flex: auto;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.ma-form-wrapper-50 {
  flex: 1;
  min-width: 250px;
}

.ma-rechtstext {
  margin-bottom: -75px;
  font-size: 14px;
}

.ma-signet {
  outline-offset: 0px;
  background-color: #1b0d0d33;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  outline: 1px solid #d4dce10d;
  width: clamp(3rem, 2.4rem + 3.83vw, 6.625rem);
  position: absolute;
  inset: 0% clamp(1rem, .45rem + 2.93vw, 3.75rem) auto auto;
  box-shadow: inset 1px 1px 2px 2px #0000001a;
}

.ma-h2-card-spacing-left {
  padding-left: var(--_sizes---var-1);
  border-left-style: solid;
  border-left-width: 5px;
  border-left-color: var(--_colors---primary2);
  white-space: normal;
  border-top-left-radius: 5px;
  max-width: 87%;
  font-size: min(clamp(3rem, 2.578rem + 2.25vw, 4.688rem), 15.5cqw);
}

.ma-dropdown {
  margin-left: 0;
  margin-right: auto;
  display: block;
  width: 300px;
  max-width: 100%;
}

.ma-dropdown.ma-dropdown-about {
  width: 70%;
}

.ma-dropdown-toggle {
  color: var(--_colors---primary2);
  width: 300px;
  margin-left: 0;
  padding-top: 20px;
  padding-right: 0;
  padding-bottom: 20px;
  padding-left: 40px;
  display: block;
}

.ma-dropdown-toggle span {
  font-weight: 500;
}

.ma-dropdown-content {
  background-color: #0000;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-flow: column;
  grid-column-gap: var(--_sizes---var0);
  grid-row-gap: var(--_sizes---var0);
  height: 0;
  opacity: 0;
  pointer-events: none;
  transition: height 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

details.ma-dropdown > .ma-dropdown-content {
  display: flex;
}

details.ma-dropdown:not([open]) > .ma-dropdown-content {
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.ma-dropdown.is-expanded .ma-dropdown-content {
  background-color: #ddd0;
  opacity: 1;
  pointer-events: auto;
}

.ma-about-image {
  margin-top: -16svh;
  margin-bottom: var(--_sizes---var0);
  margin-left: var(--_sizes---var2);
  float: right;
  aspect-ratio: 2 / 3;
  border-top-left-radius: var(--_sizes---var0);
  border-bottom-right-radius: var(--_sizes---var0);
  box-shadow: 3px 5px 5px 0 var(--_colors---shadow);
  object-fit: cover;
  order: 1;
  width: 27%;
  max-width: none;
  overflow: hidden;
  transform: rotate(5deg);
}

.ma-about-wrapper {
  max-width: var(--_sizes---content-width);
  grid-column-gap: var(--_sizes---var2);
  grid-row-gap: var(--_sizes---var2);
  width: 100%;
  padding-top: 10vh;
  container-type: inline-size;
}

.ma-list-wrapper {
  grid-column-gap: var(--_sizes---var2);
  grid-row-gap: var(--_sizes---var2);
  flex-flow: wrap;
  display: flex;
}

.ma-list-item-with-icon-2 {
  font-family: var(--_fonts---copy);
  letter-spacing: .2px;
  background-image: url("../images/Bullet_1.e20ce7ef31d6.svg");
  background-position: 0 10px;
  background-repeat: no-repeat;
  background-size: 15px;
  padding-left: 20px;
  font-size: clamp(1.125rem, 1.078rem + .25vw, 1.313rem);
}

.ma-card-big-content {
  padding-bottom: var(--_sizes---var4);
  grid-column-gap: var(--_sizes---var0);
  grid-row-gap: var(--_sizes---var0);
  border-bottom-style: solid;
  border-bottom-width: 6px;
  border-bottom-color: var(--_colors---primary2);
  border-bottom-right-radius: 6px;
  flex-flow: column;
  align-items: flex-start;
  padding-top: clamp(1rem, .45rem + 2.93vw, 3.75rem);
  padding-left: clamp(1rem, .45rem + 2.93vw, 3.75rem);
  padding-right: clamp(1rem, .45rem + 2.93vw, 3.75rem);
  display: flex;
  container-type: inline-size;
}

.ma-footer {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 27svh;
  padding: clamp(1.25rem, .938rem + 1.67vw, 2.5rem) clamp(1rem, .45rem + 2.93vw, 3.75rem);
  display: flex;
  overflow: hidden;
}

.ma-link-footer {
  height: var(--_sizes---var3);
  grid-column-gap: var(--_sizes---var-1);
  grid-row-gap: var(--_sizes---var-1);
  font-family: var(--_fonts---copy);
  color: var(--_colors---warm-black);
  text-transform: none;
  justify-content: flex-start;
  align-items: center;
  font-size: clamp(1rem, 1rem + .2vw, 1.1rem);
  font-weight: 400;
  display: flex;
}

.ma-link-footer.ma-link-footer-undeline {
  text-underline-offset: 5px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--_colors---mid-grey);
  text-decoration-color: var(--_colors---mid-grey);
  text-decoration-style: dotted;
  text-decoration-thickness: 1.5px;
}

.ma-icon-footer-inkedin {
  width: 2rem;
  height: 2rem;
}

.ma-icon-footer-inkedin.ma-icon-big {
  z-index: 50;
  color: var(--_colors---dark-grey);
  width: 3rem;
  height: 3rem;
  position: relative;
}

.ma-icon-footer-letter {
  z-index: 500;
  width: var(--_sizes---var3);
  position: relative;
}

.ma-icon-footer-letter.ma-icon-big {
  width: var(--_sizes---var6);
  color: var(--_colors---primary2);
}

.ma-footer-list {
  grid-column-gap: var(--_sizes---var-1);
  grid-row-gap: var(--_sizes---var-1);
  flex-flow: column;
  flex: auto;
  list-style-type: none;
  display: flex;
}

.ma-icon-center {
  width: var(--_sizes---var3);
  height: var(--_sizes---var3);
  justify-content: center;
  align-items: center;
  display: flex;
}

.ma-left-stack-content-footer {
  max-width: var(--_sizes---content-width);
  grid-column-gap: var(--_sizes---var2);
  grid-row-gap: var(--_sizes---var2);
  flex-flow: wrap;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  display: flex;
}

.ma-footer-lottie {
  width: 17vw;
  margin-top: -4vh;
}

.ma-copyright {
  text-align: center;
  font-size: clamp(1rem, 1rem + .2vw, 1.1rem);
}

.ma-reel-card {
  border-top-left-radius: var(--_sizes---var0);
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--_sizes---var0);
  background-color: var(--_colors---light-grey);
  background-image: linear-gradient(#d4dce14d, #d4dce14d), url("../images/subtle_grunge_2.a1ae1a019d27.png");
  background-image: linear-gradient(#d4dce14d, #d4dce14d), -webkit-image-set(
    url("../images/subtle_grunge_2.c84ca7cfd720.webp") 1x,
    url("../images/subtle_grunge_2.a1ae1a019d27.png") 1x
  );
  background-image: linear-gradient(#d4dce14d, #d4dce14d), image-set(
    url("../images/subtle_grunge_2.c84ca7cfd720.webp") type('image/webp'),
    url("../images/subtle_grunge_2.a1ae1a019d27.png") type('image/png')
  );
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  height: 100%;
  padding: clamp(1rem, .45rem + 2.93vw, 3.75rem) clamp(1rem, .625rem + 2vw, 2.5rem);
  position: relative;
}

.ma-left-stack-content-card {
  grid-column-gap: var(--_sizes---var1);
  grid-row-gap: var(--_sizes---var1);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ma-quotation-mark-start {
  width: clamp(1rem, .75rem + 1.33vw, 2rem);
  margin-left: -.5rem;
  position: absolute;
  inset: auto auto .7rem 0%;
}

.ma-quotation-mark-end {
  width: clamp(1rem, .75rem + 1.33vw, 2rem);
  margin-right: -.5rem;
  position: absolute;
  inset: .7rem 0% auto auto;
}

.ma-text-kursiv-smaller {
  color: #443a41;
  font-variation-settings: "wght" 200;
  overflow-wrap: normal;
  font-size: clamp(1.25rem, 1.188rem + .33vw, 1.5rem);
  font-style: italic;
}

.ma-h2-light {
  color: var(--_colors---light-grey);
}

.ma-header-picture {
  display: contents;
}

.ma-header-image {
  z-index: -5;
  object-fit: cover;
  object-position: 8% 50%;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.ma-brand-wide-logo {
  display: none;
}

.ma-left-stack-content-big-about {
  max-width: var(--_sizes---content-width);
  grid-column-gap: var(--_sizes---var2);
  grid-row-gap: var(--_sizes---var2);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.ma-paragraph-spacer {
  margin-top: var(--_sizes---var0);
}

.ma-about-list {
  margin-top: var(--_sizes---var0);
  grid-column-gap: var(--_sizes---var-1);
  grid-row-gap: var(--_sizes---var-1);
  flex-flow: column;
  display: flex;
}

.ma-list {
  grid-column-gap: var(--_sizes---var0);
  grid-row-gap: var(--_sizes---var0);
  flex-flow: column;
  flex: 0 46%;
  display: flex;
}

.ma-nav-list-item.ma-mobile {
  display: none;
}

.ma-paragraph-quote {
  color: var(--_colors---dark-grey);
  font-size: 1.2rem;
  line-height: 130%;
}

.ma-success-message {
  color: var(--_colors---dark-grey);
  background-color: #97d8b2;
  border-radius: 10px;
  width: 100%;
  font-weight: 700;
}

.form-block {
  width: 100%;
}

.ma-sent-icon {
  width: 100px;
}

.ma-flex-wrapper {
  padding-top: var(--_sizes---var0);
  padding-bottom: var(--_sizes---var4);
  grid-column-gap: var(--_sizes---var0);
  grid-row-gap: var(--_sizes---var0);
  flex-flow: column;
  align-items: center;
  display: flex;
}

.ma-error-message {
  border-radius: 10px;
}

.ma-reel {
  padding-top: var(--_sizes---var0);
  padding-right: var(--_sizes---var1);
  padding-bottom: var(--_sizes---var2);
  padding-left: var(--_sizes---var1);
  grid-column-gap: var(--_sizes---var0);
  grid-row-gap: var(--_sizes---var0);
  border-right-style: solid;
  border-right-width: 6px;
  border-right-color: var(--_colors---dark-grey);
  border-left-style: solid;
  border-left-width: 6px;
  border-left-color: var(--_colors---dark-grey);
  scrollbar-color: var(--_colors---light-grey) var(--_colors---primary2);
  scrollbar-width: thin;
  border-radius: 6px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  display: flex;
  overflow: auto;
}

.ma-reel-stack {
  grid-column-gap: var(--_sizes---var0);
  grid-row-gap: var(--_sizes---var0);
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  max-width: calc(95ch + clamp(1rem, .45rem + 2.93vw, 3.75rem) + clamp(1rem, .45rem + 2.93vw, 3.75rem));
  padding-left: clamp(1rem, .45rem + 2.93vw, 3.75rem);
  padding-right: clamp(1rem, .45rem + 2.93vw, 3.75rem);
  display: flex;
}

.ma-center-stack-content {
  max-width: var(--_sizes---content-width);
  grid-column-gap: var(--_sizes---var1);
  grid-row-gap: var(--_sizes---var1);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ma-contact-flyout {
  padding-top: var(--_sizes---var-1);
  padding-right: var(--_sizes---var2);
  padding-bottom: var(--_sizes---var-1);
  padding-left: var(--_sizes---var-1);
  grid-column-gap: var(--_sizes---var0);
  grid-row-gap: var(--_sizes---var0);
  background-color: var(--_colors---warm-black);
  font-family: var(--_fonts---headings);
  color: var(--_colors---light-grey);
  border-top-left-radius: 10vw;
  border-bottom-left-radius: 10vw;
  flex-flow: row;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.ma-contact-flyout-wrapper {
  grid-column-gap: var(--_sizes---var-1);
  grid-row-gap: var(--_sizes---var-1);
  flex-flow: column;
  display: flex;
}

.ma-contact-flyout-position {
  z-index: 500;
  display: flex;
  position: fixed;
  inset: auto 0 3rem auto;
  overflow: hidden;
}

.ma-cta-wrapper {
  grid-column-gap: var(--_sizes---var0);
  grid-row-gap: var(--_sizes---var0);
  flex-flow: column;
  align-items: flex-start;
  padding-left: calc(5px + .5rem);
  display: flex;
}

.ma-kontakt-teaser-wrapper {
  padding-top: var(--_sizes---var1);
  grid-column-gap: var(--_sizes---var1);
  grid-row-gap: var(--_sizes---var1);
  flex-flow: wrap;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.ma-teaser-image {
  padding-top: var(--_sizes---var1);
  color: var(--_colors---primary2);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ma-teaser-wrapper-kontakt {
  grid-column-gap: var(--_sizes---var0);
  grid-row-gap: var(--_sizes---var0);
  border-top-left-radius: var(--_sizes---var0);
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--_sizes---var0);
  color: var(--_colors---dark-grey);
  text-align: center;
  background-image: linear-gradient(#d4dce166, #d4dce166), url("../images/subtle_grunge_2.a1ae1a019d27.png");
  background-image: linear-gradient(#d4dce166, #d4dce166), -webkit-image-set(
    url("../images/subtle_grunge_2.c84ca7cfd720.webp") 1x,
    url("../images/subtle_grunge_2.a1ae1a019d27.png") 1x
  );
  background-image: linear-gradient(#d4dce166, #d4dce166), image-set(
    url("../images/subtle_grunge_2.c84ca7cfd720.webp") type('image/webp'),
    url("../images/subtle_grunge_2.a1ae1a019d27.png") type('image/png')
  );
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  flex-flow: column;
  flex: 30%;
  justify-content: space-between;
  align-items: center;
  min-width: 250px;
  font-size: clamp(.875rem, .844rem + .17vw, 1rem);
  line-height: 130%;
  display: flex;
  overflow: hidden;
  box-shadow: 4px 5px 10px 6px #0000004d;
  transform: scale(1);
  transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
  will-change: transform;
}

.ma-accent-paragraph {
  border-left: 4px solid var(--_colors---primary2);
  border-top-left-radius: 4px;
  padding-left: 10px;
  overflow: hidden;
  display: block;
}

@media (hover: hover) {
  .ma-teaser-wrapper-kontakt:hover {
    transform: scale(1.05);
  }
}

.ma-accent-paragraph.ma-paragraph-spacer {
  display: block;
}

.ma-wrap-stable {
  text-wrap: stable;
}

.ma-teaser-content-wrapper {
  padding-right: var(--_sizes---var0);
  padding-bottom: var(--_sizes---var2);
  padding-left: var(--_sizes---var0);
  grid-column-gap: var(--_sizes---var-1);
  grid-row-gap: var(--_sizes---var-1);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 80%;
  display: flex;
}

.ma-wrap-pretty {
  text-wrap: pretty;
}

.ma-quote-list-item {
  flex: 1 0 38%;
}

.ma-heading-margin-left, .ma-text-eyecatcher-light {
  color: var(--_colors---light-grey);
}

.ma-contact-card-footer {
  padding-top: var(--_sizes---var0);
  grid-column-gap: var(--_sizes---var0);
  grid-row-gap: var(--_sizes---var0);
  flex-flow: column;
  display: flex;
}

.ma-text-eyecatcher-dark {
  font-family: var(--_fonts---headings);
  color: var(--_colors---dark-grey);
  line-height: var(--_sizes---heading-line-height);
  font-variation-settings: "wght" 600;
  letter-spacing: .01em;
  text-transform: uppercase;
  font-size: clamp(1.5rem, 1.438rem + .33vw, 1.75rem);
  font-weight: 900;
}

.ma-text-eyecatcher-dark.ma-text-eyecatcher-teaser {
  text-transform: uppercase;
  text-shadow: 1px -1px 1px var(--_colors---light-grey);
  font-size: clamp(1.3rem, 1.338rem + .33vw, 1.55rem);
}

.ma-impressum-list {
  margin-top: var(--_sizes---var2);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.ma-rich-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  max-width: 100%;
  display: flex;
}

.ma-left-stack-impressum {
  max-width: var(--_sizes---content-width);
  grid-column-gap: var(--_sizes---var1);
  grid-row-gap: var(--_sizes---var1);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.6fr);
  align-items: start;
  width: 100%;
}

.ma-impressum-image {
  margin-bottom: var(--_sizes---var0);
  margin-left: 0;
  float: none;
  aspect-ratio: 3 / 2;
  border-top-left-radius: var(--_sizes---var0);
  border-bottom-right-radius: var(--_sizes---var0);
  box-shadow: 3px 5px 5px 0 var(--_colors---shadow);
  object-fit: cover;
  order: 1;
  width: 100%;
  max-width: none;
  overflow: hidden;
  transform: rotate(5deg);
}

.ma-left-stack-impressum > picture {
  grid-column: 2;
  grid-row: 1 / span 4;
  align-self: start;
}

.ma-left-stack-impressum > :not(picture) {
  grid-column: 1;
}

.ma-impressum-text-padding {
  padding-top: var(--_sizes---var0);
}

.ma-nobr {
  white-space: nowrap;
}

.ma-contend-card-front {
  padding: var(--_sizes---var2) var(--_sizes---var1) var(--_sizes---var4);
  grid-column-gap: var(--_sizes---var0);
  grid-row-gap: var(--_sizes---var0);
  border-bottom: 6px solid var(--_colors---primary2);
  border-top-left-radius: var(--_sizes---var1);
  border-bottom-right-radius: var(--_sizes---var1);
  backface-visibility: hidden;
  background-image: linear-gradient(#d4dce166, #d4dce166), url("../images/subtle_grunge_2.a1ae1a019d27.png");
  background-image: linear-gradient(#d4dce166, #d4dce166), -webkit-image-set(
    url("../images/subtle_grunge_2.c84ca7cfd720.webp") 1x,
    url("../images/subtle_grunge_2.a1ae1a019d27.png") 1x
  );
  background-image: linear-gradient(#d4dce166, #d4dce166), image-set(
    url("../images/subtle_grunge_2.c84ca7cfd720.webp") type('image/webp'),
    url("../images/subtle_grunge_2.a1ae1a019d27.png") type('image/png')
  );
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  box-shadow: 4px 6px 10px #0006;
}

.ma-contend-card-back {
  z-index: 5;
  padding-top: var(--_sizes---var2);
  padding-right: var(--_sizes---var1);
  padding-bottom: var(--_sizes---var4);
  padding-left: var(--_sizes---var1);
  grid-column-gap: var(--_sizes---var0);
  grid-row-gap: var(--_sizes---var0);
  border-bottom-style: solid;
  border-bottom-width: 6px;
  border-bottom-color: var(--_colors---primary2);
  border-top-left-radius: var(--_sizes---var1);
  border-bottom-right-radius: var(--_sizes---var1);
  backface-visibility: hidden;
  color: var(--_colors---warm-black);
  transform-style: preserve-3d;
  background-image: linear-gradient(#443a4133, #443a4133), url("../images/subtle_grunge_2.a1ae1a019d27.png");
  background-image: linear-gradient(#443a4133, #443a4133), -webkit-image-set(
    url("../images/subtle_grunge_2.c84ca7cfd720.webp") 1x,
    url("../images/subtle_grunge_2.a1ae1a019d27.png") 1x
  );
  background-image: linear-gradient(#443a4133, #443a4133), image-set(
    url("../images/subtle_grunge_2.c84ca7cfd720.webp") type('image/webp'),
    url("../images/subtle_grunge_2.a1ae1a019d27.png") type('image/png')
  );
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: clamp(.875rem, .844rem + .17vw, 1rem);
  font-weight: 400;
  line-height: 130%;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
  box-shadow: 4px 6px 10px #0006;
}

.ma-card-trigger {
  perspective: 1000px;
  -webkit-perspective: 1000px;
  flex: calc(25% - .76rem);
  min-width: 200px;
  cursor: pointer;
  touch-action: manipulation;
}

.ma-contend-card-front, .ma-contend-card-back {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; /* For Safari */
}

.ma-content-card {
  transition: transform 1s cubic-bezier(0.76, 0, 0.24, 1);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}

.ma-contend-card-front {
  transform: rotateY(0deg);
}

.ma-contend-card-back {
  transform: rotateY(180deg);
}

.ma-card-trigger:hover .ma-content-card {
  transform: rotateY(180deg);
}

.ma-card-trigger.is-flipped .ma-content-card {
  transform: rotateY(180deg);
}

@media (hover: none) {
  .ma-card-trigger:hover:not(.is-flipped) .ma-content-card {
    transform: none;
  }
}

.heading {
  text-shadow: 1px 2px 2px var(--_colors---white);
}

@media screen and (max-width: 991px) {
  .ma-section.ma-section-conference {
    background-image: linear-gradient(#1b0d0d99, #1b0d0d99), url("../images/Marina-Ardler_Conference_Room.6702a687cffc.jpg");
    background-image: linear-gradient(#1b0d0d99, #1b0d0d99), -webkit-image-set(
      url("../images/Marina-Ardler_Conference_Room-p-1600.d229f0e30728.webp") 1x,
      url("../images/Marina-Ardler_Conference_Room-p-1600.54d0fee42535.jpg") 1x
    );
    background-image: linear-gradient(#1b0d0d99, #1b0d0d99), image-set(
      url("../images/Marina-Ardler_Conference_Room-p-1600.d229f0e30728.webp") type('image/webp'),
      url("../images/Marina-Ardler_Conference_Room-p-1600.54d0fee42535.jpg") type('image/jpeg')
    );
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
  }

  .ma-section.ma-section-services-image,
  .ma-section.ma-section-services-image.ma-reel-section {
    background-attachment: scroll, scroll;
  }

  .ma-nav-wrapper {
    padding-right: var(--_sizes---var-1);
    padding-left: var(--_sizes---var-1);
  }

  .ma-nav-link-list {
    margin-right: var(--_sizes---var-5);
    margin-left: var(--_sizes---var-5);
  }

  .ma-contact-icon {
    width: 5vw;
    height: 5vw;
    padding: 7px;
  }

  .ma-icon-footer-phone.ma-icon-big {
    width: var(--_sizes---var3);
    height: var(--_sizes---var3);
  }

  .ma-stack-formfields {
    grid-column-gap: var(--_sizes---var1);
    grid-row-gap: var(--_sizes---var1);
  }

  .ma-dropdown.ma-dropdown-about {
    width: auto;
  }

  .ma-about-image {
    margin-top: var(--_sizes---var2);
    margin-bottom: var(--_sizes---var0);
    margin-left: var(--_sizes---var0);
    float: right;
    width: 36%;
  }

  .ma-about-wrapper {
    align-items: flex-start;
    padding-top: 0;
    display: block;
  }

  .ma-icon-footer-inkedin.ma-icon-big {
    width: var(--_sizes---var3);
    height: var(--_sizes---var3);
  }

  .ma-icon-footer-letter.ma-icon-big {
    width: var(--_sizes---var5);
  }

  .ma-left-stack-content-footer {
    align-self: center;
  }

  .ma-footer-lottie {
    width: 300px;
  }

  .ma-header-image {
    object-fit: cover;
    object-position: 30% 98%;
    height: 108%;
    top: -6%;
  }

  .ma-reel {
    border-right-style: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ma-reel-stack {
    padding-right: 0;
  }

  .ma-teaser-image {
    height: 70px;
    padding-top: 1rem;
  }

  .ma-teaser-wrapper-kontakt {
    min-width: 230px;
  }

  .ma-teaser-wrapper-kontakt.ma-flex-child-order-2 {
    order: 2;
  }

  .ma-teaser-content-wrapper {
    padding-right: .8rem;
    padding-bottom: var(--_sizes---var1);
    align-items: center;
    padding-left: .8rem;
  }

  .ma-quote-list-item {
    flex-basis: 70%;
  }

  .ma-left-stack-impressum {
    grid-template-columns: 1fr;
  }

  .ma-left-stack-impressum > picture {
    grid-column: 1;
    grid-row: 1;
    justify-self: center;
  }

  .ma-impressum-image {
    margin-top: var(--_sizes---var2);
    margin-bottom: var(--_sizes---var0);
    width: min(100%, 520px);
  }

  .ma-impressum-text-padding {
    font-family: var(--_fonts---copy);
    color: var(--_colors---mid-grey);
    font-weight: 400;
  }

  .ma-card-trigger {
    flex-basis: calc(50% - .76rem);
  }
}

@media screen and (max-width: 767px) {
  body {
    padding-top: 70px;
    padding-left: 0;
  }

  p {
    padding-right: 18px;
  }

  .ma-section {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100vw;
    padding-top: calc(1.5rem + 75px);
    padding-bottom: calc(2rem + 75px);
    scroll-margin-top: 120px;
  }

  .ma-section.ma-section-teaser {
    padding-top: 90px;
  }

  .ma-section.ma-section-main {
    background-image: linear-gradient(0deg, #0a0a0f 3%, #1b2022 32%, #8c98a01a 61%), linear-gradient(#1b0d0d33, #1b0d0d33);
    justify-content: flex-end;
    align-items: center;
    height: auto;
    min-height: calc(100svh + 10px);
    margin-top: -10vh;
    padding-top: 45vh;
    padding-bottom: 5rem;
  }

  .ma-section.ma-section-services-image,
  .ma-section.ma-section-services-image.ma-reel-section,
  .ma-section.ma-section-conference {
    background-position: 0 0, 50% 50%;
    background-attachment: scroll, scroll;
  }

  .ma-section.ma-section-impressum {
    padding-top: calc(1.5rem + 25px);
    padding-bottom: 2rem;
  }

  .ma-nav-link {
    border-bottom: 5px solid #0000;
    border-right-style: none;
    padding: min(4vh, 22px) 5px;
    font-size: calc(1.1rem + 1.5vh);
  }

  .ma-nav-link:hover {
    border-bottom-width: 5px;
    border-right-style: none;
    border-bottom-color: var(--_colors---primary2);
  }

  .ma-text-eyecatcher.ma-mobile {
    color: #443a41e0;
    font-variation-settings: "wght" 500;
    overflow-wrap: normal;
    font-size: calc(1.1rem + 1.5vh);
  }

  .ma-teaser-wrapper {
    display: none;
  }

  .ma-teaser-wrapper.ma-mobile {
    grid-column-gap: 2vh;
    grid-row-gap: 2vh;
    align-items: center;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2vh;
    padding-bottom: 4vh;
    display: flex;
  }

  .ma-nav {
    height: auto;
    position: fixed;
    inset: 0% 0% auto;
    overflow: visible;
    width: 100%;
  }

  .ma-nav-wrapper {
    padding: 0rem 0rem 0rem var(--_sizes---var-1);
    border-bottom: 2px solid var(--_colors---primary2);
    background-image: linear-gradient(180deg, var(--_colors---light-grey) 8%, #fff0 78%), url("../images/subtle_grunge_2.a1ae1a019d27.png");
    background-image: linear-gradient(180deg, var(--_colors---light-grey) 8%, #fff0 78%), -webkit-image-set(
      url("../images/subtle_grunge_2.c84ca7cfd720.webp") 1x,
      url("../images/subtle_grunge_2.a1ae1a019d27.png") 1x
    );
    background-image: linear-gradient(180deg, var(--_colors---light-grey) 8%, #fff0 78%), image-set(
      url("../images/subtle_grunge_2.c84ca7cfd720.webp") type('image/webp'),
      url("../images/subtle_grunge_2.a1ae1a019d27.png") type('image/png')
    );
    background-position: 0 0, 50%;
    background-size: auto, 315px;
    flex-flow: row;
    align-items: center;
    width: 100%;
    height: 70px;
    min-height: 0;
    position: relative;
    z-index: 5001;
  }

  .ma-nav-menu {
    border-top-style: solid;
    border-top-width: 5px;
    border-top-color: var(--_colors---primary2);
    border-bottom-style: solid;
    border-bottom-width: 10px;
    border-bottom-color: var(--_colors---primary2);
    background-color: #d4dce1fa;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    height: calc(100svh - 70px);
    min-height: calc(100svh - 70px);
    margin-left: 0;
    margin-right: 0;
    padding-top: 4vh;
    display: flex;
  }

  .ma-nav-link-list {
    padding-right: var(--_sizes---var0);
    padding-left: var(--_sizes---var0);
    grid-column-gap: var(--_sizes---var1);
    grid-row-gap: 0rem;
    flex-flow: column wrap;
    place-content: stretch flex-start;
    align-items: stretch;
    width: 100vw;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .ma-contact-icon {
    width: var(--_sizes---var2);
    height: var(--_sizes---var2);
    padding: 4px;
  }

  .ma-contact-icon.ma-contact-linkedin {
    padding: 4px 6px 6px 7px;
  }

  .ma-left-stack-content-big {
    justify-content: center;
    align-items: center;
  }

  .ma-left-stack-content-card {
    grid-column-gap: var(--_sizes---var0);
    grid-row-gap: var(--_sizes---var0);
  }

  .ma-header-image {
    object-position: 41% 0%;
    height: 130%;
    top: -30%;
  }

  .ma-brand {
    width: 270px;
  }

  .nav-ham-button {
    color: var(--_colors---primary2);
    width: 30%;
    height: 100%;
    padding: 0 18px 12px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }

  .ma-nav.is-open .nav-ham-button {
    color: var(--_colors---primary2);
    background-color: #0000;
  }

  .ma-ham-icon {
    margin-top: 0;
  }

  .ma-brand-main-logo {
    display: none;
  }

  .ma-brand-wide-logo {
    display: block;
  }

  .ma-nav-list-item {
    border-bottom: 1px solid var(--_colors---mid-grey);
    flex: 0 auto;
  }

  .ma-nav-list-item.ma-mobile {
    border: 1px #000;
    display: block;
  }

  .ma-nav-list-item.ma-last {
    border-bottom-color: #0000;
  }

  .ma-paragraph-quote {
    font-size: 1rem;
  }

  .ma-reel {
    flex-flow: row;
    padding-top: 0;
  }

  .ma-list-wrapper {
    flex-direction: column;
    flex-wrap: nowrap;
    grid-row-gap: var(--_sizes---var0);
    width: 100%;
  }

  .ma-list {
    flex-basis: 100%;
  }

  .ma-list-item-with-icon,
  .ma-list-item-with-icon-2 {
    background-size: 12px;
    background-position: 0 9px;
    padding-left: 18px;
  }

  .ma-contact-flyout-position {
    bottom: 1rem;
  }

  .ma-teaser-wrapper-kontakt {
    font-weight: 400;
  }

  .ma-contend-card-back {
    font-size: clamp(.1rem, .95rem + .17vw, 1.5rem);
    font-weight: 400;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    overflow-wrap: anywhere;
  }

  .ma-section.ma-section-main {
    background-image: linear-gradient(0deg, #0a0a0f 9%, #1b2022 43%, #8c98a01a 69%), linear-gradient(#1b0d0d33, #1b0d0d33);
    justify-content: flex-end;
    align-items: flex-start;
    height: auto;
  }

  .ma-section.ma-section-impressum {
    padding-top: 1.5rem;
  }

  .ma-nav-link {
    padding-top: 1.5vh;
    padding-bottom: 1.5vh;
    font-size: calc(1.1rem + 1vh);
  }

  .ma-paragraph-header {
    padding-right: 0;
  }

  .ma-nav-menu {
    border-top-width: 8px;
    height: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .ma-nav-link-list {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: space-between;
    width: 80vw;
  }

  .ma-feature-list {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .ma-signet {
    right: var(--_sizes---var0);
  }

  .ma-about-image {
    margin: var(--_sizes---var1) auto;
    float: none;
    width: 50%;
    display: block;
  }

  .ma-footer {
    overflow: hidden;
  }

  .ma-link-footer.ma-link-footer-undeline[aria-current='page'] {
    color: #b12149;
  }

  .ma-footer-lottie {
    margin-left: clamp(-1.875rem, 2.5vw - 1.406rem, -3.75rem);
  }

  .ma-header-image {
    object-position: 32% 50%;
    height: 80vh;
    top: -14.5vh;
  }

  .ma-list {
    flex-basis: 95%;
  }

  .ma-reel {
    padding-left: var(--_sizes---var0);
  }

  .ma-reel-stack {
    padding-left: 0;
  }

  .ma-contact-flyout {
    padding: .2rem 1.7rem .2rem .2rem;
  }

  .ma-teaser-wrapper-kontakt {
    min-width: 100%;
  }

  .ma-quote-list-item {
    flex-basis: 97%;
  }

  .ma-heading-margin-left {
    margin-left: var(--_sizes---var0);
  }

  .ma-impressum-list {
    margin-top: var(--_sizes---var-1);
  }

  .ma-impressum-image {
    margin-top: var(--_sizes---var0);
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .ma-impressum-text-padding {
    padding-top: 0;
  }
}


/* Navigation + interaction overrides */
.ma-button-primary,
.ma-button-secondary {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

body.nav-open {
  overflow: hidden;
}

.nav-ham-button {
  display: none;
  align-items: flex-end;
  justify-content: flex-end;
  position: relative;
  background: transparent;
  border: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

.ma-ham-icon {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 16px;
}

.ma-ham-icon::before,
.ma-ham-icon::after,
.ma-ham-icon .ma-ham-bar {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  transition: transform 200ms ease, opacity 200ms ease, top 200ms ease;
}

.ma-nav.is-open .ma-ham-icon {
  color: currentColor;
}

.ma-nav.is-open .ma-ham-icon::before {
  top: 7px;
  transform: rotate(45deg);
}

.ma-nav.is-open .ma-ham-icon::after {
  top: 7px;
  transform: rotate(-45deg);
}

.ma-ham-icon::before {
  top: 0;
}

.ma-ham-icon .ma-ham-bar {
  top: 7px;
}

.ma-ham-icon::after {
  top: 14px;
}

.ma-nav.is-open .ma-ham-icon .ma-ham-bar {
  opacity: 0;
  transform: scaleX(0);
}

.ma-dropdown {
  position: relative;
}

.ma-dropdown-toggle {
  position: relative;
  display: block;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.ma-dropdown-toggle::marker,
.ma-dropdown-toggle::-webkit-details-marker {
  display: none;
  content: "";
}

.ma-arrow-icon {
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  bottom: 0;
  margin: auto;
  margin-right: 20px;
  width: 1em;
  height: 1em;
  display: block;
  color: currentColor;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2018%2018'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%207l5%205%205-5'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2018%2018'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%207l5%205%205-5'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  transform: rotate(0deg);
  transition: transform 200ms ease;
}

.ma-dropdown.is-expanded .ma-arrow-icon {
  transform: rotate(180deg);
}

.ma-contact-flyout-item {
  transform: translate3d(130px, 0, 0);
  transition: transform 700ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
  .ma-contact-flyout-item:hover,
  .ma-contact-flyout-item:focus-within {
    transform: translate3d(20px, 0, 0);
  }
}

.ma-contact-flyout-item.is-active {
  transform: translate3d(20px, 0, 0);
}

.ma-rich-text::before,
.ma-rich-text::after {
  content: " ";
  display: table;
}

.ma-rich-text::after {
  clear: both;
}

.ma-rich-text ul,
.ma-rich-text ol {
  overflow: hidden;
}

.js .js-reveal {
  opacity: 0;
  transform: translateY(80px) scale(0.8);
  transition: opacity 900ms cubic-bezier(0.87, 0, 0.13, 1), transform 900ms cubic-bezier(0.87, 0, 0.13, 1);
}

.js .js-reveal.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .js .js-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .ma-teaser-wrapper-kontakt {
    transform: none;
    transition: none;
  }

  .ma-dropdown-content {
    transition: none;
  }
}

.ma-reel::-webkit-scrollbar {
  block-size: 1rem;
  height: 1rem;
}

.ma-reel::-webkit-scrollbar-track {
  background-color: var(--_colors---primary2);
  box-shadow: inset 1rem 0 transparent, inset -1rem 0 transparent;
}

.ma-reel::-webkit-scrollbar-thumb {
  background-color: var(--_colors---light-grey);
  background-image: linear-gradient(
    #d4dce1 0,
    #d4dce1 0.25rem,
    #e83363 0.25rem,
    #e83363 0.75rem,
    #d4dce1 0.75rem
  );
  min-width: 1rem;
}

@media screen and (max-width: 767px) {
  .ma-nav-menu {
    position: fixed;
    top: 70px;
    right: 0;
    left: 0;
    bottom: auto;
    z-index: 4999;
    height: calc(100vh - 70px);
    height: calc(100dvh - 70px);
    min-height: calc(100vh - 70px);
    min-height: calc(100dvh - 70px);
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding-top: 1rem;
    padding-bottom: env(safe-area-inset-bottom);
  }

  .ma-nav-link-list {
    flex-flow: column;
    flex-wrap: nowrap;
    height: auto;
    width: min(312px, 90vw);
    margin-left: auto;
    margin-right: auto;
  }

  .js .nav-ham-button {
    display: flex;
  }

  .js .ma-nav-menu {
    display: none;
    pointer-events: none;
  }

  .js .ma-nav.is-open .ma-nav-menu {
    display: flex;
    pointer-events: auto;
  }

  .js .ma-nav.is-closing .ma-nav-menu {
    display: flex;
    pointer-events: none;
  }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
  .ma-nav-menu {
    overflow-y: hidden;
    padding-top: 0.8rem;
  }

  .ma-nav-link-list {
    flex-flow: column wrap;
    width: 100%;
    height: 210px;
  }
}