/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v44-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v44-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/open-sans-v44-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/open-sans-v44-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-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: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v44-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v44-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/open-sans-v44-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/open-sans-v44-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v44-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v44-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/open-sans-v44-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/open-sans-v44-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-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: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v44-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v44-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/open-sans-v44-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/open-sans-v44-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v44-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v44-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/open-sans-v44-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/open-sans-v44-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-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: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/open-sans-v44-latin-500italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v44-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/open-sans-v44-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/open-sans-v44-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v44-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v44-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/open-sans-v44-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/open-sans-v44-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-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: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v44-latin-600italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v44-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/open-sans-v44-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/open-sans-v44-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v44-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v44-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/open-sans-v44-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/open-sans-v44-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-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: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v44-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v44-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/open-sans-v44-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/open-sans-v44-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v44-latin-800.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v44-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/open-sans-v44-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/open-sans-v44-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-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: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v44-latin-800italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v44-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v44-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-800italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/open-sans-v44-latin-800italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/open-sans-v44-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* oswald-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: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/oswald-v57-latin-200.eot'); /* IE9 Compat Modes */
  src: url('../fonts/oswald-v57-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v57-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/oswald-v57-latin-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/oswald-v57-latin-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/oswald-v57-latin-200.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-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: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oswald-v57-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/oswald-v57-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v57-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/oswald-v57-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/oswald-v57-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/oswald-v57-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-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: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v57-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/oswald-v57-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v57-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/oswald-v57-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/oswald-v57-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/oswald-v57-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-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: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/oswald-v57-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../fonts/oswald-v57-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v57-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/oswald-v57-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/oswald-v57-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/oswald-v57-latin-500.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-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: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/oswald-v57-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/oswald-v57-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v57-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/oswald-v57-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/oswald-v57-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/oswald-v57-latin-600.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-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: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oswald-v57-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/oswald-v57-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v57-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/oswald-v57-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/oswald-v57-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/oswald-v57-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}



        body {
            background-color: #000;
            color: #fff;
            font-family: 'Oswald';
            overflow-x: hidden;
            margin: 0;
            padding: 0;
        }

        /* Utility */
        .cursor-pointer { cursor: pointer; }
        .text-orange { color: #d95e26 !important; }

       
        
        /* Header */
        .site-header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1000;
            background: #000;
            padding: 15px 0;
            display: flex;
            align-items: center;
        }
        .burger-icon {
            color: #d95e26;
            font-size: 1.5rem;
            cursor: pointer;
            position: absolute;
                left: 350px;
            background: none;
            border: none;
            display: flex;
            flex-direction: column;
            gap: 4px;
        }
        .burger-icon span {
            display: block;
            width: 25px;
            height: 2px;
            background-color: #d95e26;
            transition: transform 0.28s ease, opacity 0.22s ease;
            transform-origin: center;
        }
        .burger-icon.is-open span:nth-child(1) {
            transform: translateY(6px) rotate(45deg);
        }
        .burger-icon.is-open span:nth-child(2) {
            opacity: 0;
        }
        .burger-icon.is-open span:nth-child(3) {
            transform: translateY(-6px) rotate(-45deg);
        }
        .header-logo-container {
            width: 100%;
            display: flex;
            justify-content: center;
        }
        .brand-box {
            display: flex;
            align-items: center;
            padding: 5px 10px;
            cursor: pointer;
        }
        .brand-box img {
            
            height: 65px;
            margin-right: 10px;
        }
        .brand-text {
            font-size: 0.9rem;
            line-height: 1.1;
        }
        .brand-text strong {
            font-weight: 600;
        }

        /* Overlay Menu */
        #main-menu {
            position: fixed;
            top: 105px;
            left: 350px;
            width: auto;
            height: auto;
            background: rgba(0, 0, 0, 0.8);
            z-index: 1100;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 24px 34px 12px;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transform: translateY(-14px) scale(0.98);
            transform-origin: top left;
            transition: opacity 0.28s ease, transform 0.28s ease, visibility 0s linear 0.28s;
        }
        #main-menu.is-open {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transform: translateY(0) scale(1);
            transition-delay: 0s;
        }
        #main-menu a {
            display: block;
            color: #fff;
            font-size: 2rem;
            text-decoration: none;
            margin: 0 0 16px;
            opacity: 0;
            transform: translateX(-10px);
            transition: color 0.3s, opacity 0.24s ease, transform 0.24s ease;
        }
        #main-menu.is-open a {
            opacity: 1;
            transform: translateX(0);
        }
        #main-menu.is-open a:nth-of-type(1) {
            transition-delay: 0.05s;
        }
        #main-menu.is-open a:nth-of-type(2) {
            transition-delay: 0.1s;
        }
        #main-menu.is-open a:nth-of-type(3) {
            transition-delay: 0.15s;
        }
        #main-menu.is-open a:nth-of-type(4) {
            transition-delay: 0.2s;
        }
        #main-menu li {
            list-style: none;
        }
        #main-menu a:hover {
            color: #d95e26;
        }
        .close-menu {
            display: none;
        }

        /* Page Container */
        .page-view {
            display: none;
            padding-top: 70px; /* Offset for fixed header */
        }
        .page-view.active {
            display: block;
        }

        /* --- PAGE 1: HOME --- */
        .hero-section {
            position: relative;
            width: 100%;
            height: 85vh;
            overflow: hidden;
        }
        .hero-section::before {
            content: '';
            position: absolute;
            inset: 0;
            z-index: 1;
            background: rgba(0, 0, 0, 0.6);
            pointer-events: none;
            opacity: 0;
        }
        .hero-section img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 1;
        }
        .hero-title {
            position: absolute;
            bottom: 50px;
            left: 10%;
            z-index: 2;
            font-size: 4rem;
            font-weight: 400;
            margin: 0;
            opacity: 0;
            transform: translateY(18px);
        }
        .vertical-text-left {
           position: absolute;
    top: 370px;
    left: 68px;
    transform: translateY(-50%) rotate(-90deg);
    transform-origin: left center;
    font-size: 22px;
    letter-spacing: 2px;
    white-space: nowrap;
    z-index: 2;
    opacity: 0;
        }
        body.preloader-complete #page-home .hero-section::before {
            animation: homeHeroOverlayIn 0.85s ease forwards;
        }
        body.preloader-complete #page-home .vertical-text-left {
            animation: homeHeroTextIn 0.7s ease 0.7s forwards;
        }
        body.preloader-complete #page-home .hero-title {
            animation: homeHeroTitleIn 0.85s ease 1.25s forwards;
        }

        .hi-section {
            max-width: 735px;
            margin: 0 auto;
            text-align: left;
            padding: 105px 20px 55px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
        .hi-logo-wrapper {
            position: relative;
            margin: 0 0 42px;
            display: inline-block;
        }
        .hi-text-overlay {
            position: absolute;
            top: -20px;
            left: -10px;
            font-size: 4rem;
            font-weight: bold;
            background: #000;
            padding: 0 10px;
            line-height: 1;
        }
        .hi-logo-wrapper img {
            width: 290px;
            display: block;
        }
        .hi-desc {
            max-width: 562px;
            margin-left: 115px;
            text-align: left;
                font-size: 1.3rem;
            line-height: 1.55;
            font-weight: 700;
        }
        .hi-desc p {
            margin: 0 0 32px;
                font-weight: 100;
        }
        .hi-desc h3 {
            margin: 0 0 32px;
            font-size: 1.55rem;
            line-height: 1.25;
            font-weight: 600;
        }

        /* Overlap Image Sections */
        .overlap-container {
            position: relative;
            margin: 100px 0;
            width: 100%;
            display: flex;
            justify-content: center;
        }
        .overlap-img {
            width: 100% !important;
            max-height: none;
            opacity: 0.85;
            height: 900px !important;
            object-fit: cover !important;
        }
        .overlap-img-sm {
            width: 60%;
            max-height: 500px;
        }
        .overlap-box {
            position: absolute;
            color: #fff;
            background: transparent;
        }
        .overlap-box h2 {
            font-size: 4rem;
            font-weight: 400;
            margin: 0;
            padding: 123px 0 46px 92px;
            position: relative;
            display: inline-block;
            line-height: 1;
            white-space: nowrap;
        }
        /* Top Left Corner Bracket */
        .bracket-tl::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 230px;
            height: 90px;
            border-top: 5px solid #fff;
            border-left: 5px solid #fff;
            border-right: 5px solid #fff;
        }
        .bracket-tl::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 185px;
            border-bottom: 5px solid #fff;
            border-left: 5px solid #fff;
            height: 143px;
        }
        /* Top Right Corner Bracket */
        .bracket-tr::before {
            content: '';
            position: absolute;
            top: 0; right: 0;
            width: 40%; height: 100%;
            border-top: 3px solid #fff;
            border-right: 3px solid #fff;
        }

        .pos-center { top: 50%; left: 50%; transform: translate(-50%, -50%); }
        .pos-right { top: 60%; right: 15%; transform: translateY(-50%); }

        /* Footer */
        .site-footer {
            border-top: 0;
            padding-top: clamp(72px, 5.9896vw, 115px) !important;
            margin-top: 0;
            background: #000;
            color: #fff;
        }
        .site-footer .container {
            max-width: 1160px;
        }
        .site-footer .row {
            display: grid;
            grid-template-columns: 245px 175px minmax(300px, 1fr) 170px;
            align-items: start;
            gap: clamp(24px, 2.2vw, 42px);
            margin: 0;
        }
        .site-footer .row > * {
            width: auto;
            max-width: none;
            padding: 0;
        }
        .footer-logo-block {
            padding: 0;
            display: inline-flex;
            align-items: center;
            margin-bottom: clamp(28px, 1.5625vw, 30px);
        }
        .footer-logo-block img {
            width: clamp(195px, 14.0625vw, 270px);
            margin-right: 0;
        }
        .footer-text-col {
            align-self: start;
            min-height: clamp(254px, 18.125vw, 348px);
            padding-right: 0;
        }
        .footer-text-col p,
        .footer-contact p,
        .footer-contact a {
            color: #fff;
            font-size: clamp(16px, 1.1458vw, 22px);
            font-weight: 400;
            line-height: 1.6;
            text-decoration: none;
        }
        .footer-text-col p {
            max-width: clamp(195px, 12.5vw, 240px);
            margin: 0;
        }
        .footer-contact h4 {
            color: #c86a3e;
            font-size: clamp(1.4rem, 1.4583vw, 1.75rem);
            margin: 0 0 10px;
            font-weight: 700;
        }
        .footer-contact p {
            margin: 0;
        }
        .footer-contact strong {
            font-weight: 400;
        }
        .footer-social {
            margin-top: clamp(14px, 1.7188vw, 33px);
            display: flex;
            align-items: center;
            gap: clamp(16px, 1.0417vw, 20px);
            white-space: nowrap;
            font-size: clamp(1.3rem, 1.3542vw, 1.625rem);
            font-weight: 700;
            color: #c86a3e;
        }
        .footer-social i {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: clamp(33px, 2.1875vw, 42px);
            height: clamp(33px, 2.1875vw, 42px);
            margin-left: 0;
            border-radius: 5px;
            background: #c86a3e;
            color: #fff;
            font-size: clamp(1.7rem, 1.7708vw, 2.125rem);
            cursor: pointer;
        }
        .footer-img {
            width: 100%;
            height: clamp(254px, 18.125vw, 348px);
            object-fit: cover;
            border: 0;
            display: block;
        }
        .footer-image-col picture,
        .footer-image-col img {
            display: block;
            width: 100%;
            height: clamp(254px, 18.125vw, 348px);
            object-fit: cover;
        }
        .footer-jobs-col {
            align-self: start;
            display: flex;
            justify-content: center;
        }
        .footer-jobs {
            display: flex;
            width: min(100%, clamp(192px, 13.6979vw, 263px));
            padding: clamp(18px, 1.25vw, 24px);
            flex-direction: column;
            justify-content: center;
            color: #fff;
            font-weight: 700;
            line-height: 1;
            text-decoration: none;
        }
        .hi-frame {
            position: relative;
            aspect-ratio: 1 / 1;
            min-width: 0;
            min-height: 0;
            flex: 0 0 auto;
            box-sizing: border-box;
            animation: none;
            transform: none;
        }
        .hi-frame::before,
        .hi-frame::after {
            content: '';
            position: absolute;
            inset: 0;
            pointer-events: none;
            animation: none;
            transform: none;
        }
        .hi-frame::before {
            border-top: 5px solid #fff;
            border-left: 5px solid #fff;
        }
        .hi-frame::after {
            background:
                linear-gradient(#fff, #fff) right top / 5px 42% no-repeat,
                linear-gradient(#fff, #fff) left bottom / 75% 5px no-repeat;
        }
        .footer-jobs-hi {
            display: block;
            margin-bottom: 9px;
            font-size: clamp(4.4rem, 5.7292vw, 6.875rem);
            letter-spacing: -0.05em;
        }
        .footer-jobs-text {
            display: block;
            color: #c86a3e;
            font-size: clamp(2.05rem, 2.8125vw, 3.375rem);
            line-height: 1.08;
            white-space: nowrap;
        }
        .footer-jobs:hover,
        .footer-jobs:focus-visible {
            color: #fff;
        }
        .footer-jobs:hover .footer-jobs-text,
        .footer-jobs:focus-visible .footer-jobs-text {
            color: #e07a49;
        }
        .footer-jobs:focus-visible {
            outline: 3px solid #c86a3e;
            outline-offset: 6px;
        }
        .footer-bottom {
            position: relative;
            left: 50%;
            width: 100vw;
            border-top: 1px solid #c86a3e;
            text-align: center;
            padding: clamp(18px, 1.25vw, 24px) 20px clamp(20px, 1.5625vw, 30px);
            margin-top: clamp(42px, 2.9688vw, 57px);
            transform: translateX(-50%);
            font-size: clamp(1rem, 1.1458vw, 1.375rem);
            font-weight: 400;
            color: #fff;
            line-height: 1.4;
        }
        .footer-bottom a {
            color: #fff;
            text-decoration: none;
        }

        @media (min-width: 1366px) {
            .site-footer .row {
                grid-template-columns:
                    clamp(192px, 14.0625vw, 270px)
                    clamp(117px, 8.5417vw, 164px)
                    clamp(142px, 10.4167vw, 200px)
                    clamp(60px, 4.4271vw, 85px)
                    clamp(386px, 28.2813vw, 543px)
                    clamp(114px, 8.3333vw, 160px)
                    clamp(187px, 13.6979vw, 263px);
                grid-auto-rows: clamp(254px, 18.125vw, 348px);
                gap: 0;
            }
            .footer-text-col {
                grid-column: 1;
            }
            .footer-contact {
                grid-column: 3;
            }
            .site-footer .row > .footer-text-col,
            .site-footer .row > .footer-contact {
                padding-top: clamp(17px, 1.25vw, 24px);
            }
            .footer-image-col {
                grid-column: 5;
                height: 100%;
                align-self: stretch;
                overflow: hidden;
            }
            .footer-image-col .footer-img,
            .footer-image-col picture,
            .footer-image-col img {
                height: 100%;
            }
            .footer-jobs-col {
                grid-column: 7;
            }
        }

        @media (min-width: 1800px) {
            .site-footer .row {
                grid-auto-rows: 348px;
            }
            .site-footer .footer-image-col,
            .site-footer .footer-image-col .footer-img,
            .site-footer .footer-image-col picture,
            .site-footer .footer-image-col img {
                height: 348px !important;
            }
        }

        @media (min-width: 769px) and (max-width: 1199px) {
            .site-footer .row {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                align-items: start;
            }
            .footer-jobs-col {
                justify-content: flex-start;
            }
        }

        /* Contact */
        .contact-stage {
            min-height: 610px;
            margin-top: 90px;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }
        .contact-stage-overlay {
            min-height: inherit;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(0, 0, 0, 0.08);
            padding: 120px 0 90px;
        }
        .contact-stage-grid {
            width: min(100%, 1194px);
    display: grid;
    grid-template-columns: minmax(0, 600px) minmax(300px, 400px);
    align-items: start;
    gap: 14px;
            padding: 0;
        }
        .contact-form-panel,
        .contact-map-panel {
            min-height: 244px;
        }
        .contact-form-panel form {
            height: 100%;
        }
        .contact-form-panel .cs_contact_form {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px 14px;
        }

        .form-label
        {
            display: none;
        }

        
        
        .contact-form-panel .cs_input_wrapper {
            width: 100%;
            max-width: none;
            padding: 0;
            margin: 0;
        }
        .contact-form-panel .anmerkungen,
        .contact-form-panel .form-check,
        .contact-form-panel .contact-captcha,
        .contact-form-panel .buttons,
        .contact-form-panel .form-actions {
            grid-column: 1 / -1;
        }
        .contact-form-panel .buttons,
        .contact-form-panel .form-actions {
            order: 20;
        }
        .contact-form-panel .cs_form_field,
        .contact-form-panel select,
        .contact-form-panel textarea,
        .contact-form-panel input[type="text"],
        .contact-form-panel input[type="email"],
        .contact-form-panel input[type="tel"] {
            width: 100%;
            min-height: 55px;
            border: 0;
            border-radius: 0;
            background: rgba(255, 255, 255, 0.88);
            color: #000;
            padding: 15px 20px;
            font-size: 0.82rem;
            font-weight: 600;
            outline: none;
        }
        .contact-form-panel .cs_form_field::placeholder,
        .contact-form-panel textarea::placeholder,
        .contact-form-panel input::placeholder {
            color: #000;
            opacity: 1;
        }
        .contact-form-panel textarea.cs_form_field,
        .contact-form-panel textarea {
            min-height: 150px;
            resize: vertical;
        }
        .contact-form-panel label {
            display: none;
        }
        .contact-form-panel .form-check {
            color: #fff;
            font-size: 0.9rem;
        }
        .contact-form-panel .form-check label {
            display: inline;
        }
        .contact-form-panel .cs_btn,
        .contact-form-panel button[type="submit"],
        .contact-form-panel input[type="submit"] {
            min-width: 128px;
            min-height: 38px;
            border: 0;
            border-radius: 0;
            background: #c86a3e;
            color: #fff;
            padding: 10px 24px;
            font-size: 0.78rem;
            cursor: pointer;
        }
        .contact-map-panel iframe {
            width: 100%;
            height: 286px;
    min-height: 287px;
            display: block;
            border: 0;
        }

        /* --- PAGE 2: INSPIRATIONEN SLIDER --- */
        .slider-view {
            display: flex;
            height: calc(100vh - 160px); /* Adjust for header and bottom nav */
            background: #000;
        }
        .inspiration-carousel {
            padding-top: 90px;
        }
        .inspiration-carousel .slider-view {
            width: 100%;
            height: 540px;
            overflow: hidden;
            position: relative;
        }
        .inspiration-carousel-track {
            display: flex;
            width: 100%;
            height: 100%;
            cursor: grab;
            transition: transform 0.45s ease;
            touch-action: pan-y;
            user-select: none;
            will-change: transform;
        }
        .inspiration-carousel-track.is-dragging {
            cursor: grabbing;
        }
        .slider-col {
            flex: 1;
            position: relative;
            overflow: hidden;
            border-right: 2px solid #000;
            cursor: pointer;
            transition: flex 0.4s ease;
        }
        .inspiration-carousel .slider-col {
            flex: 0 0 25%;
            height: 100%;
            transition: none;
        }
        .slider-col:last-child { border-right: none; }
        .slider-col:hover { flex: 1.5; }
        .inspiration-carousel .slider-col:hover {
            flex: 0 0 25%;
        }
        .slider-col a {
            display: block;
            width: 100%;
            height: 100%;
            color: inherit;
            text-decoration: none;
        }
        .slider-col img {
            width: 100%;
            height: 100%;
            -webkit-user-drag: none;
            object-fit: cover;
            opacity: 0.6;
            transition: opacity 0.4s;
        }
        .inspiration-carousel .slider-col img {
            opacity: 1;
        }
        .inspiration-carousel .slider-col:hover img {
            opacity: 0.45;
        }
        .slider-col:hover img { opacity: 1; }
        .slider-overlay {
            position: absolute;
            top: 40px;
            left: 30px;
            pointer-events: none;
        }
        .inspiration-carousel .slider-overlay {
            display: none;
        }
        .inspiration-carousel .slider-col:hover .slider-overlay {
            display: block;
        }
        .slider-overlay h2 {
            font-size: 2.5rem;
            font-weight: 300;
            margin-bottom: 40px;
        }
        .slider-vert-text {
            transform: rotate(-90deg);
            transform-origin: left top;
            font-size: 1.2rem;
            white-space: nowrap;
            margin-top: 103px;
        }
        .bottom-nav-bar {
            text-align: center;
            padding: 30px 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 120px;
        }
        .inspiration-carousel .bottom-nav-bar {
            position: relative;
            z-index: 5;
            width: 190px;
            height: auto;
            padding: 0;
            margin: -84px auto 0;
            background: transparent;
        }
        .nav-arrows {
            font-size: 3rem;
            font-weight: 300;
            display: flex;
            gap: 60px;
            margin-bottom: 10px;
        }
        .inspiration-carousel .nav-arrows {
            width: 265px;
    height: 85px;
    align-items: center;
    justify-content: center;
    gap: 60px;
    margin-bottom: 0;
    background: #000;
    color: #fff;
    font-size: 4.1rem;
    line-height: 1;
        }
        .nav-arrows span,
        .nav-arrows a,
        .nav-arrows button {
            color: inherit;
            background: transparent;
            border: 0;
            cursor: pointer;
            font: inherit;
            line-height: 1;
            padding: 0;
            text-decoration: none;
        }
        .nav-arrows .nav-arrow-disabled {
            cursor: default;
            opacity: 0.35;
            pointer-events: none;
        }
        .nav-text {
            font-size: 1.8rem;
            font-weight: 300;
        }
        .inspiration-carousel .nav-text {
            display: block;
            margin-top: 12px;
            color: #fff;
            font-size: 40px;
            font-weight: 300;
            line-height: 1.2;
        }

        /* --- PAGE 3: LÄRCHENHOLZ DETAIL --- */
        .detail-hero-section {
            width: 100%;
            margin-bottom: 40px;
        }
        .detail-hero-section img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .detail-hero-section.has-custom-hero-width img {
            width: min(100%, var(--kopfbildbreite)) !important;
            height: auto !important;
            display: block;
            margin: 0 auto;
            object-fit: contain;
            aspect-ratio: auto !important;
        }
        .detail-hero-section.is-portrait-hero img {
            width: 38% !important;
            height: auto !important;
            display: block;
            margin: 0 auto;
            object-fit: contain;
            aspect-ratio: auto !important;
        }
        .detail-content-wrapper {
            padding: 0 5%;
        }
        .detail-main-title {
            font-size: 3rem;
            font-weight: 100;
            margin-bottom: 40px;
        }
        .detail-info-row {
            display: flex;
            margin-bottom: 50px;
        }
        .detail-side-title {
            width: 100px;
            position: relative;
        }
        .detail-side-title span {
            position: absolute;
            top: 0;
            left: 0;
            transform: rotate(-90deg);
            transform-origin: left top;
            white-space: nowrap;
            font-size: 1.2rem;
            font-weight: 100;
        }
        .detail-text-block {
            flex: 1;
            font-size: 1.1rem;
            line-height: 1.6;
        }
        .detail-text-block p { 
            margin-bottom: 20px; 
            font-weight: 100; 
            font-size: 18px;}
        .detail-text-block ul {
            list-style: none;
            padding: 0;
            
        }
        .detail-text-block li {
            margin-bottom: 10px;
            position: relative;
            padding-left: 15px;
            font-weight:100;
            font-size: 18px;
        }
        .detail-text-block li::before {
            content: '>';
            position: absolute;
            left: 0;
            color: #fff;
        }
        
        .detail-grid-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            padding: 0 5%;
            margin-bottom: 20px;
        }
        .inspiration-detail-layout {
            
            margin: 0 auto 20px;
            display: block;
            column-count: 3;
            column-gap: 14px;
            padding: 0 5%;
        }
        .inspiration-detail-layout .detail-copy-card {
            display: inline-block;
            position: relative;
            width: 100%;
            min-height: 255px;
            padding: 0 22px 24px 140px;
            break-inside: avoid;
            margin: 0 0 14px;
        }
        .inspiration-detail-layout .detail-main-title {
            margin: 0 0 34px -76px;
            font-size: 2.65rem;
            line-height: 1.1;
        }
        .inspiration-detail-layout .detail-side-title {
            position: absolute;
            top: 95px;
            left: 0px;
        }
        .inspiration-detail-layout .detail-side-title span {
            font-size: 20px;
        }
        .inspiration-detail-layout .detail-text-block {
            max-width: 300px;
            font-size: 1rem;
            line-height: 1.55;
            font-weight: 700;
        }
        .inspiration-detail-layout .detail-text-block p {
            margin: 0 0 30px;
        }
        .inspiration-detail-layout .detail-text-block ul {
            margin: 0;
        }
        .inspiration-detail-layout .detail-text-block li {
            margin-bottom: 7px;
        }
        .inspiration-detail-layout .detail-grid-item {
            display: inline-block;
            width: 100%;
            height: auto;
            margin: 0 0 14px;
            break-inside: avoid;
        }
        .detail-grid-item {
            width: 100%;
            height: 400px;
        }
        .detail-grid-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .inspiration-detail-layout .detail-grid-item img {
            width: 100%;
            height: auto !important;
            object-fit: contain;
        }
        .detail-lightbox-item {
            display: block;
            width: 100%;
            height: 100%;
            cursor: zoom-in;
        }
        .inspiration-detail-layout .detail-lightbox-item {
            height: auto;
        }
        .site-lightbox {
            position: fixed;
            inset: 0;
            z-index: 3000;
            display: none;
            align-items: center;
            justify-content: center;
            background: rgba(0, 0, 0, 0.92);
            padding: 70px 90px;
        }
        .site-lightbox.is-open {
            display: flex;
        }
        .site-lightbox img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }
        .site-lightbox button {
            position: absolute;
            color: #fff;
            background: transparent;
            border: 0;
            line-height: 1;
            cursor: pointer;
        }
        .site-lightbox-close {
            top: 25px;
            right: 35px;
            font-size: 3rem;
        }
        .site-lightbox-prev,
        .site-lightbox-next {
            top: 50%;
            transform: translateY(-50%);
            font-size: 4rem;
            font-weight: 300;
        }
        .site-lightbox-prev {
            left: 30px;
        }
        .site-lightbox-next {
            right: 30px;
        }

        /* --- PAGE 4: HANDWERK --- */
        .handwerk-container {
            display: flex;
            flex-direction: column;
            /* min-height: calc(100vh - 70px); */
            padding-top: 60px;
        }
        .handwerk-text-section {
            padding: 80px 10% 0px 10%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .handwerk-title {
            font-size: 62px;
    font-weight: 400;
            margin-bottom: 50px;
            text-align: center;
        }
        .handwerk-body {
            max-width: 900px;
            font-size: 1.1rem;
            line-height: 1.8;
            font-weight: bold;
        }
        .handwerk-body p { 
            margin-bottom: 20px; 
                font-weight: 400;
                    text-align: justify;
        
        }
        
        .handwerk-collage-row {
            display: flex;
            width: 100%;
            margin-top: auto;
            padding: 0 13%;
        }
        .handwerk-collage-item {
            flex: 1;
            height: 100%;
        }
        .handwerk-collage-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* Responsive Adjustments */
        @media (max-width: 768px) {
            #main-menu {
                top: 105px;
                left: 30px;
            }
            #main-menu a {
                font-size: 1.75rem;
            }
            .hero-title { font-size: 2.5rem; left: 5%; }
            .overlap-box h2 {
                font-size: 2.25rem;
                padding: 52px 0 30px 48px;
                white-space: normal;
            }
            .bracket-tl::before {
                width: 150px;
                height: 108px;
                border-width: 4px;
            }
            .bracket-tl::after {
                width: 110px;
                border-bottom-width: 4px;
            }
            .slider-view { flex-direction: column; height: auto; }
            .slider-col { height: 300px; border-right: none; border-bottom: 2px solid #000; }
            .inspiration-carousel .slider-view {
                width: 100%;
                height: 420px;
            }
            .inspiration-carousel .slider-col {
                flex-basis: 100%;
            }
            .inspiration-carousel .slider-col:hover {
                flex-basis: 100%;
            }
            .hi-section {
                max-width: 100%;
                padding: 70px 30px 85px;
            }
            .hi-logo-wrapper img {
                width: 220px;
            }
            .hi-desc {
                max-width: 100%;
                margin-left: 0;
                font-size: 1rem;
            }
            .hi-desc h3 {
                font-size: 1.35rem;
            }
            .slider-overlay h2 { font-size: 1.8rem; margin-bottom: 20px; }
            .slider-vert-text { transform: none; margin-top: 0; }
            .contact-stage {
                min-height: auto;
                margin-top: 70px;
            }
            .contact-stage-overlay {
                padding: 70px 0;
            }
            .contact-stage-grid {
                grid-template-columns: 1fr;
                gap: 18px;
            }
            .contact-form-panel .cs_contact_form {
                grid-template-columns: 1fr;
            }
            .contact-map-panel iframe {
                min-height: 340px;
            }
            .detail-info-row { flex-direction: column; }
            .detail-side-title { height: 50px; width: 100%; }
            .detail-side-title span { transform: none; position: relative; }
            .detail-grid-container,
            .inspiration-detail-layout {
                grid-template-columns: 1fr;
            }
            .inspiration-detail-layout {
                width: 100%;
                gap: 14px;
                column-count: 1;
            }
            .inspiration-detail-layout .detail-copy-card {
                min-height: auto;
                padding: 0 0 25px;
            }
            .inspiration-detail-layout .detail-main-title {
                margin-left: 0;
            }
            .inspiration-detail-layout .detail-side-title {
                position: static;
                height: auto;
                width: 100%;
                margin-bottom: 20px;
            }
            .inspiration-detail-layout .detail-side-title span {
                position: static;
                transform: none;
            }
            .inspiration-detail-layout .detail-text-block {
                max-width: none;
            }
            .site-lightbox { padding: 60px 50px; }
            .site-lightbox-close { top: 18px; right: 20px; font-size: 2.5rem; }
            .site-lightbox-prev,
            .site-lightbox-next { font-size: 3rem; }
            .site-lightbox-prev { left: 12px; }
            .site-lightbox-next { right: 12px; }
            .handwerk-collage-row { flex-direction: column; height: auto; }
            .handwerk-collage-item { height: 200px; }
            .site-footer {
                padding-top: 45px;
            }
            .site-footer .row {
                grid-template-columns: 1fr;
                gap: 34px;
            }
            .footer-logo-block {
                display: flex;
            }
            .footer-text-col,
            .footer-contact {
                align-items: flex-start;
            }
            .footer-img {
                height: auto;
                min-height: 220px;
            }
            .footer-image-col picture,
            .footer-image-col img {
                height: auto;
                min-height: 220px;
            }
            .footer-jobs-col {
                justify-content: flex-start;
            }
            .footer-jobs {
                width: 190px;
            }
            .footer-bottom {
                margin-top: 38px;
                font-size: 0.9rem;
            }
        }

        
