@font-face {
  font-family: Microbic;
  src: url("/assets/fonts/hdmicrobic-roman.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gravity Condensed;
  src: url("/assets/fonts/abcgravity-condensed.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("/assets/fonts/inter_24pt-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("/assets/fonts/inter_18pt-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("/assets/fonts/inter_18pt-medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-family--body: "Gravity Condensed", Arial, sans-serif;
  --_theme---text-color--primary: #f55b1c;
  --_typography---body--body-font-size: 1rem;
  --_typography---body--body-line-height: var(--_typography---font-height--xlarge);
  --font-weight--normal: 400;
  --_typography---body--body-letter-spacing: var(--_typography---letter-spacing--default);
  --font-family--heading: "Gravity Condensed", Arial, sans-serif;
  --_typography---h2--h2-letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---h3--h3-font-size: 2rem;
  --_typography---h3--h3-line-height: var(--_typography---font-height--medium);
  --_typography---h3--h3-font-weight: var(--font-weight--bold);
  --_typography---h3--h3-letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---h4--h4-font-size: 1.5rem;
  --_typography---h4--h4-line-height: var(--_typography---font-height--large);
  --_typography---h4--h4-font-weight: var(--font-weight--bold);
  --_typography---h4--h4-letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---h5--h5-font-size: 1.25rem;
  --_typography---h5--h5-line-height: var(--_typography---font-height--xlarge);
  --_typography---h5--h5-font-weight: var(--font-weight--bold);
  --_typography---h5--h5-letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---h6--h6-font-size: .875rem;
  --_typography---h6--h6-line-height: var(--_typography---font-height--xlarge);
  --_typography---h6--h6-font-weight: var(--font-weight--bold);
  --_typography---h6--h6-letter-spacing: var(--_typography---letter-spacing--default);
  --_theme---link-color--primary: var(--brand--blue);
  --_layout---spacing--xxsmall: .25rem;
  --_theme---background--primary: var(--brand--red-darker);
  --_theme---text-color--alternate: var(--brand--orange);
  --_theme---text-color--secondary: var(--brand--red-darker);
  --_layout---spacing--global-padding: 2.5rem;
  --brand--orange: #be4e12;
  --neutral--white: #fff;
  --_theme---border-color--primary: var(--neutral--neutral-lightest);
  --_sizes---container--medium: 67.5rem;
  --_theme---background--error: var(--_theme---system--error-background);
  --_theme---text-color--error: var(--_theme---system--error-text);
  --_layout---section-padding--medium: 5rem;
  --font-weight--bold: 700;
  --_theme---background--tertiary: var(--brand--blue-light);
  --brand--blue-light: #c3d7fb;
  --brand--red-darker: #571f27;
  --neutral--neutral-lightest: #faf5f5;
  --font-weight--medium: 500;
  --_layout---spacing--none: 0rem;
  --_layout---spacing--tiny: .125rem;
  --_layout---spacing--xsmall: .5rem;
  --_layout---spacing--small: 1rem;
  --_layout---spacing--medium: 2rem;
  --_layout---spacing--large: 3rem;
  --_typography---body--body-font-weight: var(--font-weight--normal);
  --_typography---h1--h1-font-size: 4rem;
  --_typography---h1--h1-font-weight: var(--font-weight--bold);
  --_typography---h1--h1-line-height: var(--_typography---font-height--small);
  --_typography---h1--h1-letter-spacing: var(--_typography---letter-spacing--default);
  --_typography---h2--h2-font-size: 3rem;
  --_typography---h2--h2-font-weight: var(--font-weight--bold);
  --_typography---h2--h2-line-height: var(--_typography---font-height--medium);
  --_typography---font-size--tiny: .75rem;
  --_typography---font-size--small: .875rem;
  --_typography---font-size--regular: 1rem;
  --_typography---font-size--medium: 1.25rem;
  --_typography---font-size--large: 1.5rem;
  --_typography---font-height--small: 1.1;
  --_typography---font-height--medium: 1.2;
  --_typography---font-height--large: 1.4;
  --_typography---font-height--xlarge: 1.5;
  --_typography---letter-spacing--tighter: -.25rem;
  --_typography---letter-spacing--tight: -.125rem;
  --_typography---letter-spacing--default: 0rem;
  --_typography---letter-spacing--wide: .125rem;
  --_typography---letter-spacing--wider: .25rem;
  --brand--blue: #2d62ff;
  --brand--blue-dark: #080331;
  --brand--pink-light: #ffaefe;
  --brand--pink: #dd23bb;
  --brand--pink-dark: #3c043b;
  --brand--green: #cef5ca;
  --brand--green-darker: #114e0b;
  --brand--yellow: #fcf8d8;
  --brand--yellow-darker: #5e5515;
  --neutral--transparent: transparent;
  --neutral--black: #000;
  --neutral--neutral-lighter: #ccc;
  --neutral--neutral-light: #aaa;
  --neutral--neutral: #666;
  --neutral--neutral-dark: #444;
  --neutral--neutral-darker: #222;
  --neutral--neutral-darkest: #111;
  --font-weight--thin: 100;
  --font-weight--xlight: 200;
  --font-weight--light: 300;
  --font-weight--semi-bold: 600;
  --font-weight--xbold: 800;
  --font-weight--black: 900;
  --focus--width: .125rem;
  --focus--offset: .125rem;
  --_sizes---max-width--xxsmall: 12rem;
  --_sizes---max-width--xsmall: 16rem;
  --_sizes---max-width--small: 20rem;
  --_sizes---max-width--medium: 32rem;
  --_sizes---max-width--large: 67.5rem;
  --_sizes---max-width--xlarge: 90rem;
  --_sizes---max-width--xxlarge: 120rem;
  --_sizes---container--small: 48rem;
  --_sizes---container--large: 120rem;
  --_sizes---border-width--thin: 1px;
  --_sizes---border-width--normal: .125rem;
  --_sizes---border-width--bold: .25rem;
  --_sizes---border-radius--small: .25rem;
  --_sizes---border-radius--medium: .5rem;
  --_sizes---border-radius--large: 1rem;
  --_layout---section-padding--small: 3rem;
  --_layout---section-padding--large: 8rem;
  --_layout---grid-columns--default-count: 8;
  --_layout---grid-columns--xsmall: 15rem;
  --_layout---grid-columns--small: 20rem;
  --_layout---grid-columns--medium: 25rem;
  --_layout---grid-columns--large: 30rem;
  --_layout---grid-columns--xlarge: 35rem;
  --_layout---grid-columns--xxlarge: 40rem;
  --_layout---gaps--small: 1.5rem;
  --_layout---gaps--regular: 2rem;
  --_layout---gaps--medium: 3rem;
  --_layout---gaps--large: 4rem;
  --_layout---spacing--xlarge: 4rem;
  --_layout---spacing--xxlarge: 5rem;
  --_layout---spacing--huge: 6rem;
  --_layout---spacing--xhuge: 8rem;
  --_layout---spacing--xxhuge: 12rem;
  --_theme---background--secondary: var(--neutral--neutral-lightest);
  --_theme---background--alternate: var(--neutral--white);
  --_theme---background--success: var(--_theme---system--success-background);
  --_theme---background--warning: var(--_theme---system--warning-background);
  --_theme---border-color--secondary: var(--brand--blue);
  --_theme---border-color--alternate: var(--neutral--neutral-darker);
  --_theme---link-color--secondary: var(--neutral--black);
  --_theme---link-color--alternate: var(--neutral--white);
  --_theme---text-color--success: var(--_theme---system--success-text);
  --_theme---text-color--warning: var(--_theme---system--warning-text);
  --_theme---system--success-background: var(--brand--green);
  --_theme---system--success-text: var(--brand--green-darker);
  --_theme---system--warning-background: var(--brand--yellow);
  --_theme---system--warning-text: var(--brand--yellow-darker);
  --_theme---system--error-background: var(--brand--orange);
  --_theme---system--error-text: var(--brand--red-darker);
  --_theme---system--focus-state: var(--brand--blue);
  --_theme---system--selection-text: var(--neutral--white);
  --_theme---system--selection-background: var(--brand--blue);
}

body {
  font-family: var(--font-family--body);
  color: var(--_theme---text-color--primary);
  font-size: var(--_typography---body--body-font-size);
  line-height: var(--_typography---body--body-line-height);
  font-weight: var(--font-weight--normal);
  letter-spacing: var(--_typography---body--body-letter-spacing);
}

h1 {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gravity Condensed, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
}

h2 {
  font-family: var(--font-family--heading);
  letter-spacing: var(--_typography---h2--h2-letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5.625rem;
  line-height: 1.06;
}

h3 {
  font-family: var(--font-family--heading);
  font-size: var(--_typography---h3--h3-font-size);
  line-height: var(--_typography---h3--h3-line-height);
  font-weight: var(--_typography---h3--h3-font-weight);
  letter-spacing: var(--_typography---h3--h3-letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  font-family: var(--font-family--heading);
  font-size: var(--_typography---h4--h4-font-size);
  line-height: var(--_typography---h4--h4-line-height);
  font-weight: var(--_typography---h4--h4-font-weight);
  letter-spacing: var(--_typography---h4--h4-letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  font-family: var(--font-family--heading);
  font-size: var(--_typography---h5--h5-font-size);
  line-height: var(--_typography---h5--h5-line-height);
  font-weight: var(--_typography---h5--h5-font-weight);
  letter-spacing: var(--_typography---h5--h5-letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
  font-family: var(--font-family--heading);
  font-size: var(--_typography---h6--h6-font-size);
  line-height: var(--_typography---h6--h6-line-height);
  font-weight: var(--_typography---h6--h6-font-weight);
  letter-spacing: var(--_typography---h6--h6-letter-spacing);
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--_theme---link-color--primary);
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.5rem;
}

li {
  margin-bottom: var(--_layout---spacing--xxsmall);
}

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

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

blockquote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.utility-page_component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility-page_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 20rem;
  display: flex;
}

.utility-page_form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.utility-page_image {
  margin-left: auto;
  margin-right: auto;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.padding-bottom {
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.background-color-primary {
  background-color: var(--_theme---background--primary);
  color: var(--_theme---text-color--alternate);
}

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

.text-color-secondary {
  color: var(--_theme---text-color--secondary);
}

.padding-global {
  padding-right: var(--_layout---spacing--global-padding);
  padding-left: var(--_layout---spacing--global-padding);
}

.padding-global.padding-nav-vertical {
  padding-top: 1.375rem;
  padding-bottom: 1.375rem;
}

.padding-global.padding-section-intro-home {
  padding-top: 13.5rem;
  padding-bottom: 20rem;
  padding-left: 9.4125rem;
}

.padding-global.padding-section--ber-uns {
  padding-top: 6.5625rem;
  padding-bottom: 6.5625rem;
}

.padding-global.padding-section-marienburg {
  padding-top: 4.5rem;
  padding-bottom: 6.25rem;
  padding-left: 9.4125rem;
}

.padding-global.padding-highlight {
  padding-top: 9.375rem;
  padding-bottom: 9.375rem;
}

.padding-global.padding-section-hardcover {
  padding-top: 4.375rem;
  padding-bottom: 8.75rem;
  padding-left: 9.4125rem;
}

.padding-global.padding-section-jobs-intro {
  padding-top: 9.0625rem;
  padding-bottom: 9.0625rem;
  padding-left: var(--_layout---spacing--global-padding);
}

.padding-global.padding-section-jobs {
  padding-top: 10.3125rem;
  padding-bottom: 8.4375rem;
}

.padding-global.padding-section-team {
  padding-top: 6.5625rem;
  padding-bottom: 9.375rem;
}

.padding-global.padding-section-team-intro {
  padding-top: 8.75rem;
  padding-bottom: 10rem;
  padding-left: var(--_layout---spacing--global-padding);
}

.padding-global.padding-section-footer {
  padding-top: 2.5rem;
  padding-bottom: 3.4375rem;
}

.overflow-hidden {
  overflow: hidden;
}

.text-size-regular {
  font-size: 1.25rem;
  line-height: 1.4;
  text-decoration: none;
}

.text-size-regular.text-color-secondary.has-max-width {
  max-width: 33.8125rem;
  margin-left: auto;
  margin-right: auto;
}

.text-size-regular.text-color-rosa {
  color: #dbc5fa;
}

.text-size-regular.text-color-rosa.has-max-width {
  max-width: 33.8125rem;
  margin-left: auto;
  margin-right: auto;
}

.text-size-regular.text-color-orange {
  color: var(--brand--orange);
}

.text-size-regular.text-color-orange.has-max-width {
  max-width: 33.8125rem;
  margin-left: auto;
  margin-right: auto;
}

.text-size-regular.text-color-white.max-width-xs {
  max-width: 28.125rem;
}

.text-size-regular.text-color-white.max-width-xs.margin-auto-top {
  color: #faf5f5;
  margin-top: auto;
}

.form_input {
  border: 1px solid var(--_theme---border-color--primary);
  background-color: #0000;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.form_input::placeholder {
  color: var(--_theme---text-color--secondary);
}

.page-wrapper.is--legal {
  background-color: #c3d7fb;
}

.container-large {
  max-width: var(--_sizes---container--medium);
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}

.form_message-error {
  background-color: var(--_theme---background--error);
  color: var(--_theme---text-color--error);
  margin-top: .75rem;
  padding: .75rem;
}

.main-wrapper {
  background-color: #572027;
}

.main-wrapper.is--legal {
  background-color: #c3d7fb;
}

.button {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 2px solid var(--_theme---text-color--primary);
  color: var(--_theme---text-color--primary);
  text-align: center;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.25rem;
  font-family: Inter, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

.button.is-white {
  border-color: var(--neutral--white);
  color: var(--neutral--white);
}

.button.is-white.is-contact-box {
  font-size: .875rem;
  font-weight: 500;
}

.button.is-rosa {
  color: #dbc5fa;
  border-color: #dbc5fa;
}

.button.is-light-red {
  color: #be4e12;
  border-color: #be4e12;
}

.button.is-brown {
  color: #572027;
  border-color: #572027;
  width: 100%;
}

.padding-section-medium {
  padding-top: var(--_layout---section-padding--medium);
  padding-bottom: var(--_layout---section-padding--medium);
}

.container-medium {
  max-width: var(--_sizes---container--medium);
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}

.nav_component {
  background-color: #000;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  inset: 0% 0% auto;
}

.nav_container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: 0;
  margin-right: auto;
  padding-left: .145rem;
  display: flex;
}

.nav_brand {
  justify-content: flex-start;
  align-items: center;
  margin-right: 3rem;
  display: flex;
}

.nav_logo {
  width: 10rem;
}

.nav_menu {
  grid-column-gap: 1.75rem;
  grid-row-gap: 1.75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav_menu.is--mobile {
  display: none;
}

.nav_menu_link {
  color: #fff;
  font-family: Inter, Arial, sans-serif;
  font-size: .875rem;
  line-height: 1.23;
  font-weight: var(--font-weight--bold);
  letter-spacing: 0;
  text-decoration: none;
  display: inline;
}

.nav_menu_link.w--current {
  text-underline-offset: 3px;
  text-decoration: underline;
}

.nav_button {
  padding: 1rem;
}

.background-color-tertiary {
  background-color: var(--_theme---background--tertiary);
}

.dummy-card {
  background-color: #f3f3f3;
  width: 100%;
  padding: 1.25rem;
}

.section_demo {
  padding: var(--_layout---section-padding--medium) var(--_layout---spacing--global-padding);
}

.section.bg-white {
  background-color: var(--neutral--white);
}

.section.bg-white.overflow-hidden.is--relative-mobile.is--legal {
  background-color: #c3d7fb;
}

.section.bg-white.overflow-hidden.is--bg-orange-mobile.add-padding-top-mobile {
  position: relative;
}

.section.bg-rosa {
  background-color: #dbc5fa;
}

.section.background-color-tertiary.padding-top-and-bottom-visit {
  padding-top: 6.5625rem;
  padding-bottom: 6.5625rem;
}

.section.background-color-gray {
  background-color: #f2eaea;
}

.section.background-color-gray.padding-bottom {
  padding-bottom: 8.125rem;
}

.section.background-color-gray.padding-vertical-hardcover-info {
  padding-top: 4rem;
  padding-bottom: 1rem;
}

.section.background-color-gray.padding-vertical-hardcover-info.padding-bottom-final-section {
  padding-bottom: 10rem;
}

.section.background-color-gray.padding-section-hardcover {
  padding-top: 6.25rem;
  padding-bottom: 7.25rem;
}

.section.background-color-gray.padding-vertical-pr-gungcopy {
  padding-top: 4rem;
  padding-bottom: 9.375rem;
}

.section.background-color-light-gray {
  background-color: #faf5f5;
}

.section.background-color-gray-variant {
  background-color: #eae0e0;
}

.section.bg-pattern {
  background-color: #c3d7fb;
  background-image: var(--image-i139733a9);
  background-position: 0 0;
  background-size: auto;
  background-attachment: fixed;
}

.hero {
  background-color: #571f27;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-content {
  z-index: 100;
  margin-left: auto;
  margin-right: auto;
}

.hero-logo {
  z-index: 10;
  width: 9rem;
  max-width: 144px;
  display: none;
  position: absolute;
  top: 1.75rem;
  left: 2.5rem;
}

.scroll-hinweis {
  z-index: 20;
  position: fixed;
  bottom: 0;
}

.navigation {
  z-index: 999;
  position: sticky;
  top: 0;
}

.navigation.is--fixed {
  position: fixed;
}

.dwb-logo-wrapper {
  color: var(--neutral--white);
  width: 4rem;
}

.container-intro {
  width: 100%;
  max-width: 76.7125rem;
  margin-left: 0;
  margin-right: auto !important;
}

.marquee {
  width: 100%;
  padding: 1.75rem 1.25rem;
  overflow: hidden;
}

.marquee.is--absolute {
  z-index: 40;
  position: absolute;
}

.marquee.is--absolute.hide-tablett-show-mobile {
  display: none;
}

.marquee.background-color-primary.move-up {
  margin-top: -2px;
}

.marquee.is--referenzen {
  padding: 1.5rem 0 0;
}

.marquee-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.item {
  color: var(--brand--orange);
  font-size: 2.5rem;
  line-height: 1.33;
}

.item.text-color-beige {
  color: #faf5f5;
}

.item.text-color-primary {
  color: var(--_theme---text-color--primary);
}

.two-col-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  height: 100vh;
  min-height: 48rem;
  display: grid;
}

.two-col-grid.auto-height {
  height: auto;
  min-height: 0;
}

.two-col-grid.auto-height.margin-top-and-bottom-custom {
  margin-top: 2rem;
  margin-bottom: 6.5625rem;
}

.two-col-grid.auto-height.is-legal {
  display: block;
}

.column-content-flex {
  grid-column-gap: 6.25rem;
  grid-row-gap: 6.25rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.column-content-flex.is--flex-bottom {
  justify-content: flex-end;
  align-items: center;
}

.column-content-flex.is--center {
  justify-content: center;
  align-items: flex-start;
}

.col-item {
  padding: 8rem var(--_layout---spacing--global-padding) 3.25rem;
  width: 100%;
  height: 100%;
}

.col-item.center-items {
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: relative;
}

.col-item.adjust-padding-vertical-ueber-uns {
  padding-top: 6.5625rem;
  padding-bottom: 0;
}

.col-item.remove-padding-vertical {
  padding-top: 0;
  padding-bottom: 0;
}

.col-item.adjust-padding-vertical-historie {
  padding-top: 4.6875rem;
  padding-bottom: 9.375rem;
}

.col-item.is--legal {
  max-width: 50.875rem;
  padding-top: 9rem;
  padding-left: 9.45rem;
}

.angebot-block_item {
  border-top: 1px solid #000;
  width: 100%;
  padding-top: 2.1875rem;
  padding-bottom: 2.1875rem;
  display: flex;
}

.section-image {
  object-fit: cover;
  object-position: 0% 0%;
  width: 100%;
  height: 100%;
}

.section-image.cover-top-right {
  object-position: 100% 0%;
  position: absolute;
  inset: 0%;
}

.overlay-image {
  object-fit: cover;
  object-position: 0% 0%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.overlay-image.cover-top-right {
  object-position: 100% 0%;
}

.is-reveal.text-color-rosa {
  color: #dbc5fa;
}

.sticky-shape_wrap, .sticky-shape_container {
  background-color: #dbc5fa;
}

.sticky-shape_image {
  width: 100%;
  height: 100vh;
}

.reveal-hero {
  background-color: #f2eaea;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.reveal-hero.is-jobs {
  background-color: #fc7146;
}

.reveal-hero.is-referenzen {
  background-color: #8385f0;
}

.reveal-hero.is-team {
  background-color: #c3d7fb;
}

.hero-content-container {
  z-index: 100;
  background-image: var(--image-i4228ad46);
  background-position: 0 0;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.hero-content-container.is-leistungen {
  background-color: #dbc5fa;
  background-image: none;
}

.hero-content-container.is-jobs {
  background-color: #fc7146;
  background-image: none;
}

.hero-content-container.is-referenzen {
  background-color: #8385f0;
  background-image: none;
}

.hero-content-container.is-team {
  background-color: #c3d7fb;
  background-image: none;
}

.reveal-content {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  padding-left: 9.4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pattern-reveal {
  z-index: 10;
  object-fit: cover;
  object-position: 0% 0%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.pattern-reveal.referenzen {
  object-position: 0% 0%;
  background-image: var(--image-6f5da121);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: contain;
  background-attachment: fixed;
}

.pattern-reveal.leistungen {
  object-position: 0% 0%;
  background-image: var(--image-i47643c94);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: contain;
  background-attachment: fixed;
}

.pattern-reveal.jobs {
  object-position: 0% 0%;
  background-image: var(--image-5ad47c0a);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto 130%;
  background-attachment: fixed;
}

.pattern-reveal.team {
  object-position: 0% 0%;
  background-image: var(--image-5aebf446);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto 200%;
  background-attachment: fixed;
}

.hero-heading {
  z-index: 20;
  color: var(--_theme---text-color--secondary);
  font-size: 7.3125rem;
  line-height: .96;
  position: relative;
}

.hero-heading.text-color-primary {
  color: var(--_theme---text-color--primary);
  -webkit-text-stroke-color: var(--_theme---text-color--primary);
}

.hero-heading.is-text-color-blue {
  color: #211c6c;
}

.anchor-menu {
  grid-column-gap: 2.25rem;
  grid-row-gap: 2.25rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.menu-arrow {
  width: .83625rem;
}

.arrow-menu-fex {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-color-white {
  color: var(--neutral--white);
}

.ber-uns-content {
  grid-column-gap: 0px;
  grid-row-gap: 4.375rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  max-width: none;
  margin-bottom: 10rem;
  display: grid;
}

.vorteile-und-nachteile {
  grid-column-gap: 0px;
  grid-row-gap: 4.375rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: stretch start;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.vorteile-digital-druck-wrapper {
  grid-column-gap: 3.4375rem;
  grid-row-gap: 3.4375rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-right: auto;
  display: flex;
}

.card-grid {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.card-grid.is-single {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.flip-card {
  border: 1px solid #86aff8;
  border-radius: 1px;
  width: 16rem;
  height: 16rem;
}

.flip-card.is-nachteil {
  border: 1px solid #fc7146;
}

.flip-card.is--jobs {
  aspect-ratio: 268 / 190;
  width: 100%;
  height: auto;
  position: relative;
}

.flip-card.is--jobs.is-ausbildung {
  border-color: #8385f0;
}

.flip-card.is--jobs.is-produktion {
  border-color: var(--_theme---text-color--primary);
}

.flip-card.is--jobs.is-kundenberatung {
  border-color: var(--_theme---background--primary);
}

.flip-card.is--jobs.is-praktika {
  border-color: #86aff8;
}

.flip-card.is--jobs.is-verwaltung {
  border-color: var(--brand--orange);
}

.flip-card.is--jobs.is-it {
  border-color: #211c6c;
}

.flip-card_back {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.5rem;
  display: flex;
}

.flip-card_back.is-ausbildung {
  background-color: #8385f0;
}

.flip-card_back.is-jobs {
  width: 100%;
  height: 100%;
  padding-bottom: 0;
}

.flip-card_back.is-jobs.is-produktion {
  background-color: var(--_theme---text-color--primary);
}

.flip-card_back.is-jobs.is-kundenberatung {
  background-color: var(--_theme---background--primary);
}

.flip-card_back.is-jobs.is-praktika {
  background-color: #86aff8;
}

.flip-card_back.is-jobs.is-verwaltung {
  background-color: var(--brand--orange);
}

.flip-card_back.is-jobs.is-it {
  background-color: #211c6c;
}

.flip-card_text {
  color: #86aff8;
  font-family: Inter, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.33;
  font-weight: var(--font-weight--bold);
}

.flip-card_text.text-color-white {
  color: #fff;
}

.flip-card_text.text-color-white.is-teaser-text {
  font-family: Gravity Condensed, Arial, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.2;
}

.flip-card_text.is-nachteil-light {
  color: #fc7146;
}

.flip-card_front {
  background-color: #86aff8;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 1.25rem;
  display: flex;
  position: absolute;
}

.flip-card_front.is-nachteil {
  background-color: #fc7146;
  justify-content: flex-start;
  align-items: flex-start;
}

.flip-card_front.is-jobs {
  justify-content: flex-start;
  height: 100%;
  padding: 0;
}

.flip-card_title {
  color: var(--_theme---text-color--secondary);
  font-family: Inter, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.33;
  font-weight: var(--font-weight--bold);
}

.flip-card_title.is-ausbildung {
  color: #8385f0;
}

.flip-card_title.is-produktion {
  color: var(--_theme---text-color--primary);
}

.flip-card_title.is-kundenberatung {
  color: var(--_theme---background--primary);
}

.flip-card_title.is-praktika {
  color: #86aff8;
}

.flip-card_title.is-verwaltung {
  color: var(--brand--orange);
}

.flip-card_title.is-it {
  color: #211c6c;
}

.nachteile-digital-druck-wrapper {
  grid-column-gap: 3.4375rem;
  grid-row-gap: 3.4375rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.grid-divider {
  background-color: #faf5f5;
  width: 1px;
  height: auto;
}

.text-link-flex {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.machines-section {
  background-color: #dbc5fa;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.machines-section.flex-space-between-desktop {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.background-image-container {
  z-index: 0;
  pointer-events: none;
  position: absolute;
}

.machine-bg-image {
  opacity: 0;
  width: 100vw;
}

.content-wrapper {
  z-index: 1;
  width: 76%;
  margin: auto 2.5rem 1.25rem auto;
  position: relative;
}

.machines-grid {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.machine-card {
  aspect-ratio: 276 / 153;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.card-front {
  z-index: 2;
  background-color: var(--brand--orange);
  padding: 1.25rem;
}

.maschine-card-text {
  color: var(--neutral--white);
  font-family: Inter, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.29;
}

.maschine-card-text.is-back {
  color: var(--brand--orange);
}

.maschine-card-text.max-width-desktop {
  max-width: 40%;
}

.card-back {
  z-index: 1;
  background-color: var(--brand--blue-light);
  padding: 1.25rem;
  position: absolute;
}

.intro-text {
  color: var(--_theme---text-color--primary);
  font-family: Microbic, Arial, sans-serif;
  font-size: 2.5rem;
  line-height: 1.2;
}

.ueber-uns-intro-p {
  color: var(--neutral--white);
  font-family: Gravity Condensed, Arial, sans-serif;
  font-size: 3.4375rem;
  line-height: 1.09;
}

.ueber-uns-intro-p.text-color-orange {
  color: var(--brand--orange);
}

.druckwerk-section-headings {
  color: var(--_theme---text-color--secondary);
}

.druckwerk-section-headings.text-color-rosa {
  color: #dbc5fa;
}

.druckwerk-section-headings.text-color-white {
  color: var(--neutral--white);
}

.druckwerk-section-headings.z-index-50 {
  z-index: 50;
  position: relative;
}

.druckwerk-section-headings.is-reveal.is-h2-regular.is--light-red {
  color: #be4e12;
}

.druckwerk-section-headings.is-ausbildung {
  color: #8385f0;
}

.druckwerk-section-headings.is-produktion {
  color: var(--_theme---text-color--primary);
}

.druckwerk-section-headings.is-kundenberatung {
  color: var(--_theme---background--primary);
}

.druckwerk-section-headings.is-praktika {
  color: #86aff8;
}

.druckwerk-section-headings.is-verwaltung {
  color: var(--brand--orange);
}

.druckwerk-section-headings.is-it {
  color: #211c6c;
}

.druckwerk-section-headings.is--team {
  color: var(--brand--blue-light);
}

.vorteil-nachteil-headline {
  color: #faf5f5;
  font-family: Gravity Condensed, Arial, sans-serif;
  font-size: 2.5rem;
  line-height: 1.2;
}

._w-dyn-list, ._w-dyn-items, ._w-dyn-item.slider-item, .slider-track {
  border-radius: 0;
}

.slider-wrapper {
  background-color: #f2eaea;
}

.abstract-text {
  color: var(--_theme---text-color--secondary);
  font-family: Gravity Condensed, Arial, sans-serif;
  font-size: 2.1875rem;
  line-height: 1.29;
}

.abstract-text.text-color-primary {
  color: var(--_theme---text-color--primary);
}

.abstract-text.text-color-primary.is-big-mobile.has-max-width-desktop {
  max-width: 37.1875rem;
  margin-left: auto;
  margin-right: auto;
}

.container-marienburg {
  width: 100%;
  max-width: 68.125rem;
  margin-left: auto;
  margin-right: auto;
}

.button-flex-socials {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
  max-width: 33.8125rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.adress-wrapper {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.adress-text {
  color: #be4e12;
  font-family: Inter, Arial, sans-serif;
  font-size: 1.5625rem;
  line-height: 1.44;
  font-weight: var(--font-weight--bold);
}

.link-in-text {
  color: #be4e12;
  text-decoration: none;
}

.adress-content-flex {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.scroll-trigger-nav {
  display: none;
}

.slider {
  background-color: #faf5f5;
  min-height: 89.94vh;
  padding-bottom: 3.425rem;
}

.slider-nav {
  margin-bottom: .625rem;
  padding-left: 4.8125rem;
  padding-right: 4.8125rem;
  inset: auto auto -.5rem 0%;
}

.slider-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.slider-content {
  width: 100%;
  height: 100%;
  position: relative;
}

.slider-info-block {
  z-index: 80;
  aspect-ratio: auto;
  text-align: left;
  background-color: #be4e12;
  max-width: 42.5rem;
  padding: 2rem 3rem 2rem 2rem;
  position: absolute;
  inset: auto 0% -.025rem auto;
}

.info-box-text {
  color: var(--neutral--white);
  font-family: Inter, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: var(--font-weight--bold);
  letter-spacing: 0;
}

.mask {
  overflow: visible;
}

.slider-arrow {
  width: 1.875rem;
  min-width: 30px;
}

.arrow-link {
  display: flex;
}

.arrow-link.is-left {
  justify-content: flex-end;
  align-items: stretch;
}

.highlight-flex {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.highlight-img-wrapper {
  position: relative;
}

.highlight-image {
  max-height: 90vh;
}

.highlight-text {
  color: #faf5f5;
  font-family: Inter, Arial, sans-serif;
  font-size: .9375rem;
  line-height: 1.2;
  font-weight: var(--font-weight--bold);
  position: absolute;
  inset: auto auto 1.25rem 1.25rem;
}

.highlight-text.max-width {
  max-width: 16.3125rem;
}

.highlight-text.relativ {
  position: relative;
  bottom: auto;
  left: 0;
}

.highlight-text.relativ.alternate-font {
  font-family: Gravity Condensed, Arial, sans-serif;
  font-weight: 400;
}

.full-width-image {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100vh;
}

.intro-section.background-color-primary.is--relative {
  position: relative;
}

.intro-section.background-color-gray-variant {
  background-color: #eae0e0;
}

.intro-section.background-color-light-blue {
  background-color: var(--brand--blue-light);
}

.slider-reverse {
  overflow: hidden;
}

.slider-reverse.padding-top-slider {
  background-color: #f2eaea;
}

.modal-trigger {
  color: var(--_theme---text-color--primary);
  text-align: right;
  justify-content: flex-end;
  align-items: flex-start;
  margin-left: auto;
  margin-right: 0;
  padding: .5rem 1.5rem 1.5rem;
  font-family: Inter, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  display: inline-block;
}

.modal-trigger.is-jobs {
  color: var(--neutral--white);
  padding-bottom: 1.5rem;
  padding-left: 0;
  font-family: Gravity Condensed, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  text-decoration: underline;
}

.modal-wrapper {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.modal-wrapper.is-jobs {
  margin-top: auto;
}

.modal-overlay {
  z-index: 500;
  background-color: var(--brand--red-darker);
  justify-content: center;
  align-items: center;
  width: 50vw;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.modal-overlay.show {
  display: flex;
}

.modal-overlay.is--jobs {
  width: 100vw;
  height: 100vh;
}

.modal-overlay.is--jobs.show {
  z-index: 999;
  display: flex;
}

.modal-content {
  width: 62.5%;
  margin-left: auto;
  margin-right: auto;
}

.modal-content.is-jobs {
  background-color: var(--neutral--neutral-lightest);
  width: 90%;
  height: auto;
  max-height: 90vh;
  position: relative;
  overflow: scroll;
}

.modal-close {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  padding: .75rem;
  display: flex;
  position: absolute;
  inset: 2.5rem 2.5rem auto auto;
}

.modal-close.is-jobs {
  justify-content: flex-end;
  align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  position: sticky;
  inset: 4.5rem 0% auto;
}

.modal-body.is-jobs {
  padding-top: 0;
  padding-left: 3.75rem;
}

.close-icon {
  width: 1.3125rem;
}

.close-icon.is-ausbildung {
  color: #8385f0;
}

.close-icon.is-produktion {
  color: var(--_theme---text-color--primary);
}

.close-icon.is-kundenberatung {
  color: var(--_theme---background--primary);
}

.close-icon.is-praktika {
  color: #86aff8;
}

.close-icon.is-verwaltung {
  color: var(--brand--orange);
}

.close-icon.is-it {
  color: #211c6c;
}

.modal-text {
  color: var(--brand--blue-light);
  font-family: Gravity Condensed, Arial, sans-serif;
  font-size: 2.1875rem;
  line-height: 1.29;
}

.overlay-slider {
  background-color: #c3d7fbbf;
  border-radius: 0;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 1.25rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.container-jobs-intro {
  width: 100%;
  max-width: 76.7125rem;
  margin-left: auto;
  margin-right: auto !important;
}

.intro-text-jobs {
  color: var(--_theme---text-color--primary);
  font-family: Inter, Arial, sans-serif;
  font-size: 1.8125rem;
  line-height: 1.41;
  font-weight: var(--font-weight--bold);
}

.intro-text-jobs.text-color-secondary {
  color: var(--_theme---background--primary);
}

.jobs-card-component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  margin-bottom: 9.375rem;
  display: flex;
}

.jobs-card-container {
  grid-column-gap: 3.4375rem;
  grid-row-gap: 3.4375rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
  display: block;
}

.jobs-grid {
  grid-column-gap: 2.25rem;
  grid-row-gap: 2.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.card-title-wrapper {
  width: 100%;
  padding: 1.5rem;
}

.card-title-wrapper.is-ausbildung {
  color: var(--neutral--white);
  background-color: #8385f0;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.card-title-wrapper.is-modal {
  position: sticky;
  inset: 0% 0% auto;
}

.card-title-wrapper.is-produktion {
  background-color: var(--_theme---text-color--primary);
  color: var(--neutral--white);
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.card-title-wrapper.is-kundenberatung {
  background-color: var(--_theme---background--primary);
  color: var(--neutral--white);
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.card-title-wrapper.is-praktika {
  color: var(--neutral--white);
  background-color: #86aff8;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.card-title-wrapper.is-verwaltung {
  background-color: var(--brand--orange);
  color: var(--neutral--white);
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.card-title-wrapper.is-it {
  color: var(--neutral--white);
  background-color: #211c6c;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.flip-card_title-jobs {
  color: var(--_theme---text-color--secondary);
  font-family: Gravity Condensed, Arial, sans-serif;
  font-size: 1.5625rem;
  line-height: 1;
  font-weight: var(--font-weight--bold);
}

.flip-card_title-jobs.text-color-white {
  color: var(--neutral--white);
  font-weight: 400;
}

.card-description {
  width: 100%;
  height: 100%;
  padding: 1.5rem;
}

.card-description.is-ausbildung {
  color: var(--neutral--white);
  background-color: #fff;
}

.jobs-description {
  width: 50%;
  font-size: 1rem;
  line-height: 1.5;
}

.jobs-description.is-ausbildung {
  color: #8385f0;
}

.jobs-description.is-produktion {
  color: var(--_theme---text-color--primary);
}

.jobs-description.is-kundenberatung {
  color: var(--_theme---background--primary);
}

.jobs-description.is-praktika {
  color: #86aff8;
}

.jobs-description.is-verwaltung {
  color: var(--brand--orange);
}

.jobs-description.is-it {
  color: #211c6c;
}

.jobs-modal-heading {
  margin-bottom: 1.125rem;
  font-family: Gravity Condensed, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.33;
}

.jobs-modal-heading.is-ausbildung {
  color: #8385f0;
}

.jobs-modal-heading.is-produktion {
  color: var(--_theme---text-color--primary);
}

.jobs-modal-heading.is-kundenberatung {
  color: var(--_theme---background--primary);
}

.jobs-modal-heading.is-praktika {
  color: #86aff8;
}

.jobs-modal-heading.is-verwaltung {
  color: var(--brand--orange);
}

.jobs-modal-heading.is-it {
  color: #211c6c;
}

.job-scope-info {
  margin-bottom: 4rem;
  font-family: Inter, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.35;
}

.job-scope-info.is-ausbildung {
  color: #8385f0;
}

.job-scope-info.is-produktion {
  color: var(--_theme---text-color--primary);
}

.job-scope-info.is-kundenberatung {
  color: var(--_theme---background--primary);
}

.job-scope-info.is-praktika {
  color: #86aff8;
}

.job-scope-info.is-verwaltung {
  color: var(--brand--orange);
}

.job-scope-info.is-it {
  color: #211c6c;
}

.job-modal-col-left {
  width: 100%;
}

.jobs-contact-box {
  width: 32%;
  margin-left: auto;
  padding: 2.5rem 2.5rem 3rem;
  position: sticky;
  bottom: 0;
  right: 0;
}

.jobs-contact-box.is-ausbildung {
  background-color: #8385f0;
}

.jobs-contact-box.is-produktion {
  background-color: var(--_theme---text-color--primary);
}

.jobs-contact-box.is-kundenberatung {
  background-color: var(--_theme---background--primary);
}

.jobs-contact-box.is-praktika {
  background-color: #86aff8;
}

.jobs-contact-box.is-verwaltung {
  background-color: var(--brand--orange);
}

.jobs-contact-box.is-it {
  background-color: #211c6c;
}

.jobs-contact-content-grid {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.contact-box-title {
  color: var(--neutral--white);
  font-family: Inter, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.35;
}

.jobs-box-text {
  color: var(--neutral--white);
  font-family: Inter, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

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

.contact-link-text {
  color: var(--neutral--white);
  text-decoration: none;
}

.team-card-component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  margin-bottom: 0;
  display: flex;
}

.team-card-container {
  grid-column-gap: 3.4375rem;
  grid-row-gap: 3.4375rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.team-card {
  aspect-ratio: auto;
  border: 1px solid #c3d7fb;
  border-radius: 0;
}

.team-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.team-card-content {
  background-color: var(--brand--blue-light);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.team-image-wrapper {
  aspect-ratio: 240 / 360;
  background-color: #572027;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: .75rem 1.125rem;
  display: flex;
  position: relative;
}

.team-hidden-title {
  color: #c3d7fb;
  font-family: Gravity Condensed, Arial, sans-serif;
  font-size: 3.4375rem;
  font-weight: 400;
  line-height: 1;
}

.team-card-title {
  color: #572027;
  letter-spacing: .03em;
  font-family: Gravity Condensed, Arial, sans-serif;
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 1.18;
}

.team-card-title.is-light-blue {
  color: #c3d7fb;
}

.team-image {
  aspect-ratio: 240 / 360;
  background-color: #572027;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.button-wrapper {
  width: 100%;
  margin-top: auto;
  margin-bottom: 0;
}

.card-content {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 1.25rem 1rem;
  display: flex;
}

.position-contact-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1rem;
  display: grid;
}

.team-card-text {
  color: #572027;
  font-family: Inter, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.36;
  text-decoration: none;
}

.contact-flex {
  flex-flow: column;
  display: flex;
}

.team-headline {
  color: var(--_theme---background--primary);
  margin-bottom: 3.75rem;
  font-family: Gravity Condensed, Arial, sans-serif;
  font-size: 2.5rem;
  line-height: 1.2;
}

.contact-form-wrapper {
  padding-top: 8.75rem;
  padding-bottom: 6rem;
}

.form {
  grid-column-gap: 1.5rem;
  grid-row-gap: .875rem;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: .8fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-field {
  color: var(--_theme---background--primary);
  font-family: Inter, Arial, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
  font-weight: var(--font-weight--medium);
  height: 4.125rem;
  margin-bottom: 0;
}

.text-field:focus-visible, .text-field[data-wf-focus-visible], .text-field::placeholder {
  color: var(--_theme---background--primary);
}

.submit-btn {
  background-color: var(--_theme---text-color--secondary);
  color: var(--neutral--white);
  font-family: Inter, Arial, sans-serif;
  font-size: .875rem;
  line-height: 1;
  font-weight: var(--font-weight--medium);
  padding: 1rem 1.375rem;
}

.text-area {
  color: var(--_theme---background--primary);
  font-family: Inter, Arial, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
  font-weight: var(--font-weight--medium);
  height: 100%;
  margin-bottom: 0;
  padding: 1rem 1.25rem 11rem;
}

.text-area:focus-visible, .text-area[data-wf-focus-visible], .text-area::placeholder {
  color: var(--_theme---background--primary);
}

.team-abstract-text {
  color: var(--_theme---text-color--secondary);
  font-family: Inter, Arial, sans-serif;
  font-size: 2.1875rem;
  line-height: 1.29;
  font-weight: var(--font-weight--bold);
}

.team-abstract-text.has-max-width {
  max-width: 33.8125rem;
  margin-left: auto;
  margin-right: auto;
}

.anchor-nav-sections {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  padding: 2.25rem 2.5rem;
  display: flex;
}

.anchor-menu_link-2 {
  color: #571f27;
  font-family: Inter, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

.anchor-menu_link-2.text-color-white {
  color: #fff;
}

.anchor-menu_link-2.text-color-primary {
  color: var(--_theme---text-color--primary);
}

.highlight-text-overlay {
  color: #faf5f5;
  font-family: Inter, Arial, sans-serif;
  font-size: .9375rem;
  line-height: 1.3;
  font-weight: var(--font-weight--bold);
  position: absolute;
  inset: auto 1.25rem 1.25rem;
}

.footer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-text {
  color: #c3d7fb;
  font-family: Inter, Arial, sans-serif;
  font-size: .875rem;
  line-height: 1.21;
  font-weight: var(--font-weight--normal);
  text-decoration: none;
}

.footer-text.add-margin-bottom {
  margin-bottom: 1.5rem;
}

.footer-link {
  color: #c3d7fb;
  margin-bottom: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: .875rem;
  line-height: 1.36;
  text-decoration: none;
}

.footer-link.add-margin-bottom {
  margin-bottom: 1.5rem;
}

.footer-brand-info {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-inner-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.footer-content {
  grid-column-gap: 3.375rem;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start end;
  display: flex;
}

.footer-druckwerk {
  color: #fff;
  position: relative;
}

.footer-column {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer {
  background-color: #361c1f;
}

.footer-header {
  color: #c3d7fb;
  font-family: Gravity Condensed, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.footer-col-header-wrapper {
  margin-bottom: .625rem;
}

.footer-brand-flex {
  grid-column-gap: 6.25rem;
  grid-row-gap: 6.25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-brand-logos {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.footer-brand-img {
  width: 9rem;
}

.printfamily-logo {
  width: 11.875rem;
}

.text-link-big-text {
  color: #f55b1c;
}

.footer-logos-mobile {
  display: none;
}

.menu-button {
  z-index: 100;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  aspect-ratio: 1;
  background-color: #ff5f37;
  border-radius: 50%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  display: none;
  position: relative;
}

.menu-line {
  background-color: #fff;
  border-radius: 20px;
  width: 14px;
  height: 2px;
}

.nav_menu_link-no-change {
  color: #fff;
  font-family: Inter, Arial, sans-serif;
  font-size: .875rem;
  line-height: 1.23;
  font-weight: var(--font-weight--bold);
  letter-spacing: 0;
  text-decoration: none;
  display: inline;
}

.nav_menu_link-no-change.w--current {
  text-underline-offset: 3px;
  text-decoration: underline;
}

.empty-state {
  background-color: #0000;
}

.empty-state.is--ausbildung {
  color: #8385f0;
}

.empty-state.is--produktion {
  color: #f55b1c;
}

.empty-state.is--kundenberatung {
  color: #572027;
}

.empty-state.is--praktikum {
  color: #86aff8;
}

.empty-state.is--verwaltung {
  color: #be4e12;
}

.empty-state.is--it {
  color: #211c6c;
}

.legal-description {
  color: #571f27;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
}

.image {
  border-radius: 0;
}

.skip-nav {
  z-index: 9999;
  color: #000;
  background-color: #fff;
  width: 1px;
  height: 1px;
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  top: auto;
  left: -10000px;
  overflow: hidden;
}

.skip-nav:focus {
  width: auto;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  overflow: visible;
}

@media screen and (max-width: 991px) {
  body {
    --_layout---spacing--xxsmall: .25rem;
    --_layout---spacing--global-padding: 2.5rem;
    --_layout---section-padding--medium: 4rem;
    --_layout---spacing--none: 0rem;
    --_layout---spacing--tiny: .125rem;
    --_layout---spacing--xsmall: .5rem;
    --_layout---spacing--small: 1rem;
    --_layout---spacing--medium: 1.5rem;
    --_layout---spacing--large: 2.5rem;
    --_layout---section-padding--small: 3rem;
    --_layout---section-padding--large: 6rem;
    --_layout---grid-columns--default-count: 8;
    --_layout---grid-columns--xsmall: 15rem;
    --_layout---grid-columns--small: 20rem;
    --_layout---grid-columns--medium: 25rem;
    --_layout---grid-columns--large: 30rem;
    --_layout---grid-columns--xlarge: 35rem;
    --_layout---grid-columns--xxlarge: 40rem;
    --_layout---gaps--small: 1.5rem;
    --_layout---gaps--regular: 2rem;
    --_layout---gaps--medium: 3rem;
    --_layout---gaps--large: 4rem;
    --_layout---spacing--xlarge: 3rem;
    --_layout---spacing--xxlarge: 4rem;
    --_layout---spacing--huge: 5rem;
    --_layout---spacing--xhuge: 8rem;
    --_layout---spacing--xxhuge: 8rem;
    --_typography---body--body-font-size: 1rem;
    --_typography---body--body-line-height: var(--_typography---font-height--xlarge);
    --_typography---body--body-letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h2--h2-letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h3--h3-font-size: 2rem;
    --_typography---h3--h3-line-height: var(--_typography---font-height--medium);
    --_typography---h3--h3-font-weight: var(--font-weight--bold);
    --_typography---h3--h3-letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h4--h4-font-size: 1.5rem;
    --_typography---h4--h4-line-height: var(--_typography---font-height--large);
    --_typography---h4--h4-font-weight: var(--font-weight--bold);
    --_typography---h4--h4-letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h5--h5-font-size: 1.25rem;
    --_typography---h5--h5-line-height: var(--_typography---font-height--xlarge);
    --_typography---h5--h5-font-weight: var(--font-weight--bold);
    --_typography---h5--h5-letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h6--h6-font-size: .875rem;
    --_typography---h6--h6-line-height: var(--_typography---font-height--xlarge);
    --_typography---h6--h6-font-weight: var(--font-weight--bold);
    --_typography---h6--h6-letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---body--body-font-weight: var(--font-weight--normal);
    --_typography---h1--h1-font-size: 4rem;
    --_typography---h1--h1-font-weight: var(--font-weight--bold);
    --_typography---h1--h1-line-height: var(--_typography---font-height--small);
    --_typography---h1--h1-letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h2--h2-font-size: 3rem;
    --_typography---h2--h2-font-weight: var(--font-weight--bold);
    --_typography---h2--h2-line-height: var(--_typography---font-height--medium);
    --_typography---font-size--tiny: .75rem;
    --_typography---font-size--small: .875rem;
    --_typography---font-size--regular: 1rem;
    --_typography---font-size--medium: 1.25rem;
    --_typography---font-size--large: 1.5rem;
    --_typography---font-height--small: 1.1;
    --_typography---font-height--medium: 1.2;
    --_typography---font-height--large: 1.4;
    --_typography---font-height--xlarge: 1.5;
    --_typography---letter-spacing--tighter: -.25rem;
    --_typography---letter-spacing--tight: -.125rem;
    --_typography---letter-spacing--default: 0rem;
    --_typography---letter-spacing--wide: .125rem;
    --_typography---letter-spacing--wider: .25rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hide-tablet {
    display: none !important;
  }

  .padding-global.padding-section-intro-home {
    padding-left: var(--_layout---spacing--global-padding);
  }

  .padding-global.padding-section--ber-uns {
    padding-top: 5.25rem;
    padding-bottom: 5.25rem;
  }

  .padding-global.padding-section-marienburg {
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: var(--_layout---spacing--global-padding);
  }

  .padding-global.padding-highlight {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .padding-global.padding-highlight.bg-orange-mobile {
    background-color: var(--brand--orange);
  }

  .padding-global.padding-section-hardcover {
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: var(--_layout---spacing--global-padding);
  }

  .padding-global.padding-section-jobs-intro {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: var(--_layout---spacing--global-padding);
  }

  .padding-global.padding-section-team {
    padding-top: 5.25rem;
    padding-bottom: 5.25rem;
  }

  .padding-global.padding-section-team-intro {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: var(--_layout---spacing--global-padding);
  }

  .text-size-regular.text-color-secondary.has-max-width, .text-size-regular.text-color-rosa.has-max-width, .text-size-regular.text-color-orange.has-max-width {
    margin-left: 0;
  }

  .text-size-regular.text-color-orange.has-max-width.is--small-mobile.remove-margin-auto-right.text-color-white-mobile {
    color: var(--neutral--white);
  }

  .nav_button {
    color: #fff;
  }

  .section.bg-white.overflow-hidden.is--bg-orange-mobile {
    background-color: var(--brand--orange);
  }

  .section.bg-white.overflow-hidden.is--bg-orange-mobile.add-padding-top-mobile {
    padding-top: 3.75rem;
  }

  .section.background-color-tertiary.padding-top-and-bottom-visit {
    padding-top: 5.25rem;
    padding-bottom: 5.25rem;
  }

  .section.background-color-gray.padding-vertical-hardcover-info {
    padding-top: 0;
  }

  .section.background-color-gray.padding-vertical-hardcover-info.remove-padding-bottom-mobile {
    padding-bottom: 0;
  }

  .section.background-color-gray.padding-section-hardcover {
    padding: 3.75rem 20px;
  }

  .section.background-color-gray.padding-section-hardcover.is-bg-orange-mobile {
    background-color: var(--brand--orange);
  }

  .section.background-color-gray.padding-vertical-pr-gungcopy {
    padding-top: 0;
    padding-bottom: 0;
  }

  .marquee.is--absolute.hide-tablett-show-mobile {
    display: block;
    bottom: .25rem;
  }

  .two-col-grid {
    grid-template-columns: 1fr;
    height: auto;
    min-height: 0;
    position: relative;
  }

  .two-col-grid.auto-height.is--flex-tablet-portrait {
    flex-flow: column;
    display: flex;
  }

  .two-col-grid.is-auto-mobile {
    height: auto;
    min-height: 0;
  }

  .column-content-flex {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .column-content-flex.is--flex-bottom {
    margin-bottom: 0;
  }

  .col-item.center-items.overflow-hidden.is-rtl.is--absolute-mobile {
    inset: 0%;
  }

  .col-item.center-items.overflow-hidden.is--absolute-mobile {
    z-index: 0;
    position: absolute;
  }

  .col-item.adjust-padding-vertical-ueber-uns {
    padding-top: 5.25rem;
  }

  .col-item.adjust-padding-vertical-ueber-uns.is--text-box-padding {
    padding-top: 2.625rem;
  }

  .col-item.full-height-mobile {
    z-index: 10;
    height: auto;
    padding-top: 6.5rem;
    position: relative;
  }

  .col-item.full-height-mobile.background-color-tertiary.remove-bg-mobile {
    background-color: #0000;
    padding-top: 8.5rem;
  }

  .col-item.adjust-padding-vertical-historie {
    padding-top: 5.25rem;
    padding-bottom: 0;
  }

  .col-item.adjust-padding-vertical-historie.is--text-box-padding {
    padding-top: 2.625rem;
  }

  .col-item.auto-height-mobile {
    z-index: 10;
    height: auto;
    min-height: 0;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    position: relative;
  }

  .col-item.is--legal {
    z-index: 10;
    padding-top: 8rem;
    position: relative;
  }

  .is-reveal.text-color-secondary.is-h2-large.text-color-change-mobile {
    color: var(--brand--blue-light);
  }

  .reveal-hero {
    min-height: 0;
  }

  .hero-content-container.is-referenzen {
    min-height: 65vh;
  }

  .reveal-content {
    min-height: 0;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .anchor-menu {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .menu-arrow {
    display: none;
  }

  .ber-uns-content {
    margin-bottom: 5rem;
  }

  .vorteile-und-nachteile {
    flex-flow: column;
    max-width: 100%;
  }

  .vorteile-digital-druck-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .card-grid {
    width: auto;
  }

  .nachteile-digital-druck-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .grid-divider {
    width: 100%;
    height: 1px;
  }

  .text-link-flex {
    margin-top: 2rem;
  }

  .content-wrapper {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .maschine-card-text.max-width-desktop {
    max-width: none;
  }

  .ueber-uns-intro-p {
    font-size: 2.75rem;
  }

  .ueber-uns-intro-p.text-color-orange.move-right-mobile.text-color-white-mobile {
    color: var(--neutral--white);
  }

  .druckwerk-section-headings {
    font-size: 4.5rem;
  }

  .slider-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .slider-wrapper.padding-top-slider-leistung {
    padding-top: 0;
  }

  .abstract-text {
    font-size: 1.75rem;
  }

  .button-flex-socials {
    margin-left: 0;
    margin-right: auto;
  }

  .adress-content-flex {
    margin-bottom: 2.5rem;
  }

  .slider {
    background-color: var(--brand--orange);
    height: auto;
    min-height: 0;
    padding-bottom: 2.65rem;
  }

  .slider-nav {
    margin-bottom: 0;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    inset: auto auto 0 0%;
  }

  .slider-info-block {
    width: 100%;
    max-width: none;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 1.75rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    display: block;
    position: static;
    bottom: auto;
  }

  .mask {
    height: 32.2rem;
    min-height: 0;
    position: relative;
  }

  .slider-arrow, .arrow-link {
    display: none;
  }

  .highlight-text.relativ.alternate-font {
    font-size: .875rem;
  }

  .slider-reverse.padding-top-slider {
    padding-top: 5.25rem;
  }

  .modal-overlay {
    width: 100vw;
    min-height: 100vh;
    margin-left: auto;
    margin-right: auto;
    display: none;
    top: auto;
    bottom: 0;
    right: auto;
  }

  .modal-overlay.show {
    background-color: #d4c1c2cc;
    width: 100vw;
    min-height: 100vh;
    margin-left: auto;
    margin-right: auto;
    inset: auto 0% 0;
  }

  .modal-content {
    background-color: #571f27;
    justify-content: center;
    align-items: center;
    width: 90vw;
    height: 90vh;
    padding: 1.875rem;
    display: flex;
    position: relative;
  }

  .modal-content.is-jobs {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
    display: flex;
  }

  .modal-close {
    position: absolute;
  }

  .modal-body {
    width: 90%;
  }

  .modal-body.is-jobs {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .modal-text {
    font-size: 1.75rem;
  }

  .overlay-slider {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .jobs-card-container {
    padding-left: 0;
    padding-right: 0;
  }

  .jobs-grid {
    grid-template-columns: 1fr 1fr;
    width: auto;
  }

  .jobs-description {
    width: 100%;
  }

  .job-modal-col-left {
    height: auto;
    overflow: scroll;
  }

  .jobs-contact-box {
    margin-top: 2rem;
    position: relative;
  }

  .jobs-contact-box.is-ausbildung, .jobs-contact-box.is-produktion, .jobs-contact-box.is-kundenberatung, .jobs-contact-box.is-praktika, .jobs-contact-box.is-verwaltung {
    width: 100%;
  }

  .jobs-contact-box.is-it {
    width: 100%;
    position: relative;
  }

  .team-card-component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .team-card {
    width: 100%;
  }

  .team-grid {
    grid-template-columns: 1fr 1fr;
    width: auto;
  }

  .contact-form-wrapper {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }

  .team-abstract-text {
    font-size: 1.75rem;
  }

  .anchor-nav-sections {
    justify-content: flex-start;
    align-items: center;
    min-height: 19.01vh;
    padding-top: 2.25rem;
  }

  .highlight-text-overlay {
    font-size: .875rem;
    left: 1rem;
    right: 1rem;
  }

  .footer-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .footer-text:hover {
    color: #fff;
  }

  .footer-brand-info {
    width: 100%;
  }

  .footer-content {
    grid-column-gap: 60px;
    grid-template-columns: auto;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    margin-right: auto;
  }

  .footer-druckwerk {
    width: 100%;
    max-width: none;
  }

  .footer-header:hover {
    color: #fff;
  }

  .footer-brand-flex {
    width: 100%;
  }

  .footer-brand-logos {
    width: auto;
  }

  .footer-logos-desktop {
    display: none;
  }

  .footer-logos-mobile {
    width: auto;
    margin-right: auto;
    display: block;
  }

  .legal-description {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_layout---spacing--xxsmall: .25rem;
    --_layout---spacing--global-padding: 1.25rem;
    --_layout---section-padding--medium: 3rem;
    --_layout---spacing--none: 0rem;
    --_layout---spacing--tiny: .125rem;
    --_layout---spacing--xsmall: .5rem;
    --_layout---spacing--small: 1rem;
    --_layout---spacing--medium: 1.25rem;
    --_layout---spacing--large: 1.5rem;
    --_layout---section-padding--small: 2rem;
    --_layout---section-padding--large: 4rem;
    --_layout---grid-columns--default-count: 6;
    --_layout---grid-columns--xsmall: 15rem;
    --_layout---grid-columns--small: 20rem;
    --_layout---grid-columns--medium: 25rem;
    --_layout---grid-columns--large: 30rem;
    --_layout---grid-columns--xlarge: 35rem;
    --_layout---grid-columns--xxlarge: 40rem;
    --_layout---gaps--small: 1.5rem;
    --_layout---gaps--regular: 2rem;
    --_layout---gaps--medium: 3rem;
    --_layout---gaps--large: 4rem;
    --_layout---spacing--xlarge: 2rem;
    --_layout---spacing--xxlarge: 3rem;
    --_layout---spacing--huge: 3.25rem;
    --_layout---spacing--xhuge: 8rem;
    --_layout---spacing--xxhuge: 4.5rem;
    --_typography---body--body-font-size: 1rem;
    --_typography---body--body-line-height: var(--_typography---font-height--xlarge);
    --_typography---body--body-letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h2--h2-letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h3--h3-font-size: 1.5rem;
    --_typography---h3--h3-line-height: var(--_typography---font-height--medium);
    --_typography---h3--h3-font-weight: var(--font-weight--bold);
    --_typography---h3--h3-letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h4--h4-font-size: 1.25rem;
    --_typography---h4--h4-line-height: var(--_typography---font-height--large);
    --_typography---h4--h4-font-weight: var(--font-weight--bold);
    --_typography---h4--h4-letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h5--h5-font-size: 1rem;
    --_typography---h5--h5-line-height: var(--_typography---font-height--xlarge);
    --_typography---h5--h5-font-weight: var(--font-weight--bold);
    --_typography---h5--h5-letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h6--h6-font-size: .875rem;
    --_typography---h6--h6-line-height: var(--_typography---font-height--xlarge);
    --_typography---h6--h6-font-weight: var(--font-weight--bold);
    --_typography---h6--h6-letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---body--body-font-weight: var(--font-weight--normal);
    --_typography---h1--h1-font-size: 2.5rem;
    --_typography---h1--h1-font-weight: var(--font-weight--bold);
    --_typography---h1--h1-line-height: var(--_typography---font-height--small);
    --_typography---h1--h1-letter-spacing: var(--_typography---letter-spacing--default);
    --_typography---h2--h2-font-size: 2rem;
    --_typography---h2--h2-font-weight: var(--font-weight--bold);
    --_typography---h2--h2-line-height: var(--_typography---font-height--medium);
    --_typography---font-size--tiny: .75rem;
    --_typography---font-size--small: .875rem;
    --_typography---font-size--regular: 1rem;
    --_typography---font-size--medium: 1.25rem;
    --_typography---font-size--large: 1.25rem;
    --_typography---font-height--small: 1.1;
    --_typography---font-height--medium: 1.2;
    --_typography---font-height--large: 1.4;
    --_typography---font-height--xlarge: 1.5;
    --_typography---letter-spacing--tighter: -.25rem;
    --_typography---letter-spacing--tight: -.125rem;
    --_typography---letter-spacing--default: 0rem;
    --_typography---letter-spacing--wide: .125rem;
    --_typography---letter-spacing--wider: .25rem;
  }

  h2 {
    font-size: 3.76875rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hide-mobile-landscape {
    display: none !important;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-global.padding-section-intro-home, .padding-global.padding-section-marienburg {
    padding-left: 1.25rem;
  }

  .padding-global.padding-highlight {
    padding-left: 0;
    padding-right: 0;
    overflow: scroll;
  }

  .padding-global.padding-section-hardcover {
    padding-left: 1.25rem;
  }

  .padding-global.padding-section-hardcover.adjust-padding-mobile {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-global.padding-section-jobs-intro, .padding-global.padding-section-team-intro {
    padding-left: 1.25rem;
  }

  .text-size-regular.text-color-secondary.has-max-width {
    margin-left: 0;
  }

  .text-size-regular.text-color-secondary.has-max-width.is--small-mobile {
    margin-left: auto;
    margin-right: 0;
  }

  .text-size-regular.text-color-orange.has-max-width {
    margin-left: 0;
  }

  .text-size-regular.text-color-orange.has-max-width.is--small-mobile {
    margin-left: auto;
    margin-right: 0;
  }

  .text-size-regular.text-color-orange.has-max-width.is--small-mobile.remove-margin-auto-right {
    margin-left: 0;
  }

  .text-size-regular.text-color-orange.has-max-width.is--small-mobile.remove-margin-auto-right.text-color-white-mobile.adjust-line-height-mobile {
    line-height: 1.55;
  }

  .nav_container {
    max-width: none;
  }

  .nav_brand {
    z-index: 999;
    margin-right: auto;
    position: relative;
  }

  .nav_menu {
    background-color: var(--brand--orange);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding-top: 4rem;
    position: absolute;
    inset: 0%;
  }

  .nav_menu.is--mobile {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 8rem;
    padding-left: 8rem;
    display: flex;
    top: 0%;
    transform: translate(0, -100%);
  }

  .nav_menu.is-desktop {
    display: none;
  }

  .nav_menu_link {
    font-size: 2rem;
  }

  .section.bg-white.overflow-hidden.is--relative-mobile {
    position: relative;
  }

  .section.background-color-tertiary.padding-top-and-bottom-visit {
    padding-top: 5.25rem;
    padding-bottom: 5.25rem;
  }

  .section.background-color-gray.padding-bottom {
    padding-bottom: 5.25rem;
  }

  .hero-logo {
    width: 6.03rem;
    left: 1.25rem;
  }

  .navigation.is--fixed {
    width: 100%;
  }

  .marquee {
    padding-top: 1.1725rem;
    padding-bottom: 1.1725rem;
  }

  .marquee.is--absolute.hide-tablett-show-mobile {
    bottom: 0;
  }

  .marquee.is--referenzen {
    padding-top: 2.125rem;
  }

  .item {
    font-size: 1.675rem;
  }

  .item.text-color-primary {
    font-size: 2.0625rem;
  }

  .two-col-grid {
    flex-flow: column;
    display: flex;
  }

  .column-content-flex.is--flex-bottom {
    margin-bottom: 0;
  }

  .col-item {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .col-item.center-items.overflow-hidden.is-first {
    order: -9999;
  }

  .col-item.adjust-padding-vertical-ueber-uns.margin-bottom-mobile {
    margin-bottom: 2rem;
  }

  .col-item.remove-padding-vertical.move-right-mobille, .col-item.remove-padding-vertical.move-right-mobille.adjust-padding-mobile-leistung {
    padding-left: 0;
  }

  .col-item.full-height-mobile.background-color-tertiary.remove-bg-mobile {
    padding-top: 6.5rem;
  }

  .col-item.auto-height-mobile {
    padding-left: 20px;
    padding-right: 20px;
  }

  .col-item.is--legal {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .reveal-hero {
    min-height: 0;
  }

  .hero-content-container.is-leistungen, .hero-content-container.is-referenzen {
    height: auto;
    min-height: 0;
  }

  .reveal-content {
    min-height: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-heading {
    font-size: 4.89938rem;
  }

  .anchor-menu {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
  }

  .vorteile-und-nachteile {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .card-grid {
    place-items: center;
    width: auto;
  }

  .machines-section.flex-space-between-desktop {
    min-height: 0;
    display: block;
  }

  .machine-bg-image {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .content-wrapper {
    width: 100%;
    margin-bottom: 3rem;
    margin-right: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .machine-card {
    border: 1px solid #be4e12;
  }

  .card-back {
    background-color: #c3d7fb;
    position: relative;
  }

  .intro-text {
    font-size: 1.675rem;
  }

  .ueber-uns-intro-p {
    font-size: 1.54309rem;
  }

  .ueber-uns-intro-p.text-color-orange.move-right-mobile.text-color-white-mobile.adjust-line-height-mobile {
    margin-left: auto;
    line-height: 1.38;
  }

  .ueber-uns-intro-p.text-color-orange.move-right-mobile.adjust-line-height-mobile {
    line-height: 1.38;
  }

  .druckwerk-section-headings {
    font-size: 3.015rem;
  }

  .slider-wrapper.padding-top-slider-leistung {
    padding-top: 0;
  }

  .abstract-text {
    letter-spacing: .012rem;
    font-size: 1.675rem;
  }

  .container-marienburg.move-right-mobile {
    justify-content: flex-end;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 4rem;
    padding-right: 0;
    display: flex;
  }

  .scroll-trigger-nav {
    height: 100vh;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .slider {
    padding-bottom: 2.75rem;
  }

  .slider-nav {
    padding-left: 20px;
    padding-right: 20px;
  }

  .slider-image {
    object-fit: cover;
  }

  .slider-info-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mask {
    height: 22rem;
  }

  .highlight-flex, .highlight-flex.max-height {
    flex-flow: row;
    width: 120vw;
  }

  .highlight-img-wrapper, .highlight-img-wrapper.max-height {
    width: 50%;
  }

  .modal-content.is-jobs {
    padding: 0;
  }

  .modal-text {
    letter-spacing: .012rem;
    font-size: 1.675rem;
  }

  .intro-text-jobs {
    font-size: 1.675rem;
  }

  .jobs-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    place-items: center;
    width: auto;
  }

  .jobs-modal-heading {
    font-size: 2.25rem;
  }

  .team-card {
    height: 100%;
  }

  .team-grid {
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    place-items: center;
    width: auto;
  }

  .contact-form-wrapper {
    padding-bottom: 4rem;
  }

  .team-abstract-text {
    letter-spacing: .012rem;
    font-size: 1.675rem;
  }

  .anchor-nav-sections {
    height: auto;
    min-height: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .footer-text:hover {
    color: #1a1b1fbf;
  }

  .footer-link:hover {
    color: #fff;
  }

  .footer-brand-info {
    width: 100%;
  }

  .footer-content {
    grid-column-gap: 3.75rem;
    grid-row-gap: 2.875rem;
    text-align: left;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    margin-top: 4.5rem;
    margin-bottom: 4.5rem;
    display: grid;
  }

  .footer-druckwerk {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-column {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .footer-header:hover {
    color: #1a1b1fbf;
  }

  .footer-brand-logos {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .footer-logos-mobile {
    width: 100%;
  }

  .menu-button {
    background-color: #00000040;
    display: flex;
  }

  .nav_menu_link-no-change {
    font-family: Gravity Condensed, Arial, sans-serif;
    font-size: 2rem;
  }

  .legal-mobile-links {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    padding-top: 2.75rem;
    display: flex;
  }

  .legal-nav-links {
    color: var(--neutral--white);
    font-family: Inter, Arial, sans-serif;
    font-size: .75rem;
    line-height: 1.73;
    font-weight: var(--font-weight--bold);
    text-decoration: none;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-size: 1.875rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-global {
    padding-left: 20px;
    padding-right: 20px;
  }

  .padding-global.padding-section-intro-home {
    padding-top: 2rem;
    padding-bottom: 2.8125rem;
  }

  .padding-global.padding-section--ber-uns {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .padding-global.padding-section-marienburg {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .padding-global.padding-highlight {
    padding: 3rem 0 3rem 0;
    overflow: scroll;
  }

  .padding-global.padding-section-hardcover {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .padding-global.padding-section-hardcover.adjust-padding-mobile {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-right: 0;
  }

  .padding-global.padding-section-jobs-intro, .padding-global.padding-section-jobs {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .padding-global.padding-section-team {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }

  .padding-global.padding-section-team-intro {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .text-size-regular {
    letter-spacing: .012rem;
    font-size: .875rem;
  }

  .text-size-regular.text-color-secondary.has-max-width.is--small-mobile, .text-size-regular.text-color-orange.has-max-width.is--small-mobile {
    max-width: 14.25rem;
    font-size: .6875rem;
  }

  .text-size-regular.text-color-orange.has-max-width.is--small-mobile.remove-margin-auto-right {
    width: 100%;
    max-width: none;
    font-size: .75rem;
  }

  .button {
    padding: .5rem .875rem;
    font-size: .875rem;
  }

  .button.is-light-red {
    padding: .625rem;
    font-size: .75rem;
  }

  .nav_menu.is--mobile {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    padding-top: 7rem;
    padding-left: 4.95rem;
    padding-right: 1rem;
  }

  .nav_menu_link {
    font-size: 1.25rem;
  }

  .section.bg-white.overflow-hidden.is--bg-orange-mobile.add-padding-top-mobile {
    height: auto;
    padding-top: 3rem;
  }

  .section.background-color-tertiary.padding-top-and-bottom-visit {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .section.background-color-gray.padding-bottom {
    padding-bottom: 3rem;
  }

  .section.background-color-gray.padding-vertical-hardcover-info {
    padding-bottom: 0;
  }

  .section.background-color-gray.padding-section-hardcover {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .hero-logo {
    width: 2.88438rem;
  }

  .marquee {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .marquee.is--referenzen {
    padding-top: 2.125rem;
  }

  .marquee-content {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .item {
    font-size: 1.25rem;
  }

  .item.text-color-primary {
    font-size: 2.0625rem;
  }

  .two-col-grid {
    min-height: 0;
  }

  .two-col-grid.auto-height.margin-top-and-bottom-custom {
    margin-bottom: 3rem;
  }

  .column-content-flex {
    grid-column-gap: 3.75rem;
    grid-row-gap: 3.75rem;
  }

  .column-content-flex.is--flex-bottom {
    margin-bottom: 0;
  }

  .col-item {
    padding: 4.375rem 20px;
    display: flex;
  }

  .col-item.adjust-padding-vertical-ueber-uns {
    padding-top: 3rem;
    padding-left: 20px;
    padding-right: 20px;
  }

  .col-item.adjust-padding-vertical-ueber-uns.is--text-box-padding {
    padding-top: 2rem;
  }

  .col-item.remove-padding-vertical.move-right-mobille {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .col-item.full-height-mobile {
    padding-bottom: 3rem;
  }

  .col-item.adjust-padding-vertical-historie {
    padding-top: 3rem;
  }

  .col-item.adjust-padding-vertical-historie.is--text-box-padding {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }

  .col-item.auto-height-mobile {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .col-item.is--legal {
    padding-bottom: 3rem;
    padding-left: 20px;
    padding-right: 20px;
  }

  .angebot-block_item {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .section-image.cover-top-right.mobile-top-left, .overlay-image.cover-top-right.mobile-top-left {
    object-position: 0% 0%;
  }

  .is-reveal.is-h2-large {
    font-size: 2.8125rem;
  }

  .reveal-hero, .hero-content-container.is-leistungen, .hero-content-container.is-referenzen {
    min-height: 0;
  }

  .reveal-content {
    min-height: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .pattern-reveal.referenzen {
    object-fit: cover;
    object-position: 0% 100%;
    background-position: 0 100%;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: scroll;
  }

  .pattern-reveal.leistungen {
    object-fit: cover;
    object-position: 0% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    height: 51rem;
  }

  .pattern-reveal.team {
    background-position: 50% 49.8%;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }

  .hero-heading {
    font-size: 2.5rem;
    line-height: 1.05;
  }

  .ber-uns-content {
    grid-row-gap: 2rem;
    margin-bottom: 4.375rem;
  }

  .vorteile-und-nachteile {
    grid-row-gap: 3rem;
  }

  .vorteile-digital-druck-wrapper {
    grid-column-gap: 2.25rem;
    grid-row-gap: 2.25rem;
    width: 100%;
  }

  .card-grid {
    grid-column-gap: .5rem;
    grid-row-gap: .625rem;
    width: 100%;
    max-width: 15.3rem;
  }

  .flip-card {
    aspect-ratio: 1;
    width: 7.25rem;
    height: 7.25rem;
  }

  .flip-card_back {
    padding: .625rem;
  }

  .flip-card_text {
    font-size: .625rem;
  }

  .flip-card_text.text-color-white.is-teaser-text {
    font-size: 1rem;
  }

  .flip-card_front {
    padding: .625rem;
  }

  .flip-card_title {
    font-size: .65rem;
  }

  .nachteile-digital-druck-wrapper {
    grid-column-gap: 2.25rem;
    grid-row-gap: 2.25rem;
  }

  .machines-section.flex-space-between-desktop {
    min-height: 0;
  }

  .machine-bg-image, .content-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .card-front {
    padding: .625rem;
  }

  .maschine-card-text {
    font-size: .6875rem;
  }

  .card-back {
    padding: .625rem;
  }

  .intro-text {
    font-size: 1rem;
  }

  .ueber-uns-intro-p {
    font-size: 1.0625rem;
  }

  .ueber-uns-intro-p.text-color-orange.move-right-mobile {
    max-width: 14.25rem;
    margin-left: auto;
    font-size: .875rem;
  }

  .ueber-uns-intro-p.text-color-orange.move-right-mobile.adjust-line-height-mobile {
    line-height: 1.38;
  }

  .is-h2-large {
    font-size: 2.8125rem;
  }

  .druckwerk-section-headings.is--team, .is-h2-regular {
    font-size: 1.875rem;
  }

  .vorteil-nachteil-headline {
    font-size: 1.25rem;
  }

  .slider-wrapper.padding-top-slider-leistung {
    padding-top: 0;
  }

  .abstract-text {
    font-size: .8125rem;
  }

  .abstract-text.text-color-primary.is-big-mobile {
    font-size: 1.0625rem;
  }

  .container-marienburg.move-right-mobile {
    justify-content: flex-end;
    align-items: center;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: .5rem;
    padding-left: 1.925rem;
    display: flex;
  }

  .button-flex-socials {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: row;
    justify-content: space-between;
    align-items: stretch;
    max-width: none;
  }

  .adress-wrapper {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .adress-text {
    font-size: .8125rem;
  }

  .adress-content-flex {
    margin-bottom: 1.25rem;
  }

  .slider {
    padding-bottom: 2.25rem;
  }

  .info-box-text {
    font-size: .75rem;
  }

  .mask {
    height: 12.4231rem;
  }

  .highlight-flex {
    flex-flow: row;
    width: 120vw;
  }

  .highlight-img-wrapper {
    width: 50%;
  }

  .highlight-text {
    bottom: .5625rem;
    left: .5625rem;
  }

  .highlight-text.max-width {
    max-width: 9rem;
    font-size: .75rem;
  }

  .highlight-text.relativ.alternate-font {
    font-size: .6875rem;
  }

  .slider-reverse.padding-top-slider {
    padding-top: 0;
  }

  .modal-trigger {
    padding-bottom: 1rem;
    font-size: .75rem;
  }

  .modal-content {
    height: auto;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .modal-content.is-jobs {
    padding: 0;
  }

  .modal-close {
    top: .25rem;
    right: .25rem;
  }

  .modal-close.is-jobs {
    top: 2rem;
  }

  .modal-body {
    width: 100%;
  }

  .modal-text {
    font-size: 1.0625rem;
  }

  .overlay-slider {
    padding: .625rem;
  }

  .intro-text-jobs {
    font-size: 1rem;
  }

  .jobs-card-component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    margin-bottom: 4rem;
  }

  .jobs-card-container {
    grid-column-gap: 2.25rem;
    grid-row-gap: 2.25rem;
  }

  .jobs-grid {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    display: flex;
  }

  .card-title-wrapper, .card-description {
    padding: .625rem;
  }

  .jobs-modal-heading {
    font-size: 1.75rem;
  }

  .jobs-contact-box {
    margin-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
  }

  .team-card-component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .team-card-container {
    grid-column-gap: 2.25rem;
    grid-row-gap: 2.25rem;
  }

  .team-grid {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .team-headline {
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
  }

  .contact-form-wrapper {
    padding-top: 1rem;
  }

  .form {
    flex-flow: column;
    grid-template-columns: .8fr 1fr;
    display: flex;
  }

  .submit-btn {
    order: 9999;
  }

  .team-abstract-text {
    font-size: .8125rem;
  }

  .anchor-nav-sections {
    height: auto;
    padding: 1.75rem 20px;
  }

  .anchor-menu_link-2 {
    font-size: 1rem;
  }

  .highlight-text-overlay {
    font-size: .6875rem;
    bottom: .625rem;
    left: .625rem;
    right: .625rem;
  }

  .footer-text {
    font-size: .6875rem;
  }

  .footer-text:hover {
    color: #fff;
  }

  .footer-text.add-margin-bottom {
    font-size: .625rem;
  }

  .footer-text.add-margin-bottom.remove-margin-bottom-mobile {
    margin-bottom: 0;
  }

  .footer-link {
    font-size: .625rem;
  }

  .footer-link:hover {
    color: #fff;
  }

  .footer-link.add-margin-bottom.remove-margin-bottom-mobile {
    margin-bottom: 0;
  }

  .footer-brand-info {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .footer-inner-container {
    max-width: none;
  }

  .footer-content {
    grid-column-gap: .2rem;
    grid-row-gap: 2.8125rem;
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    justify-items: stretch;
    margin-right: 0;
  }

  .footer-druckwerk {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-column {
    width: auto;
  }

  .footer-header {
    font-size: .8125rem;
  }

  .footer-header:hover {
    color: #fff;
  }

  .footer-brand-img {
    width: 7.75rem;
  }

  .printfamily-logo {
    width: 6.125rem;
  }

  .nav_menu_link-no-change {
    font-size: 1.5rem;
  }

  .nav_menu_link-no-change.w--current {
    font-size: 1.5rem;
    line-height: 1.5;
  }

  .empty-state {
    margin-top: -.75rem;
    padding: 0;
  }

  .legal-description {
    overflow-wrap: anywhere;
  }

  .legal-nav-links {
    text-decoration: none;
  }

  .is-flip-card-jobs {
    font-size: .87rem;
  }
}

#w-node-_8f3e97e3-3ff8-5b2e-34db-f37b26940696-26940683, #w-node-_8f3e97e3-3ff8-5b2e-34db-f37b269406a0-26940683, #w-node-_8f3e97e3-3ff8-5b2e-34db-f37b269406aa-26940683, #w-node-_8f3e97e3-3ff8-5b2e-34db-f37b269406b6-26940683, #name.w-node-_84dfb182-01f0-5a0e-d25a-cf8425e94706-f4f74de1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#E-Mail.w-node-_7ce55370-2fbd-53d1-5465-f2d102648ed4-f4f74de1 {
  grid-area: 3 / 1 / 4 / 2;
}

#Betreff.w-node-_1c062e83-02d0-0aa1-3567-bd9777dfd522-f4f74de1 {
  grid-area: 4 / 1 / 5 / 2;
}

#Telefon.w-node-_434783e5-ba4a-aff0-c519-f39458355394-f4f74de1 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_7ce55370-2fbd-53d1-5465-f2d102648ed8-f4f74de1 {
  grid-area: 5 / 2 / 6 / 3;
  justify-self: end;
}

#field.w-node-abd2a79d-b7ae-8037-5b85-780f6ef3e422-f4f74de1 {
  grid-area: span 4 / span 1 / span 4 / span 1;
}

#w-node-_4b0ffd1a-ef6d-f6bf-21fa-9ab4395037da-8b596122, #w-node-_613c4c16-9d65-d7ff-8f72-61b93da490e2-042ea79b, #w-node-_4b0ffd1a-ef6d-f6bf-21fa-9ab4395037da-8e866876 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-a30df626-4df1-fc20-cbd3-43bf7a45302f-a33a8759 {
    order: 9999;
  }

  #w-node-e137655c-c9e0-5421-706b-7864a1fa4d5b-dd71b986, #w-node-_2c557f0b-58d9-6e05-03e6-fb00fc221ca0-dd71b986, #w-node-_425075f2-8508-10d1-7d46-2544aa6c1179-dd71b986, #w-node-e208ec0c-e140-0076-7b47-5423c345aea6-dd71b986 {
    order: -9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_8f3e97e3-3ff8-5b2e-34db-f37b26940696-26940683 {
    order: 3;
  }

  #w-node-_8f3e97e3-3ff8-5b2e-34db-f37b269406a0-26940683 {
    order: -9999;
  }

  #w-node-_8f3e97e3-3ff8-5b2e-34db-f37b269406aa-26940683 {
    order: 9999;
  }

  #w-node-_8f3e97e3-3ff8-5b2e-34db-f37b269406b6-26940683 {
    order: 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_8f3e97e3-3ff8-5b2e-34db-f37b26940696-26940683, #w-node-_8f3e97e3-3ff8-5b2e-34db-f37b269406a0-26940683, #w-node-_8f3e97e3-3ff8-5b2e-34db-f37b269406aa-26940683 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: auto;
  }

  #w-node-_8f3e97e3-3ff8-5b2e-34db-f37b269406b6-26940683 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Microbic';
  src: url("/assets/fonts/hdmicrobic-roman.woff2") format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gravity Condensed';
  src: url("/assets/fonts/abcgravity-condensed.woff") format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url("/assets/fonts/inter_24pt-bold.ttf") format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url("/assets/fonts/inter_18pt-regular.ttf") format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url("/assets/fonts/inter_18pt-medium.ttf") format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}