/* NEXIOST Hell/Dunkel + Kopfzeile – Stand 20.10.2026. Wird nach den anderen Stylesheets geladen. */
/* aus style.css */
:root[data-theme="dark"]{--paper:#1b1914;--cream:#252119;--ink:#daddd5;--muted:#85867d;--line:#2e2d25;--copper:#cf8c6d;--sand:#413525;--dark:#e1e6df}
:root[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
:root[data-theme="dark"] a{color:inherit}
:root[data-theme="dark"] button{color:inherit}
:root[data-theme="dark"] em{color:var(--copper)}
:root[data-theme="dark"] button:focus-visible,:root[data-theme="dark"] a:focus-visible,:root[data-theme="dark"] summary:focus-visible{outline:3px solid #dea178}
:root[data-theme="dark"] .kicker{color:var(--copper)}
:root[data-theme="dark"] .wordmark>span:not(.brand-point){color:#e3bd8e}
:root[data-theme="dark"] .site-header{color:var(--paper)}
:root[data-theme="dark"] .nav{border-bottom:1px solid #1111112a}
:root[data-theme="dark"] .nav-links a:hover{color:var(--sand)}
:root[data-theme="dark"] .nav-inquiry{border-bottom:1px solid #41352588}
:root[data-theme="dark"] .hero{background:#ddedfe;color:#111111}
:root[data-theme="dark"] .hero-overlay{background:linear-gradient(90deg,#dbeefdef 0,#dbeefdc2 22%,#dbeefd50 44%,#dbeefd00 66%),linear-gradient(180deg,#dceefd45,transparent 30%,transparent 82%,#ddeefbb0)}
:root[data-theme="dark"] .hero .kicker{color:#413729}
:root[data-theme="dark"] .dot{background:#443928;box-shadow:0 0 0 4px #00000026}
:root[data-theme="dark"] .hero h1 em{color:var(--sand)}
:root[data-theme="dark"] .hero-description{color:#232523}
:root[data-theme="dark"] .button-sand{background:var(--sand);color:#d7dfd9}
:root[data-theme="dark"] .button-sand:hover{background:#332818}
:root[data-theme="dark"] .button-dark{background:var(--dark);color:var(--paper)}
:root[data-theme="dark"] .button-dark:hover{background:#b6bdb0}
:root[data-theme="dark"] .hero-link{color:#212322}
:root[data-theme="dark"] .hero-fine{color:#495257}
:root[data-theme="dark"] .hero-image-note{color:#d9dedb}
:root[data-theme="dark"] .hero-scroll{border-top:1px solid #11111128}
:root[data-theme="dark"] .intro-layout>.kicker{color:var(--muted)}
:root[data-theme="dark"] .intro-bottom p{color:var(--muted)}
:root[data-theme="dark"] .round-arrow{border:1px solid #393a31}
:root[data-theme="dark"] .round-arrow:hover{background:var(--cream)}
:root[data-theme="dark"] .qualities{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#94988c}
:root[data-theme="dark"] .qualities span{border-right:1px solid var(--line)}
:root[data-theme="dark"] .portfolio{background:#26221c}
:root[data-theme="dark"] .section-intro{color:var(--muted)}
:root[data-theme="dark"] .branch-tabs{border-bottom:1px solid #36342d}
:root[data-theme="dark"] .branch-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#818279}
:root[data-theme="dark"] .branch-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--copper)}
:root[data-theme="dark"] .showcase-browser{background:#161513;box-shadow:0 18px 45px #00000026;border:1px solid #33322c}
:root[data-theme="dark"] .browser-chrome{background:#151513;color:#696861;border-bottom:1px solid #24231f}
:root[data-theme="dark"] .browser-dots{color:#454640}
:root[data-theme="dark"] .browser-expand{border:0;background:none;color:#867f74}
:root[data-theme="dark"] .showcase-open{border:0;background:transparent}
:root[data-theme="dark"] .showcase-open span{color:var(--ink);background:#1b1914e8;border:1px solid #383123}
:root[data-theme="dark"] .project-number{color:#6a695e}
:root[data-theme="dark"] .showcase-info>p:not(.kicker):not(.concept-note){color:var(--muted)}
:root[data-theme="dark"] .project-tags span{border:1px solid #3a3930;color:#888a7e}
:root[data-theme="dark"] .concept-note{color:#6c6c62}
:root[data-theme="dark"] .rail-arrow{background:transparent;border:1px solid #3d3d33}
:root[data-theme="dark"] .rail-arrow:hover{background:#1a1814}
:root[data-theme="dark"] .branch-card{border:0;background:transparent}
:root[data-theme="dark"] .branch-card-photo{background:#443e32}
:root[data-theme="dark"] .branch-card-photo>span{background:#18150ede;color:#acb0a6}
:root[data-theme="dark"] .branch-card-label span{color:var(--copper)}
:root[data-theme="dark"] .branch-card.active .branch-card-label{text-decoration-color:var(--copper)}
:root[data-theme="dark"] .services-intro>p:not(.kicker){color:var(--muted)}
:root[data-theme="dark"] .service-photo>span{color:#111111;background:#d4e0d270}
:root[data-theme="dark"] .service-details details{border-bottom:1px solid var(--line)}
:root[data-theme="dark"] .service-details details:first-child{border-top:1px solid var(--line)}
:root[data-theme="dark"] .service-index{color:var(--copper)}
:root[data-theme="dark"] .service-details summary b{color:var(--muted)}
:root[data-theme="dark"] .service-body p,:root[data-theme="dark"] .service-body li{color:var(--muted)}
:root[data-theme="dark"] .service-body li::marker{color:var(--copper)}
:root[data-theme="dark"] .modules>span{color:var(--copper)}
:root[data-theme="dark"] .modules i{color:var(--copper)}
:root[data-theme="dark"] .modules small{color:#72736a}
:root[data-theme="dark"] .text-link{border-bottom:1px solid #49493d}
:root[data-theme="dark"] .care-banner{background:var(--sand)}
:root[data-theme="dark"] .process{background:var(--dark);color:var(--paper)}
:root[data-theme="dark"] .process .kicker{color:#c0a782}
:root[data-theme="dark"] .process em{color:#d9bd97}
:root[data-theme="dark"] .process .section-intro{color:#a5ac9f}
:root[data-theme="dark"] .process-grid article{border-top:1px solid #59604f}
:root[data-theme="dark"] .process-grid article>span{color:#b3baaa}
:root[data-theme="dark"] .process-grid p{color:#aab1a1}
:root[data-theme="dark"] .about{background:#302c23}
:root[data-theme="dark"] .about-top>.kicker{color:#828375}
:root[data-theme="dark"] .about-top>div p{color:#8b8e82}
:root[data-theme="dark"] .giant-brand{color:#423f36}
:root[data-theme="dark"] .giant-brand>span{color:#575042}
:root[data-theme="dark"] .giant-brand .giant-dot{color:var(--copper)}
:root[data-theme="dark"] .faq details{border-bottom:1px solid var(--line)}
:root[data-theme="dark"] .faq details:first-child{border-top:1px solid var(--line)}
:root[data-theme="dark"] .faq summary b{color:var(--muted)}
:root[data-theme="dark"] .faq details p{color:var(--muted)}
:root[data-theme="dark"] .contact{background:#252119;border-top:1px solid #322f26}
:root[data-theme="dark"] .contact-layout>div>p:not(.kicker){color:var(--muted)}
:root[data-theme="dark"] .contact-email{border-bottom:1px solid #47493d}
:root[data-theme="dark"] .contact-email>span{color:var(--copper)}
:root[data-theme="dark"] .contact-promises{color:#878d7f}
:root[data-theme="dark"] .contact-promises>span::before{color:var(--copper)}
:root[data-theme="dark"] .contact-design{border-left:2px solid var(--copper);background:#2e281e}
:root[data-theme="dark"] .form-heading>span{color:var(--muted)}
:root[data-theme="dark"] form label{color:#91978b}
:root[data-theme="dark"] form input,:root[data-theme="dark"] form textarea,:root[data-theme="dark"] form select{background:transparent;border:0;border-bottom:1px solid #3d3e34;color:var(--ink);outline:none}
:root[data-theme="dark"] form input:focus,:root[data-theme="dark"] form textarea:focus,:root[data-theme="dark"] form select:focus{border-bottom-color:var(--copper);box-shadow:0 1px 0 var(--copper)}
:root[data-theme="dark"] form input::placeholder,:root[data-theme="dark"] form textarea::placeholder{color:#5c5b50}
:root[data-theme="dark"] .form-note{color:#6a695d}
:root[data-theme="dark"] #form-status{color:#98a693}
:root[data-theme="dark"] footer{background:var(--dark);color:var(--paper)}
:root[data-theme="dark"] .footer-top p{color:#9aa28f}
:root[data-theme="dark"] .footer-bottom{border-top:1px solid #ffffff18;color:#8d9681}
:root[data-theme="dark"] .skip:focus{background:var(--paper);color:var(--ink)}
:root[data-theme="dark"] dialog{background:#262a25;color:var(--paper);border:1px solid #ffffff2b}
:root[data-theme="dark"] dialog::backdrop{background:#172018c9}
:root[data-theme="dark"] .gallery-header{border-bottom:1px solid #ffffff18}
:root[data-theme="dark"] .gallery-header .kicker{color:#b7a688}
:root[data-theme="dark"] .close-gallery{border:1px solid #ffffff22;color:#dddccd;background:transparent}
:root[data-theme="dark"] .theme-buttons button{background:transparent;border:1px solid #ffffff25;color:#abb2a2}
:root[data-theme="dark"] .theme-buttons button.active{background:var(--sand);color:#34382d;border-color:var(--sand)}
:root[data-theme="dark"] .viewport-switch{border:1px solid #ffffff25}
:root[data-theme="dark"] .viewport-switch button{background:transparent;border:0;color:#a1a994}
:root[data-theme="dark"] .viewport-switch button.active{background:#ffffff16;color:white}
:root[data-theme="dark"] .gallery-canvas{background:#1c221d}
:root[data-theme="dark"] .gallery-browser{background:var(--paper);box-shadow:0 15px 35px #0003}
:root[data-theme="dark"] .gallery-browser .browser-chrome{background:#eae8e0;color:#89897e;border-color:#dad9cd}
:root[data-theme="dark"] .gallery-pagination>button{border:1px solid #ffffff25;background:transparent;color:#e5e5db}
:root[data-theme="dark"] .gallery-pagination p{color:#c7cbbf}
:root[data-theme="dark"] .gallery-dots button{border:0;background:#63695a}
:root[data-theme="dark"] .gallery-dots button.active{background:var(--sand)}
:root[data-theme="dark"] .gallery-footer>button{background:transparent;color:#b4bcaa;border:0}
:root[data-theme="dark"] .gallery-disclaimer{color:#858f7a}
@media(max-width:850px){
:root[data-theme="dark"] .nav-links{background:#d8e2da;box-shadow:0 20px 35px #0000003d}
:root[data-theme="dark"] .nav-links a{border-bottom:1px solid #11111118}
:root[data-theme="dark"] .menu{background:transparent;color:var(--paper);border:0}
:root[data-theme="dark"] .menu span{background:currentColor}
:root[data-theme="dark"] .hero-overlay{background:linear-gradient(90deg,#dbeefdf2 0,#dbeefdc9 25%,#dbeefd3a 60%,#dbeefd00),linear-gradient(180deg,#dceefd45,transparent 30%,transparent 82%,#ddeefbb0)}
}
@media(max-width:600px){
:root[data-theme="dark"] .dot{box-shadow:0 0 0 3px #00000026}
:root[data-theme="dark"] .hero-fine{color:#4d565a}
:root[data-theme="dark"] .hero-overlay{background:linear-gradient(180deg,#ddedfe 0%,#ddedfe 42%,#ddedfe88 51%,#ddedfe00 66%,#ddedfe00 85%,#ddedfeb0 100%)}
:root[data-theme="dark"] .hero-image-note{text-shadow:0 1px 5px #000}
:root[data-theme="dark"] .mobile-inquiry{background:#413525f5;color:#d5ded3;border:1px solid #392e1d;box-shadow:0 5px 25px #0000003d}
}
:root[data-theme="dark"] .site-header{background:#251f16;color:#ded4cd;border-bottom:1px solid #3e3429;box-shadow:0 4px 22px #0000001d}
:root[data-theme="dark"] .brand-lockup .wordmark>span{color:var(--copper)}
:root[data-theme="dark"] .brand-tagline{color:#a1907f}
:root[data-theme="dark"] .nav-links a:hover{color:#cd8d6d}
:root[data-theme="dark"] .nav-inquiry{border-bottom-color:#736153}
:root[data-theme="dark"] .menu{color:#ded4cd}
:root[data-theme="dark"] .hero{background:#2c251b}
:root[data-theme="dark"] .hero-overlay{background:linear-gradient(90deg,#eddbcfe8 0%,#e1cabdb5 22%,#d3bfaf40 44%,transparent 66%),linear-gradient(180deg,#9b877922,transparent 30%,transparent 82%,#f2e2d5a6)}
@media(max-width:1000px){
:root[data-theme="dark"] .nav-links{background:#251f16;box-shadow:0 20px 35px #0000003a}
:root[data-theme="dark"] .nav-links a{border-bottom-color:#3e3429}
}
@media(max-width:600px){
:root[data-theme="dark"] .hero{color:#ded4cd}
:root[data-theme="dark"] .hero-overlay{background:linear-gradient(180deg,#2c251b 0%,#2c251b 42%,#2c251b88 51%,#2c251b00 66%,#2c251b00 85%,#f2e2d5b0 100%)}
:root[data-theme="dark"] .hero .kicker{color:#a38f81}
:root[data-theme="dark"] .hero h1 em{color:#cd8d6e}
:root[data-theme="dark"] .hero-description{color:#ad9b8d}
:root[data-theme="dark"] .hero-link{color:#c6b2a3}
:root[data-theme="dark"] .hero-fine{color:#9a897a}
:root[data-theme="dark"] .dot{background:#cf8c6d;box-shadow:0 0 0 4px #00000026}
:root[data-theme="dark"] .hero-scroll{color:#1b1914}
}
:root[data-theme="dark"] .intro-bottom .impression-signature{color:var(--copper)}
:root[data-theme="dark"] .contact-email{background:#1b1914;border:1px solid #3e3429}
:root[data-theme="dark"] .contact-email:hover{background:#171410;border-color:var(--copper)}
:root[data-theme="dark"] .contact-promises{color:#a7a196}
:root[data-theme="dark"] .contact form{background:#181713;border:1px solid #372f24;box-shadow:0 12px 36px #0000000b}
:root[data-theme="dark"] .form-heading>span{color:#958373}
:root[data-theme="dark"] .contact form label{color:#aaa195}
:root[data-theme="dark"] .contact form input,:root[data-theme="dark"] .contact form select,:root[data-theme="dark"] .contact form textarea{background:#141310;border:1px solid #3b3328;color:#ded4cd;box-shadow:none}
:root[data-theme="dark"] .contact form input::placeholder,:root[data-theme="dark"] .contact form textarea::placeholder{color:#80786e}
:root[data-theme="dark"] .contact form input:focus,:root[data-theme="dark"] .contact form select:focus,:root[data-theme="dark"] .contact form textarea:focus{border-color:var(--copper);outline:2px solid #cf8c6d24;box-shadow:none}
:root[data-theme="dark"] .contact .form-note{color:#8f8477}
:root[data-theme="dark"] .about-mission{border-top:1px solid #4f4a3d}
:root[data-theme="dark"] .mission-story>p:not(.kicker){color:#9d9c8f}
:root[data-theme="dark"] .mission-story .mission-promise{color:#c4c6ba}
:root[data-theme="dark"] .mission-evidence{background:#1b1914;border:1px solid #413a2e}
:root[data-theme="dark"] .mission-stat{color:#cd8d6e}
:root[data-theme="dark"] .mission-evidence>p:not(.kicker){color:#a6a59a}
:root[data-theme="dark"] .mission-evidence .evidence-context{color:#8d897c!important}
:root[data-theme="dark"] .evidence-source{border-top:1px solid #3b3328;color:#aa9588}
:root[data-theme="dark"] .site-header{background:#251f16;box-shadow:0 3px 18px #0000000e}
:root[data-theme="dark"] .site-header .nav-inquiry{border:0;background:#cf8c6d;color:#171410}
:root[data-theme="dark"] .site-header .nav-inquiry:hover{background:#cd8d6f}
@media(max-width:850px){
:root[data-theme="dark"] .site-header .nav-links{background:#251f16}
}
@media(max-width:850px){
:root[data-theme="dark"] .site-header .nav-links{background:transparent;box-shadow:none}
}
@media(max-width:600px){
:root[data-theme="dark"] .hero{background:#2c251b}
:root[data-theme="dark"] .hero-scroll{background:#ded4cd;border-top:0;color:#1b1914}
}
@media(max-width:600px){
:root[data-theme="dark"] .hero{background:linear-gradient(to bottom,#2c251b 0%,#2c251b 55%,#1b1914 100%)}
:root[data-theme="dark"] .hero-scroll{background:transparent;color:#ad9b8d}
}
:root[data-theme="dark"] .studio-footer{background:#292a25;color:#f7f4ed;border-top:3px solid #bd8d66}
:root[data-theme="dark"] .studio-footer .footer-invitation{border-bottom:1px solid #ffffff24}
:root[data-theme="dark"] .studio-footer .footer-eyebrow{color:#d6b28e}
:root[data-theme="dark"] .studio-footer h2 em{color:#e2c3a2}
:root[data-theme="dark"] .studio-footer .footer-cta{background:#e6c7a6;color:#302b25}
:root[data-theme="dark"] .studio-footer .footer-cta:hover{background:#f1d9bc}
:root[data-theme="dark"] .studio-footer .wordmark>span{color:#d6ad82}
:root[data-theme="dark"] .studio-footer .footer-brand>p{color:#d0d0c5}
:root[data-theme="dark"] .studio-footer .footer-navigation>p,:root[data-theme="dark"] .studio-footer .footer-contact>p{color:#c7b7a4}
:root[data-theme="dark"] .studio-footer .footer-contact>span{color:#d0d0c5}
:root[data-theme="dark"] .studio-footer .footer-legal{border-top:1px solid #ffffff24;color:#c4c4b9}
:root[data-theme="dark"] .studio-footer a:focus-visible{outline:2px solid #e6c7a6}
:root[data-theme="dark"] .studio-footer a:not(.footer-cta):hover{color:#e6c7a6}
:root[data-theme="dark"] .hero-caption{color:#aea398;background:transparent}
:root[data-theme="dark"] .hero-caption span{color:#988c80}
@media(min-width:601px){
:root[data-theme="dark"] .hero{background:#282219;color:#ded4cd}
:root[data-theme="dark"] .hero h1{color:#ded4cd}
:root[data-theme="dark"] .hero h1 em{color:#ce8c6f}
:root[data-theme="dark"] .hero .kicker{color:#ab9789}
:root[data-theme="dark"] .hero .hero-description{color:#b6a99d}
:root[data-theme="dark"] .hero .hero-fine{color:#a19586}
:root[data-theme="dark"] .hero .hero-link{color:#bdaa9a}
:root[data-theme="dark"] .hero .hero-scroll{color:#ad9b8d;border-top:1px solid #4e4232}
}
@media(max-width:600px){
:root[data-theme="dark"] .hero-caption{background:transparent;color:#ab9b8d}
}
:root[data-theme="dark"] .site-header .nav-links{background:transparent!important;box-shadow:none!important}
@media(min-width:901px){
:root[data-theme="dark"] .hero{background:#282219}
:root[data-theme="dark"] .hero .hero-overlay{background:linear-gradient(90deg,#282219 0%,#282219fa 25%,#282219d9 38%,#28221955 53%,transparent 68%),linear-gradient(0deg,var(--paper) 0%,#1b1914b3 6%,transparent 22%)}
:root[data-theme="dark"] .hero h1{color:#ded4cd}
:root[data-theme="dark"] .hero .hero-description{color:#b6a99d}
:root[data-theme="dark"] .hero .hero-link{color:#ccbcae}
:root[data-theme="dark"] .hero .hero-caption{color:#aea398}
:root[data-theme="dark"] .hero .hero-scroll{border-top:1px solid #5d503f66;color:#ad9b8d;background:transparent}
}
/* aus legal.css */
:root[data-theme="dark"] .legal-header{background:var(--cream);border-bottom:1px solid var(--line)}
:root[data-theme="dark"] .legal-draft{border:1px solid var(--copper);background:var(--cream)}
:root[data-theme="dark"] .legal-date{color:var(--muted)}
:root[data-theme="dark"] .legal-header a:focus-visible,:root[data-theme="dark"] .legal-content a:focus-visible,:root[data-theme="dark"] .footer-bottom a:focus-visible{outline:2px solid var(--copper)}
:root[data-theme="dark"] .legal-content,:root[data-theme="dark"] .legal-content h1,:root[data-theme="dark"] .legal-content h2,:root[data-theme="dark"] .legal-content h3,:root[data-theme="dark"] .legal-content p,:root[data-theme="dark"] .legal-content a,:root[data-theme="dark"] .legal-content strong,:root[data-theme="dark"] .legal-content li{text-shadow:none}
:root[data-theme="dark"] .legal-content p,:root[data-theme="dark"] .legal-content li{color:#cbcdc5}
:root[data-theme="dark"] .legal-content .kicker{color:#a58f83}
/* aus grafikdesign.css */
:root[data-theme="dark"] .g-hero small{color:var(--muted)}
:root[data-theme="dark"] .graphic-page figcaption{color:#96988d}
:root[data-theme="dark"] .g-project{background:var(--cream)}
:root[data-theme="dark"] .g-services article{border-top:1px solid #403e35}
:root[data-theme="dark"] .g-services span{color:var(--copper)}
:root[data-theme="dark"] .g-services p{color:#a3a69b}
:root[data-theme="dark"] .g-delivery{background:#413324}
:root[data-theme="dark"] .g-request input,:root[data-theme="dark"] .g-request select,:root[data-theme="dark"] .g-request textarea{border:1px solid #47493f;background:#141310;color:var(--ink)}
:root[data-theme="dark"] .g-request :focus-visible{outline:3px solid var(--copper)}
:root[data-theme="dark"] .g-hero img{background:#252119}
:root[data-theme="dark"] .g-sector-tabs button{border:1px solid #413f35;background:transparent}
:root[data-theme="dark"] .g-sector-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
:root[data-theme="dark"] .g-art-stage{background:#eae3d7}
:root[data-theme="dark"] .g-art{background:#fffcf5;color:var(--sector);box-shadow:0 14px 22px #26261a25}
:root[data-theme="dark"] .g-art.card{background:var(--sector);color:white}
:root[data-theme="dark"] .g-art.social{background:var(--sector);color:white}
:root[data-theme="dark"] .g-art.social h3{text-shadow:0 1px 8px #0007}
:root[data-theme="dark"] .g-design>p,:root[data-theme="dark"] .g-concept-note{color:#96988d}
:root[data-theme="dark"] .g-sector-tabs a{border:1px solid #413f35;background:transparent}
:root[data-theme="dark"] .g-sector-tabs a:hover,:root[data-theme="dark"] .g-sector-tabs a:focus-visible{background:var(--ink);color:var(--paper)}
:root[data-theme="dark"] .g-sector-gallery:has(#set-hotel:target) a[href="#set-hotel"],:root[data-theme="dark"] .g-sector-gallery:has(#set-restaurant:target) a[href="#set-restaurant"],:root[data-theme="dark"] .g-sector-gallery:has(#set-salon:target) a[href="#set-salon"],:root[data-theme="dark"] .g-sector-gallery:has(#set-auto:target) a[href="#set-auto"],:root[data-theme="dark"] .g-sector-gallery:has(#set-handwerk:target) a[href="#set-handwerk"],:root[data-theme="dark"] .g-sector-gallery:has(#set-praxis:target) a[href="#set-praxis"],:root[data-theme="dark"] .g-sector-gallery:has(#set-immobilien:target) a[href="#set-immobilien"],:root[data-theme="dark"] .g-sector-gallery:has(#set-industrie:target) a[href="#set-industrie"]{background:var(--ink);color:var(--paper)}
:root[data-theme="dark"] .g-business-front,:root[data-theme="dark"] .g-business-back{box-shadow:0 12px 22px #25271d24}
:root[data-theme="dark"] .g-business-back{background:var(--sector);color:#fff}
:root[data-theme="dark"] .g-business-back i{border:1px solid #ffffff40}
:root[data-theme="dark"] .g-business-front{background:#fffdf7;color:var(--sector)}
:root[data-theme="dark"] .g-card-rule{background:var(--sector)}
:root[data-theme="dark"] .g-art-stage:has(.g-card-pair){background:linear-gradient(140deg,#e9e2d6,#f3eee5)}
:root[data-theme="dark"] .g-design-preview:focus-visible{outline:3px solid var(--copper)}
:root[data-theme="dark"] .g-sector-tabs a{border:1px solid #413f35;background:transparent}
:root[data-theme="dark"] .g-sector-tabs a:hover,:root[data-theme="dark"] .g-sector-tabs a:focus-visible{background:var(--ink);color:var(--paper)}
:root[data-theme="dark"] .g-sector-gallery:has(#set-hotel:target) a[href="#set-hotel"],:root[data-theme="dark"] .g-sector-gallery:has(#set-restaurant:target) a[href="#set-restaurant"],:root[data-theme="dark"] .g-sector-gallery:has(#set-salon:target) a[href="#set-salon"],:root[data-theme="dark"] .g-sector-gallery:has(#set-auto:target) a[href="#set-auto"],:root[data-theme="dark"] .g-sector-gallery:has(#set-handwerk:target) a[href="#set-handwerk"],:root[data-theme="dark"] .g-sector-gallery:has(#set-praxis:target) a[href="#set-praxis"],:root[data-theme="dark"] .g-sector-gallery:has(#set-immobilien:target) a[href="#set-immobilien"],:root[data-theme="dark"] .g-sector-gallery:has(#set-industrie:target) a[href="#set-industrie"]{background:var(--ink);color:var(--paper)}
:root[data-theme="dark"] .g-business-front,:root[data-theme="dark"] .g-business-back{box-shadow:0 12px 22px #25271d24}
:root[data-theme="dark"] .g-business-back{background:var(--sector);color:#fff}
:root[data-theme="dark"] .g-business-back i{border:1px solid #ffffff40}
:root[data-theme="dark"] .g-business-front{background:#fffdf7;color:var(--sector)}
:root[data-theme="dark"] .g-card-rule{background:var(--sector)}
:root[data-theme="dark"] .g-art-stage:has(.g-card-pair){background:linear-gradient(140deg,#e9e2d6,#f3eee5)}
:root[data-theme="dark"] .g-sector-tabs a{border:1px solid #413f35;background:transparent}
:root[data-theme="dark"] .g-sector-tabs a:hover,:root[data-theme="dark"] .g-sector-tabs a:focus-visible{background:var(--ink);color:var(--paper)}
:root[data-theme="dark"] .g-sector-gallery:has(#set-hotel:target) a[href="#set-hotel"],:root[data-theme="dark"] .g-sector-gallery:has(#set-restaurant:target) a[href="#set-restaurant"],:root[data-theme="dark"] .g-sector-gallery:has(#set-salon:target) a[href="#set-salon"],:root[data-theme="dark"] .g-sector-gallery:has(#set-auto:target) a[href="#set-auto"],:root[data-theme="dark"] .g-sector-gallery:has(#set-handwerk:target) a[href="#set-handwerk"],:root[data-theme="dark"] .g-sector-gallery:has(#set-praxis:target) a[href="#set-praxis"],:root[data-theme="dark"] .g-sector-gallery:has(#set-immobilien:target) a[href="#set-immobilien"],:root[data-theme="dark"] .g-sector-gallery:has(#set-industrie:target) a[href="#set-industrie"]{background:var(--ink);color:var(--paper)}
:root[data-theme="dark"] .g-business-front,:root[data-theme="dark"] .g-business-back{box-shadow:0 12px 22px #25271d24}
:root[data-theme="dark"] .g-business-back{background:var(--sector);color:#fff}
:root[data-theme="dark"] .g-business-back i{border:1px solid #ffffff40}
:root[data-theme="dark"] .g-business-front{background:#fffdf7;color:var(--sector)}
:root[data-theme="dark"] .g-card-rule{background:var(--sector)}
:root[data-theme="dark"] .g-art-stage:has(.g-card-pair){background:linear-gradient(140deg,#e9e2d6,#f3eee5)}
:root[data-theme="dark"] .graphic-page .g-hero{background:linear-gradient(180deg,#2c251b 0%,#282219 65%,#252119 100%)}
:root[data-theme="dark"] .graphic-page .g-hero h1{color:#ded4cd}
:root[data-theme="dark"] .graphic-page .g-hero h1 em{color:#ce8c6f}
:root[data-theme="dark"] .graphic-page .g-hero p:not(.kicker){color:#b6a99d}
:root[data-theme="dark"] .graphic-page .g-hero .kicker{color:#ab9789}
:root[data-theme="dark"] .graphic-page .g-hero .button-sand{background:#413525;color:#e2dcd5}
:root[data-theme="dark"] .graphic-page .g-hero small{color:#a19586}
:root[data-theme="dark"] .graphic-page .g-hero img{background:transparent}
:root[data-theme="dark"] .graphic-page .g-hero figcaption{color:#9b8f82}
@media(max-width:700px){
:root[data-theme="dark"] .graphic-page .g-hero{background:linear-gradient(180deg,#2c251b 0%,#2c251b 47%,#252119 100%)}
}
:root[data-theme="dark"] .g-sector-tabs a{border:1px solid #413f35;background:transparent}
:root[data-theme="dark"] .g-sector-tabs a:hover,:root[data-theme="dark"] .g-sector-tabs a:focus-visible{background:var(--ink);color:var(--paper)}
:root[data-theme="dark"] .g-sector-gallery:has(#set-hotel:target) a[href="#set-hotel"],:root[data-theme="dark"] .g-sector-gallery:has(#set-restaurant:target) a[href="#set-restaurant"],:root[data-theme="dark"] .g-sector-gallery:has(#set-salon:target) a[href="#set-salon"],:root[data-theme="dark"] .g-sector-gallery:has(#set-auto:target) a[href="#set-auto"],:root[data-theme="dark"] .g-sector-gallery:has(#set-handwerk:target) a[href="#set-handwerk"],:root[data-theme="dark"] .g-sector-gallery:has(#set-praxis:target) a[href="#set-praxis"],:root[data-theme="dark"] .g-sector-gallery:has(#set-immobilien:target) a[href="#set-immobilien"],:root[data-theme="dark"] .g-sector-gallery:has(#set-industrie:target) a[href="#set-industrie"]{background:var(--ink);color:var(--paper)}
:root[data-theme="dark"] .g-business-front,:root[data-theme="dark"] .g-business-back{box-shadow:0 12px 22px #25271d24}
:root[data-theme="dark"] .g-business-back{background:var(--sector);color:#fff}
:root[data-theme="dark"] .g-business-back i{border:1px solid #ffffff40}
:root[data-theme="dark"] .g-business-front{background:#fffdf7;color:var(--sector)}
:root[data-theme="dark"] .g-card-rule{background:var(--sector)}
:root[data-theme="dark"] .g-art-stage:has(.g-card-pair){background:linear-gradient(140deg,#e9e2d6,#f3eee5)}
:root[data-theme="dark"] .g-business-back{background:var(--sector)}
:root[data-theme="dark"] .g-card-back-shade{background:linear-gradient(125deg,#111b1cc9,#111b1c40)}
:root[data-theme="dark"] .g-card-back-identity{border:1px solid #e9d7b35c;color:#fff9eb}
:root[data-theme="dark"] .g-card-back-identity svg{color:#e5c79f}
:root[data-theme="dark"] .g-business-front{background:linear-gradient(120deg,#fffdf8,#f4eee3);border:1px solid #ffffffb0}
:root[data-theme="dark"] .g-business-front:before{background:var(--sector)}
:root[data-theme="dark"] .g-card-bottom{border-top:1px solid #b7afa35a}
:root[data-theme="dark"] .g-card-pair[data-card-style=restaurant] .g-business-front{background:#fff8e9}
:root[data-theme="dark"] .g-card-pair[data-card-style=salon] .g-business-front{background:#fbf0ed}
:root[data-theme="dark"] .g-card-pair[data-card-style=praxis] .g-business-front{background:#f3faf6}
:root[data-theme="dark"] .g-sector-tabs a{border:1px solid #413f35;background:transparent}
:root[data-theme="dark"] .g-sector-tabs a:hover,:root[data-theme="dark"] .g-sector-tabs a:focus-visible{background:var(--ink);color:var(--paper)}
:root[data-theme="dark"] .g-sector-gallery:has(#set-hotel:target) a[href="#set-hotel"],:root[data-theme="dark"] .g-sector-gallery:has(#set-restaurant:target) a[href="#set-restaurant"],:root[data-theme="dark"] .g-sector-gallery:has(#set-salon:target) a[href="#set-salon"],:root[data-theme="dark"] .g-sector-gallery:has(#set-auto:target) a[href="#set-auto"],:root[data-theme="dark"] .g-sector-gallery:has(#set-handwerk:target) a[href="#set-handwerk"],:root[data-theme="dark"] .g-sector-gallery:has(#set-praxis:target) a[href="#set-praxis"],:root[data-theme="dark"] .g-sector-gallery:has(#set-immobilien:target) a[href="#set-immobilien"],:root[data-theme="dark"] .g-sector-gallery:has(#set-industrie:target) a[href="#set-industrie"]{background:var(--ink);color:var(--paper)}
:root[data-theme="dark"] .g-business-front,:root[data-theme="dark"] .g-business-back{box-shadow:0 12px 22px #25271d24}
:root[data-theme="dark"] .g-business-back{background:var(--sector);color:#fff}
:root[data-theme="dark"] .g-business-back i{border:1px solid #ffffff40}
:root[data-theme="dark"] .g-business-front{background:#fffdf7;color:var(--sector)}
:root[data-theme="dark"] .g-card-rule{background:var(--sector)}
:root[data-theme="dark"] .g-art-stage:has(.g-card-pair){background:linear-gradient(140deg,#e9e2d6,#f3eee5)}
:root[data-theme="dark"] .g-sector-tabs a{border:1px solid #413f35;background:transparent}
:root[data-theme="dark"] .g-sector-tabs a:hover,:root[data-theme="dark"] .g-sector-tabs a:focus-visible{background:var(--ink);color:var(--paper)}
:root[data-theme="dark"] .g-sector-gallery:has(#set-hotel:target) a[href="#set-hotel"],:root[data-theme="dark"] .g-sector-gallery:has(#set-restaurant:target) a[href="#set-restaurant"],:root[data-theme="dark"] .g-sector-gallery:has(#set-salon:target) a[href="#set-salon"],:root[data-theme="dark"] .g-sector-gallery:has(#set-auto:target) a[href="#set-auto"],:root[data-theme="dark"] .g-sector-gallery:has(#set-handwerk:target) a[href="#set-handwerk"],:root[data-theme="dark"] .g-sector-gallery:has(#set-praxis:target) a[href="#set-praxis"],:root[data-theme="dark"] .g-sector-gallery:has(#set-immobilien:target) a[href="#set-immobilien"],:root[data-theme="dark"] .g-sector-gallery:has(#set-industrie:target) a[href="#set-industrie"]{background:var(--ink);color:var(--paper)}
:root[data-theme="dark"] .g-business-front,:root[data-theme="dark"] .g-business-back{box-shadow:0 12px 22px #25271d24}
:root[data-theme="dark"] .g-business-back{background:var(--sector);color:#fff}
:root[data-theme="dark"] .g-business-back i{border:1px solid #ffffff40}
:root[data-theme="dark"] .g-business-front{background:#fffdf7;color:var(--sector)}
:root[data-theme="dark"] .g-card-rule{background:var(--sector)}
:root[data-theme="dark"] .g-art-stage:has(.g-card-pair){background:linear-gradient(140deg,#e9e2d6,#f3eee5)}
:root[data-theme="dark"] .g-sector-tabs a{border:1px solid #413f35;background:transparent}
:root[data-theme="dark"] .g-sector-tabs a:hover,:root[data-theme="dark"] .g-sector-tabs a:focus-visible{background:var(--ink);color:var(--paper)}
:root[data-theme="dark"] .g-sector-gallery:has(#set-hotel:target) a[href="#set-hotel"],:root[data-theme="dark"] .g-sector-gallery:has(#set-restaurant:target) a[href="#set-restaurant"],:root[data-theme="dark"] .g-sector-gallery:has(#set-salon:target) a[href="#set-salon"],:root[data-theme="dark"] .g-sector-gallery:has(#set-auto:target) a[href="#set-auto"],:root[data-theme="dark"] .g-sector-gallery:has(#set-handwerk:target) a[href="#set-handwerk"],:root[data-theme="dark"] .g-sector-gallery:has(#set-praxis:target) a[href="#set-praxis"],:root[data-theme="dark"] .g-sector-gallery:has(#set-immobilien:target) a[href="#set-immobilien"],:root[data-theme="dark"] .g-sector-gallery:has(#set-industrie:target) a[href="#set-industrie"]{background:var(--ink);color:var(--paper)}
:root[data-theme="dark"] .g-business-front,:root[data-theme="dark"] .g-business-back{box-shadow:0 12px 22px #25271d24}
:root[data-theme="dark"] .g-business-back{background:var(--sector);color:#fff}
:root[data-theme="dark"] .g-business-back i{border:1px solid #ffffff40}
:root[data-theme="dark"] .g-business-front{background:#fffdf7;color:var(--sector)}
:root[data-theme="dark"] .g-card-rule{background:var(--sector)}
:root[data-theme="dark"] .g-art-stage:has(.g-card-pair){background:linear-gradient(140deg,#e9e2d6,#f3eee5)}
@media(min-width:1001px){
:root[data-theme="dark"] .graphic-page .g-hero{background:#2c251b}
:root[data-theme="dark"] .graphic-page .g-hero img{background:transparent}
:root[data-theme="dark"] .graphic-page .g-hero:after{background:linear-gradient(90deg,#2c251b 0%,#2c251bf5 27%,#2c251bbf 39%,#2c251b3b 55%,transparent 70%),linear-gradient(0deg,var(--cream),transparent 23%)}
:root[data-theme="dark"] .graphic-page .g-hero figcaption{color:#ada193}
}
:root[data-theme="dark"] .g-sector-tabs a{border:1px solid #413f35;background:transparent}
:root[data-theme="dark"] .g-sector-tabs a:hover,:root[data-theme="dark"] .g-sector-tabs a:focus-visible{background:var(--ink);color:var(--paper)}
:root[data-theme="dark"] .g-sector-gallery:has(#set-hotel:target) a[href="#set-hotel"],:root[data-theme="dark"] .g-sector-gallery:has(#set-restaurant:target) a[href="#set-restaurant"],:root[data-theme="dark"] .g-sector-gallery:has(#set-salon:target) a[href="#set-salon"],:root[data-theme="dark"] .g-sector-gallery:has(#set-auto:target) a[href="#set-auto"],:root[data-theme="dark"] .g-sector-gallery:has(#set-handwerk:target) a[href="#set-handwerk"],:root[data-theme="dark"] .g-sector-gallery:has(#set-praxis:target) a[href="#set-praxis"],:root[data-theme="dark"] .g-sector-gallery:has(#set-immobilien:target) a[href="#set-immobilien"],:root[data-theme="dark"] .g-sector-gallery:has(#set-industrie:target) a[href="#set-industrie"]{background:var(--ink);color:var(--paper)}
:root[data-theme="dark"] .g-business-front,:root[data-theme="dark"] .g-business-back{box-shadow:0 12px 22px #25271d24}
:root[data-theme="dark"] .g-business-back{background:var(--sector);color:#fff}
:root[data-theme="dark"] .g-business-back i{border:1px solid #ffffff40}
:root[data-theme="dark"] .g-business-front{background:#fffdf7;color:var(--sector)}
:root[data-theme="dark"] .g-card-rule{background:var(--sector)}
:root[data-theme="dark"] .g-art-stage:has(.g-card-pair){background:linear-gradient(140deg,#e9e2d6,#f3eee5)}
/* aus effects.css */
:root[data-theme="dark"] .button::after,:root[data-theme="dark"] .footer-cta::after{background:linear-gradient(100deg,transparent 0%,#22180c00 12%,#1b160ed9 42%,#f5b5808c 58%,#2c201100 88%,transparent 100%)}

/* ---------- Von Hand abgestimmt ---------- */
:root[data-theme="dark"]{color-scheme:dark}
/* Bereiche, die schon im hellen Design dunkel sind, behalten ihre Originalfarben */
:root[data-theme="dark"] :is(footer,dialog,.process,.g-art,.g-card-pair,.g-business-front,.g-business-back){--paper:#f7f4ed;--cream:#eee8dc;--ink:#2c2e28;--muted:#77786e;--line:#dcdacf;--copper:#aa6747;--sand:#e5c79f;--dark:#242822}
:root[data-theme="dark"] .process{background:#23261f}
:root[data-theme="dark"] footer:not(.studio-footer){background:#23261f}
/* Buttons */
:root[data-theme="dark"] .button-sand{background:#e5c79f;color:#272e29}
:root[data-theme="dark"] .button-sand:hover{background:#f0d9b9}
:root[data-theme="dark"] .button-dark{background:#c98a68;color:#1b1914}
:root[data-theme="dark"] .button-dark:hover{background:#d89c7b}
/* Großer Schriftzug unten: zurückhaltend */
:root[data-theme="dark"] .giant-brand{color:#2c2a24}
/* Weiche Farbwechsel beim Umschalten */
html.theme-anim,html.theme-anim *,html.theme-anim *::before,html.theme-anim *::after{transition:background-color .35s ease,color .35s ease,border-color .35s ease!important}
:root[data-theme="dark"] .giant-brand>span{color:#3a3228}

/* ---------- Sprache & Hell/Dunkel in der Kopfzeile ---------- */
.nav-tools{display:flex;align-items:center;gap:10px;flex:none}
.lang-switch{display:flex;align-items:center;border:1px solid #d9cbbc;border-radius:999px;padding:3px}
.lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:26px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:1px;line-height:1;color:#796653;transition:background .2s,color .2s}
.lang-switch a:hover{color:#382f29}
.lang-switch a[aria-current]{background:#382f29;color:#f7f4ed}
.theme-toggle{width:36px;height:36px;flex:none;border-radius:50%;border:1px solid #d9cbbc;background:transparent;color:#382f29;display:grid;place-items:center;padding:0;transition:background .2s,border-color .2s}
.theme-toggle:hover{border-color:#aa6747}
.theme-toggle svg{width:17px;height:17px}
.theme-toggle .icon-sun{display:none}
:root[data-theme="dark"] .theme-toggle .icon-sun{display:block}
:root[data-theme="dark"] .theme-toggle .icon-moon{display:none}
:root[data-theme="dark"] .lang-switch,:root[data-theme="dark"] .theme-toggle{border-color:#3d362c}
:root[data-theme="dark"] .lang-switch a{color:#b3a593}
:root[data-theme="dark"] .lang-switch a:hover{color:#f1e9dd}
:root[data-theme="dark"] .lang-switch a[aria-current]{background:#ece3d6;color:#1b1914}
:root[data-theme="dark"] .theme-toggle{color:#ece3d6}

/* Startseite & Grafikdesign: Werkzeuge rechts neben dem Menü */
.site-header .nav-tools{margin-left:4px}
@media(min-width:701px){
  .site-header .nav-links{margin-left:auto}
}

/* Handy: Logo + Werkzeuge oben, Menü als wischbare zweite Zeile */
@media(max-width:700px){
  html{scroll-padding-top:122px}
  .site-header .nav,.site-header.is-compact .nav{flex-wrap:wrap;height:auto!important;row-gap:0;column-gap:12px;padding-top:12px;width:calc(100% - 32px)}
  .site-header .brand-lockup{order:1;flex:1 1 auto!important}
  .site-header .wordmark,.site-header.is-compact .wordmark{font-size:24px}
  .site-header .nav-tools{order:2;margin-left:auto}
  .site-header .nav-links{order:3;flex:1 0 100%!important;justify-content:flex-start!important;gap:22px!important;overflow-x:auto!important;scrollbar-width:none;margin:8px -16px 0;padding:0 16px!important;border-top:1px solid #d9cbbc;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .site-header .nav-links::-webkit-scrollbar{display:none}
  .site-header .nav-links a{font-size:13px!important;min-height:44px}
  .site-header .nav-links a:last-child{padding-right:28px!important}
  :root[data-theme="dark"] .site-header .nav-links{border-top-color:#2f2a22}
}
@media(max-width:370px){
  .site-header .wordmark,.site-header.is-compact .wordmark{font-size:21px}
  .lang-switch a{min-width:28px;padding:0 6px}
  .theme-toggle{width:34px;height:34px}
}

/* Rechtstexte: Werkzeuge neben "Zurück zur Website" */
.legal-header .wrap{display:flex;align-items:center;gap:16px}
.legal-header .wrap>a:not(.wordmark){margin-left:auto}
@media(max-width:600px){
  .legal-header .wrap>a:not(.wordmark){font-size:12px}
  .legal-header .wordmark{font-size:22px}
}
@media(max-width:400px){
  .legal-header .wrap{flex-wrap:wrap;row-gap:8px}
  .legal-header .wrap>a:not(.wordmark){order:3;flex-basis:100%;margin-left:0}
  .legal-header .nav-tools{margin-left:auto}
}
@media(max-width:700px){.site-header .nav-links a{border:0!important}}

/* Schreiner-Video: gleiche Maße wie das Bild an dieser Stelle */
.service-photo video{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1.3;object-fit:cover;border-radius:3px}
@media(max-width:850px){.service-photo video{aspect-ratio:.9}}
@media(max-width:600px){.service-photo video{aspect-ratio:1.65;object-position:center 44%}}