/* poppins-100 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: url('../Fonts/poppins-v24-latin-100.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-100italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  src: url('../Fonts/poppins-v24-latin-100italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-200 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('../Fonts/poppins-v24-latin-200.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-200italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  src: url('../Fonts/poppins-v24-latin-200italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/poppins-v24-latin-300.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-300italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url('../Fonts/poppins-v24-latin-300italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/poppins-v24-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('../Fonts/poppins-v24-latin-italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../Fonts/poppins-v24-latin-500.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-500italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url('../Fonts/poppins-v24-latin-500italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../Fonts/poppins-v24-latin-600.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-600italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('../Fonts/poppins-v24-latin-600italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/poppins-v24-latin-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-700italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('../Fonts/poppins-v24-latin-700italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('../Fonts/poppins-v24-latin-800.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-800italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url('../Fonts/poppins-v24-latin-800italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('../Fonts/poppins-v24-latin-900.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-900italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  src: url('../Fonts/poppins-v24-latin-900italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:host,
:root,
[data-bs-theme=light] {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em / 1 "Font Awesome 6 Free";
  --fa-font-regular: normal 400 1em / 1 "Font Awesome 6 Free";
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em / 1 "Font Awesome 6 Brands";


  --bs-carousel-indicator-active-bg: #fff;
  --bs-carousel-caption-color: #fff;
  --bs-carousel-control-icon-filter: ;
  --bs-btn-close-filter: ;
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;

  --brand-orange: #ED7626;
  --brand-orange-rgb: 237, 118, 38;


  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;

  --bs-gray: #6c757d;
  --bs-gray-dark: #373C43;
  --bs-gray-50: #F4F4F6;
  --bs-gray-100: #E9EAED;
  --bs-gray-200: #D2D5DA;
  --bs-gray-300: #BCC0C8;
  --bs-gray-400: #9AA1AC;
  --bs-gray-500: #828B99;
  --bs-gray-600: #656E7B;
  --bs-gray-700: #525E6C;
  --bs-gray-800: #373C43;
  --bs-gray-900: #1C1E22;

  --bs-gray-rgb: 108, 117, 125;
  --bs-gray-dark-rgb: 55, 60, 67;
  --bs-gray-50-rgb: 244, 244, 246;
  --bs-gray-100-rgb: 233, 234, 237;
  --bs-gray-200-rgb: 210, 213, 218;
  --bs-gray-300-rgb: 188, 192, 200;
  --bs-gray-400-rgb: 154, 161, 172;
  --bs-gray-500-rgb: 130, 139, 153;
  --bs-gray-600-rgb: 101, 110, 123;
  --bs-gray-700-rgb: 82, 94, 108;
  --bs-gray-800-rgb: 55, 60, 67;
  --bs-gray-900-rgb: 28, 30, 34;

  --bs-primary: var(--brand-orange);
  --bs-primary-50: #FADBC7;
  --bs-primary-100: #FADBC7;
  --bs-primary-200: #F7C3A1;
  --bs-primary-300: #F4AB7B;
  --bs-primary-400: #F19455;
  --bs-primary-500: var(--brand-orange);
  --bs-primary-600: #D05D11;
  --bs-primary-700: #BD550F;
  --bs-primary-800: #97440C;
  --bs-primary-900: #713309;

  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;

  --bs-primary-rgb: var(--brand-orange-rgb);
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;

  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;

  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;

  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;

  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;

  --bs-font-sans-serif: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));

  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;

  --bs-body-color: var(--bs-gray-700);
  --bs-body-color-rgb: var(--bs-gray-700-rgb);

  --bs-body-bg: #F4F4F6;
  --bs-body-bg-rgb: 244, 244, 246;

  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;

  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;

  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;

  --bs-heading-color: inherit;

  --bs-link-color: var(--brand-orange);
  --bs-link-color-rgb: var(--brand-orange-rgb);
  --bs-link-decoration: underline;
  --bs-link-hover-color: var(--brand-orange);
  --bs-link-hover-color-rgb: var(--brand-orange-rgb);

  --bs-code-color: #d63384;

  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;

  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;

  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;

  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);

  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);

  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

/* Typography scaling — clamp(min: absolute rem, middle: vw, max: absolute rem) */
.h1,
h1 {
  font-size: clamp(2.125rem, 2.95vw, 3.775rem);
}


.frame-layout-3.frame-type-header .h1,
.frame-layout-3.frame-type-header h1,
.frame-layout-3 .h1,
.frame-layout-3 h1,
.h1-large h1,
.h2-large h2 {
  font-size: 12.5rem;
  line-height: 13.5rem;
}

.text-right h2 {
  text-align: right;
}

.bold h1 {
  font-weight: 700;
}

.h2,
h2 {
  font-size: clamp(1.500rem, 1.81vw, 2.125rem);
  font-weight: 700;
  word-break: keep-all;
  line-break: normal;
  hyphens: none;
}

.h3,
h3 {
  font-size: clamp(1.250rem, 1.38vw, 1.500rem);
}

.h4,
h4 {
  font-size: clamp(1.000rem, 1.13vw, 1.250rem);
  color: var(--brand-orange);
}

.h5,
h5 {
  font-size: clamp(0.875rem, 0.94vw, 1.000rem);
}

.h6,
h6 {
  font-size: clamp(0.750rem, 0.81vw, 0.875rem);
}

.frame-type-text ul li,
p,
.body-larg-regular {
  line-height: 26px;
  font-weight: 400;
  font-size: 1.125rem;
}

.body-small-regular {
  font-size: 0.875rem;
  font-weight: 400;
}

.caption-large-regular {
  font-size: 0.75rem;
  font-weight: 400;
}

.caption-small-regular {
  font-size: 0.6875rem;
  font-weight: 400;
}

.footer-regular {
  font-size: 0.625rem;
  font-weight: 400;
}

.body-large-semibold {
  font-size: 1rem;
  font-weight: 600;
}

.body-small-semibold {
  font-size: 0.875rem;
  font-weight: 600;
}

.caption-large-semibold {
  font-size: 0.75rem;
  font-weight: 600;
}

.caption-small-semibold {
  font-size: 0.6875rem;
  font-weight: 600;
}

.footer-semibold {
  font-size: 0.625rem;
  font-weight: 600;
}

.caption-large-semibold-uppercase {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.caption-small-semibold-uppercase {
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.footer-semibold-uppercase {
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

html,
body {
  width: 100vw;
  overflow-x: hidden;
}

body {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  overflow-x: hidden;
  width: 100vw;
}

.sitelogo,
.sitelogo-alt {
  width: 220px;
}

body>footer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

body>footer>div:first-of-type {
  position: absolute;
  flex-grow: 1;
}

body>footer>div.footer-navigation {
  margin-top: 150px;
  z-index: 10;
  position: relative;
}

body>footer>div.footer-navigation::before {
  content: "";
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--bs-gray-50);

}

/* section white bg layout-1 */

section:has(.frame-layout-1) {
  background: rgba(255, 255, 255, 1);
  border-radius: var(--bs-border-radius-lg);
}


.back-to-top {
  z-index: 1000;
  text-align: right;
  display: flex;
  font-weight: 700;
  text-decoration: none;
  transition: all .3s ease .2s;
}

.back-to-top i {
  transform: rotate(180deg);
  color: var(--brand-orange);
  transition: transform .3s ease;
  margin-left: 20px;
}

.btn-primary {
  --bs-btn-color: var(--bs-primary-50);
  --bs-btn-hover-color: var(--bs-primary-100);
}

.btn-primary:focus {
  background-color: var(--bs-primary-600);
  border-color: var(--bs-primary-600);
  color: var(--bs-primary-50);
}

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

.frame-type-text a {
  font-weight: 600;

}

.fill-footer {
  min-height: 776px;
  color: var(--bs-gray-50);
  position: relative;
  z-index: 500;
  overflow: visible;
}

.fill-footer::before,
.fill-footer::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 100vw;
  background: inherit;
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: -1;
  background: linear-gradient(0deg, var(--bs-gray-50) 0%, rgba(241, 181, 142, .55) 64%, var(--bs-gray-50) 100%);
}

.fill-footer::before {
  left: 50%;
  transform: translateX(-100%);
}

.fill-footer::after {
  left: 50%;
  transform: translateX(0);
}

.social-head i {
  font-size: 1.5rem;
}


/** employee spotlight start **/
.employee-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  width: 360px;
  height: 420px;
  box-sizing: border-box;
  position: absolute;
  float: right;
  z-index: 50;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.employee-polaroid {
  padding-top: 15px;
  width: 330px;
  height: 380px;
  box-shadow: var(--bs-box-shadow-sm);
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-white);
  transition: all 0.3s ease-in-out;
  box-shadow: var(--bs-box-shadow-sm);
  margin: 15px;
}

.employee-polaroid:hover {
  box-shadow: var(--bs-box-shadow);
}

.employee-polaroid-wrap {
  padding: 15px;
  box-shadow: var(--bs-box-shadow-sm);
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-white);
  transition: all 0.3s ease-in-out;
  box-shadow: var(--bs-box-shadow-sm);

  width: 450px;
}

.employee-image {
  overflow: hidden;
  width: 300px;
  height: 300px;
  border-radius: var(--bs-border-radius);
}

.employee-polaroid-wrap .employee-image {
  width: 420px;
  height: 420px;
  margin-bottom: 10px;
}

/*komma styles */
.komma:last-of-type {
  display: none;
}

/* employee-gallery */
.frame-type-employeegallery {
  position: relative;
  width: 100%;
  box-sizing: content-box;
  left: 0;
  z-index: 60;
  overflow: visible;
}


/* bounce the inner content upwards so elements 'hit' the top like a bar */
/* Removed inner-child bounce to prevent images jumping; items only change position/scale */

/* CodePen-style stacked employee gallery styles */

/* Employee gallery layout helpers */
.employee-gallery {
  overflow: hidden;
  position: relative;
  cursor: grab;
  z-index: 100;
}

.employee-gallery:active {
  cursor: grabbing;
}

