:root {
  --plentymarkets-primary: #d4021d;
  --plentymarkets-secondary: #f1f1f1;
  --micromata-hellblau: #e5f5f7;
  --maus-secondary: #fbefe8;
  --kk22-secondary: #f2e8f2;
  --zwocar-secondary: #fbe8ef;
  --nordschritt-secondary: #d4ecff;
  --eam-secondary: #e8f3ea;
  --ifgroup3: #d7bfbb;
  --machbar-green: #c7d530;
  --plentymarkets-main: var(--micromata-main);
  --maus-primary: #db5f1d;
  --zwocar-primary: #d61c5e;
  --black: #333;
  --nordschritt-primary: #004170;
  --eam-primary: #198732;
  --klaerschilf-primary: #174456;
  --machbar-dunkelgrün: #407f72;
  --micromata-main: #009bac;
  --kk22-primary: #82167b;
  --ifgroup-primary: white;
  --ifgroup-secondary: #83493c;
  --klaerschilf-secondary: #d5d2c3;
  --blsck: var(--maus-primary);
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline: none;
  box-shadow: none;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

img {
  width: 100%;
  display: inline-block;
}

.container {
  z-index: 5;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.container.horizontal {
  display: flex;
}

.container.intro {
  max-width: 1600px;
  display: flex;
  position: static;
}

.container.intro.widescreen {
  max-width: 1600px;
}

.container.centered {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.container.cta-rot {
  background-image: url('../images/m_bildmarke_rot.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 360px;
  display: flex;
}

.container.cta-rot.vertical {
  background-image: url('../images/m_bildmarke_rot.png');
}

.container.cta-violett {
  background-image: url('../images/m_bildmarke_violett.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 360px;
  display: flex;
}

.container.cta-violett.vertical {
  background-image: url('../images/m_bildmarke_grün.png');
}

.container.cta-hellblau {
  background-image: url('../images/m_bildmarke_hellblau.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 360px;
  display: flex;
}

.container.cta-gr-n {
  background-image: url('../images/m_bildmarke_grün.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 360px;
  display: flex;
}

.container.benefits {
  margin-top: 60px;
}

.container.datenschutz, .container.datenschutz.last {
  margin-bottom: 80px;
}

.container.cta-blau {
  background-image: url('../images/m_bildmarke_blau.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 360px;
  display: flex;
}

.container.cta-hellgr-n {
  background-image: url('../images/m_bildmarke_gelbgrün.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1600px;
  height: 360px;
  display: flex;
}

.container.button {
  margin-top: 0;
  padding: 0;
}

.container.text-text {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: auto;
  display: flex;
}

.container._404 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container.responsivesquare {
  aspect-ratio: 16 / 9;
  background-color: var(--plentymarkets-primary);
  justify-content: center;
  padding-top: 6%;
  padding-bottom: 4%;
  display: flex;
}

.container.plenty {
  background-color: var(--plentymarkets-secondary);
}

.container.text-image {
  display: flex;
}

.container.iftop {
  padding-left: 0;
  padding-right: 180px;
}

.container.widescreen {
  max-width: none;
}

.section-paragraph {
  padding: 120px 60px;
}

.section-paragraph.micromata {
  background-color: var(--micromata-hellblau);
}

.section-paragraph.sonor {
  background-color: #e5f0f2;
}

.section-paragraph.sonor.naeher {
  padding-top: 40px;
}

.section-paragraph.diemausapp, .section-paragraph._3dmaus {
  background-color: var(--maus-secondary);
}

.section-paragraph.kk22 {
  background-color: var(--kk22-secondary);
}

.section-paragraph.zwocar {
  background-color: var(--zwocar-secondary);
}

.section-paragraph.nordschritt {
  background-color: var(--nordschritt-secondary);
}

.section-paragraph.plenty {
  background-color: var(--plentymarkets-secondary);
}

.section-paragraph.plenty3 {
  background-color: #1f485e;
}

.section-paragraph.eam {
  background-color: var(--eam-secondary);
}

.section-paragraph.ifgroup {
  background-color: var(--ifgroup3);
}

.headline {
  -webkit-text-stroke-color: #ccc;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Informative, sans-serif;
  font-size: 50px;
  line-height: 60px;
}

.headline.case {
  color: var(--machbar-green);
}

.headline.micromata {
  color: var(--plentymarkets-main);
}

.headline.diemausapp, .headline._3dmaus {
  color: var(--maus-primary);
}

.headline.kk22 {
  color: #82167b;
}

.headline.zwocar {
  color: var(--zwocar-primary);
}

.headline.white {
  color: #fff;
  margin-bottom: 40px;
  margin-right: 0;
}

.headline.white.teaser {
  margin-right: 0;
}

.headline.yellow {
  color: #ffd958;
  margin-bottom: 0;
  font-size: 84px;
  line-height: 100px;
}

.headline.red {
  color: #e1423c;
  max-width: 1000px;
}

.headline.logo {
  color: #fff;
  font-size: 40px;
  line-height: 46px;
}

.headline.big {
  margin-bottom: 0;
  font-size: 70px;
  line-height: 80px;
}

.headline.big.green {
  color: var(--machbar-green);
}

.headline.big.hellblau {
  color: #5fb4ac;
}

.headline.big.darkgreen {
  color: #407f72;
  margin-right: 220px;
  padding-right: 0;
}

.headline.big.blue {
  color: #403c90;
}

.headline.dunkelgr-n {
  color: #407f72;
  max-width: 1000px;
}

.headline.hellblau {
  color: #5fb4ac;
}

.headline.dunkelrot {
  color: #581642;
}

.headline.footer {
  color: #fff;
  width: 330px;
  margin-bottom: 0;
  font-size: 80px;
  line-height: 70px;
}

.headline.footer.eyebrow {
  color: var(--machbar-green);
  font-size: 20px;
  line-height: 30px;
}

.headline.footer.home {
  line-height: 60px;
}

.headline.blau {
  color: #403c90;
}

.headline.hellgr-n {
  color: var(--machbar-green);
}

.headline.startseite {
  font-size: 100px;
  line-height: 106px;
}

.headline.startseite-teaser {
  margin-bottom: 20px;
}

.headline.startseite-teaser.maus {
  color: var(--black);
}

.headline.green {
  color: var(--machbar-green);
}

.headline.plentymarkets {
  color: var(--plentymarkets-primary);
}

.headline.nordschritt {
  color: var(--nordschritt-primary);
}

.headline.plenty3 {
  color: var(--micromata-hellblau);
}

.headline.eam {
  color: var(--eam-primary);
}

.headline.ifgroup {
  color: var(--klaerschilf-primary);
}

.headline.home {
  font-size: 100px;
  line-height: 106px;
}

.headline.home.dunkelgr-n {
  max-width: 1100px;
}

.headline.black {
  color: var(--black);
}

.headline.ausbildungstitel {
  color: var(--machbar-green);
  margin-bottom: 0;
}

.headline.ausbildung {
  color: var(--machbar-dunkelgrün);
}

.subheadline {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Informative, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.subheadline.case {
  color: var(--machbar-green);
}

.subheadline.micromata {
  color: var(--micromata-main);
}

.subheadline.diemausapp, .subheadline._3dmaus {
  color: var(--maus-primary);
}

.subheadline.kk22 {
  color: var(--kk22-primary);
}

.subheadline.zwocar {
  color: var(--nordschritt-primary);
}

.subheadline.plentymarkets {
  color: var(--plentymarkets-primary);
}

.subheadline.plenty3 {
  color: #fff;
}

.subheadline.eam {
  color: var(--eam-primary);
}

.subheadline.ifgroup {
  color: var(--ifgroup-primary);
}

.paragraph {
  color: #000;
  margin-bottom: 0;
  margin-right: 20px;
  font-family: Inter-Lokal, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.paragraph.page {
  max-width: 1000px;
  font-weight: 300;
}

.paragraph.white {
  opacity: 1;
  color: #fff;
  width: 100%;
}

.paragraph.white.abstandlinks {
  margin-left: 40px;
}

.paragraph.bold {
  font-weight: 700;
}

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

.paragraph.jobliste {
  margin-top: 40px;
}

.paragraph.jobliste._1, .paragraph.jobliste._2, .paragraph.jobliste._3, .paragraph.jobliste._4 {
  display: none;
}

.paragraph.jobliste.is-open {
  display: block;
}

.paragraph.halb {
  flex: 1;
  max-width: 700px;
  margin-right: 0;
}

.paragraph.plenty3, .paragraph.ifgroup {
  color: #fff;
}

.paragraph.form {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  flex-flow: row;
  font-size: 14px;
  display: block;
}

.filler-block {
  width: 50%;
  padding-right: 20px;
}

.text-block {
  width: 50%;
  padding-left: 20px;
}

.section-intro {
  color: var(--plentymarkets-main);
  background-color: #fff;
  padding: 80px 60px 120px;
}

.section-intro.ifgroup {
  background-color: var(--ifgroup-secondary);
}

.project-block {
  width: 50%;
  margin-bottom: 0;
  padding-right: 10px;
}

.leistungen {
  margin-bottom: 40px;
}

.projectbox---text-bold {
  font-family: Informative, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.projectbox---text-bold.case {
  color: var(--machbar-green);
}

.projectbox---text-bold.micromata {
  color: var(--micromata-main);
}

.projectbox---text-bold.diemausapp, .projectbox---text-bold._3dmaus {
  color: var(--maus-primary);
}

.projectbox---text-bold.kk22 {
  color: #82167b;
}

.projectbox---text-bold.zwocar {
  color: var(--zwocar-primary);
}

.projectbox---text-bold.plentymarkets {
  color: var(--plentymarkets-primary);
}

.projectbox---text-bold.nordschritt {
  color: var(--nordschritt-primary);
}

.projectbox---text-bold.eam {
  color: var(--eam-primary);
}

.projectbox---text-bold.ifgroup {
  color: var(--klaerschilf-primary);
}

.projectbox---text {
  color: #333;
  font-family: Informative, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.projectbox---text.ifgroup {
  color: #fff;
}

.section-divider-big {
  height: 120px;
}

.section-divider-big.white {
  background-color: var(--ifgroup-primary);
  color: #000;
}

.section-divider-big.white.riesig {
  height: 500px;
}

.section-divider-big.micromata {
  background-color: var(--micromata-hellblau);
}

.section-divider-big.sonor {
  background-color: #e5f0f2;
}

.section-divider-big.diemausapp, .section-divider-big._3dmaus {
  background-color: var(--maus-secondary);
}

.section-divider-big.kk22 {
  background-color: var(--kk22-secondary);
}

.section-divider-big.zwocar {
  background-color: var(--zwocar-secondary);
}

.section-divider-big.black {
  background-color: var(--plentymarkets-secondary);
}

.section-divider-big.nordschritt {
  background-color: var(--nordschritt-secondary);
  color: var(--nordschritt-primary);
}

.section-divider-big.nordschritt2 {
  background-color: var(--nordschritt-primary);
}

.section-divider-big.plenty {
  background-color: var(--plentymarkets-secondary);
}

.section-divider-big.plenty3 {
  background-color: #1f485e;
}

.section-divider-big.eam {
  background-color: var(--eam-secondary);
}

.section-divider-big.ifgroup {
  background-color: var(--ifgroup3);
}

.section-divider-big.klaerschilf {
  background-color: var(--klaerschilf-secondary);
}

.section-divider-big.klaerschilf2 {
  background-color: var(--klaerschilf-primary);
}

.section-header {
  justify-content: center;
  align-items: center;
  height: 80vh;
  display: flex;
  overflow: hidden;
}

.section-header.micromata {
  object-fit: scale-down;
  background-image: url('../images/headerstage_posterimage_micromata_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  margin-bottom: 40px;
  padding-bottom: 0;
  padding-left: 0%;
  padding-right: 0%;
  position: relative;
}

.section-header.sonor {
  background-image: url('../images/sonor_bg_header3.jpg');
  background-position: 50%;
  background-size: cover;
  margin-bottom: 40px;
  position: relative;
}

.section-header.diemausapp {
  background-color: var(--maus-primary);
  object-fit: scale-down;
  background-image: url('../images/wdr_mausapp_headerimage.gif');
  background-position: 50%;
  background-size: cover;
  margin-bottom: 40px;
  padding-left: 0%;
  padding-right: 0%;
  position: relative;
}

.section-header._3dmaus {
  background-image: url('../images/3DMaus_Header_Standbild.png');
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.section-header.kk22 {
  object-fit: scale-down;
  background-color: #0000;
  background-image: url('../images/bg_kasselkulturheader.jpg');
  background-position: 50%;
  background-size: cover;
  height: 80vh;
  position: relative;
}

.section-header.zwocar {
  object-fit: scale-down;
  background-image: url('../images/zwocar_header_video.jpg');
  background-position: 50%;
  background-size: cover;
  margin-bottom: 40px;
  padding-left: 0%;
  padding-right: 0%;
  position: relative;
}

.section-header.test {
  background-color: var(--machbar-green);
}

.section-header.plenty {
  object-fit: scale-down;
  background-image: url('../images/plenty_header_posterimage2.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 0;
  margin-bottom: 40px;
  position: relative;
}

.section-header.nordschritt {
  background-image: url('../images/Nordschritt_Hero_posterimage.jpg');
  background-position: 50%;
  background-size: cover;
  margin-bottom: 40px;
  position: relative;
}

.section-header.ifgroup {
  background-color: var(--ifgroup-secondary);
  color: var(--black);
  margin-bottom: 40px;
  position: relative;
}

.section-header.klaerschilf {
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-image: url('../images/klaerschilf_heroimage_bg2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
  width: auto;
  position: relative;
  inset: 0%;
}

.section-1-image {
  padding-left: 60px;
  padding-right: 60px;
}

.section-1-image.white {
  background-color: #fff;
}

.section-1-image.micromata {
  background-color: var(--micromata-hellblau);
}

.section-1-image.sonor {
  background-color: #e5f0f2;
}

.section-1-image.diemausapp, .section-1-image._3dmaus {
  background-color: var(--maus-secondary);
}

.section-1-image.kk22 {
  background-color: var(--kk22-secondary);
}

.section-1-image.zwocar {
  background-color: var(--zwocar-secondary);
}

.section-1-image.nordschritt {
  background-color: var(--nordschritt-secondary);
}

.section-1-image.nordschritt2 {
  background-color: var(--nordschritt-primary);
}

.section-1-image.plenty {
  background-color: var(--plentymarkets-secondary);
}

.section-1-image.plenty3, .section-1-image.plenty4 {
  background-color: #1f485e;
}

.section-1-image.eam {
  background-color: var(--eam-secondary);
}

.section-1-image.ifgroup {
  background-color: var(--ifgroup3);
  padding-left: 60px;
  padding-right: 60px;
}

.section-1-image.black {
  background-color: var(--ifgroup-secondary);
}

.section-1-image.klaerschilf {
  background-color: var(--klaerschilf-secondary);
}

.section-1-image.klaerschilf2 {
  background-color: var(--klaerschilf-primary);
}

.section-2-images {
  padding-left: 60px;
  padding-right: 60px;
}

.section-2-images.white {
  background-color: #fff;
}

.section-2-images._3dmaus, .section-2-images.diemausapp {
  background-color: var(--maus-secondary);
}

.section-2-images.kk22 {
  background-color: var(--kk22-secondary);
}

.section-2-images.plenty {
  background-color: var(--plentymarkets-secondary);
}

.section-2-images.nordschritt {
  background-color: var(--nordschritt-secondary);
}

.section-3-images {
  padding-left: 100px;
  padding-right: 100px;
}

.section-3-images.white {
  background-color: #fff;
}

.section-3-images.micromata {
  background-color: var(--micromata-hellblau);
  padding-left: 60px;
  padding-right: 60px;
}

.section-3-images.plenty {
  background-color: var(--plentymarkets-secondary);
}

.section-3-images.eam {
  background-color: var(--eam-secondary);
}

.section-3-images.ifgroup {
  background-color: var(--ifgroup-secondary);
}

.section-divider-small {
  height: 40px;
}

.section-divider-small.white {
  background-color: #fff;
}

.section-divider-small.white.ifgroup2 {
  background-color: #868686;
}

.section-divider-small.micromata {
  background-color: var(--micromata-hellblau);
}

.section-divider-small.sonor {
  background-color: #e5f0f2;
}

.section-divider-small.diemausapp, .section-divider-small._3dmaus {
  background-color: var(--maus-secondary);
}

.section-divider-small.kk22 {
  background-color: var(--kk22-secondary);
}

.section-divider-small.plenty {
  background-color: var(--plentymarkets-secondary);
}

.section-divider-small.nordschritt {
  background-color: var(--nordschritt-secondary);
}

.section-divider-small.eam {
  background-color: var(--eam-secondary);
}

.section-divider-small.ifgroup {
  background-color: var(--ifgroup3);
  height: 28px;
}

.section-divider-small.black {
  background-color: var(--ifgroup-secondary);
}

.section-divider-small.klaerschilf {
  background-color: var(--klaerschilf-secondary);
}

.section-divider-small.klaerschilf2 {
  background-color: var(--klaerschilf-primary);
}

.column-1 {
  padding-right: 20px;
}

.column-1.right {
  text-align: right;
}

.column-2 {
  padding-left: 20px;
}

.column-3 {
  padding-left: 30px;
  padding-right: 0;
}

.body {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.section-quote {
  padding: 120px 100px;
}

.section-quote.micromata {
  background-color: var(--micromata-hellblau);
  padding-left: 60px;
  padding-right: 60px;
}

.section-quote.sonor {
  background-color: #e5f0f2;
}

.section-quote.kk22 {
  background-color: var(--kk22-secondary);
  padding-left: 60px;
  padding-right: 60px;
}

.section-quote.diemausapp {
  background-color: var(--maus-secondary);
  padding-left: 60px;
  padding-right: 60px;
}

.section-quote.zwocar {
  background-color: var(--zwocar-secondary);
  padding-left: 60px;
  padding-right: 60px;
}

.section-quote.plentymarkets {
  background-color: #f1f1f1;
  padding-left: 60px;
  padding-right: 60px;
}

.section-quote.nordschritt {
  background-color: var(--nordschritt-secondary);
}

.section-quote.eam {
  background-color: var(--eam-secondary);
}

.section-quote.ifgroup {
  background-color: var(--ifgroup3);
}

.section-quote.black {
  background-color: var(--ifgroup-secondary);
}

.section-quote.plenty {
  background-color: var(--plentymarkets-secondary);
}

.section-quote.klaerschilf {
  background-color: var(--klaerschilf-secondary);
}

.quote-text {
  padding-bottom: 40px;
  font-family: Informative, sans-serif;
  font-size: 38px;
  font-style: italic;
  font-weight: 500;
  line-height: 44px;
}

.quote-block {
  max-width: 50%;
  padding-right: 10px;
}

.quote-author {
  color: #333;
  margin-bottom: 20px;
  font-family: Inter-Lokal, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
}

.quote-author.case {
  color: var(--machbar-green);
}

.quote-author.maus {
  color: var(--maus-primary);
  -webkit-text-stroke-color: var(--nordschritt-primary);
}

.quote-author.micromata {
  color: var(--micromata-main);
}

.quote-author.zwocar {
  color: var(--zwocar-primary);
}

.quote-author.kk22 {
  color: var(--kk22-primary);
}

.quote-author.prozess {
  color: #e1423c;
  max-width: 1000px;
}

.quote-author.prozess.hellgr-n {
  color: var(--machbar-green);
}

.quote-author.prozess.marke {
  color: #407f72;
}

.quote-author.prozess.marke.abstand {
  color: #407f72;
  margin-top: 40px;
}

.quote-author.hellblau {
  color: #5fb4ac;
}

.quote-author.hinweis {
  color: #e1423c;
}

.quote-author.hinweis.green {
  color: var(--machbar-green);
}

.quote-author.plentymarkets {
  color: var(--plentymarkets-primary);
  font-weight: 300;
}

.quote-author.nordschritt {
  color: var(--nordschritt-primary);
}

.quote-author.eam {
  color: var(--eam-primary);
}

.quote-author.ifgroup {
  color: var(--ifgroup-secondary);
}

.quote-author.sonor {
  color: var(--plentymarkets-main);
}

.quote-author.white {
  color: var(--ifgroup-primary);
}

.quote-author.klaerschilf {
  color: var(--klaerschilf-primary);
  font-weight: 500;
}

.section-1-video {
  padding-left: 60px;
  padding-right: 60px;
}

.section-1-video.white {
  background-color: #fff;
}

.section-1-video.micromata {
  background-color: var(--micromata-hellblau);
  padding-left: 60px;
  padding-right: 60px;
}

.section-1-video.sonor {
  background-color: #e5f0f2;
}

.section-1-video._3dmaus {
  background-color: var(--maus-secondary);
}

.section-1-video.kk22 {
  background-color: var(--kk22-secondary);
}

.section-1-video.zwocar {
  background-color: var(--zwocar-secondary);
}

.section-1-video.nordschritt {
  background-color: var(--nordschritt-secondary);
  color: var(--kk22-primary);
}

.section-1-video.plenty {
  background-color: var(--plentymarkets-secondary);
}

.section-1-video.plenty2 {
  background-color: #1f485e;
}

.section-1-video.eam {
  background-color: var(--eam-secondary);
}

.section-1-video.ifgroup {
  background-color: var(--ifgroup3);
}

.section-1-video.klaerschilf {
  background-color: var(--klaerschilf-secondary);
}

.section-1-video.klaerschilf2 {
  background-color: var(--klaerschilf-primary);
}

.section-2-video {
  padding-left: 60px;
  padding-right: 60px;
}

.section-2-video.white {
  background-color: #fff;
}

.section-2-video.micromata {
  background-color: var(--micromata-hellblau);
  padding-left: 60px;
  padding-right: 60px;
}

.section-2-video.eam {
  background-color: var(--eam-secondary);
}

.section-2-video.ifgroup {
  background-color: var(--ifgroup3);
}

.section-2-video.black {
  background-color: var(--ifgroup-secondary);
}

.section-2-video.plenty {
  background-color: var(--plentymarkets-secondary);
}

.section-2-video.klaerschilf {
  background-color: var(--klaerschilf-secondary);
}

.section-2-video.klaerschilf2 {
  background-color: var(--klaerschilf-primary);
}

.section-3-videos {
  padding-left: 100px;
  padding-right: 100px;
}

.header_video_embed {
  background-color: var(--ifgroup-primary);
  object-fit: contain;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  max-height: none;
  margin: auto;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.button {
  color: #fff;
  letter-spacing: 1px;
  text-transform: none;
  border-radius: 50px;
  margin-top: 40px;
  padding: 12px 32px 14px;
  font-family: Informative, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.image, .image-2 {
  margin-top: 0;
}

.section-next-projects {
  padding: 120px 100px;
}

.section-next-projects.micromata {
  background-color: var(--micromata-main);
}

.section-next-projects._3dmaus {
  background-color: #e96a26;
}

.section-next-projects.diemausapp {
  background-color: var(--maus-primary);
}

.section-next-projects.sonor {
  background-color: #e5f0f2;
}

.section-next-projects.kk22 {
  background-color: var(--kk22-primary);
}

.section-next-projects.zwocar {
  background-color: var(--zwocar-primary);
}

.section-next-projects.nordschritt {
  background-color: var(--nordschritt-primary);
}

.section-next-projects.eam {
  background-color: var(--eam-primary);
}

.section-next-projects.ifgroup {
  background-color: var(--ifgroup-primary);
}

.section-next-projects.profil {
  background-color: var(--machbar-green);
}

.section-next-projects.prozess {
  background-color: #e1423c;
}

.section-next-projects.team {
  background-color: #403c90;
}

.section-next-projects.projekte {
  background-color: #407f72;
}

.section-next-projects.kontakt {
  background-color: #5fb4ac;
}

.section-next-projects.jobs {
  background-color: #581642;
}

.caseteaser_textbox {
  z-index: 2;
  text-align: left;
  max-width: 500px;
  margin-bottom: 40px;
  margin-left: 40px;
  margin-right: 40px;
  position: absolute;
  inset: auto auto 0% 0%;
  overflow: visible;
}

.caseteaser_text {
  color: #fff;
  margin-bottom: 0;
  font-family: Inter-Lokal, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.caseteaser_headline {
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Informative, sans-serif;
  font-size: 40px;
  line-height: 46px;
}

.section-cases {
  padding: 120px 100px;
  position: relative;
}

.section-cases.impressionen {
  background-color: #e4ecea;
}

.section-cases.plenty {
  background-color: var(--plentymarkets-secondary);
  padding-top: 40px;
}

.section-cases.schmaler {
  padding-top: 40px;
}

.caseteaser {
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}

.case_link_block {
  cursor: pointer;
  width: 100%;
}

.html-embed {
  width: 100%;
}

.section-sonorlottie {
  padding-left: 100px;
  padding-right: 100px;
}

.section-sonorlottie.sonor {
  background-color: #e5f0f2;
  height: 70dvw;
  max-height: 1200px;
  position: static;
}

.bild-sonor-lottie-3 {
  max-width: 1440px;
  padding-top: 30%;
  padding-left: 2%;
  padding-right: 0%;
  display: inline-block;
  position: absolute;
}

.sonor_lottie_2, .sonor_lottie_1 {
  max-width: 1440px;
  position: relative;
}

.bild-sonor-lottie-1 {
  object-fit: fill;
  max-width: 1440px;
  margin-top: 0%;
  padding-top: 35%;
  padding-left: 15%;
  padding-right: 42%;
  display: inline-block;
  position: absolute;
}

.sonor_lottie_3 {
  max-width: 1440px;
  position: relative;
}

.bild-sonor-lottie-2 {
  max-width: 1440px;
  padding-top: 12%;
  padding-left: 15%;
  padding-right: 17%;
  display: inline-block;
  position: absolute;
}

.sonor_lottie_3-copy {
  max-width: 1440px;
  position: relative;
}

.bild-sonor-lottie-4 {
  max-width: 1440px;
  padding-top: 0%;
  padding-left: 0%;
  padding-right: 5%;
  display: inline-block;
  position: absolute;
}

.mockup_iphonehoch {
  text-align: left;
  width: auto;
  max-height: 1040px;
}

.section-pageheader {
  padding: 160px 100px 120px;
}

.section-pageheader.prozess {
  background-color: #e1423c;
}

.section-pageheader.team {
  background-color: #403c90;
}

.section-pageheader.projekte {
  background-color: #407f72;
}

.section-pageheader.jobs {
  background-color: #581642;
}

.section-pageheader.profil {
  background-color: var(--machbar-green);
}

.section-pageheader.kontakt {
  background-color: #5fb4ac;
}

.section-pageheader.impressum {
  background-color: #333;
}

.section-pageheader.ausbildung {
  background-color: var(--machbar-dunkelgrün);
  background-image: url('../images/Ausbildung_machbar_m_Hell.png');
  background-position: 70%;
  background-repeat: no-repeat;
  background-size: 400px;
}

.section-pageparagraph {
  word-break: normal;
  padding: 120px 100px;
}

.section-pageparagraph.prozess {
  background-color: #fbe3e2;
}

.section-pageparagraph.prozess.dark {
  background-color: #e1423c;
}

.section-pageparagraph.hellrot {
  background-color: #fbe3e2;
}

.section-pageparagraph.gl {
  background-color: #f7f9e0;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.section-navbar {
  z-index: 5;
  text-align: left;
  justify-content: center;
  display: flex;
  position: static;
}

.link-block {
  z-index: 500;
  text-decoration: none;
  position: relative;
}

.link-block.logo {
  flex: 0 auto;
  align-items: center;
  height: 50px;
  display: block;
}

.link-block.cta {
  z-index: 2;
  margin-top: 20px;
}

.link-block.startseite {
  margin-top: 40px;
}

.link-block._404 {
  margin-top: 0;
}

.lottie_hamburger {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-left: 20px;
  transition: opacity .25s;
}

.lottie_hamburger:hover, .lottie_hamburger:active {
  opacity: .5;
}

.navbar_content {
  z-index: 3;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 0;
  background-color: #333;
  border-radius: 0;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.navigation_link {
  color: #fff;
  text-align: center;
  width: 250px;
  margin-bottom: 20px;
  font-family: Informative, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 56px;
  text-decoration: none;
}

.navigation_link.home {
  transition: color .25s ease-out;
}

.navigation_link.home:hover {
  color: #407f72;
}

.navigation_link.home.w--current {
  width: 350px;
}

.navigation_link.projekte {
  transition: color .5s ease-out;
}

.navigation_link.projekte:hover {
  color: var(--machbar-green);
}

.navigation_link.projekte.w--current {
  transition-duration: .25s;
}

.navigation_link.prozess {
  transition: color .25s ease-out;
}

.navigation_link.prozess:hover, .navigation_link.prozess.w--current:hover {
  color: #581642;
}

.navigation_link.team {
  transition: color .25s ease-out;
}

.navigation_link.team:hover {
  color: #5fb4ac;
}

.navigation_link.jobs {
  transition: color .25s ease-out;
}

.navigation_link.jobs:hover {
  color: #e1423c;
}

.navigation_link.profil {
  transition: color .25s ease-out;
}

.navigation_link.profil:hover {
  color: #407f72;
}

.navigation_link.kontakt {
  transition: color .25s ease-out;
}

.navigation_link.kontakt:hover {
  color: #403c90;
}

.navigation_link.machbarhome {
  width: 350px;
  transition: color .25s ease-out;
}

.navigation_link.machbarhome:hover {
  color: #407f72;
}

.navigation_link.machbarhome.w--current {
  width: 350px;
}

.navigation_links {
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.navigation_socials {
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 0;
  display: flex;
}

.social_icon {
  width: 40px;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
}

.social_linkblock {
  cursor: pointer;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-left: 10px;
  margin-right: 10px;
  transition: opacity .25s;
  display: flex;
}

.social_linkblock:hover {
  opacity: .66;
}

.social_linkblock:active {
  opacity: 1;
}

.navbar-container {
  z-index: 5;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1640px;
  margin-top: 20px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
  position: absolute;
}

.fp-wrapper {
  width: 100%;
  height: 100vh;
}

.slide-content-wrapper {
  flex-direction: column;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slide-content-wrapper.color1 {
  background-color: var(--machbar-green);
  background-image: url('../images/Machbar_Reel_2_Standbild.jpg');
  background-position: 50%;
  background-size: cover;
  flex-direction: row;
  height: 100vh;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.slide-content-wrapper.color2 {
  background-color: var(--maus-primary);
  background-image: url('../images/3d-mausheaderstandbild.jpg');
  background-position: 50%;
  background-size: cover;
  flex-direction: row;
  align-items: center;
  display: flex;
  top: 0%;
  left: 0%;
  right: 0%;
}

.slide-content-wrapper.color3 {
  background-color: var(--micromata-main);
  background-image: url('../images/headerstage_posterimage_micromata_1.jpg');
  background-position: 50%;
  background-size: cover;
  flex-direction: row;
  align-items: center;
  top: 0%;
  left: 0%;
  right: 0%;
}

.slide-content-wrapper.color4 {
  background-color: #000;
  background-image: url('../images/bg_startseite.jpg');
  background-position: 50%;
  background-size: cover;
  flex-direction: row;
  align-items: center;
  top: 0%;
  left: 0%;
  right: 0%;
}

.slide-content-wrapper.color5 {
  background-color: #2f2f2f;
  flex-direction: row;
  align-items: center;
}

.slide-content-wrapper.prozess {
  background-color: #e1423c;
}

.slide-content-wrapper.team {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #403c90;
  background-image: image-set(url('../images/Website_Teambilder.webp') type('image/webp'), url('../images/Website_Teambilder.jpg') type('image/jpeg'));
  background-position: 50%;
  background-size: cover;
}

.slide-content-wrapper.profil {
  background-color: #c7d530;
}

.slide-content-wrapper.plenty {
  background-color: #224d60;
  background-image: url('../images/plenty_header_posterimage2.jpg');
  background-position: 50%;
  background-size: cover;
  flex-direction: row;
  align-items: center;
}

.slide-content-wrapper.machbarhome {
  background-image: linear-gradient(#00000080, #00000080), image-set(url('../images/machbar.home.webp') type('image/webp'), url('../images/machbar.home.jpg') type('image/jpeg'));
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.slide-content-wrapper.color6 {
  background-image: url('../images/posterimage_grimm_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.section {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

.section.home_section {
  position: relative;
  inset: 0% 0% auto;
}

.page-divider {
  height: 40px;
}

.section-cta {
  color: #403c90;
  padding: 120px 100px 0;
}

.cta-textbox {
  flex: 1;
  margin-top: -120px;
}

.cta-textbox.begrenzt {
  padding-right: 600px;
}

.cta-buttonbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -120px;
  margin-bottom: 0;
  display: block;
}

.cta-button {
  color: #fff;
  letter-spacing: 1px;
  text-transform: none;
  border-radius: 50px;
  margin-top: 0;
  padding: 12px 32px 14px;
  font-family: Informative, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  transition: opacity .15s;
}

.cta-button:hover {
  opacity: .75;
}

.cta-button.rot {
  background-color: #e1423c;
  margin-top: 0;
  margin-bottom: 0;
}

.cta-headline {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Informative, sans-serif;
  font-size: 50px;
  line-height: 56px;
}

.cta-headline.thin {
  margin-bottom: 0;
  font-weight: 500;
}

.cta-headline.thin.rot {
  color: #e1423c;
}

.cta-headline.thin.violett {
  color: #581642;
}

.cta-headline.thin.hellblau {
  color: #5fb4ac;
}

.cta-headline.thin.gr-n {
  color: #407f72;
}

.cta-headline.thin.hellgr-n {
  color: var(--machbar-green);
}

.cta-headline.thin.ausbildung {
  color: #407f72;
}

.cta-headline.rot {
  color: #e1423c;
}

.cta-headline.violett {
  color: #581642;
}

.cta-headline.hellblau {
  color: #5fb4ac;
}

.cta-headline.gr-n {
  color: #407f72;
}

.cta-headline.hellgr-n {
  color: var(--machbar-green);
}

.cta-headline.ausbildung {
  color: var(--machbar-dunkelgrün);
}

.video_with_posterimage {
  z-index: 1;
  opacity: 1;
  object-fit: fill;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.posterimage_of_video {
  z-index: 2;
}

.video_w_pi_div {
  position: relative;
}

.case-divider-small {
  height: 35px;
  display: block;
}

.playbtn {
  z-index: 50;
  justify-content: center;
  align-items: center;
  display: block;
  position: absolute;
  inset: 0%;
}

.image-3 {
  width: 200px;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.background-video {
  opacity: 1;
  position: absolute;
}

.div-block {
  opacity: 0;
  background-color: #0000;
  position: absolute;
}

.header_image_backup {
  opacity: 1;
  object-fit: cover;
  border-radius: 0;
  height: 80vh;
}

.columns {
  margin-left: -20px;
}

.column-2-3ergrid, .column-1-3ergrid, .column-3-3ergrid {
  padding-left: 20px;
  padding-right: 20px;
}

.container-3ergrid {
  z-index: 5;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-team-images {
  padding: 0 100px 120px;
  position: relative;
}

.mitarbeiter {
  width: 100%;
  height: 100%;
  position: relative;
}

.mitarbeiter-foto {
  width: 100%;
}

.overlay {
  background-image: linear-gradient(to top, #000000a8, #0000 50%);
  display: block;
  position: absolute;
  inset: 0%;
}

.mitarbeiter-text {
  margin-bottom: 40px;
  margin-left: 40px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.mitarbeiter-text-titel {
  color: #afd9d5;
  font-family: Inter-Lokal, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
}

.mitarbeiter-text-name {
  color: #fff;
  font-family: Inter-Lokal, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

.image-divider-small {
  height: 40px;
  display: block;
}

.section-jobliste {
  background-color: #e6dce3;
  padding: 120px 100px;
}

.headline-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Informative, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

.headline-2.jobliste {
  color: #e1423c;
  flex: 1;
  line-height: 44px;
}

.headline-2.hellblau {
  color: #5fb4ac;
}

.headline-2.datenschutz {
  margin-bottom: 32px;
}

.headline-2.rot {
  color: #e1423c;
}

.headline-2.link {
  color: #fff;
  font-size: 26px;
  line-height: 32px;
}

.headline-2.link.dunkelrot {
  color: #581642;
}

.headline-2.link.black {
  color: #333;
}

.headline-2.link.hellgr-n {
  color: var(--machbar-green);
}

.headline-2.link.hellblau {
  color: #5fb4ac;
}

.headline-2.link.rot {
  color: #e1423c;
}

.headline-2.link.dunkelgr-n {
  color: #407f72;
}

.headline-2.link.blau {
  color: #403c90;
}

.headline-2.link._404 {
  color: var(--machbar-green);
}

.lottie-dropdown {
  width: 50px;
  height: 50px;
}

.divider-jobs {
  background-color: #ab8aa0;
  height: 2px;
  margin-top: 40px;
  margin-bottom: 40px;
  display: block;
}

.section-image-grid {
  padding: 120px 100px;
  position: relative;
}

.section-image-grid.jobs {
  padding-bottom: 0;
}

.startseite-contentbox {
  z-index: 100;
  justify-content: center;
  align-items: center;
  max-width: 1640px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.startseite-contentbox.text {
  z-index: 100;
  justify-content: flex-start;
  align-items: flex-end;
  padding-bottom: 60px;
}

.startseite-contentbox.text.hidden {
  display: none;
}

.startseite-contentbox.footer {
  flex-direction: column;
  justify-content: center;
}

.startseite-contentbox.unterseite {
  justify-content: flex-start;
  padding-left: 100px;
  padding-right: 100px;
}

.startseite-contentbox.sonor {
  z-index: 10;
}

.startseite-contentbox.header {
  flex-direction: column;
}

.header_embed_video {
  opacity: 1;
  -webkit-text-fill-color: inherit;
  object-fit: contain;
  background-color: #0000;
  background-clip: border-box;
  border: 3px #cd2e2e;
  border-radius: 0;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.startseite-textbox {
  z-index: 250;
  text-align: left;
  max-width: 500px;
  display: block;
  position: relative;
  inset: auto auto 0% 0%;
  overflow: visible;
}

.startseite-textbox.unterseite {
  max-width: 1440px;
}

.section-contact {
  background-color: #d7ecea;
  padding: 120px 100px;
}

.image-10 {
  opacity: .75;
  max-height: 50vh;
  margin-top: -150px;
}

.section-footer {
  background-color: #333;
  padding: 120px 100px 60px;
  font-family: Inter-Lokal, sans-serif;
  font-weight: 300;
}

.footer-textbox {
  width: 330px;
}

.footer-textbox.full-width {
  flex: 1;
}

.footer-textbox.icons {
  width: auto;
}

.footer-textbox.icons.startseite {
  margin-bottom: 0;
}

.footer-textbox.startseite {
  flex-direction: column;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.footer-content {
  width: 100%;
  padding-top: 0;
  display: flex;
}

.footer-content.startseite {
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
  display: none;
}

.footer-boldtext {
  color: #fff;
  margin-bottom: 24px;
  font-family: Inter-Lokal, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.text-link {
  color: var(--machbar-green);
  word-break: normal;
  cursor: pointer;
  font-weight: 400;
  text-decoration: none;
  transition: opacity .25s;
}

.text-link:hover {
  opacity: .66;
}

.text-link.jobs {
  color: #e1423c;
}

.text-link.maus {
  color: var(--maus-primary);
}

.footer-divider {
  opacity: .25;
  background-color: #fff;
  width: 100%;
  height: 1px;
  margin-top: 60px;
  margin-bottom: 60px;
}

.footer-divider.startseite {
  width: 100%;
  max-width: 1440px;
  margin-top: 60px;
}

.footer-bottombar {
  display: flex;
}

.footer-bottombar.startseite {
  text-align: left;
  flex-direction: row;
  align-items: center;
  width: 100%;
}

.footer-bottombar-links {
  display: flex;
}

.footer-bottombar-links.startseite {
  flex-direction: row;
  align-items: center;
}

.footer-icon {
  cursor: pointer;
  width: 40px;
  height: 40px;
  transition: opacity .25s;
}

.footer-icon:hover {
  opacity: .66;
}

.footer-icon.margin-right {
  margin-right: 20px;
}

.footer-icon.insta {
  width: 42px;
}

.footer-icon.linkedin {
  width: 42px;
  height: 42px;
  margin-right: 0;
}

.footer-paragraph {
  color: #fff;
  margin-bottom: 6px;
  font-family: Inter-Lokal, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.footer-iconbox {
  align-items: center;
  display: flex;
}

.footer-logo-linkblock {
  text-decoration: none;
}

.footer-logo-linkblock.w--current {
  margin-bottom: 0;
}

.contact-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1440px;
  margin-top: 40px;
  display: flex;
}

.contact-single {
  width: 330px;
  min-width: 330px;
}

.contact-single._1, .contact-single._2, .contact-single._3 {
  margin-right: 0;
}

.contact-link {
  color: #5fb4ac;
  cursor: pointer;
  text-decoration: none;
  transition: opacity .25s;
}

.contact-link:hover {
  opacity: .4;
}

.contact-link.navbar {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}

.contact-iconbox {
  display: flex;
}

.contact-icon {
  cursor: pointer;
  width: 48px;
  height: 48px;
  transition: opacity .25s;
}

.contact-icon:hover {
  opacity: .66;
}

.contact-icon.insta {
  width: 40px;
  height: 40px;
  margin-right: 0;
}

.contact-icon.linkedin {
  width: 40px;
  height: 40px;
}

.link_div_startseite {
  z-index: 200;
  background-color: #0000;
  padding-bottom: 0;
  display: none;
  position: absolute;
  inset: 0%;
}

.jobliste-eintrag {
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.jobliste-eintrag.ausbildung {
  display: none;
}

.lottie-animation-2 {
  display: block;
}

.coming-soon {
  z-index: 99;
  width: 150px;
  height: 150px;
  margin: 50px 50px auto auto;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: rotate(10deg);
}

.volume_btn, .unvolume_btn {
  z-index: 99;
  width: 100px;
  height: 100px;
  margin: 50px 0 0 auto;
  padding: 20px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.lottie-animation-kleiner {
  display: none;
}

.video_w_pi_div-prozess {
  max-width: 1000px;
  margin-top: 60px;
  padding-bottom: 0;
  position: relative;
}

.video_with_posterimage-copy {
  z-index: 1;
  opacity: 1;
  object-fit: fill;
  margin-bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
  position: absolute;
  inset: 0%;
}

.sticky-container {
  z-index: 5;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  max-width: 1600px;
  max-height: none;
  margin-top: -50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: sticky;
  top: 0;
}

.fixed {
  justify-content: center;
  align-items: center;
  max-width: 70vh;
  max-height: none;
  margin-top: -50px;
  margin-left: 0;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: static;
  top: 17.3vh;
}

.scrolled-container {
  z-index: 5;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  max-width: 1440px;
  height: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.startseite-textbox-link {
  align-items: center;
  width: auto;
  display: flex;
}

.arrow-right-icon {
  width: 40px;
  height: 40px;
}

.arrow-right-icon.startseite {
  margin-top: 8px;
  margin-left: 16px;
}

.startseite-link {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Informative, sans-serif;
  font-size: 50px;
  line-height: 56px;
}

.bold-text {
  color: #407f72;
}

.linkbox {
  align-items: center;
  margin-top: 0;
  display: flex;
}

.linkbox.centered {
  justify-content: center;
}

.cta-arrow {
  color: #fff;
  width: 22px;
  height: 22px;
  margin-top: 4px;
  margin-left: 10px;
}

.startseite-lottie {
  width: 150px;
  height: 150px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
}

.footer-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 120px;
  display: flex;
  position: relative;
}

.footer-top.reversed {
  display: none;
}

.footer-back-to-top {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 0;
  transition: opacity .25s;
  display: flex;
}

.footer-back-to-top:hover {
  opacity: .66;
}

.hinweis-schulpraktika {
  background-color: #e6dce3;
  flex: 1;
  align-self: flex-start;
  max-width: 700px;
  margin-left: 0;
  padding: 40px;
  position: static;
}

.hinweis-schulpraktika.ausbildung {
  background-color: var(--machbar-dunkelgrün);
}

.horizontal-divider {
  width: 40px;
}

.footer-icon-insta {
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-right: 16px;
  display: flex;
}

.footer-icon-linkedin {
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.footer-icon-backtotop {
  width: 40px;
  height: 40px;
}

.contact-icon-insta {
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-right: 16px;
  display: flex;
}

.contact-icon-linkedin {
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.lottie-404 {
  justify-content: center;
  align-items: center;
  max-height: 600px;
  display: flex;
  overflow: visible;
}

.video_orbit1 {
  display: none;
}

.html-embed-2 {
  z-index: 1;
  width: 100%;
  max-width: none;
  display: block;
  position: absolute;
  inset: 0%;
}

.background-video-2 {
  object-fit: contain;
  flex: 1;
  width: 100%;
  min-width: 0%;
  inset: 0% 0 0;
}

.div-block-2 {
  width: 400px;
  height: 400px;
}

.image-11 {
  width: 100%;
}

.header_vimeovideo {
  -webkit-text-fill-color: inherit;
  object-fit: scale-down;
  background-color: #0000;
  background-image: url('../images/Mciromata_Standbild.jpg');
  background-position: 50%;
  background-size: cover;
  background-clip: border-box;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 85vh;
  min-height: auto;
  max-height: none;
  margin-bottom: 40px;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header_embed_video-2 {
  opacity: .45;
  -webkit-text-fill-color: inherit;
  object-fit: contain;
  background-color: #0000;
  background-clip: border-box;
  border: 6px solid #b92525;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-around;
  align-items: stretch;
  width: 100%;
  min-width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  max-height: none;
  margin: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.header_vimeovideo-2 {
  -webkit-text-fill-color: inherit;
  object-fit: scale-down;
  background-color: #0000;
  background-image: url('../images/Mciromata_Standbild.jpg');
  background-position: 50%;
  background-size: cover;
  background-clip: border-box;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 85vh;
  margin-bottom: 40px;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.html-embed-3 {
  justify-content: center;
  max-width: 1440px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 60px;
  display: block;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.jwvideo_container {
  position: relative;
}

.link-block-copy {
  z-index: 500;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0%;
}

.link-block-copy.logo {
  flex: 0 auto;
  align-items: center;
  height: 50px;
  display: block;
}

.link-block-copy.cta {
  margin-top: 20px;
}

.link-block-copy.startseite {
  margin-top: 40px;
}

.link-block-copy._404 {
  margin-top: 0;
}

.posterimage_vimeo_preview {
  z-index: 2;
  filter: brightness(50%);
}

.text-link-lang {
  opacity: .1;
  color: var(--machbar-green);
  word-break: normal;
  cursor: pointer;
  padding-right: 40px;
  text-decoration: none;
  transition: opacity .25s;
}

.text-link-lang:hover {
  opacity: .66;
}

.text-link-lang.jobs {
  color: #e1423c;
}

.text-link-lang.maus {
  color: var(--maus-primary);
}

.text-block-2 {
  opacity: .24;
  color: var(--machbar-green);
  padding-right: 40px;
  font-size: 20px;
  line-height: 30px;
}

.home-header-section {
  background-color: #444;
  background-image: url('../images/home_header_standbild.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  height: 80vh;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
  position: relative;
}

.home-nav-container {
  z-index: 10;
  flex-flow: row;
  flex: 1;
  justify-content: space-between;
  max-width: 1440px;
  margin-top: 40px;
  display: flex;
  position: relative;
}

.home-logo {
  width: 200px;
  max-width: 100%;
}

.home-nav-items {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
}

.home-nav-link {
  color: #fff;
  font-family: Informative, sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}

.welcome-home-box {
  z-index: 10;
  max-width: 1400px;
  padding-left: 100px;
  padding-right: 100px;
  position: absolute;
  top: 250px;
}

.text-section {
  justify-content: center;
  align-items: center;
  padding: 120px 100px;
  display: flex;
}

.text-section.intro, .text-section.green {
  background-color: #c7d530;
}

.home-container {
  flex: 1;
  max-width: 1440px;
}

.home-container.centered {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.subheadline-2 {
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 20px;
  line-height: 20px;
}

.subheadline-2.white {
  color: #fff;
}

.headline-3 {
  color: #c7d530;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 50px;
  line-height: 56px;
}

.headline-3.white {
  color: #fff;
}

.paragraph-2 {
  max-width: 960px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}

.paragraph-2.bold {
  font-weight: 700;
}

.paragraph-2.bold.centered {
  text-align: center;
}

.image-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 120px 100px;
  display: flex;
}

.image-section.no-bot {
  padding-bottom: 0;
}

.image-section.no-bot.hidden {
  display: none;
}

.image-section.no-top {
  padding-top: 0;
}

.image-section.no-top.hidden {
  display: none;
}

.image-section.light-green {
  background-color: #f7f9e0;
}

.image-section.light-green.hidden {
  display: none;
}

.home-image-container {
  flex-direction: row;
  flex: 1;
  max-width: 1440px;
  display: flex;
}

.home-image-container.hidden {
  display: none;
}

.image-block-1 {
  padding-right: 20px;
}

.home-divider {
  width: 100%;
  height: 40px;
}

.image-block-2 {
  padding-left: 20px;
}

.number-box {
  width: 60px;
  min-width: 60px;
  height: 60px;
  display: flex;
}

.number-container {
  flex-direction: row;
  margin-top: 40px;
  display: flex;
}

.image-number {
  width: auto;
  max-width: 100%;
  height: 32px;
  margin-top: 8px;
}

.quick-stack {
  padding: 0;
}

.icon-section {
  background-color: #f7f9e0;
  justify-content: center;
  align-items: center;
  padding: 120px 100px;
  display: flex;
}

.cell {
  align-items: center;
  padding-bottom: 0;
}

.home-icon {
  width: 120px;
  max-width: none;
  height: 120px;
}

.icon-headline {
  color: #c7d530;
  margin-top: 60px;
  margin-bottom: 0;
  font-family: Informative, sans-serif;
  font-size: 120px;
  line-height: 120px;
}

.diviider-small {
  width: 100%;
  height: 20px;
}

.list {
  padding-left: 20px;
}

.image-map {
  width: auto;
  max-width: 600px;
}

.form-section {
  background-color: #1d1d1b;
  justify-content: center;
  align-items: center;
  padding: 120px 100px;
  display: flex;
}

.text-field {
  color: #fff;
  background-color: #333;
  border: 1px #000;
  width: 100%;
  font-family: Inter-Lokal, sans-serif;
}

.form {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.form-block {
  width: 100%;
}

.text-field-label {
  color: #fff;
  font-family: Informative, sans-serif;
}

.text-field-2 {
  font-family: Inter-Lokal, sans-serif;
}

.form-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  display: flex;
}

.form-submit-button {
  background-color: var(--machbar-green);
  color: #333;
  font-family: Informative, sans-serif;
  font-weight: 700;
}

.form-submit-button.home {
  width: 350px;
}

.home-nav-items-mobile {
  display: none;
}

.bold-text-2 {
  color: #333;
  -webkit-text-stroke-color: #d4021d;
}

.lang_en_selector {
  cursor: pointer;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: opacity .25s;
  display: flex;
}

.lang_en_selector:hover {
  opacity: .5;
}

.image_en {
  width: 60%;
  height: 60%;
}

.lang_de_selector {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: -40px;
  transition: opacity .25s;
  display: flex;
}

.lang_de_selector:hover {
  opacity: .5;
}

.image_de {
  width: 60%;
  height: 60%;
}

.navbar_right {
  justify-content: center;
  align-items: center;
  height: 40px;
  display: flex;
}

.bold-text-3 {
  color: #000;
}

.bold-text-3.kk22 {
  color: var(--kk22-primary);
}

.mini-divider {
  height: 0;
}

.lottie-animation-3 {
  margin-top: 60px;
  margin-bottom: -40px;
  padding-top: 0;
  padding-left: 180px;
  padding-right: 180px;
}

.section-paragraph-img {
  padding: 120px 100px;
  display: flex;
}

.section-paragraph-img.micromata {
  background-color: var(--micromata-hellblau);
}

.section-paragraph-img.sonor {
  background-color: #e5f0f2;
}

.section-paragraph-img.sonor.naeher {
  padding-top: 40px;
}

.section-paragraph-img.diemausapp, .section-paragraph-img._3dmaus {
  background-color: var(--maus-secondary);
}

.section-paragraph-img.kk22 {
  background-color: var(--kk22-secondary);
}

.section-paragraph-img.zwocar {
  background-color: var(--zwocar-secondary);
}

.section-paragraph-img.nordschritt {
  background-color: var(--nordschritt-secondary);
}

.section-paragraph-img.plenty {
  background-color: var(--plentymarkets-secondary);
}

.section-paragraph-img.plenty3 {
  background-color: #1f485e;
}

.section-paragraph-img.eam {
  background-color: var(--eam-secondary);
}

.section-paragraph-img.ifgroup {
  background-color: var(--ifgroup-secondary);
}

.image50 {
  width: 50%;
}

.text-block-50 {
  flex-flow: column;
  width: 50%;
  padding-left: 0;
  display: flex;
}

.nav_divider {
  background-color: #fff;
  width: 330px;
  height: 1px;
  margin-bottom: 10px;
}

.columns-hidden {
  display: none;
}

.body-2 {
  background-color: var(--ifgroup-primary);
}

.image-14, .image-15 {
  display: block;
}

.grid {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  border: 1px solid #000;
  border-radius: 2px;
  grid-template: "Area Area-2 Area-3"
                 ". . ."
                 ". . ."
                 ". . ."
                 ". . ."
                 ". . ."
                 ". . ."
                 ". . ."
                 ". . ."
                 ". . ."
                 ". . ."
                 ". . ."
                 ". . ."
                 / 1fr 1fr 1fr;
  justify-content: space-around;
  padding-left: 0;
  padding-right: 0;
}

.red {
  color: #e1423c;
}

.grid-2 {
  grid-row-gap: 16px;
  border: 4px solid #000;
  border-radius: 0;
  grid-template: "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 / 1fr 1fr 1fr;
}

.div-block-3 {
  background-image: url('../images/if-Group_Lookdev_V5.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 95vw;
}

.image-16 {
  display: block;
}

.bold-text-4 {
  font-weight: 600;
}

.kenburns {
  background-image: url('../images/if-Group_iPad_frontal-bikubisch.jpg');
  background-position: 50%;
  background-size: cover;
  min-width: auto;
  min-height: auto;
  display: block;
  position: absolute;
  inset: 0%;
}

.div-block-4 {
  background-image: url('../images/posterimage_if_group_lrelemente.jpg');
  background-position: 0 0;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.div-block-5 {
  background-image: url('../images/posterimage_if_group_lrelemente.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.div-block-5.kenburns {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.div-block-5.kenburns-inner {
  aspect-ratio: auto;
  height: 100%;
  color: var(--black);
  object-fit: fill;
  background-image: url('../images/klaerschilf_heroimage2.jpg');
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.div-block-6 {
  background-image: url('../images/maschine.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70%;
  max-width: 1600px;
  height: 70%;
  position: absolute;
}

.bold-text-5 {
  color: var(--klaerschilf-primary);
}

.bold-green {
  color: var(--machbar-green);
}

.list-item {
  color: var(--black);
  font-family: Inter-Lokal, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.mail_block {
  cursor: pointer;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 20px;
  transition: opacity .25s;
  display: flex;
}

.mail_block:hover {
  opacity: .5;
}

.navbar-text-link {
  color: #fff;
  margin-left: 20px;
  font-family: Informative, sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .25s;
}

.navbar-text-link:hover {
  opacity: .5;
}

.link-form {
  color: var(--machbar-green);
}

@media screen and (min-width: 1920px) {
  .container, .container.intro {
    max-width: 1440px;
  }

  .container.intro.widescreen {
    max-width: 1800px;
  }

  .container.centered, .container.footer, .container.cta-hellgr-n {
    max-width: 1440px;
  }

  .container.responsivesquare {
    align-items: stretch;
  }

  .container.widescreen {
    object-fit: cover;
    background-color: #fff;
    max-width: none;
    padding-right: 0;
    overflow: visible;
  }

  .headline.big.darkgreen {
    margin-right: 200px;
  }

  .headline.black {
    color: var(--black);
  }

  .paragraph.page {
    max-width: 1000px;
  }

  .projectbox---text-bold.black {
    color: var(--black);
  }

  .projectbox---text.ifgroup {
    color: #000;
  }

  .section-header.micromata {
    object-fit: scale-down;
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    padding-left: 0%;
    padding-right: 0%;
  }

  .section-header.plenty {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .section-header.nordschritt {
    margin-bottom: 40px;
  }

  .section-header.ifgroup {
    background-color: var(--black);
    color: var(--black);
  }

  .section-header.klaerschilf {
    background-image: url('../images/klaerschilf_heroimage_bg2.jpg');
    background-size: cover;
    width: auto;
  }

  .section-1-image.plenty3 {
    padding-left: 220px;
    padding-right: 220px;
  }

  .section-1-image.ifgroup {
    padding-left: 60px;
    padding-right: 60px;
  }

  .section-2-images.klarschilf2 {
    background-color: var(--klaerschilf-primary);
  }

  .section-divider-small.white.ifgroup2 {
    background-color: #c1c1c1;
  }

  .header_video_embed {
    position: absolute;
    inset: 0%;
  }

  .bild-sonor-lottie-3 {
    display: inline-block;
  }

  .navbar_content {
    display: none;
  }

  .slide-content-wrapper.color4 {
    background-color: #000;
    border: 1px solid #474747;
  }

  .slide-content-wrapper.color5 {
    background-color: #2f2f2f;
  }

  .cta-textbox.begrenzt {
    padding-right: 400px;
  }

  .video_with_posterimage {
    padding-left: 0;
    padding-right: 0;
  }

  .startseite-contentbox {
    flex: 1;
    align-self: center;
  }

  .startseite-contentbox.text {
    flex: 0 auto;
    align-self: auto;
  }

  .startseite-contentbox.header {
    flex: 0 auto;
    height: 100vh;
  }

  .header_embed_video {
    object-fit: contain;
    background-color: #0000;
    background-image: none;
    flex: none;
    justify-content: space-around;
    align-items: stretch;
    width: 100%;
    min-width: auto;
    max-width: none;
    height: 100vh;
    min-height: auto;
    max-height: none;
    margin: auto;
    transition: opacity .2s;
    position: static;
    inset: 0%;
    overflow: hidden;
  }

  .header_embed_video:hover {
    box-shadow: 1px 1px 3px #000;
  }

  .image-10 {
    max-width: none;
    max-height: 50vh;
  }

  .lottie-animation-2 {
    display: block;
  }

  .lottie-animation-kleiner {
    display: none;
  }

  .video_with_posterimage-copy {
    padding-left: 60px;
    padding-right: 60px;
  }

  .sticky-container {
    max-width: 1440px;
    margin-top: -50px;
  }

  .fixed {
    max-width: 70vh;
    padding-bottom: 40px;
  }

  .header_vimeovideo {
    background-color: #000;
    background-image: url('../images/headerstage_posterimage_micromata.jpg');
    background-position: 50%;
    height: 85vh;
    min-height: auto;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .header_embed_video-2 {
    opacity: .48;
    object-fit: cover;
    background-color: #0000;
    flex: none;
    justify-content: space-around;
    align-items: stretch;
    width: 100%;
    min-width: auto;
    max-width: none;
    height: 100%;
    min-height: auto;
    max-height: none;
    margin: auto;
    display: block;
    position: absolute;
    inset: 0%;
    overflow: hidden;
  }

  .header_vimeovideo-2 {
    background-color: #000;
    background-image: url('../images/headerstage_posterimage_micromata.jpg');
    background-position: 50%;
    height: 85vh;
    min-height: auto;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .lottie-animation-3 {
    margin-bottom: -40px;
    padding-left: 220px;
    padding-right: 220px;
  }

  .image-14 {
    object-fit: fill;
    width: auto;
    height: auto;
    position: static;
    overflow: visible;
  }

  .div-block-3 {
    background-image: url('../images/if-Group_Lookdev_V5.jpg');
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 95vw;
  }

  .div-block-4 {
    object-fit: contain;
    inset: 0%;
  }

  .div-block-5.kenburns-inner {
    background-image: url('../images/klaerschilf_heroimage.jpg');
    background-position: 50%;
    background-size: auto;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
  }

  .div-block-6 {
    width: 100%;
    max-width: 1440px;
    height: 100%;
  }
}

@media screen and (max-width: 991px) {
  .container {
    box-sizing: border-box;
    aspect-ratio: auto;
    object-fit: fill;
    display: block;
    overflow: visible;
  }

  .container.horizontal {
    flex-direction: row;
  }

  .container.intro {
    flex-direction: column;
  }

  .container.cta-rot, .container.cta-violett, .container.cta-hellblau, .container.cta-gr-n {
    flex-direction: column;
    height: 100%;
    padding-bottom: 60px;
    display: flex;
  }

  .container.footer {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .container.datenschutz {
    margin-bottom: 60px;
  }

  .container.cta-blau, .container.cta-hellgr-n {
    flex-direction: column;
    height: 100%;
    padding-bottom: 60px;
    display: flex;
  }

  .container.button {
    text-align: center;
  }

  .container.text-text {
    flex-direction: column;
  }

  .container.text-image {
    flex-flow: column;
  }

  .container.iftop {
    padding-right: 90px;
  }

  .section-paragraph {
    padding: 60px 40px;
  }

  .section-paragraph.sonor.naeher {
    padding-top: 10px;
  }

  .section-paragraph.plenty3 {
    background-color: #1f485e;
  }

  .headline {
    margin-bottom: 32px;
    font-size: 40px;
    line-height: 48px;
  }

  .headline.white {
    margin-bottom: 40px;
  }

  .headline.yellow {
    font-size: 78px;
    line-height: 84px;
  }

  .headline.logo {
    margin-bottom: 0;
  }

  .headline.big {
    font-size: 60px;
    line-height: 70px;
  }

  .headline.big.darkgreen {
    margin-right: 0;
  }

  .headline.footer {
    text-align: center;
  }

  .headline.blau {
    color: #403c90;
  }

  .headline.startseite {
    font-size: 80px;
    line-height: 86px;
  }

  .headline.plenty3 {
    color: var(--micromata-hellblau);
  }

  .headline.home {
    font-size: 80px;
    line-height: 86px;
  }

  .subheadline {
    font-size: 18px;
    line-height: 28px;
  }

  .subheadline.plenty3 {
    color: #fff;
  }

  .paragraph {
    font-size: 18px;
    line-height: 28px;
  }

  .paragraph.white {
    text-align: left;
  }

  .paragraph.white.abstandlinks {
    text-align: center;
    margin-left: 0;
  }

  .paragraph.white.footer-bottombar {
    text-align: center;
    margin-bottom: 8px;
  }

  .paragraph.white.language, .paragraph.bold.centered {
    text-align: center;
  }

  .paragraph.jobliste {
    margin-top: 30px;
  }

  .paragraph.halb {
    max-width: 100%;
    margin-right: 0;
  }

  .paragraph.plenty3 {
    color: #fff;
  }

  .filler-block {
    display: none;
  }

  .text-block {
    width: 100%;
    padding-left: 0;
  }

  .section-intro {
    padding: 30px 40px 60px;
  }

  .project-block {
    width: 100%;
    margin-bottom: 40px;
    padding-right: 0;
  }

  .leistungen {
    margin-bottom: 32px;
  }

  .section-divider-big {
    height: 60px;
  }

  .section-header {
    height: 60vh;
  }

  .section-header.micromata {
    background-size: cover;
  }

  .section-header.sonor {
    margin-bottom: 20px;
  }

  .section-header.kk22 {
    height: 60vh;
  }

  .section-header.zwocar, .section-header.nordschritt {
    margin-bottom: 40px;
  }

  .section-header.klaerschilf {
    aspect-ratio: auto;
    object-fit: cover;
    background-size: cover;
    display: flex;
    position: relative;
    inset: 0%;
  }

  .section-1-image {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-1-image.plenty3 {
    background-color: #1f485e;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-1-image.ifgroup, .section-2-images, .section-2-images.diemausapp, .section-3-images {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-3-images.micromata {
    padding-left: 30px;
    padding-right: 30px;
  }

  .section-divider-small.ifgroup {
    height: 12px;
    line-height: 20px;
  }

  .section-quote {
    padding: 60px 40px;
  }

  .quote-text {
    padding-bottom: 32px;
    font-size: 28px;
    line-height: 38px;
  }

  .quote-block {
    max-width: 100%;
    padding-right: 0;
  }

  .quote-author {
    font-size: 24px;
    line-height: 30px;
  }

  .quote-author.case {
    font-size: 18px;
    line-height: 28px;
  }

  .section-1-video, .section-2-video, .section-3-videos {
    padding-left: 40px;
    padding-right: 40px;
  }

  .header_video_embed {
    object-fit: contain;
    max-width: none;
    max-height: none;
    position: absolute;
  }

  .section-next-projects {
    padding: 60px 40px;
  }

  .caseteaser_textbox {
    max-width: 310px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .caseteaser_text {
    font-size: 12px;
    line-height: 18px;
  }

  .caseteaser_headline {
    font-size: 24px;
    line-height: 30px;
  }

  .section-cases {
    padding: 60px 40px;
  }

  .caseteaser {
    margin-bottom: 0;
  }

  .section-sonorlottie {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-sonorlottie.sonor {
    height: 75vw;
  }

  .bild-sonor-lottie-3 {
    padding-top: 30%;
    position: absolute;
  }

  .sonor_lottie_2, .sonor_lottie_1 {
    position: relative;
  }

  .bild-sonor-lottie-1 {
    padding-top: 35%;
    padding-left: 15%;
    padding-right: 42%;
  }

  .sonor_lottie_3 {
    position: relative;
  }

  .bild-sonor-lottie-2 {
    padding-top: 12%;
    position: absolute;
  }

  .sonor_lottie_3-copy {
    position: relative;
  }

  .bild-sonor-lottie-4 {
    padding-top: 30%;
    position: absolute;
  }

  .section-pageheader {
    padding: 120px 40px 60px;
  }

  .section-pageheader.ausbildung {
    background-position: 90% 70%;
    background-size: 240px;
  }

  .section-pageparagraph {
    padding: 60px 40px;
  }

  .section-navbar {
    padding-left: 40px;
    padding-right: 40px;
  }

  .link-block.logo {
    height: 50px;
  }

  .link-block.cta {
    align-self: flex-start;
    margin-top: 0;
  }

  .link-block.cta.googlemaps {
    margin-bottom: 20px;
  }

  .link-block.startseite {
    margin-top: 32px;
  }

  .lottie_hamburger {
    width: 40px;
    height: 40px;
  }

  .lottie_hamburger:hover {
    opacity: 1;
  }

  .navigation_link {
    width: 220px;
    font-size: 40px;
    line-height: 46px;
  }

  .navigation_link.home:hover, .navigation_link.projekte:hover, .navigation_link.prozess:hover, .navigation_link.team:hover, .navigation_link.jobs:hover, .navigation_link.profil:hover, .navigation_link.kontakt:hover, .navigation_link.machbarhome:hover {
    color: #fff;
  }

  .navigation_socials {
    opacity: 1;
  }

  .social_linkblock {
    margin-left: 10px;
    margin-right: 10px;
  }

  .navbar-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-cta {
    padding: 60px 40px 0;
  }

  .cta-textbox {
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .cta-textbox.begrenzt {
    padding-right: 0;
  }

  .cta-textbox.ausbildung {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .cta-buttonbox {
    margin-top: 0;
  }

  .cta-headline {
    text-align: center;
    margin-bottom: 32px;
    font-size: 40px;
    line-height: 46px;
  }

  .cta-headline.thin.rot, .cta-headline.thin.violett, .cta-headline.thin.hellblau {
    text-align: left;
    align-self: flex-start;
  }

  .cta-headline.thin.gr-n {
    align-self: flex-start;
  }

  .cta-headline.thin.blau {
    text-align: left;
    align-self: flex-start;
  }

  .cta-headline.thin.ausbildung {
    text-align: left;
  }

  .cta-headline.rot, .cta-headline.violett, .cta-headline.hellblau, .cta-headline.gr-n, .cta-headline.blau {
    text-align: left;
    align-self: flex-start;
  }

  .cta-headline.ausbildung {
    text-align: left;
  }

  .video_with_posterimage {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .posterimage_of_video {
    aspect-ratio: auto;
    display: block;
  }

  .playbtn {
    display: block;
  }

  .header_image_backup {
    object-fit: cover;
    height: 60vh;
  }

  .section-team-images {
    padding: 0 40px 60px;
  }

  .mitarbeiter-text {
    margin-bottom: 20px;
    margin-left: 20px;
  }

  .mitarbeiter-text-titel, .mitarbeiter-text-name {
    font-size: 16px;
    line-height: 20px;
  }

  .section-jobliste {
    padding: 60px 40px;
  }

  .headline-2 {
    margin-bottom: 32px;
    font-size: 30px;
    line-height: 34px;
  }

  .headline-2.jobliste {
    margin-bottom: 0;
    line-height: 36px;
  }

  .headline-2.datenschutz {
    margin-bottom: 20px;
  }

  .headline-2.link {
    margin-bottom: 0;
  }

  .lottie-dropdown {
    width: 50px;
    height: 50px;
  }

  .divider-jobs {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .section-image-grid {
    padding-top: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-image-grid.jobs {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .startseite-contentbox {
    padding-left: 40px;
    padding-right: 40px;
  }

  .startseite-contentbox.text {
    padding-bottom: 40px;
  }

  .startseite-contentbox.unterseite {
    padding-left: 40px;
    padding-right: 40px;
  }

  .header_embed_video {
    object-fit: contain;
    height: auto;
    position: static;
    inset: 0%;
  }

  .startseite-textbox {
    max-width: 400px;
  }

  .section-contact {
    padding: 60px 40px;
  }

  .image-10 {
    margin-top: 0;
  }

  .section-footer {
    padding: 60px 40px 40px;
  }

  .footer-textbox {
    flex-direction: column;
    flex: 0 auto;
    align-items: center;
    width: 100%;
    margin-bottom: 40px;
    display: flex;
  }

  .footer-textbox.icons {
    flex-direction: column;
    margin-bottom: 0;
  }

  .footer-content {
    flex-direction: column;
    align-items: center;
  }

  .footer-boldtext {
    font-size: 18px;
    line-height: 28px;
  }

  .footer-divider {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .footer-divider.startseite {
    margin-top: 40px;
  }

  .footer-bottombar, .footer-bottombar.startseite {
    flex-direction: column;
  }

  .footer-bottombar-links {
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
  }

  .footer-bottombar-links.startseite {
    flex-direction: column;
    margin-top: 0;
  }

  .footer-icon {
    width: 48px;
    height: 48px;
  }

  .footer-icon.margin-right {
    width: 60px;
    height: 60px;
  }

  .footer-icon.insta {
    margin-right: 0;
  }

  .footer-paragraph {
    font-size: 18px;
    line-height: 28px;
  }

  .contact-content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
    margin-top: 32px;
  }

  .contact-single {
    width: 100%;
    min-width: 0;
  }

  .contact-single._2 {
    margin-right: 0;
  }

  .link_div_startseite {
    display: block;
  }

  .lottie-animation-2 {
    display: none;
  }

  .coming-soon {
    width: 100px;
    height: 100px;
    margin-top: 20px;
    margin-right: 20px;
  }

  .volume_btn, .unvolume_btn {
    width: 100px;
    height: 100px;
    margin-top: 20px;
    margin-right: 0;
  }

  .lottie-animation-kleiner {
    display: block;
  }

  .video_w_pi_div-prozess {
    margin-top: 40px;
    padding-bottom: 0;
    padding-left: 0;
    display: block;
  }

  .video_with_posterimage-copy {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .sticky-container {
    margin-top: -75px;
    margin-left: auto;
    display: block;
  }

  .fixed {
    max-width: none;
    margin-top: -30px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 20px;
    padding-left: 0;
  }

  .scrolled-container {
    display: block;
  }

  .arrow-right-icon.startseite {
    width: 32px;
    height: 32px;
    margin-top: 6px;
    margin-left: 12px;
  }

  .startseite-link {
    font-size: 40px;
    line-height: 46px;
  }

  .cta-arrow {
    margin-left: 8px;
  }

  .footer-top {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 80px;
    display: flex;
  }

  .footer-top.reversed {
    flex-direction: column;
  }

  .footer-back-to-top {
    margin-top: 14px;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .hinweis-schulpraktika {
    max-width: 100%;
    margin-top: 40px;
    margin-left: 0;
  }

  .footer-icon-insta {
    margin-right: 8px;
  }

  .contact-icon-insta {
    margin-right: 10px;
  }

  .lottie-404 {
    max-height: 350px;
  }

  .div-block-2 {
    width: 300px;
    height: 300px;
  }

  .image-11 {
    object-fit: contain;
  }

  .header_vimeovideo {
    background-position: 50% 100%;
    height: 80vh;
    min-height: 600px;
    margin-bottom: 40px;
  }

  .header_embed_video-2 {
    object-fit: cover;
    inset: auto;
  }

  .header_vimeovideo-2 {
    background-position: 50% 100%;
    height: 80vh;
    min-height: 600px;
    margin-bottom: 40px;
  }

  .link-block-copy.logo {
    height: 50px;
  }

  .link-block-copy.cta {
    align-self: flex-start;
    margin-top: 0;
  }

  .link-block-copy.startseite {
    margin-top: 32px;
  }

  .posterimage_vimeo_preview {
    display: block;
  }

  .home-header-section {
    height: 60vh;
    padding-left: 40px;
    padding-right: 40px;
  }

  .home-logo {
    max-width: 180px;
  }

  .home-nav-items {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .home-nav-link {
    font-size: 18px;
    line-height: 18px;
  }

  .welcome-home-box {
    top: 250px;
  }

  .text-section {
    padding: 60px 40px;
  }

  .subheadline-2 {
    margin-bottom: 4px;
    font-size: 18px;
    line-height: 18px;
  }

  .headline-3 {
    margin-bottom: 32px;
    font-size: 40px;
    line-height: 48px;
  }

  .paragraph-2 {
    font-size: 18px;
    line-height: 28px;
  }

  .image-section {
    padding: 60px 40px;
  }

  .home-image-container {
    flex-direction: column;
  }

  .image-block-1 {
    padding-bottom: 40px;
    padding-right: 0;
  }

  .image-block-2 {
    padding-left: 0;
  }

  .number-box {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }

  .image-number {
    height: 28px;
    margin-top: 6px;
  }

  .icon-section {
    padding: 60px 40px;
  }

  .cell {
    padding-bottom: 0;
  }

  .cell._1, .cell._2 {
    padding-bottom: 60px;
  }

  .home-icon {
    width: 100px;
    height: 100px;
  }

  .icon-headline {
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 100px;
    line-height: 100px;
  }

  .image-map {
    max-width: 100%;
    margin-top: 30px;
  }

  .form-section {
    padding: 60px 40px;
  }

  .form-submit-button.home {
    width: 334px;
  }

  .mini-divider {
    height: 20px;
  }

  .lottie-animation-3 {
    margin-bottom: -20px;
  }

  .section-paragraph-img {
    flex-flow: column;
    padding: 60px 40px;
  }

  .section-paragraph-img.sonor.naeher {
    padding-top: 10px;
  }

  .section-paragraph-img.plenty3 {
    background-color: #1f485e;
  }

  .image50 {
    width: 100%;
    margin-top: 40px;
  }

  .text-block-50 {
    width: 100%;
    padding-left: 0;
  }

  .nav_divider {
    width: 270px;
  }

  .div-block-4 {
    aspect-ratio: auto;
    -webkit-text-fill-color: inherit;
    object-fit: contain;
    background-clip: border-box;
    flex: 1;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: fixed;
    inset: 0%;
  }

  .div-block-5 {
    width: 100%;
    height: 100%;
  }

  .div-block-5.kenburns-inner {
    z-index: auto;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
  }

  .div-block-6 {
    width: 90%;
    height: 90%;
  }
}

@media screen and (max-width: 767px) {
  .container.horizontal {
    box-sizing: border-box;
    display: flex;
  }

  .container.cta-rot, .container.cta-violett, .container.cta-hellblau {
    padding-bottom: 40px;
  }

  .container.cta-gr-n {
    height: 180px;
    padding-bottom: 40px;
  }

  .container.footer {
    flex: 1;
  }

  .container.benefits {
    margin-top: 40px;
  }

  .container.datenschutz {
    margin-bottom: 40px;
  }

  .container.cta-blau {
    padding-bottom: 40px;
  }

  .container.cta-hellgr-n {
    height: 180px;
    padding-bottom: 40px;
  }

  .container.responsivesquare {
    aspect-ratio: 1;
    background-color: var(--plentymarkets-primary);
    object-fit: fill;
    justify-content: center;
    align-items: center;
    padding: 5% 10% 2%;
    display: flex;
  }

  .container.iftop {
    padding-right: 0;
  }

  .section-paragraph {
    padding: 40px 20px;
  }

  .headline {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 36px;
  }

  .headline.white {
    margin-bottom: 30px;
  }

  .headline.white.teaser {
    margin-bottom: 20px;
  }

  .headline.yellow {
    font-size: 68px;
    line-height: 73px;
  }

  .headline.logo {
    font-size: 30px;
    line-height: 36px;
  }

  .headline.big {
    font-size: 44px;
    line-height: 50px;
  }

  .headline.footer {
    width: 220px;
    font-size: 50px;
    line-height: 50px;
  }

  .headline.startseite, .headline.home {
    font-size: 60px;
    line-height: 66px;
  }

  .subheadline, .paragraph {
    font-size: 16px;
    line-height: 26px;
  }

  .paragraph.white {
    text-align: left;
  }

  .paragraph.white.footer-bottombar {
    font-size: 14px;
    line-height: 20px;
  }

  .paragraph.startseite {
    display: none;
  }

  .paragraph.jobliste {
    margin-top: 20px;
  }

  .text-block {
    box-sizing: border-box;
    object-fit: fill;
    overflow: visible;
  }

  .section-intro {
    padding: 20px 20px 40px;
  }

  .project-block {
    margin-bottom: 40px;
  }

  .leistungen {
    margin-bottom: 20px;
  }

  .section-divider-big {
    height: 40px;
  }

  .section-header {
    height: 500px;
  }

  .section-header.micromata {
    margin-bottom: 20px;
  }

  .section-header.sonor {
    margin-bottom: 10px;
  }

  .section-header.diemausapp {
    margin-bottom: 20px;
  }

  .section-header.kk22 {
    height: 500px;
  }

  .section-header.zwocar, .section-header.plenty, .section-header.nordschritt {
    margin-bottom: 20px;
  }

  .section-1-image {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-1-image.plenty3 {
    padding: 100px 0 40px;
  }

  .section-1-image.ifgroup, .section-2-images, .section-2-images.diemausapp {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-3-images {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-3-images.micromata {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-divider-small, .section-divider-small.kk22 {
    height: 20px;
  }

  .section-divider-small.ifgroup {
    height: 8px;
  }

  .column-1 {
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .column-2 {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .column-3 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .section-quote {
    padding: 40px 20px;
  }

  .section-quote.kk22 {
    padding-bottom: 0;
  }

  .quote-text {
    padding-bottom: 20px;
    font-size: 22px;
    line-height: 32px;
  }

  .quote-author {
    font-size: 20px;
    line-height: 26px;
  }

  .quote-author.case {
    font-size: 16px;
    line-height: 26px;
  }

  .quote-author.hinweis {
    margin-bottom: 10px;
  }

  .section-1-video, .section-2-video {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-3-videos {
    padding-left: 10px;
    padding-right: 10px;
  }

  .image, .image-2 {
    margin-top: 0;
  }

  .section-next-projects {
    padding: 40px 20px;
  }

  .section-next-projects.micromata, .section-next-projects.diemausapp, .section-next-projects.kk22 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .caseteaser_textbox {
    max-width: 500px;
  }

  .caseteaser_text {
    font-size: 14px;
    line-height: 22px;
  }

  .caseteaser_headline {
    font-size: 30px;
    line-height: 36px;
  }

  .section-cases {
    padding: 40px 20px;
  }

  .section-cases.plenty, .section-cases.schmaler {
    padding-top: 20px;
  }

  .caseteaser {
    margin-bottom: 0;
  }

  .section-sonorlottie {
    padding-left: 20px;
    padding-right: 20px;
  }

  .bild-sonor-lottie-4 {
    padding-left: 0%;
  }

  .section-pageheader {
    padding: 80px 20px 40px;
  }

  .section-pageheader.ausbildung {
    background-size: 180px;
  }

  .section-pageparagraph {
    padding: 40px 20px;
  }

  .link-block.logo {
    height: 36px;
  }

  .link-block.cta.googlemaps {
    margin-bottom: 10px;
  }

  .link-block.startseite {
    margin-top: 0;
  }

  .lottie_hamburger {
    width: 35px;
    height: 35px;
  }

  .navigation_link {
    width: 160px;
    font-size: 30px;
    line-height: 36px;
  }

  .navigation_link.machbarhome {
    width: 300px;
  }

  .navigation_socials {
    padding-top: 60px;
  }

  .social_icon {
    width: 32px;
    height: 32px;
  }

  .social_linkblock {
    margin-left: 0;
    margin-right: 0;
  }

  .navbar-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .page-divider.jobliste {
    height: 20px;
  }

  .section-cta {
    padding: 40px 20px 0;
  }

  .cta-headline {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 36px;
  }

  .cta-headline.thin.hellgr-n, .cta-headline.hellgr-n {
    text-align: left;
    align-self: flex-start;
  }

  .case-divider-small {
    height: 20px;
  }

  .background-video {
    display: none;
  }

  .header_image_backup {
    object-fit: cover;
    height: 500px;
  }

  .column-2-3ergrid, .column-1-3ergrid {
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .column-3-3ergrid {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .section-team-images {
    padding: 0 20px 40px;
  }

  .image-divider-small {
    height: 20px;
  }

  .section-jobliste {
    padding: 40px 20px;
  }

  .headline-2 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 28px;
  }

  .headline-2.jobliste {
    line-height: 30px;
  }

  .headline-2.datenschutz {
    margin-bottom: 16px;
  }

  .headline-2.link, .headline-2.link.dunkelrot {
    font-size: 22px;
    line-height: 28px;
  }

  .lottie-dropdown {
    width: 40px;
    height: 40px;
  }

  .divider-jobs {
    height: 2px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .section-image-grid {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-image-grid.jobs {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .startseite-contentbox {
    padding-left: 20px;
    padding-right: 20px;
  }

  .startseite-contentbox.text {
    padding-bottom: 20px;
  }

  .startseite-contentbox.unterseite {
    padding-left: 20px;
    padding-right: 20px;
  }

  .header_embed_video {
    border-style: none;
    padding-left: 0;
    padding-right: 0;
    position: static;
    inset: 0%;
  }

  .startseite-textbox {
    max-width: 500px;
  }

  .startseite-textbox.unterseite {
    margin-bottom: 0;
    margin-right: 0;
  }

  .section-contact {
    padding: 40px 20px;
  }

  .section-footer {
    padding: 40px 20px 20px;
    display: flex;
  }

  .footer-textbox, .footer-textbox.startseite {
    margin-bottom: 24px;
  }

  .footer-boldtext {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 18px;
  }

  .text-link {
    word-break: break-all;
    font-size: 14px;
    line-height: 20px;
  }

  .footer-divider, .footer-divider.startseite {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .footer-bottombar {
    flex-direction: column;
    align-items: center;
  }

  .footer-bottombar.startseite {
    flex-direction: column;
  }

  .footer-bottombar-links {
    flex-direction: column;
    align-items: center;
    margin-top: 12px;
  }

  .footer-bottombar-links.startseite {
    flex-direction: column;
    margin-top: 12px;
  }

  .footer-icon {
    width: 32px;
    height: 32px;
  }

  .footer-icon.margin-right {
    width: 48px;
    height: 48px;
    margin-right: 16px;
  }

  .footer-icon.insta {
    width: 32px;
  }

  .footer-icon.linkedin {
    width: 32px;
    height: 32px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .footer-paragraph {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
  }

  .footer-logo-linkblock.w--current {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .contact-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 20px;
  }

  .contact-icon, .contact-icon.insta, .contact-icon.linkedin {
    width: 32px;
    height: 32px;
  }

  .coming-soon {
    width: 125px;
    height: 125px;
    margin-top: 40px;
    margin-right: 40px;
  }

  .volume_btn, .unvolume_btn {
    width: 80px;
    height: 80px;
    margin-top: 40px;
    margin-right: 0;
  }

  .lottie-animation-kleiner {
    display: block;
  }

  .video_w_pi_div-prozess {
    margin-top: 20px;
    padding-bottom: 0;
  }

  .sticky-container {
    margin-top: -50px;
  }

  .fixed {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 20px;
  }

  .arrow-right-icon.startseite {
    width: 26px;
    height: 26px;
    margin-top: 4px;
    margin-left: 10px;
  }

  .startseite-link {
    font-size: 30px;
    line-height: 36px;
  }

  .cta-arrow {
    width: 18px;
    height: 18px;
    margin-top: 3px;
    margin-left: 8px;
  }

  .startseite-lottie {
    width: 100px;
    height: 100px;
  }

  .footer-top {
    margin-bottom: 24px;
  }

  .footer-back-to-top {
    width: 48px;
    height: 48px;
    margin-top: 32px;
  }

  .hinweis-schulpraktika {
    margin-top: 20px;
    padding: 20px;
  }

  .footer-icon-insta {
    margin-right: 0;
  }

  .footer-icon-backtotop {
    width: 32px;
    height: 32px;
  }

  .contact-icon-insta {
    margin-right: 0;
  }

  .lottie-404 {
    max-height: 250px;
  }

  .header_vimeovideo {
    height: 95vw;
    min-height: 0;
    margin-bottom: 20px;
  }

  .header_embed_video-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .header_vimeovideo-2 {
    height: 95vw;
    min-height: 0;
    margin-bottom: 20px;
  }

  .link-block-copy.logo {
    height: 36px;
  }

  .link-block-copy.startseite {
    margin-top: 0;
  }

  .text-link-lang {
    word-break: break-all;
    font-size: 14px;
    line-height: 20px;
  }

  .home-header-section {
    height: 500px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-nav-container {
    margin-top: 20px;
  }

  .home-logo {
    max-width: 140px;
  }

  .home-nav-items {
    display: flex;
  }

  .home-nav-link {
    font-size: 16px;
    line-height: 16px;
  }

  .welcome-home-box {
    top: 200px;
  }

  .text-section {
    padding: 40px 20px;
  }

  .subheadline-2 {
    font-size: 16px;
    line-height: 16px;
  }

  .headline-3 {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 36px;
  }

  .paragraph-2 {
    font-size: 16px;
    line-height: 26px;
  }

  .image-section {
    padding: 40px 20px;
  }

  .image-block-1 {
    padding-bottom: 20px;
  }

  .home-divider {
    height: 20px;
  }

  .number-box {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }

  .number-container {
    flex-direction: column;
  }

  .image-number {
    height: 24px;
    margin-top: 0;
  }

  .icon-section {
    padding: 40px 20px;
  }

  .cell._1, .cell._2 {
    padding-bottom: 40px;
  }

  .home-icon {
    width: 80px;
    height: 80px;
  }

  .icon-headline {
    margin-top: 20px;
    font-size: 80px;
    line-height: 80px;
  }

  .diviider-small {
    height: 20px;
  }

  .image-map {
    margin-top: 20px;
  }

  .form-section {
    padding: 40px 20px;
  }

  .form-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .form-submit-button.home {
    width: 100%;
  }

  .lang_en_selector {
    width: 35px;
    height: 35px;
  }

  .lang_de_selector {
    width: 35px;
    height: 35px;
    margin-right: -35px;
  }

  .image-13 {
    object-fit: cover;
    width: auto;
    height: 100%;
  }

  .lottie-animation-3 {
    margin-top: -20px;
  }

  .section-paragraph-img {
    padding: 40px 20px;
  }

  .image50 {
    margin-top: 20px;
  }

  .nav_divider {
    width: 200px;
  }

  .div-block-3 {
    background-position: 50%;
    width: 100%;
    height: 90vw;
  }

  .kenburns {
    aspect-ratio: auto;
    object-fit: contain;
    min-width: 500px;
    min-height: 500px;
  }
}

@media screen and (max-width: 479px) {
  .container.cta-gr-n, .container.cta-hellgr-n {
    height: auto;
  }

  .container.responsivesquare {
    aspect-ratio: 1;
    background-color: var(--plentymarkets-primary);
    object-fit: fill;
    justify-content: center;
    align-items: center;
    display: flex;
    position: static;
  }

  .headline.white {
    margin-right: 0;
    padding-right: 0;
  }

  .headline.white.teaser {
    margin-bottom: 20px;
    line-height: 36px;
  }

  .headline.yellow {
    font-size: 36px;
    line-height: 39px;
  }

  .headline.big {
    font-size: 40px;
    line-height: 40px;
  }

  .headline.footer {
    width: 190px;
    font-size: 44px;
    line-height: 44px;
  }

  .headline.startseite, .headline.home {
    font-size: 40px;
    line-height: 46px;
  }

  .paragraph.white.footer-bottombar {
    margin-bottom: 6px;
  }

  .paragraph.hide {
    display: none;
  }

  .section-header {
    height: 320px;
  }

  .section-header.diemausapp {
    margin-bottom: 20px;
  }

  .section-header.kk22 {
    height: 320px;
  }

  .section-header.zwocar {
    margin-bottom: 10px;
  }

  .section-header.nordschritt {
    margin-bottom: 20px;
  }

  .section-header.klaerschilf {
    position: relative;
  }

  .section-1-image.plenty3 {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .section-1-image.plenty4 {
    background-color: #1f485e;
  }

  .section-divider-small {
    height: 20px;
  }

  .section-divider-small.ifgroup {
    height: 5px;
  }

  .column-1 {
    padding-bottom: 20px;
  }

  .column-3 {
    padding-top: 4px;
  }

  .section-quote.kk22 {
    padding-bottom: 0;
  }

  .quote-author.ifgroup {
    margin-bottom: 0;
  }

  .caseteaser_textbox {
    max-width: 260px;
    margin-bottom: 15px;
    margin-left: 15px;
  }

  .caseteaser_text {
    font-size: 12px;
    line-height: 16px;
    display: none;
    overflow: visible;
  }

  .caseteaser_headline {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 26px;
  }

  .section-cases.plenty {
    padding-top: 20px;
  }

  .caseteaser {
    margin-bottom: 0;
  }

  .bild-sonor-lottie-3, .bild-sonor-lottie-2 {
    display: inline-block;
  }

  .section-pageheader {
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .section-pageheader.ausbildung {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .link-block.logo {
    cursor: pointer;
  }

  .link-block.startseite {
    margin-bottom: 20px;
  }

  .lottie_hamburger {
    margin-left: 10px;
  }

  .navbar_content {
    z-index: 500;
  }

  .navigation_link.home.w--current, .navigation_link.machbarhome, .navigation_link.machbarhome.w--current {
    width: 250px;
  }

  .navigation_socials {
    padding-top: 40px;
  }

  .cta-textbox {
    margin-bottom: 20px;
  }

  .case-divider-small {
    height: 20px;
  }

  .div-block {
    z-index: 2;
  }

  .header_image_backup {
    object-fit: cover;
    height: 320px;
  }

  .column-1-3ergrid {
    padding-bottom: 20px;
  }

  .column-3-3ergrid {
    padding-top: 4px;
  }

  .mitarbeiter-text {
    margin-bottom: 10px;
    margin-left: 10px;
  }

  .mitarbeiter-text-titel, .mitarbeiter-text-name {
    font-size: 12px;
    line-height: 16px;
  }

  .image-divider-small {
    height: 20px;
  }

  .headline-2 {
    font-size: 22px;
    line-height: 26px;
  }

  .headline-2.jobliste {
    line-height: 28px;
  }

  .startseite-contentbox {
    align-self: center;
  }

  .startseite-contentbox.text {
    align-self: auto;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .header_embed_video {
    object-fit: contain;
    border-style: none;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    position: static;
    inset: 0%;
  }

  .startseite-textbox {
    max-width: 260px;
  }

  .startseite-textbox.unterseite {
    margin-left: 0;
  }

  .footer-icon {
    width: 32px;
    height: 32px;
  }

  .footer-logo-linkblock.w--current {
    margin-top: 0;
  }

  .contact-single._1 {
    width: 100%;
    margin-right: 0;
  }

  .contact-single._2 {
    width: 100%;
  }

  .contact-single._3 {
    width: 100%;
    margin-right: 0;
  }

  .contact-single._4 {
    width: 100%;
  }

  .coming-soon {
    width: 90px;
    height: 90px;
    margin-top: 20px;
    margin-right: 20px;
  }

  .volume_btn, .unvolume_btn {
    width: 70px;
    height: 70px;
    margin-top: 20px;
    margin-right: 0;
    padding-bottom: 10px;
    padding-right: 10px;
  }

  .video_w_pi_div-prozess {
    margin-left: -10px;
    margin-right: -10px;
    padding-bottom: 0;
  }

  .sticky-container {
    margin-bottom: 0;
  }

  .fixed {
    max-height: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .arrow-right-icon.startseite {
    width: 22px;
    height: 22px;
    margin-top: 2px;
  }

  .cta-arrow {
    margin-left: 6px;
  }

  .footer-back-to-top {
    justify-content: flex-end;
    margin-top: 10px;
  }

  .footer-icon-insta {
    margin-right: 0;
  }

  .footer-icon-backtotop {
    width: 26px;
    height: 26px;
  }

  .lottie-404 {
    max-height: 150px;
  }

  .header_vimeovideo {
    height: 95vw;
    min-height: 0;
    margin-bottom: 10px;
  }

  .header_embed_video-2 {
    object-fit: cover;
    border-width: 6px;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .header_vimeovideo-2 {
    height: 95vw;
    min-height: 0;
    margin-bottom: 10px;
  }

  .link-block-copy.logo {
    cursor: pointer;
  }

  .link-block-copy.startseite {
    margin-bottom: 20px;
  }

  .home-header-section {
    justify-content: flex-start;
    height: 400px;
  }

  .home-nav-container {
    align-items: flex-start;
  }

  .home-nav-items {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: flex-end;
    display: none;
  }

  .welcome-home-box {
    padding-left: 0;
    padding-right: 0;
    top: 114px;
  }

  .welcome-home-image {
    max-width: 240px;
  }

  .number-box {
    height: 30px;
  }

  .image-number {
    height: 20px;
  }

  .cell._1, .cell._2, .cell._3 {
    padding-bottom: 60px;
  }

  .home-nav-items-mobile {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-direction: column;
    display: flex;
    position: absolute;
    inset: auto auto 20px 20px;
  }

  .lottie-animation-3 {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-3 {
    background-position: 50%;
    background-size: 140%;
  }

  .div-block-5.kenburns-inner {
    position: absolute;
  }

  .div-block-6 {
    display: flex;
    position: absolute;
  }

  .mail_block {
    margin-right: 10px;
  }

  .navbar-text-link {
    display: none;
  }
}

#w-node-b38680a0-a666-20e3-97fd-f88437197833-fa4f7720 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-c4258c50-5e85-00f0-5a8b-d5dfb8d22c70-fa4f7720, #w-node-ec3fd30e-7395-372c-69dd-ae2319d595b1-fa4f7720 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-b38680a0-a666-20e3-97fd-f88437197833-fa4f7720 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-c4258c50-5e85-00f0-5a8b-d5dfb8d22c70-fa4f7720, #w-node-ec3fd30e-7395-372c-69dd-ae2319d595b1-fa4f7720 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-ec3fd30e-7395-372c-69dd-ae2319d595b2-fa4f7720 {
    order: 9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-b38680a0-a666-20e3-97fd-f88437197833-fa4f7720 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}