/* ==========================================================================
   Erzeugt von mk_flat.py — nicht von Hand pflegen.
   Alle Flächen der Seite laufen über --surface, alle Schriftfarben über --ink.
   Die konkreten Werte setzt palette.css.
   ========================================================================== */
html.t-flat .hero h1{color:var(--ink) !important}
html.t-flat .statement h2{color:var(--ink) !important}
html.t-flat .site-footer{background:var(--surface) !important;color:var(--ink) !important}
html.t-flat .site-footer .sf-title{color:var(--ink) !important}
html.t-flat .site-footer .sf-meta a{color:rgba(var(--ink-rgb),.58) !important}
html.t-flat .site-footer .sf-meta a:hover{color:var(--ink) !important}
html.t-flat .site-footer .sf-news{color:rgba(var(--ink-rgb),.58) !important}
html.t-flat .site-footer .sf-legal{color:rgba(var(--ink-rgb),.58) !important}
html.t-flat .site-footer .sf-social a{color:var(--ink) !important}
html.t-flat .site-footer .sf-mark{color:var(--ink) !important}
html.t-flat .site-footer .sf-base{color:rgba(var(--ink-rgb),.58) !important}
html.t-flat .case-media{background:var(--surface) !important}
html.t-flat .case-accordion .acc-icon::before, html.t-flat .case-accordion .acc-icon::after{background:rgba(var(--ink-rgb),.6) !important}
html.t-flat .case-panel{color:rgba(var(--ink-rgb),.68) !important}
html.t-flat .case-related-grid a{background:var(--surface) !important}
html.t-flat .case-related-grid a:hover{background:var(--surface) !important}
html.t-flat .case-related-grid .rel-thumb{background:rgba(var(--ink-rgb),.16) !important}
html.t-flat .case-accordion .acc-icon::before, html.t-flat .case-accordion .acc-icon::after{background:rgba(var(--ink-rgb),.65) !important}
html.t-flat .case-panel{color:rgba(var(--ink-rgb),.72) !important}
html.t-flat .band .lab{color:var(--ink) !important}
html.t-flat .eyebrow{color:var(--ink) !important}
html.t-flat .gridctl{background:var(--surface) !important}
html.t-flat .gridctl button{background:var(--surface) !important}
html.t-flat .gridctl button.on{color:var(--ink) !important}
html.t-flat .ph::after{color:rgba(var(--ink-rgb),.35) !important}
html.t-flat .chero{color:var(--ink) !important}
html.t-flat .chero-en{color:rgba(var(--ink-rgb),.94) !important}
html.t-flat .chero-jp{color:rgba(var(--ink-rgb),.9) !important}
html.t-flat .selwork .pj .ph2{background:var(--surface) !important}
html.t-flat .film::after{background:rgba(var(--ink-rgb),.42) !important}
html.t-flat .film h2{color:var(--ink) !important}
html.t-flat .lt{color:var(--ink) !important}
html.t-flat .signalbox{border-top-color:rgba(var(--ink-rgb),.22) !important;border-bottom-color:rgba(var(--ink-rgb),.22) !important}
html.t-flat .signalbox .cell{border-left-color:rgba(var(--ink-rgb),.22) !important}
html.t-flat .contactblk{background:var(--surface) !important;color:var(--ink) !important}
html.t-flat .contactblk .lab{color:var(--ink) !important}
html.t-flat footer{background:var(--surface) !important;color:var(--ink) !important}
html.t-flat footer .fmark{color:var(--ink) !important}
html.t-flat footer .fmeta{border-top-color:rgba(var(--ink-rgb),.22) !important;border-bottom-color:rgba(var(--ink-rgb),.22) !important}
html.t-flat footer .fmeta .fcol + .fcol{border-left-color:rgba(var(--ink-rgb),.22) !important}
html.t-flat footer .fmeta .ftitle, html.t-flat footer .fsocial a{color:var(--ink) !important}
html.t-flat footer .fmeta a, html.t-flat footer .fbase, html.t-flat footer .fmeta .legal, html.t-flat footer .fmeta .newsletter{color:rgba(var(--ink-rgb),.58) !important}
html.t-flat footer .fmeta a:hover{color:var(--ink) !important}
html.t-flat footer .fmeta .newsletter{border-bottom-color:rgba(var(--ink-rgb),.22) !important}
html.t-flat .stat{background:var(--surface) !important}
html.t-flat .stat .ghost{color:rgba(var(--ink-rgb),.05) !important}
html.t-flat .bt .card{color:var(--ink) !important}
html.t-flat footer{background:var(--surface) !important}
html.t-flat .signalbox .txt{color:rgba(var(--ink-rgb),.68) !important}
html.t-flat body{color:var(--ink) !important}
html.t-flat .statement .eyebrow{color:var(--ink) !important}
html.t-flat .statement .body p{color:var(--ink) !important}
html.t-flat .signalbox .lead .lab, html.t-flat .signalbox .num{color:var(--ink) !important}
html.t-flat .signalbox .logic-left .body, html.t-flat .signalbox .logic-right .body{color:var(--ink) !important}
html.t-flat .signalbox h4{color:var(--ink) !important}
html.t-flat .signalbox .txt{color:var(--ink) !important}
html.t-flat .signalblk{background:var(--surface) !important;color:var(--ink) !important}
html.t-flat .signalbox .lead .lab, html.t-flat .signalbox .lead p, html.t-flat .signalbox .logic-left .body, html.t-flat .signalbox .logic-right .body, html.t-flat .signalbox h4{color:var(--ink) !important}
html.t-flat .signalbox .practice-list, html.t-flat .signalbox .cell{border-color:rgba(var(--ink-rgb),.18) !important}
html.t-flat .selwork .lab{color:var(--ink) !important}
html.t-flat .selwork .work-intro{color:var(--ink) !important}
html.t-flat .selwork .pj .sticker{background:var(--surface) !important;color:var(--ink) !important}
html.t-flat .selwork .pj .meta{color:var(--ink) !important}
html.t-flat .studioblk .lab{color:var(--ink) !important}
html.t-flat .studioblk{background:var(--surface) !important;color:var(--ink) !important}
html.t-flat .studioblk .lab, html.t-flat .studioblk .studio-main, html.t-flat .studioblk .studio-kicker, html.t-flat .studioblk .studio-side, html.t-flat .studioblk a{color:var(--ink) !important}
html.t-flat .signalbox .lead .lab{color:var(--ink) !important}
html.t-flat .signalbox .lead p{color:var(--ink) !important}
html.t-flat .discipline-card .num{color:var(--ink) !important}
html.t-flat .discipline-card h4{color:var(--ink) !important}
html.t-flat .discipline-card p{color:var(--ink) !important}
html.t-flat .mediaband{background:var(--surface) !important}
html.t-flat .selshow{background:var(--surface) !important}
html.t-flat .selshow-cta{color:var(--ink) !important}
html.t-flat .tb-dark .secmarq .tb-marq span{color:var(--ink) !important}
html.t-flat .hv .hv-veil{background:rgba(var(--ink-rgb),.5) !important}
html.t-flat .hvA-card{background:var(--surface) !important;color:var(--ink) !important}
html.t-flat .hvA-card .bar{background:var(--surface) !important}
html.t-flat .hvA-card .bar i{background:var(--surface) !important}
html.t-flat .hvA-card .labels{color:var(--ink) !important}
html.t-flat .hvB{background:var(--surface) !important;color:var(--ink) !important}
html.t-flat .hvB .hv-tag{color:rgba(var(--ink-rgb),.6) !important}
html.t-flat .hvB-credits{color:rgba(var(--ink-rgb),.66) !important}
html.t-flat .hvC{background:var(--surface) !important;color:var(--ink) !important}
html.t-flat .hvC .hv-tag{color:rgba(var(--ink-rgb),.7) !important}
html.t-flat .hvC-huge{color:var(--ink) !important}
html.t-flat .hvC-ann{color:rgba(var(--ink-rgb),.82) !important}
html.t-flat .signalblk.disc8{color:var(--ink) !important}
html.t-flat .disc8-lab{color:var(--ink) !important}
html.t-flat .disc8-lead{color:var(--ink) !important}
html.t-flat .disc8-right p{color:var(--ink) !important}
html.t-flat section.statement{background:var(--surface) !important;color:var(--ink) !important}
html.t-flat .statement .st-kicker{color:rgba(var(--ink-rgb),.6) !important}
html.t-flat .statement .st-head{color:var(--ink) !important}
html.t-flat .statement .st-sub{color:rgba(var(--ink-rgb),.7) !important}
html.t-flat .selwork.tb-dark{background:var(--surface) !important}
html.t-flat section.home-intro{background:var(--surface) !important}
html.t-flat .home-intro h1 span{color:var(--ink) !important}
html.t-flat section.project-strip{background:var(--surface) !important}
html.t-flat section.home-work{background:var(--surface) !important}
html.t-flat .home-project-media{background:var(--surface) !important}
html.t-flat .home-project p{color:var(--ink) !important}
html.t-flat body{background:var(--surface) !important;color:var(--ink) !important}
html.t-flat section.home-intro{background:var(--surface) !important;color:var(--ink) !important}
html.t-flat .home-intro h1{color:var(--ink) !important}
html.t-flat .home-intro h1 span{color:rgba(var(--ink-rgb),.5) !important}
html.t-flat section.home-work{background:var(--surface) !important;color:var(--ink) !important}
html.t-flat .home-work-head, html.t-flat .home-work-head a{color:var(--ink) !important}
html.t-flat .home-project h3{color:var(--ink) !important}
html.t-flat .home-project p{color:rgba(var(--ink-rgb),.52) !important}
html.t-flat .contactblk .lab, html.t-flat .contactblk .contact-side-label, html.t-flat .contactblk .contact-grid .cbig, html.t-flat .contactblk .contact-side, html.t-flat .contactblk a{color:var(--ink) !important}
html.t-flat footer, html.t-flat .site-footer{background:var(--surface) !important}
html.t-flat .hwork-card .work-media{background:var(--surface) !important}
html.t-flat .home-statement .hs-eyebrow{color:var(--ink) !important}
html.t-flat .home-statement .hs-title{color:var(--ink) !important}
html.t-flat .home-statement .hs-intro{color:rgba(var(--ink-rgb),.6) !important}
html.t-flat .home-statement{background:var(--surface) !important;color:var(--ink) !important}
html.t-flat .home-statement .stmt, html.t-flat .home-statement .ed-textlink{color:var(--ink) !important}
html.t-flat .home-statement .side .tags, html.t-flat .home-statement .ed-mono{color:rgba(var(--ink-rgb),.62) !important}
html.t-flat .home-statement .ed-body{color:rgba(var(--ink-rgb),.8) !important}
html.t-flat .home-statement .ed-textlink{border-color:rgba(var(--ink-rgb),.16) !important}
html.t-flat .home-work{background:var(--surface) !important}
html.t-flat .project-strip{background:var(--surface) !important}
html.t-flat .studioblk{background:var(--surface) !important}
html.t-flat .contactblk{background:var(--surface) !important}
html.t-flat .home-work .hw-title{color:var(--ink) !important}
html.t-flat .home-work .home-work-head a{color:rgba(var(--ink-rgb),.6) !important}
html.t-flat .contact-band{background:var(--surface) !important}
html.t-flat section.home-intro.home-statement, html.t-flat .project-strip, html.t-flat section.home-work, html.t-flat .studioblk, html.t-flat .contactblk{background:var(--surface) !important;color:var(--ink) !important}
html.t-flat .home-statement .stmt, html.t-flat .home-statement .ed-textlink, html.t-flat .hw-title, html.t-flat .home-work-head a, html.t-flat .work-meta h2, html.t-flat .studioblk .lab, html.t-flat .studioblk .studio-main, html.t-flat .studioblk .studio-kicker, html.t-flat .studioblk a, html.t-flat .studioblk .ed-mono, html.t-flat .studioblk .ed-textlink, html.t-flat .contactblk .lab, html.t-flat .contactblk .contact-side-label, html.t-flat .contactblk .contact-grid .cbig, html.t-flat .contactblk a, html.t-flat .ed-costmt .stmt, html.t-flat .ed-textlink{color:var(--ink) !important}
html.t-flat .home-statement .side .tags, html.t-flat .home-statement .ed-mono, html.t-flat .work-meta li, html.t-flat .studioblk .studio-kicker{color:rgba(var(--ink-rgb),.5) !important}
html.t-flat .home-statement .ed-body, html.t-flat .studioblk .studio-side, html.t-flat .contactblk .contact-side, html.t-flat .ed-body{color:rgba(var(--ink-rgb),.72) !important}
html.t-flat .logo{color:var(--ink) !important}
html.t-flat .navc a:hover, html.t-flat .navc a.active{color:var(--ink) !important}
html.t-flat .dotcircle .ctr{color:var(--ink) !important}
html.t-flat .dotpill{color:var(--ink) !important}
html.t-flat .manifesto .line{color:var(--ink) !important}
html.t-flat .fmark{color:var(--ink) !important}
html.t-flat .navc a{color:var(--ink) !important}
html.t-flat .feature-media{background:var(--surface) !important}
html.t-flat .topic:nth-child(2) p{color:rgba(var(--ink-rgb),.68) !important}
html.t-flat .ftitle{color:var(--ink) !important}
html.t-flat .fcol a, html.t-flat .fcol span{color:rgba(var(--ink-rgb),.58) !important}
html.t-flat .fcol a:hover{color:var(--ink) !important}
html.t-flat .fbase{color:rgba(var(--ink-rgb),.58) !important}
html.t-flat .lbl{color:var(--ink) !important}
html.t-flat .intro .lbl{color:var(--ink) !important}
html.t-flat .intro h1{color:var(--ink) !important}
html.t-flat .intro h1 .dim{color:rgba(var(--ink-rgb),.55) !important}
html.t-flat .approach .right p{color:rgba(var(--ink-rgb),.82) !important}
html.t-flat .approach .right p b{color:var(--ink) !important}
html.t-flat .info .blk .it a:hover{color:var(--ink) !important}
html.t-flat .fmeta{color:var(--ink) !important}
html.t-flat .band .lbl{color:var(--ink) !important}
html.t-flat .brand{color:var(--ink) !important}
html.t-flat .nav a{color:var(--ink) !important}
html.t-flat .work-media{background:var(--surface) !important}
html.t-flat .ed-hero{background:var(--surface) !important}
html.t-flat .ed-hero .ed-mono{color:rgba(var(--ink-rgb),.66) !important}
html.t-flat .ed-hero-title{color:var(--ink) !important}
html.t-flat .ed-hero-info{color:rgba(var(--ink-rgb),.74) !important}
html.t-flat .ed-band{background:var(--surface) !important}
html.t-flat .ed-band-cap .echo{color:rgba(var(--ink-rgb),.42) !important}
html.t-flat .ed-band-num{color:rgba(var(--ink-rgb),.5) !important}
html.t-flat .ed-info .blk .it a:hover{color:var(--ink) !important}
html.t-flat .ed-feature-media{background:var(--surface) !important}
html.t-flat .ed-biglink{color:var(--ink) !important}
html.t-flat .ed-saybtn{color:var(--ink) !important}
html.t-flat .ed-chip input:checked + span{color:var(--ink) !important}
html.t-flat .ed-jcard .thumb{background:var(--surface) !important}
html.t-flat .ed-artmedia{background:var(--surface) !important}
html.t-flat .ed-shero .sideimg{background:var(--surface) !important}
html.t-flat .ed-split{background:var(--surface) !important}
html.t-flat .ed-split .sp-img{background:var(--surface) !important}
html.t-flat .ed-split .sp-img .sp-cap{color:var(--ink) !important}
html.t-flat .ed-split .sp-txt{background:var(--surface) !important;color:var(--ink) !important}
html.t-flat .ed-split .sp-eyebrow{color:var(--ink) !important}
html.t-flat .ed-split .sp-stmt{color:var(--ink) !important}
html.t-flat .ed-split .sp-foot .sp-cap{color:var(--ink) !important}
html.t-flat .ed-split .sp-more{color:var(--ink) !important}
html.t-flat .ed-split .sp-idx{color:rgba(var(--ink-rgb),.5) !important}
html.t-flat .ed-sarc{background:var(--surface) !important;color:var(--ink) !important}
html.t-flat .ed-sarc.dark{background:var(--surface) !important;color:var(--ink) !important}
html.t-flat .ed-sarc.dark .sa-title, html.t-flat .ed-sarc.dark .sa-intro, html.t-flat .ed-sarc.dark .sa-lbl, html.t-flat .ed-sarc.dark .sa-list{color:var(--ink) !important}
html.t-flat .ed-sarc.dark .sa-row{border-color:rgba(var(--ink-rgb),.2) !important;color:var(--ink) !important}
html.t-flat .ed-sarc.dark .sa-row span:first-child{color:rgba(var(--ink-rgb),.55) !important}
html.t-flat .ed-sarc.dark .sa-img{background:var(--surface) !important}
html.t-flat .ed-sarc .sa-title{color:var(--ink) !important}
html.t-flat .ed-sarc .sa-intro{color:var(--ink) !important}
html.t-flat .ed-sarc .sa-lbl{color:var(--ink) !important}
html.t-flat .ed-sarc .sa-list{color:var(--ink) !important}
html.t-flat .ed-sarc .sa-row span:first-child{color:rgba(var(--ink-rgb),.55) !important}
html.t-flat .ed-sarc .sa-img{background:var(--surface) !important}
html.t-flat .ed-band-mini .l{color:var(--ink) !important}
html.t-flat .ed-band-mini .echo{color:rgba(var(--ink-rgb),.45) !important}
html.t-flat .ed-mnum .mnum-ghost{color:rgba(var(--ink-rgb),.08) !important}
html.t-flat .bn-on-dark .bn-muted, html.t-flat .bn-on-dark .bn-soft{color:rgba(var(--ink-rgb),.58) !important}
html.t-flat .bn-work-card__media{background:var(--surface) !important}