/* Scroll indicator: line + dot at the bottom */
.employee-gallery-indicator {
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  width: min(60%, 480px);
  height: 20px;
  display: flex;
  align-items: center;
  z-index: 201;
  pointer-events: none;
  z-index: 101;
}

.employee-gallery-indicator-track {
  position: relative;
  width: 100%;
  height: 2px;
  border-radius: 1px;
  pointer-events: auto;
  cursor: pointer;
  /* larger click area */
  padding: 10px 0;
  margin: -10px 0;
  background-clip: content-box;
}

.employee-gallery-indicator-track::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--bs-gray-300);
  transform: translateY(-50%);
}

.employee-gallery-indicator-dot {
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 12px;
  background: var(--brand-orange);
  border-radius: 50%;
  transform: translateY(-50%);
  transition: left 0.15s ease-out;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  pointer-events: auto;
  cursor: grab;
}

.employee-gallery-indicator-dot:active,
.employee-gallery-indicator-dot.dragging {
  cursor: grabbing;
  transform: translateY(-50%) scale(1.4);
  transition: left 0s, transform 0.15s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.employee-gallery-inner {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  min-height: 832px;
}

.employee-gallery-item {
  flex: 0 0 auto;
  background: var(--bs-white);
  padding: 17.5px;
  box-sizing: border-box;
  border-radius: var(--bs-border-radius);
  width: 273px;
  min-height: 373px;
  max-height: 832px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  transition: transform .9s ease, min-height .9s ease;
}

.employee-gallery-item.scale {
  max-height: none;
  width: 568px;
  min-height: 750px !important;
}

.employee-gallery-item.scale .employee-gallery-caption {
  justify-content: flex-start;
}

.employee-gallery img {
  display: block;
  width: 239px;
  height: 172px;
  user-select: none;
  -webkit-user-drag: none;
  border-radius: var(--bs-border-radius);
  transition: none;
  /* Disable default image transition */
  aspect-ratio: 3 / 2;
  /* default 1200/800 */
  object-fit: cover;
  object-position: center;
  background-size: cover;
  background-position: center;
  transition: all 1.2s ease-out;
}

.employee-gallery-image {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  object-fit: cover;
  object-position: center;
  background-size: cover;
  background-position: center;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
}

.scale .employee-gallery-image,
.scale .employee-gallery-image img {
  width: 534px;
  height: 534px;
  aspect-ratio: 1 / 1;
  /* scaled to 800/800 */
}

/* Smooth stepwise transition 1200/800 (3/2) → 800/800 (1/1) with intermediate breakpoints */
@media (max-width: 1200px) {

  .scale .employee-gallery-image,
  .scale .employee-gallery-image img {
    aspect-ratio: 5 / 4;
  }
}

@media (max-width: 1000px) {

  .scale .employee-gallery-image,
  .scale .employee-gallery-image img {
    aspect-ratio: 9 / 8;
  }
}

@media (max-width: 800px) {

  .scale .employee-gallery-image,
  .scale .employee-gallery-image img {
    aspect-ratio: 1 / 1;
  }
}

.employee-gallery-item .employee-gallery-caption {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-end;
  height: 100%;
  flex-wrap: wrap;
  gap: 0;
  align-content: space-between;
  transition: gap 0.9s ease;
}

.scale .employee-gallery-caption {
  gap: 50px;
  margin-top: 1rem;
}

.employee-gallery-caption .employee-gallery-title {
  margin: 0;
  font-weight: 600;
}

.employee-gallery-caption .employee-gallery-title.h3 {
  font-size: clamp(0.55rem, 1.88vw, 1.5rem);
  transition: font-size 0.9s ease;
}

.scale .employee-gallery-caption .employee-gallery-title.h3 {
  font-size: clamp(1rem, 2vw, 2.125rem);
  transition: font-size 0.39s ease;
}

.employee-gallery-caption .employee-gallery-description {
  opacity: 0;
  overflow: hidden;
  height: 0;
  margin: 0;
  transition: opacity 1.9s ease, height 1.9s ease;
}

.scale .employee-gallery-caption .employee-gallery-description {
  opacity: 1;
  transition: opacity 1.9s ease, height 1.9s ease;
  overflow: visible;
  height: auto;
  padding-top: 16px;
}

.employee-gallery-caption .employee-gallery-link {
  display: block;
  width: 100%;
  text-decoration: none;
  align-self: flex-end;
}

.employee-gallery-caption .employee-gallery-link a {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  transition: all 0.3s ease;
}

.scale .employee-gallery-caption .employee-gallery-link a {
  justify-content: flex-start;
  gap: 24px;
}

.employee-gallery-caption .employee-gallery-link a span {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.scale .employee-gallery-link a span {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.employee-gallery-caption .employee-gallery-link a i {
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

.scale .employee-gallery-caption .employee-gallery-link a i {
  transform: rotate(0deg);
}

.employee-gallery-caption .employee-gallery-description,
.employee-gallery-caption .employee-gallery-link a span,
.employee-gallery-caption .employee-gallery-title.h3 {
  transition-duration: 0.28s;
}

/* --- Employee gallery: endless-scroll mode --- */
.employee-gallery[data-mode="endless-scroll"] {
  cursor: grab;
}

.employee-gallery[data-mode="endless-scroll"]:active {
  cursor: grabbing;
}

.employee-gallery[data-mode="endless-scroll"] .employee-gallery-inner {
  will-change: transform;
}

/* --- Employee gallery: grid modes --- */
.employee-gallery-inner.grid-2,
.employee-gallery-inner.grid-3,
.employee-gallery-inner.grid-4,
.employee-gallery-inner.grid-6 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  row-gap: 40px;
  min-height: auto;
}

.employee-gallery-inner.grid-2 .employee-gallery-item,
.employee-gallery-inner.grid-3 .employee-gallery-item,
.employee-gallery-inner.grid-4 .employee-gallery-item,
.employee-gallery-inner.grid-6 .employee-gallery-item {
  flex: 0 0 auto;
  max-height: none;
  min-height: auto;
  transition: none;
}

.employee-gallery-inner.grid-2 .employee-gallery-item {
  width: calc((100% - 24px) / 2);
}

.employee-gallery-inner.grid-3 .employee-gallery-item {
  width: calc((100% - 48px) / 3);
}

.employee-gallery-inner.grid-4 .employee-gallery-item {
  width: calc((100% - 72px) / 4);
}

.employee-gallery-inner.grid-6 .employee-gallery-item {
  width: calc((100% - 120px) / 6);
}

/* grid: always show caption content */
.employee-gallery-inner.grid-2 .employee-gallery-caption .employee-gallery-description,
.employee-gallery-inner.grid-3 .employee-gallery-caption .employee-gallery-description,
.employee-gallery-inner.grid-4 .employee-gallery-caption .employee-gallery-description,
.employee-gallery-inner.grid-6 .employee-gallery-caption .employee-gallery-description {
  opacity: 1;
  height: auto;
  overflow: visible;
}

.employee-gallery-inner.grid-2 .employee-gallery-caption .employee-gallery-link a span,
.employee-gallery-inner.grid-3 .employee-gallery-caption .employee-gallery-link a span,
.employee-gallery-inner.grid-4 .employee-gallery-caption .employee-gallery-link a span,
.employee-gallery-inner.grid-6 .employee-gallery-caption .employee-gallery-link a span {
  opacity: 1;
}

.employee-gallery-inner.grid-2 .employee-gallery-caption .employee-gallery-link a i,
.employee-gallery-inner.grid-3 .employee-gallery-caption .employee-gallery-link a i,
.employee-gallery-inner.grid-4 .employee-gallery-caption .employee-gallery-link a i,
.employee-gallery-inner.grid-6 .employee-gallery-caption .employee-gallery-link a i {
  transform: rotate(0deg);
}

.employee-gallery-inner.grid-2 .employee-gallery-caption .employee-gallery-title.h3,
.employee-gallery-inner.grid-3 .employee-gallery-caption .employee-gallery-title.h3,
.employee-gallery-inner.grid-4 .employee-gallery-caption .employee-gallery-title.h3,
.employee-gallery-inner.grid-6 .employee-gallery-caption .employee-gallery-title.h3 {
  font-size: clamp(0.75rem, 1.13vw, 1.5rem);
}

.employee-gallery-inner.grid-2 .employee-gallery-caption,
.employee-gallery-inner.grid-3 .employee-gallery-caption,
.employee-gallery-inner.grid-4 .employee-gallery-caption,
.employee-gallery-inner.grid-6 .employee-gallery-caption {
  gap: 8px;
}

/* grid: images fill card width */
.employee-gallery-inner.grid-2 .employee-gallery-image,
.employee-gallery-inner.grid-3 .employee-gallery-image,
.employee-gallery-inner.grid-4 .employee-gallery-image,
.employee-gallery-inner.grid-6 .employee-gallery-image {
  width: 100%;
}

.employee-gallery-inner.grid-2 .employee-gallery-image img,
.employee-gallery-inner.grid-3 .employee-gallery-image img,
.employee-gallery-inner.grid-4 .employee-gallery-image img,
.employee-gallery-inner.grid-6 .employee-gallery-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
}

/* grid: no drag cursor */
.employee-gallery[data-mode^="grid"] {
  cursor: default;
  overflow: visible;
}

.employee-gallery[data-mode^="grid"]:active {
  cursor: default;
}

/* grid: hide scroll indicator */
.employee-gallery[data-mode^="grid"]~.employee-gallery-scroll-decorator-bottom {
  display: none;
}

/* grid: responsive — collapse columns on smaller screens */
@media (max-width: 991.98px) {

  .employee-gallery-inner.grid-4 .employee-gallery-item,
  .employee-gallery-inner.grid-6 .employee-gallery-item {
    width: calc((100% - 48px) / 3);
  }
}

@media (max-width: 767.98px) {
  .frame-type-employeegallery {
    margin-top: 10rem;
  }

  .unter-con .frame-type-employeegallery {
    margin-top: 2rem;
  }

  .employee-gallery-inner.grid-3 .employee-gallery-item,
  .employee-gallery-inner.grid-4 .employee-gallery-item,
  .employee-gallery-inner.grid-6 .employee-gallery-item {
    width: calc((100% - 24px) / 2);
  }
}

@media (max-width: 575.98px) {

  .employee-gallery-inner.grid-2 .employee-gallery-item,
  .employee-gallery-inner.grid-3 .employee-gallery-item,
  .employee-gallery-inner.grid-4 .employee-gallery-item,
  .employee-gallery-inner.grid-6 .employee-gallery-item {
    width: 100%;
  }
}

/* --- Employee gallery: mobile carousel (prev/next, 1 item) --- */
.employee-gallery--mobile {
  cursor: default;
  overflow: visible;
  margin-bottom: 16px;
}

.employee-gallery--mobile .employee-gallery-inner {
  display: block;
  transform: none !important;
  will-change: auto;
  min-height: auto;
  gap: 0;
}

.employee-gallery--mobile .employee-gallery-item {
  display: none;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  min-height: 512px;
  max-height: none;
  transform: none !important;
  height: auto !important;
}

.employee-gallery--mobile .employee-gallery-item.employee-gallery-mobile-active {
  display: flex;
  animation: egFadeIn 0.3s ease;
}

@keyframes egFadeIn {
  from {
    opacity: 0;
    transform: translateX(12px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.employee-gallery--mobile .employee-gallery-item .employee-gallery-image,
.employee-gallery--mobile .employee-gallery-item .employee-gallery-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
}

/* always show caption content in mobile */
.employee-gallery--mobile .employee-gallery-caption .employee-gallery-description {
  opacity: 1;
  height: auto;
  min-height: 48px;
  overflow: visible;
  padding-top: 15px;
}

.employee-gallery--mobile .employee-gallery-caption .employee-gallery-link a span {
  opacity: 1;
}

.employee-gallery--mobile .employee-gallery-caption .employee-gallery-link a i {
  transform: rotate(0deg);
}

.employee-gallery--mobile .employee-gallery-caption .employee-gallery-title.h3 {
  padding-top: 15px;
  font-size: clamp(1.5rem, 1.25vw, 1.5rem);
}

.employee-gallery--mobile .employee-gallery-caption {
  gap: 16px;
}

/* mobile nav: prev / counter / next */
.employee-gallery-mobile-nav {
  display: none;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 16px 0;
}

.employee-gallery--mobile~.employee-gallery-mobile-nav {
  display: flex;
}

.employee-gallery-mobile-prev,
.employee-gallery-mobile-next {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid var(--brand-orange, #ED7626);
  background: transparent;
  color: var(--brand-orange, #ED7626);
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

.employee-gallery-mobile-prev:hover,
.employee-gallery-mobile-next:hover {
  background: var(--brand-orange, #ED7626);
  color: #fff;
}

.employee-gallery-mobile-prev:disabled,
.employee-gallery-mobile-next:disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

.employee-gallery-mobile-counter {
  font-size: 14px;
  font-weight: 600;
  color: var(--bs-gray-600, #6c757d);
  min-width: 60px;
  text-align: center;
  user-select: none;
}

/* hide mobile nav on desktop — but allow it when JS forces mobile mode (e.g. few items) */
@media (min-width: 992px) {
  .employee-gallery-mobile-nav {
    display: none;
  }

  .employee-gallery--mobile~.employee-gallery-mobile-nav {
    display: flex;
  }
}

/* section white bg layout-1 */
.frame-layout-1 {
  position: relative;
  display: block;
  z-index: 10;
  background: transparent;
}

#c4 h2 {
  line-height: 20px;
  font-weight: 600;
  padding-top: clamp(5px, 2.50vw, 75px);
  padding-bottom: clamp(5px, 2.34vw, 70px);
}

#c4 p {
  font-size: clamp(50px, 6.25vw, 150px);

  font-weight: 700;
}

#c4 p strong {
  font-weight: 700;
  line-height: 70px;
  margin-bottom: 90px
}

#c4 p.header-1 {
  position: relative;
  display: flex;
}

#c4 p.header-1 span.employee-container {
  position: relative;
  transform: rotate(15deg);
  z-index: 10;
  top: -150px;
  padding-right: 25px;
}

#c4 p:not(.header-1) {
  margin-top: -265px;
}

#c4 p:not(.header-1)>strong:first-of-type {
  display: block;
  text-indent: clamp(20px, 10.31vw, 310px);
  margin-bottom: 15px;
}

#c4 p:not(.header-1)>strong:not(:first-of-type) {
  display: inline-block;
  margin-top: -80px
}

#c5 h3 {
  font-weight: 600;
  margin-bottom: 32px;
}

