/* mfangano.com – Kenia-Farben fuer die Bereichsseiten (Subdomains). Wird NACH bereich-template.css und mf-fuss.css geladen. Schwarz #000, Rot #BB0000, Gruen #006600, Weiss #fff */
:root{--k:#000;--r:#BB0000;--g:#006600;--w:#fff}
html,body{background:#000}
body::before{content:"";position:fixed;left:0;right:0;top:0;height:8px;z-index:400;pointer-events:none;
  background:linear-gradient(#000 0 22%,#fff 22% 32%,#BB0000 32% 68%,#fff 68% 78%,#006600 78% 100%)}
.bx-item>a,.bx-lang,.bx-search input{background:rgba(0,0,0,.66)}
.bx-item>a:hover,.bx-item:focus-within>a{background:var(--g);color:#fff}
.bx-dd{background:rgba(0,0,0,.92);border-color:var(--g)}
.bx-dd a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--r)}
.bx-lang a.on{color:#fff;text-decoration:underline;text-decoration-color:var(--r);text-decoration-thickness:3px;text-underline-offset:4px}
.bx-search input,.bx-search button{border-color:var(--g)}
.bx-search button{background:var(--g)}
.bx-panel{background:rgba(0,0,0,.80);border-left:6px solid var(--r)}
.bx-crumbs a,.bx-back,.bx-text a{color:#fff;text-decoration:underline;text-decoration-color:var(--g);text-underline-offset:3px}
.bx-text h2{color:#fff;border-left:4px solid var(--g);padding-left:8px}
.bx-links a{background:rgba(0,102,0,.30);border-color:var(--g)}
.bx-links a:hover{background:var(--g);color:#fff}
.bx-foot{background:#000;border-top:4px solid var(--r)}
.bx-foot a:hover,.bx-f1 a{color:#fff}
.bx-f2 b{color:#fff}
.nx{background:#f2f2ef;color:#1a1a1a}
.nx-top{background:#000;border-bottom:4px solid var(--r)}
.nx-brand span{color:#fff}
.nx-main{box-shadow:0 6px 24px rgba(0,0,0,.12);border-top:6px solid var(--g)}
.nx-main h1{color:#000}
.nx .bx-crumbs a,.nx .bx-back,.nx .bx-text a{color:var(--g)}
.nx .bx-text{color:#1a1a1a}
.nx .bx-text h2{color:var(--r);border-left-color:var(--g)}
.nx .bx-gal figure{background:#f2f2ef}
.nx .bx-gal figcaption{color:#1a1a1a}
.bx-homebtn{background:rgba(0,0,0,.90);border-color:var(--g)}
.bx-homebtn:hover{background:var(--g);color:#fff}
.fz{background:#000;border-top:4px solid var(--r)}
.fz-nav b{color:#fff;border-bottom:2px solid var(--g);padding-bottom:2px}
.fz a:hover,.fz a:focus{color:#fff;text-decoration:underline;text-decoration-color:var(--g)}
.fz .fz-visit{color:#fff}
.mf-mbar{background:#000;border-bottom:3px solid var(--r);top:8px}
.mb-brand span{color:#fff}
.mb-lang a.on{color:#fff;text-decoration:underline;text-decoration-color:var(--r);text-decoration-thickness:3px}
.mb-btn{border-color:var(--g)}
.mf-mpanel{background:rgba(0,0,0,.97);top:62px}
.mf-mpanel summary{color:#fff;border-left:4px solid var(--g);padding-left:10px}
.mf-mpanel details a.mb-ueb{color:#fff;text-decoration:underline;text-decoration-color:var(--g)}
.mf-mpanel input[type=search]{border-color:var(--g);background:#111}
.mf-mpanel form button{background:var(--g);color:#fff}