/*-- 
Name:          Gebäudereinigung Kubau, Nistertal
Url:           https://kubau-gebaeudereinigung.de
Description:   Gebäudereinigung Kubau, Nistertal | Gebäudereinigung Westerwald Rhein-Sieg-Kreis
Version:       2.0 (Relaunch Responsive)
______________ Webdesign by elf42 - Hameln Emmerthal */


input#navbf {    display:none; }
/* --- */

:focus-visible { outline: 4px solid var(--m0); outline-offset: 3px; border-radius: 0 !important; color: var(--m0) !important; background: var(--m255) !important; }

.bibu figure a:focus > img, 
.flex.bi2 figure a:focus > img { border: 5px solid var(--m0); }
/* --- */

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* --- */


#bf {               position: fixed; z-index:100; top: 3rem; left: 0.5rem; overflow: hidden;
                    min-width: 60px; margin: 0; padding: 0; 
                    background: var(--m255); border: 0/*3px solid var(--m200)*/; border-radius: 20px; 
                    display: inline-flex; flex-direction: column;
                    align-content: flex-start; flex-wrap: wrap; }


label.navbf {       cursor: pointer; }
label.navbf img {   width: 40px; margin: 12px 12px 7px 12px; }


.bfo {                position: absolute; left: 0; overflow: hidden; list-style-type: none; 
                      display: flex; align-items: center; flex-direction: column; }

ul.bfo li {           margin: 0; padding: 0; 
                      width: 100%; white-space:nowrap; }

.bfo a, 
.bfo button {         margin: 0; padding: 20px 10px; width:auto; 
                      color: var(--m82); text-align:left; text-decoration: underline; 
                      background: var(--tr); border:none;  
                      display: flex; align-content: flex-start; flex-wrap: wrap;}
.bfo a img, 
.bfo button img {     width: 25px; margin-right: 20px; }


.bfo {                                 max-height: 0; width: 70px;  }                        /* close */

input[type="checkbox"]:checked ~ .bfo, 
button.navbf:focus ~ .bfo,
.bfo:focus-within {                    position: static; 
                                       max-height: 420px; margin: 0 20px; padding: 0; 
                                       width: auto; overflow: visible; transition: 2s all; } /* open */