Květen
Nepropásněte ideální šanci pro zasazení plodové zeleniny.

Berdík na zahradu backup

<style><!--
.text-wrapper {max-width:800px; width:100%;margin:auto;}
h1 {text-align:center;color: #b2ca40;}
aside, .news-item time, .news-item-detail time, .breadcrumbs.navigation-home-icon-wrapper {display: none;}
.kn_container {width:100%;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-direction:row;flex-wrap:wrap;justify-content:center;}
.kn_child2, .kn_tooltip {position: relative;}
.kn_top ol {padding-inline-start: 15px; text-align:left;list-style: none; counter-reset: li;}
.kn_top ol li:before {content: counter(li); color: #b2ca40; display: inline-block; width: 1em; margin-left: -1em; font-weight:600;}
.kn_top ol li {counter-increment: li}

.kn_child2 {background-size: contain;background-repeat: no-repeat;}
.kn_child2:nth-child(odd) {background-position: right center;}
.kn_child2:nth-child(even) {background-position: left center;}
.kn_child2:nth-child(1), .kn_child2:nth-child(7) {text-align: right;}
.kn_child2:nth-child(2), .kn_child2:nth-child(8) {text-align: left;}
.kn_child2:nth-child(1) .kn_tooltip, .kn_child2:nth-child(7) .kn_tooltip {margin-right:20%;}
.kn_child2:nth-child(2) .kn_tooltip, .kn_child2:nth-child(8) .kn_tooltip {margin-left:20%;}

.kn_child2:nth-child(1) {background-image: url("/user/documents/upload/res/Berdik_detail_1_alt.png");}
.kn_child2:nth-child(1) .kn_tooltip:before {content: 'Prostor na substrát';}
.kn_child2:nth-child(2) {background-image: url("/user/documents/upload/res/Berdik_detail_2_alt.png");}
.kn_child2:nth-child(2) .kn_tooltip:before {content: 'Zásobník na živiny';}
.kn_child2:nth-child(3) {background-image: url("/user/documents/upload/res/Berdik_detail_3_alt.png");}
.kn_child2:nth-child(3) .kn_tooltip:before {content: 'Kapsy na rostlinky';}
.kn_child2:nth-child(4) {background-image: url("/user/documents/upload/res/Berdik_detail_4_alt.png");}
.kn_child2:nth-child(4) .kn_tooltip:before {content: 'Kapsy na rostlinky';}
.kn_child2:nth-child(5) {background-image: url("/user/documents/upload/res/Berdik_detail_5_alt.png");}
.kn_child2:nth-child(5) .kn_tooltip:before {content: 'Flexi vědro';}
.kn_child2:nth-child(6) {background-image: url("/user/documents/upload/res/Berdik_detail_6_alt.png");}
.kn_child2:nth-child(6) .kn_tooltip:before {content: 'Nožičky';}

.kn_tooltip {
display:inline-block;
position:relative;
border-bottom:1px dotted #666;
text-align: center;
background-color: #fff;
border-radius: 50%;
width: 100px;
height: 100px;
color: #b2ca40;
font-size: 24px;
font-weight: bold;
line-height: 54px;
border: solid 3px #fff;
}

.kn_tooltip .kn_top {
line-height: 1.5;
min-width:300px;
top:-20px;
left:50%;
transform:translate(-50%, -100%);
padding:10px 20px;
color:#444444;
background-color:#fff;
font-weight:normal;
font-size:13px;
border-radius:8px;
position:absolute;
z-index:99999999;
box-sizing:border-box;
box-shadow:0 1px 8px rgba(0,0,0,0.5);
display:none;
}
.kn_tooltip .kn_top h3 {color: #b2ca40;font-weight: 600;}

.kn_tooltip:hover .kn_top {
display:block;
}

.kn_tooltip .kn_top p:last-child {display: none;}
.kn_tooltip .kn_top p:nth-child(3xxx) {
position:absolute;
top:100%;
left:50%;
margin-left:-12px;
width:24px;
height:12px;
overflow:hidden;
}

.kn_tooltip .kn_top p:nth-child(3xxx)::after {
content:'';
position:absolute;
width:12px;
height:12px;
left:50%;
transform:translate(-50%,-50%) rotate(45deg);
background-color:#EEEEEE;
box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

@media (max-width: 649px) {
.kn_child2 {width:50%; padding:0px;text-align:center;min-height: 22vw;}
.kn_child2:nth-child(3) .kn_tooltip, .kn_child2:nth-child(5) .kn_tooltip {margin-right:40%;}
.kn_child2:nth-child(4) .kn_tooltip, .kn_child2:nth-child(6) .kn_tooltip {margin-left:40%;}
.kn_child2alt {width:100%;}
.kn_child3 {width:50%; padding: 20px;}
.kn_child4 {width:50%; padding: 20px;}
}

@media (min-width: 650px) {
.kn_child2 {width:50%; padding:0px;text-align:center;min-height: 200px;}
.kn_child2alt {width:50%;}
.kn_child3 {width:33%; padding: 20px;}
.kn_child4 {width:25%; padding: 20px;}
}

.kn_tooltip {
box-shadow: 0 0 0 rgba(rgba(156, 214, 216, 0.4));
animation: pulse 2s infinite;
}
.kn_tooltip:hover {
animation: none;
}

@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(156, 214, 216, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(156, 214, 216, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(156, 214, 216, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(156, 214, 216, 0.4);
box-shadow: 0 0 0 0 rgba(156, 214, 216, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(156, 214, 216, 0);
box-shadow: 0 0 0 10px rgba(156, 214, 216, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(156, 214, 216, 0);
box-shadow: 0 0 0 0 rgba(156, 214, 216, 0);
}
}

@media (max-width: 768px) {
.descr-text .kn_container:nth-child(2) {margin-top:50px;}
.kn_child2 {min-height: 40vw;}
.kn_tooltip {width: 75px; height: 75px;}
.kn_child2:nth-child(4) .kn_tooltip {display: none;}
.kn_child2:nth-child(1) .kn_tooltip {bottom: -18%; left: -5%;}
.kn_child2:nth-child(2) .kn_tooltip {left: 7%;}
.kn_child2:nth-child(3) .kn_tooltip {left: 10%; bottom: -20%;}
.kn_child2:nth-child(3) .kn_tooltip .kn_top {left: 100%;}
.kn_child2:nth-child(5) .kn_tooltip {top: 15%; right: -8%; margin-right: 0%;}
.kn_child2:nth-child(6) .kn_tooltip {margin-left: 0%; top: 45%;}
.kn_tooltip .kn_top {min-width:220px;}
.kn_child2:nth-child(2) .kn_top {top: 300%; left: -175%;}

.kn_child2:nth-child(1) .kn_tooltip:before, .kn_child2:nth-child(2) .kn_tooltip:before {position: absolute; top: -55px; left: calc(-150% + 34px); width: 300%;}
.kn_child2:nth-child(5) .kn_tooltip:before, .kn_child2:nth-child(6) .kn_tooltip:before {position: absolute; top: 70px; left: calc(-150% + 34px); width: 300%;}
.kn_child2:nth-child(3) .kn_tooltip:before {position: absolute; top: 70px; left: calc(-100% + 34px); width: 200%;line-height: 1;}
}
@media (min-width: 768px) {
.kn_tooltip:before {position: absolute; top: 95px; left: calc(-150% + 50px); width: 300%;}
.kn_child2:nth-child(4) .kn_tooltip {display: none;}
.kn_child2:nth-child(1) .kn_tooltip {bottom: -23%; left: -50%;}
.kn_child2:nth-child(2) .kn_tooltip {bottom: -23%; left: 50%;}
.kn_child2:nth-child(3) .kn_tooltip { left: -7%; top: 15%;}
.kn_child2:nth-child(5) .kn_tooltip {bottom: -25%; right: -40px;}
.kn_child2:nth-child(6) .kn_tooltip {bottom: -25%; right: 40px;}

.kn_child2:nth-child(2) .kn_top {top: 200%; left: -175%;}
}
--></style>
<style><!--
.welcome {margin-top: 0px;}
.kn_container {width:100%;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-flow: row wrap;justify-content:center;}
.main_img {justify-content:flex-end;}
.kn_child5 h2 {font-size: 35px; font-weight: 100;text-align:right;line-height: 1.5;margin-block-end: 0.2em;letter-spacing: 12px;}
.kn_child5 h3 {font-size: 35px; font-weight: 100;text-transform: none;text-align:right;color: #b2ca40;letter-spacing: 12px;}
.bluebox {letter-spacing: 12px; padding: 30px 60px;
margin: 35px 0px; background-color: #73c4c7; color: #fff;}
.greenbox {text-align: center; letter-spacing: 12px; padding: 30px 60px; margin: 35px; background-color: #b2ca40; color: #fff;}
.small_bluebox { display: table;
padding: 3px 20px;
margin: 35px auto;
background-color: #73c4c7;
font-size: 20px;
line-height: 2;
letter-spacing: 6px;
color: #fff;
text-align: center;}
.info_paragraph {font-size: 20px; line-height: 2; xxxletter-spacing: 6px;}
.refname {color: #b2ca40;
text-align: center;
font-size: 16px;}
.reftext {text-align: center;
font-size: 14px;
line-height: 2;
xxxletter-spacing: 6px;
padding: 20px;}

.kn_child3 p {margin-bottom: 0px;}

ul.leaves {padding-inline-start: 0px;list-style-type: none;}
ul.leaves li {
background: url('/user/documents/upload/res/bulletpoint.png') no-repeat left top;
height: 54px;
padding-left: 85px;
padding-top: 2px;
font-size: 20px;
margin: 0px 15px;
}

.main_price {font-size: 50px; font-weight: bold;width: 200px; float: left;}
.main_price span {font-size: 20px;}

.green_btn, .blue_btn {font-size: 18px; padding: 10px 25px;color: #fff;float: left;
margin-top: 9px;
margin-right: 20px;}
.green_btn {background-color: #b2ca40 !important; color: #fff !important; border: solid 2px #b2ca40 !important;}
.green_btn:hover {background-color: #fff !important; color: #b2ca40 !important; border: solid 2px #b2ca40 !important;}
.blue_btn {background-color: #73c4c7 !important; color: #fff !important; border: solid 2px #73c4c7 !important;}
.blue_btn:hover {background-color: #fff !important; color: #73c4c7 !important; border: solid 2px #73c4c7 !important;}
.kn_child5 .col-md-12 {width: auto !important;}
.kn_child5 .visible-md-inline-block, .kn_child5 .visible-lg-inline-block {display: block !important;}

.kn_child50 {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-flow: row wrap;justify-content:center;}
.green_background {background-image: url("http://www.berdik.bio/user/documents/upload/res/green_background.png"); background-size: contain;background-position: center right; background-repeat: no-repeat;}

@media (max-width: 768px) {
.kn_child5 h2, .kn_child5 h3 {text-align: center;}
.welcome {padding: 0 20px; margin-top: 0px;}
.kn_child100 {width:100%;margin-left:auto;margin-right:auto;}
.kn_child50 {width:100%;}
.kn_child50 > .kn_child50 {width:34%;margin: 8%;}
.kn_child3 {width:46%;margin:1%;}
.kn_child4 {width:46%;margin:1%;}
.kn_child4:last-child {width:75%;margin:3%;}
.kn_child5 {width:100%;}
.references .kn_child3 {width:100%;}
.greenbox {padding: 20px 30px; margin: 35px 0; font-size: 13px;}
.stamp-divider {width: 100%; margin-top: -90px; z-index: -1;}
}

@media (min-width: 768px) and (max-width: 991px) {
.kn_child5 h2, .kn_child5 h3 {text-align: center;}
.welcome {padding: 0 20px; margin-top: 0px;}
.kn_child100 {width:100%;margin-left:auto;margin-right:auto;}
.kn_child50 {width:100%;}
.kn_child50 > .kn_child50 {width:34%;margin: 8%;}
.kn_child3 {width:46%;margin:1%;}
.kn_child4 {width:46%;margin:1%;}
.kn_child4:last-child {width:60%;margin:3%;}
.kn_child5 {width:100%;background-color: #xdadada;}
.order1 {order: 1;}
.order2 {order: 2;}
.order3 {order: 3;}
.greenbox {padding: 20px 30px; margin: 35px 0; font-size: 13px;}
.stamp-divider {width: 100%; margin-top: -140px; z-index: -1;}
}

@media (min-width: 992px) {
ul.leaves {display: flex; justify-content: center;}
.hide-on-desktop {display: none;}
.kn_child100 {width:100%;}
.kn_child50 {width:100%;}
.kn_child50 > .kn_child50 {width:34%;margin: 8%;}
.kn_child3 {width:32%;}
.kn_child4 {width:23%;}
.kn_child5 {width:58%;background-color: #xdadada;}
.main_img {justify-content:flex-end;
background-image: url("/user/documents/upload/res/Main_product_v4_zahrada.png"); background-repeat: no-repeat;
background-position: left center;
background-size: contain;}
.bluebox, .greenbox {font-size: 25px;}
.desktop_margin {margin: 35px !important;}
.stamp-divider {width: 100%; margin-top: -130px; z-index: -1;}
}

@media (min-width: 992px) and (max-width: 1200px) {
.kn_child5 h2 {font-size: 42px;}
.kn_child50 {width:50%;}
.kn_child50 > .kn_child50 {width:34%;margin: 8%;}
}

@media (min-width:1200px) {
.kn_child50 {width:50%;}
.kn_child50 > .kn_child50 {width:34%;margin: 8%;}
}
--></style>
<div class="divider div-transparent div-leaves">&nbsp;</div>
<div class="kn_container main_img">
<div class="kn_child5">
<h2>Sbírejte bohatou úrodu</h2>
<h3>i&nbsp;na&nbsp;své zahradě!</h3>
<p class="hide-on-desktop" style="text-align: center;"><img src='https://cdn.myshoptet.com/usr/www.berdik.bio/user/documents/upload/res/Main_product_v4_zahrada.png' /></p>
<p class="bluebox" style="text-align: center;">REVOLUCE V&nbsp;PĚSTOVÁNÍ</p>
<ul class="leaves">
<li><span style="font-family: helvetica;">Kdekoliv</span></li>
<li><span style="font-family: helvetica;">Bez&nbsp;okopávání</span></li>
<li><span style="font-family: helvetica;">Bez&nbsp;chemie</span></li>
</ul>
<p class="info_paragraph"><span style="font-family: helvetica;">Berdík na zahradu je cyklický patrový květináč ručně vyráběný z&nbsp;potravinových sudů, ve&nbsp;kterém můžete i&nbsp;kompostovat.</span></p>
<p class="main_price">6.440<span>Kč</span></p>
</div>
</div>
<div class="divider div-transparent div-leaves">&nbsp;</div>
<p>&nbsp;</p>
<p><span style="font-size: 20px; text-align: justify;"><img src='https://cdn.myshoptet.com/usr/www.berdik.bio/user/documents/upload/res/1_1.png' alt="1_1" /></span></p>
<p>&nbsp;</p>
<p><span style="font-size: 20px; text-align: justify;"><img src='https://cdn.myshoptet.com/usr/www.berdik.bio/user/documents/upload/res/web kulaty 1 (2).png' alt="web kulaty 1 (2)" />&nbsp;</span></p>
<div class="kn_container">&nbsp;</div>
<div class="divider div-transparent div-leaves">&nbsp;</div>
<h3 style="text-align: center; letter-spacing: 12px; margin: 35px; font-size: 24pt;">4&nbsp;kroky k&nbsp;bohaté sklizni</h3>
<div class="kn_container blue_header">
<div class="kn_child2_info">
<p><img src='https://cdn.myshoptet.com/usr/www.berdik.bio/user/documents/upload/res/berdik_stamp_1.png' /></p>
<h4><span style="font-family: helvetica; font-size: 18pt;">CHCEŠ kompostovat?</span></h4>
<p><span style="font-size: 12pt; font-family: helvetica;">Před&nbsp;nákupem Berdíka promyslete, zda&nbsp;budete využívat možnosti kompostování svého<strong> bio-odpadu</strong>. Pro&nbsp;snazší rozhodování jsme odpověděli vaše nejčastější <strong><a href="http://www.berdik.bio/faqs/">dotazy</a></strong>.</span></p>
</div>
<div class="kn_child2_info">
<p><span style="font-family: helvetica;"><img src='https://cdn.myshoptet.com/usr/www.berdik.bio/user/documents/upload/res/berdik_stamp_2.png' /></span></p>
<h4><span style="font-size: 18pt; font-family: helvetica;">Budeš připraven?</span></h4>
<p><span style="font-size: 12pt; font-family: helvetica;">Spolu s&nbsp;Berdíkem obdržíte jednoduchý návod, jak&nbsp;ho sestavit. Pro&nbsp;prvotní přípravu budete potřebovat <strong>substrát, keramzit a&nbsp;sazeničky.</strong> A&nbsp;podle vašeho výběru buď hotový vermikopost, nebo žížalky a&nbsp;bioodpad.</span></p>
</div>
<div class="kn_child2_info">
<p><span style="font-family: helvetica;"><img src='https://cdn.myshoptet.com/usr/www.berdik.bio/user/documents/upload/res/berdik_stamp_3.png' /></span></p>
<h4><span style="font-size: 18pt; font-family: helvetica;">Dej se do toho!</span></h4>
<p><span style="font-size: 12pt; font-family: helvetica;">Spolu s&nbsp;Berdíkem obdržíte <strong>osazovací vzory,</strong> které vám názorně předvedou, jaké rostlinky je vhodné vysázet v&nbsp;závislosti na&nbsp;daném ročním období a&nbsp;Berdíkově konstrukci.</span></p>
</div>
<div class="kn_child2_info">
<p><span style="font-family: helvetica;"><img src='https://cdn.myshoptet.com/usr/www.berdik.bio/user/documents/upload/res/berdik_stamp_4.png' /></span></p>
<h4><span style="font-family: helvetica; font-size: 24pt;">BER a děkuj.</span></h4>
<p><span style="font-size: 12pt; font-family: helvetica;">V&nbsp;průběhu sezóny stačí Berdíka<strong> zalít 10&nbsp;litry vody</strong> jednou za&nbsp;dva až&nbsp;pět dní. Při&nbsp;tropických teplotách bude potřeba zalévat nejlépe denně. Pokud často cestujete, přimíchejte do&nbsp;substrátu <strong><a href="http://www.berdik.bio/prislusenstvi/">hydrogel</a></strong>.</span></p>
</div>
</div>
<div class="divider div-transparent div-leaves">&nbsp;</div>
<style><!--
.kn_child2_info {width: 96%; text-align: center; padding: 25px;}
.kn_child2_info h4 {font-size: 26px; font-weight: 600; color: #b2ca40; }
.blue_header .kn_child2_info h4 {color: #73c4c7; }
.kn_child2_info p {font-size: 20px; line-height: 1.5;}

@media (min-width: 768px) {
.kn_child2_info {width: 50%; text-align: center; padding: 25px 50px;}
.kn_child2_info h4 {font-size: 26px; font-weight: 600; color: #b2ca40; }
.blue_header .kn_child2_info h4 {color: #73c4c7; }
.kn_child2_info p {font-size: 20px; line-height: 1.5;text-align: justify;text-align-last: center;}
}
--></style>