:root{--bg:#111516;--panel:#181f20;--panel2:#202727;--text:#eff1e9;--muted:#a1aaa4;--lime:#d4eb68;--line:#343c3a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.rail{position:fixed;left:0;top:0;bottom:0;width:68px;border-right:1px solid var(--line);background:#101414;z-index:15;display:flex;align-items:center;flex-direction:column}.rail-brand{font:800 14px Manrope;color:var(--lime);padding:25px 0}.rail-brand span{color:white}.rail-rule{height:1px;width:25px;background:#48504b}.rail nav{display:flex;flex-direction:column;gap:23px;margin:auto 0}.rail nav a{font-size:9px;color:#87918b;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:1px;padding:2px}.rail nav a:hover{color:var(--lime)}.rail-vertical{position:absolute;bottom:105px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;letter-spacing:2px;color:#7f8983}.rail-contact{position:absolute;bottom:25px;color:var(--limsdasde);font-size:18px}.topbar{height:78px;position:sticky;top:0;z-index:12;margin-left:68px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;background:#111516ed;border-bottom:1px solid #343c3a;backdrop-filter:blur(12px)}.brand-name{font:800 12px Manrope;letter-spacing:2px}.brand-name span{color:#8e9991;margin-left:8px;font-size:9px;letter-spacing:2px}.topbar-note{font-size:9px;letter-spacing:1.4px;color:#bac2bb}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:9px;box-shadow:0 0 10px #d4eb6880}.nav-cta{border:1px solid #59635c;padding:11px 15px;font-size:10px}.nav-cta span{color:var(--lime);margin-left:17px}.hero{height:min(760px,calc(100vh - 78px));min-height:600px;position:relative;margin-left:68px;overflow:hidden;background:#202727}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('assets/hero.jpg') center 48%/cover;filter:saturate(.55)}.hero-shade{background:linear-gradient(90deg,#101515ed 0%,#101515b8 48%,#1015152b 100%),linear-gradient(0deg,#10151580,transparent 36%)}.hero-content{position:relative;padding:143px 0 80px 11%;max-width:850px}.hero-index,.section-label{font-size:9px;letter-spacing:1.7px;color:#a9b4ac}.hero-index{border-left:2px solid var(--lime);padding-left:12px}.hero h1,.statement p,.case-copy h2,.contact h2{font:600 clamp(48px,6.6vw,84px)/.99 Manrope;letter-spacing:-4.2px;margin:30px 0 23px}.hero h1 em,.statement em,.case-copy h2 em,.contact h2 em{font-style:normal;color:var(--lime)}.hero-content>p{max-width:460px;font-size:14px;line-height:1.8;color:#c3cbc4}.hero-action{margin-top:31px;display:flex;align-items:center;justify-content:space-between;max-width:310px;padding:0 0 13px;font-size:11px}.hero-action b{color:var(--lime);font-size:16px}.hero-bottom{position:absolute;bottom:28px;left:11%;right:6%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#d0d7d0}.statement{margin-left:68px;padding:47px 12%;display:grid;grid-template-columns:.55fr 1.5fr .9fr;gap:24px;align-items:center;background:var(--lime);color:#1c251f}.statement>span{font-size:9px;letter-spacing:1.5px;font-weight:700}.statement p{font-size:31px;line-height:1.14;letter-spacing:-1.2px;margin:0}.statement p em{color:#66764a}.statement small{font-size:10px;line-height:1.7}.case-section{margin-left:68px;padding:102px 8% 108px 12%;display:grid;grid-template-columns:.78fr 1.22fr;gap:6%;align-items:center;background:var(--panel)}.case-section:nth-of-type(even){background:#111516}.case-section.reverse{grid-template-columns:1.22fr .78fr}.case-section.reverse .case-copy{grid-column:2;grid-row:1}.case-section.reverse .gallery-slider{grid-column:1;grid-row:1}.case-number{font:600 13px Manrope;color:var(--lime);margin-bottom:25px}.case-number span{color:#7e8981;font-size:10px;margin-left:5px}.case-copy h2{font-size:47px;letter-spacing:-2.4px;margin:20px 0}.case-copy h2 em{color:#cce45c}.case-copy>p{max-width:410px;font-size:12px;line-height:1.8;color:#aab4ac}.case-copy ul{padding:0;list-style:none;margin:20px 0 25px}.case-copy li{font-size:10px;color:#c0c8c1;border-bottom:1px solid #343c3a;padding:9px 0}.case-copy li:before{content:'↗';color:var(--lime);margin-right:10px}.case-link{display:inline-flex;gap:26px;font-size:10px;font-weight:700;border-bottom:1px solid #637067;padding-bottom:10px}.case-link span{color:var(--lime)}.gallery-slider{min-width:0}.gallery-main{height:clamp(300px,37vw,490px);position:relative;background:#080b0b;display:flex;align-items:center;justify-content:center;overflow:hidden}.gallery-main>img{width:100%;height:100%;object-fit:contain;display:block}.gallery-main:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#080b0bdc);pointer-events:none}.gallery-caption{position:absolute;z-index:1;left:25px;bottom:23px;display:grid;gap:7px;pointer-events:none}.gallery-caption span{font-size:8px;letter-spacing:1.5px;color:#d0d9d1}.gallery-caption strong{font:600 18px Manrope}.gallery-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:39px;height:39px;border-radius:50%;border:1px solid #ffffff65;background:#101515a6;color:white;font-size:16px;cursor:pointer}.gallery-arrow:hover{background:var(--lime);color:#1b241e;border-color:var(--lime)}.gallery-arrow.prev{left:15px}.gallery-arrow.next{right:15px}.gallery-meta{display:flex;align-items:center;justify-content:space-between;padding:12px 1px;color:#859189;font-size:8px;letter-spacing:1.4px}.gallery-meta .gallery-count{font:600 11px Manrope;color:var(--lime)}.gallery-count i{font-style:normal;color:#76817a;padding:0 5px}.gallery-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.thumb{height:82px;position:relative;padding:0;border:1px solid #39413e;background:#0b0f0e;overflow:hidden;cursor:pointer;opacity:.67;transition:opacity .2s,border-color .2s}.thumb:hover,.thumb.active{opacity:1;border-color:var(--lime)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#080b0b99)}.thumb span{position:absolute;z-index:1;bottom:7px;left:8px;font:600 9px Manrope;color:white}.contact{margin-left:68px;padding:75px 12%;background:var(--lime);color:#1a241d}.contact>.section-label{color:#536248}.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px}.contact h2{font-size:59px;letter-spacing:-3px;margin:22px 0}.contact h2 em{color:#617147}.contact-details>p{font-size:12px;line-height:1.7;max-width:330px}.contact-phone{display:block;font:700 20px Manrope;margin-top:22px}.contact-phone span{margin-left:10px}.contact-mail{display:block;font-size:12px;margin-top:8px}.contact-details small{display:block;border-top:1px solid #a9b78a;padding-top:15px;margin-top:21px;font-size:9px;line-height:1.7}footer{margin-left:68px;background:#0d1110;padding:24px 7%;display:flex;justify-content:space-between;align-items:center;color:#9aa49c;font-size:9px}footer .brand-name{color:white}footer .brand-name span{color:#9aa49c}footer>div{display:flex;gap:20px}footer a:hover{color:var(--lime)}
@media(max-width:1050px){.case-section{padding-left:8%;padding-right:6%;gap:4%;grid-template-columns:.8fr 1.2fr}.case-section.reverse{grid-template-columns:1.2fr .8fr}.case-copy h2{font-size:40px}.statement{padding-left:8%;padding-right:7%}}
@media(max-width:700px){.rail{width:48px}.rail-brand{font-size:12px}.rail-vertical{font-size:7px}.rail nav{gap:18px}.rail nav a{font-size:8px}.topbar,.hero,.statement,.case-section,.contact,footer{margin-left:48px}.topbar{height:65px;padding:0 5%}.topbar-note{display:none}.nav-cta{padding:9px 10px;font-size:9px}.hero{height:680px;min-height:0}.hero-image{background-position:58% center}.hero-shade{background:linear-gradient(90deg,#101515ec,#10151571),linear-gradient(0deg,#10151590,transparent 45%)}.hero-content{padding:113px 7% 65px}.hero h1{font-size:48px;letter-spacing:-3px}.hero-content>p{font-size:12px}.hero-bottom{left:7%;right:6%;font-size:7px}.statement{padding:34px 7%;display:block}.statement>span{display:block;margin-bottom:14px}.statement p{font-size:26px}.statement small{display:block;margin-top:14px}.case-section,.case-section.reverse{padding:64px 6% 70px 7%;display:flex;flex-direction:column;align-items:stretch;gap:29px}.case-copy h2{font-size:39px;letter-spacing:-1.8px}.case-number{margin-bottom:16px}.case-copy>p{font-size:11px}.gallery-main{height:clamp(280px,75vw,420px)}.gallery-caption{left:15px;bottom:16px}.gallery-caption strong{font-size:15px}.gallery-arrow{width:34px;height:34px}.gallery-arrow.prev{left:9px}.gallery-arrow.next{right:9px}.thumb{height:65px}.contact{padding:58px 7%}.contact-layout{display:block}.contact h2{font-size:46px}.contact-details{margin-top:25px}.contact-phone{font-size:18px}footer{padding:22px 6%;flex-wrap:wrap;gap:14px}footer>span{order:3;width:100%}}
.image-editor{margin-left:68px;background:#181f1e;padding:25px 7%;color:#eff1e9;border-top:1px solid #343c3a}.image-editor-toggle{width:100%;display:flex;justify-content:space-between;border:0;border-bottom:1px solid #343c3a;padding:12px 0;background:none;color:white;font:700 14px Manrope;cursor:pointer}.image-editor-toggle span{color:#d4eb68;font-size:20px}.image-editor-body{padding-top:12px}.image-editor-body>p{font-size:11px;color:#a1aaa4;line-height:1.6}.image-editor-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;margin:18px 0}.image-editor-item{display:flex;flex-direction:column;gap:8px;border:1px solid #343c3a;padding:12px;font-size:10px;color:#e2e8e1}.image-editor-item input{font-size:10px;max-width:100%}.image-editor-item small,.image-editor-body>small{color:#9aa49c;font-size:9px}.image-editor-reset{border:1px solid #647067;color:white;background:none;padding:9px 12px;font:10px 'DM Sans';cursor:pointer}.image-editor-body>small{display:block;margin-top:12px}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:20;display:flex;align-items:center;gap:9px;background:#21aa68;color:white;border-radius:40px;padding:12px 16px;box-shadow:0 8px 25px #0007;font:700 11px 'DM Sans';transition:transform .2s}.whatsapp-float:hover{transform:translateY(-3px)}.wa-icon{width:20px;height:20px;border:1.5px solid white;border-radius:50%;display:grid;place-items:center;font-size:10px}@media(max-width:700px){.image-editor{margin-left:48px;padding:22px 7%}.image-editor-grid{grid-template-columns:1fr 1fr;gap:9px}.gallery-main{height:clamp(270px,77vw,400px)}.gallery-caption span{font-size:7px}.gallery-caption strong{font-size:14px}.whatsapp-float{right:12px;bottom:12px;padding:11px 13px}}

/* Layout ohne linke Seitenleiste */
.topbar,.hero,.statement,.case-section,.contact,footer{margin-left:0}
.gallery-thumbs{grid-template-columns:repeat(auto-fit,minmax(74px,1fr))}
@media(max-width:700px){.topbar,.hero,.statement,.case-section,.contact,footer{margin-left:0}.gallery-thumbs{grid-template-columns:repeat(auto-fit,minmax(68px,1fr))}}

/* Kontaktseite */
.contact-hero{min-height:390px;padding:80px 10% 72px;background:linear-gradient(110deg,#181f20 0%,#111516 72%);display:flex;align-items:center;justify-content:space-between;gap:40px;border-bottom:1px solid var(--line)}
.contact-hero-copy{max-width:770px}
.contact-hero h1{font:600 clamp(43px,6vw,76px)/1.02 Manrope;letter-spacing:-3.7px;margin:24px 0 18px}
.contact-hero h1 em,.contact-intro h2 em{font-style:normal;color:var(--lime)}
.contact-hero-copy>p{max-width:570px;color:#b7c0b8;font-size:14px;line-height:1.8}
.contact-hero-mark{flex:none;width:125px;height:125px;border:1px solid #56604c;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--lime)}
.contact-hero-mark span{font:700 36px Manrope;line-height:1}
.contact-hero-mark small{margin-top:7px;text-align:center;font-size:8px;line-height:1.4;letter-spacing:1.3px}
.contact-main{padding:82px 10%;display:grid;grid-template-columns:.72fr 1.28fr;gap:7%;align-items:start;background:#111516}
.contact-intro{position:sticky;top:110px}
.contact-intro h2{font:600 clamp(37px,4.3vw,56px)/1.02 Manrope;letter-spacing:-2.6px;margin:22px 0}
.contact-intro h2 em{color:#cce45c}
.contact-intro>p{max-width:340px;color:#aab4ac;font-size:12px;line-height:1.8}
.contact-direct{margin-top:32px;border-top:1px solid var(--line);padding-top:20px}
.contact-direct>a{display:block;margin-bottom:19px}
.contact-direct small{display:block;color:#89948c;font-size:8px;letter-spacing:1.4px;margin-bottom:5px}
.contact-direct strong{font:600 14px Manrope;color:#eff1e9}
.contact-direct>p{color:#a1aaa4;font-size:10px;line-height:1.7;margin-top:22px}
.contact-form-panel{background:var(--panel);border:1px solid #303a36;padding:clamp(22px,4vw,46px)}
.form-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.form-heading p{margin:0;color:#a1aaa4;font-size:9px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}
.form-field{min-width:0;display:flex;flex-direction:column;gap:8px}
.form-field-wide{grid-column:1/-1}
.form-field label{color:#dce3db;font-size:10px;font-weight:600}
.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #46504a;border-radius:0;background:#111716;color:#eff1e9;padding:12px 13px;font:12px 'DM Sans',sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}
.form-field input,.form-field select{height:44px}
.form-field textarea{min-height:145px;resize:vertical;line-height:1.6}
.form-field input::placeholder,.form-field textarea::placeholder{color:#7f8a82}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--lime);box-shadow:0 0 0 2px #d4eb6822}
.form-field select{color:#b9c2ba}
.form-submit-row{display:flex;align-items:center;gap:19px;margin-top:23px}
.form-submit{flex:none;border:0;background:var(--lime);color:#182019;padding:14px 20px;font:700 11px 'DM Sans',sans-serif;cursor:pointer}
.form-submit span{margin-left:26px;font-size:15px}
.form-submit:hover{background:#e0f48a}
.form-submit-row>p{max-width:300px;margin:0;color:#9fa9a1;font-size:9px;line-height:1.6}
.form-status{min-height:1em;margin:14px 0 0;color:var(--lime);font-size:10px;line-height:1.5}
.form-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.form-privacy{margin:14px 0 0;color:#8f9a92;font-size:9px;line-height:1.6}
.form-privacy a{color:#d4eb68;text-decoration:underline;text-underline-offset:3px}
.contact-page footer{margin-left:0}
@media(max-width:850px){.contact-main{grid-template-columns:1fr;gap:38px}.contact-intro{position:static}.contact-direct{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.contact-direct>p{grid-column:1/-1}}
@media(max-width:700px){.contact-hero{min-height:0;padding:68px 7% 52px}.contact-hero h1{font-size:43px;letter-spacing:-2.6px}.contact-hero-copy>p{font-size:12px}.contact-hero-mark{width:76px;height:76px;align-self:flex-end}.contact-hero-mark span{font-size:23px}.contact-hero-mark small{font-size:6px;margin-top:4px}.contact-main{padding:57px 7%}.form-heading{align-items:flex-start;flex-direction:column;gap:7px}.form-grid{grid-template-columns:1fr;gap:15px}.form-field-wide{grid-column:auto}.form-submit-row{align-items:flex-start;flex-direction:column}.form-submit{width:100%;text-align:left}.form-submit-row>p{max-width:none}.contact-direct{display:block}.contact-direct>p{margin-top:22px}}


.contact-form-link{display:inline-block;margin-top:16px;border-bottom:1px solid #617147;padding-bottom:7px;font-size:10px;font-weight:700}.contact-form-link span{margin-left:12px}
.whatsapp-float{bottom:88px}
@media(max-width:700px){.whatsapp-float{bottom:102px}}

/* Use fonts already available on the visitor's device instead of requesting them from an external service. */
@font-face{font-family:'DM Sans';src:local('Arial'),local('Helvetica Neue'),local('Segoe UI');font-style:normal;font-weight:100 900}
@font-face{font-family:Manrope;src:local('Arial'),local('Helvetica Neue'),local('Segoe UI');font-style:normal;font-weight:100 900}

.privacy-page .topbar{margin-left:68px}
.privacy-main{width:calc(100% - 68px);max-width:1500px;margin-left:68px;padding:76px 8% 105px}
.privacy-heading{max-width:850px;padding-bottom:48px;border-bottom:1px solid var(--line)}
.privacy-heading h1{font:700 clamp(48px,6.5vw,78px)/.98 Manrope;letter-spacing:-3.8px;margin:22px 0}
.privacy-heading h1 em{font-style:normal;color:var(--lime)}
.privacy-heading>p{max-width:570px;color:#b7c0b9;font-size:14px;line-height:1.8}
.privacy-updated{display:block;margin-top:25px;color:#849088;font-size:9px;letter-spacing:1.3px;text-transform:uppercase}
.privacy-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:8%;padding-top:48px}
.privacy-nav{position:sticky;top:112px;align-self:start;display:grid;gap:17px}
.privacy-nav a{display:flex;gap:13px;color:#849088;font-size:9px;letter-spacing:1px}
.privacy-nav a span{color:#d6ddd5;letter-spacing:.2px}
.privacy-nav a:hover,.privacy-nav a:hover span{color:var(--lime)}
.privacy-content{max-width:850px}
.privacy-section{padding:0 0 36px;margin-bottom:38px;border-bottom:1px solid var(--line);scroll-margin-top:105px}
.privacy-number{font-size:8px;letter-spacing:1.6px;color:var(--lime)}
.privacy-section h2{font:600 clamp(23px,3vw,34px)/1.12 Manrope;letter-spacing:-1px;margin:14px 0 22px}
.privacy-section p{color:#b6c0b8;font-size:12px;line-height:1.9;margin:0 0 15px}
.privacy-section strong{color:#eff1e9}
.privacy-section a{text-decoration:underline;text-decoration-color:#78837b;text-underline-offset:3px}
.privacy-section a:hover{color:var(--lime)}
.privacy-section .privacy-inline-link{color:var(--lime)}
.privacy-open-item{margin-top:20px;padding:18px 20px;border-left:2px solid var(--lime);background:#1c2421}
.privacy-open-item strong{font-size:11px;letter-spacing:.2px}
.privacy-open-item p{margin:8px 0 0;font-size:10px;line-height:1.7}
.privacy-change-note{padding:14px 0;color:#87938b;font-size:10px;line-height:1.6}
.privacy-page footer{margin-left:68px}
@media(max-width:800px){.privacy-main{padding-right:7%;padding-left:7%}.privacy-layout{grid-template-columns:1fr;gap:38px}.privacy-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;padding-bottom:23px;border-bottom:1px solid var(--line)}}
@media(max-width:700px){.privacy-page .topbar{margin-left:48px}.privacy-main{width:calc(100% - 48px);margin-left:48px;padding-top:55px;padding-bottom:75px}.privacy-heading{padding-bottom:34px}.privacy-heading h1{font-size:46px;letter-spacing:-2.5px}.privacy-heading>p{font-size:12px}.privacy-layout{padding-top:30px}.privacy-section{padding-bottom:26px;margin-bottom:28px}.privacy-section p{font-size:11px}.privacy-open-item{padding:15px}.privacy-page footer{margin-left:48px}}

/* Legal notice page */
.legal-page .topbar{margin-left:0}
.legal-main{max-width:1180px;margin:0 auto;padding:76px 8% 100px}
.legal-heading{max-width:850px;padding-bottom:48px;border-bottom:1px solid var(--line)}
.legal-heading h1{font:700 clamp(48px,6.5vw,78px)/.98 Manrope;letter-spacing:-3.8px;margin:22px 0}
.legal-heading h1 em{font-style:normal;color:var(--lime)}
.legal-heading>p{max-width:570px;color:#b7c0b9;font-size:14px;line-height:1.8}
.legal-content{max-width:850px;padding-top:48px}
.legal-section{padding:0 0 36px;margin-bottom:38px;border-bottom:1px solid var(--line)}
.legal-section>span{font-size:8px;letter-spacing:1.6px;color:var(--lime)}
.legal-section h2{font:600 clamp(23px,3vw,34px)/1.12 Manrope;letter-spacing:-1px;margin:14px 0 22px}
.legal-section p{color:#b6c0b8;font-size:12px;line-height:1.9;margin:0 0 15px}
.legal-section strong{color:#eff1e9}
.legal-section a{text-decoration:underline;text-decoration-color:#78837b;text-underline-offset:3px}
.legal-section a:hover{color:var(--lime)}
@media(max-width:700px){.legal-main{padding:55px 7% 75px}.legal-heading{padding-bottom:34px}.legal-heading h1{font-size:46px;letter-spacing:-2.5px}.legal-heading>p{font-size:12px}.legal-content{padding-top:30px}.legal-section{padding-bottom:26px;margin-bottom:28px}.legal-section p{font-size:11px}}