.inspiration-image, .detail-grid-item img
{
  height: 100% !important;
}

.grid-container
{
      padding: 0 5%;
}

.inspiration-carousel .slider-view {
    height: 800px !important;
}

.inspislide img
{
  width: auto !important;
    height: 100% !important;
}

.hero-section
{
    margin-top: 100px;
}

.anmerkungen textarea
        {
            margin-top: 5px;
        }

.form-field a
{
    color: #c86a3e;
}


.overlapcon1 {
     margin-top: 0px;
}


.overlapcon1 .pos-center {
        top: 77%;
}


.overlapcon2
{
   padding: 0 40% 0 18%;
}

.overlapcon2 .overlap-img
{
       height: 620px !important;
}

.overlapcon2 .pos-right {
    top: 52%;
    right: 18%;
    transform: translateY(-50%);
}

.overlapcon3 .pos-right {
        
}

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

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


#impressum
{
    padding-top: 130px;
}

#impressum a
{
    color: #c86a3e;
}


#datenschutz
{
    padding-top: 130px;
}

#datenschutz a
{
    color: #c86a3e;
}

#datenschutz ul
{
    margin-left: 20px;
}

@media (min-width: 1921px) {
    body {
        max-width: 1920px;
        margin-right: auto;
        margin-left: auto;
    }

    .site-header {
        left: 50%;
        width: 1920px;
        transform: translateX(-50%);
    }

    #main-menu {
        left: calc(50% - 960px + 350px);
    }

    .footer-bottom {
        width: 1920px;
    }
}

