#menu{position:fixed;font-size:clamp(12px,3vw,3rem);height:100vh;width:13em;left:-13em;top:0;bottom:0;background-color:#fff;z-index:1000;transition:left ease-out .25s}#menu:hover{left:0;box-shadow:8px 0 20px 10px rgba(0,0,0,.4)}#menu nav button{animation:kbt 2s;animation-delay:1s;position:fixed;left:.2em;top:0;z-index:-1;font-weight:700;font-style:normal;font-size:3.6vw;border:0;color:#000;background-color:rgba(255,255,255,0);text-shadow:0 0 .15em #fff}@keyframes kbt{0%{transform:scale(1.2)}25%{transform:scale(.8)}50%{transform:scale(1.2)}100%{transform:scale(1)}}nav{position:absolute;left:0;top:0;bottom:0;width:13em;margin-bottom:1em;background-color:#fff;font-weight:400;line-height:1em;overflow:auto;scrollbar-width:thin}nav::-webkit-scrollbar{width:4px}nav ul{overflow-y:hidden;list-style-type:none;margin:0;padding-left:1em}a{text-decoration:none}nav ul li{height:2em}nav ul a{color:#000;display:block}nav li a:hover{border-bottom:.3em solid #8cc63f}nav ul li>a{padding-top:.6em;padding-bottom:.3em;width:fit-content;height:.6em}nav ul li>ul li a{position:relative;padding-top:.3em;padding-bottom:.3em}nav ul li:hover>ul{max-height:999vh;transition:max-height 1s ease-in}nav ul li ul{transition:max-height 40s;border-left:1px solid #000}@media (hover:hover){nav ul li ul{max-height:0}}nav ul li ul:hover{border-left:2px solid #000}nav a:hover:before{content:" ";display:inline-block;left:-12%;position:absolute;height:2px;background-color:#000;top:50%;width:11%}nav h2{border:0;font-size:.5vw}nav svg{height:1em;width:auto;position:absolute}html{margin:0;padding:0;scroll-behavior:smooth;line-height:1.15;font-family:Kabel-Bold;font-size:clamp(10px,2vw,2.5rem)}header{margin-top:-40vh}body{width:100vw;display:grid;grid-template-rows:auto;overflow-x:hidden;margin:0;gap:9em;margin-top:-9em;font-family:inherit}h2,h3{font-family:Kabel-Bold;margin-left:auto;margin-right:auto;margin-bottom:.3em;display:table;text-align:center}h2{margin-top:0;font-size:6vw;border-bottom:1.5vw solid #8cc63f;line-height:.9em}h3{font-size:5vw;margin-top:.5em;text-decoration:underline;text-underline-offset:.12em;margin-bottom:2em;margin-top:1em;background-color:#222}.Tafel h3{font-family:Kreide;margin-bottom:.5em;margin-top:.5em}@font-face{font-family:Kabel-Bold;src:local("Kabel Fett"),url(../fonts/kabel_bold-webfont.woff2) format("woff2");font-display:swap}@font-face{font-family:Kreide;src:local("Dk Crayon Crumble"),url(../fonts/dkcrayoncrumble-ddll-webfont.woff2) format("woff2");font-display:swap}#video{order:8;display:grid;align-items:center;justify-items:center;text-align:center}#video video{max-height:80vh;width:auto;box-shadow:0 0 2vmin;border-radius:1vmin}footer{order:9;font-size:1.4vw;clear:both;text-align:center;padding:0 1vw;border-top:2px solid #999;margin-top:50vmin;display:grid;align-items:center;justify-items:center;text-align:center;background:#f9f9f9;z-index:90;position:relative;height:100vmin}footer p{margin:.4em 0;overflow:hidden;font-size:2vw;padding:0}footer a{display:inline-block}footer img{width:min(40vw,80%);height:auto}.bioladenberlin{width:9em;border-bottom:1px;border-top:0;border-left:0;border-right:0;border-style:solid;border-color:#000}.impressum{margin:4em 0 0 0}#cookies:hover{animation:kCookies 2s ease-in-out 0s forwards;background-image:url(/images/cookies.webp);background-size:cover;overflow:visible;position:absolute}@keyframes kCookies{0%{height:1em;width:8em}100%{height:600px;width:332px;transform:translate(-50%,-100%)}}#defs{order:7;font-size:0;line-height:0}figure img{box-shadow:0 0 2vmin}.coa{display:flex;flex-direction:column;align-content:center;flex-wrap:wrap}.coa img{margin:auto;box-shadow:none;filter:drop-shadow(0 0 2vmin #000)}.coa figcaption{max-width:100%;text-align:center;margin-top:.5em;word-break:break-word}#DemeterBrot{font-family:Arial,Helvetica,sans-serif;order:3;margin:2vmin 3vw}#DemeterBrot>figure>figcaption{font-size:8px}#DemeterBrot .ogHeute{margin-top:1em;position:relative}#DemeterBrot h3{font-size:3vw;background-color:#fff;margin-top:4vh;margin-bottom:2vh;text-decoration:none}#DemeterBrot h4{font-size:2.5vw;background-color:#fff;margin-top:4vh;margin-bottom:.5vh;text-decoration:underline}#DemeterBrot a,#coa a{color:green}#coa a:hover{text-decoration:underline}#DemeterBrot a:hover{text-decoration:underline}.brot{position:absolute;overflow:visible;opacity:0;z-index:2}@keyframes slideaway{from{display:table;width:300%;height:0%}to{width:300%;height:300%}}.brot:active,.brot:hover{opacity:1;z-index:1}.brot>a{font-size:2.2vmin;position:absolute;height:100%;width:100%;word-break:break-word;text-align:center}.brot figcaption{background-color:#fff;font-size:2.5vw;padding:.5em 0;box-shadow:0 0 4vmin #000}.brot>a>figure{display:none;min-width:25vw;max-width:25vw;max-height:25vw;margin-bottom:100vh;background-color:#444;box-shadow:0 0 4vmin #000}.brot>a>figure>img{box-shadow:none;border-radius:0}.brot:hover>a>figure{display:table;animation:slideaway .2s forwards;transform:translate(-42%,-42%)}.ogHeute>div{height:17%;width:7%}#paderborner{left:7%;top:3%}#roggenbrot{left:14%;top:3%}#dreikornbrot{left:21%;top:3%;width:9%}#sesambrot{left:30%;top:3%;width:9%}#sonnenblumenbrot{left:41%;top:3%;width:9%}#sechskorn{left:45%;top:28%}#vierschrotbrot{left:34%;top:28%;width:9%}#dinkel-hafer{left:27%;top:28%}#dinkel100{left:20%;top:28%}#dinkel-hell{left:11%;top:28%;width:9%}#frankenlaib{left:75%;top:3%;width:14%}#Uckermarker{left:53%;top:28%;width:9%}#Bauernbrot{left:64%;top:28%;width:12%}#MärkischeKruste{left:77%;top:28%;width:12%}#Dinkel-Ruch{left:53%;top:78%;width:12%}#BioladenBerlin{order:1;font-size:17vmin;margin-left:5vw;margin-bottom:10vmax;position:relative;height:max(72vmin,61vw);z-index:32;width:95vw}.bottom{position:absolute;bottom:0;width:calc(100% - 6vw)}#BioladenBerlin>svg{animation:kapfel 4s forwards 2s;left:-2vw;position:absolute;top:-9vw;width:97vw;height:auto}@keyframes kapfel{95%{transform:rotate(0)}100%{width:22vw;left:5vw;top:0;transform:rotate(-10deg)}}.rote21{animation:k21 3s forwards ease-in-out 2s;fill:none;font:bold 18px sans-serif}.kult{animation:kkult 4s forwards ease-in-out 2s;font-family:Impact,Arial Bold,sans-serif;font-size:11px}#seit{animation:kseit 4s forwards ease-in-out 2s;font-size:6px}#kult1982{animation:k1982 4s forwards ease-in-out 2s}@keyframes kseit{0%{transform:translateX(-4em)}}@keyframes k1982{0%{transform:translateY(3em) translateX(6em)}}@keyframes kkult{0%{fill:#fff;transform:translateY(-3em) translateX(-3em);opacity:0;text-shadow:none}99%{text-shadow:none}100%{fill:#fff;opacity:1;text-shadow:0 1px 3px rgb(0 0 0 / 60%)}}@keyframes k21{0%{opacity:0;fill:#fff}10%{opacity:0}30%{opacity:.8}100%{opacity:0;fill:#fff}}.Grüner{font-size:15vw;left:23vw;top:9vw;position:absolute}.Laden{font-size:15vw;left:6vw;top:24vw;position:absolute}a{color:#000}.Anschrift{width:fit-content;font-size:3vw;position:relative;cursor:alias;top:44vw;left:8vw;position:absolute;height:1.03em}.Anschrift:hover{border-bottom:.8vw solid #8cc63f}#Öffnungszeiten{left:60vw;font-size:2.5vw;position:absolute;display:inline;top:29vw;text-align:left}#MoFr{top:1.2em;left:0;width:12em;position:absolute;border-bottom:.6vw solid #8cc63f;width:max-content;height:1em}#Sa{top:2.4em;left:0;width:12em;position:absolute;border-bottom:.6vw solid #8cc63f;width:max-content;height:1em}#nebenan{position:absolute;bottom:-5vh;width:100%;text-align:center;color:green;font-size:2vw}#Angebote{order:2}#coa{order:3}.zutaten{font:italic 14px verdana,sans-serif;text-align:left}#Angebote div section circle{fill:#fff}.Angebote{display:grid;grid-template-columns:repeat(auto-fit,minmax(490px,.47fr));justify-content:center;grid-gap:3%;margin-bottom:3em}@media (max-width:1000px){.Angebote{grid-template-columns:90vw}}@media (max-width:400px){.Angebote{grid-template-columns:100vw}}.Tafel{display:grid;grid-template-rows:repeat(10,auto);background-color:#222;color:#fff;text-align:center;row-gap:.5em;position:relative;margin-bottom:2em;margin-top:1em;padding-left:1vw;padding-right:1vw;padding-bottom:2em;overflow-wrap:anywhere;font-family:Kreide;font-size:1vw;z-index:2}.Davor{font-size:5em}.Name{font-size:7em}.Drunter{font-size:4em}.Geschmak{font-size:2em}.Zutaten{font-size:2em;margin-top:.4em}.ZweiInEinem{display:grid;grid-template-columns:50% 50%;margin-top:.5em;font-size:1.7em}.Land{font-size:1.7em;padding-top:.5em}.Preis{font-size:4em;color:#db7093}.Beschreibung{margin-top:.5em;font-size:1.4em}.kol{position:absolute;top:0;left:0;height:4vmax;width:4vmax;z-index:10}.kor{position:absolute;top:0;right:0;height:4vmax;width:4vmax;z-index:10}.kur{position:absolute;bottom:0;right:0;height:4vmax;width:4vmax;z-index:10}.kul{position:absolute;bottom:0;left:0;height:4vmax;width:4vmax;z-index:10}#ObstGemüseMoabit{order:5;min-height:100vh}#BioWeinMoabit{order:6;min-height:100vh}#BioSpirituosenMoabit{order:7;min-height:100vh}.ogRahmen{overflow:hidden;height:80vh;position:relative;background-color:#222;margin-left:2vw;margin-right:2vw}.ogTable{padding-top:4vh;text-align:left;overflow-y:auto;overflow-x:hidden;margin-left:2vw;width:calc(100% - 2vw);height:80vh;font-family:Kreide;font-size:2vmax;color:#fff;position:absolute;z-index:3;background-color:#222}.og{padding-top:0;font-size:clamp(15px,1.8vmax,1.8em)}.og h3{font-family:Kreide}.ogHeute{margin-bottom:0;margin-top:4em;margin-left:10vw;width:calc(100% - 20vw);display:grid;justify-content:center}.ogHeute img{width:100%;height:auto;border-radius:1vmin}.ogHeute figcaption{text-align:center}.flaschen{position:relative;display:grid;grid-template-columns:min(25%,7em) auto 6%;grid-template-rows:1em;gap:0 .5em;grid-template-areas:"img fcaption" "img text";transition:height 2s ease-in-out;height:3em;margin:0 1vw 0 1vw}label{cursor:pointer}.flaschen img{grid-area:img;transition:transform 2s ease-in-out;width:auto;height:auto;max-height:1.5em;max-width:100%;transform-origin:left bottom;box-shadow:none}@media (min-width:800px){.flaschen img{margin-left:1vw}}.flaschen figcaption{padding-left:.5em;grid-area:fcaption;font-size:max(max(1em,2.7vw),12px);line-height:.9em;width:95%;transition:transform 2s ease-in-out}.flaschen figcaption+p a{color:#8cc63f;text-decoration:underline}.link{transform:scale(.8) translateY(.2em);width:1em;height:1em}.flagge{position:absolute;right:2vw;top:0;height:1.6em;width:2em;opacity:.8;shape-outside:content-box}figcaption+p{grid-area:text;width:111%;margin:1em 0 .6em 0;overflow:auto;font-weight:400;line-height:.9em;box-shadow:3px -8px 12px #444 inset;padding:0 .5em 0 .5em;transition:transform,opacity,height 2s ease-in-out;height:0;opacity:0}article>p{text-align:center}input[type=checkbox]{display:none}input[type=checkbox]:checked+figure{height:max(11.6em,19vh)}input[type=checkbox]:checked+figure>figcaption{transform:translateX(-1.2em)}input[type=checkbox]:checked+figure>figcaption+p{height:max(6.6em,10vh);opacity:1;transform:translateX(-.9em) translateY(.8em)}input[type=checkbox]:checked+figure img{transform:rotate(-90deg) scale(1.5) translateX(-89%) translateY(154%)}#ObstGemüseMoabit .ogRahmen .ogTable>div{display:flex;margin-left:3vw;margin-right:3vw;font-size:1.4em;cursor:n-resize;background-color:#222;line-height:.9em;border-bottom:.7vw solid #8cc63f00;margin-bottom:.4em;gap:2vw;width:92vw}td{padding:1vw 2vw 1vw 2vw}#ObstGemüseMoabit .ogRahmen .ogTable>div>div{flex:0 0 35%}#ObstGemüseMoabit .ogRahmen .ogTable>div>div+div{flex:0 0 65%}.rÜ{background-image:linear-gradient(#222 0,rgba(0,0,0,0) 100%);height:5vh;width:100%;left:0;z-index:10;position:absolute}.rÜunten{transform:rotate(180deg);bottom:0}.jump{width:6vw;height:6vw;position:absolute;z-index:20;margin-top:-2vw}.jump .backkreis{fill:#8cc63f}.jump .backpfeil{fill:#000}.jLinks{transform:rotate(90deg);left:calc(50% - 12vw)}.jRechts{transform:rotate(150deg);left:calc(50% + 6vw)}.jump:hover{cursor:pointer;filter:drop-shadow(0 0 .2vmax #fff)}.jump:hover #backkreis{fill:#222}.jump:hover #backpfeil{fill:#8cc63f}.datum{z-index:11;text-align:right;margin-right:2em}.none{display:none}::-webkit-scrollbar{width:10px;border-radius:4px}.ogTable::-webkit-scrollbar{width:4px}figure>figcaption+p::-webkit-scrollbar{width:2px}#mobile-video{display:none}@media (min-height:1800px){#mobile-video{display:block}#desktop-video{display:none}}::-webkit-scrollbar-thumb:hover{background-color:#a3ff2b}::-webkit-scrollbar-track{border-radius:4px;background-color:rgba(255,255,255,0)}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#8cc63f}figure>figcaption+p{scrollbar-color:#8cc63f #222}html{scrollbar-color:#8cc63f #fff}body{scrollbar-color:#8cc63f #222;scrollbar-width:thin}body::-webkit-scrollbar{width:10px;background:#222}body::-webkit-scrollbar-thumb{background:#8cc63f;border-radius:3px}