@font-face {
  font-family: Simplon Mono Web S;
  src: url('../fonts/SimplonMono-Medium-WebS.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Zurich Std Black;
  src: url('../fonts/ZurichStdBlack.woff') format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Zurich Std Regular;
  src: url('../fonts/ZurichStdRoman.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg-07--23: #e7e7e7;
  --nn-black: #2c2f2e;
  --nn-grey-50: #ccc;
  --nn-sand-15: #faf7f5;
  --bronzegold: #bf7e67;
  --nn-grey-100: #989898;
  --nn-grey-15: #f0f0f0;
  --nn-grey-70: #b8b8b8;
  --gold: #bda96d;
  --goldfilm: #f8f6f0;
  --nn-beige: #ebe4e0;
  --nn-sand-50: #ede4df;
  --nn-sand-70: #e5d9d2;
  --nn-sand-100: #d8c8be;
  --ivory: #fffff5;
  --light-yellow: #fffefa;
  --web-bg: #eae9e5;
}

.w-users-userformpagewrap {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 340px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.w-users-userformheader {
  text-align: center;
}

.w-users-userloginformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformbutton {
  text-align: center;
  width: 100%;
}

.w-users-userformfooter {
  justify-content: space-between;
  margin-top: 12px;
  display: flex;
}

.w-users-userformerrorstate {
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
}

.w-users-userresetpasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformsuccessstate {
  display: none;
}

.w-users-usersignupformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-users-usersignupverificationmessage {
  display: none;
}

.w-users-userupdatepasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-useraccountwrapper {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-users-blockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-users-blockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  margin-bottom: 20px;
  padding: 20px;
}

.w-users-useraccountformsavebutton {
  text-align: center;
  margin-right: 8px;
}

.w-users-useraccountformcancelbutton {
  text-align: center;
  color: #333;
  background-color: #d3d3d3;
}

body {
  background-color: var(--bg-07--23);
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

a {
  color: var(--nn-black);
  text-decoration: none;
}

.text {
  color: var(--nn-black);
  letter-spacing: -.75px;
  font-family: Zurich Std Black, Arial, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 32px;
  display: inline;
}

.text.zurich {
  color: var(--nn-grey-50);
  letter-spacing: -.2px;
  font-family: Zurich Std Black, Arial, sans-serif;
  font-size: 28px;
  font-weight: 900;
  line-height: 30px;
}

.text.zurich.small {
  color: var(--nn-black);
  font-size: 18px;
  line-height: 20px;
}

.text.zurich.small.tweet-list {
  letter-spacing: -.5px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 10px;
  padding-bottom: 0;
  font-size: 28px;
  line-height: 32px;
  display: inline;
  position: static;
  top: 0%;
  left: 0%;
  overflow: hidden;
}

.text.zurich.small.tweet-list-head {
  color: var(--nn-black);
  letter-spacing: -.5px;
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 0;
  font-size: 28px;
  line-height: 32px;
  position: static;
  top: 0%;
  left: 0%;
}

.text.zurich.small.tweet-list-head.bg {
  color: var(--nn-sand-15);
}

.text.zurich.small.button-abstract {
  justify-content: center;
  width: 30px;
  margin-left: 0;
  padding-left: 0;
  display: flex;
  overflow: hidden;
  transform: translate(0, -6px);
}

.text.tweet {
  color: var(--nn-black);
  width: 600px;
  height: auto;
  margin-right: 10px;
  display: inline;
}

.text.h1 {
  letter-spacing: -4px;
  font-size: 84px;
  font-weight: 900;
  line-height: 92px;
}

.text.h1.transitionblack {
  color: var(--nn-sand-15);
  letter-spacing: -2px;
  width: auto;
  display: block;
}

.text.h1.intro {
  width: auto;
  font-weight: 900;
  display: inline-block;
}

.text.h1.intro.overlay {
  color: #fff;
}

.text.h1.intro.about {
  letter-spacing: -4px;
  margin-top: -224px;
}

.text.h1.inline {
  display: inline;
}

.text.h1.inline.behindlink {
  padding-left: 40px;
}

.text.logo {
  display: block;
}

.text.centered {
  text-align: center;
}

.text.elevatorpitch {
  color: var(--nn-black);
  text-align: center;
  letter-spacing: -.75px;
  width: auto;
  max-width: 922px;
  margin-right: 10px;
  display: inline;
}

.text.elevatorpitch.de {
  max-width: 900px;
}

.text.regular {
  color: var(--nn-black);
  letter-spacing: -.2px;
  font-family: Zurich Std Regular, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.text.regular.ethos, .text.regular.white {
  color: #fff;
}

.text.regular.small {
  color: var(--nn-black);
  letter-spacing: -.2px;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 11px;
  line-height: 11px;
  display: block;
}

.text.regular.small.abstract {
  display: inline;
}

.text.regular.toggle {
  color: var(--nn-black);
  letter-spacing: -.2px;
  white-space: nowrap;
  letter-spacing: -.2px;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 11px;
  line-height: 11px;
  display: block;
}

.text.invisible-portrait-text {
  display: block;
}

.text.invisible-portrait-text.sv {
  text-indent: 190px;
  margin-top: -64px;
}

.text.case {
  opacity: .25;
  margin-left: 40px;
  overflow: hidden;
}

.text.name {
  word-break: keep-all;
  flex-direction: column;
  display: inline;
}

.text.client-outro {
  color: var(--nn-black);
  text-align: center;
  letter-spacing: -.75px;
  width: auto;
  margin-right: 10px;
  display: inline;
  position: static;
  top: 49.9%;
}

.text.newsletterintro {
  letter-spacing: 0;
  max-width: 900px;
  font-family: Zurich Std Regular, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.text.newsletter-popup {
  color: var(--nn-black);
  text-align: left;
  letter-spacing: -.75px;
  width: auto;
  margin-right: 10px;
  display: inline;
  position: static;
  top: 49.9%;
}

.body {
  background-color: var(--bg-07--23);
}

.mix-container {
  width: 100%;
  max-width: 600px;
}

.mix-container.centered {
  width: 600px;
}

.case-list-item {
  margin-bottom: 100px;
  padding-left: 100px;
  display: block;
  overflow: hidden;
}

.case-list-item.serif {
  z-index: 100;
  padding-left: 100px;
}

.dropdown-toggle {
  white-space: normal;
  cursor: crosshair;
  object-fit: fill;
  width: 100%;
  height: auto;
  padding: 0;
  display: flex;
}

.case-list-item-icon {
  display: none;
}

.dropdown-list {
  background-color: #0000;
  border-radius: 10px;
  width: 100%;
  margin-top: 20px;
  display: block;
  position: static;
}

.case-container {
  z-index: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.case-container.ilw, .case-container.bw {
  display: none;
}

.case-container.svs {
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.case-container.sb, .case-container.ku2020, .case-container.ey-podcast {
  justify-content: center;
  align-items: center;
  display: none;
}

.case-container.dc, .case-container.vuka {
  display: none;
}

.case-container.sparkasse, .case-container.clsj {
  justify-content: center;
  align-items: center;
  display: none;
}

.case-container.lob {
  justify-content: center;
  align-items: center;
  display: block;
}

.case-container.vav {
  justify-content: center;
  align-items: center;
  width: 108%;
  height: 116vh;
  display: none;
  position: fixed;
  inset: -8% 0% auto -4%;
}

.case-container.ilw-auto, .case-container.bh {
  display: none;
}

.case-container.bpd {
  justify-content: center;
  align-items: center;
  display: none;
}

.case-container.asso {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: none;
}

.case-container.ps {
  justify-content: center;
  align-items: center;
  display: none;
}

.case-container.ilw-centered {
  display: none;
}

.case-container.lob2, .case-container.hfg {
  justify-content: center;
  align-items: center;
  display: none;
}

.case-container.visible {
  display: block;
}

.case-container.dc2 {
  display: none;
}

.case-container.trai {
  justify-content: center;
  align-items: center;
  display: none;
}

.case-container.the, .case-container.bj, .case-container.cls {
  display: none;
}

.case-container.sw {
  justify-content: center;
  align-items: center;
}

.case-container.ws-ws, .case-container.clsj01, .case-container.trai2 {
  justify-content: center;
  align-items: center;
  display: none;
}

.case-container.bat {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: none;
}

.case-container.prptl {
  justify-content: center;
  align-items: center;
  display: none;
}

.case-container.tsm, .case-container.exe {
  justify-content: center;
  align-items: center;
}

.ratio16-9 {
  background-image: url('../images/IdeenlaborWeimar–MotionBanner-C-16-9-LowRes.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 56.25%;
  display: block;
}

.ilw01 {
  width: 43%;
  position: absolute;
  inset: auto auto 24% 8%;
}

.ilw01.centered {
  width: 26%;
  top: 6%;
  bottom: auto;
  left: 18.4%;
}

.ilw02 {
  width: 43%;
  position: absolute;
  top: 2%;
  right: 20%;
}

.ilw02.centered {
  width: 16.1%;
  top: 20%;
  left: 50%;
}

.ilw03 {
  width: 20%;
  position: absolute;
  inset: auto 2% 7% auto;
}

.ilw03.cenered {
  width: 12.9vw;
  height: 12.9vw;
  inset: 69% auto auto 93.5%;
}

.ilw04 {
  width: 20%;
  position: absolute;
  inset: auto auto -1% 24%;
}

.ilw04.centered {
  width: 17%;
  inset: -4% auto auto -2.6%;
}

.div-block-3 {
  background-image: url('../images/ILW_liveausweimar_03b.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 56.25%;
}

.nua-video {
  width: 100%;
}

.nua-video._16-9 {
  padding-top: 56.25%;
}

.nua-video._16-9.nodisplay {
  display: none;
}

.nua-video._4-5 {
  padding-top: 125%;
}

.nua-video._4-5.nodisplay, .nua-video._4-5.ilwnewsroom4-5 {
  display: none;
}

.nua-video.lob {
  background-color: var(--bronzegold);
  align-items: flex-start;
  padding-top: 56.25%;
  display: none;
}

.nua-video._356-225 {
  padding-top: 63.2%;
}

.sliderilw03 {
  width: 100%;
  height: 100%;
  display: none;
}

.right-arrow {
  display: block;
}

.right-arrow.nodisplay {
  display: none;
}

.left-arrow {
  display: block;
}

.left-arrow.nodisplay, .slide-nav {
  display: none;
}

.mask {
  width: 100%;
}

.slide {
  background-image: url('../images/NAMENAME_ILW_SocialMedia-01.webp');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.slide-copy-copy {
  background-image: url('../images/Thumbnail-04.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.slide-copy-copy-copy {
  background-image: url('../images/Thumbnail-09.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.slide-copy-copy-copy-copy {
  background-image: url('../images/Thumbnail-06.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.bw01 {
  width: 35%;
  position: absolute;
  inset: 35% -6.5% auto auto;
}

.ratio16-9-copy {
  background-image: url('../images/IMG_4940.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 66.66%;
  display: block;
}

.bw02 {
  width: 35%;
  display: block;
  position: absolute;
  inset: auto auto -12.5% -12%;
}

.sliderilw03-copy {
  width: 480px;
  height: 270px;
  display: none;
}

.slide-copy {
  background-image: url('../images/ILW_thumbnails_nassehi.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.ilw-mediathek-shape-40 {
  background-image: url('../images/Mediathek-Shape-40.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.ilw-mediathek-shape-37 {
  background-image: url('../images/Mediathek-Shape-37.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.ilw-mediathek-shape-41 {
  background-image: url('../images/Mediathek-Shape-41.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.ilw-mediathek-shape-42 {
  background-image: url('../images/Mediathek-Shape-42.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.ilw-mediathek-shape-32 {
  background-image: url('../images/Mediathek-Shape-32.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.ilw-mediathek-shape-33 {
  background-image: url('../images/Mediathek-Shape-33.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.ilw-mediathek-shape-34 {
  background-image: url('../images/Mediathek-Shape-34.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.ilw-mediathek-shape-35 {
  background-image: url('../images/Mediathek-Shape-35.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.ilw-mediathek-shape-39 {
  background-image: url('../images/Mediathek-Shape-39.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.ilw-mediathek-shape-36 {
  background-image: url('../images/Mediathek-Shape-36.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.ilw-mediathek-shape-31 {
  background-image: url('../images/Mediathek-Shape-31.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.ilw-mediathek-shape-38 {
  background-image: url('../images/Mediathek-Shape-38.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.ilw05 {
  width: 40%;
  position: absolute;
  inset: -12% -30% auto auto;
}

.ilw05.centered {
  width: 18%;
  inset: -9% auto auto 85%;
}

.bw03 {
  width: 28%;
  display: block;
  position: absolute;
  inset: 3% auto auto 12%;
}

.imgbw03 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 56.25%;
  padding-top: 56.25%;
  display: block;
}

.block-svs {
  width: 300px;
  height: 375px;
  margin-left: 60px;
  margin-right: 60px;
}

.wrap-svs {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.img-svs01 {
  background-image: url('../images/SVS-Hangtags-BG-white.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.img-svs02 {
  background-image: url('../images/SVS-Compass-BG-whhite.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.img-svs03 {
  background-image: url('../images/SVS-Wegweiser-BG-white_2.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.imgbw02 {
  background-image: url('../images/NAMENAME_BW_02.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 80%;
  display: block;
}

.block-number {
  min-width: 100px;
  max-width: 100px;
  margin-left: -100px;
  margin-right: 0;
}

.block-teaser {
  border-radius: 9px;
}

.filter-button {
  color: var(--nn-grey-100);
  text-align: center;
  background-color: #0000;
  border-radius: 20px;
  min-width: 90px;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 9px 15px;
  font-family: Simplon Mono Trial;
  transition: all .4s;
  display: none;
  box-shadow: 0 1px 3px #0000004d;
}

.filter-button:hover {
  box-shadow: 0 1px 6px 2px #0000004d;
}

.filter-button.focus-list {
  box-shadow: none;
  color: #00000080;
  background-color: #0000001a;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.sb01 {
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 0%;
}

.ratio-bg-cover {
  background-image: url('../images/IMG_4940.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100vh;
  display: block;
}

.ratio-bg-cover.ku2020 {
  background-image: url('../images/NAMENAME-KU_Kongress2020_01b.webp');
  background-position: 100%;
}

.ratio-bg-cover.wswsimg {
  background-image: url('../images/NAMENAME_WSWS_02.webp');
  background-position: 50%;
}

.ratio-bg-cover.clsj01 {
  background-image: url('../images/NAMENAME_CLSJ02b.webp');
  background-position: 50%;
}

.ku2020 {
  width: 100%;
  height: 100vh;
  position: fixed;
  inset: 0% auto auto 0%;
}

.sparkassenfinanzportal {
  justify-content: center;
  align-items: center;
  width: 20%;
  position: absolute;
  inset: 14% auto auto 24%;
}

.eyimg01 {
  background-image: url('../images/NAMENAME_EY-Podcast_TransformationTacheles.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 150%;
  display: block;
}

.filter-controls {
  padding-left: 100px;
  display: block;
}

.filter-controls.focus_list {
  padding-left: 0;
}

.mix {
  padding-top: 25%;
  padding-bottom: 25%;
}

.mix.filter-sn {
  margin-top: .2px;
}

.mix.filter-sn.centered {
  cursor: auto;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.mix.end {
  padding-bottom: 0%;
}

.mix.first {
  padding-top: 0%;
  padding-bottom: 25%;
}

.mix.filter-ie.sort-out {
  display: none;
}

.dc01 {
  width: 20%;
  position: absolute;
  inset: auto auto 15% 15%;
}

.ratio-4-5 {
  background-image: url('../images/digicamp_4-5.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 120%;
  display: block;
}

.dc02 {
  width: 26%;
  display: block;
  position: absolute;
  inset: 15% 30% auto auto;
}

.imgdc02 {
  background-image: url('../images/download-1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 72%;
  display: block;
}

.dc03 {
  width: 9%;
  display: block;
  position: absolute;
  inset: 10% 5% auto auto;
}

.imgdc03 {
  background-image: url('../images/digicamp_briefkopf.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 142%;
  display: block;
}

.dc04 {
  width: 32%;
  display: block;
  position: absolute;
  inset: 80% 8% auto auto;
}

.imgdc04 {
  background-image: url('../images/digicamp_illu02.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 100%;
  display: block;
}

.vukaimg01 {
  background-image: url('../images/NAMENAME_opg_vuka.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 52.5%;
  display: block;
}

.vuka01 {
  width: 29%;
  position: absolute;
  inset: auto auto -30px 9.5%;
}

.vuka03 {
  width: 33%;
  position: absolute;
  inset: auto 13% 0% auto;
}

.vukaimg04 {
  background-image: url('../images/VUKA09c.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 125%;
}

.vuka02 {
  background-color: var(--nn-grey-15);
  width: 11%;
  position: absolute;
  inset: auto auto -6% 41.5%;
}

.vuka-grc-01 {
  background-image: url('../images/VUKA_graphicrecording_22B.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.vuka04 {
  width: 18%;
  position: absolute;
  inset: 8% auto auto 47%;
}

.vuka05 {
  width: 18%;
  position: absolute;
  inset: -2% 10% auto auto;
}

.vukaimg05 {
  background-image: url('../images/VUKA08.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 125%;
}

.vuka06 {
  width: 20%;
  position: absolute;
  inset: 17% 0% auto 17%;
}

.vuka-grc-02 {
  background-image: url('../images/VUKA_graphicrecording_05E.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.vuka-grc-03 {
  background-image: url('../images/VUKA_graphicrecording_01C.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.vuka-grc-04 {
  background-image: url('../images/VUKA_graphicrecording_15D.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.vuka-grc-05 {
  background-image: url('../images/VUKA_graphicrecording_24E.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.vuka-grc-06 {
  background-image: url('../images/VUKA_graphicrecording_33A.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.vuka-grc-07 {
  background-image: url('../images/VUKA_graphicrecording_29E.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.vuka-grc-08 {
  background-image: url('../images/VUKA_graphicrecording_26B.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.vuka-grc-09 {
  background-image: url('../images/VUKA_graphicrecording_27C.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.vuka-grc-10 {
  background-image: url('../images/VUKA_graphicrecording_31D.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
}

.sparkassenfinanzportalimg01 {
  background-image: url('../images/NAMENAME_AI-Workshop-SparkasseFinanzportal.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.wrap-case-container {
  z-index: 200;
  width: 100vw;
  max-width: 100vw;
  overflow: hidden;
}

.clsj {
  width: 100%;
  height: 100vh;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: visible;
}

.clsjimg01 {
  background-image: url('../images/NAMENAME_CLSJ02b.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 150%;
}

.lob01 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: auto;
}

.ey {
  justify-content: center;
  align-items: center;
  width: 25%;
  margin-top: 5%;
  margin-left: 15%;
  display: flex;
}

.vav {
  flex-wrap: wrap;
  place-content: center flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.block-vav {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 16.66%;
  height: 25%;
  padding: 40px;
  display: flex;
}

.slidervav-geo {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.slidernav.nodisplay {
  display: none;
}

.slide-vav {
  width: 100%;
  height: auto;
  padding-bottom: 0;
  padding-right: 0;
}

.slide-vav._04 {
  background-image: url('../images/NAMENAME_VAV_Map04.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.vav-img-map {
  background-image: url('../images/NAMENAME_VAV_Map01.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 66.66%;
}

.vav-img-map._02 {
  background-image: url('../images/NAMENAME_VAV_Map02.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.vav-img-map._03 {
  background-image: url('../images/NAMENAME_VAV_Map03.webp');
}

.vav-img-map._05 {
  background-image: url('../images/NAMENAME_VAV_Map05.webp');
}

.vav-img-map._06 {
  background-image: url('../images/NAMENAME_VAV_Map06.webp');
}

.vav-img-map._07 {
  background-image: url('../images/NAMENAME_VAV_Map07.webp');
}

.slidervav-workshop {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.vav-img-workshop {
  background-image: url('../images/NAMENAME_VAV_Workshop01.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 66.66%;
}

.vav-img-workshop._02 {
  background-image: url('../images/NAMENAME_VAV_Workshop02.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.vav-img-workshop._03 {
  background-image: url('../images/NAMENAME_VAV_Workshop03.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidervav-concept {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.vav-img-concept {
  background-image: url('../images/NAMENAME_VAV_Concept01.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 66.66%;
}

.vav-img-concept._02 {
  background-image: url('../images/NAMENAME_VAV_Concept05.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.vav-img-concept._03 {
  background-image: url('../images/NAMENAME_VAV_Map03.webp');
}

.vav-img-concept._05 {
  background-image: url('../images/NAMENAME_VAV_Map05.webp');
}

.vav-img-concept._06 {
  background-image: url('../images/NAMENAME_VAV_Map06.webp');
}

.vav-img-concept._03 {
  background-image: url('../images/NAMENAME_VAV_Concept03.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.vav-img-concept._04 {
  background-image: url('../images/NAMENAME_VAV_Concept02.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.vav-img-concept._05 {
  background-image: url('../images/NAMENAME_VAV_Concept04.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.vav-img-concept._06 {
  background-image: url('../images/NAMENAME_VAV_Concept06.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.vav-img-01 {
  background-image: url('../images/NAMENAME_VAV_18.gif');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-top: 66.66%;
}

.vav-img13 {
  background-image: url('../images/NAMENAME_VAV_24c_lores.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  padding-top: 66.66%;
}

.vav-img04 {
  background-image: url('../images/NAMENAME_VAV_Workshop06_4-3.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 66.66%;
}

.slidervav-20maerz {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.vav-img-20maerz {
  background-image: url('../images/NAMENAME_VAV_29_web.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  padding-top: 66.66%;
}

.vav-img-20maerz._02 {
  background-image: url('../images/NAMENAME_VAV_55_web.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.vav-img19 {
  background-image: url('../images/NAMENAME_VAV_15_web.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 66.66%;
}

.vav-img06 {
  background-image: url('../images/NAMENAME_VAV_45_web.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 66.66%;
}

.vav-img09 {
  background-image: url('../images/NAMENAME_VAV_01d_Web.webp');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 66.66%;
}

.vav-img18 {
  background-image: url('../images/NAMENAME_VAV_58b_lores.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  padding-top: 66.66%;
}

.slidervav-graphics {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.vav-img-graphics {
  background-image: url('../images/NAMENAME_VAV_39.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 66.66%;
}

.vav-img-graphics._02 {
  background-image: url('../images/NAMENAME_VAV_42.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.vav-img-graphics._03 {
  background-image: url('../images/NAMENAME_VAV_Map03.webp');
}

.vav-img-graphics._05 {
  background-image: url('../images/NAMENAME_VAV_Map05.webp');
}

.vav-img-graphics._06 {
  background-image: url('../images/NAMENAME_VAV_Map06.webp');
}

.vav-img-graphics._07 {
  background-image: url('../images/NAMENAME_VAV_Map07.webp');
}

.vav-img-graphics._03 {
  background-image: url('../images/NAMENAME_VAV_44.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.vav-img-graphics._04 {
  background-image: url('../images/NAMENAME_VAV_41.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.vav-img-graphics._05 {
  background-image: url('../images/NAMENAME_VAV_43.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.vav-img-graphics._06 {
  background-image: url('../images/NAMENAME_VAV_37.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.vav-img-graphics._07 {
  background-image: url('../images/NAMENAME_VAV_38.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidervav-doku {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.vav-img-magnets {
  background-image: url('../images/NAMENAME_VAV_21_web.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 66.66%;
}

.vav-img-magnets._02 {
  background-image: url('../images/NAMENAME_VAV_16_web.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidervav-lotsenworkshop {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.vav-img-lotsenworkshop {
  background-image: url('../images/NAMENAME_VAV_Workshop05.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  padding-top: 66.66%;
}

.vav-img-lotsenworkshop._02 {
  background-image: url('../images/NAMENAME_VAV_Workshop06.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.vav-img12 {
  background-image: url('../images/NAMENAME_VAV_06_web.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 66.66%;
}

.vav-img10 {
  background-image: url('../images/NAMENAME_VAV_30_web.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 66.66%;
  display: block;
}

.vav-img17 {
  background-image: url('../images/NAMENAME_VAV_31_web.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 66.66%;
  display: block;
}

.vav-img-twin {
  background-image: url('../images/NAMENAME_VAV_Doku05.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 66.66%;
}

.vav-img-twin._02 {
  background-image: url('../images/NAMENAME_VAV_21_web.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.vav-img-twin._03 {
  background-image: url('../images/NAMENAME_VAV_Doku09.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidervav-magnets, .slidervav-wordmark {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.vav-img-wordmark {
  background-image: url('../images/NAMENAME_VAV_36_web.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 66.66%;
}

.vav-img-wordmark._02 {
  background-image: url('../images/NAMENAME_VAV_17_Web.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slidervav-brandguide {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.vav-img-brandguide {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
  padding-top: 66.66%;
}

.vav-img-brandguide._02 {
  background-image: url('../images/NAMENAME_VAV_Doku-BrandGuide_03_web.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.vav-img-brandguide._03 {
  background-image: url('../images/NAMENAME_VAV_Doku-BrandGuide_04_web.webp');
  background-position: 0 0;
  background-size: contain;
}

.vav-img-brandguide._05 {
  background-image: url('../images/NAMENAME_VAV_Map05.webp');
}

.vav-img-brandguide._06 {
  background-image: url('../images/NAMENAME_VAV_Map06.webp');
}

.vav-img-brandguide._07 {
  background-image: url('../images/NAMENAME_VAV_Map07.webp');
}

.vav-img-brandguide._04 {
  background-image: url('../images/NAMENAME_VAV_41.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.vav-img-brandguide._05 {
  background-image: url('../images/NAMENAME_VAV_43.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.vav-img-brandguide._06 {
  background-image: url('../images/NAMENAME_VAV_37.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.vav-img-brandguide._07 {
  background-image: url('../images/NAMENAME_VAV_38.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.vav-img-brandguide._04 {
  background-image: url('../images/NAMENAME_VAV_Doku-BrandGuide_05_web.webp');
  background-position: 50%;
  background-size: contain;
}

.vav-img-brandguide._05 {
  background-image: url('../images/NAMENAME_VAV_Doku-BrandGuide_06_web.webp');
  background-position: 50%;
  background-size: contain;
}

.vav-img-brandguide._06 {
  background-image: url('../images/NAMENAME_VAV_Doku-BrandGuide_07_web.webp');
  background-position: 50%;
  background-size: contain;
}

.vav-img-brandguide._07 {
  background-image: url('../images/NAMENAME_VAV_Doku-BrandGuide_08_web.webp');
  background-position: 50%;
  background-size: contain;
}

.vav-img-brandguide._03 {
  background-image: url('../images/NAMENAME_VAV_Doku-BrandGuide_04_web.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.vav-img-brandguide._01 {
  background-image: url('../images/VAV-Doku-Brandguide_web4.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.vav-img22 {
  background-image: url('../images/NAMENAME_VAV_Doku10_lores.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 66.66%;
  display: block;
}

.ilw02-auto {
  background-color: var(--nn-grey-15);
  width: 43%;
  position: absolute;
  top: 2%;
  right: 20%;
}

.ilw01-auto {
  width: 43%;
  position: absolute;
  inset: auto auto 24% 8%;
}

.ilw03-auto {
  width: 20%;
  position: absolute;
  inset: auto 40% 7% auto;
}

.ilw04-auto {
  width: 20%;
  position: absolute;
  inset: auto auto -1% 24%;
}

.ilw05-auto {
  width: 40%;
  position: absolute;
  inset: 12% 80% auto auto;
}

.html-embed {
  width: 100%;
}

.html-embed.nodisplay {
  display: none;
}

.bh01 {
  background-color: var(--nn-grey-15);
  width: 8%;
  position: absolute;
  inset: 14% 36% auto auto;
}

.bh02 {
  width: 15%;
  position: absolute;
  inset: 7.5% auto auto -2.5%;
}

.bhimg02 {
  background-image: url('../images/NAMENAME_BH_Illustration02b.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 125%;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.bh03 {
  border-radius: 10px;
  width: 16.25%;
  position: absolute;
  inset: 45% auto auto 3.6%;
}

.bhimg03 {
  background-image: url('../images/NAMENAME_BH_Website_Mobile_4-5_web.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.bh04 {
  width: 12%;
  position: absolute;
  inset: -1% -1% auto auto;
}

.bhimg04 {
  background-image: url('../images/NAMENAME_BH_Illustration01.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 125%;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.bh05 {
  width: 13%;
  position: absolute;
  inset: -3% auto auto 13.2%;
}

.bhimg05 {
  background-image: url('../images/NAMENAME_BH_Illustration05.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.bh07 {
  width: 18.4%;
  position: absolute;
  inset: 8% auto auto 28%;
}

.bhimg07 {
  background-image: url('../images/NAMENAME_BH_Illustration03.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.bpd01 {
  background-image: url('../images/NAMENAME_BPD_Scan_S81c.webp');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 100vh;
  position: fixed;
  inset: 0% auto auto 0%;
}

.bpd02 {
  background-image: url('../images/NAMENAME_BPD_Scan_S82b.webp');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 100vh;
  position: fixed;
  inset: 0% 0% auto auto;
}

.bh06 {
  background-color: var(--nn-grey-15);
  width: 17%;
  position: absolute;
  inset: 4% 13.4% auto auto;
}

.background-video {
  z-index: 10;
  width: 100%;
  height: 100%;
  padding-top: 125%;
}

.background-video._16-9 {
  object-position: 0% 0%;
  padding-top: 56.25%;
}

.background-video._5-4 {
  padding-top: 75%;
}

.section-2 {
  width: 50%;
}

.div-block-7 {
  z-index: 999;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #ffffff7a;
  border-radius: 20px;
  width: 50%;
  height: 500px;
  margin-top: 0;
  margin-left: 50px;
  padding: 19px;
  position: fixed;
  inset: 200px 50px auto auto;
}

.div-block-8 {
  display: block;
}

.asso01 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 20%;
  height: auto;
  display: none;
  position: fixed;
  inset: 27% 10% auto auto;
}

.ps01-slider {
  background-color: #0000;
  width: 100vw;
  height: 100vh;
}

.ps-slide {
  width: 25%;
  padding-left: 30px;
  padding-right: 30px;
}

.ps01 {
  background-image: url('../images/NAMENAME_PurposeSalon_03-169.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 125%;
}

.ps-slide-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.ps02 {
  background-image: url('../images/NAMENAME_PurposeSalon_04-506.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 125%;
}

.ps04 {
  background-image: url('../images/NAMENAME_PurposeSalon_06-593.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 125%;
}

.ps03 {
  background-image: url('../images/NAMENAME_PurposeSalon_18-249.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 125%;
}

.ps05 {
  background-image: url('../images/NAMENAME_PurposeSalon_13-174.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 125%;
}

.ps06 {
  background-image: url('../images/NAMENAME_PurposeSalon_23-544.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 125%;
}

.ps07 {
  background-image: url('../images/NAMENAME_PurposeSalon_10-108.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 125%;
}

.ps08 {
  background-image: url('../images/NAMENAME_PurposeSalon_21-451.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 125%;
}

.filter-focus-list {
  z-index: 100;
  display: none;
  position: fixed;
  inset: 0% auto auto 50%;
}

.info-block {
  text-align: left;
  width: 100%;
  max-width: 944px;
  height: 0%;
  display: none;
  overflow: hidden;
}

.list-line-trigger {
  cursor: pointer;
  width: 100%;
  max-width: 944px;
  height: 20px;
  margin-top: -20px;
  display: none;
}

.logo-block-tweet-list {
  justify-content: center;
  align-items: center;
  width: 600px;
  margin-top: 100px;
  margin-left: -300px;
  display: block;
  position: fixed;
  inset: 0% auto auto 50%;
}

.tweet-list {
  z-index: 25;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.intro-block {
  background-color: #fff0;
  flex-flow: wrap;
  place-content: flex-start;
  position: relative;
}

.tweet-button {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  color: var(--nn-black);
  text-align: center;
  background-color: #2c2f2e40;
  border-radius: 20px;
  width: 36px;
  height: 20px;
  margin-top: 6px;
  padding: 0;
  font-family: Zurich BT;
  font-size: 18px;
  line-height: 11px;
  display: inline-block;
  overflow: hidden;
  transform: translate(0, 2px);
}

.logo-block-laufschrift, .logo-block-laufschrift-b {
  background-color: var(--nn-black);
  justify-content: center;
  align-items: center;
  width: 179px;
  margin-right: 6px;
  display: none;
  overflow: hidden;
}

.logo-block-laufschrift-c {
  justify-content: center;
  align-items: center;
  width: 179px;
  margin-right: 6px;
  padding-top: 7px;
  display: block;
  overflow: hidden;
}

.wrap-level1 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 577px;
  max-width: 577px;
  padding-left: 0;
  display: flex;
  overflow: hidden;
}

.monospace {
  color: var(--nn-black);
  text-transform: uppercase;
  margin-top: 4px;
  font-family: Simplon Mono Web S, Georgia, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 13px;
}

.monospace.capitalize {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 13px;
}

.monospace.capitalize.abstract {
  width: 120px;
  max-height: 13px;
  margin-top: 3.5px;
}

.monospace.capitalize.closebutton {
  color: #2c2f2e66;
  -webkit-text-stroke-color: #2c2f2e4d;
  line-height: 20px;
  transform: none;
}

.monospace.capitalize.closebutton.card {
  color: var(--nn-black);
  margin-top: 3px;
  display: block;
}

.monospace.capitalize.closebutton.card.getintouch {
  white-space: nowrap;
  width: 70px;
}

.monospace.capitalize.closebutton.card.freedownload {
  white-space: nowrap;
  width: 88px;
}

.monospace.centered {
  color: #fff;
  text-align: center;
  margin-bottom: 80px;
  position: static;
  top: 50%;
}

.monospace.sticky {
  font-family: Simplon Mono Web S, Georgia, sans-serif;
  line-height: 13px;
  position: sticky;
  top: 47.5vh;
}

.monospace.blending {
  color: #fff;
  mix-blend-mode: difference;
}

.monospace.white, .monospace.footer-contact {
  color: #fff;
}

.monospace.imprint, .monospace.client {
  margin-top: 0;
}

.logo-creativepartners {
  width: 54px;
  padding-top: 7px;
  display: block;
  overflow: hidden;
}

.additional-info-block {
  height: 0%;
  padding-top: 30px;
  display: inline-block;
  overflow: hidden;
}

.intro-trigger {
  cursor: pointer;
  width: 100%;
  min-height: 100%;
  display: none;
  position: absolute;
  transform: translate(0, -100%);
}

.intro-trigger.cv {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.intro-text {
  mix-blend-mode: difference;
  margin-bottom: 32px;
}

.intro-text.end {
  margin-bottom: 0;
}

.intro-text.cv {
  opacity: 1;
  mix-blend-mode: normal;
  display: block;
}

.lob02 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 19.6%;
  height: auto;
  position: fixed;
  inset: 48.7% 2% auto auto;
}

.lob {
  width: 22%;
  display: none;
  position: absolute;
  inset: 5% auto auto 3%;
}

.lobimg01-copy {
  background-image: url('../images/NAMENAME_LOB_16.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 112%;
  display: block;
}

.lob03 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 14%;
  height: auto;
  display: none;
  position: fixed;
  inset: auto auto 11.5% 15.5%;
}

.lob04 {
  width: 9%;
  position: absolute;
  inset: auto auto 35.8% 0%;
}

.lobimg04a {
  background-image: url('../images/CS20190619-IMG-Genussmarken_262_sv-sw_web.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 75%;
  display: block;
}

.lobimg04b {
  background-image: url('../images/CS20190619-IMG-Genussmarken_360_sv-sw_web.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 2px;
  padding-top: 75%;
  display: block;
}

.menu-bar-white {
  z-index: 99;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff6;
  border: 1px #ddd;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 622px;
  height: 45px;
  margin-top: 20px;
  margin-left: -311px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto 50%;
  overflow: hidden;
  box-shadow: 0 0 2px #2c2f2e33;
}

.block-plus {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  display: flex;
  overflow: hidden;
}

.abstract-button {
  background-color: #fff;
  border-radius: 20px;
  align-items: flex-start;
  width: 40px;
  height: 26px;
  margin-top: 0;
  margin-left: -2px;
  padding-top: 5px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 2px #2c2f2e33;
}

.block-inline-button {
  width: auto;
  height: 32px;
  margin-left: -2px;
  padding-left: 2px;
  display: inline-block;
  transform: none;
}

.block-inline-button.openabstract {
  width: auto;
  max-width: 95px;
  min-height: 32px;
  margin-top: 5px;
  display: inline-block;
  transform: translate(0, -2px);
}

.block-inline-button.openabstract.big {
  margin-left: 76px;
  transform: scale(2)translate(0, -8px);
}

.block-inline-button.openportrait {
  width: 120px;
}

.mask-abstract-text {
  align-items: center;
  width: 0;
  height: 26px;
  margin-top: -5px;
  padding-top: 3px;
  display: block;
  overflow: hidden;
}

.wrap-level2 {
  justify-content: flex-start;
  width: 578px;
  height: 45px;
  display: flex;
  overflow: hidden;
}

.menu-block {
  text-align: left;
  cursor: pointer;
  border-left: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 93px;
  min-width: 93px;
  height: 45px;
  display: block;
  overflow: hidden;
}

.menu-block.about, .menu-block.contact {
  width: auto;
  min-width: auto;
  overflow: visible;
}

.wrap-tags {
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  width: 0;
  height: 45px;
  display: flex;
  overflow: hidden;
}

.block-tags {
  color: var(--nn-grey-70);
  text-align: left;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 45px;
  padding-left: 20px;
  padding-right: 20px;
  transition: all .25s;
  display: flex;
  overflow: hidden;
}

.block-tags:hover {
  color: var(--nn-black);
}

.tag-scroll-wrap {
  display: flex;
}

.scroll-wrap-level2 {
  width: 1200px;
  height: 45px;
  display: flex;
}

.menu-bar-scroll-wrap {
  z-index: 10;
  height: 45px;
  display: flex;
  position: relative;
}

.block-intro-text {
  opacity: .25;
  flex-flow: wrap;
  display: inline;
}

.block-intro-text.cv {
  opacity: 1;
  display: inline;
}

.hfg01 {
  width: 12%;
  position: absolute;
  inset: 40% auto auto 22%;
}

.hfgimg {
  background-image: url('../images/NAMENAME-Reframing-Slide03.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 56.25%;
  display: block;
}

.hfgimg._03 {
  background-image: url('../images/NAMENAME-Reframing-Slide02.webp');
}

.hfgimg._01 {
  background-image: url('../images/NAMENAME-Reframing-Slide01.webp');
}

.hfgimg._04 {
  background-image: url('../images/NAMENAME-Reframing-Slide04.webp');
}

.hfgimg._05 {
  background-image: url('../images/NAMENAME-Reframing-Slide05.webp');
}

.hfgimg._06 {
  background-image: url('../images/NAMENAME-Reframing-Slide06.webp');
}

.hfgimg._07 {
  background-image: url('../images/NAMENAME-Reframing-Slide07.webp');
}

.hfgimg._08 {
  background-image: url('../images/NAMENAME-Reframing-Slide08.webp');
}

.hfgimg._09 {
  background-image: url('../images/NAMENAME-Reframing-Slide09.webp');
}

.hfgimg._10 {
  background-image: url('../images/NAMENAME-Reframing-Slide10.webp');
}

.hfgimg._11 {
  background-image: url('../images/NAMENAME-Reframing-Slide11.webp');
}

.hfgimg._12 {
  background-image: url('../images/NAMENAME-Reframing-Slide12.webp');
}

.hfgimg._13 {
  background-image: url('../images/NAMENAME-Reframing-Slide13.webp');
}

.hfgimg._14 {
  background-image: url('../images/NAMENAME-Reframing-Slide14.webp');
}

.hfgimg._15 {
  background-image: url('../images/NAMENAME-Reframing-Slide15.webp');
}

.hfgimg._16 {
  background-image: url('../images/NAMENAME-Reframing-Slide16.webp');
}

.hfgimg._17 {
  background-image: url('../images/NAMENAME-Reframing-Slide17.webp');
}

.hfgimg._18 {
  background-image: url('../images/NAMENAME-Reframing-Slide18.webp');
}

.hfgimg._19 {
  background-image: url('../images/NAMENAME-Reframing-Slide19.webp');
}

.hfgimg._20 {
  background-image: url('../images/NAMENAME-Reframing-Slide20.webp');
}

.hfgimg._21 {
  background-image: url('../images/NAMENAME-Reframing-Slide21.webp');
}

.hfgimg._22 {
  background-image: url('../images/NAMENAME-Reframing-Slide22.webp');
}

.hfgimg._23 {
  background-image: url('../images/NAMENAME-Reframing-Slide23.webp');
}

.hfgimg._24 {
  background-image: url('../images/NAMENAME-Reframing-Slide24.webp');
}

.hfgimg._25 {
  background-image: url('../images/NAMENAME-Reframing-Slide25.webp');
}

.hfgimg._26 {
  background-image: url('../images/NAMENAME-Reframing-Slide26.webp');
}

.hfgimg._27 {
  background-image: url('../images/NAMENAME-Reframing-Slide27.webp');
  display: none;
}

.hfgimg._28 {
  background-image: url('../images/NAMENAME-Reframing-Slide28.webp');
}

.hfgimg._29 {
  background-image: url('../images/NAMENAME-Reframing-Slide29.webp');
}

.hfgimg._30 {
  background-image: url('../images/NAMENAME-Reframing-Slide30.webp');
}

.tag-inactive {
  opacity: .25;
  transition: all .25s;
}

.tag-inactive:hover {
  opacity: 1;
}

.tag-inactive.all {
  opacity: .3;
  transition: all .25s;
}

.tag-active {
  color: var(--nn-black);
  display: none;
}

.menubutton-socialmedia {
  opacity: .25;
  color: var(--nn-black);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 33.33%;
  min-width: 76px;
  height: 45px;
  padding-bottom: 2px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.menubutton-socialmedia:hover {
  opacity: 1;
  color: var(--nn-black);
}

.block-language {
  border-right: 1px solid #2c2f2e1a;
  justify-content: center;
  align-items: center;
  width: 45px;
  min-width: 45px;
  height: 45px;
  display: flex;
}

.block-logo {
  padding-left: 10px;
  padding-right: 10px;
  transition: all .25s;
  display: flex;
}

.block-logo.w--current:hover {
  background-color: #0000;
}

.closeabstract-button {
  cursor: pointer;
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 26px;
  padding-top: 7.5px;
  padding-left: 9px;
  padding-right: 9px;
  font-family: Zurich Std Regular, Arial, sans-serif;
  display: inline-block;
  overflow: hidden;
  transform: translate(0, 3px);
  box-shadow: 0 0 2px #2c2f2e33;
}

.closeabstract-button.ethos {
  z-index: 2100;
  transition: all .2s;
  position: fixed;
  inset: 31px 30px auto auto;
}

.closeabstract-button.case2 {
  z-index: 2100;
  width: 89px;
  height: 26px;
  margin-top: 0;
  transition: all .2s;
  position: fixed;
  inset: 31px 30px auto auto;
}

.bg-backdrop-overlay {
  z-index: 50;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background-color: #ffffff80;
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
  top: 0;
  overflow: hidden;
}

.bg-backdrop-overlay.home {
  display: none;
}

.case-wrapper {
  z-index: 75;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  padding-top: 100px;
  display: flex;
  position: absolute;
}

.case-preview {
  z-index: 0;
  width: 100%;
  height: 100vh;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.case-preview.lob2, .case-preview.lob3 {
  justify-content: center;
  align-items: center;
  display: block;
}

.case-preview.tsm {
  justify-content: center;
  align-items: center;
}

.case-preview.exe {
  justify-content: center;
  align-items: center;
  display: block;
}

.anchor {
  height: 0;
  margin-top: -25%;
  margin-bottom: 25%;
  display: block;
}

.anchor.mix.anchormix {
  padding-top: 0%;
  padding-bottom: 0%;
}

.anchor.mix-copy.anchorethos {
  z-index: 100;
  width: 0;
  height: 100vh;
  margin-top: -16.665vh;
  margin-bottom: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  position: absolute;
}

.block-case-video {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 200px;
  padding-bottom: 100px;
  display: flex;
}

.video-25 {
  width: 25%;
}

.transition-end {
  z-index: 20000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0% 0% auto auto;
  overflow: hidden;
  transform: translate(0);
}

.block-transition {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.transition-start {
  z-index: 20000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: hidden;
  transform: translate(0);
}

.pagetransition-wrapper {
  background-color: #000;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.pagetransition-wrapper.start {
  inset: 0% auto auto 0%;
}

.page-transition {
  width: 100vw;
  display: none;
  overflow: hidden;
}

.dc05 {
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.imgdc05 {
  background-image: url('../images/logo-digicamp-pink.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 90%;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100vh;
  display: block;
}

.hfg02n {
  width: 12%;
  position: absolute;
  inset: auto 16% 10% auto;
}

.hfg03 {
  width: 12%;
  position: absolute;
  inset: auto auto 20% 4%;
}

.hfg04 {
  width: 12%;
  position: absolute;
  inset: 10% 26% auto auto;
}

.hfg05 {
  width: 12%;
  position: absolute;
  inset: 18% auto auto 1%;
}

.hfg06 {
  width: 12%;
  position: absolute;
  inset: 5% auto auto 8%;
}

.hfg07 {
  width: 12%;
  position: absolute;
  inset: 10% 26% auto auto;
  transform: translate(13vw, 4vh);
}

.hfg08 {
  width: 12%;
  position: absolute;
  inset: auto 7% 24% auto;
}

.hfg09 {
  width: 12%;
  position: absolute;
  inset: auto auto -2% 14%;
}

.hfg10 {
  width: 12%;
  position: absolute;
  inset: 34% 16% auto auto;
}

.hfg11 {
  width: 12%;
  position: absolute;
  inset: auto auto 40% 21%;
}

.hfg12 {
  width: 12%;
  position: absolute;
  inset: auto auto 40% 21%;
  transform: translate(0, 12vh);
}

.hfg13 {
  width: 12%;
  position: absolute;
  inset: auto 24% 2% auto;
}

.hfg14 {
  width: 12%;
  position: absolute;
  inset: auto auto 17% 4%;
}

.hfg15 {
  width: 12%;
  position: absolute;
  inset: auto -2% 50% auto;
}

.hfg16 {
  width: 12%;
  position: absolute;
  inset: 19% auto auto 5%;
}

.hfg17 {
  width: 12%;
  position: absolute;
  inset: -2% 21% auto auto;
}

.hfg18 {
  width: 12%;
  position: absolute;
  inset: auto 9% 29% auto;
}

.hfg19 {
  width: 12%;
  position: absolute;
  inset: auto 9% 29% auto;
  transform: translate(0, 12vh);
}

.hfg20 {
  width: 12%;
  position: absolute;
  inset: auto 9% 29% auto;
  transform: translate(0, 24vh);
}

.hfg21 {
  width: 12%;
  position: absolute;
  inset: 7% 5% auto auto;
}

.hfg22 {
  width: 12%;
  position: absolute;
  inset: 53% auto auto 1%;
}

.hfg23 {
  width: 12%;
  position: absolute;
  inset: 22% 16% auto auto;
}

.hfg24 {
  width: 12%;
  position: absolute;
  inset: 32% auto auto 11%;
}

.hfg25 {
  width: 12%;
  position: absolute;
  inset: auto auto -3% 34%;
}

.hfg26 {
  width: 12%;
  position: absolute;
  inset: 1% auto auto 2%;
}

.hfg27 {
  width: 12%;
  position: absolute;
  inset: auto auto 17% 25%;
}

.hfg28 {
  width: 12%;
  position: absolute;
  inset: auto auto 29% 20%;
}

.hfg29 {
  width: 12%;
  position: absolute;
  inset: auto 20% 43% auto;
}

.hfg30 {
  width: 12%;
  position: absolute;
  inset: auto 12% 15% auto;
}

.trai01 {
  width: 17%;
  height: auto;
  position: absolute;
  inset: 21% auto auto 2.5%;
}

.trai02 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--nn-black);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 17%;
  height: auto;
  position: fixed;
  inset: auto auto 2% 23%;
}

.trai03 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--nn-black);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 9.6%;
  height: auto;
  position: fixed;
  inset: 10% auto auto 22.5%;
}

.trai04 {
  width: 17%;
  position: absolute;
  inset: 13.5% 22% auto auto;
}

.traiimg01 {
  background-image: url('../images/NAMENAME_Trai_Signature.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.traiimg03 {
  background-image: url('../images/NAMENAME_Trai_Tartan.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.traiimg04 {
  background-image: url('../images/NAMENAME_Trai_01.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.trai05 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--nn-black);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 9.6%;
  height: auto;
  position: fixed;
  inset: 7.6% -2px auto auto;
}

.traiimg05 {
  background-image: url('../images/NAMENAME_TRAI_Cards01-A3.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.mask-3 {
  width: 100%;
}

.trai01slide {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  padding-bottom: 0;
  padding-right: 0;
}

.slidenav.displayno {
  display: none;
}

.traiimg01-b {
  background-image: url('../images/NAMENAME_Trai_Poster_01.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.intro-section {
  z-index: 75;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  margin-top: -100vh;
  padding-top: 0;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.section-timeline {
  width: 100%;
  max-width: 100vw;
  padding-left: 30px;
  padding-right: 30px;
}

.intro-img-block {
  z-index: 999;
  -webkit-backdrop-filter: invert();
  backdrop-filter: invert();
  mix-blend-mode: difference;
  background-image: url('../images/NAMENAME-Reframing-Slide30.webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100vh;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  position: sticky;
  top: 0%;
  transform: scale(.4);
}

.intro-section-2 {
  z-index: 75;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 200vh;
  margin-bottom: -100px;
  display: none;
}

.menu-bar-container {
  z-index: 2000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin-bottom: 0;
  padding-bottom: 20px;
  display: flex;
  position: sticky;
  top: 0;
}

.menu-bar-container.fixed {
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
}

.footer {
  z-index: 1100;
  color: #fff;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 100vw;
  margin-top: -30px;
  display: flex;
  position: relative;
}

.focus-block {
  z-index: 25;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: .25;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  min-width: 51%;
  padding-top: 0;
  padding-bottom: 0;
  display: inline-block;
  position: relative;
}

.focus-block.partner-role {
  min-width: auto;
  top: 49.9%;
}

.focus-block.partner-intro {
  padding-bottom: 40px;
  padding-left: 210px;
}

.focus-block.partner-intro.nodisplay {
  display: none;
}

.focus-block.companies {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  min-width: auto;
  padding-top: 200px;
  padding-bottom: 300px;
  display: flex;
}

.focus-block.nodisplay {
  display: block;
}

.focus-block.question {
  justify-content: center;
  width: 1110px;
  padding-top: 25%;
  padding-bottom: 25%;
  display: flex;
}

.focus-block.question.sticky {
  position: sticky;
  top: 25%;
}

.focus-block.elevatorpitch_v02 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  opacity: 1;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  display: none;
}

.focus-block.elevatorpitchoutro {
  text-align: center;
  width: 100%;
  max-width: 100vw;
  height: auto;
  min-height: 34vh;
  padding: 20px 30px;
}

.focus-block.service-head {
  width: 100%;
  padding: 0 10px 100px;
}

.focus-block.service-head.displayno {
  display: none;
}

.focus-block.about-intro, .focus-block.partner-intro {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.focus-block.partner-intro-copy {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 300px;
  display: flex;
}

.focus-block.fourcategories-intro {
  text-align: center;
  width: 100%;
  min-width: auto;
  height: 100%;
  min-height: 50vh;
  padding-top: 0;
  padding-bottom: 30px;
}

.focus-block.fourcategories-intro.partners {
  padding-top: 10px;
}

.focus-block.founder-intro {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 100px;
  display: none;
}

.focus-block.founder-intro2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.focus-block.ethos {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 66.66%;
  min-width: auto;
  height: 66.66vh;
  padding-top: 50px;
  padding-bottom: 50px;
  display: block;
}

.focus-block.imprint {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 600px;
  min-width: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.focus-block.imprint-intro {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: -60px;
  display: flex;
}

.focus-block.partner-intro-copy-copy {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 300px;
  display: flex;
}

.focus-block.client-sector {
  justify-content: flex-end;
  align-items: center;
  min-width: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  position: sticky;
  top: 50%;
}

.focus-block.client {
  max-width: 345px;
  display: block;
}

.focus-block.client-sector {
  text-align: right;
  width: 200px;
  min-width: auto;
  padding-top: 0;
  padding-bottom: 0;
  top: 49.5%;
}

.focus-block.client-intro {
  opacity: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 1110px;
  padding-top: 25vh;
  padding-bottom: 100px;
  display: flex;
}

.focus-block.client-outro {
  opacity: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 1110px;
  height: 50vh;
  padding-top: 100px;
  display: flex;
}

.focus-block.elevatorpitch {
  opacity: 1;
  text-align: center;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 1110px;
  display: flex;
}

.imprint-block {
  width: auto;
  margin-left: 30px;
  margin-right: 30px;
  padding-top: 4px;
  padding-bottom: 10px;
  transition: opacity .2s;
}

.imprint-block:hover {
  opacity: .3;
}

.imprint-block.copyright:hover {
  opacity: 1;
}

.imprint-block.newsletter {
  cursor: pointer;
}

.partner-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.partner-list {
  width: 50%;
  max-width: 600px;
}

.partner-list.imprint {
  padding-bottom: 100px;
}

.partner-role {
  text-align: right;
  width: 200px;
  padding-top: 1px;
  padding-bottom: 4px;
  position: sticky;
  top: 50%;
}

.partner-name {
  width: 390px;
}

.partner-name.impressum {
  padding-left: 10px;
}

.partner-block {
  justify-content: space-between;
  align-items: flex-start;
  width: 600px;
  height: auto;
  display: flex;
}

.partner-block.first {
  padding-top: 10px;
}

.company-block {
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.companies-list {
  flex-flow: wrap;
  place-content: flex-start center;
  align-items: flex-start;
  width: 100%;
  max-width: 680px;
  display: flex;
}

.about-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  padding-top: 50vh;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.about-wrap {
  flex-direction: column;
  width: 50%;
  padding-top: 100px;
  display: none;
}

.intro-overlay {
  z-index: 512;
  cursor: pointer;
  width: 100%;
  height: 100vh;
  display: none;
  position: absolute;
}

.overlay-bg-video {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  overflow: visible;
}

.overlay-text {
  padding-top: 20px;
}

.hide, .intro-services {
  display: none;
}

.verworfen {
  width: 100vw;
  display: none;
}

.content-wrap {
  z-index: 1000;
  opacity: 1;
  width: 100vw;
  max-width: 100vw;
  display: block;
  position: relative;
}

.content-wrap.nooverflow {
  overflow: hidden;
}

.section-elevatorpitch {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 100vw;
  height: 55vh;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.trigger-to-start {
  z-index: 20000;
  cursor: pointer;
  width: 100%;
  height: 100vh;
  margin-bottom: -85px;
  display: none;
  position: sticky;
}

.services-section {
  justify-content: center;
  align-items: center;
  padding-bottom: 50px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  overflow: visible;
}

.wrap-services {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.inline-textbutton {
  border-bottom: 3px solid var(--nn-black);
  cursor: pointer;
  margin: -4px -2px -1px;
  padding: 4px 2px 1px;
  line-height: 26px;
  transition: all .25s;
  display: inline-block;
}

.inline-textbutton:hover {
  background-color: var(--nn-black);
  color: var(--nn-sand-15);
}

.service-list {
  width: 100%;
  min-height: 600px;
  padding-bottom: 30px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
}

.button-card {
  box-shadow: none;
  color: var(--nn-black);
  background-color: #fff;
  border: 1px solid #2c2f2e26;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  max-width: 620px;
  height: 260px;
  min-height: 46px;
  font-family: Zurich BT;
  font-size: 20px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  overflow: visible;
}

.block-cta {
  align-items: center;
  width: 100%;
  height: 30px;
  margin-bottom: 2px;
  display: flex;
  position: relative;
}

.cta-textbox {
  width: auto;
  margin-top: 4px;
  margin-left: 15px;
}

.card-close-button {
  z-index: 20;
  cursor: pointer;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 10px 20px 10px 10px;
  display: flex;
  position: absolute;
  inset: 10px 0% auto auto;
}

.invisible-card-text {
  color: var(--nn-black);
}

.fokus-button {
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
  position: relative;
}

.fokus-button._01 {
  padding-left: 24%;
  display: flex;
}

.fokus-button._02 {
  padding-left: 50%;
  display: flex;
  transform: none;
}

.fokus-button._03 {
  padding-left: 32%;
  display: flex;
}

.fokus-button._04 {
  justify-content: flex-end;
  display: flex;
  transform: none;
}

.button-wrap {
  width: 630px;
  display: block;
  overflow: hidden;
}

.button-card-flexbox {
  box-shadow: none;
  color: var(--nn-black);
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  max-width: 622px;
  height: 100%;
  padding: 8px 14px 16px;
  font-family: Zurich BT;
  font-size: 20px;
  font-weight: 400;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-card-flexbox.menue-sn, .button-card-flexbox.menue-cd, .button-card-flexbox.menue-ie, .button-card-flexbox.menue-tt, .button-card-flexbox.newsletter, .button-card-flexbox.newsletter {
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.nowrap {
  white-space: nowrap;
  display: inline;
}

.team-section {
  padding-left: 30px;
  padding-right: 30px;
}

.portrait {
  background-color: var(--nn-black);
  filter: blur(30px);
  width: 100%;
  padding-top: 125%;
}

.portrait.sv {
  filter: none;
  background-image: url('../images/NameName-270-web-SteffenVogt-PhotoNoraHeinisch-B2.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.portrait.sv:hover {
  filter: none;
}

.portrait.rs {
  filter: none;
  background-image: url('../images/NameName-258-web-RomasStukenberg-PhotoNoraHeinisch-B2b.webp');
  background-size: cover;
}

.portrait.rs:hover {
  filter: none;
}

.photo-wrap {
  grid-column-gap: 30px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 300px;
  display: flex;
}

.portrait-text {
  grid-column-gap: 20px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: none;
  overflow: hidden;
}

.button-card-cursor {
  z-index: 10;
  cursor: text;
  width: 0%;
  height: 0%;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.contact-section {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.adress-block {
  width: 276px;
  margin-left: 30px;
  margin-right: 30px;
}

.ethos-section-2 {
  z-index: 5050;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
  position: relative;
}

.bg-backdrop-overlay-ethos {
  z-index: 1;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #ffffff0f;
  background-image: url('../images/DTS_Micro_Mouthwash_Studios_4055-1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.card-paragraphs {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.card-padding-right {
  width: 25px;
  min-width: 30px;
  height: 100%;
}

.block-inline-button-card {
  width: 40px;
  height: 32px;
  display: inline-block;
  transform: none;
}

.abstract-button-copy {
  background-color: #fff6;
  border-radius: 20px;
  width: 40px;
  height: 26px;
  margin-top: 3px;
  padding-top: 4.5px;
  padding-left: 11px;
  padding-right: 10px;
  display: flex;
  overflow: hidden;
  transform: translate(0, -2px);
  box-shadow: 0 0 2px #2c2f2e33;
}

.button-card-hover-trigger {
  z-index: 10;
  text-align: right;
  cursor: pointer;
  background-color: #0000;
  justify-content: flex-end;
  width: 100%;
  height: auto;
  max-height: 76px;
  margin-top: -10px;
  margin-bottom: -10px;
  padding-top: 19px;
  padding-bottom: 20px;
  padding-right: 18px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.trigger-button {
  width: 40px;
  height: 32px;
  display: inline-block;
  transform: none;
}

.case-text {
  justify-content: center;
  width: 100vw;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.case-text.withnotes {
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.case-text.withnotes._8lines {
  padding-top: 148px;
  padding-bottom: 52px;
  transform: translate(0, -48px);
}

.case-text.withnotes._10lines {
  padding-top: 160px;
  padding-bottom: 40px;
  transform: translate(0, -48px);
}

.case-text.withnotes._5lines {
  padding-top: 130px;
  padding-bottom: 70px;
  transform: translate(0, -48px);
}

.case-text.withnotes._9lines {
  padding-top: 154px;
  padding-bottom: 46px;
  transform: translate(0, -48px);
}

.case-headline {
  padding-left: 30px;
  padding-right: 30px;
}

.case-quotes {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 100px 30px;
  display: flex;
}

.case-full-viewport {
  width: 100%;
  height: 100vh;
  margin-top: 100px;
  margin-bottom: 100px;
}

.case-full-viewport.lob-stories, .case-full-viewport.ilw-screens {
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
}

.case-full-viewport.cls-web {
  background-color: #e5d8d2;
  justify-content: center;
  align-items: center;
  display: flex;
}

.case-full-viewport.sw-print {
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
}

.video-container {
  width: 100%;
  max-width: 960px;
  height: auto;
  margin-top: -20px;
}

.video-container.nomargin {
  margin-top: 0;
}

.video-container.nomargin.no-max-w {
  max-width: 100%;
}

.nua-video-2 {
  background-color: #0000;
  position: relative;
}

.nua-video-2._16-9 {
  padding-top: 56.25%;
  padding-bottom: 0;
}

.nua-video-2.in-slider._16-9 {
  background-color: #0000;
  padding-top: 56.25%;
}

.case-slider-centered {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 100px 0;
  display: flex;
  position: static;
  inset: 0;
  overflow: visible;
}

.case-slider-centered.marginbottom20 {
  padding-bottom: 20px;
}

.slider75 {
  background-color: #0000;
  width: 75%;
  height: 100%;
  overflow: visible;
}

.image {
  width: 100%;
  display: inline-block;
  position: static;
  overflow: visible;
}

.left-arrow-case-slider {
  cursor: w-resize;
  width: 50%;
  display: block;
  position: absolute;
}

.right-arrow-case-slider {
  cursor: e-resize;
  width: 50%;
  display: block;
}

.nav-case-slider {
  align-items: flex-start;
  margin-left: -4px;
  padding-top: 12px;
  display: flex;
  position: absolute;
  transform: translate(0, 40px);
}

.nav-case-slider.row, .nav-case-slider.fullscreen {
  padding-left: 15px;
  padding-right: 15px;
}

.nav-case-slider.slidecaptions {
  transform: translate(0, 14px);
}

.image-row-33-33 {
  background-color: #000;
  width: 33.33%;
  height: 40vw;
  position: static;
  overflow: hidden;
}

.image-row-33-33.lob05 {
  background-image: url('../images/NAMENAME_LOB_05web.webp');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.image-row-33-33.lob08-copy {
  background-image: url('../images/NAMENAME_LOB_15web.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-33-33.lob04 {
  background-image: url('../images/NAMENAME_LOB04.webp');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-33-33.lob02 {
  background-image: url('../images/NAMENAME_LOB02.webp');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.image-row-33-33.cls04-slider {
  background-image: url('../images/NAMENAME_CLS08.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-33-33.cls03-slider {
  background-image: url('../images/NAMENAME_CLS07.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-33-33.cls05-slider {
  background-image: url('../images/NAMENAME_CLS09.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-33-33.cls07-slider {
  background-image: url('../images/NAMENAME_CLS10.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-33-33.cls02-slider {
  background-image: url('../images/NAMENAME_CLS06.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.image-row-33-33.cls08-slider {
  background-image: url('../images/NAMENAME_CLS12b.webp');
  background-position: 50%;
  background-size: cover;
}

.image-row-33-33.cls09-slider {
  background-color: #0000;
  padding-top: 0%;
}

.image-row-33-33.cls10-slider {
  background-image: url('../images/NAMENAME_CLS17c.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-33-33.cls11-slider {
  background-image: url('../images/NAMENAME_CLS16.webp');
  background-position: 50%;
  background-size: cover;
}

.image-row-33-33.cls12-slider {
  background-image: url('../images/NAMENAME_CLS18b.webp');
  background-position: 50%;
  background-size: cover;
}

.image-row-33-33.cls13-slider {
  background-image: url('../images/NAMENAME_CLS-Logo-03-hires.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-33-33.sw01-slider {
  background-image: url('../images/NAMENAME_SammlungWalter22.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-33-33.sw02-slider {
  background-image: url('../images/NAMENAME_SammlungWalter23.webp');
  background-position: 50%;
  background-size: cover;
}

.image-row-33-33.sw03-slider {
  background-image: url('../images/NAMENAME_SammlungWalter37.webp');
  background-position: 50%;
  background-size: cover;
}

.image-row-33-33.sw04-slider {
  background-image: url('../images/NAMENAME_SammlungWalter38.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-33-33.sw05-slider {
  background-image: url('../images/NAMENAME_SammlungWalter39.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-33-33.sw06-slider {
  background-image: url('../images/NAMENAME_SammlungWalter40.webp');
  background-position: 50% 100%;
  background-size: cover;
}

.image-row-33-33.ilw01 {
  background-image: url('../images/NAMENAME_ILW2022_tmue20220610a179.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-33-33.ilw03 {
  background-image: url('../images/NAMENAME_ILW2022_tmue20220610a035_b.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-33-33.ilw04 {
  background-image: url('../images/NAMENAME_ILW2022_tmue20220610a135_b.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-33-33.vav-row01 {
  background-image: url('../images/NAMENAME_VAV_30_web_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-33-33.vav-row02 {
  background-image: url('../images/NAMENAME_VAV_28_lores.webp');
  background-position: 50%;
  background-size: cover;
}

.image-row-33-33.vav-row11 {
  background-image: url('../images/NAMENAME_VAV_Doku04.webp');
  background-position: 50%;
  background-size: cover;
}

.image-row-33-33.vav-row13 {
  background-image: url('../images/NAMENAME_VAV_Doku06.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-33-33.vav-row14 {
  background-image: url('../images/NAMENAME_VAV_Doku07.webp');
  background-position: 50% 0;
  background-size: cover;
}

.image-row-33-33.vav-row15 {
  background-image: url('../images/NAMENAME_VAV_Doku09.webp');
  background-position: 50% 100%;
  background-size: cover;
}

.image-row-33-33.vav-row16 {
  background-image: url('../images/NAMENAME_VAV_Doku08.webp');
  background-position: 100%;
  background-size: cover;
}

.image-row-33-33.vav-row03 {
  background-image: url('../images/NAMENAME_VAV_58.webp');
  background-position: 50%;
  background-size: cover;
}

.image-row-33-33.vav-row04 {
  background-image: url('../images/NAMENAME_VAV_08.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-33-33.vav-row06 {
  background-image: url('../images/NAMENAME_VAV_59.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-33-33.vav-row05 {
  background-image: url('../images/NAMENAME_VAV_12b.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-33-33.vav-row07 {
  background-image: url('../images/NAMENAME_VAV_31c.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-33-33.vav-row08 {
  background-image: url('../images/NAMENAME_VAV_29_web_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-33-33.vav-row09 {
  background-image: url('../images/NAMENAME_VAV_24b.webp');
  background-position: 50% 100%;
  background-size: cover;
}

._50 {
  width: 50%;
}

.light {
  font-weight: 300;
}

.caption {
  margin-top: 10px;
}

.caption.horizontal {
  width: 75%;
}

.caption.horizontal._25 {
  width: 25%;
}

.caption.horizontal._25._2slides {
  padding-left: 50px;
}

.caption.horizontal._50 {
  width: 50%;
}

.caption.horizontal._50._4slides {
  margin-left: 180px;
}

.caption.horizontal.in-slide {
  margin-top: 16px;
}

.caption.horizontal.in-slide._4slides {
  padding-left: 95px;
}

.lob-gb {
  background-image: url('../images/GrabowskiBoell.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 66.66%;
  display: block;
}

.block-1-image {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.slider-case-row {
  text-align: left;
  background-color: #0000;
  flex-flow: column wrap;
  align-items: flex-start;
  width: 100%;
  height: 40vw;
  display: block;
  position: relative;
}

.h1 {
  float: none;
  clear: none;
  color: #2c2f2e;
  text-align: left;
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.125rem;
  font-weight: 300;
  line-height: 2.7625rem;
  display: block;
}

.image-row-66-66 {
  background-color: #000;
  background-image: url('../images/NAMENAME_CLS05.webp');
  background-position: 0%;
  background-size: cover;
  width: 66.66%;
  height: 40vw;
  padding-top: 40%;
  position: static;
}

.image-row-66-66.lob07 {
  background-image: url('../images/NAMENAME_LOB_09web.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-66-66.lob06 {
  background-image: url('../images/NAMENAME_LOB_14_web.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.image-row-66-66.lob03 {
  background-image: url('../images/NAMENAME_LOB03.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-66-66.lob01 {
  background-image: url('../images/NAMENAME_LOB01.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.image-row-66-66.cls06-slider {
  background-image: url('../images/NAMENAME_CLS11.webp');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row-66-66.ilw02 {
  background-image: url('../images/NAMENAME_ILW2022_tmue20220610a154.webp');
  background-repeat: no-repeat;
}

.image-row-66-66.ilw03 {
  background-image: url('../images/NAMENAME_ILW2022_tmue20220610a160.webp');
  background-position: 50%;
}

.image-row-66-66.ilw04 {
  background-image: url('../images/NAMENAME_ILW2022_tmue20220610a094.webp');
  background-position: 100% 100%;
}

.image-row-66-66.vav-row10 {
  background-image: url('../images/NAMENAME_VAV_15.webp');
  background-position: 50%;
}

.image-row-66-66.vav-row12 {
  background-image: url('../images/NAMENAME_VAV_Doku05.webp');
  background-position: 50%;
}

.image-75-alt {
  object-fit: fill;
  background-color: #000;
  width: 75%;
}

.textlink {
  color: #333;
  cursor: pointer;
  border-bottom: 1px solid #333333bf;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  transition: all .25s;
  display: inline-block;
}

.textlink:hover {
  opacity: 1;
  margin-bottom: -3px;
  padding-bottom: 3px;
}

.textlink.white {
  color: #fff;
  border-bottom-color: #fff;
}

.textlink.contact {
  color: #fff;
  border-bottom-style: none;
  border-bottom-width: 0;
  display: inline;
}

._1-image-horizontal {
  background-color: #000;
  width: 75%;
}

.content-2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 86%;
  padding: 30px;
  display: block;
  position: static;
  inset: 0;
  overflow: visible;
}

.content-2.center {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.slide-100-box {
  grid-column-gap: 30px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.slide-100 {
  padding-left: 15px;
  padding-right: 15px;
}

.slide-100.fullscreen {
  padding-left: 0;
  padding-right: 0;
}

.case-image {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 100px 30px;
  display: flex;
  position: relative;
}

.case-slider-row {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 100px 15px;
  display: flex;
  position: static;
  inset: 0;
  overflow: visible;
}

.quote {
  width: 602px;
}

.portrait-block {
  width: 33.33%;
  max-width: 620px;
}

.mix-cv {
  min-height: 200px;
  margin-top: 20px;
}

.ethos-background {
  z-index: 20;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: auto;
  right: auto;
}

.ethos-background.subpage {
  height: 100vh;
}

.contact-bg {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
}

.case-end {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-height: 66.66vh;
  margin-bottom: 30px;
  padding: 300px 30px 40px;
  display: flex;
}

.image-50 {
  object-fit: fill;
  width: 50%;
}

.introslide {
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: 0%;
}

.introslide.xbyz {
  background-image: url('../images/NAMENAME_xbyz_08.webp');
  background-position: 50%;
  background-size: cover;
}

.introslide.fsl {
  background-color: #ccc;
}

.introslide.bw {
  background-image: url('../images/NAMENAME_BW_01b.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.introslide.gwa {
  background-color: #000;
}

.gwaslide5 {
  background-image: url('../images/NAMENAME_GWA05.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 8px;
}

.creative-partners {
  color: #2c2f2e;
  margin-top: -3px;
  margin-left: 6px;
  font-size: 15px;
  font-weight: 300;
}

.creative-partners.white {
  color: #fff;
}

.gwaslide3 {
  background-image: url('../images/NAMENAME_GWA03.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.gwaslide2 {
  background-image: url('../images/NAMENAME_GWA02.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.introslider {
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  display: none;
  overflow: hidden;
}

.gwaslide1 {
  background-image: url('../images/NAMENAME_GWA01.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.gwaslide4 {
  background-image: url('../images/NAMENAME_GWA04.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 8px;
}

.more-block-2 {
  align-items: flex-end;
  margin-top: -4px;
  margin-right: 50px;
  text-decoration: none;
  display: flex;
}

.mask-gwa {
  height: 100%;
}

.canvas-ah {
  background-image: url('../images/AH-Website-Intro-2019.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 540px;
  height: 540px;
  padding: 0%;
  display: flex;
}

.slide-2 {
  background-color: #fff;
  height: 100vh;
}

.icon-2 {
  display: none;
}

.intro-bg-slider {
  z-index: 0;
  opacity: 1;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: static;
  overflow: hidden;
}

.menueicon {
  cursor: pointer;
  background-image: url('../images/icon_menu_contact_dark.svg');
  background-position: 0 0;
  background-size: contain;
  width: 58px;
  height: 23px;
  margin-top: -1px;
  transition: opacity .5s;
}

.menueicon:hover {
  opacity: .5;
}

.menueicon.white {
  background-image: url('../images/icon_menu_contact_white.svg');
  background-size: contain;
  display: block;
}

.mono {
  color: #2c2f2e;
  margin-left: 0;
  font-size: 15px;
  font-weight: 500;
}

.mono.white {
  color: #fff;
}

.rightarrowintro {
  z-index: 120;
  clear: none;
  cursor: default;
  background-color: #0000;
  width: 50%;
  height: 70%;
  display: block;
  position: absolute;
  overflow: visible;
}

.rightarrowintro.btn-slider-next {
  cursor: e-resize;
  position: relative;
}

.standard {
  color: #2c2f2e;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: .9375rem;
  font-weight: 300;
  line-height: 1.25rem;
}

.standard.white {
  color: #fff;
}

.description-2 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: -2px;
  margin-left: 15px;
  display: block;
}

.mask-4 {
  z-index: 100;
  width: 100vw;
  height: 100%;
  position: static;
}

.leftarrowintro {
  z-index: 120;
  cursor: default;
  width: 50%;
  height: 70%;
  display: block;
  position: absolute;
  overflow: visible;
}

.leftarrowintro.btn-slider-prev {
  cursor: w-resize;
  background-color: #bf7e6761;
  position: relative;
  top: 0;
}

.displayno {
  display: none;
  position: relative;
}

.intro-bg-slider-verworfen {
  z-index: 0;
  opacity: 1;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: static;
  overflow: hidden;
}

.counter-block-2 {
  float: left;
  clear: none;
  align-items: center;
  margin: 0 20px 10px 0;
  display: block;
  position: static;
}

.brandbox {
  align-items: flex-start;
  width: 208px;
  height: 20px;
  text-decoration: none;
  display: flex;
}

.namename {
  background-image: url('../images/NAMENAME_dark.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 92px;
  height: 11px;
}

.namename.white {
  background-image: url('../images/NAMENAME_white.svg');
  background-size: contain;
}

.container-nav {
  z-index: 100;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.head {
  z-index: 999;
  background-color: #0000;
  justify-content: space-between;
  width: 100%;
  height: 7vh;
  min-height: 7vh;
  padding: 30px 30px 0;
  display: flex;
  position: static;
}

.slidergwa {
  z-index: 99;
  background-color: #0000;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: block;
}

.arrowdown-2 {
  background-image: url('../images/button_arrow_dark.svg');
  background-position: 0 0;
  background-size: contain;
  align-self: auto;
  width: 23px;
  height: 23px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 8px;
  padding-top: 0;
}

.arrowdown-2.white {
  background-image: url('../images/button_arrow_white.svg');
  background-size: contain;
  width: 23px;
  height: 23px;
  margin-top: 0;
}

.foot-2 {
  z-index: auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 7%;
  min-height: 7%;
  padding: 5px 30px 0;
  display: flex;
  position: static;
  inset: 0 0% 0%;
  overflow: visible;
}

.foot-2.introfoot {
  min-height: auto;
  padding-bottom: 20px;
}

.slider50 {
  background-color: #0000;
  width: 50%;
  height: 100%;
  overflow: visible;
}

.slider25 {
  background-color: #0000;
  width: 25%;
  height: 100%;
  overflow: visible;
}

.video-row-66-66 {
  width: 66.66%;
}

.block-notes {
  flex: 1;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.sticky-note {
  max-width: 350px;
  margin-bottom: 4px;
  position: sticky;
  top: 50%;
}

.bgvideo-slider-row {
  object-position: 0% 0%;
  width: 100%;
  height: 100%;
}

.rhizomeimg {
  justify-content: center;
  align-items: center;
  width: 66.66%;
  height: 66.66vh;
  display: flex;
  overflow: hidden;
}

.rhizomimg-zoom {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100%;
}

.imgbw01 {
  background-image: url('../images/NAMENAME_BW_01b.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 66.66%;
  display: block;
}

.background-video-3 {
  width: 100%;
  height: 100%;
}

.contact-video {
  width: 50%;
  height: 100%;
}

.contact-bgvideo {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.svs01, .svs02, .svs03 {
  width: 15%;
  margin-left: 2%;
  margin-right: 2%;
}

.the01 {
  background-color: var(--nn-grey-15);
  width: 16.5%;
  position: absolute;
  inset: 3% auto auto 0%;
}

.the02 {
  width: 15%;
  position: absolute;
  inset: 18.7% auto auto 20.2%;
}

.the03 {
  border-radius: 10px;
  width: 15%;
  position: absolute;
  inset: 1.2% 20.2% auto auto;
}

.the04 {
  width: 16.5%;
  position: absolute;
  inset: 1.2% 3% auto auto;
}

.the05 {
  width: 16.5%;
  position: absolute;
  inset: 41% -2% auto auto;
}

.theimg01 {
  background-image: url('../images/NAMENAME_THE_Paper01a2.webp');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.theimg02 {
  background-image: url('../images/NAMENAME_THE_02.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.theimg03 {
  background-image: url('../images/NAMENAME_THE_01.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.theimg04 {
  background-image: url('../images/NAMENAME_THE_PaperB.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.theimg05 {
  background-image: url('../images/NAMENAME_THE_Paper02B.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.bj01 {
  background-color: #000;
  width: 14.5%;
  position: absolute;
  inset: 3.7% auto auto 4.3%;
}

.bj02 {
  width: 22.6%;
  position: absolute;
  inset: auto 29.1% 7.8% auto;
}

.bj03 {
  border-radius: 10px;
  width: 8%;
  position: absolute;
  inset: 32.4% -2.5% auto auto;
}

.bj04 {
  width: 15.1%;
  position: absolute;
  inset: auto auto 18.9% 9.1%;
}

.bj05 {
  width: 13.7%;
  position: absolute;
  inset: 16% 32.3% auto auto;
}

.bj06b {
  width: 9.2%;
  position: absolute;
  inset: 44.9% 12.2% auto auto;
}

.bjimg03 {
  background-image: url('../images/NAMENAME_BJ_06_lo-res.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.bjimg04 {
  background-image: url('../images/NAMENAME_BJ_01_lo-res.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 125%;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 66.6%;
  display: block;
}

.bjimg05 {
  background-image: url('../images/NAMENAME_BJ_13_lo-res.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 70.5%;
  display: block;
}

.bjimg06b {
  background-image: url('../images/NAMENAME_BJ_10_lor-res.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.bj07 {
  width: 14%;
  position: absolute;
  inset: 24.6% auto auto -4.5%;
}

.bj09 {
  width: 12.1%;
  display: block;
  position: absolute;
  inset: auto auto -3% 3.3%;
}

.bj10 {
  width: 7.2%;
  position: absolute;
  inset: auto 3.4% 2.5% auto;
}

.bj11 {
  width: 11.9%;
  position: absolute;
  inset: 31.9% auto auto 27.9%;
}

.bjimg07 {
  background-image: url('../images/NAMENAME_BJ_09_lo-res.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 66.66%;
  display: block;
}

.bjimg09 {
  background-image: url('../images/NAMENAME_BJ_20_lo-res.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 56.25%;
  display: block;
}

.bjimg10 {
  background-image: url('../images/NAMENAME_BJ_21_lo-res.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 75%;
  display: block;
}

.bjimg11 {
  background-image: url('../images/NAMENAME_BJ_05_lo-res.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 75%;
  display: block;
}

.bj08 {
  width: 19%;
  position: absolute;
  inset: 4.1% 3.1% auto auto;
}

.slider-replacement-mobile {
  display: none;
}

.block-2-images {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

._2-images-left {
  background-color: #ccc;
  width: 50%;
  margin-right: 15px;
}

.cls-12 {
  background-image: url('../images/NAMENAME_CLS12b.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 125%;
  display: block;
}

._2-images-right {
  background-color: #ccc;
  width: 50%;
  margin-left: 15px;
}

.case-2-images {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 100px 30px;
  display: flex;
  position: static;
  inset: 0;
  overflow: visible;
}

.case-2-images.displayno {
  display: none;
}

.cls01 {
  width: 10.2%;
  position: absolute;
  inset: 25% auto auto 0%;
}

.clsimg01 {
  background-image: url('../images/NAMENAME_CLS-Cards-01_lores.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 80%;
  display: block;
}

.cls02 {
  width: 15%;
  position: absolute;
  inset: 47.5% auto auto 3.5%;
}

.clsimg02 {
  background-image: url('../images/CreativeLeadershipSalonN°8–27_web.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 125%;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 75%;
  display: block;
}

.cls03 {
  border-radius: 10px;
  width: 15.6%;
  position: absolute;
  inset: 71% auto auto -1.5%;
}

.cls04 {
  width: 7.8%;
  position: absolute;
  inset: 61% auto auto 23%;
}

.clsimg04 {
  background-image: url('../images/NAMENAME_CLS16.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 100%;
  display: block;
}

.cls06 {
  width: 10.2%;
  position: absolute;
  inset: 77% auto auto 17.2%;
}

.cls07 {
  width: 10.6%;
  position: absolute;
  inset: auto auto -4% 33%;
}

.clsimg07 {
  background-image: url('../images/NAMENAME_CLS-Logo-05.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 100%;
  display: block;
}

.clsimg06 {
  background-image: url('../images/NAMENAME_CLS09.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 160%;
  display: block;
}

.cls08 {
  width: 19.8%;
  position: absolute;
  inset: auto 20.6% -4.5% auto;
}

.clsimg08 {
  background-image: url('../images/NAMENAME_CLS05.webp');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 66.66%;
  display: block;
}

.cls09 {
  width: 7.8%;
  position: absolute;
  inset: auto 2.6% 6% auto;
}

.clsimg09 {
  background-image: url('../images/NAMENAME_CLS17.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 143%;
  display: block;
}

.cls10 {
  border-radius: 10px;
  width: 11.8%;
  position: absolute;
  inset: auto 12.8% 22% auto;
}

.cls10.vimeo {
  right: 30%;
}

.cls11 {
  width: 11.8%;
  position: absolute;
  inset: auto -1.5% 34.1% auto;
}

.clsimg11 {
  background-image: url('../images/NAMENAME_CLS10.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 177%;
  display: block;
}

.imge66 {
  object-fit: fill;
  background-color: #000;
  width: 66.66%;
}

.swimgposter {
  background-image: url('../images/NAMENAME_SammlungWalter10.webp');
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  padding-top: 56.25%;
}

.slider-case-fullscreen {
  text-align: left;
  background-color: #0000;
  flex-flow: column wrap;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  display: block;
  position: relative;
}

.slide-100-image {
  background-color: #f0f0f0;
  width: 100%;
  height: 100vh;
}

.slide-100-image.sw24 {
  background-image: url('../images/NAMENAME_SammlungWalter24.webp');
  background-position: 50% 0;
  background-size: cover;
}

.slide-100-image.sw25 {
  background-image: url('../images/NAMENAME_SammlungWalter25.webp');
  background-position: 50%;
  background-size: cover;
}

.slide-100-image.sw27 {
  background-image: url('../images/NAMENAME_SammlungWalter27.webp');
  background-position: 50%;
  background-size: cover;
}

.slide-100-image.sw26 {
  background-image: url('../images/NAMENAME_SammlungWalter26.webp');
  background-position: 50%;
  background-size: cover;
}

.slide-100-image.sw28 {
  background-image: url('../images/NAMENAME_SammlungWalter28.webp');
  background-position: 50%;
  background-size: cover;
}

.slide-100-image.sw25 {
  background-image: url('../images/NAMENAME_SammlungWalter27.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-100-image.sw26 {
  background-image: url('../images/NAMENAME_SammlungWalter25.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-100-image.sw27 {
  background-image: url('../images/NAMENAME_SammlungWalter26.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-100-image.sw28 {
  background-image: url('../images/NAMENAME_SammlungWalter28.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-100-image.sw20 {
  background-color: #fff;
  background-image: url('../images/NAMENAME_SammlungWalter16.webp');
  background-position: 50%;
  background-repeat: no-repeat;
}

.slide-100-image.sw21 {
  background-color: #fff;
  background-image: url('../images/NAMENAME_SammlungWalter17.webp');
  background-position: 50%;
  background-repeat: no-repeat;
}

.slide-100-image.sw22 {
  background-color: #fff;
  background-image: url('../images/NAMENAME_SammlungWalter18.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 90%;
}

.slide-100-image.sw23 {
  background-color: #fff;
  background-image: url('../images/NAMENAME_SammlungWalter31.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 90%;
}

.slide-100-image.vav01 {
  background-color: #fff;
  background-image: url('../images/NAMENAME_VAV_17neu-lores.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-100-image.vav02 {
  background-color: #fff;
  background-image: url('../images/NAMENAME_VAV_36neu-lores.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-25 {
  object-fit: fill;
  background-color: #000;
  width: 25%;
}

.image-75 {
  background-color: #fff;
}

.sw01 {
  background-color: #0000;
  width: 30%;
  height: auto;
  position: absolute;
  inset: 15.7% auto auto -11%;
}

.sw01slide {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  padding-bottom: 0;
  padding-right: 0;
}

.swimg01 {
  background-image: url('../images/NAMENAME_SammlungWalter10.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 56.25%;
  display: block;
}

.swimg01-b {
  background-image: url('../images/NAMENAME_SammlungWalter30.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 56.25%;
  display: block;
}

.sw02 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--nn-black);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 23%;
  height: auto;
  position: fixed;
  inset: 5.2% 3.6% auto auto;
}

.sw03 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--nn-black);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 18.9%;
  height: auto;
  position: fixed;
  inset: auto 13% -6% auto;
}

.swimg03 {
  background-image: url('../images/NAMENAME_SW_Teaser.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 56.25%;
  display: block;
}

.sw04 {
  width: 17%;
  position: absolute;
  inset: 56.9% auto auto 8.75%;
}

.swimg04 {
  background-image: url('../images/NAMENAME_SammlungWalter32.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 66.66%;
  display: block;
}

.sw05 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 15.9%;
  height: auto;
  position: fixed;
  inset: 22% 30.9% auto auto;
}

.sw05slide {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  padding-bottom: 0;
  padding-right: 0;
}

.swimg05 {
  background-image: url('../images/NAMENAME_SammlungWalter40.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.swimg05-b {
  background-image: url('../images/NAMENAME_SammlungWalter37.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.sw06 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 10.3%;
  height: auto;
  position: fixed;
  inset: 44% -1% auto auto;
}

.sw06slide {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  padding-bottom: 0;
  padding-right: 0;
}

.swimg06 {
  background-image: url('../images/NAMENAME_SammlungWalter22.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 150%;
  display: block;
}

.swimg06-b {
  background-image: url('../images/NAMENAME_SammlungWalter23.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 150%;
  display: block;
}

.intro {
  z-index: 500;
}

.intro-animation {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.intro-box-01 {
  z-index: 510;
  background-color: #f12f7a;
  background-image: url('../images/NAMENAME_BJ_05_lo-res.webp');
  background-position: 50%;
  background-size: cover;
  width: 10%;
  height: 10%;
  position: absolute;
  top: 45%;
  left: 45%;
}

.intro-box-02 {
  z-index: 511;
  background-color: #45e7a1;
  background-image: url('../images/NAMENAME-Reframing-Slide30.webp');
  background-position: 50%;
  background-size: cover;
  width: 15%;
  height: 15%;
  position: absolute;
  top: 42.5%;
  left: 42.5%;
}

.intro-box-03 {
  z-index: 511;
  background-color: #5961b9;
  width: 20%;
  height: 20%;
  position: absolute;
  top: 40%;
  left: 40%;
}

.intro-box-04 {
  z-index: 511;
  background-color: #e7c118;
  background-image: url('../images/CS20190619-IMG-Genussmarken_262_sv-sw_web.webp');
  background-position: 50%;
  background-size: cover;
  width: 25%;
  height: 25%;
  position: absolute;
  top: 37.5%;
  left: 37.5%;
}

.intro-box-05 {
  z-index: 511;
  background-color: #f05cc3;
  width: 30%;
  height: 30%;
  position: absolute;
  top: 35%;
  left: 35%;
}

.intro-box-06 {
  z-index: 511;
  background-color: #9fb461;
  width: 35%;
  height: 35%;
  position: absolute;
  top: 32.5%;
  left: 32.5%;
}

.intro-box-07 {
  z-index: 511;
  background-color: #6eb6ac;
  background-image: url('../images/NAMENAME_GWA04.webp');
  background-position: 50%;
  background-size: cover;
  width: 40%;
  height: 40%;
  position: absolute;
  top: 30%;
  left: 30%;
}

.intro-box-08 {
  z-index: 511;
  background-color: #e05454;
  width: 45%;
  height: 45%;
  position: absolute;
  top: 27.5%;
  left: 27.5%;
}

.intro-box-10 {
  z-index: 511;
  background-color: #1349cf;
  width: 50%;
  height: 50%;
  position: absolute;
  top: 25%;
  left: 25%;
}

.intro-box-11 {
  z-index: 511;
  background-color: #d1a770;
  background-image: url('../images/NAMENAME_Trai_01.webp');
  background-position: 50%;
  background-size: cover;
  width: 55%;
  height: 55%;
  position: absolute;
  top: 22.5%;
  left: 22.5%;
}

.intro-box-12 {
  z-index: 511;
  background-color: #accf74;
  width: 60%;
  height: 60%;
  position: absolute;
  top: 20%;
  left: 20%;
}

.intro-box-13 {
  z-index: 511;
  background-color: #29796e;
  width: 65%;
  height: 65%;
  position: absolute;
  top: 17.5%;
  left: 17.5%;
}

.intro-box-14 {
  z-index: 511;
  background-color: #5b2775;
  width: 70%;
  height: 70%;
  position: absolute;
  top: 15%;
  left: 15%;
}

.intro-box-15 {
  z-index: 511;
  background-color: #d33232;
  background-image: url('../images/NAMENAME-KU_Kongress2020_01b.webp');
  background-position: 50%;
  background-size: cover;
  width: 75%;
  height: 75%;
  position: absolute;
  top: 12.5%;
  left: 12.5%;
}

.intro-box-16 {
  z-index: 511;
  background-color: #cad369;
  width: 80%;
  height: 80%;
  position: absolute;
  top: 10%;
  left: 10%;
}

.intro-box-17 {
  z-index: 511;
  background-color: #1c9659;
  width: 85%;
  height: 85%;
  position: absolute;
  top: 7.5%;
  left: 7.5%;
}

.intro-box-18 {
  z-index: 511;
  background-color: #2f5a8f;
  width: 90%;
  height: 90%;
  position: absolute;
  top: 5%;
  left: 5%;
}

.intro-box-19 {
  z-index: 511;
  width: 95%;
  height: 95%;
  position: absolute;
  top: 2.5%;
  left: 2.5%;
}

.intro-box-20 {
  z-index: 511;
  background-image: url('../images/NAMENAME_SammlungWalter26.webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.intro-box-21 {
  z-index: 511;
  background-image: url('../images/NAMENAME_CLS05.webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.intro-box-22 {
  z-index: 511;
  background-image: url('../images/NAMEANEM_ILW_Poster-Row_lores.webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.intro-box-23 {
  z-index: 511;
  background-image: url('../images/GHB01b.webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.intro-box-24 {
  z-index: 511;
  background-image: url('../images/NAMENAME_xbyz_08.webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.intro-box-25 {
  z-index: 511;
  background-image: url('../images/Sammlung-Walter-WMR-004_Foto_ChristophSchaller_e.webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.intro-box-26 {
  z-index: 511;
  background-image: url('../images/tmue20220610a179-615x410.webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.intro-box-27 {
  z-index: 511;
  background-image: url('../images/NAMENAME_VAV_17_Web.webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.intro-box-28 {
  z-index: 511;
  background-image: url('../images/BPD_book_01b_sv.webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.intro-box-29 {
  z-index: 511;
  background-color: #bd6060;
  background-image: url('../images/NAMENAME_BH_01.webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.underline {
  text-decoration: underline;
  display: inline;
}

.deletefirstmargin {
  width: 600px;
  height: 0;
  margin-bottom: -25%;
  padding-top: 0%;
  padding-bottom: 0%;
  display: none;
}

.wsws01, .clsjournal {
  width: 100%;
  height: 100vh;
  position: fixed;
  inset: 0% auto auto 0%;
}

.intro-overlay-canvas {
  z-index: 9999;
  letter-spacing: -6px;
  cursor: none;
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  overflow: hidden;
}

.nnwordmark-overlay {
  background-image: url('../images/NN23wordmark-rapport.svg');
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: 6%;
  width: 1600%;
  min-height: 11.6vw;
  margin-left: -796%;
}

.cp-overlay {
  letter-spacing: 0;
  width: 100%;
  margin-top: 1%;
  padding-left: 3vw;
}

.intro-overlay-headline {
  letter-spacing: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: -90px;
  display: flex;
}

.intro-part1 {
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-bottom: 0;
  display: flex;
}

.intro-part2 {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.plus-button-circle-heartbeat {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 31px;
  height: 31px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 2px #2c2f2e33;
}

.plus-button-circle-heartbeat.cursor {
  box-shadow: none;
  background-color: #0000;
}

.plus-button-circle-heartbeat.inline {
  z-index: 2;
  position: absolute;
  transform: none;
}

.menu-block-bg {
  background-color: #fff;
  width: 0%;
  height: 45px;
  margin-top: -45px;
}

.menu-block-text {
  align-items: center;
  width: auto;
  height: 45px;
  padding-left: 9px;
  padding-right: 9px;
  display: flex;
}

.cursor-wrapper {
  z-index: 999999;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.inner-cross {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  display: flex;
}

.outer-circle {
  background-color: #fff;
  border-radius: 50%;
  width: 31px;
  height: 31px;
  position: absolute;
  box-shadow: 0 0 4px #2c2f2e33;
}

.plus-button-cross {
  background-image: url('../images/NN_icon_plus.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 19px 19px;
  width: 31px;
  height: 31px;
  position: absolute;
}

.plus-button-cross._45degree {
  transform: rotate(45deg);
}

.imprint-list {
  flex-flow: wrap;
  place-content: flex-start center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.imprint-block2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.imprint-bottom {
  height: 50vh;
}

.nnwordmark-overlay-hover-delay {
  z-index: 10;
  cursor: none;
  width: 100%;
  min-height: 11.6vw;
  margin-top: -11.6vw;
  position: relative;
}

.regular {
  font-weight: 400;
}

.imprint-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 50vh;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.imprint-highlight {
  text-decoration: underline;
}

.plus-button-circle {
  background-color: #fff;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 31px;
  height: 31px;
  display: none;
  overflow: hidden;
  box-shadow: 0 0 1px #2c2f2e33;
}

.plus-button-circle.inline {
  z-index: 1;
  border-radius: 50%;
  display: none;
  position: absolute;
  transform: none;
  box-shadow: 0 0 2px #2c2f2e33;
}

.plus-button-circle.inline.display {
  display: block;
}

.plus-button-circle.display {
  display: flex;
}

.video-row-33-333 {
  width: 33.33%;
}

.case-button {
  cursor: pointer;
  height: 26px;
  display: none;
}

.button-box {
  justify-content: center;
  align-items: center;
  width: 31px;
  height: 31px;
  display: flex;
  position: absolute;
}

.big-text-button-box {
  justify-content: center;
  align-items: center;
  width: 31px;
  height: 31px;
  margin-top: 10px;
  margin-left: -1px;
  display: inline-block;
  position: absolute;
}

.div-block-19 {
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.snippet-slider {
  background-color: #ddd0;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 30px;
  display: block;
  overflow: hidden;
}

.case-text-block {
  width: 50%;
}

.case-slider-placeholder-mobile {
  display: none;
}

.bat01 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 20%;
  height: auto;
  position: relative;
  inset: 27% 10% auto auto;
}

.batimg01 {
  background-image: url('../images/Arbeiter-Bataillard-1937.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 75%;
  display: block;
}

.batimg02 {
  background-color: var(--bronzegold);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 75%;
  display: block;
}

.bat02 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 20%;
  height: auto;
  position: relative;
  inset: 37% 10% auto 10px;
}

.asso02 {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  width: 100vw;
  height: 100vh;
}

.asso-frame01-key {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 10% auto auto 40%;
}

.asso-frame02 {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 15% auto auto 45%;
}

.asso-frame03 {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 20% auto auto 50%;
}

.asso-frame04 {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 25% auto auto 55%;
}

.asso-frame05 {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 30% auto auto 60%;
}

.asso-frame06 {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 35% auto auto 65%;
}

.asso-frame07-key {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 40% auto auto 70%;
}

.asso-frame13-key {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 70% auto auto 40%;
}

.asso-frame12 {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 65% auto auto 45%;
}

.asso-frame11 {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 60% auto auto 50%;
}

.asso-frame10 {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 55% auto auto 55%;
}

.asso-frame09 {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 50% auto auto 60%;
}

.asso-frame08 {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 45% auto auto 65%;
}

.asso-frame14 {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 65% auto auto 35%;
}

.asso-frame15 {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 60% auto auto 30%;
}

.asso-frame16 {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 55% auto auto 25%;
}

.asso-frame17 {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 50% auto auto 20%;
}

.asso-frame18 {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 45% auto auto 15%;
}

.asso-frame19-key {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 40% auto auto 10%;
}

.asso-frame20 {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 35% auto auto 15%;
}

.asso-frame21 {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 30% auto auto 20%;
}

.asso-frame22 {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 25% auto auto 25%;
}

.asso-frame23 {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 20% auto auto 30%;
}

.asso-frame24 {
  background-color: #000;
  background-image: url('../images/Assoziationsspaziergang_1-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: 15% auto auto 35%;
}

.vimeo-wrapper {
  width: 100%;
  height: 100%;
  padding-top: 125%;
}

.html-embed-2 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-22 {
  background-image: url('../images/NAMENAME_VAV_45_lores.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 62.5%;
}

.vavslider-workshop01 {
  background-image: url('../images/NAMENAME_VAV_Map01.webp');
  background-position: 50%;
  background-size: cover;
  padding-top: 75%;
}

.vavslider-workshop02 {
  background-image: url('../images/NAMENAME_VAV_Workshop05_4-3.webp');
  background-position: 50%;
  background-size: cover;
  padding-top: 75%;
}

.vavslider-workshop03 {
  background-image: url('../images/NAMENAME_VAV_Workshop06_4-3.webp');
  background-position: 50%;
  background-size: cover;
  padding-top: 75%;
}

.vavslider-workshop04 {
  background-image: url('../images/NAMENAME_VAV_Workshop01b.webp');
  background-position: 50%;
  background-size: cover;
  padding-top: 75%;
}

.prptl01 {
  background-image: url('../images/NAMENAME_PRPTL_Print_05.webp');
  background-position: 100%;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 0%;
}

.prptl-slider {
  background-color: #0000;
  width: 100%;
  height: 100vh;
}

.prptl02 {
  background-color: #fff;
  background-image: url('../images/NAMENAME_PRPTL_Emoji_03c.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 0%;
}

.prptl03 {
  background-image: url('../images/NAMENAME_PRPTL_Print_01.webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 0%;
}

.prptl05 {
  background-image: url('../images/NAMENAME_PRPTL_Print_10b.webp'), url('../images/NAMENAME_PRPTL_Print_10.webp');
  background-position: 50%, 50%;
  background-size: cover, cover;
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 0%;
}

.lobmockup {
  background-image: url('../images/NAMENAME_LOB_17_lores.webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-top: 125%;
}

.image-75-neu {
  width: 75%;
}

.lob05 {
  width: 13.8%;
  position: absolute;
  inset: 19.3% auto auto 12.8%;
}

.lobimg05 {
  background-image: url('../images/NAMENAME_LOB_17_lores.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.lob06 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 24.2%;
  height: auto;
  position: fixed;
  inset: 14.1% 15.3% auto auto;
}

.ilwimg04 {
  background-image: url('../images/NAMENAME_ILW2022_tmue20220610a154.webp');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 66%;
}

.ilw06 {
  width: 31%;
  position: absolute;
  top: 26%;
  bottom: auto;
  left: 74.4%;
}

.ilwimg06 {
  background-image: url('../images/NAMEANEM_ILW_Poster-Row_lores.webp');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 66.66%;
  display: block;
}

.ilwimg03 {
  background-image: url('../images/NAMENAME_ILW_SocialMedia-01.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 100%;
  display: block;
}

.ilwimg05 {
  background-image: url('../images/NAMENAME_ILW_SocialMedia-01.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 100%;
  display: block;
}

.ilw07 {
  width: 16%;
  position: absolute;
  inset: 0% auto auto 63%;
}

.block-tags-menu {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: center;
  width: 100%;
  max-width: 340px;
  height: 45px;
  margin-left: -12px;
  display: flex;
}

.tag-pill {
  cursor: pointer;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 26px;
  margin-left: 1px;
  margin-right: 1px;
  padding: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 2px #2c2f2e33;
}

.tag-pill.sn {
  justify-content: flex-start;
  width: 0;
  display: flex;
}

.tag-pill.cd {
  cursor: pointer;
  width: 0;
  display: flex;
}

.tag-pill.ie, .tag-pill.tt {
  width: 0;
  display: flex;
}

.tag-text-block {
  align-items: center;
  height: 26px;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}

.box-level1 {
  width: 532px;
  display: flex;
}

.tsm01 {
  width: 15%;
  position: absolute;
  inset: auto auto -2% 2.3%;
}

.tsm02 {
  width: 12.4%;
  position: absolute;
  inset: 55.3% auto auto 23.4%;
}

.tsm03 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 13.1%;
  height: auto;
  position: fixed;
  top: 21.4%;
  bottom: auto;
  left: 11.8%;
}

.tsm04 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 25.7%;
  height: auto;
  position: fixed;
  inset: 4.7% 12.7% auto auto;
}

.tsm05 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 32%;
  height: auto;
  position: fixed;
  inset: 34.6% auto auto 74%;
}

.tsmimg01 {
  background-image: url('../images/NAMENAME_TSM_Instagram_Feed-B_4-5_lores.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.tsmimg05 {
  background-image: url('../images/NAMENAME_TSM_Stationary_16-9_lores.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 56.25%;
  display: block;
}

.client-list {
  width: 50%;
  max-width: 600px;
}

.section-clients {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100vw;
  margin-bottom: 49.5vh;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.sticky-box {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: sticky;
  top: 49.9%;
}

.contact-button {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  margin-top: 20px;
  display: flex;
}

.case-button-text {
  overflow: hidden;
}

.bg-video-landscape {
  width: 100%;
  height: 100%;
}

.vav-img-12 {
  width: 100%;
  height: auto;
  padding-top: 66.66%;
}

.vav-img02 {
  background-image: url('../images/NAMENAME_VAV_Workshop01b.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 66.66%;
}

.vav-img03 {
  background-image: url('../images/NAMENAME_VAV_Workshop05c_lores.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  padding-top: 66.66%;
}

.vav-img15 {
  background-image: url('../images/NAMENAME_VAV_12.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  padding-top: 66.66%;
}

.vav-img16 {
  background-image: url('../images/NAMENAME_VAV_59b.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  padding-top: 66.66%;
}

.vav-img21 {
  background-image: url('../images/NAMENAME_VAV_Doku04_lores.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  padding-top: 66.66%;
}

.vav-img23 {
  background-image: url('../images/VAV-Doku-Brandguide_web4.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 66.66%;
  display: block;
}

.vav-img11 {
  background-image: url('../images/NAMENAME_VAV_28_lores.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 66.66%;
  display: block;
}

.exe01 {
  width: 12%;
  position: absolute;
  inset: 15% auto auto 11%;
}

.exe02 {
  width: 12%;
  position: absolute;
  inset: 61% 16% auto auto;
}

.exe03 {
  width: 12%;
  position: absolute;
  inset: auto auto 10% 5%;
}

.bat-slider {
  background-color: #0000;
  width: 100%;
  height: 100vh;
}

.bat01b {
  opacity: .5;
  background-image: url('../images/Arbeiter-Bataillard-1937.jpeg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 0%;
}

.ethos-box {
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: sticky;
  top: 45vh;
}

.menu-bar-tag-notes-wrap {
  z-index: 20;
  background-color: #fff;
  width: auto;
  height: 260px;
  position: absolute;
  overflow: hidden;
}

.menu-bar-tag-notes-wrap.en {
  z-index: 40;
}

.block-cross-card {
  z-index: 100;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.trigger-hover-cta {
  z-index: 5;
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.slide-snippet, .slide-snippet.end {
  width: 100%;
}

.snippet {
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 55%;
}

.snippet._01 {
  background-image: url('../images/Snippet-–-1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._02 {
  background-image: url('../images/Snippet-–-2.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._03 {
  background-image: url('../images/Snippet-–-3.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._04 {
  background-image: url('../images/Snippet-–-4.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._05 {
  background-image: url('../images/Snippet-–-5.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._06 {
  background-image: url('../images/Snippet-–-6.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._07 {
  background-image: url('../images/Snippet-–-7.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._08 {
  background-image: url('../images/Snippet-–-8.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._09 {
  background-image: url('../images/Snippet-–-9.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._10 {
  background-image: url('../images/Snippet-–-10.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._11 {
  background-image: url('../images/Snippet-–-11.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._12 {
  background-image: url('../images/Snippet-–-12.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._13 {
  background-image: url('../images/Snippet-–-13.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._14 {
  background-image: url('../images/Snippet-–-14.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._15 {
  background-image: url('../images/Snippet-–-15.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._16 {
  background-image: url('../images/Snippet-–-16.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._17 {
  background-image: url('../images/Snippet-–-17.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._18 {
  background-image: url('../images/Snippet-–-18.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._19 {
  background-image: url('../images/Snippet-–-19.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._20 {
  background-image: url('../images/Snippet-–-20.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._21 {
  background-image: url('../images/Snippet-–-21.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._22 {
  background-image: url('../images/Snippet-–-84.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._23 {
  background-image: url('../images/Snippet-–-23.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._24 {
  background-image: url('../images/Snippet-–-24.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._25 {
  background-image: url('../images/Snippet-–-25.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._26 {
  background-image: url('../images/Snippet-–-26.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._27 {
  background-image: url('../images/Snippet-–-27.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._28 {
  background-image: url('../images/Snippet-–-28.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._29 {
  background-image: url('../images/Snippet-–-29.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._30 {
  background-image: url('../images/Snippet-–-30.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._31 {
  background-image: url('../images/Snippet-–-125.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._35 {
  background-image: url('../images/Snippet-–-81.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._33 {
  background-image: url('../images/Snippet-–-33.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._34 {
  background-image: url('../images/Snippet-–-34.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._36 {
  background-image: url('../images/Snippet-–-36.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._37 {
  background-image: url('../images/Snippet-–-37.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._38 {
  background-image: url('../images/Snippet-–-38.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._39 {
  background-image: url('../images/Snippet-–-39.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._40 {
  background-image: url('../images/Snippet-–-40.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._41 {
  background-image: url('../images/Snippet-–-41.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._42 {
  background-image: url('../images/Snippet-–-42.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._43 {
  background-image: url('../images/Snippet-–-43.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._44 {
  background-image: url('../images/Snippet-–-44.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._45 {
  background-image: url('../images/Snippet-–-45.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._46 {
  background-image: url('../images/Snippet-–-46.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._47 {
  background-image: url('../images/Snippet-–-47.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._48 {
  background-image: url('../images/Snippet-–-48.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._49 {
  background-image: url('../images/Snippet-–-49.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._48-copy {
  background-image: url('../images/Snippet-–-50.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._51 {
  background-image: url('../images/Snippet-–-51.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._52 {
  background-image: url('../images/Snippet-–-52.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._53 {
  background-image: url('../images/Snippet-–-53.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._54 {
  background-image: url('../images/Snippet-–-54.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._55 {
  background-image: url('../images/Snippet-–-55.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._56 {
  background-image: url('../images/Snippet-–-56.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._57 {
  background-image: url('../images/Snippet-–-57.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._58 {
  background-image: url('../images/Snippet-–-58.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._59 {
  background-image: url('../images/Snippet-–-59.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._60 {
  background-image: url('../images/Snippet-–-105.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._61 {
  background-image: url('../images/Snippet-–-61.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._62 {
  background-image: url('../images/Snippet-–-62.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._63 {
  background-image: url('../images/Snippet-–-63.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._64 {
  background-image: url('../images/Snippet-–-64.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.snippet._32b {
  background-image: url('../images/Snippet-–-32.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
}

.mask-6 {
  width: 12.5%;
  overflow: visible;
}

.end-slide-box {
  width: 12.5%;
}

.div-block-26 {
  width: 800%;
  display: flex;
}

.blurred-border {
  z-index: 20;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  margin-top: -20px;
  display: flex;
  position: absolute;
}

.blurred-border-blur {
  background-image: linear-gradient(to right, #e7e7e7 41%, #e7e7e700);
  width: 15px;
  height: 100%;
}

.blurred-border-blur.right {
  background-image: linear-gradient(270deg, #e7e7e7 33%, #e7e7e700);
}

.closeabstract-button-copy {
  box-shadow: none;
  cursor: pointer;
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 59px;
  height: 26px;
  padding-top: 7px;
  padding-left: 6px;
  padding-right: 6px;
  display: inline-block;
  overflow: hidden;
  transform: translate(0, 3px);
}

.closeabstract-button-copy.card.getintouch {
  z-index: 20;
  box-shadow: none;
  min-width: 104px;
  height: 30px;
  margin-left: -1px;
  padding-top: 2px;
  position: relative;
}

.togglebutton {
  background-color: #e9e9e9;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 100px;
  height: 40px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.togglebuttonimage {
  opacity: 0;
  background-color: #50e461;
  border-radius: 50px;
  width: 100px;
  height: 40px;
  position: absolute;
}

.buttontoggle {
  z-index: 2;
  background-color: #fff;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  margin-left: 4px;
  margin-right: 4px;
  position: relative;
}

.togglebuttontext {
  opacity: 0;
  background-color: #50e461;
  border-radius: 50px;
  width: 100px;
  height: 40px;
  position: absolute;
}

.togglebutton-wrap {
  background-color: #e9e9e9;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 100px;
  height: 40px;
  text-decoration: none;
  display: none;
  position: relative;
}

.block-read-less-button {
  margin-left: -2px;
  display: inline;
}

.menu-block-socialmedia {
  text-align: left;
  cursor: pointer;
  border-left: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 93px;
  min-width: 93px;
  height: 45px;
  display: block;
  overflow: hidden;
}

.menu-block-socialmedia.socialmedia {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 242px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.icon-socialmedia {
  display: none;
}

.safari-workaround {
  opacity: 0;
  color: var(--nn-black);
  letter-spacing: -5px;
  width: 0;
  max-width: 0;
  margin-left: 0;
  margin-right: -4px;
  font-family: Zurich Std Black, Arial, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 900;
  line-height: 15px;
  display: inline;
  overflow: hidden;
}

.bg-video-portrait {
  width: 100%;
  height: 100%;
  display: none;
}

.closeabstract-button-copy {
  cursor: pointer;
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 59px;
  height: 26px;
  padding-top: 7.5px;
  padding-left: 6px;
  padding-right: 6px;
  display: inline-block;
  overflow: hidden;
  transform: translate(0, 3px);
  box-shadow: 0 0 2px #2c2f2e33;
}

.closeabstract-button-copy.card {
  border: 1px solid var(--nn-black);
  text-align: center;
  background-color: #0000;
  width: auto;
  margin-top: 0;
  padding-right: 11px;
  overflow: hidden;
}

.closeabstract-button-copy.card.getintouch {
  z-index: 200;
  box-shadow: none;
  min-width: 104px;
  height: 30px;
  margin-left: -1px;
  padding-top: 2px;
  padding-left: 11px;
  position: relative;
}

.closeabstract-button-copy.card.kontakt {
  z-index: 200;
  box-shadow: none;
  min-width: 90px;
  height: 30px;
  margin-left: -1px;
  padding-top: 2px;
  padding-left: 11px;
  position: relative;
}

.closeabstract-button-copy.card.download {
  z-index: 200;
  box-shadow: none;
  min-width: 110px;
  height: 30px;
  margin-left: -1px;
  padding-top: 2px;
  padding-left: 11px;
  position: relative;
}

.nobreak {
  display: inline-block;
}

.tt03 {
  width: 12.7%;
  position: absolute;
  inset: 4.6% auto auto 1.8%;
}

.ttimg03 {
  background-image: url('../images/NAMENAME_BPD_Scan_S84.webp'), url('../images/NAMENAME_BPD_Scan_S81.webp');
  background-position: 100%, 0%;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 72%;
  display: block;
}

.tt02 {
  width: 6.5%;
  position: absolute;
  inset: 1.2% auto auto 19.7%;
}

.ttimg02 {
  background-image: url('../images/NAMENAME_PurposeSalon_15-211.webp');
  background-position: 50%;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.tt01 {
  width: 10.4%;
  position: absolute;
  inset: 13.2% auto auto 30.8%;
}

.ttimg01 {
  background-image: url('../images/NAMENAME-Reframing-Slide20.webp');
  background-position: 50%;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 56.25%;
  display: block;
}

.tt04 {
  width: 13.2%;
  position: absolute;
  inset: 27% auto auto 13.1%;
}

.ttimg04 {
  background-image: url('../images/NAMENAME-Reframing-Slide01.webp');
  background-position: 50%;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 56.25%;
  display: block;
}

.tt05 {
  width: 6.5%;
  position: absolute;
  inset: 22.7% auto auto -1.7%;
}

.ttimg05 {
  background-image: url('../images/NAMENAME_THE_Paper01a2.webp');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 120%;
  display: block;
}

.tt06 {
  width: 6.3%;
  position: absolute;
  inset: 32.3% auto auto 5.6%;
}

.ttimg06 {
  background-image: url('../images/NAMENAME_BH_Illustration07.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 120%;
  display: block;
}

.tt07 {
  width: 17.9%;
  position: absolute;
  inset: 52.2% auto auto 3.5%;
}

.ttimg07 {
  background-image: url('../images/NAMENAME-KU_Kongress2020_01b.webp');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 66.66%;
  display: block;
}

.tt08 {
  width: 12.8%;
  position: absolute;
  inset: 79% auto auto -2.3%;
}

.ttimg08 {
  background-image: url('../images/NAMENAME_EY-Podcast_TransformationTacheles.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 190%;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 135%;
  display: block;
}

.tt09 {
  width: 7.9%;
  position: absolute;
  inset: 77.5% auto auto 14.5%;
}

.ttimg09 {
  background-image: url('../images/NAMENAME-KU_Kongress2020_04_kl.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 137.5%;
  display: block;
}

.tt10 {
  width: 6.9%;
  position: absolute;
  inset: 70.2% auto auto 25.2%;
}

.ttimg10 {
  background-image: url('../images/high_res2.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.tt11 {
  width: 17.7%;
  position: absolute;
  inset: 85.7% auto auto 33.75%;
}

.ttimg11 {
  background-image: url('../images/VUKA_graphicrecording_22B.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 56.25%;
  display: block;
}

.tt12 {
  width: 10.4%;
  position: absolute;
  inset: 75.3% auto auto 57.5%;
}

.ttimg12 {
  background-image: url('../images/NAMENAME-Reframing-Slide04.webp');
  background-position: 50%;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 56.25%;
  display: block;
}

.tt13 {
  width: 15%;
  position: absolute;
  inset: 88.7% auto auto 62.7%;
}

.ttimg13 {
  background-image: url('../images/NAMENAME_opg_vuka.webp');
  background-position: 50%;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 56.25%;
  display: block;
}

.tt14 {
  width: 14.47%;
  position: absolute;
  inset: 68.5% auto auto 76.5%;
}

.ttimg14 {
  background-image: url('../images/NAMENAME_THE_Paper.webp');
  background-position: 50%;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 125%;
  display: block;
}

.tt15 {
  width: 6.9%;
  position: absolute;
  inset: 78.4% auto auto 93.7%;
}

.ttimg15 {
  background-image: url('../images/Creative-Leadership-Salon-N°12-05_web.jpg');
  background-position: 50% 100%;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 150%;
  display: block;
}

.tt16 {
  width: 14.1%;
  position: absolute;
  inset: 32.4% auto auto 81.6%;
}

.ttimg16 {
  background-image: url('../images/NAMENAME_PurposeSalon_03-169.webp');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 116%;
  display: block;
}

.tt17 {
  width: 7.2%;
  position: absolute;
  inset: 9.5% auto auto 93.7%;
}

.ttimg17 {
  background-image: url('../images/NAMENAME_BH_Illustration02.webp');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 116%;
  display: block;
}

.tt18 {
  width: 14.2%;
  position: absolute;
  inset: -1% auto auto 78.4%;
}

.ttimg18 {
  background-image: url('../images/NAMENAME_WSWS_02.webp');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 56.25%;
  display: block;
}

.tt19 {
  width: 13.8%;
  position: absolute;
  inset: 8.9% auto auto 62.9%;
}

.ttimg19 {
  background-image: url('../images/NAMENAME_DNA_01.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 141%;
  display: block;
}

.ethos-image {
  background-image: url('../images/NAMENAME_inspiredbyIlLee.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  padding-top: 85.6%;
  position: relative;
}

.image-caption {
  padding-top: 10px;
}

.elevatorpitch {
  width: 25%;
}

.form-block {
  width: 50%;
}

.submit-button {
  outline-color: var(--nn-black);
  outline-offset: 0px;
  color: var(--nn-black);
  transform-style: preserve-3d;
  background-color: #fff;
  border-radius: 100px;
  outline-width: 1px;
  outline-style: solid;
  min-width: 140px;
  min-height: 48px;
  margin-top: 5px;
  font-family: Zurich Std Regular, Arial, sans-serif;
  font-size: 11px;
  box-shadow: 0 0 2px #2c2f2e33;
}

.submit-button:hover {
  transform: scale3d(1none, 1none, 1none);
}

.submit-button.popup {
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  min-width: 90px;
  min-height: 30px;
  margin-top: 0;
  margin-left: 2px;
  padding: 2px 11px 0;
  font-family: Simplon Mono Web S, Georgia, sans-serif;
}

.text-field {
  border: 1px solid var(--nn-black);
  color: var(--nn-black);
  letter-spacing: -.75px;
  height: 48px;
  font-family: Zurich Std Black, Arial, sans-serif;
  font-size: 28px;
}

.text-field:active {
  opacity: 1;
}

.text-field:focus {
  opacity: 100;
  color: var(--nn-black);
  border-color: #2c2f2e33;
}

.text-field.popup {
  border-color: var(--nn-grey-70);
  letter-spacing: 0;
  background-color: #0000;
  width: 200px;
  height: 24px;
  margin-bottom: 0;
  margin-right: 8px;
  padding-left: 5px;
  font-family: Zurich Std Regular, Arial, sans-serif;
  font-size: 14px;
}

.text-field.popup:focus, .text-field.popup:focus-visible, .text-field.popup[data-wf-focus-visible] {
  border-color: var(--nn-black);
}

.form {
  text-align: right;
}

.form.popup {
  text-align: left;
  align-items: baseline;
  display: flex;
}

.newsletter-section {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  min-height: 100vh;
  padding-top: 0;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: relative;
}

.success-message {
  text-align: left;
  background-color: #fff;
  padding: 0;
}

.success-message.popup {
  background-color: #0000;
}

.text-block {
  font-family: Zurich Std Regular, Arial, sans-serif;
  font-size: 11px;
}

.div-block-30 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: #fff;
  justify-content: space-between;
  align-items: flex-start;
  width: 900px;
  padding: 20px 20px 100px;
  display: flex;
  box-shadow: 0 0 2px #2c2f2e33;
}

.div-block-31 {
  width: 40%;
}

.background-video-4 {
  z-index: 1;
  width: 100vw;
  height: 100vh;
  position: fixed;
}

.trigger-newsletter {
  background-color: #0000;
  height: 1px;
}

.form-block-popup {
  width: 100%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.error-message.popup {
  padding: 0;
}

.tunnel-animation {
  width: 100%;
  position: relative;
}

.tunnel {
  width: 100%;
  height: 56.25%;
  padding-top: 56.25%;
}

.download-box {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
  display: flex;
  position: sticky;
  top: 49.9%;
}

.button {
  justify-content: center;
  align-items: center;
  width: 31px;
  height: 31px;
  margin-top: 10px;
  margin-left: -1px;
  display: inline-block;
}

.div-block-19-copy {
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  margin-top: 10px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .text.h1 {
    letter-spacing: -3px;
    font-size: 63px;
    line-height: 69px;
  }

  .text.h1.intro.about {
    letter-spacing: -3px;
  }

  .text.regular {
    font-size: 18px;
    line-height: 24px;
  }

  .text.regular.toggle {
    opacity: .3;
    opacity: .3;
  }

  .text.ethos {
    width: 400px;
    max-width: 600px;
  }

  .text.newsletterintro {
    font-size: 18px;
    line-height: 24px;
  }

  .case-container.ilw-auto {
    width: 100vw;
  }

  .ilw01.centered {
    width: 45%;
    top: 25%;
  }

  .ilw02.centered {
    width: 33%;
    top: 48%;
    left: 5%;
    right: auto;
  }

  .ilw03.cenered {
    width: 25vw;
    height: 25vw;
    top: 50%;
    left: auto;
    right: -10%;
  }

  .ilw04.centered {
    width: 40%;
    top: 3%;
    left: -5%;
  }

  .ilw05.centered {
    display: none;
    top: 1%;
  }

  .block-vav {
    width: 25%;
    height: 16.66%;
  }

  .monospace.capitalize.closebutton {
    color: #2c2f2e40;
  }

  .monospace.footer-contact {
    color: var(--nn-black);
  }

  .lob02 {
    width: 40%;
    top: 10%;
    left: 4%;
    right: auto;
  }

  .lob04 {
    width: 20%;
    bottom: 4%;
  }

  .block-inline-button.openabstract {
    width: 44px;
  }

  .closeabstract-button.ethos {
    margin-left: -29px;
    padding-top: 8px;
    position: fixed;
    inset: auto auto 40px 50%;
  }

  .closeabstract-button.case2 {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 0;
    justify-content: center;
    align-items: center;
    width: 622px;
    height: 45px;
    margin-left: -311px;
    display: flex;
    inset: 62px 50% auto;
  }

  .case-wrapper {
    padding-top: 130px;
  }

  .block-case-video {
    padding-left: 20px;
    padding-right: 20px;
  }

  .video-25 {
    width: 50%;
  }

  .section-timeline {
    padding-left: 50px;
    padding-right: 50px;
  }

  .footer {
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    padding-top: 50px;
    padding-bottom: 30px;
  }

  .focus-block.companies {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .focus-block.elevatorpitch_v02 {
    width: 100%;
  }

  .focus-block.fourcategories-intro {
    padding-left: 30px;
    padding-right: 30px;
  }

  .focus-block.imprint {
    width: 600px;
  }

  .focus-block.snippets {
    min-width: 100%;
  }

  .focus-block.client-intro, .focus-block.client-outro, .focus-block.elevatorpitch {
    width: 100%;
  }

  .imprint-block {
    margin-left: 20px;
    margin-right: 20px;
  }

  .imprint-block.copyright {
    margin-top: 40px;
  }

  .partner-list {
    width: 100%;
  }

  .partner-block {
    flex-direction: row;
    align-items: flex-start;
  }

  .about-section {
    padding-top: 40vh;
  }

  .verworfen {
    overflow: hidden;
  }

  .section-elevatorpitch {
    padding-left: 50px;
    padding-right: 50px;
  }

  .wrap-services {
    width: 100%;
    max-width: 620px;
  }

  .service-list {
    width: 100%;
  }

  .button-card {
    min-height: 46px;
  }

  .button-card.cd, .button-card.sn, .button-card.ie, .button-card.tt {
    width: auto;
  }

  .fokus-button._01, .fokus-button._02 {
    padding-left: 0%;
    transform: none;
  }

  .fokus-button._03 {
    padding-left: 0%;
  }

  .fokus-button._04 {
    justify-content: flex-start;
    transform: none;
  }

  .button-card-flexbox {
    padding-top: 10px;
  }

  .photo-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .contact-section {
    flex-direction: column;
    height: 100%;
  }

  .case-text {
    padding-left: 50px;
    padding-right: 50px;
  }

  .case-text.withnotes {
    flex-direction: column;
    align-items: center;
  }

  .case-text.withnotes._8lines {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .case-text.withnotes._10lines {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .case-text.withnotes._9lines {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .case-headline {
    width: 100vw;
    padding-left: 50px;
    padding-right: 50px;
  }

  .case-quotes {
    padding-left: 50px;
    padding-right: 20px;
  }

  .case-full-viewport.lob-stories {
    padding-left: 20px;
    padding-right: 20px;
  }

  .case-full-viewport.ilw-screens {
    height: 66.66vw;
    margin-top: 50px;
  }

  .case-full-viewport.cls-web {
    height: 66.66vw;
  }

  .case-full-viewport.sw-print {
    height: auto;
  }

  .case-slider-centered {
    padding-left: 50px;
    padding-right: 50px;
  }

  .slider75 {
    width: 100%;
  }

  .nav-case-slider {
    display: flex;
  }

  .nav-case-slider.row {
    padding-left: 40px;
    padding-right: 10px;
  }

  .nav-case-slider.fullscreen {
    padding-left: 50px;
    padding-right: 10px;
  }

  .image-row-33-33 {
    height: 450px;
  }

  ._50 {
    width: 75%;
  }

  .caption.horizontal._25._2slides {
    width: 50%;
    padding-left: 56px;
  }

  .caption.horizontal._50._4slides {
    width: 75%;
    margin-left: 0;
    padding-left: 95px;
  }

  .h1 {
    font-size: 2.125rem;
  }

  .image-row-66-66 {
    height: 450px;
  }

  .image-75-alt {
    width: 100%;
  }

  .slide-100-box {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .slide-100 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .case-image {
    padding-left: 50px;
    padding-right: 50px;
  }

  .case-slider-row {
    padding-left: 10px;
    padding-right: 10px;
  }

  .quote {
    max-width: 100%;
  }

  .portrait-block {
    width: 50%;
  }

  .case-end {
    padding-left: 50px;
    padding-right: 50px;
  }

  .rightarrowintro {
    height: 80%;
  }

  .description-2 {
    display: block;
  }

  .leftarrowintro {
    height: 80%;
  }

  .slider50 {
    width: 75%;
  }

  .slider25 {
    width: 50%;
  }

  .block-notes {
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .sticky-note {
    max-width: 100%;
    margin-bottom: 50px;
    position: static;
  }

  .rhizomeimg {
    width: 100%;
    max-width: 620px;
  }

  .contact-video {
    width: 100%;
    height: 50vh;
  }

  .case-2-images {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cls01 {
    width: 40%;
    inset: -8% -5% auto auto;
  }

  .cls02 {
    width: 50%;
    inset: 23% 3% auto auto;
  }

  .cls03 {
    width: 38%;
    inset: 5% auto auto -2%;
  }

  .cls04 {
    display: none;
  }

  .cls06 {
    width: 30%;
    inset: 50% auto auto -3%;
  }

  .cls07, .cls08, .cls09 {
    display: none;
  }

  .cls10 {
    width: 40%;
    inset: auto -6% -4% auto;
  }

  .cls11 {
    display: none;
  }

  .swimgposter {
    background-size: cover;
  }

  .slider-case-fullscreen {
    height: auto;
  }

  .slide-100-image {
    height: auto;
    padding-top: 66.66%;
  }

  .slide-100-image.sw20, .slide-100-image.sw21, .slide-100-image.vav01, .slide-100-image.vav02 {
    background-size: cover;
  }

  .sw01 {
    width: 55%;
    top: 30%;
    left: 13%;
  }

  .sw02 {
    width: 60%;
    top: -4%;
    right: -15%;
  }

  .sw03 {
    display: none;
  }

  .sw04 {
    width: 17.1%;
    display: none;
    top: 57%;
  }

  .sw05 {
    width: 33%;
    inset: auto auto -1% -1%;
  }

  .sw06 {
    width: 19%;
    top: 60%;
    right: 18%;
  }

  .intro-overlay-headline {
    margin-top: 0;
  }

  .imprint-section {
    padding-left: 50px;
    padding-right: 50px;
  }

  .big-text-button-box {
    margin-left: 2px;
  }

  .case-text-block {
    width: 100%;
  }

  .prptl01 {
    background-position: 50%;
  }

  .prptl05 {
    background-position: 50%, 50%;
  }

  .lobmockup {
    background-size: cover;
  }

  .lob05 {
    width: 31%;
    top: 61%;
    left: 48%;
  }

  .lob06 {
    width: 55%;
    top: 31%;
    right: 10%;
  }

  .ilw06 {
    width: 45%;
    top: 73%;
    left: auto;
    right: 5%;
  }

  .ilw07 {
    width: 40%;
    top: 10%;
    left: auto;
    right: -10%;
  }

  .tag-pill {
    align-items: flex-end;
  }

  .tsm01 {
    width: 15.1%;
    display: none;
  }

  .tsm02 {
    width: 22%;
    inset: 75% 10% auto auto;
  }

  .tsm03 {
    width: 25%;
    inset: 0% 0% auto auto;
  }

  .tsm04 {
    width: 55%;
    inset: 42% auto auto 15%;
  }

  .tsm05 {
    width: 50%;
    inset: 16% auto auto -7.5%;
  }

  .client-list {
    width: 100%;
  }

  .section-clients {
    margin-bottom: 25vh;
    padding-left: 50px;
    padding-right: 50px;
  }

  .bg-video-landscape {
    display: none;
  }

  .exe01 {
    width: 25%;
    left: 6%;
  }

  .exe02, .exe03 {
    width: 25%;
  }

  .togglebutton {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #fff6;
    height: 55px;
    position: static;
    box-shadow: 0 0 2px #2c2f2e1a;
  }

  .togglebuttonimage {
    opacity: 1;
    background-color: #0000;
    justify-content: flex-end;
    align-items: center;
    height: 55px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .buttontoggle {
    width: 31px;
    height: 31px;
    margin-left: 12px;
    margin-right: 12px;
    position: relative;
    top: 0%;
    bottom: 0%;
    left: 0%;
    box-shadow: 0 0 2px #2c2f2e33;
  }

  .togglebuttontext {
    background-color: #0000;
    align-items: center;
    padding-left: 22px;
    padding-right: 15px;
    display: flex;
  }

  .togglebutton-wrap {
    z-index: 3000;
    background-color: #0000;
    justify-content: center;
    width: 124px;
    height: 52px;
    margin-left: -61px;
    display: flex;
    position: fixed;
    bottom: 20px;
    left: 50%;
    right: 50%;
  }

  .box-toggle-button-ball {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    justify-items: end;
    width: auto;
    height: 31px;
    display: flex;
    position: absolute;
  }

  .safari-workaround {
    display: inline;
  }

  .bg-video-portrait {
    display: block;
  }

  .div-block-28 {
    width: 45px;
    height: 55px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .div-block-29 {
    justify-content: center;
    align-items: center;
    width: 55px;
    height: 55px;
    padding-right: 2px;
    display: flex;
  }

  .tt03 {
    width: 31%;
    inset: 20% auto auto -7%;
  }

  .tt02, .tt01 {
    width: 40%;
    display: none;
    inset: -8% -5% auto auto;
  }

  .tt04 {
    width: 31%;
    inset: 1% auto auto 15%;
  }

  .tt05 {
    width: 40%;
    display: none;
    inset: -8% -5% auto auto;
  }

  .tt06 {
    width: 16%;
    display: block;
    inset: 63% auto auto 5%;
  }

  .tt07 {
    width: 60%;
    inset: 82% auto auto -16%;
  }

  .tt08 {
    width: 40%;
    display: none;
    inset: -8% -5% auto auto;
  }

  .tt09 {
    width: 17%;
    display: block;
    inset: 41% auto auto 11%;
  }

  .tt10 {
    width: 14%;
    display: block;
    inset: 59% auto auto 42%;
  }

  .tt11 {
    width: 40%;
    display: none;
    inset: -8% -5% auto auto;
  }

  .tt12 {
    width: 31%;
    display: block;
    inset: 86% auto auto 54%;
  }

  .tt13 {
    width: 40%;
    display: none;
    inset: -8% -5% auto auto;
  }

  .tt14 {
    width: 35%;
    display: block;
    inset: 28% auto auto 34%;
  }

  .tt15 {
    width: 18%;
    display: block;
    inset: 37% auto auto 80%;
  }

  .tt16 {
    width: 28%;
    display: block;
    inset: 5% auto auto 68%;
  }

  .tt17 {
    width: 40%;
    display: none;
    inset: -8% -5% auto auto;
  }

  .tt18 {
    width: 37%;
    display: block;
    inset: 68% auto auto 65%;
  }

  .tt19 {
    width: 40%;
    display: none;
    inset: -8% -5% auto auto;
  }

  .newsletter-section {
    height: auto;
    padding-top: 0;
  }

  .success-message {
    padding: 0;
  }

  .div-block-30 {
    width: auto;
  }

  .div-block-31 {
    width: 50%;
  }

  .button {
    margin-left: 2px;
  }
}

@media screen and (max-width: 767px) {
  .text {
    font-size: 21px;
    line-height: 24px;
  }

  .text.h1 {
    letter-spacing: -1.6px;
    font-size: 34px;
    line-height: 38px;
  }

  .text.h1.intro.about {
    letter-spacing: -1.66px;
    margin-top: 0;
  }

  .text.h1.inline.behindlink {
    padding-left: 5px;
  }

  .text.elevatorpitch {
    text-align: center;
  }

  .text.regular {
    font-size: 18px;
    line-height: 24px;
  }

  .text.regular.toggle {
    opacity: .3;
    opacity: .3;
  }

  .text.client-outro {
    text-align: center;
  }

  .mix-container.centered {
    width: 100%;
  }

  .ilw01.centered {
    width: 26%;
    top: 6%;
    left: 18.4%;
  }

  .ilw02.centered {
    width: 16.1%;
    top: 20%;
    left: 50%;
  }

  .ilw03.cenered {
    width: 12.9vw;
    height: 12.9vw;
    top: 69%;
    left: 93.5%;
    right: auto;
  }

  .ilw04.centered {
    width: 17%;
    top: -4%;
    left: -2.6%;
  }

  .ilw05.centered {
    display: block;
    top: -9%;
    left: 85%;
  }

  .wrap-case-container {
    display: block;
    overflow: hidden;
  }

  .block-vav {
    width: 16.66%;
    height: 25%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .logo-block-laufschrift-c {
    width: 133px;
    padding-top: 16px;
  }

  .wrap-level1 {
    justify-content: flex-start;
    width: 100%;
    min-width: 100vw;
    max-width: 100vw;
    margin-right: -110px;
    padding-left: 20px;
    position: relative;
  }

  .monospace.capitalize.closebutton {
    color: #2c2f2e;
    margin-top: 1px;
  }

  .logo-creativepartners {
    display: none;
  }

  .additional-info-block {
    padding-top: 0;
    overflow: hidden;
  }

  .lob02 {
    inset: 48.7% 2% auto auto;
  }

  .lob04 {
    inset: auto auto 35.8% 0%;
  }

  .menu-bar-white {
    width: 100%;
    max-width: 100vw;
    height: 55px;
    min-height: 55px;
    margin-top: 0;
    margin-left: 0;
    left: 0%;
    overflow: hidden;
  }

  .block-plus {
    width: 55px;
    height: 55px;
    min-height: 55px;
    margin-left: 55px;
  }

  .abstract-button {
    height: 26px;
    margin-top: 0;
    padding-top: 4px;
    transform: none;
  }

  .block-inline-button.openabstract {
    width: 100%;
    max-width: 100%;
    height: 24px;
    min-height: 24px;
    margin-top: 0;
    margin-left: -2px;
    padding-top: 4px;
    display: inline-block;
    transform: none;
  }

  .wrap-level2 {
    width: 100%;
    min-width: 100vw;
    max-width: 100vw;
    height: 55px;
    margin-left: -55px;
    padding-left: 82.5px;
    overflow: visible;
  }

  .menu-block {
    width: 72px;
    min-width: 72px;
    height: 55px;
  }

  .menu-block.contact {
    border-right: 1px solid #0000001a;
  }

  .wrap-tags {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #fff6;
    width: 50%;
    height: 275px;
    margin-left: 50%;
    display: none;
    position: absolute;
    inset: 55px auto auto 0%;
    box-shadow: 0 0 1px #2c2f2e33;
  }

  .block-tags {
    border-top: 1px solid #2c2f2e1a;
    align-items: flex-start;
    width: 100%;
    height: 55px;
    padding-left: 65px;
  }

  .tag-scroll-wrap {
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
  }

  .scroll-wrap-level2 {
    align-items: stretch;
    width: 100vw;
    max-width: 100vw;
    height: 55px;
  }

  .menu-bar-scroll-wrap {
    width: auto;
    height: 55px;
    overflow: visible;
  }

  .menubutton-socialmedia {
    flex: 1;
    width: auto;
    min-width: 0;
  }

  .block-language {
    width: 45px;
    height: 55px;
    margin-right: 55px;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .closeabstract-button {
    height: 26px;
    margin-top: -3px;
    padding-top: 7px;
    transform: translate(0, 4px);
  }

  .closeabstract-button.case2 {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 55px;
    margin-left: 0;
    display: flex;
    inset: 51px 0% auto;
  }

  .case-wrapper {
    padding-top: 150px;
  }

  .block-case-video {
    padding-top: 100px;
    padding-bottom: 50px;
  }

  .section-timeline {
    padding-left: 30px;
    padding-right: 30px;
  }

  .focus-block.partner-role {
    width: 183px;
  }

  .focus-block.companies {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .focus-block.partner-intro-copy {
    padding-top: 150px;
  }

  .focus-block.imprint {
    width: auto;
  }

  .focus-block.snippets {
    width: 100%;
  }

  .focus-block.client-sector {
    width: 183px;
  }

  .partner-name {
    flex: 0 auto;
    max-width: 390px;
    margin-left: 10px;
  }

  .partner-block {
    width: auto;
  }

  .about-section {
    justify-content: flex-start;
    padding-top: 200px;
    overflow: hidden;
  }

  .content-wrap {
    display: block;
  }

  .section-elevatorpitch {
    height: 50vh;
    padding-left: 30px;
    padding-right: 30px;
  }

  .services-section {
    padding-bottom: 50px;
  }

  .inline-textbutton {
    border-bottom-width: 2px;
    line-height: 20px;
  }

  .service-list {
    height: auto;
  }

  .button-card {
    min-height: 56px;
  }

  .block-cta {
    flex-direction: column-reverse;
    align-items: flex-start;
    height: auto;
    margin-top: 55px;
  }

  .cta-textbox {
    margin-bottom: 10px;
    margin-left: 0;
  }

  .fokus-button {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .button-card-flexbox {
    width: 100%;
    padding-top: 15.5px;
  }

  .button-card-flexbox.menue-sn {
    max-width: 622px;
  }

  .photo-wrap {
    padding-bottom: 150px;
  }

  .card-paragraphs {
    display: flex;
  }

  .button-card-hover-trigger {
    padding-top: 24px;
  }

  .case-text {
    padding: 50px 30px;
  }

  .case-text.withnotes {
    padding-left: 30px;
    padding-right: 30px;
  }

  .case-text.withnotes._8lines, .case-text.withnotes._9lines {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .case-headline {
    padding-left: 30px;
    padding-right: 30px;
  }

  .case-quotes {
    padding: 50px 30px;
  }

  .case-full-viewport {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .case-full-viewport.ilw-screens {
    margin-top: 0;
  }

  .case-slider-centered {
    height: auto;
    padding: 50px 30px;
  }

  .slider75 {
    width: 100%;
  }

  .image-row-33-33 {
    height: 250px;
  }

  ._50, .caption.horizontal._25._2slides, .caption.horizontal._50._4slides {
    width: 100%;
  }

  .slider-case-row {
    flex-flow: wrap;
    height: auto;
    display: flex;
    overflow: visible;
  }

  .h1 {
    font-size: 1.2rem;
    line-height: 1.3em;
  }

  .image-row-66-66 {
    height: 250px;
  }

  .mask-case-slider-row {
    flex: 0 auto;
    width: 100%;
    overflow: visible;
  }

  .textlink.contact, .textlink.contact:hover {
    border-bottom-width: 0;
    border-bottom-color: #ffffffbf;
  }

  .content-2 {
    height: auto;
    padding-top: 80px;
    padding-bottom: 130px;
  }

  .content-2.center {
    align-items: center;
    height: 100%;
    padding-bottom: 60px;
  }

  .case-image {
    padding: 50px 30px;
  }

  .case-slider-row {
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .quote {
    width: 100%;
  }

  .mix-cv {
    min-height: auto;
  }

  .case-end {
    min-height: 50vh;
    padding-top: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .introslide.bw {
    background-size: cover;
  }

  .creative-partners {
    margin-top: -4px;
  }

  .introslider {
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
    display: none;
    overflow: visible;
  }

  .more-block-2 {
    display: none;
  }

  .mask-gwa {
    height: 100%;
  }

  .canvas-ah {
    background-size: 100%;
    width: 100%;
    height: 100%;
  }

  .slide-2 {
    height: auto;
  }

  .intro-bg-slider {
    height: 100vh;
  }

  .menueicon {
    background-image: url('../images/icon_menu_dark.svg');
    width: 29px;
    margin-top: -7px;
    display: block;
  }

  .menueicon.white {
    background-image: url('../images/icon_menu_white.svg');
  }

  .standard {
    line-height: 20px;
  }

  .mask-4, .intro-bg-slider-verworfen {
    height: 100vh;
  }

  .brandbox {
    display: flex;
  }

  .head {
    float: none;
    justify-content: flex-end;
    display: none;
  }

  .head.introhead {
    justify-content: space-between;
    display: flex;
  }

  .foot-2 {
    min-height: auto;
    padding-bottom: 30px;
    display: none;
  }

  .foot-2.introfoot {
    height: 10%;
    padding-bottom: 20px;
    padding-left: 14px;
    padding-right: 20px;
    display: flex;
  }

  .slider50, .slider25 {
    width: 100%;
  }

  .slider-replacement-mobile {
    display: none;
  }

  .case-2-images {
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .cls01 {
    width: 10.3%;
    inset: 25% auto auto 0%;
  }

  .cls02 {
    width: 15.1%;
    inset: 47.5% auto auto 3.5%;
  }

  .cls03 {
    width: 15.7%;
    inset: 71% auto auto -1.5%;
  }

  .cls04 {
    width: 7.9%;
    display: block;
    inset: 61% auto auto 23%;
  }

  .cls06 {
    width: 10.3%;
    inset: 77% auto auto 17.2%;
  }

  .cls07 {
    width: 10.7%;
    display: block;
    inset: auto auto -4% 33%;
  }

  .cls08 {
    width: 19.9%;
    display: block;
    inset: auto 20.6% -4.5% auto;
  }

  .cls09 {
    width: 7.9%;
    display: block;
    inset: auto 2.6% 6% auto;
  }

  .cls10 {
    width: 11.9%;
    inset: auto 12.8% 22% auto;
  }

  .cls11 {
    width: 11.9%;
    display: block;
    inset: auto -1.5% 34.1% auto;
  }

  .slider-case-fullscreen {
    flex-flow: wrap;
    overflow: visible;
  }

  .sw01 {
    width: 30.1%;
    inset: 15.7% auto auto -11%;
  }

  .sw02 {
    width: 23.1%;
    inset: 5.2% 3.6% auto auto;
  }

  .sw03 {
    width: 18.8%;
    display: block;
    inset: auto 13% -2% auto;
  }

  .sw04 {
    width: 17.1%;
    inset: 56.9% auto auto 8.75%;
  }

  .sw05 {
    width: 15.8%;
    inset: 22% 30.9% auto auto;
  }

  .sw06 {
    width: 10.4%;
    inset: 44% -1% auto auto;
  }

  .menu-block-text {
    height: 55px;
  }

  .imprint-section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .button-box {
    margin-top: -9px;
  }

  .big-text-button-box {
    margin-top: 0;
    margin-left: 5px;
    margin-right: 1px;
    padding-top: 4px;
    position: relative;
  }

  .div-block-19 {
    margin-top: 15px;
  }

  .prptl01 {
    background-position: 100%;
  }

  .prptl05 {
    background-position: 50%, 0%;
  }

  .lob05 {
    width: 13.9%;
    inset: 19.3% auto auto 12.8%;
  }

  .lob06 {
    width: 24.3%;
    inset: 14.1% 15.3% auto auto;
  }

  .ilw06 {
    width: 31%;
    top: 26%;
    left: 74.4px;
    right: auto;
  }

  .ilw07 {
    width: 16%;
    top: 0%;
    left: 63%;
    right: auto;
  }

  .block-tags-menu {
    height: 55px;
  }

  .tag-pill {
    height: 26px;
    padding-bottom: 2px;
  }

  .tag-text-block {
    height: 22px;
  }

  .box-level1 {
    flex: 1;
    width: auto;
  }

  .tsm01 {
    width: 15.1%;
    inset: auto auto -2% 2.3%;
  }

  .tsm02 {
    width: 12.5%;
    inset: 55.3% auto auto 23.4%;
  }

  .tsm03 {
    width: 13.2%;
    top: 21.4%;
    bottom: auto;
    left: 11.8%;
  }

  .tsm04 {
    width: 25.8%;
    inset: 4.7% 12.7% auto auto;
  }

  .tsm05 {
    width: 32.1%;
    inset: 34.6% auto auto 74%;
  }

  .section-clients {
    padding-left: 30px;
    padding-right: 30px;
  }

  .bg-video-landscape {
    display: block;
  }

  .exe01 {
    width: 33%;
    left: 12%;
  }

  .exe02 {
    width: 33%;
    top: 48%;
  }

  .exe03 {
    width: 33%;
  }

  .menu-bar-tag-notes-wrap {
    width: 0%;
  }

  .block-cross-card {
    width: 55px;
    min-height: 55px;
    margin-left: 55px;
  }

  .mask-6 {
    width: 25%;
  }

  .togglebutton {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #fff6;
    justify-content: flex-start;
    width: 100px;
    height: 55px;
    position: static;
    box-shadow: 0 0 2px #2c2f2e1a;
  }

  .togglebuttonimage {
    opacity: 1;
    background-color: #0000;
    justify-content: flex-end;
    align-items: center;
    width: 100px;
    height: 55px;
    display: flex;
  }

  .buttontoggle {
    width: 31px;
    height: 31px;
    margin-left: 12px;
    margin-right: 12px;
    position: relative;
    inset: 0% auto 0% 0%;
    box-shadow: 0 0 2px #2c2f2e33;
  }

  .togglebuttontext {
    background-color: #0000;
    align-items: center;
    width: 100px;
    height: 55px;
    padding-left: 22px;
    padding-right: 15px;
    display: flex;
  }

  .togglebutton-wrap {
    z-index: 3000;
    background-color: #0000;
    justify-content: center;
    width: 124px;
    height: 52px;
    margin-left: -61px;
    display: flex;
    position: fixed;
    bottom: 20px;
    left: 50%;
    right: 50%;
  }

  .box-toggle-button-ball {
    justify-content: flex-end;
    width: auto;
    height: 31px;
    display: flex;
    position: absolute;
  }

  .block-read-less-button {
    margin-left: 0;
    padding-top: 4px;
    padding-left: .5px;
    display: block;
  }

  .menu-block-socialmedia {
    width: 72px;
    min-width: 72px;
    height: 55px;
  }

  .menu-block-socialmedia.socialmedia {
    flex: 1;
    width: auto;
    min-width: auto;
  }

  .safari-workaround {
    font-size: 21px;
    line-height: 24px;
  }

  .bg-video-portrait {
    display: none;
  }

  .closeabstract-button-copy {
    height: 26px;
    margin-top: -3px;
    padding-top: 7px;
    transform: translate(0, 4px);
  }

  .closeabstract-button-copy.card.getintouch, .closeabstract-button-copy.card.kontakt, .closeabstract-button-copy.card.download {
    transform: none;
  }

  .div-block-29 {
    padding-right: 5px;
  }

  .tt02, .tt01, .tt05, .tt08, .tt11, .tt13, .tt17, .tt19 {
    width: 10.3%;
    inset: 25% auto auto 0%;
  }

  .form-block {
    width: 100%;
  }

  .text-field.popup {
    width: 150px;
  }

  .form {
    width: 100%;
  }

  .newsletter-section {
    justify-content: center;
    align-items: center;
    padding-top: 100px;
    overflow: hidden;
  }

  .div-block-30 {
    flex-flow: column;
    padding-bottom: 20px;
  }

  .div-block-31 {
    width: 100%;
    margin-bottom: 25px;
  }

  .form-block-popup {
    width: 100%;
  }

  .button {
    margin-top: 0;
    margin-left: 5px;
    margin-right: 1px;
    padding-top: 4px;
    position: relative;
  }

  .div-block-19-copy {
    margin-top: 15px;
  }
}

@media screen and (max-width: 479px) {
  .text.elevatorpitch {
    margin-right: 0;
  }

  .text.regular.toggle {
    opacity: .3;
  }

  .text.name {
    align-items: flex-start;
    display: flex;
  }

  .case-container {
    max-width: 100vw;
  }

  .ilw01.centered {
    width: 55%;
    top: 31%;
    left: 24%;
  }

  .ilw02.centered {
    width: 45%;
    top: 50%;
    left: 4%;
  }

  .ilw03.cenered {
    width: 30vw;
    height: 30vw;
    top: 56%;
    left: auto;
    right: -12%;
  }

  .ilw04.centered {
    width: 45%;
    left: -5%;
  }

  .nua-video._16-9.ilwnewsroom16-9 {
    display: none;
  }

  .nua-video._4-5.ilwnewsroom4-5 {
    display: block;
  }

  .ilw05.centered {
    display: none;
  }

  .vav {
    padding-top: 6%;
    padding-bottom: 0%;
  }

  .block-vav {
    width: 33.33%;
    height: 12%;
  }

  .monospace.companies {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
  }

  .monospace.socialmedia {
    display: none;
  }

  .lob02 {
    filter: none;
    width: 50%;
    top: 12%;
    left: 6%;
    right: auto;
  }

  .lob04 {
    filter: none;
    width: 24%;
    bottom: 8%;
  }

  .menu-bar-white {
    max-width: 100vw;
  }

  .menubutton-socialmedia {
    height: 55px;
  }

  .case-preview {
    max-width: 100vw;
  }

  .case-preview.exe {
    filter: blur(16px);
  }

  .video-25 {
    width: 100%;
  }

  .focus-block.partner-role {
    justify-content: flex-end;
    align-items: baseline;
    max-width: 102px;
    height: 100%;
    padding-top: 0;
    padding-bottom: 2px;
    display: flex;
    overflow: visible;
  }

  .focus-block.partner-role.impressum {
    max-width: 80px;
  }

  .focus-block.companies {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .focus-block.elevatorpitchoutro {
    min-height: 200px;
  }

  .focus-block.founder-intro {
    padding-top: 50px;
  }

  .focus-block.client-sector {
    justify-content: flex-end;
    align-items: baseline;
    max-width: 102px;
    height: 100%;
    padding-top: 0;
    padding-bottom: 2px;
    display: flex;
    overflow: visible;
  }

  .partner-list {
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .partner-name {
    width: 250px;
    max-width: 370px;
  }

  .partner-name.impressum {
    padding-left: 0;
  }

  .partner-block {
    flex-direction: row;
    flex: 1;
  }

  .company-block {
    width: 100%;
  }

  .section-elevatorpitch {
    height: auto;
    min-height: 60vh;
    padding-top: 110px;
  }

  .button-card {
    height: 450px;
  }

  .button-card.sn {
    height: auto;
    min-height: 56px;
  }

  .block-cta {
    min-height: 75px;
  }

  .card-close-button {
    width: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .portrait.sv, .portrait.rs {
    filter: none;
  }

  .photo-wrap {
    flex-direction: column-reverse;
  }

  .adress-block.berlin {
    margin-top: 55px;
  }

  .adress-block.porto {
    margin-top: -55px;
  }

  .card-paragraphs {
    width: auto;
  }

  .case-text.withnotes._10lines, .case-text.withnotes._5lines {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .case-headline {
    overflow: hidden;
  }

  .case-full-viewport.ilw-screens {
    height: auto;
  }

  .slider75 {
    display: block;
  }

  .nav-case-slider {
    display: flex;
  }

  .image-row-33-33 {
    width: 100%;
    height: auto;
    padding-top: 125%;
  }

  .caption.horizontal {
    width: 100%;
    margin-top: 15px;
  }

  .caption.horizontal._25._2slides, .caption.horizontal._50._4slides {
    margin-top: 9.5px;
  }

  .block-1-image {
    flex-direction: column;
  }

  .slider-case-row {
    float: left;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    display: none;
  }

  .h1 {
    font-size: 15px;
    line-height: 20px;
  }

  .image-row-66-66 {
    width: 100%;
    height: auto;
    padding-top: 66.66%;
  }

  .image-75-alt {
    width: 100%;
  }

  .mask-case-slider-row {
    margin-bottom: 0;
  }

  ._1-image-horizontal {
    width: 100%;
    margin-right: 0;
  }

  .slide-100 {
    width: 100%;
  }

  .case-slider-row {
    padding-left: 30px;
    padding-right: 30px;
  }

  .portrait-block {
    width: 100%;
  }

  .case-end {
    padding-top: 200px;
  }

  .image-50 {
    width: 100%;
  }

  .introslide.bw {
    background-image: url('../images/NAMENAME_BW_01c.webp'), url('../images/NAMENAME_BW_01b.webp');
    background-position: 50%, 50%;
    background-repeat: repeat, no-repeat;
    background-size: cover, contain;
  }

  .more-block-2 {
    order: 1;
    margin-top: 15px;
  }

  .canvas-ah {
    background-size: 100%;
  }

  .intro-bg-slider {
    height: 100%;
  }

  .menueicon {
    width: 29px;
    margin-top: -7px;
  }

  .mono.counter {
    font-size: .7rem;
    line-height: 1.3em;
  }

  .standard {
    font-size: .7rem;
    font-weight: 500;
    line-height: 1.3em;
  }

  .description-2 {
    margin-top: 0;
    margin-left: 0;
    display: block;
  }

  .intro-bg-slider-verworfen {
    height: 100%;
  }

  .counter-block-2 {
    float: left;
    clear: none;
    width: 100%;
    margin-bottom: 0;
    margin-right: 10px;
    display: block;
    position: static;
  }

  .brandbox {
    margin-top: 3px;
  }

  .foot-2.introfoot {
    flex-direction: column;
    height: auto;
    padding-bottom: 90px;
    padding-left: 30px;
  }

  .slider50, .slider25 {
    display: block;
  }

  .video-row-66-66 {
    width: 100%;
    height: 250px;
  }

  .video-row-66-66.landscape {
    height: auto;
  }

  .bgvideo-slider-row.landscape {
    padding-top: 66.66%;
  }

  .bgvideo-slider-row.portrait2 {
    padding-top: 125%;
  }

  .bgvideo-slider-row.square {
    padding-top: 100%;
  }

  .slider-replacement-mobile {
    width: 100%;
    display: block;
  }

  .slider-replacement-image {
    width: 100%;
    margin-bottom: 30px;
  }

  .slider-replacement-image.last-image {
    margin-bottom: 0;
  }

  .block-2-images {
    flex-direction: column;
  }

  ._2-images-left {
    width: 100%;
    margin-bottom: 30px;
    margin-right: 0;
  }

  ._2-images-right {
    width: 100%;
    margin-left: 0;
  }

  .cls01 {
    width: 40%;
    inset: 0% -5% auto auto;
  }

  .cls02 {
    width: 60%;
    top: 30%;
    left: auto;
    right: -8%;
  }

  .cls03 {
    width: 45%;
    top: 7%;
    left: -3%;
  }

  .cls04 {
    display: none;
  }

  .cls06 {
    width: 45%;
    top: 45%;
    left: -6%;
  }

  .cls07, .cls08, .cls09 {
    display: none;
  }

  .cls10 {
    width: 56%;
    top: 65%;
    bottom: auto;
    right: -12%;
  }

  .cls11 {
    display: none;
  }

  .imge66 {
    width: 100%;
  }

  .swimgposter {
    background-position: 50%;
    padding-top: 66.66%;
  }

  .slider-case-fullscreen {
    float: left;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .slide-100-image {
    height: auto;
    padding-top: 66.66%;
  }

  .image-25 {
    width: 100%;
  }

  .sw01 {
    width: 66.66%;
    top: 32%;
    left: 13%;
  }

  .sw02 {
    width: 70%;
    top: 0%;
    right: -15%;
  }

  .sw03, .sw04 {
    display: none;
  }

  .sw05 {
    width: 44%;
    top: 73%;
    left: -1%;
    right: auto;
  }

  .sw06 {
    width: 25%;
    top: 62%;
    right: 7%;
  }

  .video-row-33-333 {
    width: 100%;
    height: auto;
  }

  .surname {
    word-break: normal;
  }

  .case-slider-placeholder-mobile {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    width: 100%;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .prptl01 {
    background-position: 50%;
  }

  .prptl02 {
    background-image: url('../images/NAMENAME_PRPTL_Emoji_03c_1.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .prptl05 {
    background-position: 50%, 50%;
  }

  .lobmockup {
    background-position: 50%;
    padding-top: 66.66%;
  }

  .lob05 {
    filter: none;
    width: 37%;
    top: 60%;
    left: 45%;
  }

  .lobimg05 {
    background-image: url('../images/NAMENAME_LOB_17b_lores.webp');
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
  }

  .lob06 {
    filter: none;
    width: 60%;
    top: 33%;
    right: 6%;
  }

  .ilw06 {
    width: 48%;
    top: 78%;
    left: auto;
    right: 7%;
  }

  .ilw07 {
    width: 50%;
    top: 12%;
    left: 66.66%;
  }

  .tsm01 {
    display: none;
  }

  .tsm02 {
    width: 33.33%;
    inset: 75% 6% auto auto;
  }

  .tsm03 {
    width: 33.33%;
    inset: 5% 0% auto auto;
  }

  .tsm04 {
    width: 70%;
    inset: 43% auto auto 15%;
  }

  .tsm05 {
    width: 60%;
    inset: 21% auto auto -7.5%;
  }

  .client-list {
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .bg-video-landscape {
    display: none;
  }

  .exe01 {
    width: 50%;
  }

  .exe02 {
    width: 50%;
    right: 8%;
  }

  .exe03, .mask-6 {
    width: 50%;
  }

  .togglebutton {
    z-index: 3000;
    position: relative;
  }

  .togglebutton-wrap {
    background-color: #0000;
    justify-content: center;
  }

  .menu-block-socialmedia.socialmedia {
    border-left-style: none;
    justify-content: space-between;
    margin-right: -20px;
  }

  .icon-socialmedia {
    background-image: url('../images/NNeu23_icon_instagram-02.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .icon-socialmedia.instagram {
    background-image: url('../images/NNeu23_icon_instagram-01.svg');
  }

  .icon-socialmedia.newsletter {
    background-image: url('../images/NNeu23_icon_letter-01.svg');
  }

  .safari-workaround {
    margin-right: -3px;
  }

  .bg-video-portrait {
    display: block;
  }

  .tt03 {
    width: 40%;
    inset: 20% auto auto -7%;
  }

  .tt02, .tt01 {
    width: 40%;
    inset: 0% -5% auto auto;
  }

  .tt04 {
    width: 36%;
    inset: 5% auto auto 15%;
  }

  .tt05 {
    width: 40%;
    inset: 0% -5% auto auto;
  }

  .tt06 {
    width: 23%;
    display: block;
    inset: 63% auto auto 5%;
  }

  .tt07 {
    width: 66%;
    inset: 80% auto auto -16%;
  }

  .tt08 {
    width: 40%;
    inset: 0% -5% auto auto;
  }

  .tt09 {
    width: 26%;
    display: block;
    inset: 41% auto auto 11%;
  }

  .tt10 {
    width: 21%;
    display: block;
    inset: 53% auto auto 45%;
  }

  .tt11 {
    width: 40%;
    inset: 0% -5% auto auto;
  }

  .tt12 {
    width: 36%;
    display: block;
    inset: 86% auto auto 54%;
  }

  .tt13 {
    width: 40%;
    inset: 0% -5% auto auto;
  }

  .tt14 {
    width: 41%;
    display: block;
    inset: 29% auto auto 34%;
  }

  .tt15 {
    width: 25%;
    display: block;
    inset: 37% auto auto 73%;
  }

  .tt16 {
    width: 37%;
    display: block;
    inset: 5% auto auto 58%;
  }

  .tt17 {
    width: 40%;
    inset: 0% -5% auto auto;
  }

  .tt18 {
    width: 46%;
    display: block;
    inset: 70% auto auto 58.7%;
  }

  .tt19 {
    width: 40%;
    inset: 0% -5% auto auto;
  }

  .form-block {
    margin-top: 25px;
  }

  .submit-button {
    min-width: 120px;
  }

  .submit-button.popup {
    min-width: 120px;
    min-height: 48px;
  }

  .text-field.popup {
    width: 100%;
    height: 48px;
    margin-bottom: 8px;
    margin-right: 0;
    padding-left: 12px;
    font-size: 18px;
  }

  .form {
    text-align: left;
  }

  .form.popup {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .div-block-31 {
    margin-bottom: 0;
  }

  .form-block-popup {
    margin-top: 0;
    display: flex;
  }
}


@font-face {
  font-family: 'Simplon Mono Web S';
  src: url('../fonts/SimplonMono-Medium-WebS.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Zurich Std Black';
  src: url('../fonts/ZurichStdBlack.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Zurich Std Regular';
  src: url('../fonts/ZurichStdRoman.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}