.scroll-fade {
    opacity: 0;
    transform: translateY(34px);
    transition:
        opacity 0.75s ease var(--scroll-fade-delay, 0ms),
        transform 0.75s ease var(--scroll-fade-delay, 0ms);
    will-change: opacity, transform;
}

.scroll-fade-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .scroll-fade {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

.site-preloader {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.65s ease, visibility 0s linear 0.65s;
}

.site-preloader.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.site-preloader-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 1);
}

.site-preloader-mark {
    position: relative;
    z-index: 1;
    width: 185px;
    height: 185px;
}

.site-preloader-mark img {
    position: absolute;
        left: 74%;
    top: 71%;
    width: 128px;
    height: auto;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.92);
    animation: preloaderLogoIn 0.55s ease 2s forwards;
}

.site-preloader-line {
    position: absolute;
    display: block;
    background: #fff;
}

.site-preloader-line-right,
.site-preloader-line-left {
    top: 0;
    width: 4px;
    height: 100%;
    transform: scaleY(0);
}



.site-preloader-line-top,
.site-preloader-line-bottom {
    left: 0;
    width: 100%;
    height: 4px;
    transform: scaleX(0);
}

.site-preloader-line-right {
    right: 0;
    height: 78px;
    transform-origin: bottom;
    animation: preloaderDrawScaleY 0.42s linear 0.15s forwards;
}

