/* Forms © admotion*/ /* Farbfelder Holzlager */ #bfGroupLabel2505 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel2505::after { content: 'Weiss'; } #bfGroupLabel2505:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2505_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel2505_1::after { content: 'Gold'; } #bfGroupLabel2505_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2505_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel2505_2::after { content: 'Schwarz'; } #bfGroupLabel2505_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2505_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel2505_3::after { content: 'Grau'; } #bfGroupLabel2505_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2505_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel2505_4::after { content: 'Eisenglimmer'; } #bfGroupLabel2505_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2505_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel2505_5::after { content: 'Anthrazit'; } #bfGroupLabel2505_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2505_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel2505_6::after { content: 'Weinrot'; } #bfGroupLabel2505_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2505_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel2505_7::after { content: 'Grün'; } #bfGroupLabel2505_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2505_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel2505_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel2505_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2505, #bfGroupLabel2505_1, #bfGroupLabel2505_3, #bfGroupLabel2505_4, #bfGroupLabel2505_6, #bfGroupLabel2505_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; } #bfGroupLabel2505_2, #bfGroupLabel2505_5, #bfGroupLabel2505_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; } #bfGroupLabel2505::after, #bfGroupLabel2505_1::after, #bfGroupLabel2505_2::after, #bfGroupLabel2505_3::after, #bfGroupLabel2505_4::after, #bfGroupLabel2505_5::after, #bfGroupLabel2505_6::after, #bfGroupLabel2505_7::after, #bfGroupLabel2505_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 Holzlager 2 */ #bfGroupLabel2531 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel2531::after { content: 'Weiss'; } #bfGroupLabel2531:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2531_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel2531_1::after { content: 'Gold'; } #bfGroupLabel2531_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2531_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel2531_2::after { content: 'Schwarz'; } #bfGroupLabel2531_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2531_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel2531_3::after { content: 'Grau'; } #bfGroupLabel2531_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2531_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel2531_4::after { content: 'Eisenglimmer'; } #bfGroupLabel2531_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2531_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel2531_5::after { content: 'Anthrazit'; } #bfGroupLabel2531_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2531_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel2531_6::after { content: 'Weinrot'; } #bfGroupLabel2531_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2531_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel2531_7::after { content: 'Grün'; } #bfGroupLabel2531_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2531_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel2531_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel2531_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2531, #bfGroupLabel2531_1, #bfGroupLabel2531_3, #bfGroupLabel2531_4, #bfGroupLabel2531_6, #bfGroupLabel2531_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; } #bfGroupLabel2531_2, #bfGroupLabel2531_5, #bfGroupLabel2531_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; } #bfGroupLabel2531::after, #bfGroupLabel2531_1::after, #bfGroupLabel2531_2::after, #bfGroupLabel2531_3::after, #bfGroupLabel2531_4::after, #bfGroupLabel2531_5::after, #bfGroupLabel2531_6::after, #bfGroupLabel2531_7::after, #bfGroupLabel2531_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 Holzlager 3 */ #bfGroupLabel2541 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel2541::after { content: 'Weiss'; } #bfGroupLabel2541:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2541_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel2541_1::after { content: 'Gold'; } #bfGroupLabel2541_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2541_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel2541_2::after { content: 'Schwarz'; } #bfGroupLabel2541_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2541_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel2541_3::after { content: 'Grau'; } #bfGroupLabel2541_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2541_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel2541_4::after { content: 'Eisenglimmer'; } #bfGroupLabel2541_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2541_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel2541_5::after { content: 'Anthrazit'; } #bfGroupLabel2541_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2541_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel2541_6::after { content: 'Weinrot'; } #bfGroupLabel2541_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2541_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel2541_7::after { content: 'Grün'; } #bfGroupLabel2541_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2541_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel2541_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel2541_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2541, #bfGroupLabel2541_1, #bfGroupLabel2541_3, #bfGroupLabel2541_4, #bfGroupLabel2541_6, #bfGroupLabel2541_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; } #bfGroupLabel2541_2, #bfGroupLabel2541_5, #bfGroupLabel2541_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; } #bfGroupLabel2541::after, #bfGroupLabel2541_1::after, #bfGroupLabel2541_2::after, #bfGroupLabel2541_3::after, #bfGroupLabel2541_4::after, #bfGroupLabel2541_5::after, #bfGroupLabel2541_6::after, #bfGroupLabel2541_7::after, #bfGroupLabel2541_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 Holzlager 4 */ #bfGroupLabel2569 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel2569::after { content: 'Weiss'; } #bfGroupLabel2569:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2569_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel2569_1::after { content: 'Gold'; } #bfGroupLabel2569_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2569_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel2569_2::after { content: 'Schwarz'; } #bfGroupLabel2569_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2569_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel2569_3::after { content: 'Grau'; } #bfGroupLabel2569_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2569_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel2569_4::after { content: 'Eisenglimmer'; } #bfGroupLabel2569_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2569_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel2569_5::after { content: 'Anthrazit'; } #bfGroupLabel2569_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2569_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel2569_6::after { content: 'Weinrot'; } #bfGroupLabel2569_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2569_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel2569_7::after { content: 'Grün'; } #bfGroupLabel2569_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2569_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel2569_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel2569_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2569, #bfGroupLabel2569_1, #bfGroupLabel2569_3, #bfGroupLabel2569_4, #bfGroupLabel2569_6, #bfGroupLabel2569_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; } #bfGroupLabel2569_2, #bfGroupLabel2569_5, #bfGroupLabel2569_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; } #bfGroupLabel2569::after, #bfGroupLabel2569_1::after, #bfGroupLabel2569_2::after, #bfGroupLabel2569_3::after, #bfGroupLabel2569_4::after, #bfGroupLabel2569_5::after, #bfGroupLabel2569_6::after, #bfGroupLabel2569_7::after, #bfGroupLabel2569_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 Holzlager 5 */ #bfGroupLabel2579 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel2579::after { content: 'Weiss'; } #bfGroupLabel2579:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2579_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel2579_1::after { content: 'Gold'; } #bfGroupLabel2579_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2579_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel2579_2::after { content: 'Schwarz'; } #bfGroupLabel2579_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2579_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel2579_3::after { content: 'Grau'; } #bfGroupLabel2579_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2579_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel2579_4::after { content: 'Eisenglimmer'; } #bfGroupLabel2579_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2579_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel2579_5::after { content: 'Anthrazit'; } #bfGroupLabel2579_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2579_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel2579_6::after { content: 'Weinrot'; } #bfGroupLabel2579_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2579_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel2579_7::after { content: 'Grün'; } #bfGroupLabel2579_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2579_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel2579_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel2579_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel2579, #bfGroupLabel2579_1, #bfGroupLabel2579_3, #bfGroupLabel2579_4, #bfGroupLabel2579_6, #bfGroupLabel2579_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; } #bfGroupLabel2579_2, #bfGroupLabel2579_5, #bfGroupLabel2579_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; } #bfGroupLabel2579::after, #bfGroupLabel2579_1::after, #bfGroupLabel2579_2::after, #bfGroupLabel2579_3::after, #bfGroupLabel2579_4::after, #bfGroupLabel2579_5::after, #bfGroupLabel2579_6::after, #bfGroupLabel2579_7::after, #bfGroupLabel2579_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 Holzlager Felder */ #bfElementGroupNoWrap2514 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap2514, #bfElemWrap2514 { overflow: hidden; } #bfGroupLabel2514 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel2514::after { content: 'Nivellierfüsse (je Fr. 30.–)'; } #bfGroupLabel2514 { background-size: 100%; width: 48% !important; height: 250px !important; z-index: 999; float: left; margin: 0 2% 2% 0 !important; position: relative; transition: 0.2s; } #bfGroupLabel2514::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; } #bfGroupLabel2514:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } /* Zubehör Holzlager Felder 2 */ #bfElementGroupNoWrap2533 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap2533, #bfElemWrap2533 { overflow: hidden; } #bfGroupLabel2533 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel2533::after { content: 'Nivellierfüsse (je Fr. 30.–)'; } #bfGroupLabel2533 { background-size: 100%; width: 48% !important; height: 250px !important; z-index: 999; float: left; margin: 0 2% 2% 0 !important; position: relative; transition: 0.2s; } #bfGroupLabel2533::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; } #bfGroupLabel2533:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } /* Zubehör Holzlager Felder 2 */ #bfElementGroupNoWrap2543 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap2543, #bfElemWrap2543 { overflow: hidden; } #bfGroupLabel2543 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel2543::after { content: 'Nivellierfüsse (je Fr. 30.–)'; } #bfGroupLabel2543 { background-size: 100%; width: 48% !important; height: 250px !important; z-index: 999; float: left; margin: 0 2% 2% 0 !important; position: relative; transition: 0.2s; } #bfGroupLabel2543::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; } #bfGroupLabel2543:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } /* Zubehör Holzlager Felder 4 */ #bfElementGroupNoWrap2571 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap2571, #bfElemWrap2571 { overflow: hidden; } #bfGroupLabel2571 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel2571::after { content: 'Nivellierfüsse (je Fr. 30.–)'; } #bfGroupLabel2571 { background-size: 100%; width: 48% !important; height: 250px !important; z-index: 999; float: left; margin: 0 2% 2% 0 !important; position: relative; transition: 0.2s; } #bfGroupLabel2571::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; } #bfGroupLabel2571:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } /* Zubehör Holzlager Felder 5 */ #bfElementGroupNoWrap2581 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap2581, #bfElemWrap2581 { overflow: hidden; } #bfGroupLabel2581 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel2581::after { content: 'Nivellierfüsse (je Fr. 30.–)'; } #bfGroupLabel2581 { background-size: 100%; width: 48% !important; height: 250px !important; z-index: 999; float: left; margin: 0 2% 2% 0 !important; position: relative; transition: 0.2s; } #bfGroupLabel2581::after {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.6); padding: 5px 8px; color: #fff; font-weight: 800; font-size: 13px; box-sizing: border-box; } #bfGroupLabel2581:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } @media(max-width:1200px){ /* Zubehör 1 */ #bfGroupLabel2514 { 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 */ #bfGroupLabel2533 { 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 */ #bfGroupLabel2543 { 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 */ #bfGroupLabel2571 { 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 */ #bfGroupLabel2581 { 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){ /* Farben 1 */ #bfGroupLabel2505, #bfGroupLabel2505_2, #bfGroupLabel2505_4, #bfGroupLabel2505_6, #bfGroupLabel2505_8 { background-size: 100%; width: 49% !important; opacity: 0.8; margin: 0 2% 10px 0 !important; } #bfGroupLabel2505_1, #bfGroupLabel2505_3, #bfGroupLabel2505_5, #bfGroupLabel2505_7 { background-size: 100%; width: 49% !important; opacity: 0.8; margin: 0 0% 10px 0 !important; } /* Farben 2 */ #bfGroupLabel2531, #bfGroupLabel2531_2, #bfGroupLabel2531_4, #bfGroupLabel2531_6, #bfGroupLabel2531_8 { background-size: 100%; width: 49% !important; opacity: 0.8; margin: 0 2% 10px 0 !important; } #bfGroupLabel2531_1, #bfGroupLabel2531_3, #bfGroupLabel2531_5, #bfGroupLabel2531_7 { background-size: 100%; width: 49% !important; opacity: 0.8; margin: 0 0% 10px 0 !important; } /* Farben 3 */ #bfGroupLabel2541, #bfGroupLabel2541_2, #bfGroupLabel2541_4, #bfGroupLabel2541_6, #bfGroupLabel2541_8 { background-size: 100%; width: 49% !important; opacity: 0.8; margin: 0 2% 10px 0 !important; } #bfGroupLabel2541_1, #bfGroupLabel2541_3, #bfGroupLabel2541_5, #bfGroupLabel2541_7 { background-size: 100%; width: 49% !important; opacity: 0.8; margin: 0 0% 10px 0 !important; } /* Farben 4 */ #bfGroupLabel2569, #bfGroupLabel2569_2, #bfGroupLabel2569_4, #bfGroupLabel2569_6, #bfGroupLabel2569_8 { background-size: 100%; width: 49% !important; opacity: 0.8; margin: 0 2% 10px 0 !important; } #bfGroupLabel2569_1, #bfGroupLabel2569_3, #bfGroupLabel2569_5, #bfGroupLabel2569_7 { background-size: 100%; width: 49% !important; opacity: 0.8; margin: 0 0% 10px 0 !important; } /* Farben 5 */ #bfGroupLabel2579, #bfGroupLabel2579_2, #bfGroupLabel2579_4, #bfGroupLabel2579_6, #bfGroupLabel2579_8 { background-size: 100%; width: 49% !important; opacity: 0.8; margin: 0 2% 10px 0 !important; } #bfGroupLabel2579_1, #bfGroupLabel2579_3, #bfGroupLabel2579_5, #bfGroupLabel2579_7 { background-size: 100%; width: 49% !important; opacity: 0.8; margin: 0 0% 10px 0 !important; } }