#c5 p {
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 24px;
  font-size: 1.125rem;
}

.frame-type-text.frame-layout-0 p {
  font-size: 1.125rem;
  font-weight: 400;
  margin-bottom: 24px;
}

.frame-layout-5 {
  position: relative;
  display: block;
  z-index: 10;
  background: transparent;
}

.frame-layout-5 h2 {
  font-size: clamp(12px, 0.88vw, 16px);
  line-height: 20px;
  font-weight: 600;
  padding-top: clamp(5px, 2.50vw, 75px);
  text-align: center;
}

.frame-layout-5 p {
  font-size: clamp(75px, 7.03vw, 150px);

  font-weight: 700;
  text-align: center;
  position: relative;
  z-index: 15;
  text-indent: 5%;
}

.frame-layout-5 p .employee-container {
  transform: scale(1) rotate(-15deg);
  z-index: -1;
  top: -50px;
  text-indent: 0%;
}

.frame-layout-5 p i {
  font-size: clamp(32px, 4.75vw, 120px);
  color: var(--brand-orange);
  transform: rotate(-15deg);
  margin-left: 15px;
  width: 50px;
  height: 50px;
  line-height: 1;
  margin: 0;
  margin-left: 25%;
  display: block;
}


.frame-type-flexboxrotate>h1.heading {
  line-height: clamp(36px, 5.33vh, 60px);
  font-weight: 700;
  margin-bottom: 80px;
}

.frame-type-flexboxrotate>h2.heading {
  font-weight: 700;
  line-height: clamp(28px, 3.78vh, 40px);
  margin-bottom: 60px;
}

.frame-type-flexboxrotate>h3.heading {
  font-weight: 700;
  line-height: clamp(24px, 5.22vh, 70px);
  margin-bottom: 40px;
}

.frame-type-flexboxrotate>h4.heading {
  font-weight: 600;
  line-height: clamp(22px, 2.78vh, 28px);
  margin-bottom: 30px;
}

.frame-type-flexboxrotate>h5.heading {
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 24px;
}

.frame-type-flexboxrotate>h6.heading {
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 20px;
}

/* flexbox */
section:has(.flexbox) {
  position: relative;
}

.flexbox {
  position: relative;
  display: block;
  width: 100vw;
  min-height: 450px;
  padding: 60px 0;
  margin: 0 auto;
  left: 0;
  margin-left: calc((100% - 100vw) / 2);
  box-sizing: border-box;
}

.flexbox:not(:has(.flexbox-inner.tween)):not(:has(.flexbox-inner.endless-scroll)) {
  max-width: fit-content;
  margin: 0 auto;
}

/* flexbox scroll indicator */
.flexbox-scroll-indicator {
  position: relative;
  margin: 24px auto 0;
  width: min(60%, 480px);
  height: 20px;
  display: flex;
  align-items: center;
  z-index: 101;
  pointer-events: none;
}

.flexbox-scroll-indicator-track {
  position: relative;
  width: 100%;
  height: 2px;
  border-radius: 1px;
  pointer-events: auto;
  cursor: pointer;
  padding: 10px 0;
  margin: -10px 0;
  background-clip: content-box;
}

.flexbox-scroll-indicator-track::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--bs-gray-300);
  transform: translateY(-50%);
}

.flexbox-scroll-indicator-dot {
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 12px;
  background: var(--brand-orange);
  border-radius: 50%;
  transform: translateY(-50%);
  transition: left 0.15s ease-out;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  pointer-events: auto;
  cursor: grab;
}