.site-preloader-line-top {
    top: 0;
    transform-origin: right;
    animation: preloaderDrawScaleX 0.42s linear 0.57s forwards;
}

.site-preloader-line-left {
    left: 0;
    transform-origin: top;
    animation: preloaderDrawScaleY 0.42s linear 0.99s forwards;
}

.site-preloader-line-bottom {
    bottom: 0;
    width: 160px;
    transform-origin: left;
    animation: preloaderDrawScaleX 0.42s linear 1.41s forwards;
}

body.preloader-active {
    overflow: hidden;
}

@keyframes preloaderDrawScaleY {
    to {
        transform: scaleY(1);
    }
}

@keyframes preloaderDrawScaleX {
    to {
        transform: scaleX(1);
    }
}

@keyframes preloaderLogoIn {
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes homeHeroOverlayIn {
    to {
        opacity: 1;
    }
}

@keyframes homeHeroTextIn {
    to {
        opacity: 1;
    }
}

@keyframes homeHeroTitleIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.preloader-complete #page-home .hero-section::before,
    body.preloader-complete #page-home .vertical-text-left,
    body.preloader-complete #page-home .hero-title {
        opacity: 1;
        animation: none;
    }

    body.preloader-complete #page-home .hero-title {
        transform: translateY(0);
    }

    .site-preloader-line-right,
    .site-preloader-line-left {
        transform: scaleY(1);
        animation: none;
    }

    .site-preloader-line-right {
        height: 78px;
    }

    .site-preloader-line-top,
    .site-preloader-line-bottom {
        transform: scaleX(1);
        animation: none;
    }

    .site-preloader-line-bottom {
        width: 160px;
    }

    .site-preloader-mark img {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        animation: none;
    }
}

