/* Forms © admotion*/ /* Farbfelder Hochbeet 1 */ #bfGroupLabel2175 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel2175::after { content: 'Weiss'; } #bfGroupLabel2175:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2175_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel2175_1::after { content: 'Gold'; } #bfGroupLabel2175_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2175_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel2175_2::after { content: 'Schwarz'; } #bfGroupLabel2175_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2175_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel2175_3::after { content: 'Grau'; } #bfGroupLabel2175_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2175_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel2175_4::after { content: 'Eisenglimmer'; } #bfGroupLabel2175_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2175_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel2175_5::after { content: 'Anthrazit'; } #bfGroupLabel2175_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2175_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel2175_6::after { content: 'Weinrot'; } #bfGroupLabel2175_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2175_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel2175_7::after { content: 'Grün'; } #bfGroupLabel2175_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2175_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel2175_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel2175_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2175, #bfGroupLabel2175_1, #bfGroupLabel2175_3, #bfGroupLabel2175_4, #bfGroupLabel2175_6, #bfGroupLabel2175_7 { background-size: 100%; width: 32% !important; height: 100px; z-index: 999; float: left; margin: 0 2% 15px 0 !important; position: relative; transition: 0.2s; } #bfGroupLabel2175_2, #bfGroupLabel2175_5, #bfGroupLabel2175_8 { background-size: 100%; width: 32% !important; height: 100px; z-index: 999; float: left; margin: 0 0 15px 0 !important; position: relative; transition: 0.2s; } #bfGroupLabel2175::after, #bfGroupLabel2175_1::after, #bfGroupLabel2175_2::after, #bfGroupLabel2175_3::after, #bfGroupLabel2175_4::after, #bfGroupLabel2175_5::after, #bfGroupLabel2175_6::after, #bfGroupLabel2175_7::after, #bfGroupLabel2175_8::after { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.6); padding: 5px 8px; color: #fff; font-weight: 700; box-sizing: border-box; font-size: 13px; } /* Farbfelder Hochbeet 2 */ #bfGroupLabel2201 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel2201::after { content: 'Weiss'; } #bfGroupLabel2201:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2201_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel2201_1::after { content: 'Gold'; } #bfGroupLabel2201_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2201_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel2201_2::after { content: 'Schwarz'; } #bfGroupLabel2201_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2201_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel2201_3::after { content: 'Grau'; } #bfGroupLabel2201_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2201_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel2201_4::after { content: 'Eisenglimmer'; } #bfGroupLabel2201_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2201_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel2201_5::after { content: 'Anthrazit'; } #bfGroupLabel2201_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2201_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel2201_6::after { content: 'Weinrot'; } #bfGroupLabel2201_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2201_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel2201_7::after { content: 'Grün'; } #bfGroupLabel2201_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2201_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel2201_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel2201_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2201, #bfGroupLabel2201_1, #bfGroupLabel2201_3, #bfGroupLabel2201_4, #bfGroupLabel2201_6, #bfGroupLabel2201_7 { background-size: 100%; width: 32% !important; height: 100px; z-index: 999; float: left; margin: 0 2% 15px 0 !important; position: relative; transition: 0.2s; } #bfGroupLabel2201_2, #bfGroupLabel2201_5, #bfGroupLabel2201_8 { background-size: 100%; width: 32% !important; height: 100px; z-index: 999; float: left; margin: 0 0 15px 0 !important; position: relative; transition: 0.2s; } #bfGroupLabel2201::after, #bfGroupLabel2201_1::after, #bfGroupLabel2201_2::after, #bfGroupLabel2201_3::after, #bfGroupLabel2201_4::after, #bfGroupLabel2201_5::after, #bfGroupLabel2201_6::after, #bfGroupLabel2201_7::after, #bfGroupLabel2201_8::after { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.6); padding: 5px 8px; color: #fff; font-weight: 700; box-sizing: border-box; font-size: 13px; } /* Farbfelder Hochbeet 3 */ #bfGroupLabel2211 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel2211::after { content: 'Weiss'; } #bfGroupLabel2211:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2211_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel2211_1::after { content: 'Gold'; } #bfGroupLabel2211_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2211_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel2211_2::after { content: 'Schwarz'; } #bfGroupLabel2211_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2211_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel2211_3::after { content: 'Grau'; } #bfGroupLabel2211_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2211_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel2211_4::after { content: 'Eisenglimmer'; } #bfGroupLabel2211_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2211_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel2211_5::after { content: 'Anthrazit'; } #bfGroupLabel2211_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2211_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel2211_6::after { content: 'Weinrot'; } #bfGroupLabel2211_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2211_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel2211_7::after { content: 'Grün'; } #bfGroupLabel2211_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2211_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel2211_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel2211_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2211, #bfGroupLabel2211_1, #bfGroupLabel2211_3, #bfGroupLabel2211_4, #bfGroupLabel2211_6, #bfGroupLabel2211_7 { background-size: 100%; width: 32% !important; height: 100px; z-index: 999; float: left; margin: 0 2% 15px 0 !important; position: relative; transition: 0.2s; } #bfGroupLabel2211_2, #bfGroupLabel2211_5, #bfGroupLabel2211_8 { background-size: 100%; width: 32% !important; height: 100px; z-index: 999; float: left; margin: 0 0 15px 0 !important; position: relative; transition: 0.2s; } #bfGroupLabel2211::after, #bfGroupLabel2211_1::after, #bfGroupLabel2211_2::after, #bfGroupLabel2211_3::after, #bfGroupLabel2211_4::after, #bfGroupLabel2211_5::after, #bfGroupLabel2211_6::after, #bfGroupLabel2211_7::after, #bfGroupLabel2211_8::after { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.6); padding: 5px 8px; color: #fff; font-weight: 700; box-sizing: border-box; font-size: 13px; } /* Farbfelder Hochbeet 4 */ #bfGroupLabel2239 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel2239::after { content: 'Weiss'; } #bfGroupLabel2239:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2239_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel2239_1::after { content: 'Gold'; } #bfGroupLabel2239_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2239_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel2239_2::after { content: 'Schwarz'; } #bfGroupLabel2239_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2239_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel2239_3::after { content: 'Grau'; } #bfGroupLabel2239_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2239_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel2239_4::after { content: 'Eisenglimmer'; } #bfGroupLabel2239_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2239_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel2239_5::after { content: 'Anthrazit'; } #bfGroupLabel2239_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2239_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel2239_6::after { content: 'Weinrot'; } #bfGroupLabel2239_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2239_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel2239_7::after { content: 'Grün'; } #bfGroupLabel2239_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2239_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel2239_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel2239_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2239, #bfGroupLabel2239_1, #bfGroupLabel2239_3, #bfGroupLabel2239_4, #bfGroupLabel2239_6, #bfGroupLabel2239_7 { background-size: 100%; width: 32% !important; height: 100px; z-index: 999; float: left; margin: 0 2% 15px 0 !important; position: relative; transition: 0.2s; } #bfGroupLabel2239_2, #bfGroupLabel2239_5, #bfGroupLabel2239_8 { background-size: 100%; width: 32% !important; height: 100px; z-index: 999; float: left; margin: 0 0 15px 0 !important; position: relative; transition: 0.2s; } #bfGroupLabel2239::after, #bfGroupLabel2239_1::after, #bfGroupLabel2239_2::after, #bfGroupLabel2239_3::after, #bfGroupLabel2239_4::after, #bfGroupLabel2239_5::after, #bfGroupLabel2239_6::after, #bfGroupLabel2239_7::after, #bfGroupLabel2239_8::after { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.6); padding: 5px 8px; color: #fff; font-weight: 700; box-sizing: border-box; font-size: 13px; } /* Farbfelder Hochbeet 5 */ #bfGroupLabel2249 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel2249::after { content: 'Weiss'; } #bfGroupLabel2249:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2249_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel2249_1::after { content: 'Gold'; } #bfGroupLabel2249_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2249_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel2249_2::after { content: 'Schwarz'; } #bfGroupLabel2249_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2249_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel2249_3::after { content: 'Grau'; } #bfGroupLabel2249_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2249_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel2249_4::after { content: 'Eisenglimmer'; } #bfGroupLabel2249_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2249_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel2249_5::after { content: 'Anthrazit'; } #bfGroupLabel2249_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2249_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel2249_6::after { content: 'Weinrot'; } #bfGroupLabel2249_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2249_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel2249_7::after { content: 'Grün'; } #bfGroupLabel2249_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2249_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel2249_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel2249_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2249, #bfGroupLabel2249_1, #bfGroupLabel2249_3, #bfGroupLabel2249_4, #bfGroupLabel2249_6, #bfGroupLabel2249_7 { background-size: 100%; width: 32% !important; height: 100px; z-index: 999; float: left; margin: 0 2% 15px 0 !important; position: relative; transition: 0.2s; } #bfGroupLabel2249_2, #bfGroupLabel2249_5, #bfGroupLabel2249_8 { background-size: 100%; width: 32% !important; height: 100px; z-index: 999; float: left; margin: 0 0 15px 0 !important; position: relative; transition: 0.2s; } #bfGroupLabel2249::after, #bfGroupLabel2249_1::after, #bfGroupLabel2249_2::after, #bfGroupLabel2249_3::after, #bfGroupLabel2249_4::after, #bfGroupLabel2249_5::after, #bfGroupLabel2249_6::after, #bfGroupLabel2249_7::after, #bfGroupLabel2249_8::after { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.6); padding: 5px 8px; color: #fff; font-weight: 700; box-sizing: border-box; font-size: 13px; } /* - - - - - - - - - - - - - - - - - - -- - - - - - - - - - - - - */ /* Zubehör Hochbeet Felder 1 */ #bfElementGroupNoWrap2184 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap2184, #bfElemWrap2184 { overflow: hidden; } #bfGroupLabel2184 { background: url(../images/TopfZubehoer/Rollen.jpg) no-repeat bottom center;} #bfGroupLabel2184::after { content: 'Rollen (je Fr. 45.–)*'; } #bfGroupLabel2184_1 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel2184_1::after { content: 'Nivellierfüsse (je Fr. 35.–)*'; } #bfGroupLabel2184_2 { background: url(../images/TopfZubehoer/Wasserstand-Rohr.jpg) no-repeat bottom center;} #bfGroupLabel2184_2::after { content: 'Wasserstand Rohr (je Fr. 85.–)'; } #bfGroupLabel2184_3 { background: url(../images/TopfZubehoer/Bewaesserungskanal.jpg) no-repeat bottom center;} #bfGroupLabel2184_3::after { content: 'Bewässerungskanal (Preis auf Anfrage)'; } #bfGroupLabel2184, #bfGroupLabel2184_1, #bfGroupLabel2184_2, #bfGroupLabel2184_3 { background-size: 100%; width: 23% !important; height: 150px !important; z-index: 999; float: left; margin: 0 2% 2% 0 !important; position: relative; transition: 0.2s; } #bfGroupLabel2184::after, #bfGroupLabel2184_1::after, #bfGroupLabel2184_2::after, #bfGroupLabel2184_3::after {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.6); padding: 5px 8px; color: #fff; font-weight: 700; font-size: 13px; box-sizing: border-box; } #bfGroupLabel2184:hover::after, #bfGroupLabel2184_1:hover::after, #bfGroupLabel2184_2:hover::after, #bfGroupLabel2184_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } /* Zubehör Hochbeet Felder 2 */ #bfElementGroupNoWrap2203 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap2203, #bfElemWrap2203 { overflow: hidden; } #bfGroupLabel2203 { background: url(../images/TopfZubehoer/Rollen.jpg) no-repeat bottom center;} #bfGroupLabel2203::after { content: 'Rollen (je Fr. 45.–)*'; } #bfGroupLabel2203_1 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel2203_1::after { content: 'Nivellierfüsse (je Fr. 35.–)*'; } #bfGroupLabel2203_2 { background: url(../images/TopfZubehoer/Wasserstand-Rohr.jpg) no-repeat bottom center;} #bfGroupLabel2203_2::after { content: 'Wasserstand Rohr (je Fr. 85.–)'; } #bfGroupLabel2203_3 { background: url(../images/TopfZubehoer/Bewaesserungskanal.jpg) no-repeat bottom center;} #bfGroupLabel2203_3::after { content: 'Bewässerungskanal (Preis auf Anfrage)'; } #bfGroupLabel2203, #bfGroupLabel2203_1, #bfGroupLabel2203_2, #bfGroupLabel2203_3 { background-size: 100%; width: 23% !important; height: 150px !important; z-index: 999; float: left; margin: 0 2% 2% 0 !important; position: relative; transition: 0.2s; } #bfGroupLabel2203::after, #bfGroupLabel2203_1::after, #bfGroupLabel2203_2::after, #bfGroupLabel2203_3::after {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.6); padding: 5px 8px; color: #fff; font-weight: 700; font-size: 13px; box-sizing: border-box; } #bfGroupLabel2203:hover::after, #bfGroupLabel2203_1:hover::after, #bfGroupLabel2203_2:hover::after, #bfGroupLabel2203_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } /* Zubehör Hochbeet Felder 3 */ #bfElementGroupNoWrap2213 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap2213, #bfElemWrap2213 { overflow: hidden; } #bfGroupLabel2213 { background: url(../images/TopfZubehoer/Rollen.jpg) no-repeat bottom center;} #bfGroupLabel2213::after { content: 'Rollen (je Fr. 45.–)*'; } #bfGroupLabel2213_1 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel2213_1::after { content: 'Nivellierfüsse (je Fr. 35.–)*'; } #bfGroupLabel2213_2 { background: url(../images/TopfZubehoer/Wasserstand-Rohr.jpg) no-repeat bottom center;} #bfGroupLabel2213_2::after { content: 'Wasserstand Rohr (je Fr. 85.–)'; } #bfGroupLabel2213_3 { background: url(../images/TopfZubehoer/Bewaesserungskanal.jpg) no-repeat bottom center;} #bfGroupLabel2213_3::after { content: 'Bewässerungskanal (Preis auf Anfrage)'; } #bfGroupLabel2213, #bfGroupLabel2213_1, #bfGroupLabel2213_2, #bfGroupLabel2213_3 { background-size: 100%; width: 23% !important; height: 150px !important; z-index: 999; float: left; margin: 0 2% 2% 0 !important; position: relative; transition: 0.2s; } #bfGroupLabel2213::after, #bfGroupLabel2213_1::after, #bfGroupLabel2213_2::after, #bfGroupLabel2213_3::after {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.6); padding: 5px 8px; color: #fff; font-weight: 700; font-size: 13px; box-sizing: border-box; } #bfGroupLabel2213:hover::after, #bfGroupLabel2213_1:hover::after, #bfGroupLabel2213_2:hover::after, #bfGroupLabel2213_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } /* Zubehör Hochbeet Felder 4 */ #bfElementGroupNoWrap2241 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap2241, #bfElemWrap2241 { overflow: hidden; } #bfGroupLabel2241 { background: url(../images/TopfZubehoer/Rollen.jpg) no-repeat bottom center;} #bfGroupLabel2241::after { content: 'Rollen (je Fr. 45.–)*'; } #bfGroupLabel2241_1 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel2241_1::after { content: 'Nivellierfüsse (je Fr. 35.–)*'; } #bfGroupLabel2241_2 { background: url(../images/TopfZubehoer/Wasserstand-Rohr.jpg) no-repeat bottom center;} #bfGroupLabel2241_2::after { content: 'Wasserstand Rohr (je Fr. 85.–)'; } #bfGroupLabel2241_3 { background: url(../images/TopfZubehoer/Bewaesserungskanal.jpg) no-repeat bottom center;} #bfGroupLabel2241_3::after { content: 'Bewässerungskanal (Preis auf Anfrage)'; } #bfGroupLabel2241, #bfGroupLabel2241_1, #bfGroupLabel2241_2, #bfGroupLabel2241_3 { background-size: 100%; width: 23% !important; height: 150px !important; z-index: 999; float: left; margin: 0 2% 2% 0 !important; position: relative; transition: 0.2s; } #bfGroupLabel2241::after, #bfGroupLabel2241_1::after, #bfGroupLabel2241_2::after, #bfGroupLabel2241_3::after {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.6); padding: 5px 8px; color: #fff; font-weight: 700; font-size: 13px; box-sizing: border-box; } #bfGroupLabel2241:hover::after, #bfGroupLabel2241_1:hover::after, #bfGroupLabel2241_2:hover::after, #bfGroupLabel2241_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } /* Zubehör Hochbeet Felder 5 */ #bfElementGroupNoWrap2251 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap2251, #bfElemWrap2251 { overflow: hidden; } #bfGroupLabel2251 { background: url(../images/TopfZubehoer/Rollen.jpg) no-repeat bottom center;} #bfGroupLabel2251::after { content: 'Rollen (je Fr. 45.–)*'; } #bfGroupLabel2251_1 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel2251_1::after { content: 'Nivellierfüsse (je Fr. 35.–)*'; } #bfGroupLabel2251_2 { background: url(../images/TopfZubehoer/Wasserstand-Rohr.jpg) no-repeat bottom center;} #bfGroupLabel2251_2::after { content: 'Wasserstand Rohr (je Fr. 85.–)'; } #bfGroupLabel2251_3 { background: url(../images/TopfZubehoer/Bewaesserungskanal.jpg) no-repeat bottom center;} #bfGroupLabel2251_3::after { content: 'Bewässerungskanal (Preis auf Anfrage)'; } #bfGroupLabel2251, #bfGroupLabel2251_1, #bfGroupLabel2251_2, #bfGroupLabel2251_3 { background-size: 100%; width: 23% !important; height: 150px !important; z-index: 999; float: left; margin: 0 2% 2% 0 !important; position: relative; transition: 0.2s; } #bfGroupLabel2251::after, #bfGroupLabel2251_1::after, #bfGroupLabel2251_2::after, #bfGroupLabel2251_3::after {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.6); padding: 5px 8px; color: #fff; font-weight: 700; font-size: 13px; box-sizing: border-box; } #bfGroupLabel2251:hover::after, #bfGroupLabel2251_1:hover::after, #bfGroupLabel2251_2:hover::after, #bfGroupLabel2251_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } @media(max-width:1200px){ /* Zubehör 1 */ #bfGroupLabel2184, #bfGroupLabel2184_1, #bfGroupLabel2184_2, #bfGroupLabel2184_3 { background-size: 100%; width: 48% !important; height: 150px !important; z-index: 999; float: left; margin: 0 2% 2% 0 !important; position: relative; transition: 0.2s; } /* Zubehör 2 */ #bfGroupLabel2203, #bfGroupLabel2203_1, #bfGroupLabel2203_2, #bfGroupLabel2203_3 { background-size: 100%; width: 48% !important; height: 150px !important; z-index: 999; float: left; margin: 0 2% 2% 0 !important; position: relative; transition: 0.2s; } /* Zubehör 3 */ #bfGroupLabel2213, #bfGroupLabel2213_1, #bfGroupLabel2213_2, #bfGroupLabel2213_3 { background-size: 100%; width: 48% !important; height: 150px !important; z-index: 999; float: left; margin: 0 2% 2% 0 !important; position: relative; transition: 0.2s; } /* Zubehör 4 */ #bfGroupLabel2241, #bfGroupLabel2241_1, #bfGroupLabel2241_2, #bfGroupLabel2241_3 { background-size: 100%; width: 48% !important; height: 150px !important; z-index: 999; float: left; margin: 0 2% 2% 0 !important; position: relative; transition: 0.2s; } /* Zubehör 5 */ #bfGroupLabel2251, #bfGroupLabel2251_1, #bfGroupLabel2251_2, #bfGroupLabel2251_3 { background-size: 100%; width: 48% !important; height: 150px !important; z-index: 999; float: left; margin: 0 2% 2% 0 !important; position: relative; transition: 0.2s; } } @media(max-width:767px){ /* Farbe 1 */ #bfGroupLabel2175, #bfGroupLabel2175_2, #bfGroupLabel2175_4, #bfGroupLabel2175_6, #bfGroupLabel2175_8 { background-size: 100%; width: 49% !important; opacity: 0.8; margin: 0 2% 10px 0 !important; } #bfGroupLabel2175_1, #bfGroupLabel2175_3, #bfGroupLabel2175_5, #bfGroupLabel2175_7 { background-size: 100%; width: 49% !important; opacity: 0.8; margin: 0 0% 10px 0 !important; } /* Farbe 2 */ #bfGroupLabel2201, #bfGroupLabel2201_2, #bfGroupLabel2201_4, #bfGroupLabel2201_6, #bfGroupLabel2201_8 { background-size: 100%; width: 49% !important; opacity: 0.8; margin: 0 2% 10px 0 !important; } #bfGroupLabel2201_1, #bfGroupLabel2201_3, #bfGroupLabel2201_5, #bfGroupLabel2201_7 { background-size: 100%; width: 49% !important; opacity: 0.8; margin: 0 0% 10px 0 !important; } /* Farbe 3 */ #bfGroupLabel2211, #bfGroupLabel2211_2, #bfGroupLabel2211_4, #bfGroupLabel2211_6, #bfGroupLabel2211_8 { background-size: 100%; width: 49% !important; opacity: 0.8; margin: 0 2% 10px 0 !important; } #bfGroupLabel2211_1, #bfGroupLabel2211_3, #bfGroupLabel2211_5, #bfGroupLabel2211_7 { background-size: 100%; width: 49% !important; opacity: 0.8; margin: 0 0% 10px 0 !important; } /* Farbe 4 */ #bfGroupLabel2239, #bfGroupLabel2239_2, #bfGroupLabel2239_4, #bfGroupLabel2239_6, #bfGroupLabel2239_8 { background-size: 100%; width: 49% !important; opacity: 0.8; margin: 0 2% 10px 0 !important; } #bfGroupLabel2239_1, #bfGroupLabel2239_3, #bfGroupLabel2239_5, #bfGroupLabel2239_7 { background-size: 100%; width: 49% !important; opacity: 0.8; margin: 0 0% 10px 0 !important; } /* Farbe 5 */ #bfGroupLabel2249, #bfGroupLabel2249_2, #bfGroupLabel2249_4, #bfGroupLabel2249_6, #bfGroupLabel2249_8 { background-size: 100%; width: 49% !important; opacity: 0.8; margin: 0 2% 10px 0 !important; } #bfGroupLabel2249_1, #bfGroupLabel2249_3, #bfGroupLabel2249_5, #bfGroupLabel2249_7 { background-size: 100%; width: 49% !important; opacity: 0.8; margin: 0 0% 10px 0 !important; } }