.flexbox-scroll-indicator-dot:active,
.flexbox-scroll-indicator-dot.dragging {
  cursor: grabbing;
  transform: translateY(-50%) scale(1.4);
  transition: left 0s, transform 0.15s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.flexbox .flexbox-inner.tween {
  display: flex;
  justify-content: space-evenly;
  align-items: stretch;
  box-sizing: border-box;
  align-content: center;
  flex-wrap: nowrap;
  width: 120%;
  cursor: ew-resize;
}

.flexbox .flexbox-inner .flexbox-item {
  box-sizing: border-box;
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
}

.flexbox .flexbox-inner.tween {
  cursor: ew-resize;
}

.flexbox .flexbox-inner.grid-2,
.flexbox .flexbox-inner.grid-3,
.flexbox .flexbox-inner.grid-4,
.flexbox .flexbox-inner.grid-6 {
  display: flex;
  justify-content: space-evenly;
  align-items: stretch;
  box-sizing: border-box;
  align-content: center;
  flex-wrap: wrap;
  width: 100%;
  cursor: default;
  gap: 30px;
  row-gap: 60px;
}

.flexbox .flexbox-inner.grid-2 .flexbox-item,
.flexbox .flexbox-inner.grid-3 .flexbox-item,
.flexbox .flexbox-inner.grid-4 .flexbox-item,
.flexbox .flexbox-inner.grid-6 .flexbox-item {

  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 15px;
}

.flexbox .flexbox-inner.grid-2 .flexbox-item {
  flex: 0 0 calc((100% / 2) - 30px);
}

.flexbox .flexbox-inner.grid-3 .flexbox-item {
  flex: 0 0 calc((100% / 3) - 30px);
}

.flexbox .flexbox-inner.grid-4 .flexbox-item {
  flex: 0 0 calc((100% / 4) - 30px);
}

.flexbox .flexbox-inner.grid-6 .flexbox-item {
  flex: 0 0 calc((100% / 6) - 30px);
}


.flexbox-item-inner {
  box-sizing: border-box;
  padding: 15px;
  background-color: var(--bs-white);
  box-shadow: var(--bs-box-shadow-sm);
  border-radius: var(--bs-border-radius);
  transition: all .3s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

.tween .flexbox-item-inner {
  max-width: 421px;
  min-height: 323px;
}

/* endless-scroll: drag-based infinite scroll like Employee Gallery */
.flexbox .flexbox-inner.endless-scroll {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  will-change: transform;
  cursor: grab;
  gap: calc(12px + (10 * 0.375rem));
}

.flexbox .flexbox-inner.endless-scroll:active {
  cursor: grabbing;
}

.endless-scroll .flexbox-item-inner {
  max-width: 421px;
  min-height: 323px;
}

/* endless-scroll indicator reuses flexbox-scroll-indicator */

/* endless-scroll mobile carousel */
.flexbox--mobile .flexbox-inner {
  display: block;
  transform: none !important;
  will-change: auto;
}

.flexbox--mobile .flexbox-item {
  display: none;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  transform: none !important;
}

.flexbox--mobile .flexbox-item.flexbox-mobile-active {
  display: flex;
  justify-content: center;
  animation: fbFadeIn 0.3s ease;
  max-width: 100%;
}

.flexbox--mobile .flexbox-item .flexbox-item-inner {
  width: 100%;
  max-width: 100%;
}

@keyframes fbFadeIn {
  from {
    opacity: 0;
    transform: translateX(12px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.flexbox-mobile-nav {
  display: none;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 16px 0;
}

.flexbox--mobile~.flexbox-mobile-nav {
  display: flex;
}

.flexbox-mobile-prev,
.flexbox-mobile-next {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid var(--brand-orange, #ED7626);
  background: transparent;
  color: var(--brand-orange, #ED7626);
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

.flexbox-mobile-prev:hover,
.flexbox-mobile-next:hover {
  background: var(--brand-orange, #ED7626);
  color: #fff;
}

.flexbox-mobile-prev:disabled,
.flexbox-mobile-next:disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

.flexbox-mobile-counter {
  font-size: 14px;
  font-weight: 600;
  color: var(--bs-gray-600, #6c757d);
  min-width: 60px;
  text-align: center;
  user-select: none;
}

@media (min-width: 992px) {
  .flexbox-mobile-nav {
    display: none;
  }

  .flexbox--mobile~.flexbox-mobile-nav {
    display: flex;
  }
}

.grid-2 .flexbox-item-inner,
.grid-3 .flexbox-item-inner,
.grid-4 .flexbox-item-inner,
.grid-6 .flexbox-item-inner {

  width: clamp(420px, 33vw, calc(100% - clamp(273px, 25vw, 421px)));
  min-height: clamp(323px, 33vh, calc(100% - clamp(210px, 20vh, 323px)));
}

.flexbox-item-inner:hover {
  box-shadow: var(--bs-box-shadow);
  transform: scale(1.05);
  z-index: 100;
}

.flexbox-item-inner div.icon {
  font-size: clamp(32px, 10vw, 48px);
  color: var(--brand-orange);
}

.flexbox-item-inner .link,
.flexbox-item-inner .subtitle {
  min-height: 24px;
}

.flexbox-item-inner .title {
  font-weight: 600;
  word-break: break-word;
  display: block;
  hyphens: none;
}

.flexbox-item-inner .text {
  line-height: 26px;
  font-weight: 400;
}

.flexbox-item-inner li {
  text-align: left;
}

.flexbox-item-inner li::marker {
  color: var(--brand-orange);
}


.frame-layout-2 {
  position: relative;
  display: block;
  z-index: 10;
  background: transparent;
  padding: 0;
}

.frame-layout-2 h2 {
  line-height: clamp(36px, 5.33vh, 60px);
  font-weight: 700;
  height: 160px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-bottom: 80px;
  align-content: flex-end;
  flex-wrap: wrap;
  width: 70%;
}

/* frame-type-news_newsliststicky */
.frame-type-news_newsliststicky h3 {
  font-weight: 700;
  line-height: clamp(36px, 5.33vh, 60px);
  height: 160px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-bottom: 80px;
  align-content: flex-end;
  flex-wrap: wrap;
}

.frame-type-news_newsliststicky .news {

  border: none
}

.frame-type-news_newsliststicky .news .news-list-item a {
  text-decoration: none;
  word-break: keep-all;
  hyphens: none;
}

.frame-type-news_newsliststicky .news .news-list-item a:hover h4 {
  text-decoration: underline;
}

.frame-type-news_newsliststicky>h4 {
  line-height: 45px;
  font-weight: 600;
  margin-bottom: 24px;
  margin-top: 48px;
}

.frame-type-news_newsliststicky .news .news-list-item h4 {
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 8px;
  word-break: keep-all;
  hyphens: none;
  color: var(--bs-body-color);
  width: 70%;
}

.news-link i {
  transform: rotate(90deg);
  margin-right: 20px;
}

.news-link .mwd {
  color: var(--bs-body-color);
}

/* news details */
.news .article .lead {
  line-height: 34px;
  font-weight: 200;
  margin-bottom: clamp(24px, 4vh, 48px);
}

.news .article h3 {
  line-height: clamp(40px, 5.33vh, 56px);
  font-weight: 700;
  margin-bottom: clamp(18px, 2.33vh, 24px);
}

.news .article ul {
  margin-top: 0;
  margin-bottom: clamp(24px, 4vh, 48px);
  ;
}

.news .article ul li {
  line-height: clamp(24px, 2.89vh, 28px);
  font-weight: 400;
  margin-bottom: 12px;
  font-size: 1.125rem;
}

.news .article ul li::marker {
  color: var(--brand-orange);
}

.news .article p {
  line-height: clamp(24px, 2.89vh, 28px);
  font-weight: 400;
  font-size: 1.125rem;
}

/* standard content text */
.frame-type-text.frame-layout-0 h3 {
  line-height: 45px;
  font-weight: 700;
  margin-bottom: 24px;
}

.frame-type-text.frame-layout-0 p {
  font-size: 1.125rem;
  font-weight: 400;
  margin-bottom: 24px;
}

.frame-type-text.frame-layout-0 ul {
  margin-bottom: 24px;
}

.frame-type-text.frame-layout-0 ul li {
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 12px;
}

.frame-type-text.frame-layout-0 ul li::marker {
  color: var(--brand-orange);
}

/* frame-type-header */

.frame-type-header h1 {
  font-size: clamp(50px, 10vw, 95px);
  font-weight: 700;
  hyphens: none;
  word-break: keep-all;
}

.frame-type-header h2 {
  font-weight: 700;
  line-height: 45px;
}



/* fancycard */
.fancycard .card-body .card-title {
  margin-bottom: 70px;
}
.fancycard .card-body .card-title p{
  font-size: inherit;
  font-weight: inherit;
}


.fancycard .card-body .card-text,
.fancycard .card-body .icon {
  font-size: 9.375rem;
  font-weight: 700;
  line-height: 10.375rem;
  text-align: center;
  position: relative;
  z-index: 0;
}

.frame-layout-3 .fancycard .card-body .card-text,
.frame-layout-3 .fancycard .card-body .icon {
  font-size: 12.5rem;
  line-height: 13.5rem;
}

.fancycard .image-left.icon-bottom .card-body .card-text,
.fancycard .image-left.icon-text .card-body .card-text {
  text-indent: -100px;
  z-index: 155;
  position: relative;
}

.fancycard .image-left.icon-bottom .card-body .card-text.text-center,
.fancycard .image-left.icon-bottom .card-body .card-text.text-right,
.fancycard .image-left.icon-text .card-body .card-text.text-center,
.fancycard .image-left.icon-text .card-body .card-text.text-right {
  text-indent: 0 !important;
}

.fancycard .image-left.icon-bottom .card-title,
.fancycard .image-left.icon-text .card-title {
  text-align: center;
}

.fancycard .image-left.icon-text .icon,
.fancycard .image-right.icon-text .icon {
  display: inline-block;
  transform: rotate(-15deg) translateY(50%);
}

.fancycard .image-left.icon-bottom .icon,
.fancycard .image-right.icon-bottom .icon {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  transform: rotate(-15deg) translateY(-50%) translateX(25%);
}

/* polaroid stack */
.fancycard .polaroid-stack {
  position: relative;
  margin-left: 25px;
}



.fancycard .polaroid-stack .polaroid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: transform 0.35s ease-in-out;

  box-shadow: var(--bs-box-shadow-sm);
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-white);
  box-shadow: var(--bs-box-shadow-sm);
  padding: 1rem;
  padding-bottom: 3rem;
  max-width: 100%;
  height: auto;
  width: 100%;
  aspect-ratio: 800 / 800;
  z-index: 1;
}

.fancycard .image-at-pos .polaroid-stack,
.fancycard .image-at-pos .polaroid-stack .polaroid {
  min-width: 360px;
  min-height: 360px;
  display: inline-block;
}

.fancycard .polaroid-slot .polaroid-stack .polaroid:only-child {
  transform: rotate(-6deg) !important;
}

.fancycard .polaroid-stack .polaroid img {
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
  width: 100%;
  aspect-ratio: 800 / 800;
}

.fancycard .polaroid-stack .polaroid:first-child {
  transform: rotate(8deg) translate(-60px, 160px);
  z-index: 1;
}

.fancycard .polaroid-stack .polaroid:nth-child(2) {
  transform: rotate(6deg) translate(-30px, 115px);
  z-index: 2;
}

/* ── cb-grid: polaroid-stack (mirrors fancycard polaroid styles) ── */
.cb-grid .polaroid-stack {
  position: relative;
  margin-left: 0;
}

.cb-grid .polaroid-stack .polaroid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: transform 0.35s ease-in-out;
  box-shadow: var(--bs-box-shadow-sm);
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-white);
  padding: 1rem;
  padding-bottom: 3rem;
  max-width: 100%;
  height: auto;
  width: 100%;
  aspect-ratio: 800 / 800;
  z-index: 1;
  min-width: 360px;
}

.cb-grid .polaroid-stack .polaroid img {
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
  width: 100%;
  aspect-ratio: 800 / 800;
}

.cb-grid .polaroid-stack .polaroid:first-child {
  transform: rotate(8deg) translate(-60px, 160px);
  z-index: 1;
}

.cb-grid .polaroid-stack .polaroid:nth-child(2) {
  transform: rotate(6deg) translate(-30px, 115px);
  z-index: 2;
}

.cb-grid .polaroid-stack .polaroid:nth-child(3) {
  transform: rotate(4deg) translate(-10px, 60px);
  z-index: 3;
}

.cb-grid .polaroid-stack .polaroid:nth-child(4) {
  transform: rotate(-6deg) translate(-30px, -115px);
  z-index: 4;
}

.cb-grid .polaroid-stack .polaroid:nth-child(5) {
  transform: rotate(-4deg) translate(-10px, -60px);
  z-index: 5;
}

.cb-grid .polaroid-stack .polaroid:last-child {
  transform: rotate(0deg);
}

.cb-grid .polaroid-stack .polaroid.slide-right {
  transform: translateX(100%) !important;
  z-index: 6;
}

.cb-grid .polaroid-stack .polaroid.slide-left {
  transform: translateX(-250px) !important;
  z-index: 1;
}

.cb-grid .polaroid-stack .polaroid.back {
  z-index: -10;
}

.cb-grid .polaroid-stack .polaroid.slot-transition-out-right {
  opacity: 0;
  transform: translateX(100%) scale(0.92) rotate(4deg) !important;
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

/* flying clone: inherits polaroid look when appended to body */
.polaroid-flying {
  box-shadow: var(--bs-box-shadow-sm);
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-white);
  padding: 1rem;
  padding-bottom: 3rem;
  z-index: -10;
}

.polaroid-flying img {
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
  width: 100%;
  aspect-ratio: 800 / 800;
}

.cb-grid .polaroid-stack .polaroid.slot-arriving {
  opacity: 0;
  transform: scale(0.85);
}

.cb-grid .polaroid-stack:hover .polaroid:first-child {
  transform: rotate(10deg) translate(-60px, 170px);
}

.cb-grid .polaroid-stack:hover .polaroid:nth-child(2) {
  transform: rotate(-2deg) translate(-30px, 115px);
}

.cb-grid .polaroid-stack:hover .polaroid:nth-child(3) {
  transform: rotate(2deg) translate(-10px, 60px);
}

.cb-grid .polaroid-stack:hover .polaroid:nth-child(4) {
  transform: rotate(-8deg) translate(-30px, -115px);
}

.cb-grid .polaroid-stack:hover .polaroid:nth-child(5) {
  transform: rotate(2deg) translate(-10px, -60px);
}

.fancycard .polaroid-stack .polaroid:nth-child(3) {
  transform: rotate(4deg) translate(-10px, 60px);
  z-index: 3;
}

.fancycard .polaroid-stack .polaroid:nth-child(4) {
  transform: rotate(-6deg) translate(-30px, -115px);
  z-index: 4;
}

.fancycard .polaroid-stack .polaroid:nth-child(5) {
  transform: rotate(-4deg) translate(-10px, -60px);
  z-index: 5;
}

.fancycard .polaroid-stack .polaroid:last-child {
  transform: rotate(0deg);
}

.fancycard .polaroid-stack .polaroid.slide-right {
  transform: translateX(100%) !important;
  z-index: 6;
}

.fancycard .polaroid-stack .polaroid.slide-left {
  transform: translateX(-250px) !important;
  z-index: 1;
}

.fancycard .polaroid-stack .polaroid.back {
  z-index: 1;
}

.polaroid-stack:not(.polaroid-stack-inline) .polaroid:only-child {
  transform: rotate(-10deg) translate(170px, 0px) !important;
}

.polaroid-stack:not(.polaroid-stack-inline):hover .polaroid:only-child {
  transform: rotate(10deg) translate(60px, 60px) !important;
}

.polaroid-stack:hover .polaroid:first-child {
  transform: rotate(10deg) translate(-60px, 170px);
}

.polaroid-stack:hover .polaroid:nth-child(4) {
  transform: rotate(-8deg) translate(-30px, -115px);
}

.polaroid-stack:hover .polaroid:nth-child(5) {
  transform: rotate(2deg) translate(-10px, -60px);
}

.polaroid-stack:hover .polaroid:nth-child(3) {
  transform: rotate(2deg) translate(-10px, 60px);
}

.polaroid-stack:hover .polaroid:nth-child(2) {
  transform: rotate(-2deg) translate(-30px, 115px);
}

/* polaroid-slot: inline image-at-pos containers */
.polaroid-slot {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  min-width: 360px;
  min-height: 360px;
  z-index: -1;
}

/* single || : regular stack behaviour, just inline-sized */
.polaroid-stack-at-pos {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
}

/* multiple || : shadow containers for cycling */
.polaroid-stack-inline {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 0;
  pointer-events: none;
}

.polaroid-stack-inline .polaroid {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  width: 80%;
  height: auto;
  aspect-ratio: 1;
  padding: 0.25rem;
  padding-bottom: 0.75rem;
  z-index: 0;
  pointer-events: auto;
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.polaroid-stack-inline .polaroid:nth-child(2) {
  transform: translate(-50%, -50%) rotate(5deg) translate(5px, 3px);
}

.polaroid-stack-inline .polaroid:nth-child(3) {
  transform: translate(-50%, -50%) rotate(-4deg) translate(-3px, 5px);
}

.polaroid-stack-inline .polaroid:nth-child(4) {
  transform: translate(-50%, -50%) rotate(3deg) translate(3px, -5px);
}

.polaroid-stack-inline .polaroid:nth-child(5) {
  transform: translate(-50%, -50%) rotate(-2deg) translate(-5px, -3px);
}

/* slot transitions for cycling between positions */
.polaroid-stack-inline .polaroid.slot-transition-out-left {
  opacity: 0;
  transform: translate(calc(-50% - 40px), -50%) scale(0.92) rotate(-4deg);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.polaroid-stack-inline .polaroid.slot-transition-out-right {
  opacity: 0;
  transform: translate(calc(-50% + 40px), -50%) scale(0.92) rotate(4deg);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.polaroid-stack-inline .polaroid.slot-arriving {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.85);
}

/* static polaroid (1 image per || slot, no cycling) */
.polaroid-stack-static {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  pointer-events: none;
}

.polaroid-stack-static .polaroid {
  pointer-events: auto;
}

/* slot before text: centered overlay at the start, no space taken */
.polaroid-slot-before,
.polaroid-slot-after {
  min-width: 360px;
  min-height: 360px;
  z-index: -1;
  pointer-events: none;
  margin: 0;
}

.fancycard .polaroid-slot.polaroid-slot-after .polaroid-stack .polaroid:only-child,
.fancycard .line-image-right .polaroid-slot .polaroid-stack .polaroid:only-child {
  transform: rotate(6deg) !important;
}

.polaroid-slot-before .polaroid-stack-static .polaroid,
.polaroid-slot-after .polaroid-stack-static .polaroid {
  pointer-events: auto;
}

/* line flex layout for image-at-pos: position polaroids left or right */
.fancycard .card-text .line {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fancycard .card-text .line.line-image-left {
  flex-direction: row;
  justify-content: space-between;
}

.fancycard .card-text .line.line-image-right {
  flex-direction: row;
  justify-content: space-between;
}

.fancycard .card-text .line.line-image-left>.polaroid-slot {
  flex: 0 0 auto;
  z-index: -1;
  margin-bottom: -15%;
}

.fancycard .card-text .line.line-image-right>.polaroid-slot {
  flex: 0 0 auto;
  z-index: -1;
  margin-bottom: -15%;
  padding-right: 5rem;
}

.fancycard .card-text .line>.card-text-part {
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
  place-self: self-start;
}

.first-child-override .polaroid-stack .polaroid:first-child {
  transform: rotate(-10deg) translate(-100px, -25px) !important;
  z-index: -1;
}

.secound-child-override .polaroid-stack .polaroid:first-child {
  transform: rotate(8deg) translate(-10px, 50px) !important;
  z-index: -1;
}

/* headline with icon */

.headline-with-icon {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;

  position: relative;
  z-index: 10;
}

.headline-with-icon__icon {
  display: inline-block;
  width: clamp(32px, 2.50vw, 48px);
  height: clamp(32px, 2.50vw, 48px);
}

.headline-with-icon i {
  font-size: clamp(32px, 2.50vw, 48px);
  color: var(--brand-orange);
  transition: all 0.3s ease-in-out;
}
.headline-with-icon .card-title p{
  font-size: inherit;
  font-weight: inherit;
  padding: inherit;
  margin: inherit;
  line-height: inherit;
}

.header .container,
.header .container-lg,
.header .container-md,
.header .container-sm,
.header .container-xl,
.header .container-xxl,
header.container,
header.container-lg,
header.container-md,
header.container-sm,
header.container-xl,
header.container-xxl {
  max-width: 1755px !important;
}

/* responsive tweaks */

@media (max-width: 1649.98px) {
  .flexbox .flexbox-inner.scroll {
    gap: 60px;
  }

  .fancycard .card-body .card-text .line .card-text-part,
  .fancycard .card-body .card-text,
  .fancycard .card-body .icon {
    font-size: 7.75rem;
    line-height: 8.75rem;
  }

  .fancycard .card-text .line.line-image-right>.polaroid-slot {
    padding-right: 3rem !important;
  }

  .fancycard .card-text .line>.polaroid-slot {
    scale: 0.9 !important;
    margin-bottom: -20% !important;
  }

  .frame-layout-3.frame-type-header .h1,
  .frame-layout-3.frame-type-header h1,
  .frame-layout-3 .h1,
  .frame-layout-3 h1,
  .h1-large h1,
  .h2-large h2 {
    font-size: 11.5rem;
    line-height: 12.5rem;
  }

  .cb-grid .polaroid-stack {
    scale: 0.9 !important;
    z-index: -1;
  }

  .secound-child-override .polaroid-stack .polaroid:first-child {
    transform: rotate(8deg) translate(-150px, 50px) !important;
    z-index: -1;
  }
}

@media (max-width: 1399.98px) {
  .polaroid-slot {
    opacity: 1;
  }

  .frame-layout-3.frame-type-header .h1,
  .frame-layout-3.frame-type-header h1,
  .frame-layout-3 .h1,
  .frame-layout-3 h1,
  .h1-large h1,
  .h2-large h2 {
    font-size: 9.375rem;
    line-height: 10.125rem;
  }

  .fancycard .card-body .card-text .line .card-text-part,
  .fancycard .card-body .card-text,
  .fancycard .card-body .icon {
    font-size: 7rem;
    line-height: 8.5rem;
  }

  .fancycard .card-body .card-text .line .card-text-part:only-child {
    padding-left: 30px;
  }


  .fancycard .card-body .card-title {
    margin-bottom: 50px;
  }

  .fancycard .image-left.icon-bottom .card-body,
  .fancycard .image-left.icon-text .card-body {
    text-indent: -60px;
  }

  .fancycard .image-right>.col-md-3 {
    margin-right: -5%;
  }

  .fancycard .polaroid-stack .polaroid {
    padding: 0.75rem;
    padding-bottom: 2.5rem;

  }

  .fancycard .polaroid-stack .polaroid:first-child {
    transform: rotate(8deg) translate(-50px, 130px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(2) {
    transform: rotate(6deg) translate(-25px, 95px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(3) {
    transform: rotate(4deg) translate(-8px, 50px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(4) {
    transform: rotate(-6deg) translate(-25px, -95px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(5) {
    transform: rotate(-4deg) translate(-8px, -50px);
  }

  .polaroid-stack:hover .polaroid:first-child {
    transform: rotate(10deg) translate(-50px, 140px);
  }

  .polaroid-stack:hover .polaroid:nth-child(2) {
    transform: rotate(-2deg) translate(-25px, 95px);
  }

  .polaroid-stack:hover .polaroid:nth-child(3) {
    transform: rotate(2deg) translate(-8px, 50px);
  }

  .polaroid-stack:hover .polaroid:nth-child(4) {
    transform: rotate(-8deg) translate(-25px, -95px);
  }

  .polaroid-stack:hover .polaroid:nth-child(5) {
    transform: rotate(2deg) translate(-8px, -50px);
  }

  .flexbox:not(:has(.flexbox-inner.scroll)) {

    width: 85vw;
    margin-left: calc((100% - 85vw) / 2);
  }

  .flexbox .flexbox-inner.grid-3 .flexbox-item,
  .flexbox .flexbox-inner.grid-4 .flexbox-item,
  .flexbox .flexbox-inner.grid-6 .flexbox-item {
    flex: 0 0 calc((100% / 2) - 30px);
  }

  body>footer>div.footer-navigation {
    gap: 30px;
    padding: 0 10px;
  }

  #c4 p {
    font-size: clamp(50px, 6.25vw, 150px);

    font-weight: 700;
  }

  .fancycard .card-text .line.line-image-right>.polaroid-slot {
    padding-right: 0rem !important;
    margin-left: -15% !important;
  }

  .fancycard .card-text .line>.polaroid-slot {
    scale: 0.8 !important;
    margin-bottom: -25% !important;
  }

  .cb-grid .polaroid-stack {
    scale: 0.8 !important;
    z-index: -1;
  }
}

/* RWS TYPO3 Abstände */
@media (max-width: 1199.98px) {
  .polaroid-slot {
    opacity: 0.9;
  }

  .cb-grid .polaroid-stack {
    scale: 0.75 !important;
    z-index: -1;
  }

  .frame-layout-3.frame-type-header .h1,
  .frame-layout-3.frame-type-header h1,
  .frame-layout-3 .h1,
  .frame-layout-3 h1,
  .h1-large h1,
  .h2-large h2 {
    font-size: 7.031rem;
    line-height: 7.594rem;
  }

  .fancycard .card-body .card-text .line .card-text-part,
  .fancycard .card-body .card-text,
  .fancycard .card-body .icon {
    font-size: 6rem;
    line-height: 7rem;
  }

  .fancycard .card-body .card-title {
    margin-bottom: 40px;
  }

  .fancycard .image-left.icon-bottom .card-body,
  .fancycard .image-left.icon-text .card-body {
    text-indent: -40px;
  }


  .fancycard .image-left.icon-bottom .icon,
  .fancycard .image-right.icon-bottom .icon {
    transform: rotate(-15deg) translateY(-40%) translateX(15%);
  }

  .fancycard .polaroid-stack .polaroid {
    padding: 0.625rem;
    padding-bottom: 2rem;
  }

  .fancycard .polaroid-stack .polaroid:first-child {
    transform: rotate(8deg) translate(-40px, 60px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(2) {
    transform: rotate(6deg) translate(-20px, 40px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(3) {
    transform: rotate(4deg) translate(-6px, 20px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(4) {
    transform: rotate(-6deg) translate(-20px, -40px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(5) {
    transform: rotate(-4deg) translate(-6px, -20px);
  }

  .polaroid-stack:hover .polaroid:first-child {
    transform: rotate(10deg) translate(-40px, 70px);
  }

  .polaroid-stack:hover .polaroid:nth-child(2) {
    transform: rotate(-2deg) translate(-20px, 40px);
  }

  .polaroid-stack:hover .polaroid:nth-child(3) {
    transform: rotate(2deg) translate(-6px, 20px);
  }

  .polaroid-stack:hover .polaroid:nth-child(4) {
    transform: rotate(-8deg) translate(-20px, -40px);
  }

  .polaroid-stack:hover .polaroid:nth-child(5) {
    transform: rotate(2deg) translate(-6px, -20px);
  }

  .flexbox:not(:has(.flexbox-inner.scroll)) {
    width: 80vw;
    margin-left: calc((100% - 80vw) / 2);
  }

  .flexbox .flexbox-inner.scroll {
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin: 0;
    cursor: default;
    gap: 60px;
  }

  .flexbox-scroll-indicator {
    display: none;
  }

  #c4 p {
    font-size: clamp(50px, 6.25vw, 150px);

    font-weight: 700;
  }

  .flexbox .flexbox-inner.scroll .flexbox-item,
  .flexbox .flexbox-inner.grid-3 .flexbox-item,
  .flexbox .flexbox-inner.grid-4 .flexbox-item,
  .flexbox .flexbox-inner.grid-6 .flexbox-item {
    flex: 0 0 calc((100% / 2) - 30px);

    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
  }

  .fancycard .card-text .line>.polaroid-slot {
    scale: 0.7 !important;
    margin-bottom: -25% !important;
  }
}

@media (max-width: 991.98px) {

  .polaroid-slot,
  .polaroid-slot--mobile {
    opacity: 0.6;
  }

  .cb-grid .polaroid-stack {
    scale: 0.75 !important;
    z-index: -1;
  }

  /* polaroid-slot mobile: flatten stack, show only top card */
  .polaroid-slot--mobile {
    z-index: -1;
    height: auto;
    scale: 0.7;
    margin-bottom: -30% !important;
  }

  /* hide all cards except the top one (last child) */
  .polaroid-slot--mobile .polaroid-stack {
    position: relative !important;
    width: 330px;
    height: auto;
  }

  .polaroid-slot--mobile .polaroid-stack .polaroid {
    position: relative !important;
    transform: none !important;
    display: none !important;
    transition: none !important;
  }

  .polaroid-slot--mobile .polaroid-stack .polaroid:last-child {
    display: block !important;
    transform: none !important;
    position: relative !important;
    max-width: 100%;
  }

  /* at-pos: always show card aligned right */
  .polaroid-slot--mobile .polaroid-stack-at-pos {
    display: flex;
    justify-content: flex-end;
    width: 300px;
    height: auto;
  }

  /* inline stacks: position based on parent image direction */
  .image-left .polaroid-slot--mobile .polaroid-stack-inline {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    height: auto;
  }

  .image-right .polaroid-slot--mobile .polaroid-stack-inline {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: auto;
  }

  .frame-layout-3.frame-type-header .h1,
  .frame-layout-3.frame-type-header h1,
  .frame-layout-3 .h1,
  .frame-layout-3 h1,
  .h1-large h1,
  .h2-large h2 {
    font-size: 5.275rem;
    line-height: 5.7rem;
  }

  .fancycard .image-left.icon-bottom .card-body,
  .fancycard .image-left.icon-text .card-body {
    text-indent: 0 !important;
  }

  .fancycard .card-body .card-title {
    margin-bottom: 30px;
  }

  .fancycard .card-body .card-text .line .card-text-part,
  .fancycard .card-body .card-text,
  .fancycard .card-body .icon {
    font-size: clamp(3.375rem, 4.69vw, 6rem);
    font-weight: 700;
    line-height: clamp(4.375rem, 5.69vw, 7rem);
    text-align: center;
  }

  .frame-layout-3 .fancycard .card-body .card-text .line .card-text-part,
  .frame-layout-3 .fancycard .card-body .card-text,
  .frame-layout-3 .fancycard .card-body .icon {
    font-size: clamp(4.5rem, 6.25vw, 8rem);
    line-height: clamp(5.5rem, 7.50vw, 9.5rem);
    text-indent: 0 !important;
  }

  .fancycard .image-left.icon-text .icon,
  .fancycard .image-right.icon-text .icon {
    transform: rotate(-10deg) translateY(30%);
  }

  .fancycard .image-left.icon-bottom .icon,
  .fancycard .image-right.icon-bottom .icon {
    transform: rotate(-10deg) translateY(-30%) translateX(10%);
  }

  .fancycard .polaroid-stack {
    margin-left: 10px;
  }

  .fancycard .polaroid-stack .polaroid {
    padding: 0.5rem;
    padding-bottom: 1.5rem;
  }

  .fancycard .polaroid-stack .polaroid:first-child {
    transform: rotate(7deg) translate(-30px, 90px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(2) {
    transform: rotate(5deg) translate(-15px, 65px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(3) {
    transform: rotate(3deg) translate(-5px, 30px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(4) {
    transform: rotate(-5deg) translate(-15px, -65px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(5) {
    transform: rotate(-3deg) translate(-5px, -30px);
  }

  .polaroid-stack:hover .polaroid:first-child {
    transform: rotate(9deg) translate(-30px, 100px);
  }

  .polaroid-stack:hover .polaroid:nth-child(2) {
    transform: rotate(-2deg) translate(-15px, 65px);
  }

  .polaroid-stack:hover .polaroid:nth-child(3) {
    transform: rotate(2deg) translate(-5px, 30px);
  }

  .polaroid-stack:hover .polaroid:nth-child(4) {
    transform: rotate(-7deg) translate(-15px, -65px);
  }

  .polaroid-stack:hover .polaroid:nth-child(5) {
    transform: rotate(2deg) translate(-5px, -30px);
  }

  .flexbox-item {
    transform: none !important;
  }

  .flexbox .flexbox-inner.scroll {
    flex-direction: column;
    align-items: center;
    width: 100%;
    cursor: default;
    gap: 30px;
  }

  .flexbox .flexbox-inner.scroll .flexbox-item,
  .flexbox .flexbox-inner.grid-2 .flexbox-item,
  .flexbox .flexbox-inner.grid-3 .flexbox-item,
  .flexbox .flexbox-inner.grid-4 .flexbox-item,
  .flexbox .flexbox-inner.grid-6 .flexbox-item {
    flex: 0 0 calc((100% / 1) - 30px);
  }

  .frame-layout-5 h2 {
    height: auto;
    justify-content: center;
    text-align: right;
  }

  .fancycard .card-text .line>.polaroid-slot {
    scale: 0.6 !important;
    margin-bottom: -25% !important;
  }
}

@media (max-width: 767.98px) {

  .polaroid-slot,
  .polaroid-slot--mobile {
    opacity: 0.6;
  }

  .cb-grid .polaroid-stack {
    scale: 0.65 !important;
    z-index: -1;
  }

  .frame-layout-3.frame-type-header .h1,
  .frame-layout-3.frame-type-header h1,
  .frame-layout-3 .h1,
  .frame-layout-3 h1,
  .h1-large h1,
  .h2-large h2 {
    font-size: 3.956rem;
    line-height: 4.275rem;
  }

  /* text takes full width, polaroid-stack sits behind */
  .fancycard .row.g-0 {
    flex-wrap: nowrap;
    position: relative;
  }

  .fancycard .row.g-0>.col-md-3 {
    width: 50%;
    max-width: 50%;
    z-index: 0;
  }

  .fancycard .image-left>.col-md-3 {
    left: 0;
    margin-left: -25%;
  }

  .fancycard .image-right>.col-md-3 {
    right: 0;
    margin-right: -25%;
  }

  .fancycard .row.g-0>.col-md-9 {
    flex: 0 0 100%;
    max-width: 100%;
    z-index: 1;
    position: relative;
  }

  .fancycard .card-body .card-text .line .card-text-part,
  .fancycard .card-body .card-text,
  .fancycard .card-body .icon {
    font-size: clamp(2.5rem, 3.50vw, 4.5rem);
    line-height: clamp(3.25rem, 4.38vw, 5.5rem);
    text-indent: 0 !important;
  }

  .frame-layout-3 .fancycard .card-body .card-text .line .card-text-part,
  .frame-layout-3 .fancycard .card-body .card-text,
  .frame-layout-3 .fancycard .card-body .icon {
    font-size: clamp(3.25rem, 4.63vw, 6rem);
    line-height: clamp(4.25rem, 5.88vw, 7.5rem);
  }

  .fancycard .card-body .card-title {
    margin-bottom: 20px;
  }

  .fancycard .image-left.icon-text .icon,
  .fancycard .image-right.icon-text .icon {
    transform: rotate(-8deg) translateY(20%);
  }

  .fancycard .image-left.icon-bottom .icon,
  .fancycard .image-right.icon-bottom .icon {
    transform: rotate(-8deg) translateY(-20%) translateX(5%);
  }

  .fancycard .polaroid-stack {
    max-width: 100%;
    margin: 0;
  }

  .fancycard .polaroid-stack .polaroid {
    padding: 0.5rem;
    padding-bottom: 1.25rem;
  }

  .fancycard .polaroid-stack .polaroid:first-child {
    transform: rotate(6deg) translate(-20px, 70px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(2) {
    transform: rotate(4deg) translate(-10px, 50px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(3) {
    transform: rotate(2deg) translate(-4px, 24px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(4) {
    transform: rotate(-4deg) translate(-10px, -50px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(5) {
    transform: rotate(-2deg) translate(-4px, -24px);
  }

  .fancycard .polaroid-stack .polaroid.slide-left {
    transform: translateX(-180px) !important;
  }

  .polaroid-stack:hover .polaroid:first-child {
    transform: rotate(8deg) translate(-20px, 75px);
  }

  .polaroid-stack:hover .polaroid:nth-child(2) {
    transform: rotate(-1deg) translate(-10px, 50px);
  }

  .polaroid-stack:hover .polaroid:nth-child(3) {
    transform: rotate(1deg) translate(-4px, 24px);
  }

  .polaroid-stack:hover .polaroid:nth-child(4) {
    transform: rotate(-6deg) translate(-10px, -50px);
  }

  .polaroid-stack:hover .polaroid:nth-child(5) {
    transform: rotate(1deg) translate(-4px, -24px);
  }

  .polaroid-slot--mobile .polaroid-stack-at-pos {
    width: 250px;
  }

  .flexbox:not(:has(.flexbox-inner.scroll)) {

    width: 100%;
    margin-left: 0;
  }

  .flexbox .flexbox-inner.scroll {
    flex-direction: column;
    align-items: center;
    width: 100%;
    cursor: default;
    gap: 30px;
  }

  .flexbox .flexbox-inner.scroll .flexbox-item {
    flex: 0 0 calc((100% / 1) - 30px);
  }

  #c4 h2 {
    font-size: clamp(12px, 0.88vw, 16px);
    line-height: 20px;
    font-weight: 600;
    padding-top: clamp(5px, 2.50vw, 75px);
    padding-bottom: clamp(5px, 2.34vw, 70px);
  }

  #c4 p {
    font-size: clamp(50px, 6.25vw, 150px);

    font-weight: 700;
  }

  #c4 p strong {
    font-weight: 700;
    line-height: 70px;
    margin-bottom: 0px
  }

  #c4 p.header-1 {
    position: relative;
    display: flex;
    justify-content: space-between;
  }

  #c4 p.header-1 span.employee-container {
    display: none;
  }

  #c4 p:not(.header-1) {
    margin-top: 0;
  }

  #c4 p:not(.header-1)>strong:first-of-type {
    display: block;
    text-indent: 0 !important;
    margin-bottom: 0;
  }

  #c4 p:not(.header-1)>strong:not(:first-of-type) {
    display: inline-block;
    margin-top: 0
  }

  .fancycard .card-text .line>.polaroid-slot {
    scale: 0.5 !important;
    margin-bottom: -25% !important;
  }

  .first-child-override {
    align-self: flex-start !important;
    justify-self: start !important;
  }

  .secound-child-override {
    align-self: flex-end !important;
    justify-self: end !important;
  }

  .first-child-override .polaroid-stack .polaroid:first-child {
    transform: rotate(-1deg) translate(0, -25px) !important;
    z-index: -1;
  }

  .secound-child-override .polaroid-stack .polaroid:first-child {
    transform: rotate(1deg) translate(-360px, -120px) !important;
    z-index: -1;
  }
}

@media (max-width: 575.98px) {
  .fancycard .row.g-0>.col-md-3 {
    display: none;
  }

  .polaroid-slot,
  .polaroid-slot--mobile {
    opacity: 0.6;
  }

  .cb-grid .polaroid-stack {
    scale: 0.6 !important;
    z-index: -1;
  }

  .frame-layout-3.frame-type-header .h1,
  .frame-layout-3.frame-type-header h1,
  .frame-layout-3 .h1,
  .frame-layout-3 h1,
  .h1-large h1,
  .h2-large h2 {
    font-size: 2.968rem;
    line-height: 3.206rem;
  }

  .fancycard .card-body .card-text .line .card-text-part,
  .fancycard .card-body .card-text,
  .fancycard .card-body .icon {
    font-size: clamp(2rem, 2.75vw, 3.5rem);
    line-height: clamp(2.75rem, 3.63vw, 4.5rem);
    text-indent: 0 !important;
  }

  .frame-layout-3 .fancycard .card-body .card-text .line .card-text-part,
  .frame-layout-3 .fancycard .card-body .card-text,
  .frame-layout-3 .fancycard .card-body .icon {
    font-size: clamp(2.5rem, 3.50vw, 4.5rem);
    line-height: clamp(3.5rem, 4.50vw, 5.5rem);
  }

  .fancycard .card-body .card-title {
    margin-bottom: 16px;
  }

  .fancycard .image-left>.col-md-3 {
    margin-left: -30%;
  }

  .fancycard .image-right>.col-md-3 {
    margin-right: -30%;
  }

  .fancycard .polaroid-stack {
    max-width: 100%;
  }

  .fancycard .polaroid-stack .polaroid {
    padding: 0.375rem;
    padding-bottom: 1rem;
  }

  .fancycard .polaroid-stack .polaroid:first-child {
    transform: rotate(5deg) translate(-14px, 50px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(2) {
    transform: rotate(3deg) translate(-7px, 36px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(3) {
    transform: rotate(2deg) translate(-3px, 18px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(4) {
    transform: rotate(-3deg) translate(-7px, -36px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(5) {
    transform: rotate(-2deg) translate(-3px, -18px);
  }

  .fancycard .polaroid-stack .polaroid.slide-left {
    transform: translateX(-140px) !important;
  }

  .fancycard .image-left.icon-text .icon,
  .fancycard .image-right.icon-text .icon {
    transform: rotate(-5deg) translateY(15%);
  }

  .fancycard .image-left.icon-bottom .icon,
  .fancycard .image-right.icon-bottom .icon {
    display: none;
  }

  .flexbox {
    padding: 30px 0;
  }

  #c4 h2 {
    font-size: clamp(12px, 0.88vw, 16px);
    line-height: 20px;
    font-weight: 600;
    padding-top: clamp(5px, 2.50vw, 75px);
    padding-bottom: clamp(5px, 2.34vw, 70px);
  }

  #c4 p {
    font-size: clamp(50px, 6.25vw, 150px);

    font-weight: 700;
  }

  #c4 p strong {
    font-weight: 700;
    line-height: 70px;
    margin-bottom: 0px
  }

  #c4 p.header-1 {
    position: relative;
    display: flex;
    justify-content: space-between;
  }

  #c4 p.header-1 span.employee-container {
    display: none;
  }

  #c4 p:not(.header-1) {
    margin-top: 0;
  }

  #c4 p:not(.header-1)>strong:first-of-type {
    display: block;
    text-indent: 0 !important;
    margin-bottom: 0;
  }

  #c4 p:not(.header-1)>strong:not(:first-of-type) {
    display: inline-block;
    margin-top: 0
  }

  .fancycard .card-text .line {
    flex-direction: column;
    flex-wrap: wrap;
  }

  .fancycard .card-text .line>.card-text-part {
    order: 0 !important;
    width: 100% !important;
    display: block !important;
  }

  .fancycard .card-text .line.line-image-right>.polaroid-slot,
  .fancycard .card-text .line>.polaroid-slot {
    order: 1 !important;
    display: block !important;
    scale: .9 !important;
    margin-bottom: 0% !important;
    margin-top: 0% !important;
    transform: none !important;
    width: 100% !important;
    min-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    opacity: 1 !important;
  }

  .first-child-override {
    align-self: flex-start !important;
    justify-self: start !important;
  }

  .secound-child-override {
    align-self: flex-end !important;
    justify-self: end !important;
  }

  .first-child-override .polaroid-stack .polaroid:first-child {
    transform: rotate(-1deg) translate(0, -25px) !important;
    z-index: -1;
  }

  .secound-child-override .polaroid-stack .polaroid:first-child {
    transform: rotate(1deg) translate(-360px, -120px) !important;
    z-index: -1;
  }
}

@media (max-width: 425.98px) {

  .polaroid-slot,
  .polaroid-slot--mobile {
    opacity: 0.5;
  }

  .frame-layout-3.frame-type-header .h1,
  .frame-layout-3.frame-type-header h1,
  .frame-layout-3 .h1,
  .frame-layout-3 h1,
  .h1-large h1,
  .h2-large h2 {
    font-size: 2.225rem;
    line-height: 2.405rem;
  }


  .fancycard .card-body .card-text .line .card-text-part,
  .fancycard .card-body .card-text,
  .fancycard .card-body .icon {
    font-size: clamp(1.75rem, 2.13vw, 2.5rem);
    line-height: clamp(2.25rem, 2.75vw, 3.25rem);
    text-indent: 0 !important;
  }

  .frame-layout-3 .fancycard .card-body .card-text .line .card-text-part,
  .frame-layout-3 .fancycard .card-body .card-text,
  .frame-layout-3 .fancycard .card-body .icon {
    font-size: clamp(2.25rem, 2.75vw, 3.25rem);
    line-height: clamp(3rem, 3.63vw, 4.25rem);
  }

  .fancycard .card-body .card-title {
    margin-bottom: 12px;
  }

  .fancycard .image-left>.col-md-3 {
    margin-left: -35%;
  }

  .fancycard .image-right>.col-md-3 {
    margin-right: -35%;
  }

  .fancycard .polaroid-stack {
    max-width: 100%;
  }

  .fancycard .polaroid-stack .polaroid {
    padding: 0.25rem;
    padding-bottom: 0.75rem;
  }

  .fancycard .polaroid-stack .polaroid:first-child {
    transform: rotate(4deg) translate(-10px, 36px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(2) {
    transform: rotate(3deg) translate(-5px, 26px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(3) {
    transform: rotate(2deg) translate(-2px, 12px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(4) {
    transform: rotate(-3deg) translate(-5px, -26px);
  }

  .fancycard .polaroid-stack .polaroid:nth-child(5) {
    transform: rotate(-2deg) translate(-2px, -12px);
  }

  .fancycard .polaroid-stack .polaroid.slide-left {
    transform: translateX(-100px) !important;
  }

  #c4 p strong {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 0;
  }

  .fancycard .card-text .line {
    flex-direction: column;
    flex-wrap: wrap;
  }

  .fancycard .card-text .line>.card-text-part {
    order: 0 !important;
    width: 100% !important;
    display: block !important;
  }

  .fancycard .card-text .line.line-image-right>.polaroid-slot,
  .fancycard .card-text .line>.polaroid-slot {
    order: 1 !important;
    display: block !important;
    scale: .9 !important;
    margin-bottom: 0% !important;
    margin-top: 0% !important;
    transform: none !important;
    width: 100% !important;
    min-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    opacity: 1 !important;
  }
}

/* ── CB Grid: 12-column CSS Grid Layout ── */

.canvas-menu-header,
.header.unter {
  padding: 3rem 5rem;
}

.unter-con {
  padding: 0rem 5rem;
}

.its-your {
  padding: 0 5rem;
}

.cb-grid {
  display: grid;
  grid-template-columns: repeat(12, calc(8.3333% - 6.875px));
  grid-column-gap: 7.5px;
  grid-row-gap: 7.5px;
  justify-content: center;
  width: 100%;
}

.cb-grid-item__header {
  font-size: clamp(24px, 10vw, 200px);
  font-weight: 700;
  margin: 0;
  line-height: 1;
  z-index:10;
}

.header .cb-grid-item-0 {
  position: relative;
  z-index: 1;
  grid-column: 1 / 3;
  height: max-content;
  width: max-content;
}

.header .cb-grid-item-1 {
  grid-column: 3 / 5;
  position: relative;
  width: 120%;
}

.header .cb-grid-item-2 {
  grid-column: 6 / 13;
  height: max-content;
}

.header .cb-grid-item-2 .cb-grid-item__header {
  text-align: end;
}

.header .cb-grid-item-3 {
  position: relative;
  z-index: 4;
  grid-column: 2 / 10;
  height: max-content;
}

.header .cb-grid-item-4 {
  grid-column: 10 / 12;
  position: relative;
  width: 120%;
}

.header .cb-grid-item-5 {
  grid-column: 1 / 4;
  height: max-content;
  display: flex;
  align-self: center;
  gap: 2rem;
}

.header .cb-grid-item-5 h3 {
  font-weight: 600;
  font-size: clamp(24px, 10vw, 22px);
}

.header .cb-grid-item-6 {
  position: relative;
  z-index: 4;
  grid-column: 5 / 13;
  height: max-content;
}

.cb-grid-item__images {
  position: absolute;
  top: 0;
  bottom: 0;
  transition: transform 0.35s ease-in-out;
  box-shadow: var(--bs-box-shadow-sm);
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-white);
  box-shadow: var(--bs-box-shadow-sm);
  padding: 1rem;
  padding-bottom: 3rem;
  max-width: 100%;
  height: max-content;
  width: 100%;
  aspect-ratio: 800 / 800;
  z-index: 2;
}

.header .cb-grid-item-1 .cb-grid-item__images {
  transform: rotate(-10deg);
  top: -15%;
}

.header .cb-grid-item-4 .cb-grid-item__images {
  transform: rotate(10deg);
  left: -20%;
  top: -30%;
}

.cb-grid-item__image {
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
  width: 100%;
  aspect-ratio: 800 / 800;
}


.icon-rotate-315deg {
  transform: rotate(315deg);
}

@media (max-width:1399.98px) {}

@media (max-width:1199.98px) {
  .header .cb-grid-item-2 {
    grid-column: 5 / 13;
  }

  .header .cb-grid-item__images {
    padding: 0.5rem;
    padding-bottom: 2rem;
  }

  .header .its-your {
    padding: 0 2.5rem;
  }

  .canvas-menu-header,
  .header.unter {
    padding: 2rem 2.5rem;
  }
}

@media (max-width:991.98px) {
  .header .cb-grid-item-3 {
    grid-column: 1 / 10;
  }

  .header .cb-grid-item-5 {
    display: none;
  }
}

@media (max-width:767.98px) {
  .header .cb-grid-item-0 {
    grid-column: 7 / 13;
    order: 1;
  }

  .header .cb-grid-item-1 {
    grid-column: 1 / 6;
    order: 0;
  }

  .header .cb-grid-item-2 {
    grid-column: 7 / 13;
    order: 3;
  }

  .header .cb-grid-item-3 {
    grid-column: 1 / 6;
    order: 4;
  }

  .header .cb-grid-item-4 {
    grid-column: 8 / 13;
    order: 8;
  }

  .header .cb-grid-item-6 {
    grid-column: 1 / 13;
    order: 9;
  }

  .header .cb-grid-item-4 .cb-grid-item__images {
    top: 0;
  }

  .header .cb-grid-item-2 .cb-grid-item__header {
    text-align: start;
  }
}

@media (max-width:575.98px) {
  .its-your {
    padding: 0 1.5rem;
  }

  .canvas-menu-header,
  .header.unter,
  .unter-con {
    padding: 1rem 1.5rem;
  }
}

#c144 .cb-grid-item__header {
  font-size: clamp(20px, 7vw, 150px);
}

#c144 .cb-grid-item-0 {
  grid-column: 1 / 7;
}

#c144 .cb-grid-item-1 {
  position: relative;
  grid-column: 7 / 9;
  width: 120%;
}

#c144 .cb-grid-item-2 {
  grid-column: 10 / 13;
}

#c144 .cb-grid-item-3 {
  grid-column: 3 / 13;
}

#c144 .cb-grid-item-4 {
  grid-column: 1 / 13;
}

#c144 .cb-grid-item__images {
  transform: rotate(10deg);
  top: -15%;
  z-index: -1;
}

@media (max-width:1399.98px) {}

@media (max-width:1199.98px) {
  #c144 .cb-grid-item__images {
    padding: 0.5rem;
    padding-bottom: 2rem;
  }
}

@media (max-width:991.98px) {
  #c144 .cb-grid-item-0 {
    grid-column: 1 / 8;
  }

  #c144 .cb-grid-item-1 {
    grid-column: 8 / 10;
  }
}

@media (max-width:767.98px) {
  #c144 .cb-grid-item-1 {
    grid-column: 8 / 11;
  }

  #c144 .cb-grid-item-2 {
    grid-column: 1 / 3;
  }
}

@media (max-width:575.98px) {
  #c144 .cb-grid-item-1 {
    display: none;
  }
}