/* Karriere / Wir suchen dich */
#karriere {
    min-height: 100vh;
    background: #000;
    color: #fff;
}

.career-page {
    padding-top: clamp(150px, 9.8958vw, 190px);
    overflow: hidden;
}

.career-intro {
    display: grid;
    grid-template-columns:
        clamp(360px, 27.1875vw, 522px)
        clamp(550px, 42.5521vw, 817px);
    column-gap: clamp(16px, 1.1458vw, 22px);
    align-items: start;
    margin-left: clamp(180px, 21.9271vw, 421px);
}

.career-copy {
    min-width: 0;
    padding-top: clamp(4px, 0.3125vw, 6px);
}

.career-hi {
    display: flex;
    width: clamp(220px, 13.6979vw, 263px);
    margin: 0;
    padding: clamp(20px, 1.25vw, 24px);
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: visible;
    font-weight: 700;
    line-height: 1;
}

.career-hi-label {
    display: block;
    color: #fff;
    font-size: clamp(4.8rem, 5.7292vw, 6.875rem);
    letter-spacing: -0.04em;
}

.career-hi-title {
    display: block;
    margin-top: clamp(20px, 1.3021vw, 25px);
    color: #c86a3e;
    font-size: clamp(2.65rem, 3.75vw, 4.5rem);
    line-height: 1;
    white-space: nowrap;
}

