/* @font-face { font-family: Fragment; src: url('../fonts/ppfragment-seriflight.woff2') format("woff2"), url('../fonts/ppfragment-seriflight.woff') format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: Fragment; src: url('../fonts/ppfragment-serifextralight.ttf') format("truetype"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: Fragment; src: url('../fonts/ppfragment-serifthin.ttf') format("truetype"); font-weight: 100; font-style: normal; font-display: swap; } */ :root { --_theme---background: var(--swatch--sandstein-2); --_text-style---font-family: var(--_typography---font--primary-family); --_theme---text: #464a4b; --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: 1.4; --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --swatch--gold: #c5a95f; --_text-style---margin-bottom: var(--_spacing---space--4); --size--0-75rem: .75rem; --size--1rem: 1rem; --size--0-5rem: .5rem; --size--1-5rem: 1.5rem; --_typography---font-size--text-large: 2.2rem; --site--gutter: 1rem; --_text-style---margin-top: var(--_spacing---space--4); --_spacing---space--6: var(--size--2-5rem); --_spacing---space--7: var(--size--3rem); --container--main: 122rem; --container--small: 122rem; --container--full: 122rem; --_spacing---space--2: var(--size--0-75rem); --size--0rem: 0rem; --_spacing---space--1: var(--size--0-5rem); --_spacing---space--3: var(--size--1rem); --_spacing---space--4: var(--size--1-5rem); --_spacing---space--5: var(--size--2rem); --_spacing---space--8: var(--size--4rem); --_typography---font--primary-family: Fragment, Arial, sans-serif; --_typography---font--primary-regular: 200; --_typography---font--primary-medium: 300; --_typography---font--primary-bold: 700; --radius--small: .5rem; --radius--main: 1rem; --radius--round: 100vw; --border-width--main: 2px; --_theme---border: var(--swatch--dark-faded); --_typography---line-height--1: 1; --swatch--transparent: transparent; --size--3rem: 3rem; --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_spacing---section-space--small: var(--size--7rem); --site--margin: 200px; --size--0-125rem: .125rem; --_spacing---section-space--none: var(--size--0rem); --_spacing---section-space--main: var(--size--12rem); --_spacing---section-space--large: var(--size--16rem); --_spacing---section-space--page-top: var(--size--18rem); --_typography---font-size--cta-uppercase: var(--_typography---font-size--text-main); --size--0-25rem: .25rem; --site--v-extra-space: 2rem; --site--h-text-cta-gap: 3rem; --swatch--light: white; --swatch--marmor-4: #f9f9f9; --size--4rem: 4rem; --size--0-375rem: .375rem; --swatch--gold-2: #dccb9f; --size--1-25rem: 1.25rem; --size--2rem: 2rem; --size--6rem: 6rem; --_typography---text-transform--none: 0px; --focus--offset-inner: -.125rem; --_typography---font-size--text-main: 1.2rem; --size--2-5rem: 2.5rem; --swatch--fels: #464a4b; --prozessgallery--prozess_width_wide: 24rem; --prozessgallery--prozess_width_narrow: 18rem; --prozessgallery--prozess_width_mid: 21rem; --size--10rem: 10rem; --swatch--sandstein-2: #e4e5e6; --swatch--fels-2: #6b6e6f; --size--7rem: 7rem; --size--4-5rem: 4.5rem; --_typography---font-size--text-regular-small: 1rem; --_typography---font--primary-light: 100; --swatch--fels-3: #5a5c5d; --_typography---font-size--h4: var(--size--2rem); --size--17rem: 17rem; --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_alignment---flex: var(--align--flex-start); --_alignment---text: var(--align--text-left); --_theme---background-2: var(--swatch--marmor-4); --site--width: 122rem; --site--column-count: 12; --focus--width: .125rem; --focus--offset-outer: .1875rem; --swatch--dark-faded: #3532331a; --swatch--light-faded: #ffffff1a; --swatch--sandstein: #d2c9aa; --swatch--sandstein-3: #f6f6f6; --swatch--marmor: #dadada; --swatch--marmor-2: #e5e5e5; --swatch--marmor-3: #f2f2f2; --swatch--wald: #144738; --swatch--schatten: #242524; --swatch--brand-text: var(--swatch--fels); --_theme---button-primary--background: var(--swatch--gold); --_theme---button-primary--border: var(--swatch--gold); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--swatch--fels); --_theme---button-primary--border-hover: var(--swatch--fels); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--swatch--dark-faded); --_theme---button-secondary--text: var(--swatch--fels); --_theme---button-secondary--background-hover: var(--swatch--fels); --_theme---button-secondary--border-hover: var(--swatch--fels); --_theme---button-secondary--text-hover: var(--swatch--light); --_spacing---space--burgergap: var(--size--0-375rem); --size--3-5rem: 3.5rem; --size--5rem: 5rem; --size--5-5rem: 5.5rem; --size--6-5rem: 6.5rem; --size--7-5rem: 7.5rem; --size--8rem: 8rem; --size--8-5rem: 8.5rem; --size--9rem: 9rem; --size--9-5rem: 9.5rem; --size--11rem: 11rem; --size--12rem: 12rem; --size--13rem: 13rem; --size--14rem: 14rem; --size--15rem: 15rem; --size--16rem: 16rem; --size--18rem: 18rem; --_typography---font--primary-trim-top: .4em; --_typography---font--primary-trim-bottom: .38em; --_typography---letter-spacing--0-03em: -.03em; --_typography---letter-spacing--0em: 0em; --_typography---letter-spacing--0-015em: .015em; --_typography---line-height--1-1: 1.1; --_typography---line-height--1-3: 1.3; --_typography---line-height--1-5: 1.5; --_typography---font-size--text-small: 1.2rem; --_typography---font-size--text-cta-link: 1.1rem; --_typography---font-size--text-footer: 1.2rem; --_typography---font-size--h6: var(--size--1rem); --_typography---font-size--h5: var(--size--1-5rem); --_typography---font-size--h3: var(--size--2-5rem); --_typography---font-size--h2: 3.35rem; --_typography---font-size--h1: 1.1rem; --_typography---font-size--display: var(--size--5rem); --_typography---font-size--text-nav: 1.2rem; --column-width--1: 0px; --column-width--2: 0px; --column-width--3: 0px; --column-width--4: 0px; --column-width--5: 0px; --column-width--6: 0px; --column-width--7: 0px; --column-width--8: 0px; --column-width--9: 0px; --column-width--10: 0px; --column-width--11: 0px; --column-width--12: 0px; --column-margin--0: 0px; --column-margin--1: 1px; --column-margin--2: 2px; --column-margin--3: 3px; --column-margin--4: 4px; --column-margin--5: 5px; --column-margin--6: 6px; --column-margin--7: 7px; --column-margin--8: 8px; --column-margin--9: 9px; --column-margin--10: 10px; --column-margin--11: 11px; --column-margin--12: 12px; --align--flex-start: 0px; --align--flex-center: 0px; --align--flex-end: 0px; --align--text-left: 0px; --align--text-center: 0px; --align--text-right: 0px; --align--start: 0px; --align--center: 0px; --align--end: 0px; --_typography---text-transform--uppercase: 0px; --_typography---text-transform--capitalize: 0px; --_typography---text-transform--lowercase: 0px; } .w-checkbox { margin-bottom: 5px; padding-left: 20px; display: block; } .w-checkbox:before { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox:after { content: " "; clear: both; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox-input { float: left; margin: 4px 0 0 -20px; line-height: normal; } .w-checkbox-input--inputType-custom { border: 1px solid #ccc; border-radius: 2px; width: 12px; height: 12px; } .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: #3898ec; background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-color: #3898ec; } .w-checkbox-input--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } .w-form-formradioinput--inputType-custom { border: 1px solid #ccc; border-radius: 50%; width: 12px; height: 12px; } .w-form-formradioinput--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } .w-form-formradioinput--inputType-custom.w--redirected-checked { border-width: 4px; border-color: #3898ec; } body { background-color: var(--_theme---background); font-family: var(--_text-style---font-family); color: var(--_theme---text); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); } h1, h2, h3, h4, h5, h6, p { display: flow-root; } a { color: inherit; outline-width: var(--focus--width); outline-offset: var(--focus--offset-outer); text-decoration: none; } ul, ol { margin-bottom: 0; padding-left: 0; list-style: ""; } img { object-fit: cover; border-radius: 3px; width: 100%; max-width: 100%; } strong { color: var(--swatch--gold); font-weight: 700; } em { font-style: italic; } blockquote { border-style: none; padding: 0; } figure { margin-bottom: 0; } .u-theme-light { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--sandstein-2); --_theme---text: #464a4b; --_theme---border: var(--swatch--dark-faded); --_theme---background-2: var(--swatch--marmor-4); --_theme---button-primary--background: var(--swatch--gold); --_theme---button-primary--border: var(--swatch--gold); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--swatch--fels); --_theme---button-primary--border-hover: var(--swatch--fels); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--swatch--dark-faded); --_theme---button-secondary--text: var(--swatch--fels); --_theme---button-secondary--background-hover: var(--swatch--fels); --_theme---button-secondary--border-hover: var(--swatch--fels); --_theme---button-secondary--text-hover: var(--swatch--light); } .u-theme-dark { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--fels); --_theme---text: var(--swatch--light); --_theme---border: var(--swatch--light-faded); --_theme---background-2: var(--swatch--marmor-4); --_theme---button-primary--background: var(--swatch--gold); --_theme---button-primary--border: var(--swatch--gold); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--swatch--light); --_theme---button-primary--border-hover: var(--swatch--light); --_theme---button-primary--text-hover: var(--swatch--fels); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--swatch--light-faded); --_theme---button-secondary--text: var(--swatch--light); --_theme---button-secondary--background-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--light); --_theme---button-secondary--text-hover: var(--swatch--fels); } .u-text-style-display { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-text-style-h1 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); text-align: center; letter-spacing: var(--_text-style---letter-spacing); text-transform: uppercase; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-wrap: balance; display: flow-root; } .u-text-style-h2 { margin-bottom: var(--_text-style---margin-bottom); padding-top: var(--size--0-75rem); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-text-style-h3 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-text-style-h4 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-text-style-h5 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-text-style-h6 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-text-style-large { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: 1.3; font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: 1.51; --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: pretty; display: flow-root; } .u-text-style-large.u-text-style-uppercase { padding-top: var(--size--0-5rem); padding-bottom: var(--size--1-5rem); font-size: var(--_typography---font-size--text-large); } .u-text-style-main { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: 1.4; --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: pretty; display: flow-root; } .u-text-style-main.u-text-transform-uppercase { text-align: center; } .u-text-style-main.u-text-link { padding-right: var(--size--1rem); padding-bottom: var(--site--gutter); padding-left: var(--site--gutter); color: var(--swatch--gold); position: absolute; inset: auto 0% 0% auto; } .u-text-style-small { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: 1.4; --_text-style---font-weight: var(--_typography---font--primary-light); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: pretty; display: flow-root; } .u-rich-text h1 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; } .u-rich-text h2 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; } .u-rich-text h3 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; } .u-rich-text h4 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: balance; } .u-rich-text h5 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-wrap: balance; text-transform: var(--_text-style---text-transform); } .u-rich-text h6 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-wrap: balance; text-transform: var(--_text-style---text-transform); } .u-rich-text p { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); --swatch--gold: #c5a95f; --size--0-75rem: .75rem; --size--1rem: 1rem; --size--0-5rem: .5rem; --size--1-5rem: 1.5rem; --site--gutter: 1rem; --container--main: 122rem; --container--small: 122rem; --container--full: 122rem; --size--0rem: 0rem; --radius--small: .5rem; --radius--main: 1rem; --radius--round: 100vw; --border-width--main: 2px; --swatch--transparent: transparent; --size--3rem: 3rem; --site--margin: 200px; --size--0-125rem: .125rem; --size--0-25rem: .25rem; --site--v-extra-space: 2rem; --site--h-text-cta-gap: 3rem; --swatch--light: white; --swatch--marmor-4: #f9f9f9; --size--4rem: 4rem; --size--0-375rem: .375rem; --swatch--gold-2: #dccb9f; --size--1-25rem: 1.25rem; --size--2rem: 2rem; --size--6rem: 6rem; --focus--offset-inner: -.125rem; --size--2-5rem: 2.5rem; --swatch--fels: #464a4b; --prozessgallery--prozess_width_wide: 24rem; --prozessgallery--prozess_width_narrow: 18rem; --prozessgallery--prozess_width_mid: 21rem; --size--10rem: 10rem; --swatch--sandstein-2: #e4e5e6; --swatch--fels-2: #6b6e6f; --size--7rem: 7rem; --size--4-5rem: 4.5rem; --swatch--fels-3: #5a5c5d; --size--17rem: 17rem; --site--width: 122rem; --site--column-count: 12; --focus--width: .125rem; --focus--offset-outer: .1875rem; --swatch--dark-faded: #3532331a; --swatch--light-faded: #ffffff1a; --swatch--sandstein: #d2c9aa; --swatch--sandstein-3: #f6f6f6; --swatch--marmor: #dadada; --swatch--marmor-2: #e5e5e5; --swatch--marmor-3: #f2f2f2; --swatch--wald: #144738; --swatch--schatten: #242524; --swatch--brand-text: var(--swatch--fels); --size--3-5rem: 3.5rem; --size--5rem: 5rem; --size--5-5rem: 5.5rem; --size--6-5rem: 6.5rem; --size--7-5rem: 7.5rem; --size--8rem: 8rem; --size--8-5rem: 8.5rem; --size--9rem: 9rem; --size--9-5rem: 9.5rem; --size--11rem: 11rem; --size--12rem: 12rem; --size--13rem: 13rem; --size--14rem: 14rem; --size--15rem: 15rem; --size--16rem: 16rem; --size--18rem: 18rem; --column-width--1: 0px; --column-width--2: 0px; --column-width--3: 0px; --column-width--4: 0px; --column-width--5: 0px; --column-width--6: 0px; --column-width--7: 0px; --column-width--8: 0px; --column-width--9: 0px; --column-width--10: 0px; --column-width--11: 0px; --column-width--12: 0px; --column-margin--0: 0px; --column-margin--1: 1px; --column-margin--2: 2px; --column-margin--3: 3px; --column-margin--4: 4px; --column-margin--5: 5px; --column-margin--6: 6px; --column-margin--7: 7px; --column-margin--8: 8px; --column-margin--9: 9px; --column-margin--10: 10px; --column-margin--11: 11px; --column-margin--12: 12px; --align--flex-start: 0px; --align--flex-center: 0px; --align--flex-end: 0px; --align--text-left: 0px; --align--text-center: 0px; --align--text-right: 0px; --align--start: 0px; --align--center: 0px; --align--end: 0px; text-wrap: pretty; } .u-rich-text blockquote { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--6); padding-top: var(--size--0-5rem); padding-right: var(--size--1rem); padding-bottom: var(--size--0-5rem); padding-left: var(--size--1rem); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: 1.51; --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); border-left-style: solid; border-left-width: .2rem; } .u-rich-text ol { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---flex); flex-flow: column; padding-left: 1.2em; list-style-type: decimal; display: flex; overflow: visible; } .u-rich-text li { margin-top: calc(var(--_text-style---trim-top) * -1); margin-bottom: calc(var(--_text-style---trim-bottom) * -1); } .u-rich-text ul { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---flex); flex-flow: column; padding-left: 1.2em; list-style-type: disc; display: flex; overflow: visible; } .u-rich-text figure { margin-top: var(--_spacing---space--7); margin-bottom: var(--_spacing---space--7); } .u-rich-text a { color: var(--swatch--gold); } .u-container { max-width: var(--container--main); width: 100%; margin-left: auto; margin-right: auto; position: relative; container-type: inline-size; } .u-container-small { max-width: var(--container--small); width: 100%; margin-left: auto; margin-right: auto; position: relative; container-type: inline-size; } .u-container-full { max-width: var(--container--full); width: 100%; margin-left: auto; margin-right: auto; position: relative; container-type: inline-size; } .u-sr-only { white-space: nowrap; clip: rect(0, 0, 0, 0); border-width: 0; width: 1px; height: 1px; margin-left: auto; margin-right: auto; padding: 0; position: absolute; inset: 0% 0% auto; overflow: hidden; } .u-visual-wrap { aspect-ratio: 1; width: 100%; position: relative; overflow: hidden; } .u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 { display: -webkit-box; overflow: hidden; } .u-btn-group { margin-top: var(--_spacing---space--6); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); align-content: center; align-items: center; justify-content: var(--_alignment---flex); flex-flow: wrap; display: flex; } .u-alignment-vertical { justify-content: center; align-items: var(--_alignment---flex); text-align: var(--_alignment---text); flex-flow: column; display: flex; } .u-alignment-horizontal { align-items: center; justify-content: var(--_alignment---flex); flex-flow: wrap; display: flex; } .u-child-contain { justify-content: center; align-items: var(--_alignment---flex); text-align: var(--_alignment---text); flex-flow: column; min-width: 100%; display: flex; } .u-hflex-left-top { flex-flow: row; place-content: flex-start; align-items: flex-start; display: flex; } .u-hflex-left-center { flex-flow: row; place-content: center flex-start; align-items: center; display: flex; } .u-hflex-left-bottom { flex-flow: row; place-content: flex-end flex-start; align-items: flex-end; display: flex; } .u-hflex-left-stretch { flex-flow: row; place-content: stretch flex-start; align-items: stretch; display: flex; } .u-hflex-center-top { flex-flow: row; place-content: flex-start center; align-items: flex-start; display: flex; } .u-hflex-center-center { flex-flow: row; place-content: center; align-items: center; display: flex; } .u-hflex-center-bottom { flex-flow: row; place-content: flex-end center; align-items: flex-end; display: flex; } .u-hflex-center-stretch { flex-flow: row; place-content: stretch center; align-items: stretch; display: flex; } .u-hflex-right-top { flex-flow: row; place-content: flex-start flex-end; align-items: flex-start; display: flex; } .u-hflex-right-center { flex-flow: row; place-content: center flex-end; align-items: center; display: flex; } .u-hflex-right-bottom { flex-flow: row; place-content: flex-end; align-items: flex-end; display: flex; } .u-hflex-right-stretch { flex-flow: row; place-content: stretch flex-end; align-items: stretch; display: flex; } .u-hflex-between-top { flex-flow: row; place-content: flex-start space-between; align-items: flex-start; display: flex; } .u-hflex-between-center { flex-flow: row; place-content: center space-between; align-items: center; display: flex; } .u-hflex-between-bottom { flex-flow: row; place-content: flex-end space-between; align-items: flex-end; display: flex; } .u-hflex-between-stretch { flex-flow: row; place-content: stretch space-between; align-items: stretch; display: flex; } .u-hflex-wrap { flex-flow: wrap; } .u-vflex-left-top { flex-flow: column; place-content: flex-start; align-items: flex-start; display: flex; } .u-vflex-left-center { flex-flow: column; place-content: flex-start center; align-items: flex-start; display: flex; } .u-vflex-left-bottom { flex-flow: column; place-content: flex-start flex-end; align-items: flex-start; display: flex; } .u-vflex-left-between { flex-flow: column; place-content: flex-start space-between; align-items: flex-start; display: flex; } .u-vflex-center-top { flex-flow: column; place-content: center flex-start; align-items: center; display: flex; } .u-vflex-center-center { flex-flow: column; place-content: center; align-items: center; display: flex; } .u-vflex-center-bottom { flex-flow: column; place-content: center flex-end; align-items: center; display: flex; } .u-vflex-center-between { flex-flow: column; place-content: center space-between; align-items: center; display: flex; } .u-vflex-right-top { flex-flow: column; place-content: flex-end flex-start; align-items: flex-end; display: flex; } .u-vflex-right-center { flex-flow: column; place-content: flex-end center; align-items: flex-end; display: flex; } .u-vflex-right-bottom { flex-flow: column; place-content: flex-end; align-items: flex-end; display: flex; } .u-vflex-right-between { flex-flow: column; place-content: flex-end space-between; align-items: flex-end; display: flex; } .u-vflex-stretch-top { flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .u-vflex-stretch-center { flex-flow: column; justify-content: center; align-items: stretch; display: flex; } .u-vflex-stretch-bottom { flex-flow: column; justify-content: flex-end; align-items: stretch; display: flex; } .u-vflex-stretch-between { flex-flow: column; justify-content: space-between; align-items: stretch; display: flex; } .u-vflex-wrap { flex-flow: column wrap; } .u-flex-noshrink { flex: none; } .u-flex-shrink { flex: 0 auto; } .u-flex-grow { flex: 1; } .u-grid-custom { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-1); display: grid; } .u-grid-subgrid { grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: subgrid; grid-column-gap: inherit; grid-row-gap: inherit; grid-column: auto / span 1; display: grid; } .u-grid-autofit { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); grid-auto-columns: minmax(0, 1fr); display: grid; } .u-grid-autofill { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-template-columns: repeat(auto-fill, minmax(min(100%, 13rem), 1fr)); grid-auto-columns: minmax(0, 1fr); display: grid; } .u-grid-desktop, .u-grid-tablet, .u-grid-landscape { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-main); display: grid; } .u-grid-breakout { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-breakout); display: grid; } .u-grid-flex { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); flex-flow: wrap; display: flex; } .u-align-self-auto { align-self: auto; } .u-align-self-start { align-self: flex-start; } .u-align-self-center { align-self: center; } .u-align-self-end { align-self: flex-end; } .u-align-self-stretch { align-self: stretch; } .u-align-items-stretch { align-items: stretch; } .u-align-items-start { align-items: flex-start; } .u-align-items-center { align-items: center; } .u-align-items-end { align-items: flex-end; } .u-align-items-variable { align-items: var(--_alignment---flex); } .u-justify-content-start { justify-content: flex-start; } .u-justify-content-center { justify-content: center; } .u-justify-content-end { justify-content: flex-end; } .u-justify-content-between { justify-content: space-between; } .u-justify-content-around { justify-content: space-around; } .u-justify-content-variable { justify-content: var(--_alignment---flex); } .u-color-inherit { color: inherit; } .u-color-faded { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .u-gap-0 { grid-column-gap: var(--size--0rem); grid-row-gap: var(--size--0rem); } .u-gap-inherit { grid-column-gap: inherit; grid-row-gap: inherit; } .u-gap-1 { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); } .u-gap-2 { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); } .u-gap-gutter { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); } .u-gap-3 { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); } .u-gap-4 { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); } .u-gap-5 { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); } .u-gap-6 { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); } .u-gap-7 { grid-column-gap: var(--_spacing---space--7); grid-row-gap: var(--_spacing---space--7); } .u-gap-8 { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); } .u-gap-row-0 { grid-row-gap: var(--size--0rem); } .u-gap-row-inherit { grid-row-gap: inherit; } .u-gap-row-1 { grid-row-gap: var(--_spacing---space--1); } .u-gap-row-2 { grid-row-gap: var(--_spacing---space--2); } .u-gap-row-gutter { grid-row-gap: var(--site--gutter); } .u-gap-row-3 { grid-row-gap: var(--_spacing---space--3); } .u-gap-row-4 { grid-row-gap: var(--_spacing---space--4); } .u-gap-row-5 { grid-row-gap: var(--_spacing---space--5); } .u-gap-row-6 { grid-row-gap: var(--_spacing---space--6); } .u-gap-row-7 { grid-row-gap: var(--_spacing---space--7); } .u-gap-row-8 { grid-row-gap: var(--_spacing---space--8); } .u-mt-auto { margin-top: auto; } .u-mt-0 { margin-top: 0; } .u-mt-gutter { margin-top: var(--site--gutter); } .u-mt-text { margin-top: var(--_text-style---margin-top); } .u-mt-1 { margin-top: var(--_spacing---space--1); } .u-mt-2 { margin-top: var(--_spacing---space--2); } .u-mt-3 { margin-top: var(--_spacing---space--3); } .u-mt-4 { margin-top: var(--_spacing---space--4); } .u-mt-5 { margin-top: var(--_spacing---space--5); } .u-mt-6 { margin-top: var(--_spacing---space--6); } .u-mt-7 { margin-top: var(--_spacing---space--7); } .u-mt-8 { margin-top: var(--_spacing---space--8); } .u-mb-auto { margin-bottom: auto; } .u-mb-0 { margin-bottom: 0; } .u-mb-gutter { margin-bottom: var(--site--gutter); } .u-mb-text { margin-bottom: var(--_text-style---margin-bottom); } .u-mb-1 { margin-bottom: var(--_spacing---space--1); } .u-mb-2 { margin-bottom: var(--_spacing---space--2); } .u-mb-3 { margin-bottom: var(--_spacing---space--3); } .u-mb-4 { margin-bottom: var(--_spacing---space--4); } .u-mb-5 { margin-bottom: var(--_spacing---space--5); } .u-mb-6 { margin-bottom: var(--_spacing---space--6); } .u-mb-7 { margin-bottom: var(--_spacing---space--7); } .u-mb-8 { margin-bottom: var(--_spacing---space--8); } .u-weight-regular { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-regular); } .u-weight-medium { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-medium); } .u-weight-bold { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-bold); } .u-min-height-screen { min-height: 100svh; } .u-column-full { grid-column: 1 / -1; } .u-column-custom { grid-column: auto / span 1; } .u-column-indent { grid-column: 2 / -2; } .u-column-1 { grid-column: auto / span 1; } .u-column-2 { grid-column: auto / span 2; } .u-column-3 { grid-column: auto / span 3; } .u-column-4 { grid-column: auto / span 4; } .u-column-5 { grid-column: auto / span 5; } .u-column-6 { grid-column: auto / span 6; } .u-column-7 { grid-column: auto / span 7; } .u-column-8 { grid-column: auto / span 8; } .u-column-9 { grid-column: auto / span 9; } .u-column-10 { grid-column: auto / span 10; } .u-column-11 { grid-column: auto / span 11; } .u-column-12 { grid-column: auto / span 12; } .u-order-first { order: -1; } .u-order-last { order: 1; } .u-alignment-left { --_alignment---flex: var(--align--flex-start); --_alignment---text: var(--align--text-left); text-align: var(--_alignment---text); } .u-alignment-center { --_alignment---flex: var(--align--flex-center); --_alignment---text: var(--align--text-center); text-align: var(--_alignment---text); } .u-alignment-right { --_alignment---flex: var(--align--flex-end); --_alignment---text: var(--align--text-right); text-align: var(--_alignment---text); } .u-text-transform-none { text-transform: none; } .u-text-transform-uppercase { text-transform: uppercase; } .u-text-transform-capitalize { text-transform: capitalize; } .u-text-transform-lowercase { text-transform: lowercase; } .u-text-wrap-wrap { padding-top: var(--size--0-75rem); padding-right: var(--size--0-5rem); padding-bottom: var(--size--0-5rem); padding-left: var(--size--0-5rem); text-wrap: wrap; } .u-text-wrap-wrap.u-flex-grow.u-vflex-center-top { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); height: 4rem; } .u-text-wrap-wrap.u-vflex-center-top { grid-column-gap: var(--size--0-75rem); grid-row-gap: var(--size--0-75rem); } .u-text-wrap-wrap.u-grid-custom { grid-template-columns: var(--grid-4); } .u-text-wrap-balance { text-wrap: balance; } .u-text-wrap-pretty { text-wrap: pretty; } .u-max-width-none { max-width: none; } .u-max-width-10ch { max-width: 10ch; } .u-max-width-12ch { max-width: 12ch; } .u-max-width-14ch { max-width: 14ch; } .u-max-width-16ch { max-width: 16ch; } .u-max-width-18ch { max-width: 18ch; } .u-max-width-20ch { max-width: 20ch; } .u-max-width-30ch { max-width: 30ch; } .u-max-width-40ch { max-width: 40ch; } .u-max-width-50ch { max-width: 50ch; } .u-max-width-60ch { max-width: 60ch; } .u-max-width-70ch { max-width: 70ch; } .u-max-width-80ch { max-width: 80ch; } .u-radius-none { border-radius: 0; } .u-radius-inherit { border-radius: inherit; } .u-radius-small { border-radius: var(--radius--small); } .u-radius-main { border-radius: var(--radius--main); } .u-radius-round { border-radius: var(--radius--round); } .u-overflow-visible { overflow: visible; } .u-overflow-hidden { overflow: hidden; } .u-overflow-clip { overflow: clip; } .u-overflow-scroll { overflow: scroll; } .u-overflow-auto { overflow: auto; } .u-overflow-x-auto { overflow: auto hidden; } .u-overflow-y-auto { overflow: hidden auto; } .u-overflow-hidden-left { -webkit-clip-path: polygon(0 0, 9000% 0, 9000% 100%, 0% 100%); clip-path: polygon(0 0, 9000% 0, 9000% 100%, 0% 100%); } .u-display-block { display: block; } .u-display-inline { display: inline; } .u-display-inline-block { display: inline-block; } .u-display-inline-flex { display: inline-flex; } .u-display-inline-grid { display: inline-grid; } .u-display-contents { display: contents; } .u-display-none { display: none; } .u-zindex-negative { z-index: -1; position: relative; } .u-zindex-0 { z-index: 0; position: relative; } .u-zindex-unset { z-index: unset; position: relative; } .u-zindex-1 { z-index: 1; position: relative; } .u-zindex-2 { z-index: 2; position: relative; } .u-zindex-3 { z-index: 3; position: relative; } .u-position-static { position: static; } .u-position-relative { position: relative; } .u-position-absolute { position: absolute; } .u-position-sticky { position: sticky; top: 0; } .u-position-fixed { position: fixed; } .u-height-full { height: 100%; } .u-width-full { width: 100%; } .u-cover { width: 100%; height: 100%; } .u-cover-absolute { width: 100%; height: 100%; position: absolute; inset: 0%; } .u-pointer-on { pointer-events: auto; } .u-pointer-off { pointer-events: none; } .u-ratio-1-1 { aspect-ratio: 1; } .u-ratio-16-9 { aspect-ratio: 16 / 9; } .u-ratio-3-2 { aspect-ratio: 3 / 2; } .u-ratio-2-3 { aspect-ratio: 2 / 3; } .u-ratio-2-1 { aspect-ratio: 2; } .u-margin-inline-auto { margin-left: auto; margin-right: auto; } .styleguide_subheading { margin-bottom: 0; } .hero_placeholder_wrap { --_alignment---flex: var(--align--flex-center); --_alignment---text: var(--align--text-center); text-align: var(--_alignment---text); flex-flow: column; min-height: 100vh; display: flex; } .hero_placeholder_tag_wrap { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); justify-content: var(--_alignment---flex); flex-flow: wrap; display: flex; } .styleguide_card_wrap { padding: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--main); flex-flow: column; justify-content: space-between; align-items: flex-start; height: 100%; display: flex; position: relative; overflow: hidden; } .styleguide_footer { border-top: var(--border-width--main) solid var(--_theme---border); text-align: center; } .g_tag_wrap { padding: var(--size--0-5rem) var(--size--0-75rem); border-radius: var(--radius--small); background-color: var(--_theme---text); color: var(--_theme---background); line-height: var(--_typography---line-height--1); text-align: center; min-width: 4rem; display: inline-block; } .styleguide_font_item { padding-top: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--5); grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); border-bottom: var(--border-width--main) solid var(--_theme---border); flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: flex-start; display: flex; } .form_main_field_wrap { text-align: left; width: 100%; } .form_main_wrap { width: 100%; margin-bottom: 0; } .form_main_success_wrap { border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--main); background-color: var(--swatch--transparent); padding: 1.2rem; } .form_main_list { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .form_main_option_list { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .form_main_option_item { margin-bottom: 0; padding-left: 0; display: inline-block; } .form_main_error_wrap { border: var(--border-width--main) solid var(--_theme---border); background-color: #0000; margin-top: 0; padding: .8rem 1.4rem; } .form_main_option_link { width: var(--size--1-5rem); height: var(--size--1-5rem); margin: 0px var(--_spacing---space--2) 0px 0px; border-width: var(--border-width--main); border-color: var(--_theme---border); border-radius: var(--radius--small); } .form_main_option_link.w--redirected-checked { border-color: var(--swatch--gold); border-radius: var(--radius--small); background-color: var(--swatch--gold); background-size: 60%; } .form_main_option_link.radio { border-radius: var(--radius--round); } .form_main_field_input { height: var(--size--3rem); border-top: 0 solid #000; border-bottom-style: solid; border-right: 0 solid #000; border-bottom-width: var(--border-width--main); border-bottom-color: var(--_theme---border); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: 1.51; --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); color: inherit; text-transform: var(--_text-style---text-transform); background-color: #0000; border-left: 0 solid #000; border-radius: 0; margin-bottom: 0; padding: 0; } .form_main_field_input:focus { border-bottom-color: var(--_theme---text); } .form_main_field_input::placeholder { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .form_main_field_input.is-message { padding-top: var(--size--0-5rem); width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: 5rem; max-height: 10rem; } .btn_main_wrap { padding: var(--size--0-75rem) var(--size--1-5rem); border: var(--border-width--main) solid var(--_button-style---border); border-radius: var(--radius--round); background-color: var(--_button-style---background); color: var(--_button-style---text); text-align: center; vertical-align: middle; --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); justify-content: center; align-items: center; line-height: 1; transition: border-color .2s, color .2s, background-color .2s; display: inline-flex; position: relative; } .btn_main_wrap:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab) { --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); } .btn_main_wrap:hover { border-color: var(--_button-style---border-hover); background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .btn_main_text { z-index: 2; line-height: inherit; position: relative; } .btn_play_wrap { aspect-ratio: 1; border: var(--border-width--main) solid var(--_button-style---border); border-radius: var(--radius--round); background-color: var(--_button-style---background); color: var(--_button-style---text); vertical-align: middle; --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---text-hover: var(--_theme---button-primary--text-hover); justify-content: center; align-items: center; width: 5rem; transition: border-color .2s, color .2s, background-color .2s; display: inline-flex; position: relative; } .btn_play_wrap:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57) { --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); } .btn_play_wrap:hover { border-color: var(--_button-style---border-hover); background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .btn_play_icon { aspect-ratio: 1; width: 36%; position: relative; } .page_wrap { flex-flow: column; min-height: 100svh; display: flex; overflow: clip; } .page_main { flex-flow: column; flex: 1; display: flex; } .page_code_wrap { position: fixed; inset: 0% 0% auto; } .styleguide_group { padding-top: var(--_spacing---space--7); grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); flex-flow: column; display: flex; } .styleguide_visual { padding: var(--_spacing---space--1); aspect-ratio: 3 / 1.5; border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--small); text-align: center; width: 100%; max-height: 7rem; position: relative; overflow: hidden; } .styleguide_icon { width: var(--size--3rem); height: var(--size--3rem); } .hero_utility-page_wrap { text-align: center; } .hero_utility-page_contain.u-container { align-content: center; min-height: 100vh; } .hero_utility-page_content { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; max-width: 26rem; margin-left: auto; margin-right: auto; display: flex; } .hero_placeholder_contain { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; flex: 1; justify-content: center; display: flex; } .styleguide_contain { padding-top: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--small); } .styleguide_guide_wrap { z-index: 2000; pointer-events: none; display: block; position: fixed; inset: 0% 0% auto; overflow: hidden; } .styleguide_guide_layout.u-grid-custom { grid-template-columns: var(--grid-main); } .styleguide_guide_column { color: #8a8a8a80; background-color: #9292920f; height: 100vh; padding-top: .6rem; padding-bottom: .6rem; } .g_eyebrow_wrap { justify-content: var(--_alignment---flex); display: flex; } .g_eyebrow_marker { width: var(--border-width--main); background-color: currentColor; flex: none; padding-bottom: 0; padding-right: 0; } .g_eyebrow_text { margin-top: 0; margin-bottom: 0; } .g_visual_wrap { overflow: hidden; } .g_visual_background { opacity: .1; background-color: currentColor; padding: 0; } .g_visual_img { object-position: inherit; } .g_visual_overlay { background-color: #000; } .hero_placeholder_link { border-bottom-style: solid; border-bottom-width: var(--border-width--main); display: inline-block; } .styleguide_list { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); flex-flow: column; align-items: stretch; display: flex; } .styleguide_card_visual { border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); opacity: .1; pointer-events: none; background-color: currentColor; width: 100%; min-width: 3rem; min-height: 3rem; padding: 0; } .hero_placeholder_title { margin-top: 0; margin-bottom: 0; } .styleguide_flex_wrap { aspect-ratio: 1; background-image: url('../images/dots.svg'); background-position: 50%; background-repeat: no-repeat; background-size: 88%; flex-flow: column; width: 100%; display: flex; container-type: inline-size; } .styleguide_flex_dot { opacity: .1; pointer-events: none; background-color: currentColor; border-radius: 100vw; min-width: 16cqw; min-height: 16cqw; padding: 0; } .styleguide_scroll { padding-right: var(--site--margin); padding-left: var(--site--margin); grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); margin-left: calc(var(--site--margin) * -1); scrollbar-color: var(--theme--text) transparent; margin-right: calc(var(--site--margin) * -1); grid-template-rows: auto; grid-template-columns: minmax(16rem, 1fr); grid-auto-columns: minmax(16rem, 1fr); grid-auto-flow: column; justify-content: flex-start; align-items: flex-start; display: grid; overflow: auto; -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); } .styleguide_section { padding-top: var(--_spacing---space--8); } .g_clickable_wrap { z-index: 3; border-radius: inherit; width: 100%; height: 100%; position: absolute; inset: 0%; } .g_clickable_link { border-radius: inherit; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .g_clickable_btn { border-radius: inherit; width: 100%; height: 100%; display: none; position: absolute; inset: 0%; } .styleguide_layout { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--8); flex-flow: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: flex-start; display: flex; } .styleguide_content { width: 100%; } .styleguide_nav_wrap { padding-top: var(--size--1rem); padding-right: var(--size--1rem); padding-bottom: var(--size--1rem); padding-left: var(--size--1rem); border-top-left-radius: var(--radius--small); border-top-right-radius: var(--radius--small); border-bottom-left-radius: var(--radius--small); border-bottom-right-radius: var(--radius--small); grid-column: 10 / -1; width: 100%; overflow: hidden auto; } .styleguide_nav_list { border-left: var(--border-width--main) solid var(--_theme---border); } .styleguide_nav_item { margin-left: calc(var(--border-width--main) * -.5); } .styleguide_nav_link { padding-top: var(--size--0-125rem); padding-bottom: var(--size--0-125rem); padding-left: var(--size--0-75rem); outline-offset: var(--focus--offset-inner); display: block; } .styleguide_nav_link.w--current { border-left-style: solid; border-left-width: var(--border-width--main); border-left-color: currentColor; } .styleguide_nav_sub_list { overflow: hidden; } .styleguide_nav_sub_link { padding-top: var(--size--0-125rem); padding-right: 1.1rem; padding-bottom: var(--size--0-125rem); opacity: .6; outline-offset: var(--focus--offset-inner); padding-left: 1.1rem; line-height: 1.3em; display: block; } .styleguide_nav_sub_link:hover, .styleguide_nav_sub_link.w--current { opacity: 1; } .styleguide_nav_sub_wrap { grid-template-rows: 1fr; grid-template-columns: minmax(0, 1fr); transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: grid; } .btn_play_pause { opacity: 0; display: block; } .btn_play_play { display: block; } .g_eyebrow_layout { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); vertical-align: baseline; display: inline-flex; } .g_svg { width: 100%; height: 100%; display: block; overflow: visible !important; } .styleguide_card_inner { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); flex-flow: wrap; place-content: center; align-items: center; width: 100%; display: flex; } .styleguide_card_hidden { display: none; } .g_section_space { height: var(--_spacing---section-space--none); } .g_section_space:where(.w-variant-d422cbd0-f212-c815-68df-63414354c21d) { height: var(--_spacing---section-space--small); } .g_section_space:where(.w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490) { height: var(--_spacing---section-space--main); } .g_section_space:where(.w-variant-8cc18b30-4618-8767-0111-f6abfe45aaa3) { height: var(--_spacing---section-space--large); } .g_section_space:where(.w-variant-41fc0c0a-cac3-53c9-9802-6a916e3fb342) { height: var(--site--margin); } .g_section_space:where(.w-variant-e359d2da-de19-6775-b122-3e06f925f39e) { height: var(--_spacing---section-space--page-top); } .hero_utility-page_header { grid-column-gap: var(--_spacing---space--5); grid-row-gap: var(--_spacing---space--5); flex-flow: column; justify-content: center; align-items: center; display: flex; } .g_section_wrap { flex-flow: column; justify-content: center; display: flex; } .g_section_wrap:where(.w-variant-a4eabb01-8ed6-63d0-157e-0a7b56aedaa1) { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--sandstein-2); --_theme---text: #464a4b; --_theme---border: var(--swatch--dark-faded); --_theme---background-2: var(--swatch--marmor-4); --_theme---button-primary--background: var(--swatch--gold); --_theme---button-primary--border: var(--swatch--gold); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--swatch--fels); --_theme---button-primary--border-hover: var(--swatch--fels); --_theme---button-primary--text-hover: var(--swatch--light); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--swatch--dark-faded); --_theme---button-secondary--text: var(--swatch--fels); --_theme---button-secondary--background-hover: var(--swatch--fels); --_theme---button-secondary--border-hover: var(--swatch--fels); --_theme---button-secondary--text-hover: var(--swatch--light); } .g_section_wrap:where(.w-variant-857e5430-97c7-deb6-3c1a-d3063f9fe2c7) { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--fels); --_theme---text: var(--swatch--light); --_theme---border: var(--swatch--light-faded); --_theme---background-2: var(--swatch--marmor-4); --_theme---button-primary--background: var(--swatch--gold); --_theme---button-primary--border: var(--swatch--gold); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--swatch--light); --_theme---button-primary--border-hover: var(--swatch--light); --_theme---button-primary--text-hover: var(--swatch--fels); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--swatch--light-faded); --_theme---button-secondary--text: var(--swatch--light); --_theme---button-secondary--background-hover: var(--swatch--light); --_theme---button-secondary--border-hover: var(--swatch--light); --_theme---button-secondary--text-hover: var(--swatch--fels); } .einstellung-section { background-image: url('../images/landing-section-2.jpg'); background-position: 50%; background-size: contain; height: 841px; padding-top: 107px; } .container, .height-100 { height: 100%; } .einstellung-text { width: 39%; margin-top: 45px; } .einstellung-text.u-text-style-uppercase { flex: 0 auto; width: auto; margin-top: 0; } .u-text-style-uppercase { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-cta-link); --_text-style---line-height: 1.4; --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: pretty; display: flow-root; } .u-text-style-uppercase.only-mobile { display: none; } .cta_wrap { padding-top: var(--size--0-25rem); padding-bottom: var(--size--0-25rem); grid-column-gap: var(--site--v-extra-space); grid-row-gap: var(--site--v-extra-space); cursor: pointer; align-items: center; display: flex; } .cta_wrap.u-column-10 { grid-column-start: 2; justify-content: center; align-items: center; } .cta_wrap.u-column-10.fadeinup { padding-top: 10px; padding-bottom: 10px; } .cta_wrap.u-column-4.fadeinup { grid-column-start: 5; } .cta_arrow { width: auto; } .cta_arrow.mobile { display: none; } .full-width-right { margin-right: 0 !important; } .full-width-left { margin-left: 0 !important; } .serie_main_content_text { grid-column: 4 / 7; } .serie_main_content_text.u-vflex-left-center { grid-column-gap: var(--site--h-text-cta-gap); grid-row-gap: var(--site--h-text-cta-gap); } .slider_main_slider_body.swiper-container { cursor: pointer; max-height: 50rem; overflow: hidden; } .slider_main_slider_body.swiper-container.galerie-swiper { overflow: visible; } .swiper-wrapper.u-hflex-left-center.u-grid-custom { grid-template-columns: var(--grid-7); } .swiper-wrapper.u-hflex-left-top.u-grid-custom { grid-template-columns: var(--grid-10); } .navigation { z-index: 1000; margin-bottom: 30px; padding-top: 40px; padding-bottom: 10px; display: none; } .navigation_layout { grid-column: content; } .navigation-links.u-hflex-left-center.u-flex-grow { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); } .image_brand { width: auto; height: 2.3rem; max-height: 2.3rem; } .image_brand.mobile { display: none; } .image_brand.not-landing { height: 2rem; } .u-text-style-nav { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-nav); --_text-style---line-height: 1.4; --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: pretty; display: flow-root; } .swiper-slide.u-grid-custom { grid-template-columns: var(--grid-2); } .swiper-slide.u-column-custom { grid-column-end: span 3; } .slide_content.u-grid-custom { grid-template-columns: var(--grid-2); } .slide_content.u-column-custom { grid-column-end: span 2; } .slider_image-_wrapper { background-color: var(--swatch--light); margin-bottom: 10px; } .begruessung { background-color: var(--swatch--marmor-4); } .begruessung_text_main { text-align: center; } .begruessung_text_main.u-text-style-large.u-text-wrap-balance { margin-bottom: var(--site--gutter); grid-column-end: span 10; } .begruessung_text_main.u-text-style-main.u-column-8 { grid-column-start: 3; } .begruessung_text_main.u-text-style-main.u-column-10 { grid-column-start: 2; } .begruessung_layout.u-vflex-center-center.u-grid-custom { grid-template-columns: var(--grid-10); } .begruessung_layout.u-vflex-center-center.u-column-10, .begruessung_layout.u-column-10 { grid-column-start: 2; } .begruessung_layout.u-column-10.u-grid-custom { grid-template-columns: var(--grid-10); } .slider_main_functions_wrapper { grid-column: 8 / -1; } .slider_main_scrollbar_wrapper { height: var(--size--3rem); } .slider_main_scrollbar_wrapper.u-hflex-left-center { height: var(--size--4rem); } .slider_main_scrollbar_body { height: var(--size--0-375rem); background-color: var(--swatch--gold-2); max-width: 40%; } .slider_main_scrollbar_body.swiper-scrollbar { cursor: pointer; width: 15em; max-width: 30%; height: .25em; } .slider_main_scrollbar_drag.swiper-scrollbar-drag { background-color: var(--swatch--gold); width: 10em; height: 100%; } .begruessung_container.u-container.u-grid-custom { grid-template-columns: var(--grid-12); } .begruessung_logo { padding-right: var(--size--1-25rem); padding-left: var(--size--1-25rem); grid-column: 5 / span 2; } .begruessung_logo_wrapper { grid-column: span 10; } .begruessung_logo_wrapper.u-grid-custom { margin-bottom: var(--site--gutter); grid-template-columns: var(--grid-10); } .unikate { background-image: url('../images/heubach_logo_website-bg_1080p.webp'); background-position: 50%; background-repeat: no-repeat; background-size: auto; } .unikate.bg-logo-opacity { background-image: url('../images/heubach_logo_website-bg-right-long_1200p.svg'); background-position: 50% 0; } .unikate_layout.u-grid-breakout { margin-bottom: var(--size--1rem); } .unikate_content_text { padding-top: var(--size--4rem); padding-bottom: var(--size--4rem); } .unikate_content_text.u-vflex-left-center { grid-column-gap: var(--site--h-text-cta-gap); grid-row-gap: var(--site--h-text-cta-gap); } .unikate_content_text.u-vflex-left-center.u-grid-custom { grid-template-columns: var(--grid-4); } .unikate_image_content { margin-right: var(--site--v-extra-space); } .unikate_outer_wrapper.u-grid-custom { grid-template-columns: var(--grid-4); } .begruessung_text_subline.u-column-6 { text-align: center; grid-column-start: 4; } .begruessung_text_subline.u-column-8 { text-align: center; grid-column-start: 2; } .hero_slider { overflow: hidden; } .hero_slide.swiper-slide { width: 100%; height: 100%; position: relative; } .hero_slide.swiper-slide.u-vflex-center-center { height: 100vh; overflow: hidden; } .hero_slider_wrap.hero-swiper { width: 100%; position: relative; } .hero_slider_inner.swiper-wrapper { height: 100vh; } .hero_text { text-align: left; width: 100%; } .hero_text.u-text-style-h2 { inset: auto 0% 0% auto; } .hero_text_wrap { position: absolute; top: 10.5vh; bottom: 8vh; } .hero_text_wrap.u-grid-custom { max-width: var(--container--main); grid-template-columns: var(--grid-12); margin-left: 100px; margin-right: 100px; } .nav_3_links_component { grid-column-gap: var(--_spacing---space--3); flex-flow: column; flex: 1; display: flex; } .nav_3_links_component.is-desktop { flex-flow: row; justify-content: flex-start; align-items: stretch; } .nav_3_banner_svg { width: 1rem; overflow: visible !important; } .nav_3_btn_layout { grid-row-gap: var(--nav_3--hamburger-gap); flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; } .nav_3_menu_wrap { text-align: left; padding-top: var(--nav_3--height); top: 0; transform: none !important; } .nav_3_dropdown_text { transition: opacity .1s; } .nav_3_dropdown_component { z-index: unset; width: 100%; height: 100%; margin-left: 0; margin-right: 0; position: static; } .nav_3_screen-reader-text { white-space: nowrap; clip: rect(0, 0, 0, 0); border-width: 0; width: 1px; height: 1px; margin-left: auto; margin-right: auto; padding: 0; position: absolute; inset: 0% 0% auto; overflow: hidden; } .nav_3_banner_wrap { z-index: 1; background-color: var(--_theme---text); color: var(--_theme---background); font-size: var(--text-small--font-size); height: var(--nav_3--banner-height); position: relative; } .nav_3_dropdown_mega_layout { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); } .nav_3_dropdown_mega_layout.is-desktop { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--6); grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--6); grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); grid-auto-columns: minmax(0, 1fr); display: grid; } .nav_3_menu_scroll { max-height: calc(100svh - var(--nav_3--height-total)); overflow: hidden auto; } .nav_3_banner_link { grid-column-gap: var(--_spacing---space--2); grid-column-start: 2; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; outline-offset: var(--focus--offset-inner) !important; outline-color: var(--_theme---background) !important; } .nav_3_links_link { z-index: 2; padding-top: var(--_spacing---space--2); padding-right: var(--size--6rem); padding-bottom: var(--_spacing---space--2); grid-column-gap: var(--_spacing---space--2); cursor: pointer; color: inherit; flex: 1; justify-content: flex-end; align-items: center; width: 100%; display: flex; position: relative; outline-offset: var(--focus--offset-inner) !important; } .nav_3_links_link.is-desktop { margin-right: var(--size--0rem); margin-left: var(--size--0rem); padding: 0px var(--size--0-5rem); height: 100%; } .nav_3_links_link.is-desktop.w--current { text-underline-offset: 3px; text-decoration: underline; -webkit-text-decoration-color: var(--swatch--gold-2); text-decoration-color: var(--swatch--gold-2); text-decoration-thickness: 1.5px; } .nav_3_links_link.is-desktop.is-left { margin-left: var(--size--0rem); padding-top: var(--size--0-5rem); padding-bottom: var(--size--0-5rem); padding-left: var(--_typography---text-transform--none); } .nav_3_links_link.is-desktop.is-right.open-modal { margin-right: var(--size--0rem); padding-right: var(--size--0rem); } .nav_3_buttons_item { z-index: 2; text-align: center; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; position: relative; } .nav_3_buttons_item.is-main { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--3); } .nav_3_buttons_item.is-main.is-desktop { margin: 0px var(--_spacing---space--3); margin: 0px var(--_spacing---space--3); } .nav_3_mobile_contain { z-index: 2; grid-column-gap: var(--_spacing---space--3); height: var(--nav_3--height); justify-content: space-between; padding-top: 0; padding-bottom: 0; display: flex; position: relative; } .nav_3_desktop_layout { z-index: 1; flex: 1; display: flex; } .nav_3_links_search_icon { width: 1.1rem; overflow: visible !important; } .nav_3_dropdown_main_wrap { background-color: #0000; min-width: 0; position: relative; } .nav_3_dropdown_main_wrap.is-desktop { padding-top: var(--_spacing---space--1); width: 10rem; position: absolute; } .nav_3_menu_contain { padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--8); } .nav_3_skip_wrap { z-index: 2; border-width: var(--border-width--main); outline-offset: var(--focus--offset-inner); color: var(--_theme---text); margin: .5rem; padding: .5rem; position: absolute; inset: 0% auto auto 0%; transform: translate(-200%); } .nav_3_skip_wrap:focus { transform: translate(0%); } .nav_3_logo_wrap { z-index: 2; pointer-events: none; justify-content: center; align-items: stretch; display: flex; position: absolute; inset: 0%; } .nav_3_banner_embed { display: none; } .nav_3_banner_close_wrap { outline-offset: var(--focus--offset-inner); flex: none; justify-content: center; align-items: center; width: 100%; padding: 0; display: flex; outline-color: var(--_theme---background) !important; } .nav_3_search_field { font-size: inherit; color: inherit; background-color: #0000; border-style: none; border-width: 0; border-radius: 0; width: 100%; min-width: 0; max-width: 100%; height: 2.9em; margin-bottom: 0; padding: 0 0; } .nav_3_search_field::placeholder { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .nav_3_logo_link { z-index: 2; padding-right: var(--size--0-5rem); padding-left: var(--size--0-5rem); outline-offset: var(--focus--offset-inner); pointer-events: auto; justify-content: center; align-items: center; display: flex; position: relative; } .nav_3_banner_contain { max-width: var(--container--main); grid-column-gap: var(--_spacing---space--4); grid-template-rows: auto; grid-template-columns: minmax(1.1rem, 1.1rem) minmax(0, 1fr) minmax(1.1rem, 1.1rem); grid-auto-columns: 1fr; width: 100%; height: 100%; margin-left: auto; margin-right: auto; display: grid; position: relative; } .nav_3_search_btn_icon { width: 1.1rem; overflow: visible !important; } .nav_3_btn_line { height: var(--nav_3--hamburger-thickness); background-color: currentColor; flex: none; width: 100%; transition-property: all; transition-duration: .2s; transition-timing-function: ease; } .nav_3_links_wrap { flex: 1; } .nav_3_links_wrap.is-desktop { flex-flow: row; justify-content: center; align-items: stretch; display: flex; } .nav_3_contain { grid-column-gap: var(--_spacing---space--3); height: var(--nav_3--height); justify-content: space-between; padding-top: 0; padding-bottom: 0; display: flex; position: static; } .nav_3_search_btn_wrap { outline-offset: var(--focus--offset-inner); justify-content: center; align-items: center; margin-left: -1rem; padding-left: 1rem; padding-right: 1rem; display: flex; } .nav_3_component { z-index: 1000; position: fixed; inset: 0% 0% auto; container-type: inline-size; } .nav_3_dropdown_mega_contain { max-width: var(--container--main); width: 100%; margin-left: auto; margin-right: auto; position: relative; } .nav_3_dropdown_mega_contain.is-desktop { padding-top: var(--_spacing---space--7); padding-bottom: var(--_spacing---space--8); } .nav_3_dropdown_main_scroll.is-desktop { background-color: var(--_theme---background); max-height: calc(100svh - var(--nav_3--height-total) - 1rem); background-color: var(--_theme---background); max-height: calc(100svh - var(--nav_3--height-total) - 1rem); position: relative; overflow-x: hidden; overflow-y: auto !important; } .nav_3_links_locales_hide { display: none; } .nav_3_btn_wrap { z-index: 2; flex: none; width: 2rem; padding: 0; outline-width: var(--focus--width) !important; outline-color: var(--_theme---text) !important; outline-offset: var(--focus--offset-inner) !important; } .nav_3_btn_wrap.w--open { color: inherit; background-color: #0000; } .nav_3_dropdown_backdrop { z-index: 0; opacity: 0; pointer-events: none; background-color: color-mix(in srgb, var(--swatch--dark) 20%, transparent); width: 100%; height: 100vh; display: none; position: absolute; inset: 0%; } .nav_3_links_item { padding-top: 2rem; padding-bottom: 2rem; display: flex; } .nav_3_links_item.is-desktop { margin-left: auto; } .nav_3_links_item.mobile { padding-top: 0; padding-bottom: 0; } .nav_3_banner_close_svg { width: 100%; overflow: visible !important; } .nav_3_dropdown_mega_wrap { z-index: 1; background-color: #0000; width: 100%; position: relative; inset: 0% auto auto 0%; } .nav_3_dropdown_mega_wrap.is-desktop { position: absolute; } .nav_3_wrap { z-index: 1; position: relative; } .nav_3_wrap.is-mobile { background-color: #0000; } .nav_3_wrap.is-desktop { display: block; } .nav_3_menu_backdrop { opacity: 0; pointer-events: none; background-color: color-mix(in srgb, var(--swatch--dark) 20%, transparent); width: 100%; height: 100vh; display: block; position: absolute; inset: 0%; } .nav_3_dropdown_mega_content { position: relative; } .nav_3_dropdown_mega_content.is-desktop { background-color: var(--_theme---background); } .nav_3_dropdown_mega_scroll { position: relative; } .nav_3_dropdown_mega_scroll.is-desktop { max-height: calc(100svh - var(--nav_3--height-total) - 1rem); overflow: hidden auto; margin-top: var(--nav_3--height) !important; } .nav_3_search_wrap { border-bottom: var(--border-width--main) solid var(--_theme---border); display: flex; } .nav_3_search_label { width: 100%; } .nav_3_links_svg { flex: none; width: 1rem; margin-left: auto; transition-property: transform; transition-duration: .2s; transition-timing-function: ease; overflow: visible !important; } .nav_3_dropdown_link { z-index: 2; padding-top: var(--_spacing---space--1); padding-right: 0; padding-bottom: var(--_spacing---space--1); grid-column-gap: var(--_spacing---space--2); cursor: pointer; color: inherit; font-size: var(--text-small--font-size); flex: 1; justify-content: flex-start; align-items: center; width: 100%; padding-left: 0; display: flex; position: relative; outline-offset: var(--focus--offset-inner) !important; } .nav_3_dropdown_link.is-desktop { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); border-bottom-style: solid; border-bottom-width: var(--border-width--main); border-bottom-color: var(--_theme---border); padding-left: calc(var(--_spacing---space--6) / 2); padding-right: calc(var(--_spacing---space--6) / 2); font-size: inherit; } .cta_nav { margin-left: auto; } .cta_nav.nav_3_links_item { justify-content: flex-end; } .hero_image { height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .hero-pagination.u-text-style-small.u-column-2, .hero-pagination.u-text-style-small.u-column-3, .hero-pagination.u-text-style-small.u-column-3.u-vflex-right-bottom, .hero-pagination.u-column-3 { grid-column-start: -1; } .hero-pagination.u-column-3.u-hflex-right-bottom.u-text-style-main { cursor: pointer; } .swiper-bullet-pagination { margin-left: var(--site--gutter); padding-top: var(--size--0-5rem); padding-bottom: var(--size--0-5rem); opacity: .3; line-height: .5; min-height: calc(var(--_typography---font-size--text-main) + 2 * var(--size--0-5rem)) !important; } .swiper-bullet-pagination.is-active { opacity: 100; } .hero-pagination-wrapper.u-grid-custom { z-index: 500; max-width: var(--container--main); grid-template-columns: var(--grid-10); margin-left: 100px; margin-right: 100px; position: absolute; inset: auto 0% 8vh; } .hero_slider_outer.hero-swiper { height: 100vh; } .hero_text_wrap_vertical.u-vflex-left-bottom { grid-column: span 6; } .cta { background-color: var(--swatch--marmor-4); } .cta.unikate-seite { background-color: #0000; } .cta_contain.u-container.u-grid-custom { grid-auto-flow: column; grid-template-columns: var(--grid-12); } .cta_contain.u-container.u-grid-custom.u-vflex-center-center { grid-column-gap: var(--site--v-extra-space); grid-row-gap: var(--site--v-extra-space); } .cta_contain.u-container.u-vflex-center-top { grid-column-gap: var(--site--h-text-cta-gap); grid-row-gap: var(--site--h-text-cta-gap); } .cta_wrap_outer.u-column-10 { grid-column-start: 2; } .cta_wrap_outer.u-column-10.u-vflex-center-center { margin-bottom: var(--size--1rem); grid-column-gap: var(--site--v-extra-space); grid-row-gap: var(--site--v-extra-space); } .cta_wrap_outer.u-vflex-center-center { width: 100%; } .designerin.u-text-style-main { padding-bottom: var(--site--h-text-cta-gap); } .designerin_contain.u-container.u-grid-custom { grid-template-columns: var(--grid-12); } .designerin_wrapper_center { padding-top: var(--site--h-text-cta-gap); } .designerin_wrapper_center.u-column-3 { grid-column-start: 6; } .designerin_wrapper_center.u-grid-custom { z-index: 800; grid-template-columns: var(--grid-12); position: relative; } .header_2_content { width: 100%; } .header_2_content.is-reversed { grid-column-start: 2; } .header_2_visual_wrap { aspect-ratio: 1; width: 100%; height: 100%; position: relative; overflow: hidden; } .header_2_contain { max-width: var(--container--main); padding-top: var(--_spacing---section-space--main); padding-bottom: var(--_spacing---section-space--main); flex-flow: column; justify-content: center; width: 100%; min-height: min(100svh, 70rem); margin-left: auto; margin-right: auto; display: flex; position: relative; container-type: inline-size; } .header_2_layout { grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; grid-template-rows: auto; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-auto-columns: minmax(0, 1fr); grid-auto-flow: row dense; align-items: center; display: grid; } .designerin_wrapper_left { position: absolute; inset: 0%; } .designerin_wrapper_left.u-grid-custom { z-index: 200; grid-template-columns: var(--grid-11); } .designerin_image.u-column-3 { grid-column-start: 6; } .designerin_wrapper_text_rechts { position: absolute; inset: 0%; } .designerin_wrapper_text_rechts.u-grid-custom { z-index: 810; grid-template-columns: var(--grid-9); } .designerin_wrapper_inner_text { grid-column: -1 / span 4; } .designerin_wrapper_inner_text.u-column-4 { grid-column-start: -1; } .designerin_layout.u-vflex-center-top { grid-column-gap: var(--size--2rem); grid-row-gap: var(--size--2rem); } .designerin_layout_lower { position: relative; } .vita_opener_headline.u-width-full.u-vflex-center-top { grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); } .vita_opener_headline.u-width-full.u-vflex-center-top.h1_headlines_wrap { grid-column: 1 / -1; } .arbeitsprozess-2 { background-color: var(--swatch--marmor-4); } .footer_layout { margin-bottom: var(--size--1-5rem); } .footer_layout.u-width-full.u-grid-custom { grid-column-gap: var(--size--0-75rem); grid-row-gap: var(--size--0-75rem); grid-template-columns: var(--grid-12); } .footer_links_wrapper.u-column-2.u-vflex-left-top { grid-column-gap: var(--size--0-75rem); grid-row-gap: var(--size--0-75rem); } .footer_links_wrapper.u-column-4 { grid-column: span 4 / -2; } .footer_links_wrapper.u-column-4.u-align-items-end { grid-column-start: -1; } .footer_links_wrapper.u-column-4.u-vflex-right-top { grid-column-gap: var(--size--0-75rem); grid-row-gap: var(--size--0-75rem); } .footer_links_wrapper.center { grid-column: 1 / span 4; } .footer_links_wrapper.u-vflex-right-top { grid-column-gap: var(--size--0-75rem); grid-row-gap: var(--size--0-75rem); grid-column: span 3 / -1; } .footer_links_wrapper.u-vflex-left-top { grid-column-gap: var(--size--0-75rem); grid-row-gap: var(--size--0-75rem); grid-column: 2 / span 2; } .footer_links_wrapper.u-vflex-left-top.contain-1 { grid-column-gap: var(--size--0-75rem); grid-row-gap: var(--size--0-75rem); grid-column: 1 / span 1; } .footer_links_wrapper.u-vflex-left-top.contain-2 { grid-column: 2 / span 2; } .footer_top-border { padding-bottom: var(--size--0-5rem); border-top-style: solid; border-top-width: 1px; border-top-color: var(--swatch--fels); opacity: .2; grid-column: 2 / span 10; } .footer_top-border.u-width-full { padding-bottom: var(--size--1-5rem); } .footer_inner_wrapper.u-width-full.u-grid-custom { grid-template-columns: var(--grid-12); } .footer_copyright { padding-right: var(--size--0-375rem); padding-left: var(--size--0-375rem); } .footer_copyright.footer_link { grid-column: span 3 / -1; } .footer_link { padding-right: var(--size--0-375rem); padding-left: var(--size--0-375rem); width: 116%; max-width: none !important; } .footer_link.u-hflex-center-center { grid-column-gap: var(--size--0-375rem); grid-row-gap: var(--size--0-375rem); } .is-left-padding { padding-left: 0; } .is-left-margin { margin-left: 0; } .footer_arrow_btt { width: auto; } .footer_link_text.u-text-style-footer { text-align: right; } .u-padding-top-text { padding-top: var(--size--0-25rem); } .unikate_text.u-text-wrap-wrap { grid-column: auto / span 3; } .unikate_landing_image { height: 100%; } .unikate_landing_image.u-height-full.u-width-full.swiper-slide.passive-slide { position: relative; } .serie.u-text-style-h2.mobile { display: none; } .serie.u-text-style-h2.fadeinup { text-transform: uppercase; } .arbeitsprozess_layout { grid-column: 1 / -1; position: relative; } .arbeitsprozess_layout.u-grid-custom { grid-template-columns: var(--grid-14); grid-column: 1 / -1; } .arbeitsprozess_images_wrap { grid-column: 1 / span 8; } .arbeitsprozess_images_wrap.u-grid-custom { grid-template-columns: var(--grid-12); position: absolute; inset: 0%; } .arbeitsprozess_images_wrap.fadeinup { overflow: hidden; } .arbeitsprozess_image.landing { position: absolute; } .arbeitsprozess_image.landing.prozess_image_wide.image-1 { z-index: 600; } .arbeitsprozess_image.landing.prozess_image_narrow.image-5 { object-fit: scale-down; } .arbeitsprozess_text_wrap { padding-top: 6em; padding-bottom: 6em; } .arbeitsprozess_text_wrap.u-grid-custom { padding-top: var(--size--6rem); padding-bottom: var(--size--6rem); grid-template-columns: var(--grid-12); } .arbeitsprozess_text_inner { grid-column: 4 / -4; } .arbeitsprozess_text_inner.u-vflex-center-top { z-index: 500; grid-column-gap: var(--size--4rem); grid-row-gap: var(--size--4rem); grid-column: 4 / -4; position: relative; } .arbeitsprozess_heading_wrap { flex-flow: column; align-items: center; position: relative; } .arbeitsprozess_subheading_wrap { margin-bottom: var(--size--1rem); flex-flow: column; align-items: center; display: flex; } .arbeitsprozess_abschnitt_wrapper { z-index: 700; margin-bottom: var(--size--2rem); position: relative; } .arbeitsprozess_abschnitt_wrapper.abschnitt_1 { z-index: 800; } .arbeitsprozess_text { text-align: center; padding-bottom: 4px; } .arbeitsprozess_text p { font-size: var(--_text-style---font-size); font-weight: var(--_text-style---line-height); } .arbeitsprozess_text sub { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); } .arbeitsprozess_text.u-grid-custom { grid-template-columns: var(--grid-12); } .arbeitsprozess_text.u-text-wrap-balance.u-text-break-word { padding-bottom: 8px; } .bold-text { color: var(--swatch--gold); font-weight: 300; } .prozess_image_wide { width: var(--prozessgallery--prozess_width_wide); max-width: 22rem; } .prozess_image_narrow { width: var(--prozessgallery--prozess_width_narrow); max-width: 18rem; } .image-1 { opacity: .8; position: absolute; top: -6%; right: 1%; } .image-2 { opacity: .8; position: absolute; top: 15%; left: 6%; } .image-3 { opacity: .8; position: absolute; top: 46%; right: 8%; } .image-4 { opacity: .8; position: absolute; top: 58%; left: 3%; } .image-5 { opacity: .8; position: absolute; top: 85%; right: 3%; } .red { background-color: red; grid-column: auto / span 1; height: 1rem; } .red._1 { grid-column-start: 1; } .cta_footer_layout.u-grid-custom { grid-template-columns: var(--grid-12); } .cta_footer_image.u-height-full.u-width-full { object-position: 40% 50%; } .cta_footer_text_wrap { grid-column: auto / span 4; } .cta_footer_text_wrap.u-vflex-left-center { padding-top: var(--size--4rem); padding-bottom: var(--size--4rem); padding-left: var(--site--v-extra-space); grid-column-end: span 6; } .cta_footer_text_wrap.u-vflex-left-center.fadeinup_2 { opacity: 0; transform: translate(0, 60px); } .cta_footer_text_wrap.u-vflex-left-center.vita { padding-top: var(--size--6rem); padding-bottom: var(--size--6rem); grid-column-end: span 8; } .cta_footer_text.u-text-wrap-balance.fadeinup { cursor: pointer; } .cta_footer_text.u-text-wrap-balance.fadeinup strong { font-weight: 300; } .paragraph { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: 1.2; font-weight: var(--_typography---font--primary-medium); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: 1.51; --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .rich-text-bold { font-weight: 300; } .u-text-break-word { word-break: break-word; } .cta_footer_inner_wrapper { grid-column: 2 / -2; } .cta_footer_inner_wrapper.u-grid-custom { grid-template-columns: var(--grid-10); } .cta_footer_inner_wrapper.u-grid-custom.vita { grid-template-columns: var(--grid-10); grid-column: 2 / -2; } .prozess_image_mid { width: var(--prozessgallery--prozess_width_mid); max-width: 19rem; } .fadeinup { min-width: 20px; min-height: 2px; } .is-right { padding-right: 0; } .u-text-style-footer { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-footer); --_text-style---line-height: 1.4; --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); text-wrap: pretty; display: flow-root; } .footer_links_inner { grid-column-gap: var(--size--0-75rem); grid-row-gap: var(--size--0-75rem); flex-flow: column; display: flex; } .footer_left { grid-column: 2 / span 3; } .footer_left.u-grid-custom { grid-template-columns: var(--grid-3); } .footer_right { grid-column: span 3 / -2; } .footer_right.u-grid-custom { grid-template-columns: var(--grid-1); align-items: baseline; } .footer_right.u-grid-custom.u-vflex-right-top { grid-auto-flow: column; place-items: start end; } .footer_right.u-vflex-right-top { grid-column-gap: var(--size--0-75rem); grid-row-gap: var(--size--0-75rem); } .footer_center { grid-column: 5 / span 4; } .cta_text_wrap { grid-column-gap: var(--size--0-5rem); grid-row-gap: var(--size--0-5rem); display: flex; } .footer_image_wrapper.vita.u-column-3 { grid-column-end: span 2; } .serie_main_subline.u-text-style-small { text-align: center; } .serie_text.u-text-wrap-wrap { padding-left: 0; padding-right: 0; } .cta_main.cta_wrap { justify-content: center; align-items: center; } .abschnitt_1, .abschnitt_2, .abschnitt_3, .abschnitt_4, .abschnitt_5 { text-align: center; } .body { -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 4 3 3; } .only-mobile-portrait { display: none; } .designerin_text { padding-bottom: var(--size--6rem); } .designerin_text.u-text-style-main { padding-bottom: var(--site--h-text-cta-gap); } .cta_footer_link.cta_main.cta_wrap.fadeinup { margin-top: var(--site--h-text-cta-gap); padding-top: var(--size--0-25rem); padding-bottom: var(--size--0-25rem); justify-content: flex-start; align-items: center; width: auto; } .code-embed { background-color: #0000; display: none; } .nav_3_menu_wrap-2 { background-color: var(--_theme---background); text-align: left; padding-top: var(--nav_3--height); top: 0; transform: none !important; } .nav_3_banner_wrap-2 { z-index: 1; background-color: var(--_theme---text); color: var(--_theme---background); font-size: var(--text-small--font-size); height: var(--nav_3--banner-height); position: relative; } .nav_3_dropdown_backdrop-2 { z-index: 0; opacity: 0; pointer-events: none; background-color: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent); width: 100%; height: 100vh; display: none; position: absolute; inset: 0%; } .nav_3_links_link-2 { z-index: 2; padding-top: var(--_spacing---space--2); padding-right: 0; padding-bottom: var(--_spacing---space--2); grid-column-gap: var(--_spacing---space--2); cursor: pointer; color: inherit; flex: 1; justify-content: flex-start; align-items: center; width: 100%; padding-left: 0; display: flex; position: relative; outline-offset: var(--focus--offset-inner) !important; } .nav_3_links_link-2.is-desktop { padding: 0px var(--_spacing---space--3); height: 100%; } .nav_3_menu_contain-2 { padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--8); } .nav_3_skip_wrap-2 { z-index: 2; border-width: var(--border-width--main); background-color: var(--_theme---background); outline-offset: var(--focus--offset-inner); color: var(--_theme---text); margin: .5rem; padding: .5rem; position: absolute; inset: 0% auto auto 0%; transform: translate(-200%); } .nav_3_skip_wrap-2:focus { transform: translate(0%); } .nav_3_banner_close_wrap-2 { outline-offset: var(--focus--offset-inner); flex: none; justify-content: center; align-items: center; width: 100%; padding: 0; display: flex; outline-color: var(--_theme---background) !important; } .nav_3_logo_link-2 { z-index: 2; outline-offset: var(--focus--offset-inner); pointer-events: auto; justify-content: flex-start; align-items: center; width: 6rem; display: flex; position: relative; } .nav_3_banner_contain-2 { max-width: var(--container--main); grid-column-gap: var(--_spacing---space--4); grid-template-rows: auto; grid-template-columns: minmax(1.1rem, 1.1rem) minmax(0, 1fr) minmax(1.1rem, 1.1rem); grid-auto-columns: 1fr; width: 100%; height: 100%; margin-left: auto; margin-right: auto; display: grid; position: relative; } .nav_3_menu_backdrop-2 { z-index: 0; opacity: 0; pointer-events: none; background-color: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent); width: 100%; height: 100vh; display: block; position: absolute; inset: 0%; } .nav_3_component-2 { z-index: 1000; background-color: #0000; display: none; position: fixed; inset: 0% 0% auto; container-type: inline-size; } .nav_3_dropdown_mega_contain-2 { max-width: var(--container--main); width: 100%; margin-left: auto; margin-right: auto; position: relative; } .nav_3_dropdown_mega_contain-2.is-desktop { padding-top: var(--_spacing---space--7); padding-bottom: var(--_spacing---space--8); } .nav_3_links_item-2 { display: flex; } .nav_3_links_item-2.is-desktop { margin-left: auto; } .nav_3_wrap-2 { z-index: 1; background-color: var(--_theme---background); position: relative; } .nav_3_wrap-2.is-desktop { display: none; } .nav_3_dropdown_link-2 { z-index: 2; padding-top: var(--_spacing---space--1); padding-right: 0; padding-bottom: var(--_spacing---space--1); grid-column-gap: var(--_spacing---space--2); cursor: pointer; color: inherit; font-size: var(--text-small--font-size); flex: 1; justify-content: flex-start; align-items: center; width: 100%; padding-left: 0; display: flex; position: relative; outline-offset: var(--focus--offset-inner) !important; } .nav_3_dropdown_link-2.is-desktop { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); border-bottom-style: solid; border-bottom-width: var(--border-width--main); border-bottom-color: var(--_theme---border); padding-left: calc(var(--_spacing---space--6) / 2); padding-right: calc(var(--_spacing---space--6) / 2); font-size: inherit; } .vita_opener { background-image: url('../images/heubach_logo_website-bg_1080p.svg'); background-position: 50%; background-repeat: no-repeat; background-size: auto; height: 100vh; } .vita_opener_container.u-container.u-grid-custom { grid-template-columns: var(--grid-12); } .vita_opener_layout.u-vflex-center-center.u-grid-custom { grid-template-columns: var(--grid-10); } .vita_opener_layout.u-vflex-center-center.u-column-10, .vita_opener_layout.u-column-10 { grid-column-start: 2; } .vita_opener_layout.u-column-10.u-grid-custom { grid-template-columns: var(--grid-10); } .h1_headlines_wrap { padding-top: var(--size--2rem); padding-bottom: var(--size--4rem); } .vita_opener_text_main { padding-right: var(--size--1rem); padding-left: var(--size--1rem); text-align: center; } .vita_opener_text_main.u-text-style-large.u-text-wrap-balance { margin-bottom: var(--site--gutter); grid-column-end: span 10; } .vita_opener_text_main.u-text-style-main.u-column-8 { grid-column-start: 3; } .vita_opener_text_main.u-text-style-main.u-column-10 { grid-column-start: 2; } .ausbildung_werdegang_layout.u-grid-custom { grid-template-columns: var(--grid-12); } .ausbildung_werdegang_image_wrap { grid-column: 1 / span 4; } .ausbildung_werdegang_text_wrap { grid-column: auto / span 8; } .ausbildung_werdegang_text_wrap.u-vflex-left-top { padding-top: var(--size--0-25rem); padding-bottom: var(--size--0-25rem); padding-left: var(--site--v-extra-space); grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); } .ausbildung_werdegang_headline.u-width-full.u-vflex-center-top { grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); } .ausbildung_werdegang_headline.u-width-full.u-vflex-center-top.h1_headlines_wrap { grid-column: 1 / -1; } .ausbildung_subline { margin-top: var(--size--2rem); } .ausbildung_items-wrap.u-vflex-left-top { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); } .vita_item { padding: var(--size--1-25rem) var(--size--0-75rem); border: 1px solid var(--swatch--fels); border-radius: 3px; align-self: stretch; } .vita_item_text { padding-top: 1px; padding-left: var(--size--0-375rem); } .vita_item_text.u-text-style-main.long-text { max-width: 30rem; padding-top: 2px; } .ausbildung_item.vita_item.u-hflex-left-center { justify-content: flex-start; align-items: flex-start; } .ausstellungen_vortraege_layout.u-grid-custom { grid-template-columns: var(--grid-12); } .ausstellungen_vortraege_headline.u-width-full.u-vflex-center-top { grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); } .ausstellungen_vortraege_headline.u-width-full.u-vflex-center-top.h1_headlines_wrap { grid-column: 1 / -1; } .ausstellungen_vortraege_image_wrap { grid-column: 1 / span 4; } .ausstellungen_vortraege_text_wrap { grid-column: auto / span 8; } .ausstellungen_vortraege_text_wrap.u-vflex-left-top { padding-top: var(--size--0-25rem); padding-bottom: var(--size--0-25rem); padding-left: var(--site--v-extra-space); grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); } .ausstellungen_subline { margin-top: var(--size--2rem); } .ausstellungen_items-wrap.u-vflex-left-top { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); } .ausstellungen_item.vita_item.u-hflex-left-center { justify-content: flex-start; align-items: flex-start; } .auszeichnungen_layout.u-grid-custom { grid-template-columns: var(--grid-12); } .auszeichnungen_headline.u-width-full.u-vflex-center-top { grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); } .auszeichnungen_headline.u-width-full.u-vflex-center-top.h1_headlines_wrap { grid-column: 1 / -1; } .auszeichnungen_image_wrap { grid-column: auto / span 4; } .auszeichnungen_text_wrap { grid-column: auto / span 8; } .auszeichnungen_text_wrap.u-vflex-left-top { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); } .auszeichnungen_text_wrap.u-vflex-right-top { padding-top: var(--size--0-25rem); padding-right: var(--site--v-extra-space); padding-bottom: var(--size--0-25rem); grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); } .auszeichnungen_main-text.u-text-style-large { text-align: right; } .auszeichnungen_subline, .auszeichnungen_items-wrap { margin-top: var(--size--2rem); } .auszeichnungen_items-wrap.u-vflex-left-top { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); } .auszeichnungen_item.vita_item.u-hflex-left-center { justify-content: flex-start; align-items: flex-start; } .kunden_projekte_headline.u-width-full.u-vflex-center-top { grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); } .kunden_projekte_headline.u-width-full.u-vflex-center-top.h1_headlines_wrap { grid-column: 1 / -1; } .kunden_projekte_layout.u-grid-custom { grid-template-columns: var(--grid-12); } .kunden_projekte_text_wrap { grid-column: auto / span 8; } .kunden_projekte_text_wrap.u-vflex-left-top { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); } .kunden_projekte_text_wrap.u-vflex-right-top { padding-top: var(--size--0-25rem); padding-right: var(--site--v-extra-space); padding-bottom: var(--size--0-25rem); grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); } .kunden_projekte_main-text.u-text-style-large { text-align: right; } .kunden_projekte_item.vita_item.u-hflex-left-center { justify-content: flex-start; align-items: flex-start; } .kunden_projekte_items-wrap { margin-top: 0; } .kunden_projekte_items-wrap.u-vflex-left-top { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); flex-flow: wrap; } .kunden_projekte_items-wrap.u-vflex-right-top { padding-left: var(--size--4rem); grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); } .kunden_projekte_image_wrap { grid-column: auto / span 4; } .kunden_projekte_subline { margin-top: var(--size--2rem); } .kunden_projekte_items-zeile.u-hflex-left-center { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); } .unikate_opener { background-image: url('../images/heubach_logo_website-bg_1080p.webp'); background-position: 50%; background-repeat: no-repeat; background-size: auto; } .unikate_opener.bg-logo-opacity { background-image: url('../images/heubach_logo_website-bg-right-long_1200p.svg'); background-position: 50% 0; } .unikate_begruessung_layout.u-grid-breakout { margin-bottom: var(--size--1rem); } .unikate_opener_headline.u-width-full.u-vflex-center-top { grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); } .unikate_opener_headline.u-width-full.u-vflex-center-top.h1_headlines_wrap { grid-column: 1 / -1; } .unikate_galerie_slider_image-_wrapper-copy { background-color: var(--swatch--light); height: 28rem; margin-bottom: 10px; } .unikate-galerie-lightbox, .unikate-galerie-image { height: 100%; } .unikate_galerie { background-color: var(--swatch--marmor-4); } .unikate_galerie_content_text { grid-column: 4 / span 3; } .unikate_galerie_content_text.u-vflex-left-center { grid-column-gap: var(--site--h-text-cta-gap); grid-row-gap: var(--site--h-text-cta-gap); grid-column-end: span 4; } .unikate_galerie_text.u-text-wrap-wrap { padding-left: 0; padding-right: 0; } .unikate_galerie_text.u-text-wrap-wrap.u-grid-custom { margin-left: -20px; } .unikate_galerie_headline { grid-column: auto / span 4; } .unikate_galerie_headline.u-text-style-h2.mobile { display: none; } .unikate_galerie_headline.u-text-style-h2.fadeinup { width: 104%; } .paragraph-2, .bold-text-2 { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: 1.51; --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .serie_opener_old { background-color: var(--swatch--marmor-4); } .serie_opener_layout_old { position: relative; } .serie_opener_old_images_wrap { position: absolute; inset: 0%; } .serie_opener_old_images_wrap.u-grid-custom { grid-template-columns: var(--grid-12); position: absolute; inset: 0%; } .serie_opener_old_image.landing { position: absolute; } .serie_opener_old_image.landing.prozess_image_wide.image-1 { z-index: 600; } .serie_opener_old_image.landing.prozess_image_narrow.serie_opener_old_image-3 { padding-right: var(--size--1rem); } .serie_opener_old_image.landing.prozess_image_mid.serie_opener_old_image-1 { height: var(--size--10rem); object-position: 50% 34%; } .serie_opener_old_text_wrap { padding-top: 6em; padding-bottom: 6em; } .serie_opener_old_text_wrap.u-grid-custom { padding-top: var(--size--6rem); padding-bottom: var(--size--6rem); grid-template-columns: var(--grid-12); } .serie_opener_old_text_inner { grid-column: 4 / -4; } .serie_opener_old_text_inner.u-vflex-center-top { z-index: 500; grid-column-gap: var(--size--4rem); grid-row-gap: var(--size--4rem); grid-column: 4 / -4; position: relative; } .serie_opener_old_heading_wrap { flex-flow: column; align-items: center; position: relative; } .serie_opener_old_abschnitt_wrapper { z-index: 700; margin-bottom: var(--size--2rem); position: relative; } .serie_opener_old_abschnitt_wrapper.abschnitt_1 { z-index: 800; } .serie_opener_old_image-1 { opacity: .8; position: absolute; top: -6%; left: 4%; } .serie_opener_old_image-2 { opacity: .8; position: absolute; top: 8%; right: 0%; } .serie_opener_old_image-3 { opacity: .9; position: absolute; top: 63%; left: 7%; } .serie_opener_old_image-4 { opacity: .8; position: absolute; top: 73%; right: 3%; } .serie_opener_linktext_wrap { padding-bottom: var(--size--0-75rem); grid-column-gap: var(--size--0-75rem); grid-row-gap: var(--size--0-75rem); flex-flow: column; display: flex; } .copyright_img { padding-right: var(--size--0-125rem); padding-left: var(--size--0-125rem); } .copyright_img.u-text-style-main { padding-left: var(--size--1-5rem); opacity: .7; color: var(--swatch--sandstein-2); cursor: pointer; font-size: var(--_typography---font-size--text-regular-small); width: 100%; position: absolute; inset: auto auto 2%; } .copyright_img.u-text-style-main.dark-right { padding-right: var(--size--1-5rem); color: var(--swatch--fels-2); text-align: right; } .contact_popup { z-index: 1999; justify-content: center; align-items: center; width: 100vw; height: 100vh; display: flex; position: fixed; } .contact_popup.u-vflex-center-center { justify-content: center; align-items: center; position: absolute; inset: 0%; } .contact_popup_bg-1 { z-index: 2000; filter: blur(); width: 100%; height: 100%; } .contact_popup_bg-1.u-vflex-center-center { z-index: 2000; } .contact_popup_content_wrap.u-grid-custom { grid-column-gap: 0rem; grid-row-gap: 0rem; grid-template-columns: var(--grid-12); justify-items: center; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); } .contact_popup_content_wrap.u-hflex-center-center { background-color: var(--swatch--marmor-4); opacity: 1; border-radius: 3px; align-items: stretch; position: absolute; box-shadow: 4px 4px 15px 9px #464a4b45; } .contact_popup_image_wrap { width: 30svw; max-width: 31rem; overflow: hidden; } .contact_popup_formular_wrap { padding: var(--size--7rem) var(--size--6rem) var(--size--4-5rem); width: 50svw; } .contact_popup_formular_wrap.u-vflex-left-center { padding-right: var(--size--3rem); width: 50svw; margin-top: 0; margin-bottom: 0; } .contact_popup_formular_wrap.u-vflex-left-top { grid-column-gap: var(--size--1-25rem); grid-row-gap: var(--size--1-25rem); max-width: 45rem; } .contact_popup_formular_label { margin-top: var(--size--2rem); margin-bottom: var(--size--0-5rem); } .contact_popup_formular_input { padding-top: 2px; padding-right: var(--size--0-75rem); padding-bottom: 0; padding-left: var(--size--0-75rem); color: var(--_theme---text); font-size: var(--_typography---font-size--text-regular-small); font-weight: var(--_typography---font--primary-regular); min-height: 34px; margin-bottom: 0; height: auto !important; } .contact_popup_formular_input::placeholder { color: #464a4bbf; font-weight: var(--_typography---font--primary-light); } .contact_popup_formular_input.u-text-style-small.u-padding-top-025rem { min-height: 5rem; } .contact_popup_fields { align-self: stretch; } .contact_popup_image { height: 100%; } .zeile.u-hflex-left-center { margin-top: var(--size--2rem); margin-bottom: var(--size--0-5rem); } .submit-button { margin-top: var(--size--1-5rem); background-color: var(--swatch--fels-3); } .submit-button.u-text-style-main { font-size: var(--_typography---font-size--text-regular-small); cursor: pointer; border-radius: 10px; width: 100%; padding-top: 5px; padding-bottom: 3px; } .checkbox-field { margin-left: var(--size--2rem); } .contact_popup_checkbox { margin-top: 0; } .contact_popup_checkbox_field { padding-left: var(--size--3rem); margin-bottom: 0; } .contact_popup_checkbox_field.u-hflex-left-center { grid-column-gap: var(--size--0-375rem); grid-row-gap: var(--size--0-375rem); } .datenschutz-link { margin-top: var(--size--1rem); margin-bottom: var(--size--1rem); } .div-block { width: 50svw; } .contact_popup_formular { margin-bottom: 0; padding-right: 0; } .contact_popup_formular.u-vflex-left-center { width: 100%; } .contact_popup_subtext_wrap.u-hflex-left-center { grid-column-gap: var(--size--0-375rem); grid-row-gap: var(--size--0-375rem); } .contact_popup_maillink.u-text-style-main, .contact_popup_link { color: var(--swatch--gold); } .popup-datenschutz-link.u-text-style-main { opacity: .6; font-size: var(--_typography---font-size--text-regular-small); } .close_btn { width: auto; max-width: none; height: auto; } .close_btn_wrap { left: auto; top: var(--size--2rem); right: var(--size--2rem); padding: var(--size--0-75rem); cursor: pointer; line-height: .4; position: absolute; bottom: auto; } .u-padding-top-025rem { padding-top: var(--size--0-25rem); } .contact_popup_bg { -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); background-color: #464a4b4d; justify-content: center; align-items: center; display: flex; position: fixed; inset: 0%; } .contact_popup_bg.u-vflex-center-center { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } .contact_popup_error { background-color: #fbd6d7; border: 1px solid #ffdede; border-radius: 3px; } .contact-popup-oops-link.u-text-style-main { margin-top: var(--size--0-5rem); font-style: italic; text-decoration: underline; } .open-modal { cursor: pointer; } .impressum_container.u-container, .impressum_layout.u-vflex-left-center { height: 100%; } .impressum_layout.u-vflex-left-center.u-grid-custom { grid-template-columns: var(--grid-12); } .impressum_content_wrap { grid-column: 2 / -2; } .impressum_text.u-text-style-main { margin-top: var(--size--2rem); } .datenschutz_heading { grid-column: 2 / span 10; } .datenschutz_layout.u-grid-custom { grid-template-columns: var(--grid-12); } .datenschutz_layout.u-grid-custom.u-vflex-left-top { grid-column-gap: var(--size--0-5rem); grid-row-gap: var(--size--0-5rem); } .left_text { grid-column: 2 / span 4; } .right_text { grid-column: 7 / span 4; } .datenschutz_text_wrap { grid-column: 1 / -1; } .datenschutz_text_wrap.u-grid-custom { grid-template-columns: var(--grid-12); } .datenschutz_text { text-align: left; padding-bottom: 4px; } .datenschutz_text p { padding-bottom: var(--size--1-5rem); font-size: var(--_text-style---font-size); font-weight: var(--_text-style---font-weight); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: 1.4; --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .datenschutz_text sub { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); } .datenschutz_text.u-grid-custom { grid-template-columns: var(--grid-12); } .datenschutz_text.u-text-wrap-balance.u-text-break-word { padding-bottom: 8px; } .datenschutz_text.left_text h4 { margin-bottom: var(--size--2rem); font-size: var(--_typography---font-size--h4); font-weight: var(--_typography---font--primary-bold); } .datenschutz_text.left_text h5 { margin-bottom: var(--size--1rem); font-weight: var(--_typography---font--primary-bold); } .datenschutz_text.left_text.heading { padding-top: var(--size--2rem); border-top-style: solid; border-top-width: 1px; border-top-color: var(--swatch--fels); grid-column: 2 / span 9; } .datenschutz_text em { line-height: var(--_text-style---line-height); } .datenschutz_text h1 { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); } .datenschutz_text h2 { font-size: var(--_text-style---font-size); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); } .datenschutz_text h3 { margin-bottom: var(--size--2rem); font-size: var(--_text-style---font-size); font-weight: var(--_typography---font--primary-medium); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform); } .datenschutz_text h4 { margin-bottom: var(--size--2rem); font-size: var(--_typography---font-size--h4); font-weight: var(--_typography---font--primary-bold); } .datenschutz_text h5 { margin-bottom: var(--size--1rem); font-weight: var(--_typography---font--primary-bold); } .datenschutz_text.left_text-copy h4 { margin-bottom: var(--size--2rem); font-size: var(--_typography---font-size--h4); font-weight: var(--_typography---font--primary-bold); } .datenschutz_text.left_text-copy h5 { margin-bottom: var(--size--1rem); font-weight: var(--_typography---font--primary-bold); } .heading { margin-bottom: var(--size--1rem); } .heading-2 { margin-bottom: var(--size--1rem); font-weight: var(--_typography---font--primary-bold); } .datenschutz_headline_wrap { margin-top: var(--size--4rem); grid-column: 1 / -1; } .datenschutz_headline_wrap.u-grid-custom { grid-template-columns: var(--grid-12); } .site-loader { flex-flow: column; justify-content: center; align-items: center; display: flex; } .loader-logo { width: var(--size--17rem); max-width: 30svw; } .loader-wordmark { width: calc(var(--size--17rem) * 2.2); } .arbeitsprozess-old { background-color: var(--swatch--marmor-4); } .arbeitsprozess_images_wrap_old { position: absolute; inset: 0%; } .arbeitsprozess_images_wrap_old.u-grid-custom { grid-template-columns: var(--grid-12); position: absolute; inset: 0%; } .arbeitsprozess_text_wrap_old { padding-top: 6em; padding-bottom: 6em; } .arbeitsprozess_text_wrap_old.u-grid-custom { padding-top: var(--size--6rem); padding-bottom: var(--size--6rem); grid-template-columns: var(--grid-12); } .arbeitsprozess_image_old.landing { position: absolute; } .arbeitsprozess_image_old.landing.prozess_image_wide.image-1 { z-index: 600; } .arbeitsprozess_image_old.landing.prozess_image_narrow.image-5 { object-fit: scale-down; } .arbeitsprozess_text_inner_old { grid-column: 4 / -4; } .arbeitsprozess_text_inner_old.u-vflex-center-top { z-index: 500; grid-column-gap: var(--size--4rem); grid-row-gap: var(--size--4rem); grid-column: 4 / -4; position: relative; } .arbeitsprozess_heading_wrap_old { flex-flow: column; align-items: center; position: relative; } .arbeitsprozess_abschnitt_wrapper_old { z-index: 700; margin-bottom: var(--size--2rem); position: relative; } .arbeitsprozess_abschnitt_wrapper_old.abschnitt_1 { z-index: 800; } .arbeitsprozess_images_wrap-copy { position: absolute; inset: 0%; } .arbeitsprozess_images_wrap-copy.u-grid-custom { grid-template-columns: var(--grid-12); position: absolute; inset: 0%; } .rbeitsprozess_image_old.landing { position: absolute; } .rbeitsprozess_image_old.landing.prozess_image_wide.image-1 { z-index: 600; } .rbeitsprozess_image_old.landing.prozess_image_narrow.image-5 { object-fit: scale-down; } .arbeitsprozess_subheading_wrap_old { margin-bottom: var(--size--1rem); flex-flow: column; align-items: center; display: flex; } .arbeitsprozess_text_old { text-align: center; padding-bottom: 4px; } .arbeitsprozess_text_old p { font-size: var(--_text-style---font-size); font-weight: var(--_text-style---line-height); } .arbeitsprozess_text_old sub { font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); } .arbeitsprozess_text_old.u-grid-custom { grid-template-columns: var(--grid-12); } .arbeitsprozess_text_old.u-text-wrap-balance.u-text-break-word { padding-bottom: 8px; } .arbeitsprozess_layout_old { position: relative; } .arbeitsprozess_content { padding-right: var(--size--1-5rem); flex-flow: column; grid-column: auto / span 4; justify-content: center; align-items: flex-start; } .arbeitsprozess_content.u-grid-custom { grid-template-columns: var(--grid-6); } .arbeitsprozess_content.u-vflex-left-center { padding-top: var(--size--2rem); padding-bottom: var(--size--2rem); grid-column-gap: var(--site--v-extra-space); grid-row-gap: var(--site--v-extra-space); } .arbeitsprozess_nav_wrapper { justify-content: flex-start; align-self: stretch; align-items: center; width: 100%; } .arbeitsprozess_nav_wrapper.u-hflex-center-center { grid-column: span 5 / -1; } .arbeitsprozess_nav_wrapper.u-hflex-left-center { min-height: var(--size--1rem); grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); align-self: flex-start; } .btn_prev { cursor: pointer; transition: opacity .2s; } .btn_prev.swiper-button-disabled { opacity: .2; cursor: auto; } .btn_next { cursor: pointer; min-height: 1px; transition: opacity .2s; } .arbeitsprozess-text-wrapper { flex-flow: column; justify-content: center; width: 100%; } .flipped { transform-style: preserve-3d; transform: rotateX(0)rotateY(180deg)rotateZ(0); } .arbeitsprozess-text.u-text-style-main { padding-bottom: var(--size--0-75rem); } .arbeitsprozess-text strong { --swatch--gold: #c5a95f; --size--0-75rem: .75rem; --size--1rem: 1rem; --size--0-5rem: .5rem; --size--1-5rem: 1.5rem; --site--gutter: 1rem; --container--main: 122rem; --container--small: 122rem; --container--full: 122rem; --size--0rem: 0rem; --radius--small: .5rem; --radius--main: 1rem; --radius--round: 100vw; --border-width--main: 2px; --swatch--transparent: transparent; --size--3rem: 3rem; --site--margin: 200px; --size--0-125rem: .125rem; --size--0-25rem: .25rem; --site--v-extra-space: 2rem; --site--h-text-cta-gap: 3rem; --swatch--light: white; --swatch--marmor-4: #f9f9f9; --size--4rem: 4rem; --size--0-375rem: .375rem; --swatch--gold-2: #dccb9f; --size--1-25rem: 1.25rem; --size--2rem: 2rem; --size--6rem: 6rem; --focus--offset-inner: -.125rem; --size--2-5rem: 2.5rem; --swatch--fels: #464a4b; --prozessgallery--prozess_width_wide: 24rem; --prozessgallery--prozess_width_narrow: 18rem; --prozessgallery--prozess_width_mid: 21rem; --size--10rem: 10rem; --swatch--sandstein-2: #e4e5e6; --swatch--fels-2: #6b6e6f; --size--7rem: 7rem; --size--4-5rem: 4.5rem; --swatch--fels-3: #5a5c5d; --size--17rem: 17rem; --site--width: 122rem; --site--column-count: 12; --focus--width: .125rem; --focus--offset-outer: .1875rem; --swatch--dark-faded: #3532331a; --swatch--light-faded: #ffffff1a; --swatch--sandstein: #d2c9aa; --swatch--sandstein-3: #f6f6f6; --swatch--marmor: #dadada; --swatch--marmor-2: #e5e5e5; --swatch--marmor-3: #f2f2f2; --swatch--wald: #144738; --swatch--schatten: #242524; --swatch--brand-text: var(--swatch--fels); --size--3-5rem: 3.5rem; --size--5rem: 5rem; --size--5-5rem: 5.5rem; --size--6-5rem: 6.5rem; --size--7-5rem: 7.5rem; --size--8rem: 8rem; --size--8-5rem: 8.5rem; --size--9rem: 9rem; --size--9-5rem: 9.5rem; --size--11rem: 11rem; --size--12rem: 12rem; --size--13rem: 13rem; --size--14rem: 14rem; --size--15rem: 15rem; --size--16rem: 16rem; --size--18rem: 18rem; --column-width--1: 0px; --column-width--2: 0px; --column-width--3: 0px; --column-width--4: 0px; --column-width--5: 0px; --column-width--6: 0px; --column-width--7: 0px; --column-width--8: 0px; --column-width--9: 0px; --column-width--10: 0px; --column-width--11: 0px; --column-width--12: 0px; --column-margin--0: 0px; --column-margin--1: 1px; --column-margin--2: 2px; --column-margin--3: 3px; --column-margin--4: 4px; --column-margin--5: 5px; --column-margin--6: 6px; --column-margin--7: 7px; --column-margin--8: 8px; --column-margin--9: 9px; --column-margin--10: 10px; --column-margin--11: 11px; --column-margin--12: 12px; --align--flex-start: 0px; --align--flex-center: 0px; --align--flex-end: 0px; --align--text-left: 0px; --align--text-center: 0px; --align--text-right: 0px; --align--start: 0px; --align--center: 0px; --align--end: 0px; font-weight: 300; } .arbeitsprozess-text p { --swatch--gold: #c5a95f; --size--0-75rem: .75rem; --size--1rem: 1rem; --size--0-5rem: .5rem; --size--1-5rem: 1.5rem; --site--gutter: 1rem; --container--main: 122rem; --container--small: 122rem; --container--full: 122rem; --size--0rem: 0rem; --radius--small: .5rem; --radius--main: 1rem; --radius--round: 100vw; --border-width--main: 2px; --swatch--transparent: transparent; --size--3rem: 3rem; --site--margin: 200px; --size--0-125rem: .125rem; --size--0-25rem: .25rem; --site--v-extra-space: 2rem; --site--h-text-cta-gap: 3rem; --swatch--light: white; --swatch--marmor-4: #f9f9f9; --size--4rem: 4rem; --size--0-375rem: .375rem; --swatch--gold-2: #dccb9f; --size--1-25rem: 1.25rem; --size--2rem: 2rem; --size--6rem: 6rem; --focus--offset-inner: -.125rem; --size--2-5rem: 2.5rem; --swatch--fels: #464a4b; --prozessgallery--prozess_width_wide: 24rem; --prozessgallery--prozess_width_narrow: 18rem; --prozessgallery--prozess_width_mid: 21rem; --size--10rem: 10rem; --swatch--sandstein-2: #e4e5e6; --swatch--fels-2: #6b6e6f; --size--7rem: 7rem; --size--4-5rem: 4.5rem; --swatch--fels-3: #5a5c5d; --size--17rem: 17rem; --site--width: 122rem; --site--column-count: 12; --focus--width: .125rem; --focus--offset-outer: .1875rem; --swatch--dark-faded: #3532331a; --swatch--light-faded: #ffffff1a; --swatch--sandstein: #d2c9aa; --swatch--sandstein-3: #f6f6f6; --swatch--marmor: #dadada; --swatch--marmor-2: #e5e5e5; --swatch--marmor-3: #f2f2f2; --swatch--wald: #144738; --swatch--schatten: #242524; --swatch--brand-text: var(--swatch--fels); --size--3-5rem: 3.5rem; --size--5rem: 5rem; --size--5-5rem: 5.5rem; --size--6-5rem: 6.5rem; --size--7-5rem: 7.5rem; --size--8rem: 8rem; --size--8-5rem: 8.5rem; --size--9rem: 9rem; --size--9-5rem: 9.5rem; --size--11rem: 11rem; --size--12rem: 12rem; --size--13rem: 13rem; --size--14rem: 14rem; --size--15rem: 15rem; --size--16rem: 16rem; --size--18rem: 18rem; --column-width--1: 0px; --column-width--2: 0px; --column-width--3: 0px; --column-width--4: 0px; --column-width--5: 0px; --column-width--6: 0px; --column-width--7: 0px; --column-width--8: 0px; --column-width--9: 0px; --column-width--10: 0px; --column-width--11: 0px; --column-width--12: 0px; --column-margin--0: 0px; --column-margin--1: 1px; --column-margin--2: 2px; --column-margin--3: 3px; --column-margin--4: 4px; --column-margin--5: 5px; --column-margin--6: 6px; --column-margin--7: 7px; --column-margin--8: 8px; --column-margin--9: 9px; --column-margin--10: 10px; --column-margin--11: 11px; --column-margin--12: 12px; --align--flex-start: 0px; --align--flex-center: 0px; --align--flex-end: 0px; --align--text-left: 0px; --align--text-center: 0px; --align--text-right: 0px; --align--start: 0px; --align--center: 0px; --align--end: 0px; } .div-block-2 { align-self: auto; } .arbeitsprozess_slide.swiper-slide { padding-right: var(--site--v-extra-space); } .arbeitsprozess-headline.u-width-full.u-vflex-center-top { grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); } .arbeitsprozess-headline.u-width-full.u-vflex-center-top.h1_headlines_wrap { grid-column: 1 / -1; } .swiper-button-disabled { opacity: .3; cursor: auto; } .serie_opener_headline.u-width-full.u-vflex-center-top { grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); } .serie_opener_headline.u-width-full.u-vflex-center-top.h1_headlines_wrap { grid-column: 1 / -1; } .serie_opener_layout.u-grid-breakout { margin-bottom: var(--size--1rem); } .serie_opener { background-image: url('../images/heubach_logo_website-bg_1080p.webp'); background-position: 50%; background-repeat: no-repeat; background-size: auto; } .serie_opener.bg-logo-opacity { background-image: url('../images/heubach_logo_website-bg-right-long_1200p.svg'); background-position: 50% 0; } .serie_image_content { margin-right: var(--site--v-extra-space); } .serie_image_content.u-column-8.swiper-container.passive-fade-slider.fadeinup { overflow: hidden; } .serie_opener_image { object-position: 50% 50%; height: 100%; } .serie_opener_text { padding-top: var(--size--4rem); padding-bottom: var(--size--4rem); } .serie_opener_text.u-vflex-left-center { grid-column-gap: var(--site--h-text-cta-gap); grid-row-gap: var(--site--h-text-cta-gap); } .serie_opener_text.u-vflex-left-center.u-grid-custom { grid-template-columns: var(--grid-4); } .serie_opener_linktext_old { padding-right: var(--size--0-125rem); padding-left: var(--size--0-125rem); } .serie_opener_linktext_old.u-text-style-main { font-size: var(--_typography---font-size--text-regular-small); } .serie_opener_wrap.swiper-wrapper { height: 100%; } .idtext { display: none; } .mein-arbeitsprozess { background-color: var(--swatch--marmor-4); } .mein-arbeitsprozess_contain.u-container.u-grid-custom { grid-template-columns: var(--grid-12); } .mein-arbeitsprozess_layout { grid-column: 3 / span 8; } .mein-arbeitsprozess_layout.u-grid-custom { grid-template-columns: var(--grid-10); } .mein-arbeitsprozess_image-wrap { grid-column: auto / span 5; overflow: hidden; } .mein-arbeitsprozess_text-wrap { padding-top: var(--size--2rem); padding-bottom: var(--size--2rem); grid-column: auto / span 3; } .mein-arbeitsprozess_text strong { font-weight: 300; } .mein-arbeitsprozess_text.fadeinup p { --swatch--gold: #c5a95f; --size--0-75rem: .75rem; --size--1rem: 1rem; --size--0-5rem: .5rem; --size--1-5rem: 1.5rem; --site--gutter: 1rem; --container--main: 122rem; --container--small: 122rem; --container--full: 122rem; --size--0rem: 0rem; --radius--small: .5rem; --radius--main: 1rem; --radius--round: 100vw; --border-width--main: 2px; --swatch--transparent: transparent; --size--3rem: 3rem; --site--margin: 200px; --size--0-125rem: .125rem; --size--0-25rem: .25rem; --site--v-extra-space: 2rem; --site--h-text-cta-gap: 3rem; --swatch--light: white; --swatch--marmor-4: #f9f9f9; --size--4rem: 4rem; --size--0-375rem: .375rem; --swatch--gold-2: #dccb9f; --size--1-25rem: 1.25rem; --size--2rem: 2rem; --size--6rem: 6rem; --focus--offset-inner: -.125rem; --size--2-5rem: 2.5rem; --swatch--fels: #464a4b; --prozessgallery--prozess_width_wide: 24rem; --prozessgallery--prozess_width_narrow: 18rem; --prozessgallery--prozess_width_mid: 21rem; --size--10rem: 10rem; --swatch--sandstein-2: #e4e5e6; --swatch--fels-2: #6b6e6f; --size--7rem: 7rem; --size--4-5rem: 4.5rem; --swatch--fels-3: #5a5c5d; --size--17rem: 17rem; --site--width: 122rem; --site--column-count: 12; --focus--width: .125rem; --focus--offset-outer: .1875rem; --swatch--dark-faded: #3532331a; --swatch--light-faded: #ffffff1a; --swatch--sandstein: #d2c9aa; --swatch--sandstein-3: #f6f6f6; --swatch--marmor: #dadada; --swatch--marmor-2: #e5e5e5; --swatch--marmor-3: #f2f2f2; --swatch--wald: #144738; --swatch--schatten: #242524; --swatch--brand-text: var(--swatch--fels); --size--3-5rem: 3.5rem; --size--5rem: 5rem; --size--5-5rem: 5.5rem; --size--6-5rem: 6.5rem; --size--7-5rem: 7.5rem; --size--8rem: 8rem; --size--8-5rem: 8.5rem; --size--9rem: 9rem; --size--9-5rem: 9.5rem; --size--11rem: 11rem; --size--12rem: 12rem; --size--13rem: 13rem; --size--14rem: 14rem; --size--15rem: 15rem; --size--16rem: 16rem; --size--18rem: 18rem; --column-width--1: 0px; --column-width--2: 0px; --column-width--3: 0px; --column-width--4: 0px; --column-width--5: 0px; --column-width--6: 0px; --column-width--7: 0px; --column-width--8: 0px; --column-width--9: 0px; --column-width--10: 0px; --column-width--11: 0px; --column-width--12: 0px; --column-margin--0: 0px; --column-margin--1: 1px; --column-margin--2: 2px; --column-margin--3: 3px; --column-margin--4: 4px; --column-margin--5: 5px; --column-margin--6: 6px; --column-margin--7: 7px; --column-margin--8: 8px; --column-margin--9: 9px; --column-margin--10: 10px; --column-margin--11: 11px; --column-margin--12: 12px; --align--flex-start: 0px; --align--flex-center: 0px; --align--flex-end: 0px; --align--text-left: 0px; --align--text-center: 0px; --align--text-right: 0px; --align--start: 0px; --align--center: 0px; --align--end: 0px; } .paragraph-4 { color: var(--swatch--gold); } .mein-arbeitsprozess_item { padding-right: var(--size--2rem); padding-left: var(--size--2rem); } .mein-arbeitsprozess_item.u-width-full.u-grid-custom { grid-template-columns: var(--grid-8); } .u-vertgut-extra-left { margin-left: var(--site--v-extra-space); } .u-vertgut-extra-right { margin-right: var(--site--v-extra-space); } .mein-arbeitsprozess_img.u-height-full { aspect-ratio: 8 / 5; } .mein-arbeitsprozess_headline.u-width-full.u-vflex-center-top { grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); } .mein-arbeitsprozess_headline.u-width-full.u-vflex-center-top.h1_headlines_wrap { grid-column: 1 / -1; } .serie_main_image { height: 100%; } .serie_main_image.u-height-full.u-width-full.swiper-slide.passive-slide { position: relative; } .serie_main_landing_image { height: 100%; } .serie_main_landing_image.u-height-full.u-width-full.swiper-slide.passive-slide { position: relative; } ._123.u-text-style-small { padding-right: var(--size--1rem); padding-bottom: var(--size--0-75rem); opacity: .8; color: var(--swatch--gold); cursor: pointer; position: absolute; bottom: 0%; right: 0%; } .vita-kunden.copyright_img.u-text-style-main { padding-top: var(--size--0-375rem); padding-left: var(--size--1rem); color: var(--swatch--fels-2); position: static; } .unikate_galerie_paragraph { grid-column: auto / span 3; } .text-align-left { text-align: left !important; } @media screen and (max-width: 991px) { .u-text-style-large { margin-top: var(--size--1rem); padding-bottom: var(--size--0-75rem); } .u-text-style-uppercase { font-size: var(--_typography---font-size--cta-uppercase); } .u-text-style-uppercase.screen { display: none; } .u-text-style-uppercase.only-mobile { display: block; } .cta_wrap.u-column-10 { margin-top: var(--size--0-5rem); } .cta_wrap.fadeinup { grid-column-gap: var(--size--0-5rem); grid-row-gap: var(--size--0-5rem); } .cta_arrow.mobile { display: block; } .cta_arrow.desktop-pad { display: none; } .serie_main_content_text.u-vflex-left-center { padding-left: var(--site--v-extra-space); grid-column-start: 2; } .slider_main_slider_body.swiper-container.galerie-swiper { max-height: 55rem; } .swiper-wrapper { height: 100%; } .image_brand { max-height: 5rem; display: block; } .image_brand.mobile { height: 3rem; display: block; } .begruessung_text_main.u-text-style-large.u-text-wrap-balance.fadeinup { grid-column-end: span 12; } .begruessung_layout.u-column-10.u-grid-custom { grid-column-end: span 12; grid-template-columns: var(--grid-12); grid-column-start: 1; } .slider_main_functions_wrapper.fadeinup { grid-column: 7 / -1; padding-left: 0; } .begruessung_logo { padding-right: var(--size--2rem); padding-left: var(--size--2rem); grid-column: 5 / span 4; } .begruessung_logo_wrapper.u-grid-custom.fadeinup { grid-column: span 12; grid-template-columns: var(--grid-12); } .unikate.bg-logo-opacity { background-position: 50%; background-size: cover; } .unikate_content_text.u-vflex-left-center { grid-column: auto / span 5; } .begruessung_text_subline.u-column-8.u-text-style-main.u-text-wrap-pretty.fadeinup { grid-column-end: span 10; } .hero_slider, .hero_slide.swiper-slide { height: 98vh; } .hero_text_wrap.u-grid-custom { opacity: 100; margin-left: 30px; margin-right: 30px; bottom: 10vh; } .nav_3_logo_link { justify-content: flex-start; align-items: center; } .nav_3_btn_wrap.w--open { color: inherit; background-color: #c8c8c800; } .nav_3_wrap.is-desktop { display: none; } .hero_image { height: 100%; } .hero-pagination-wrapper.u-grid-custom { margin-left: 30px; margin-right: 30px; bottom: 10vh; } .hero_text_wrap_vertical.u-column-3.u-vflex-left-bottom { grid-column-end: span 8; } .hero_text_wrap_vertical.u-vflex-left-bottom { grid-column: span 8; } .cta_contain.u-container.u-vflex-center-top { padding-right: var(--size--2-5rem); padding-left: var(--size--2-5rem); } .designerin { padding-bottom: var(--size--0rem); } .designerin_wrapper_center.u-grid-custom { position: absolute; inset: auto 0% 0%; } .designerin_image.u-column-3 { grid-column: 4 / span 4; } .designerin_wrapper_text_rechts.u-grid-custom { position: relative; inset: auto; } .designerin_wrapper_inner_text { grid-column-end: span 6; } .footer_links_wrapper.u-column-2.u-vflex-left-top { grid-column-gap: var(--size--0-5rem); grid-row-gap: var(--size--0-5rem); } .footer_links_wrapper.center { order: 2; grid-column: 1 / -1; } .footer_links_wrapper.u-vflex-right-top { flex-flow: row; grid-column: 1 / -1; justify-content: center; align-items: center; } .footer_links_wrapper.u-vflex-right-top.u-grid-custom { grid-template-columns: var(--grid-6); } .footer_links_wrapper.u-vflex-left-top { flex-flow: row; grid-column: span 5 / -2; } .footer_links_wrapper.u-vflex-left-top.contain-1, .footer_links_wrapper.u-vflex-left-top.contain-2 { grid-column: 1 / span 4; } .footer_copyright.u-text-style-footer { grid-column: span 2; } .footer_link { padding-left: var(--size--0rem); } .footer_link.u-hflex-center-center { padding-right: var(--size--0rem); justify-content: flex-end; align-items: stretch; } .footer_arrow_btt { display: none; } .footer_link_text.u-text-style-footer.u-padding-top-text { padding-top: var(--size--0rem); } .unikate_text.u-text-wrap-wrap { grid-column-end: span 4; padding-top: 0; padding-bottom: 0; } .unikate_landing_image { width: auto; height: 100%; } .arbeitsprozess_image.landing.prozess_image_wide.image-1 { z-index: 0; } .arbeitsprozess_text_wrap.u-grid-custom { padding-top: var(--size--0rem); } .arbeitsprozess_text_inner.u-grid-custom { grid-column: 4 / -4; } .image-1 { opacity: .8; top: 0%; right: -3%; } .image-2 { opacity: .8; left: 2%; } .image-3 { opacity: .8; right: 3.5%; } .image-4 { opacity: .8; left: -1%; } .image-5 { opacity: .8; right: 0%; } .cta_footer_layout.u-grid-custom { grid-template-columns: var(--grid-12); } .cta_footer_image { grid-column: 1 / span 5; } .cta_footer_text_wrap.u-vflex-left-center { grid-column-end: span 6; } .cta_footer_text_wrap.u-vflex-left-center.vita { padding-top: var(--size--4rem); padding-bottom: var(--size--4rem); grid-column-end: span 6; padding-left: 0; } .cta_footer_inner_wrapper.u-grid-custom { grid-template-columns: var(--grid-10); } .cta_footer_inner_wrapper.u-grid-custom.vita { grid-column: 2 / -2; grid-template-columns: var(--grid-10); } .footer_links_inner { grid-column-gap: var(--size--0-5rem); grid-row-gap: var(--size--0-5rem); } .footer_left.u-grid-custom { grid-column-gap: var(--size--0-75rem); grid-row-gap: var(--size--0-75rem); grid-column: 2 / span 4; grid-template-columns: var(--grid-4); } .footer_right.u-grid-custom { grid-column: span 5 / -2; grid-template-columns: var(--grid-6); } .footer_right.u-vflex-right-top { grid-column: span 4 / -2; } .link-block { grid-column: span 4 / -1; } .footer_center { margin-top: var(--size--1rem); order: 3; grid-column: 2 / -2; } .footer_image_wrapper.vita.u-column-3 { padding-right: var(--site--v-extra-space); grid-column-end: span 4; } .designerin_text { padding-bottom: var(--size--0rem); } .vita_opener { height: 98svh; } .vita_opener.bg-logo-opacity { background-position: 30%; } .vita_opener_layout.u-column-10.u-grid-custom { grid-column-end: span 12; grid-template-columns: var(--grid-12); grid-column-start: 1; } .vita_opener_text_main.u-text-style-large.u-text-wrap-balance.fadeinup { grid-column-end: span 12; } .ausbildung_werdegang_image_wrap { grid-column: 1 / span 12; } .ausbildung_werdegang_text_wrap.u-vflex-left-top { grid-column: auto / span 12; padding-left: 0; } .ausbildung_image { max-height: 20rem; } .ausstellungen_vortraege_image_wrap { grid-column: 1 / span 12; } .ausstellungen_image { object-position: 50% 20%; max-height: 22rem; } .ausstellungen_vortraege_text_wrap.u-vflex-left-top { grid-column: auto / span 12; } .ausstellungen_vortraege_text_wrap.u-vflex-left-top.fadeinup { padding-left: 0; } .auszeichnungen_headline.u-width-full.u-vflex-center-top.h1_headlines_wrap.fadeinup { order: 1; } .auszeichnungen_image_wrap { margin-bottom: var(--size--2rem); order: 2; grid-column: 1 / span 12; } .kunden_projekte_image { max-height: 20rem; } .auszeichnungen_text_wrap.u-vflex-left-top { grid-column: auto / span 12; } .auszeichnungen_text_wrap.u-vflex-right-top { padding-top: var(--size--0rem); padding-bottom: var(--size--0rem); order: 3; grid-column: auto / span 12; } .auszeichnungen_text_wrap.u-vflex-right-top.fadeinup { padding-right: var(--size--0rem); justify-content: flex-start; align-items: flex-start; } .auszeichnungen_main-text.u-text-style-large { text-align: left; } .kunden_projekte_headline.u-width-full.u-vflex-center-top.h1_headlines_wrap.fadeinup { order: 1; } .kunden_projekte_text_wrap.u-vflex-left-top { grid-column: auto / span 12; } .kunden_projekte_text_wrap.u-vflex-right-top { padding-top: var(--size--0rem); padding-right: 0; padding-bottom: var(--size--0rem); order: 3; grid-column: auto / span 12; justify-content: flex-start; align-items: flex-start; } .kunden_projekte_main-text.u-text-style-large { text-align: left; } .kunden_projekte_items-wrap.u-vflex-right-top { justify-content: flex-start; align-items: flex-start; padding-left: 0; } .kunden_projekte_image_wrap { margin-bottom: var(--size--2rem); order: 2; grid-column: 1 / span 12; } .kunden_projekte_items-zeile.u-hflex-left-center { flex-flow: wrap; } .unikate_opener.bg-logo-opacity { background-position: 50%; background-size: cover; } .unikate_galerie_content_text.u-vflex-left-center { grid-column: 2 / span 5; padding-left: 0; } .unikate_galerie_text.u-text-wrap-wrap.u-grid-custom { margin-left: -6px; } .serie_opener_old_image.landing.prozess_image_wide.image-1 { z-index: 0; } .serie_opener_old_text_wrap.u-grid-custom { padding-top: var(--size--0rem); } .serie_opener_old_text_inner.u-grid-custom { grid-column: 3 / -3; } .serie_opener_old_image-1 { opacity: .8; top: -10%; } .serie_opener_old_image-2 { opacity: .8; right: -2%; } .serie_opener_old_image-3 { opacity: .8; top: 78%; } .serie_opener_old_image-4 { opacity: .8; top: 87%; } .contact_popup { padding-top: var(--size--2rem); justify-content: center; align-items: flex-start; height: auto; min-height: 100svh; } .contact_popup_content_wrap.u-hflex-center-center { flex-flow: column; } .contact_popup_image_wrap { flex-flow: column; justify-content: center; align-items: center; width: 100%; max-width: 85svw; height: 12rem; } .contact_popup_formular_wrap.u-vflex-left-top { padding-top: var(--size--1rem); padding-bottom: var(--size--2rem); width: 85svw; } .contact_popup_formular_label.u-text-style-main { margin-top: var(--size--1rem); } .contact_popup_image { object-position: 50% 11%; } .submit-button.u-text-style-main { margin-top: var(--size--0-75rem); } .datenschutz_heading.u-text-style-h2 { grid-column: 1 / span 12; } .datenschutz_text.right_text { padding-right: var(--size--0-75rem); grid-column: 7 / span 6; } .datenschutz_text.left_text { padding-right: var(--size--0-75rem); grid-column: 1 / span 6; } .datenschutz_text.left_text.heading { grid-column: 1 / span 12; } .arbeitsprozess_text_wrap_old.u-grid-custom { padding-top: var(--size--0rem); } .arbeitsprozess_image_old.landing.prozess_image_wide.image-1 { z-index: 0; } .arbeitsprozess_text_inner_old.u-grid-custom { grid-column: 4 / -4; } .rbeitsprozess_image_old.landing.prozess_image_wide.image-1 { z-index: 0; } .serie_opener.bg-logo-opacity { background-position: 50%; background-size: cover; } .serie_opener_image { width: auto; height: 100%; } .serie_opener_text.u-vflex-left-center { grid-column: auto / span 5; } .mein-arbeitsprozess_layout { grid-column: 1 / span 12; } .mein-arbeitsprozess_item.u-width-full.u-grid-custom.u-hflex-left-center { padding-right: var(--size--0rem); padding-left: var(--size--0rem); } .serie_main_image, .serie_main_landing_image { width: auto; height: 100%; } .unikate_galerie_paragraph.u-text-style-main.fadeinup { grid-column: auto / span 4; } } @media screen and (max-width: 767px) { .u-text-style-h2 { display: flow-root; } .u-text-style-uppercase.screen { text-align: center; } .cta_wrap.u-column-10 { margin-top: var(--size--1-5rem); } .cta_arrow.mobile { display: block; } .serie_main_content_text.u-vflex-left-center { grid-column: 2 / 14; padding-left: 0; } .slider_main_slider_body.swiper-container.galerie-swiper { max-height: 45rem; } .image_brand { max-height: 3.2rem; } .slider_image-_wrapper { flex-flow: column; max-height: 65vh; display: flex; overflow: hidden; } .slider_main_functions_wrapper { grid-column: 2 / -1; padding-left: 0; } .slider_main_functions_wrapper.fadeinup { grid-column: 1 / -1; } .slider_main_scrollbar_body.swiper-scrollbar { width: 18.5em; max-width: 75%; height: .45em; display: none; } .slider_main_scrollbar_drag.swiper-scrollbar-drag { width: 5em; } .begruessung_logo { padding-right: var(--size--4rem); padding-left: var(--size--4rem); grid-column: 4 / span 6; } .unikate.bg-logo-opacity { background-image: none; background-position: 0 0; background-repeat: repeat; background-size: auto; } .unikate_content_text.u-vflex-left-center { grid-column: 2 / span 12; } .unikate_image_content { grid-column: span 14 / -1; margin-right: 0; } .begruessung_text_subline.u-column-8.u-text-style-main.u-text-wrap-pretty.fadeinup { grid-column: 1 / span 12; } .hero_text_wrap.u-grid-custom { top: 10.5svh; bottom: 25svh; } .nav_3_mobile_contain.u-container { padding-right: var(--size--0-25rem); padding-left: var(--size--0-25rem); justify-content: flex-end; } .nav_3_skip_wrap { z-index: 1000; } .nav_3_logo_link { justify-content: flex-end; align-items: center; } .nav_3_wrap.is-mobile, .nav_3_wrap.is-desktop { z-index: 1000; } .hero-pagination-wrapper.u-grid-custom { bottom: 25svh; } .hero_text_wrap_vertical.u-vflex-left-bottom { grid-column: span 9; } .cta_contain.u-container.u-vflex-center-top { padding-right: var(--size--0rem); padding-left: var(--size--0rem); } .cta_wrap_outer.u-column-10.u-vflex-center-center { margin-bottom: 0; } .designerin_wrapper_center.u-grid-custom { padding-top: 0; top: 0%; } .designerin_wrapper_left.u-grid-custom { display: none; } .designerin_image.u-column-3 { grid-column: 1 / span 5; height: 100%; } .designerin_wrapper_text_rechts.u-grid-custom { grid-template-columns: var(--grid-12); } .designerin_wrapper_inner_text { padding-top: var(--size--0-75rem); padding-bottom: var(--size--0-75rem); grid-column: 6 / span 7; } .footer_top-border { grid-column: 1 / span 12; } .unikate_text.u-text-wrap-wrap { padding-right: var(--size--0rem); padding-left: var(--size--0rem); } .unikate_landing_image { width: 100%; height: auto; } .serie.u-text-style-h2.mobile { display: flow-root; } .serie.u-text-style-h2.desktop-pad { display: none; } .arbeitsprozess_images_wrap.fadeinup { grid-column: 2 / -2; } .arbeitsprozess_image.landing.prozess_image_narrow.image-5 { width: var(--prozessgallery--prozess_width_wide); } .arbeitsprozess_image.landing.prozess_image_mid.image-4 { width: var(--prozessgallery--prozess_width_narrow); } .arbeitsprozess_text_inner.u-grid-custom { grid-template-columns: var(--grid-12); grid-column: 1 / -1; } .arbeitsprozess_heading_wrap { grid-column: 1 / -1; } .arbeitsprozess_heading_wrap.u-vflex-center-top { grid-column: 1 / -5; justify-content: flex-start; align-items: flex-start; } .arbeitsprozess_subheading_wrap.abschnitt_2 { justify-content: flex-start; align-items: flex-end; } .arbeitsprozess_subheading_wrap.abschnitt_1, .arbeitsprozess_subheading_wrap.abschnitt_3 { justify-content: flex-start; align-items: flex-start; } .arbeitsprozess_subheading_wrap.abschnitt_4 { justify-content: flex-start; align-items: flex-end; } .arbeitsprozess_subheading_wrap.abschnitt_5 { justify-content: flex-start; align-items: flex-start; } .arbeitsprozess_abschnitt_wrapper.abschnitt_1 { text-align: left; grid-column: 1 / -5; } .arbeitsprozess_abschnitt_wrapper.abschnitt_2 { grid-column: 4 / -1; } .arbeitsprozess_abschnitt_wrapper.abschnitt_3 { grid-column: 1 / -4; } .arbeitsprozess_abschnitt_wrapper.abschnitt_4 { grid-column: 4 / -1; } .arbeitsprozess_text.u-text-wrap-balance.u-text-break-word { justify-content: flex-end; } .image-1 { top: 13%; } .image-2 { top: 32%; left: 0%; } .image-3 { top: 58%; right: 0%; } .image-4 { top: 72%; left: -3%; } .image-5 { top: 92%; left: 12%; right: auto; } .cta_footer_image { grid-column: 1 / span 4; } .cta_footer_text_wrap.u-vflex-left-center { grid-column-end: span 8; } .cta_footer_text_wrap.u-vflex-left-center.vita { padding-top: var(--size--0-5rem); padding-bottom: var(--size--0-5rem); grid-column-end: span 7; } .cta_footer_inner_wrapper.u-grid-custom, .cta_footer_inner_wrapper.u-grid-custom.vita { grid-column: 1 / -1; grid-template-columns: var(--grid-12); } .footer_left.u-grid-custom { grid-column: 1 / span 5; } .footer_right.u-vflex-right-top { grid-column: span 5 / -1; } .cta_text_wrap { flex-flow: row; } .footer_image_wrapper.vita.u-column-3 { grid-column-end: span 5; } .abschnitt_1 { text-align: left; } .abschnitt_2 { text-align: right; } .abschnitt_3 { text-align: left; } .abschnitt_4 { text-align: right; } .abschnitt_5 { text-align: left; } .vita_opener_text_main.u-text-style-large.u-text-wrap-balance.fadeinup { padding-right: var(--size--0rem); padding-left: var(--size--0rem); } .ausbildung_image, .ausstellungen_image, .kunden_projekte_image { max-height: 15rem; } .auszeichnungen_main-text.u-text-style-large, .kunden_projekte_main-text.u-text-style-large { text-align: left; } .unikate_opener.bg-logo-opacity { background-image: none; background-position: 0 0; background-repeat: repeat; background-size: auto; } .unikate_galerie_slider_image-_wrapper-copy { flex-flow: column; max-height: 65vh; display: flex; overflow: hidden; } .unikate_galerie_content_text.u-vflex-left-center { grid-column: 2 / 14; padding-left: 0; } .unikate_galerie_text.u-text-wrap-wrap.u-grid-custom { margin-left: 0; } .unikate_galerie_headline.u-text-style-h2.mobile { display: flow-root; } .unikate_galerie_headline.u-text-style-h2.desktop-pad { display: none; } .serie_opener_old_image.landing.prozess_image_narrow.image-5 { width: var(--prozessgallery--prozess_width_wide); } .serie_opener_old_image.landing.prozess_image_mid.image-4 { width: var(--prozessgallery--prozess_width_narrow); } .serie_opener_old_text_inner.u-grid-custom { grid-template-columns: var(--grid-12); grid-column: 1 / -1; } .serie_opener_old_heading_wrap { grid-column: 1 / -1; } .serie_opener_old_heading_wrap.u-vflex-center-top { grid-column: 1 / -5; justify-content: flex-start; align-items: flex-start; } .serie_opener_old_abschnitt_wrapper.abschnitt_1 { text-align: center; grid-column: 2 / -2; } .serie_opener_old_abschnitt_wrapper.abschnitt_2 { grid-column: 4 / -1; } .serie_opener_old_abschnitt_wrapper.abschnitt_3 { grid-column: 1 / -4; } .serie_opener_old_abschnitt_wrapper.abschnitt_4 { grid-column: 4 / -1; } .contact_popup_content_wrap.u-hflex-center-center { margin-top: var(--size--3rem); } .datenschutz_heading.u-text-style-h2 { grid-column: 2 / -2; } .datenschutz_text.u-text-wrap-balance.u-text-break-word { justify-content: flex-end; } .datenschutz_text.right_text, .datenschutz_text.left_text, .datenschutz_text.left_text.heading { grid-column: 2 / span 10; } .loader-wordmark { width: calc(var(--size--17rem) * 1.9); } .arbeitsprozess_image_old.landing.prozess_image_narrow.image-5 { width: var(--prozessgallery--prozess_width_wide); } .arbeitsprozess_image_old.landing.prozess_image_mid.image-4 { width: var(--prozessgallery--prozess_width_narrow); } .arbeitsprozess_text_inner_old.u-grid-custom { grid-template-columns: var(--grid-12); grid-column: 1 / -1; } .arbeitsprozess_heading_wrap_old { grid-column: 1 / -1; } .arbeitsprozess_heading_wrap_old.u-vflex-center-top { grid-column: 1 / -5; justify-content: flex-start; align-items: flex-start; } .arbeitsprozess_abschnitt_wrapper_old.abschnitt_1 { text-align: left; grid-column: 1 / -5; } .arbeitsprozess_abschnitt_wrapper_old.abschnitt_2 { grid-column: 4 / -1; } .arbeitsprozess_abschnitt_wrapper_old.abschnitt_3 { grid-column: 1 / -4; } .arbeitsprozess_abschnitt_wrapper_old.abschnitt_4 { grid-column: 4 / -1; } .rbeitsprozess_image_old.landing.prozess_image_narrow.image-5 { width: var(--prozessgallery--prozess_width_wide); } .rbeitsprozess_image_old.landing.prozess_image_mid.image-4 { width: var(--prozessgallery--prozess_width_narrow); } .arbeitsprozess_subheading_wrap_old.abschnitt_2 { justify-content: flex-start; align-items: flex-end; } .arbeitsprozess_subheading_wrap_old.abschnitt_1, .arbeitsprozess_subheading_wrap_old.abschnitt_3 { justify-content: flex-start; align-items: flex-start; } .arbeitsprozess_subheading_wrap_old.abschnitt_4 { justify-content: flex-start; align-items: flex-end; } .arbeitsprozess_subheading_wrap_old.abschnitt_5 { justify-content: flex-start; align-items: flex-start; } .arbeitsprozess_text_old.u-text-wrap-balance.u-text-break-word { justify-content: flex-end; } .arbeitsprozess_content.u-vflex-left-center.fadeinup { grid-column: 2 / -2; } .arbeitsprozess_slide.swiper-slide.u-height-full { padding-right: var(--size--0rem); max-height: 16rem; } .serie_opener.bg-logo-opacity { background-image: none; background-position: 0 0; background-repeat: repeat; background-size: auto; } .serie_image_content { grid-column: span 14 / -1; margin-right: 0; } .serie_opener_image { width: 100%; height: auto; } .serie_opener_text.u-vflex-left-center { grid-column: 2 / span 12; } .mein-arbeitsprozess_image-wrap.height-100.u-vertgut-extra-right.fadeinup { margin-right: var(--size--0rem); grid-column: auto / span 12; } .mein-arbeitsprozess_image-wrap.u-vertgut-extra-left.fadeinup { margin-left: var(--size--0rem); grid-column: auto / span 12; } .mein-arbeitsprozess_image-wrap.u-vertgut-extra-right.fadeinup { margin-right: var(--size--0rem); grid-column: auto / span 12; } .mein-arbeitsprozess_text-wrap { padding-top: var(--size--1rem); order: 2; grid-column: auto / span 12; } .mein-arbeitsprozess_heading.u-text-style-large.u-text-style-uppercase.fadeinup { margin-top: var(--size--0rem); } .mein-arbeitsprozess_item.u-width-full.u-grid-custom.u-hflex-right-center { padding-right: var(--size--0rem); padding-left: var(--size--0rem); } .serie_main_image_content { grid-column: span 14 / -1; margin-right: 0; } .serie_main_image_content.u-column-8.swiper-container.passive-fade-slider.fadeinup.u-vertgut-extra-left { margin-left: var(--size--0rem); } .serie_main_image, .serie_main_landing_image { width: 100%; height: auto; } } @media screen and (max-width: 479px) { .u-text-style-h2 { text-align: center; } .u-text-style-main { width: 100%; } .u-text-style-uppercase.only-mobile { vertical-align: baseline; display: block; } .cta_wrap.u-column-10 { justify-content: center; align-items: flex-start; } .cta_wrap.u-column-10.fadeinup { grid-column: none; } .cta_arrow { object-fit: contain; } .serie_main_layout.u-grid-breakout.u-grid-autofit { flex-direction: column-reverse; } .serie_main_content_text.u-vflex-left-center { justify-content: center; align-items: flex-start; } .image_brand { max-height: 3.2rem; } .begruessung_text_main, .begruessung_text_main.u-text-style-large.u-text-wrap-balance.fadeinup { text-align: left; } .begruessung_text_main.u-text-style-large.fadeinup { text-align: center; } .begruessung_layout.u-vflex-center-center.u-column-10 { grid-column: 1 / span 12; } .begruessung_logo { grid-column: 2 / -2; } .begruessung_logo_wrapper.u-grid-custom { grid-column: span 6; } .begruessung_text_subline.u-column-8 { text-align: left; } .begruessung_text_subline.u-column-8.u-text-style-main { grid-column: 1 / -1; } .hero_slider { height: 98vh; } .hero_slide.swiper-slide { flex-flow: row; justify-content: center; align-items: stretch; width: auto; } .hero_text_wrap.u-grid-custom { bottom: 17svh; } .hero-pagination-wrapper.u-grid-custom { display: none; } .hero_text_wrap_vertical.u-column-3.u-vflex-left-bottom { grid-column-end: span 12; } .hero_text_wrap_vertical.u-vflex-left-bottom { grid-column: span 12; } .cta_contain.u-container.u-grid-custom.u-vflex-center-center { grid-column-gap: var(--site--h-text-cta-gap); grid-row-gap: var(--site--h-text-cta-gap); } .cta_wrap_outer.u-column-10.u-vflex-center-center { grid-column: 1 / span 12; } .designerin_wrapper_center.u-grid-custom { height: 17rem; position: relative; bottom: auto; overflow: hidden; } .designerin_image.u-column-3 { grid-column-end: span 12; } .designerin_wrapper_text_rechts.u-grid-custom { padding-top: var(--site--h-text-cta-gap); position: relative; } .designerin_wrapper_inner_text { grid-column: auto / span 12; } .vita_opener_headline.u-width-full.u-vflex-center-top { justify-content: flex-start; align-items: center; } .footer_links_wrapper.u-vflex-left-top { justify-content: center; align-items: flex-start; } .footer_links_wrapper.u-vflex-left-top.contain-1, .footer_links_wrapper.u-vflex-left-top.contain-2 { grid-column: 1 / span 12; } .serie.u-text-style-h2.fadeinup { text-align: left; } .arbeitsprozess_images_wrap { display: none; } .arbeitsprozess_images_wrap.only-mobile-portrait { margin-top: var(--size--1rem); margin-bottom: var(--size--2-5rem); height: 23vh; position: static; } .arbeitsprozess_images_wrap.only-mobile-portrait.last_image_width { grid-column: 1 / -1; height: 26vh; } .arbeitsprozess_images_wrap.fadeinup { display: block; } .arbeitsprozess_text_wrap.u-grid-custom { padding-bottom: var(--size--0rem); } .arbeitsprozess_text_inner.u-vflex-center-top.u-grid-custom, .arbeitsprozess_text_inner.u-grid-custom { grid-template-columns: var(--grid-12); grid-column: 1 / -1; } .arbeitsprozess_heading_wrap { grid-column: 1 / -1; } .arbeitsprozess_heading_wrap.u-vflex-center-top { margin-bottom: var(--site--h-text-cta-gap); grid-column: 1 / -1; } .arbeitsprozess_subheading_wrap.abschnitt_2 { margin-bottom: var(--size--0-75rem); justify-content: flex-start; align-items: flex-start; } .arbeitsprozess_subheading_wrap.abschnitt_4 { justify-content: flex-start; align-items: flex-start; } .arbeitsprozess_abschnitt_wrapper.abschnitt_1 { grid-column: 1 / -1; } .arbeitsprozess_abschnitt_wrapper.abschnitt_2 { margin-bottom: var(--size--3rem); grid-column: 1 / -1; } .arbeitsprozess_abschnitt_wrapper.abschnitt_3, .arbeitsprozess_abschnitt_wrapper.abschnitt_4 { grid-column: 1 / -1; } .cta_footer_image { grid-column: 1 / span 12; } .cta_footer_text_wrap.u-vflex-left-center { padding-left: var(--size--0rem); grid-column-end: span 12; } .cta_footer_text_wrap.u-vflex-left-center.vita { grid-column-end: span 12; } .unikate_headline.u-text-style-h2.fadeinup { text-align: left; } .footer_left.u-grid-custom { margin-top: var(--size--1rem); grid-column-gap: var(--size--0-5rem); grid-row-gap: var(--size--0-5rem); grid-column: 1 / span 12; grid-template-columns: var(--grid-12); order: 2; } .footer_right.u-vflex-right-top { margin-top: var(--size--1rem); grid-column-gap: var(--size--0-5rem); grid-row-gap: var(--size--0-5rem); order: 3; grid-column: span 12 / -1; justify-content: flex-start; align-items: center; } .footer_center { margin-top: var(--size--0rem); order: 1; } .cta_text_wrap { display: block; } .footer_image_wrapper.u-column-4 { grid-column: 1 / -1; } .footer_image_wrapper.vita.u-column-3 { padding-right: var(--size--0rem); grid-column-end: span 12; } .cta_main.cta_wrap.fadeinup { justify-content: center; align-items: flex-start; width: 40vw; } .cta_main.cta_wrap.u-width-full.fadeinup.open-modal { width: 100%; } .abschnitt_2, .abschnitt_4 { text-align: left; } .only-mobile-portrait { display: flex; } .vita_opener.bg-logo-opacity { background-image: none; background-position: 0 0; background-repeat: repeat; background-size: auto; } .vita_opener_layout.u-vflex-center-center.u-column-10 { grid-column: 1 / span 12; } .vita_opener_text_main, .vita_opener_text_main.u-text-style-large.u-text-wrap-balance.fadeinup { text-align: left; } .vita_opener_text_main.u-text-style-large.fadeinup { text-align: center; } .ausbildung_image { max-height: 22svh; } .ausbildung_werdegang_headline.u-width-full.u-vflex-center-top { justify-content: flex-start; align-items: center; } .vita_item_text.u-text-style-main { padding-left: var(--size--0rem); } .ausbildung_item.vita_item.u-hflex-left-center { grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); flex-flow: column; } .ausstellungen_vortraege_headline.u-width-full.u-vflex-center-top { justify-content: flex-start; align-items: center; } .ausstellungen_image { object-position: 50% 50%; max-height: 22svh; } .ausstellungen_item.vita_item.u-hflex-left-center { grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); flex-flow: column; } .auszeichnungen_headline.u-width-full.u-vflex-center-top { justify-content: flex-start; align-items: center; } .kunden_projekte_image { max-height: 22svh; } .auszeichnungen_item.vita_item.u-hflex-left-center { grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); flex-flow: column; } .kunden_projekte_headline.u-width-full.u-vflex-center-top { justify-content: flex-start; align-items: center; } .kunden_projekte_item.vita_item.u-hflex-left-center { grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); flex-flow: column; } .unikate_opener_headline.u-width-full.u-vflex-center-top { justify-content: flex-start; align-items: center; } .unikate_galerie_layout.u-grid-breakout.u-grid-autofit { flex-direction: column-reverse; } .unikate_galerie_content_text.u-vflex-left-center { justify-content: center; align-items: flex-start; } .unikate_galerie_headline.u-text-style-h2.fadeinup { text-align: left; } .serie_opener_old_images_wrap { display: none; } .serie_opener_old_images_wrap.only-mobile-portrait { margin-top: var(--size--1rem); margin-bottom: var(--size--2-5rem); grid-column: 1 / -1; height: 23vh; display: block; position: static; } .serie_opener_old_images_wrap.only-mobile-portrait.last_image_width { grid-column: 1 / -1; height: 26vh; } .serie_opener_old_image { height: 100%; } .serie_opener_old_text_wrap.u-grid-custom { padding-bottom: var(--size--0rem); } .serie_opener_old_text_inner.u-vflex-center-top.u-grid-custom, .serie_opener_old_text_inner.u-grid-custom { grid-template-columns: var(--grid-12); grid-column: 1 / -1; } .serie_opener_old_heading_wrap { grid-column: 1 / -1; } .serie_opener_old_heading_wrap.u-vflex-center-top { margin-bottom: var(--site--h-text-cta-gap); grid-column: 1 / -1; } .serie_opener_old_abschnitt_wrapper.abschnitt_1 { grid-column: 1 / -1; } .serie_opener_old_abschnitt_wrapper.abschnitt_2 { margin-bottom: var(--size--3rem); grid-column: 1 / -1; } .serie_opener_old_abschnitt_wrapper.abschnitt_3, .serie_opener_old_abschnitt_wrapper.abschnitt_4 { grid-column: 1 / -1; } .copyright_img.u-text-style-main { bottom: 5%; } .copyright_img.u-text-style-main.dark-right { padding-right: var(--size--0-125rem); opacity: .5; text-align: center; } .contact_popup_formular_wrap.u-vflex-left-top { padding-right: var(--size--1-5rem); padding-left: var(--size--1-5rem); } .contact_popup_formular_label.u-text-style-main { margin-top: var(--size--1-5rem); } .contact_popup_formular_label.zeile.u-hflex-between-center { grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); flex-flow: column; width: 100%; } .contact_popup_checkbox { margin-left: 0; margin-right: 5px; } .contact_popup_checkbox_field.u-hflex-left-center { padding-left: var(--size--0rem); grid-column-gap: var(--size--0rem); grid-row-gap: var(--size--0rem); } .contact_popup_checkboxes_wrap.u-hflex-left-center { grid-column-gap: var(--size--1-5rem); grid-row-gap: var(--size--1-5rem); justify-content: flex-start; width: 100%; } .loader-wordmark { width: 80svw; } .arbeitsprozess_images_wrap_old { display: none; } .arbeitsprozess_images_wrap_old.only-mobile-portrait { margin-top: var(--size--1rem); margin-bottom: var(--size--2-5rem); height: 23vh; position: static; } .arbeitsprozess_images_wrap_old.only-mobile-portrait.last_image_width { grid-column: 1 / -1; height: 26vh; } .arbeitsprozess_text_wrap_old.u-grid-custom { padding-bottom: var(--size--0rem); } .arbeitsprozess_text_inner_old.u-vflex-center-top.u-grid-custom, .arbeitsprozess_text_inner_old.u-grid-custom { grid-template-columns: var(--grid-12); grid-column: 1 / -1; } .arbeitsprozess_heading_wrap_old { grid-column: 1 / -1; } .arbeitsprozess_heading_wrap_old.u-vflex-center-top { margin-bottom: var(--site--h-text-cta-gap); grid-column: 1 / -1; } .arbeitsprozess_abschnitt_wrapper_old.abschnitt_1 { grid-column: 1 / -1; } .arbeitsprozess_abschnitt_wrapper_old.abschnitt_2 { margin-bottom: var(--size--3rem); grid-column: 1 / -1; } .arbeitsprozess_abschnitt_wrapper_old.abschnitt_3, .arbeitsprozess_abschnitt_wrapper_old.abschnitt_4 { grid-column: 1 / -1; } .arbeitsprozess_images_wrap-copy { display: none; } .arbeitsprozess_images_wrap-copy.only-mobile-portrait { margin-top: var(--size--1rem); margin-bottom: var(--size--2-5rem); height: 23vh; position: static; } .arbeitsprozess_images_wrap-copy.only-mobile-portrait.last_image_width { grid-column: 1 / -1; height: 26vh; } .arbeitsprozess_subheading_wrap_old.abschnitt_2 { margin-bottom: var(--size--0-75rem); justify-content: flex-start; align-items: flex-start; } .arbeitsprozess_subheading_wrap_old.abschnitt_4 { justify-content: flex-start; align-items: flex-start; } .arbeitsprozess-headline.u-width-full.u-vflex-center-top, .serie_opener_headline.u-width-full.u-vflex-center-top, .mein-arbeitsprozess_headline.u-width-full.u-vflex-center-top { justify-content: flex-start; align-items: center; } } #w-node-_32d31088-4fbf-7f69-5050-52e68d2758d5-fbd9ba4a { order: 0; place-self: center start; } #w-node-_7a05b185-baa7-ccfd-4d8a-bb07f7b11021-fbd9ba4a { align-self: auto; } #w-node-_811cce09-35cf-c26a-609a-57709658ea9d-fbd9ba4a, #w-node-_003627b8-074b-7524-bdef-d7e48b1d1946-070f279c { align-self: center; } #w-node-_32d31088-4fbf-7f69-5050-52e68d2758d5-e6d9f521 { order: 0; place-self: center start; } #w-node-_8b05b452-45bd-0231-c09b-54aa2ed07092-e6d9f521 { align-self: auto; } #w-node-_8b05b452-45bd-0231-c09b-54aa2ed0709b-e6d9f521 { align-self: center; } #w-node-_32d31088-4fbf-7f69-5050-52e68d2758d5-7c19bd5f { order: 0; place-self: center start; } @media screen and (max-width: 991px) { #w-node-_176609b7-468a-46af-715d-27cbb8ad30d0-fbd9ba4a, #w-node-_41ed27b3-d848-731c-c2f4-f8954baeeca6-070f279c, #w-node-_615d0862-ef46-9b6c-99f4-11cea2cd636c-e6d9f521, #w-node-_42e20f5b-344d-ce88-4acf-2ba4a83d80a7-7c19bd5f, #w-node-d8147c12-073f-8996-65e9-173dd52eab87-fa51d572 { justify-self: center; } } @media screen and (max-width: 767px) { #w-node-_32d31088-4fbf-7f69-5050-52e68d2758d5-fbd9ba4a, #w-node-_32d31088-4fbf-7f69-5050-52e68d2758d5-e6d9f521, #w-node-_32d31088-4fbf-7f69-5050-52e68d2758d5-7c19bd5f { order: 9999; } } @media screen and (max-width: 479px) { #w-node-_32d31088-4fbf-7f69-5050-52e68d2758d5-fbd9ba4a, #w-node-_32d31088-4fbf-7f69-5050-52e68d2758d5-e6d9f521, #w-node-_32d31088-4fbf-7f69-5050-52e68d2758d5-7c19bd5f { order: 9999; } } @font-face { font-family: 'Fragment'; src: url('../fonts/ppfragment-seriflight.woff2') format('woff2'), url('../fonts/ppfragment-seriflight.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Fragment'; src: url('../fonts/ppfragment-serifextralight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Fragment'; src: url('../fonts/ppfragment-serifthin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; }