.career-lead {
    margin: clamp(48px, 3.0208vw, 58px) 0 0;
    color: #fff;
    font-size: clamp(1.35rem, 1.4583vw, 1.75rem);
    font-weight: 700;
    line-height: 1.25;
}

.career-text {
    max-width: clamp(360px, 27.1875vw, 522px);
    margin-top: clamp(48px, 3.2292vw, 62px);
    color: #fff;
    font-size: clamp(1rem, 1.1458vw, 1.375rem);
    font-weight: 400;
    line-height: 1.48;
}

.career-text p {
    margin: 0 0 clamp(28px, 1.9792vw, 38px);
}

.career-text p:last-child {
    margin-bottom: 0;
}

.career-hero-image {
    width: 100%;
    height: clamp(410px, 30.0521vw, 577px);
    overflow: hidden;
}

.career-hero-image picture,
.career-hero-image img,
.career-hero-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.career-gallery {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(14px, 0.9375vw, 18px);
    height: clamp(410px, 27.0833vw, 520px);
    margin: clamp(80px, 5.7292vw, 110px) clamp(70px, 6.9792vw, 134px) 0;
}

.career-gallery-item {
    min-width: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
}

.career-gallery-item picture,
.career-gallery-item img,
.career-gallery-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#karriere .topfooter {
    display: none;
}

#karriere .site-footer {
    padding-top: 0 !important;
}

#karriere .site-footer.scroll-fade,
#karriere .site-footer.scroll-fade-visible {
    opacity: 1;
    transform: none;
    transition: none;
    will-change: auto;
}

#karriere .footer-bottom {
    display: block;
    visibility: visible;
    opacity: 1;
    margin-top: clamp(42px, 3.0208vw, 58px);
}

@media (max-width: 1199px) {
    .career-page {
        padding: 145px 5% 0;
    }

    .career-intro {
        grid-template-columns: minmax(0, 1fr);
        gap: 65px;
        margin-left: 0;
    }

    .career-copy {
        padding-top: 0;
    }

    .career-text {
        max-width: 650px;
    }

    .career-hero-image {
        width: 100%;
        height: auto;
        aspect-ratio: 1.42 / 1;
    }

    .career-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        height: auto;
        margin: 65px 0 0;
    }

    .career-gallery-item {
        aspect-ratio: 0.77 / 1;
    }
}

@media (max-width: 768px) {
    .career-page {
        padding-top: 130px;
    }

    .career-hi {
        width: min(250px, 100%);
        padding: 20px;
    }

    .career-hi-title {
        max-width: 210px;
        margin-top: 15px;
        font-size: 2.25rem;
        line-height: 1.05;
        white-space: normal;
    }

    .career-lead {
        margin-top: 42px;
    }

    .career-text {
        margin-top: 36px;
    }

    .career-intro {
        gap: 48px;
    }

    .career-gallery {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 50px;
    }

    .career-gallery-item {
        aspect-ratio: 0.82 / 1;
    }
}

/* Unser Credo */
#credo {
    min-height: 100vh;
    background: #000;
    color: #fff;
}

.credo-page {
    padding-top: clamp(145px, 9.4271vw, 181px);
    overflow: hidden;
}

.credo-hero {
    width: clamp(900px, 71.0417vw, 1364px);
    height: clamp(425px, 33.3333vw, 640px);
    margin: 0 auto;
    overflow: hidden;
}

.credo-hero picture,
.credo-hero img,
.credo-hero-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.credo-content {
    margin-left: clamp(330px, 28.6979vw, 551px);
}

.credo-title {
    margin: clamp(90px, 6.9271vw, 133px) 0 0;
    color: #fff;
    font-size: clamp(3rem, 3.6458vw, 4.375rem);
    font-weight: 300;
    line-height: 1.2;
}

.credo-sections {
    display: grid;
    gap: clamp(24px, 1.5625vw, 30px);
    margin-top: clamp(38px, 2.2396vw, 43px);
}

.credo-row {
    display: grid;
    grid-template-columns:
        clamp(420px, 26.9792vw, 518px)
        clamp(320px, 20.7292vw, 398px);
    gap: clamp(28px, 1.9271vw, 37px);
    align-items: start;
    min-height: clamp(500px, 32.0833vw, 616px);
}

.credo-text {
    color: #fff;
    font-size: clamp(1rem, 1.1458vw, 1.375rem);
    font-weight: 400;
    line-height: 1.5;
}

.credo-text p {
    margin: 0 0 clamp(26px, 1.5625vw, 30px);
}

.credo-text p:last-child {
    margin-bottom: 0;
}

.credo-portrait {
    width: 100%;
    height: clamp(500px, 32.0833vw, 616px);
    margin: 0;
    overflow: hidden;
}

.credo-portrait picture,
.credo-portrait img,
.credo-portrait-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#credo .topfooter {
    display: none;
}

#credo .site-footer {
    padding-top: 0 !important;
}

#credo .site-footer.scroll-fade,
#credo .site-footer.scroll-fade-visible {
    opacity: 1;
    transform: none;
    transition: none;
    will-change: auto;
}

#credo .footer-bottom {
    display: block;
    visibility: visible;
    opacity: 1;
    margin-top: clamp(120px, 14.5833vw, 280px);
}

@media (max-width: 1199px) {
    .credo-page {
        padding: 140px 5% 0;
    }

    .credo-hero {
        width: 100%;
        height: auto;
        aspect-ratio: 2.13 / 1;
    }

    .credo-content {
        margin-left: 0;
    }

    .credo-title {
        margin-top: 75px;
    }

    .credo-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 45px;
        min-height: 0;
    }

    .credo-sections {
        gap: 70px;
    }

    .credo-text {
        max-width: 720px;
    }

    .credo-portrait {
        width: min(100%, 520px);
        height: auto;
        aspect-ratio: 0.647 / 1;
    }

    #credo .footer-bottom {
        margin-top: 100px;
    }
}

@media (max-width: 768px) {
    .credo-page {
        padding-top: 125px;
    }

    .credo-title {
        margin-top: 50px;
        font-size: 2.5rem;
    }

    .credo-sections {
        margin-top: 38px;
        gap: 55px;
    }

    .credo-row {
        gap: 32px;
    }

    .credo-portrait {
        width: 100%;
    }

    #credo .footer-bottom {
        margin-top: 70px;
    }
}

/* Unsere Visionen */
#visionen {
    min-height: 100vh;
    background: #000;
    color: #fff;
}

.vision-page {
    padding-top: clamp(155px, 10.3125vw, 198px);
    overflow: hidden;
}

.vision-content {
    width: clamp(690px, 42.7604vw, 821px);
    margin: 0 auto;
}

.vision-title {
    margin: 0;
    color: #fff;
    font-size: clamp(3.1rem, 3.6458vw, 4.375rem);
    font-weight: 300;
    line-height: 1.2;
}

.vision-intro-text,
.vision-closing-text {
    color: #fff;
    font-size: clamp(1rem, 1.1458vw, 1.375rem);
    font-weight: 400;
    line-height: 1.5;
}

.vision-intro-text {
    margin-top: clamp(22px, 1.25vw, 24px);
}

.vision-intro-text p,
.vision-closing-text p {
    margin: 0 0 clamp(24px, 1.5625vw, 30px);
}

.vision-intro-text p:last-child,
.vision-closing-text p:last-child {
    margin-bottom: 0;
}

.vision-process {
    display: grid;
    gap: clamp(10px, 0.625vw, 12px);
    margin-top: clamp(28px, 1.6667vw, 32px);
}

.vision-process-item {
    width: 100%;
    height: clamp(460px, 28.4375vw, 546px);
    margin: 0;
    overflow: hidden;
}

.vision-process-item picture,
.vision-process-item img,
.vision-process-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.vision-closing-text {
    margin-top: clamp(42px, 2.8125vw, 54px);
}

.vision-closing-text strong {
    font-weight: 700;
}

.vision-gallery {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(14px, 0.9375vw, 18px);
    height: clamp(440px, 27.2396vw, 523px);
    margin: clamp(58px, 3.6458vw, 70px) clamp(70px, 7.1354vw, 137px) 0;
}

.vision-gallery-item {
    min-width: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
}

.vision-gallery-item picture,
.vision-gallery-item img,
.vision-gallery-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#visionen .topfooter {
    display: none;
}

#visionen .site-footer {
    padding-top: 0 !important;
}

#visionen .site-footer.scroll-fade,
#visionen .site-footer.scroll-fade-visible {
    opacity: 1;
    transform: none;
    transition: none;
    will-change: auto;
}

#visionen .footer-bottom {
    display: block;
    visibility: visible;
    opacity: 1;
    margin-top: clamp(120px, 12.8125vw, 246px);
}

@media (max-width: 1199px) {
    .vision-page {
        padding: 140px 5% 0;
    }

    .vision-content {
        width: 100%;
        max-width: 821px;
    }

    .vision-process-item {
        height: auto;
        aspect-ratio: 1.5 / 1;
    }

    .vision-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        height: auto;
        margin: 65px 0 0;
    }

    .vision-gallery-item {
        aspect-ratio: 0.765 / 1;
    }

    #visionen .footer-bottom {
        margin-top: 100px;
    }
}

@media (max-width: 768px) {
    .vision-page {
        padding-top: 125px;
    }

    .vision-title {
        font-size: 2.5rem;
    }

    .vision-intro-text {
        margin-top: 28px;
    }

    .vision-process {
        margin-top: 38px;
    }

    .vision-closing-text {
        margin-top: 38px;
    }

    .vision-gallery {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 50px;
    }

    .vision-gallery-item {
        aspect-ratio: 0.82 / 1;
    }

    #visionen .footer-bottom {
        margin-top: 70px;
    }
}

@media(min-width: 767px) {
    #inspirationen .topfooter,
    #inspiration .topfooter {
        display: none;
    }
}

#cconsent-bar {
    background-color: rgba(0, 0, 0, 0.5) !important;
}