/* Forms © admotion*/ /* Styling Allgemein --------------------------------- */ .bfQuickMode .bfErrorMessage { position: fixed; z-index: 9999999; width: 300px; display: none; } .bfQuickMode .bfErrorMessage { padding: 10px; margin-bottom: 10px; background: #ffeded; font-weight: normal; font-size: 11px; float: none; color: red; } .formError .formErrorContent { width: 100%; background: #d40000; color: #fff; width: auto; font-family: 'Open Sans'; font-size: 12px; border: 0px solid #ddd; box-shadow: 0px 0px 0px #000; -moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; padding: 4px 10px 4px 10px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .formError .formErrorArrowBottom {display: none; } .formError .formErrorContent::before { content: '▲'; color: #d40000; position: absolute; top: -15px; } #l, #l2 { width: 32%; margin-right: 2%; float: left; } #r, #r2 { width: 66%; float: left; } .bfQuickMode .bfRequired { vertical-align: top; background: none; font-size: 100%; font-weight: normal; border: none; padding: 0px 0px 0px 5px; margin: 0px; color: #8f8f8e; float: none; } .bfQuickMode legend {display: none; } fieldset { border: 0px; padding: 0px; } .bfQuickMode section.bfElemWrap { padding: 5px 0; margin: 0px 0px 0px 0px; position: relative; overflow: hidden; } .bfQuickMode .bfLabelLeft .bfElementGroup, .bfQuickMode .bfLabelRight .bfElementGroup, .bfQuickMode section.bfLabelLeft .bfElementGroupNoWrap { width: 100%; float: left; } .bfQuickMode fieldset.bfInline section { padding: 0px; margin: 0px 0px 10px 0px; } .bfQuickMode .bfElementGroupNoWrap, .bfQuickMode .bfElementGroup { width: 100% !important; min-width: 10px !important; max-width: 100% !important; } .bfQuickMode textarea:hover, .bfQuickMode input[type="text"]:hover, .bfQuickMode input[type="password"]:hover, .bfQuickMode select:hover { } .bfQuickMode input[type="text"], .bfQuickMode textarea, .bfQuickMode .uneditable-input, .bfQuickMode input[type="text"]:hover, .bfQuickMode textarea:hover, .bfQuickMode .uneditable-input:hover, .bfQuickMode input[type="text"]:focus, .bfQuickMode textarea:focus, .bfQuickMode .uneditable-input:focus { width: inherit; max-width: none !important; min-width: 10px; } .bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton { float: left; background: #286ab7; width: 32%; padding: 10px 20px; color: #fff; font-size: 18px; font-weight: 700; transition: 0.2s; text-align: left; border: 0px; } .bfNextButton:hover, .bfSubmitButton:hover, .bfCancelButton:hover { background: #fff; color: #286ab7; cursor: pointer; } .bfQuickMode .bfPrevButton { color: #286ab7; font-size: 16px; font-weight: 400; text-align: left; border: 0px; background: transparent; position: absolute;left: 12px; margin-top: 80px; } .bfQuickMode .bfPrevButton:hover { color: #000; cursor: pointer; } .bfQuickMode input[type="radio"] {width: 20px !important; height: 20px !important; float: none !important; margin: 16px 6px 10px 8px !important; display: inline; filter: brightness(0.8) contrast(1.5) hue-rotate(12deg) saturate(0.7) ; -webkit-filter: brightness(0.8) contrast(1.5) hue-rotate(12deg) saturate(0.7) ; -moz-filter: brightness(0.8) contrast(1.5) hue-rotate(12deg) saturate(0.7) } .bfQuickMode .bfLabelLeft .bfElementGroup label{ width: auto; float: none; margin: -1px 10px 0px 5px; display: inline; position: absolute; } .bfClearfix { position: relative; } textarea { width: 98% !important; box-sizing: border-box; margin: 0px !important; font-size: 16px; padding: 10px 20px !important; text-align: left; color: #8f8f8e; font-family: 'Open Sans', sans-serif; border: 0px solid #286ab7 !important; } h2.topf1 { background: #286ab7; padding: 10px 20px; font-size: 25px; color: #fff; margin-top: -10px; margin-bottom: 20px; font-weight: 700; } h2.topf { background: #286ab7; padding: 10px 20px; font-size: 25px; color: #fff; margin-top: 60px; margin-bottom: 20px; font-weight: 700; } /* Styling Masstöpfe --------------------------------- */ #r .bfGroupLabel, #r2 .bfGroupLabel { width: 200px !important; margin-top: 13px !important; margin-left: 5px !important; } #offerte_container input[type="text"] { width: 60% !important; box-sizing: border-box; float: left !important; margin: 0px !important; font-size: 16px; padding: 10px 20px !important; border: 0px !important; text-align: left; color: #8f8f8e; } #l input,#l2 input { width: 75px !important; box-sizing: border-box; float: left !important; margin: 0px !important; font-size: 16px; padding: 10px 10px !important; border: 0px !important; text-align: center; color: #8f8f8e; } #l label, #l2 label { box-sizing: border-box; width: 40% !important; float: left; margin: 0px 10px 0px 0px !important; padding: 8px 0px !important; } .bfQuickMode span.bfElemWrap { width: 100%; padding: 0px; margin: 0px 0px 10px 0px; position: relative; float: left; } #cm .bfElemWrap::after { content: "cm"; margin: 5px; position: absolute; } #radio1 { position: relative; } #radio1 section span label { margin-top: 12px; margin-left: -20px; position: absolute; } #radio1 section span input { margin-right: 30px !important; } /* Styling Farben --------------------------------- */ #farben .bfElemWrap, .bfElementGroupNoWrap {width: 100% !important; overflow: hidden; } #farben2 .bfElemWrap, .bfElementGroupNoWrap {width: 100% !important; overflow: hidden; } #farben input[type="radio"] { position: absolute; z-index: -1; left: -30px; } #farben2 input[type="radio"] { position: absolute; z-index: -1; left: -30px; } .checked { opacity: 1 !important; } .checked::before { content: '✓' !important; font-size: 61px; color: #fff; float: right; margin-top: 25px; margin-right: 5px; } /* RAL */ a.phone { display: block; background: #fff url(../images/telefon.png) no-repeat 96% center; background-size: 22px 22px; padding: 10px; width: 32%; color: #286ab7; font-size: 18px; font-weight: 700; transition: 0.2s; box-sizing: border-box; text-align: left; position: relative; margin-top: 10px; left: 0%; } a.phone:hover { color: #fff; background: #286ab7 url(../images/telefon-weiss.png) no-repeat 96% center; background-size: 22px 22px; } a.mail { display: block; background: #fff url(../images/mail-blau.png) no-repeat 96% center; background-size: 32px 20px; padding: 10px; width: 32%; color: #286ab7; font-size: 18px; font-weight: 700; transition: 0.2s; box-sizing: border-box; text-align: left; position: relative; margin-top: 10px; left: 0%; } a.mail:hover { color: #fff; background: #286ab7 url(../images/mail.png) no-repeat 96% center; background-size: 32px 20px; } #sec1 input, #sec2 input { width: 66% !important; box-sizing: border-box; float: left !important; margin: 0px !important; font-size: 16px; padding: 10px 20px !important; border: 0px !important; text-align: left; color: #8f8f8e; } /* Farbfelder Topf 1 */ #bfGroupLabel1636 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel1636::after { content: 'Weiss'; } #bfGroupLabel1636:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1636_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel1636_1::after { content: 'Gold'; } #bfGroupLabel1636_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1636_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel1636_2::after { content: 'Schwarz'; } #bfGroupLabel1636_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1636_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel1636_3::after { content: 'Grau'; } #bfGroupLabel1636_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1636_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel1636_4::after { content: 'Eisenglimmer'; } #bfGroupLabel1636_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1636_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel1636_5::after { content: 'Anthrazit'; } #bfGroupLabel1636_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1636_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel1636_6::after { content: 'Weinrot'; } #bfGroupLabel1636_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1636_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel1636_7::after { content: 'Grün'; } #bfGroupLabel1636_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1636_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel1636_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel1636_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1636, #bfGroupLabel1636_1, #bfGroupLabel1636_3, #bfGroupLabel1636_4, #bfGroupLabel1636_6, #bfGroupLabel1636_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; } #bfGroupLabel1636_2, #bfGroupLabel1636_5, #bfGroupLabel1636_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; } #bfGroupLabel1636::after, #bfGroupLabel1636_1::after, #bfGroupLabel1636_2::after, #bfGroupLabel1636_3::after, #bfGroupLabel1636_4::after, #bfGroupLabel1636_5::after, #bfGroupLabel1636_6::after, #bfGroupLabel1636_7::after, #bfGroupLabel1636_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 Topf 2 */ #bfGroupLabel1662 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel1662::after { content: 'Weiss'; } #bfGroupLabel1662:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1662_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel1662_1::after { content: 'Gold'; } #bfGroupLabel1662_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1662_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel1662_2::after { content: 'Schwarz'; } #bfGroupLabel1662_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1662_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel1662_3::after { content: 'Grau'; } #bfGroupLabel1662_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1662_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel1662_4::after { content: 'Eisenglimmer'; } #bfGroupLabel1662_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1662_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel1662_5::after { content: 'Anthrazit'; } #bfGroupLabel1662_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1662_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel1662_6::after { content: 'Weinrot'; } #bfGroupLabel1662_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1662_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel1662_7::after { content: 'Grün'; } #bfGroupLabel1662_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1662_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel1662_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel1662_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1662, #bfGroupLabel1662_1, #bfGroupLabel1662_3, #bfGroupLabel1662_4, #bfGroupLabel1662_6, #bfGroupLabel1662_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; } #bfGroupLabel1662_2, #bfGroupLabel1662_5, #bfGroupLabel1662_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; } #bfGroupLabel1662::after, #bfGroupLabel1662_1::after, #bfGroupLabel1662_2::after, #bfGroupLabel1662_3::after, #bfGroupLabel1662_4::after, #bfGroupLabel1662_5::after, #bfGroupLabel1662_6::after, #bfGroupLabel1662_7::after, #bfGroupLabel1662_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 Topf 3 */ #bfGroupLabel1672 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel1672::after { content: 'Weiss'; } #bfGroupLabel1672:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1672_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel1672_1::after { content: 'Gold'; } #bfGroupLabel1672_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1672_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel1672_2::after { content: 'Schwarz'; } #bfGroupLabel1672_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1672_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel1672_3::after { content: 'Grau'; } #bfGroupLabel1672_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1672_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel1672_4::after { content: 'Eisenglimmer'; } #bfGroupLabel1672_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1672_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel1672_5::after { content: 'Anthrazit'; } #bfGroupLabel1672_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1672_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel1672_6::after { content: 'Weinrot'; } #bfGroupLabel1672_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1672_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel1672_7::after { content: 'Grün'; } #bfGroupLabel1672_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1672_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel1672_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel1672_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1672, #bfGroupLabel1672_1, #bfGroupLabel1672_3, #bfGroupLabel1672_4, #bfGroupLabel1672_6, #bfGroupLabel1672_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; } #bfGroupLabel1672_2, #bfGroupLabel1672_5, #bfGroupLabel1672_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; } #bfGroupLabel1672::after, #bfGroupLabel1672_1::after, #bfGroupLabel1672_2::after, #bfGroupLabel1672_3::after, #bfGroupLabel1672_4::after, #bfGroupLabel1672_5::after, #bfGroupLabel1672_6::after, #bfGroupLabel1672_7::after, #bfGroupLabel1672_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 Topf 4 */ #bfGroupLabel1824 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel1824::after { content: 'Weiss'; } #bfGroupLabel1824:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1824_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel1824_1::after { content: 'Gold'; } #bfGroupLabel1824_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1824_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel1824_2::after { content: 'Schwarz'; } #bfGroupLabel1824_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1824_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel1824_3::after { content: 'Grau'; } #bfGroupLabel1824_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1824_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel1824_4::after { content: 'Eisenglimmer'; } #bfGroupLabel1824_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1824_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel1824_5::after { content: 'Anthrazit'; } #bfGroupLabel1824_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1824_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel1824_6::after { content: 'Weinrot'; } #bfGroupLabel1824_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1824_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel1824_7::after { content: 'Grün'; } #bfGroupLabel1824_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1824_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel1824_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel1824_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1824, #bfGroupLabel1824_1, #bfGroupLabel1824_3, #bfGroupLabel1824_4, #bfGroupLabel1824_6, #bfGroupLabel1824_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; } #bfGroupLabel1824_2, #bfGroupLabel1824_5, #bfGroupLabel1824_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; } #bfGroupLabel1824::after, #bfGroupLabel1824_1::after, #bfGroupLabel1824_2::after, #bfGroupLabel1824_3::after, #bfGroupLabel1824_4::after, #bfGroupLabel1824_5::after, #bfGroupLabel1824_6::after, #bfGroupLabel1824_7::after, #bfGroupLabel1824_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 Topf 5 */ #bfGroupLabel1834 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel1834::after { content: 'Weiss'; } #bfGroupLabel1834:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1834_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel1834_1::after { content: 'Gold'; } #bfGroupLabel1834_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1834_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel1834_2::after { content: 'Schwarz'; } #bfGroupLabel1834_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1834_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel1834_3::after { content: 'Grau'; } #bfGroupLabel1834_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1834_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel1834_4::after { content: 'Eisenglimmer'; } #bfGroupLabel1834_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1834_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel1834_5::after { content: 'Anthrazit'; } #bfGroupLabel1834_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1834_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel1834_6::after { content: 'Weinrot'; } #bfGroupLabel1834_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1834_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel1834_7::after { content: 'Grün'; } #bfGroupLabel1834_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1834_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel1834_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel1834_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1834, #bfGroupLabel1834_1, #bfGroupLabel1834_3, #bfGroupLabel1834_4, #bfGroupLabel1834_6, #bfGroupLabel1834_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; } #bfGroupLabel1834_2, #bfGroupLabel1834_5, #bfGroupLabel1834_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; } #bfGroupLabel1834::after, #bfGroupLabel1834_1::after, #bfGroupLabel1834_2::after, #bfGroupLabel1834_3::after, #bfGroupLabel1834_4::after, #bfGroupLabel1834_5::after, #bfGroupLabel1834_6::after, #bfGroupLabel1834_7::after, #bfGroupLabel1834_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 Topf 6 */ #bfGroupLabel1844 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel1844::after { content: 'Weiss'; } #bfGroupLabel1844:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1844_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel1844_1::after { content: 'Gold'; } #bfGroupLabel1844_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1844_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel1844_2::after { content: 'Schwarz'; } #bfGroupLabel1844_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1844_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel1844_3::after { content: 'Grau'; } #bfGroupLabel1844_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1844_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel1844_4::after { content: 'Eisenglimmer'; } #bfGroupLabel1844_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1844_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel1844_5::after { content: 'Anthrazit'; } #bfGroupLabel1844_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1844_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel1844_6::after { content: 'Weinrot'; } #bfGroupLabel1844_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1844_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel1844_7::after { content: 'Grün'; } #bfGroupLabel1844_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1844_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel1844_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel1844_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1844, #bfGroupLabel1844_1, #bfGroupLabel1844_3, #bfGroupLabel1844_4, #bfGroupLabel1844_6, #bfGroupLabel1844_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; } #bfGroupLabel1844_2, #bfGroupLabel1844_5, #bfGroupLabel1844_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; } #bfGroupLabel1844::after, #bfGroupLabel1844_1::after, #bfGroupLabel1844_2::after, #bfGroupLabel1844_3::after, #bfGroupLabel1844_4::after, #bfGroupLabel1844_5::after, #bfGroupLabel1844_6::after, #bfGroupLabel1844_7::after, #bfGroupLabel1844_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 Topf 7 */ #bfGroupLabel1854 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel1854::after { content: 'Weiss'; } #bfGroupLabel1854:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1854_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel1854_1::after { content: 'Gold'; } #bfGroupLabel1854_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1854_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel1854_2::after { content: 'Schwarz'; } #bfGroupLabel1854_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1854_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel1854_3::after { content: 'Grau'; } #bfGroupLabel1854_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1854_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel1854_4::after { content: 'Eisenglimmer'; } #bfGroupLabel1854_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1854_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel1854_5::after { content: 'Anthrazit'; } #bfGroupLabel1854_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1854_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel1854_6::after { content: 'Weinrot'; } #bfGroupLabel1854_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1854_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel1854_7::after { content: 'Grün'; } #bfGroupLabel1854_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1854_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel1854_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel1854_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1854, #bfGroupLabel1854_1, #bfGroupLabel1854_3, #bfGroupLabel1854_4, #bfGroupLabel1854_6, #bfGroupLabel1854_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; } #bfGroupLabel1854_2, #bfGroupLabel1854_5, #bfGroupLabel1854_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; } #bfGroupLabel1854::after, #bfGroupLabel1854_1::after, #bfGroupLabel1854_2::after, #bfGroupLabel1854_3::after, #bfGroupLabel1854_4::after, #bfGroupLabel1854_5::after, #bfGroupLabel1854_6::after, #bfGroupLabel1854_7::after, #bfGroupLabel1854_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 Topf 8 */ #bfGroupLabel1864 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel1864::after { content: 'Weiss'; } #bfGroupLabel1864:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1864_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel1864_1::after { content: 'Gold'; } #bfGroupLabel1864_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1864_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel1864_2::after { content: 'Schwarz'; } #bfGroupLabel1864_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1864_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel1864_3::after { content: 'Grau'; } #bfGroupLabel1864_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1864_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel1864_4::after { content: 'Eisenglimmer'; } #bfGroupLabel1864_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1864_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel1864_5::after { content: 'Anthrazit'; } #bfGroupLabel1864_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1864_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel1864_6::after { content: 'Weinrot'; } #bfGroupLabel1864_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1864_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel1864_7::after { content: 'Grün'; } #bfGroupLabel1864_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1864_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel1864_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel1864_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1864, #bfGroupLabel1864_1, #bfGroupLabel1864_3, #bfGroupLabel1864_4, #bfGroupLabel1864_6, #bfGroupLabel1864_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; } #bfGroupLabel1864_2, #bfGroupLabel1864_5, #bfGroupLabel1864_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; } #bfGroupLabel1864::after, #bfGroupLabel1864_1::after, #bfGroupLabel1864_2::after, #bfGroupLabel1864_3::after, #bfGroupLabel1864_4::after, #bfGroupLabel1864_5::after, #bfGroupLabel1864_6::after, #bfGroupLabel1864_7::after, #bfGroupLabel1864_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 Topf 9 */ #bfGroupLabel1874 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel1874::after { content: 'Weiss'; } #bfGroupLabel1874:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1874_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel1874_1::after { content: 'Gold'; } #bfGroupLabel1874_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1874_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel1874_2::after { content: 'Schwarz'; } #bfGroupLabel1874_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1874_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel1874_3::after { content: 'Grau'; } #bfGroupLabel1874_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1874_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel1874_4::after { content: 'Eisenglimmer'; } #bfGroupLabel1874_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1874_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel1874_5::after { content: 'Anthrazit'; } #bfGroupLabel1874_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1874_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel1874_6::after { content: 'Weinrot'; } #bfGroupLabel1874_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1874_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel1874_7::after { content: 'Grün'; } #bfGroupLabel1874_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1874_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel1874_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel1874_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1874, #bfGroupLabel1874_1, #bfGroupLabel1874_3, #bfGroupLabel1874_4, #bfGroupLabel1874_6, #bfGroupLabel1874_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; } #bfGroupLabel1874_2, #bfGroupLabel1874_5, #bfGroupLabel1874_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; } #bfGroupLabel1874::after, #bfGroupLabel1874_1::after, #bfGroupLabel1874_2::after, #bfGroupLabel1874_3::after, #bfGroupLabel1874_4::after, #bfGroupLabel1874_5::after, #bfGroupLabel1874_6::after, #bfGroupLabel1874_7::after, #bfGroupLabel1874_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 Topf 10 */ #bfGroupLabel1884 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel1884::after { content: 'Weiss'; } #bfGroupLabel1884:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1884_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel1884_1::after { content: 'Gold'; } #bfGroupLabel1884_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1884_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel1884_2::after { content: 'Schwarz'; } #bfGroupLabel1884_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1884_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel1884_3::after { content: 'Grau'; } #bfGroupLabel1884_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1884_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel1884_4::after { content: 'Eisenglimmer'; } #bfGroupLabel1884_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1884_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel1884_5::after { content: 'Anthrazit'; } #bfGroupLabel1884_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1884_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel1884_6::after { content: 'Weinrot'; } #bfGroupLabel1884_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1884_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel1884_7::after { content: 'Grün'; } #bfGroupLabel1884_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1884_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel1884_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel1884_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1884, #bfGroupLabel1884_1, #bfGroupLabel1884_3, #bfGroupLabel1884_4, #bfGroupLabel1884_6, #bfGroupLabel1884_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; } #bfGroupLabel1884_2, #bfGroupLabel1884_5, #bfGroupLabel1884_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; } #bfGroupLabel1884::after, #bfGroupLabel1884_1::after, #bfGroupLabel1884_2::after, #bfGroupLabel1884_3::after, #bfGroupLabel1884_4::after, #bfGroupLabel1884_5::after, #bfGroupLabel1884_6::after, #bfGroupLabel1884_7::after, #bfGroupLabel1884_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 Topf 11 */ #bfGroupLabel1894 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel1894::after { content: 'Weiss'; } #bfGroupLabel1894:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1894_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel1894_1::after { content: 'Gold'; } #bfGroupLabel1894_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1894_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel1894_2::after { content: 'Schwarz'; } #bfGroupLabel1894_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1894_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel1894_3::after { content: 'Grau'; } #bfGroupLabel1894_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1894_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel1894_4::after { content: 'Eisenglimmer'; } #bfGroupLabel1894_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1894_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel1894_5::after { content: 'Anthrazit'; } #bfGroupLabel1894_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1894_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel1894_6::after { content: 'Weinrot'; } #bfGroupLabel1894_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1894_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel1894_7::after { content: 'Grün'; } #bfGroupLabel1894_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1894_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel1894_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel1894_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1894, #bfGroupLabel1894_1, #bfGroupLabel1894_3, #bfGroupLabel1894_4, #bfGroupLabel1894_6, #bfGroupLabel1894_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; } #bfGroupLabel1894_2, #bfGroupLabel1894_5, #bfGroupLabel1894_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; } #bfGroupLabel1894::after, #bfGroupLabel1894_1::after, #bfGroupLabel1894_2::after, #bfGroupLabel1894_3::after, #bfGroupLabel1894_4::after, #bfGroupLabel1894_5::after, #bfGroupLabel1894_6::after, #bfGroupLabel1894_7::after, #bfGroupLabel1894_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 Topf 12 */ #bfGroupLabel1904 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel1904::after { content: 'Weiss'; } #bfGroupLabel1904:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1904_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel1904_1::after { content: 'Gold'; } #bfGroupLabel1904_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1904_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel1904_2::after { content: 'Schwarz'; } #bfGroupLabel1904_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1904_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel1904_3::after { content: 'Grau'; } #bfGroupLabel1904_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1904_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel1904_4::after { content: 'Eisenglimmer'; } #bfGroupLabel1904_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1904_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel1904_5::after { content: 'Anthrazit'; } #bfGroupLabel1904_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1904_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel1904_6::after { content: 'Weinrot'; } #bfGroupLabel1904_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1904_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel1904_7::after { content: 'Grün'; } #bfGroupLabel1904_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1904_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel1904_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel1904_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1904, #bfGroupLabel1904_1, #bfGroupLabel1904_3, #bfGroupLabel1904_4, #bfGroupLabel1904_6, #bfGroupLabel1904_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; } #bfGroupLabel1904_2, #bfGroupLabel1904_5, #bfGroupLabel1904_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; } #bfGroupLabel1904::after, #bfGroupLabel1904_1::after, #bfGroupLabel1904_2::after, #bfGroupLabel1904_3::after, #bfGroupLabel1904_4::after, #bfGroupLabel1904_5::after, #bfGroupLabel1904_6::after, #bfGroupLabel1904_7::after, #bfGroupLabel1904_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 Topf 13 */ #bfGroupLabel1914 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel1914::after { content: 'Weiss'; } #bfGroupLabel1914:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1914_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel1914_1::after { content: 'Gold'; } #bfGroupLabel1914_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1914_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel1914_2::after { content: 'Schwarz'; } #bfGroupLabel1914_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1914_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel1914_3::after { content: 'Grau'; } #bfGroupLabel1914_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1914_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel1914_4::after { content: 'Eisenglimmer'; } #bfGroupLabel1914_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1914_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel1914_5::after { content: 'Anthrazit'; } #bfGroupLabel1914_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1914_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel1914_6::after { content: 'Weinrot'; } #bfGroupLabel1914_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1914_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel1914_7::after { content: 'Grün'; } #bfGroupLabel1914_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1914_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel1914_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel1914_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1914, #bfGroupLabel1914_1, #bfGroupLabel1914_3, #bfGroupLabel1914_4, #bfGroupLabel1914_6, #bfGroupLabel1914_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; } #bfGroupLabel1914_2, #bfGroupLabel1914_5, #bfGroupLabel1914_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; } #bfGroupLabel1914::after, #bfGroupLabel1914_1::after, #bfGroupLabel1914_2::after, #bfGroupLabel1914_3::after, #bfGroupLabel1914_4::after, #bfGroupLabel1914_5::after, #bfGroupLabel1914_6::after, #bfGroupLabel1914_7::after, #bfGroupLabel1914_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 Topf 14 */ #bfGroupLabel1924 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel1924::after { content: 'Weiss'; } #bfGroupLabel1924:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1924_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel1924_1::after { content: 'Gold'; } #bfGroupLabel1924_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1924_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel1924_2::after { content: 'Schwarz'; } #bfGroupLabel1924_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1924_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel1924_3::after { content: 'Grau'; } #bfGroupLabel1924_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1924_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel1924_4::after { content: 'Eisenglimmer'; } #bfGroupLabel1924_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1924_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel1924_5::after { content: 'Anthrazit'; } #bfGroupLabel1924_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1924_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel1924_6::after { content: 'Weinrot'; } #bfGroupLabel1924_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1924_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel1924_7::after { content: 'Grün'; } #bfGroupLabel1924_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1924_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel1924_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel1924_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1924, #bfGroupLabel1924_1, #bfGroupLabel1924_3, #bfGroupLabel1924_4, #bfGroupLabel1924_6, #bfGroupLabel1924_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; } #bfGroupLabel1924_2, #bfGroupLabel1924_5, #bfGroupLabel1924_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; } #bfGroupLabel1924::after, #bfGroupLabel1924_1::after, #bfGroupLabel1924_2::after, #bfGroupLabel1924_3::after, #bfGroupLabel1924_4::after, #bfGroupLabel1924_5::after, #bfGroupLabel1924_6::after, #bfGroupLabel1924_7::after, #bfGroupLabel1924_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 Topf 15 */ #bfGroupLabel1934 { background: url(../images/Farben/balu_weiss.jpg); background-size: 100% 100%; } #bfGroupLabel1934::after { content: 'Weiss'; } #bfGroupLabel1934:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1934_1 { background: url(../images/Farben/balu_gold_bronze.jpg); background-size: 100% 100%; } #bfGroupLabel1934_1::after { content: 'Gold'; } #bfGroupLabel1934_1:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1934_2 { background: url(../images/Farben/balu_schwarz.jpg); background-size: 100% 100%; } #bfGroupLabel1934_2::after { content: 'Schwarz'; } #bfGroupLabel1934_2:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1934_3 { background: url(../images/Farben/balu_grau.jpg); background-size: 100% 100%; } #bfGroupLabel1934_3::after { content: 'Grau'; } #bfGroupLabel1934_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1934_4 { background: url(../images/Farben/balu_eisenglimmer.jpg); background-size: 100% 100%; } #bfGroupLabel1934_4::after { content: 'Eisenglimmer'; } #bfGroupLabel1934_4:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1934_5 { background: url(../images/Farben/balu_antrazit.jpg); background-size: 100% 100%; } #bfGroupLabel1934_5::after { content: 'Anthrazit'; } #bfGroupLabel1934_5:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1934_6 { background: url(../images/Farben/balu_weinrot.jpg); background-size: 100% 100%; } #bfGroupLabel1934_6::after { content: 'Weinrot'; } #bfGroupLabel1934_6:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1934_7 { background: url(../images/Farben/balu_gruen.jpg); background-size: 100% 100%; } #bfGroupLabel1934_7::after { content: 'Grün'; } #bfGroupLabel1934_7:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1934_8 { background: url(../images/Farben/balu_cortenstahl.jpg); background-size: 100% 100%; } #bfGroupLabel1934_8::after { content: 'Cortenstahl (kein Alu-Topf)'; } #bfGroupLabel1934_8:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #bfGroupLabel1934, #bfGroupLabel1934_1, #bfGroupLabel1934_3, #bfGroupLabel1934_4, #bfGroupLabel1934_6, #bfGroupLabel1934_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; } #bfGroupLabel1934_2, #bfGroupLabel1934_5, #bfGroupLabel1934_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; } #bfGroupLabel1934::after, #bfGroupLabel1934_1::after, #bfGroupLabel1934_2::after, #bfGroupLabel1934_3::after, #bfGroupLabel1934_4::after, #bfGroupLabel1934_5::after, #bfGroupLabel1934_6::after, #bfGroupLabel1934_7::after, #bfGroupLabel1934_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; } /*INFO PopUp Cortenstahl --------------------------------- */ #popupinfo { position: relative; } #popup { position: absolute; right: 10px; color: #fff; top: -55px; font-size: 13px; line-height: normal; z-index: 999; } #popuptext { display: none; position: absolute; right: -10px; } #popup:hover #popuptext { display: block; background: #fff; padding: 20px; color: #8f8f8e; width: 320px; } /* Styling Zubehör --------------------------------- */ .checked { opacity: 1 !important; } .checked::before { content: '✓' !important; font-size: 61px; color: #fff; float: right; margin-top: 25px; margin-right: 5px; z-index: 999; } /* Zubehör Topf Felder 1 */ #bfElementGroupNoWrap1645 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap1645, #bfElemWrap1645 { overflow: hidden; } #bfGroupLabel1645 { background: url(../images/TopfZubehoer/Rollen.jpg) no-repeat bottom center;} #bfGroupLabel1645::after { content: 'Rollen (je Fr. 45.–)*'; } #bfGroupLabel1645_1 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel1645_1::after { content: 'Nivellierfüsse (je Fr. 35.–)*'; } #bfGroupLabel1645_2 { background: url(../images/TopfZubehoer/Wasserstand-Rohr.jpg) no-repeat bottom center;} #bfGroupLabel1645_2::after { content: 'Wasserstand Rohr (je Fr. 85.–)'; } #bfGroupLabel1645_3 { background: url(../images/TopfZubehoer/Bewaesserungskanal.jpg) no-repeat bottom center;} #bfGroupLabel1645_3::after { content: 'Bewässerungskanal (Preis auf Anfrage)'; } #bfGroupLabel1645, #bfGroupLabel1645_1, #bfGroupLabel1645_2, #bfGroupLabel1645_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; } #bfGroupLabel1645::after, #bfGroupLabel1645_1::after, #bfGroupLabel1645_2::after, #bfGroupLabel1645_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; } #bfGroupLabel1645:hover::after, #bfGroupLabel1645_1:hover::after, #bfGroupLabel1645_2:hover::after, #bfGroupLabel1645_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } /* Zubehör Topf Felder 2 */ #bfElementGroupNoWrap1664 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap1664, #bfElemWrap1664 { overflow: hidden; } #bfGroupLabel1664 { background: url(../images/TopfZubehoer/Rollen.jpg) no-repeat bottom center;} #bfGroupLabel1664::after { content: 'Rollen (je Fr. 45.–)*'; } #bfGroupLabel1664_1 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel1664_1::after { content: 'Nivellierfüsse (je Fr. 35.–)*'; } #bfGroupLabel1664_2 { background: url(../images/TopfZubehoer/Wasserstand-Rohr.jpg) no-repeat bottom center;} #bfGroupLabel1664_2::after { content: 'Wasserstand Rohr (je Fr. 85.–)'; } #bfGroupLabel1664_3 { background: url(../images/TopfZubehoer/Bewaesserungskanal.jpg) no-repeat bottom center;} #bfGroupLabel1664_3::after { content: 'Bewässerungskanal (Preis auf Anfrage)'; } #bfGroupLabel1664, #bfGroupLabel1664_1, #bfGroupLabel1664_2, #bfGroupLabel1664_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; } #bfGroupLabel1664::after, #bfGroupLabel1664_1::after, #bfGroupLabel1664_2::after, #bfGroupLabel1664_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; } #bfGroupLabel1664:hover::after, #bfGroupLabel1664_1:hover::after, #bfGroupLabel1664_2:hover::after, #bfGroupLabel1664_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } /* Zubehör Topf Felder 3 */ #bfElementGroupNoWrap1674 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap1674, #bfElemWrap1674 { overflow: hidden; } #bfGroupLabel1674 { background: url(../images/TopfZubehoer/Rollen.jpg) no-repeat bottom center;} #bfGroupLabel1674::after { content: 'Rollen (je Fr. 45.–)*'; } #bfGroupLabel1674_1 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel1674_1::after { content: 'Nivellierfüsse (je Fr. 35.–)*'; } #bfGroupLabel1674_2 { background: url(../images/TopfZubehoer/Wasserstand-Rohr.jpg) no-repeat bottom center;} #bfGroupLabel1674_2::after { content: 'Wasserstand Rohr (je Fr. 85.–)'; } #bfGroupLabel1674_3 { background: url(../images/TopfZubehoer/Bewaesserungskanal.jpg) no-repeat bottom center;} #bfGroupLabel1674_3::after { content: 'Bewässerungskanal (Preis auf Anfrage)'; } #bfGroupLabel1674, #bfGroupLabel1674_1, #bfGroupLabel1674_2, #bfGroupLabel1674_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; } #bfGroupLabel1674::after, #bfGroupLabel1674_1::after, #bfGroupLabel1674_2::after, #bfGroupLabel1674_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; } #bfGroupLabel1674:hover::after, #bfGroupLabel1674_1:hover::after, #bfGroupLabel1674_2:hover::after, #bfGroupLabel1674_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } /* Zubehör Topf Felder 4 */ #bfElementGroupNoWrap1826 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap1826, #bfElemWrap1826 { overflow: hidden; } #bfGroupLabel1826 { background: url(../images/TopfZubehoer/Rollen.jpg) no-repeat bottom center;} #bfGroupLabel1826::after { content: 'Rollen (je Fr. 45.–)*'; } #bfGroupLabel1826_1 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel1826_1::after { content: 'Nivellierfüsse (je Fr. 35.–)*'; } #bfGroupLabel1826_2 { background: url(../images/TopfZubehoer/Wasserstand-Rohr.jpg) no-repeat bottom center;} #bfGroupLabel1826_2::after { content: 'Wasserstand Rohr (je Fr. 85.–)'; } #bfGroupLabel1826_3 { background: url(../images/TopfZubehoer/Bewaesserungskanal.jpg) no-repeat bottom center;} #bfGroupLabel1826_3::after { content: 'Bewässerungskanal (Preis auf Anfrage)'; } #bfGroupLabel1826, #bfGroupLabel1826_1, #bfGroupLabel1826_2, #bfGroupLabel1826_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; } #bfGroupLabel1826::after, #bfGroupLabel1826_1::after, #bfGroupLabel1826_2::after, #bfGroupLabel1826_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; } #bfGroupLabel1826:hover::after, #bfGroupLabel1826_1:hover::after, #bfGroupLabel1826_2:hover::after, #bfGroupLabel1826_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } /* Zubehör Topf Felder 5 */ #bfElementGroupNoWrap1836 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap1836, #bfElemWrap1836 { overflow: hidden; } #bfGroupLabel1836 { background: url(../images/TopfZubehoer/Rollen.jpg) no-repeat bottom center;} #bfGroupLabel1836::after { content: 'Rollen (je Fr. 45.–)*'; } #bfGroupLabel1836_1 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel1836_1::after { content: 'Nivellierfüsse (je Fr. 35.–)*'; } #bfGroupLabel1836_2 { background: url(../images/TopfZubehoer/Wasserstand-Rohr.jpg) no-repeat bottom center;} #bfGroupLabel1836_2::after { content: 'Wasserstand Rohr (je Fr. 85.–)'; } #bfGroupLabel1836_3 { background: url(../images/TopfZubehoer/Bewaesserungskanal.jpg) no-repeat bottom center;} #bfGroupLabel1836_3::after { content: 'Bewässerungskanal (Preis auf Anfrage)'; } #bfGroupLabel1836, #bfGroupLabel1836_1, #bfGroupLabel1836_2, #bfGroupLabel1836_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; } #bfGroupLabel1836::after, #bfGroupLabel1836_1::after, #bfGroupLabel1836_2::after, #bfGroupLabel1836_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; } #bfGroupLabel1836:hover::after, #bfGroupLabel1836_1:hover::after, #bfGroupLabel1836_2:hover::after, #bfGroupLabel1836_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } /* Zubehör Topf Felder 6 */ #bfElementGroupNoWrap1846 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap1846, #bfElemWrap1846 { overflow: hidden; } #bfGroupLabel1846 { background: url(../images/TopfZubehoer/Rollen.jpg) no-repeat bottom center;} #bfGroupLabel1846::after { content: 'Rollen (je Fr. 45.–)*'; } #bfGroupLabel1846_1 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel1846_1::after { content: 'Nivellierfüsse (je Fr. 35.–)*'; } #bfGroupLabel1846_2 { background: url(../images/TopfZubehoer/Wasserstand-Rohr.jpg) no-repeat bottom center;} #bfGroupLabel1846_2::after { content: 'Wasserstand Rohr (je Fr. 85.–)'; } #bfGroupLabel1846_3 { background: url(../images/TopfZubehoer/Bewaesserungskanal.jpg) no-repeat bottom center;} #bfGroupLabel1846_3::after { content: 'Bewässerungskanal (Preis auf Anfrage)'; } #bfGroupLabel1846, #bfGroupLabel1846_1, #bfGroupLabel1846_2, #bfGroupLabel1846_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; } #bfGroupLabel1846::after, #bfGroupLabel1846_1::after, #bfGroupLabel1846_2::after, #bfGroupLabel1846_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; } #bfGroupLabel1846:hover::after, #bfGroupLabel1846_1:hover::after, #bfGroupLabel1846_2:hover::after, #bfGroupLabel1846_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } /* Zubehör Topf Felder 7 */ #bfElementGroupNoWrap1856 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap1856, #bfElemWrap1856 { overflow: hidden; } #bfGroupLabel1856 { background: url(../images/TopfZubehoer/Rollen.jpg) no-repeat bottom center;} #bfGroupLabel1856::after { content: 'Rollen (je Fr. 45.–)*'; } #bfGroupLabel1856_1 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel1856_1::after { content: 'Nivellierfüsse (je Fr. 35.–)*'; } #bfGroupLabel1856_2 { background: url(../images/TopfZubehoer/Wasserstand-Rohr.jpg) no-repeat bottom center;} #bfGroupLabel1856_2::after { content: 'Wasserstand Rohr (je Fr. 85.–)'; } #bfGroupLabel1856_3 { background: url(../images/TopfZubehoer/Bewaesserungskanal.jpg) no-repeat bottom center;} #bfGroupLabel1856_3::after { content: 'Bewässerungskanal (Preis auf Anfrage)'; } #bfGroupLabel1856, #bfGroupLabel1856_1, #bfGroupLabel1856_2, #bfGroupLabel1856_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; } #bfGroupLabel1856::after, #bfGroupLabel1856_1::after, #bfGroupLabel1856_2::after, #bfGroupLabel1856_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; } #bfGroupLabel1856:hover::after, #bfGroupLabel1856_1:hover::after, #bfGroupLabel1856_2:hover::after, #bfGroupLabel1856_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } /* Zubehör Topf Felder 8 */ #bfElementGroupNoWrap1866 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap1866, #bfElemWrap1866 { overflow: hidden; } #bfGroupLabel1866 { background: url(../images/TopfZubehoer/Rollen.jpg) no-repeat bottom center;} #bfGroupLabel1866::after { content: 'Rollen (je Fr. 45.–)*'; } #bfGroupLabel1866_1 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel1866_1::after { content: 'Nivellierfüsse (je Fr. 35.–)*'; } #bfGroupLabel1866_2 { background: url(../images/TopfZubehoer/Wasserstand-Rohr.jpg) no-repeat bottom center;} #bfGroupLabel1866_2::after { content: 'Wasserstand Rohr (je Fr. 85.–)'; } #bfGroupLabel1866_3 { background: url(../images/TopfZubehoer/Bewaesserungskanal.jpg) no-repeat bottom center;} #bfGroupLabel1866_3::after { content: 'Bewässerungskanal (Preis auf Anfrage)'; } #bfGroupLabel1866, #bfGroupLabel1866_1, #bfGroupLabel1866_2, #bfGroupLabel1866_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; } #bfGroupLabel1866::after, #bfGroupLabel1866_1::after, #bfGroupLabel1866_2::after, #bfGroupLabel1866_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; } #bfGroupLabel1866:hover::after, #bfGroupLabel1866_1:hover::after, #bfGroupLabel1866_2:hover::after, #bfGroupLabel1866_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } /* Zubehör Topf Felder 9 */ #bfElementGroupNoWrap1876 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap1876, #bfElemWrap1876 { overflow: hidden; } #bfGroupLabel1876 { background: url(../images/TopfZubehoer/Rollen.jpg) no-repeat bottom center;} #bfGroupLabel1876::after { content: 'Rollen (je Fr. 45.–)*'; } #bfGroupLabel1876_1 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel1876_1::after { content: 'Nivellierfüsse (je Fr. 35.–)*'; } #bfGroupLabel1876_2 { background: url(../images/TopfZubehoer/Wasserstand-Rohr.jpg) no-repeat bottom center;} #bfGroupLabel1876_2::after { content: 'Wasserstand Rohr (je Fr. 85.–)'; } #bfGroupLabel1876_3 { background: url(../images/TopfZubehoer/Bewaesserungskanal.jpg) no-repeat bottom center;} #bfGroupLabel1876_3::after { content: 'Bewässerungskanal (Preis auf Anfrage)'; } #bfGroupLabel1876, #bfGroupLabel1876_1, #bfGroupLabel1876_2, #bfGroupLabel1876_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; } #bfGroupLabel1876::after, #bfGroupLabel1876_1::after, #bfGroupLabel1876_2::after, #bfGroupLabel1876_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; } #bfGroupLabel1876:hover::after, #bfGroupLabel1876_1:hover::after, #bfGroupLabel1876_2:hover::after, #bfGroupLabel1876_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } /* Zubehör Topf Felder 10 */ #bfElementGroupNoWrap1886 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap1886, #bfElemWrap1886 { overflow: hidden; } #bfGroupLabel1886 { background: url(../images/TopfZubehoer/Rollen.jpg) no-repeat bottom center;} #bfGroupLabel1886::after { content: 'Rollen (je Fr. 45.–)*'; } #bfGroupLabel1886_1 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel1886_1::after { content: 'Nivellierfüsse (je Fr. 35.–)*'; } #bfGroupLabel1886_2 { background: url(../images/TopfZubehoer/Wasserstand-Rohr.jpg) no-repeat bottom center;} #bfGroupLabel1886_2::after { content: 'Wasserstand Rohr (je Fr. 85.–)'; } #bfGroupLabel1886_3 { background: url(../images/TopfZubehoer/Bewaesserungskanal.jpg) no-repeat bottom center;} #bfGroupLabel1886_3::after { content: 'Bewässerungskanal (Preis auf Anfrage)'; } #bfGroupLabel1886, #bfGroupLabel1886_1, #bfGroupLabel1886_2, #bfGroupLabel1886_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; } #bfGroupLabel1886::after, #bfGroupLabel1886_1::after, #bfGroupLabel1886_2::after, #bfGroupLabel1886_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; } #bfGroupLabel1886:hover::after, #bfGroupLabel1886_1:hover::after, #bfGroupLabel1886_2:hover::after, #bfGroupLabel1886_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } /* Zubehör Topf Felder 11 */ #bfElementGroupNoWrap1896 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap1896, #bfElemWrap1896 { overflow: hidden; } #bfGroupLabel1896 { background: url(../images/TopfZubehoer/Rollen.jpg) no-repeat bottom center;} #bfGroupLabel1896::after { content: 'Rollen (je Fr. 45.–)*'; } #bfGroupLabel1896_1 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel1896_1::after { content: 'Nivellierfüsse (je Fr. 35.–)*'; } #bfGroupLabel1896_2 { background: url(../images/TopfZubehoer/Wasserstand-Rohr.jpg) no-repeat bottom center;} #bfGroupLabel1896_2::after { content: 'Wasserstand Rohr (je Fr. 85.–)'; } #bfGroupLabel1896_3 { background: url(../images/TopfZubehoer/Bewaesserungskanal.jpg) no-repeat bottom center;} #bfGroupLabel1896_3::after { content: 'Bewässerungskanal (Preis auf Anfrage)'; } #bfGroupLabel1896, #bfGroupLabel1896_1, #bfGroupLabel1896_2, #bfGroupLabel1896_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; } #bfGroupLabel1896::after, #bfGroupLabel1896_1::after, #bfGroupLabel1896_2::after, #bfGroupLabel1896_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; } #bfGroupLabel1896:hover::after, #bfGroupLabel1896_1:hover::after, #bfGroupLabel1896_2:hover::after, #bfGroupLabel1896_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } /* Zubehör Topf Felder 12 */ #bfElementGroupNoWrap1906 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap1906, #bfElemWrap1906 { overflow: hidden; } #bfGroupLabel1906 { background: url(../images/TopfZubehoer/Rollen.jpg) no-repeat bottom center;} #bfGroupLabel1906::after { content: 'Rollen (je Fr. 45.–)*'; } #bfGroupLabel1906_1 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel1906_1::after { content: 'Nivellierfüsse (je Fr. 35.–)*'; } #bfGroupLabel1906_2 { background: url(../images/TopfZubehoer/Wasserstand-Rohr.jpg) no-repeat bottom center;} #bfGroupLabel1906_2::after { content: 'Wasserstand Rohr (je Fr. 85.–)'; } #bfGroupLabel1906_3 { background: url(../images/TopfZubehoer/Bewaesserungskanal.jpg) no-repeat bottom center;} #bfGroupLabel1906_3::after { content: 'Bewässerungskanal (Preis auf Anfrage)'; } #bfGroupLabel1906, #bfGroupLabel1906_1, #bfGroupLabel1906_2, #bfGroupLabel1906_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; } #bfGroupLabel1906::after, #bfGroupLabel1906_1::after, #bfGroupLabel1906_2::after, #bfGroupLabel1906_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; } #bfGroupLabel1906:hover::after, #bfGroupLabel1906_1:hover::after, #bfGroupLabel1906_2:hover::after, #bfGroupLabel1906_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } /* Zubehör Topf Felder 13 */ #bfElementGroupNoWrap1916 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap1916, #bfElemWrap1916 { overflow: hidden; } #bfGroupLabel1916 { background: url(../images/TopfZubehoer/Rollen.jpg) no-repeat bottom center;} #bfGroupLabel1916::after { content: 'Rollen (je Fr. 45.–)*'; } #bfGroupLabel1916_1 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel1916_1::after { content: 'Nivellierfüsse (je Fr. 35.–)*'; } #bfGroupLabel1916_2 { background: url(../images/TopfZubehoer/Wasserstand-Rohr.jpg) no-repeat bottom center;} #bfGroupLabel1916_2::after { content: 'Wasserstand Rohr (je Fr. 85.–)'; } #bfGroupLabel1916_3 { background: url(../images/TopfZubehoer/Bewaesserungskanal.jpg) no-repeat bottom center;} #bfGroupLabel1916_3::after { content: 'Bewässerungskanal (Preis auf Anfrage)'; } #bfGroupLabel1916, #bfGroupLabel1916_1, #bfGroupLabel1916_2, #bfGroupLabel1916_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; } #bfGroupLabel1916::after, #bfGroupLabel1916_1::after, #bfGroupLabel1916_2::after, #bfGroupLabel1916_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; } #bfGroupLabel1916:hover::after, #bfGroupLabel1916_1:hover::after, #bfGroupLabel1916_2:hover::after, #bfGroupLabel1916_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } /* Zubehör Topf Felder 14 */ #bfElementGroupNoWrap1926 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap1926, #bfElemWrap1926 { overflow: hidden; } #bfGroupLabel1926 { background: url(../images/TopfZubehoer/Rollen.jpg) no-repeat bottom center;} #bfGroupLabel1926::after { content: 'Rollen (je Fr. 45.–)*'; } #bfGroupLabel1926_1 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel1926_1::after { content: 'Nivellierfüsse (je Fr. 35.–)*'; } #bfGroupLabel1926_2 { background: url(../images/TopfZubehoer/Wasserstand-Rohr.jpg) no-repeat bottom center;} #bfGroupLabel1926_2::after { content: 'Wasserstand Rohr (je Fr. 85.–)'; } #bfGroupLabel1926_3 { background: url(../images/TopfZubehoer/Bewaesserungskanal.jpg) no-repeat bottom center;} #bfGroupLabel1926_3::after { content: 'Bewässerungskanal (Preis auf Anfrage)'; } #bfGroupLabel1926, #bfGroupLabel1926_1, #bfGroupLabel1926_2, #bfGroupLabel1926_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; } #bfGroupLabel1926::after, #bfGroupLabel1926_1::after, #bfGroupLabel1926_2::after, #bfGroupLabel1926_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; } #bfGroupLabel1926:hover::after, #bfGroupLabel1926_1:hover::after, #bfGroupLabel1926_2:hover::after, #bfGroupLabel1926_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } /* Zubehör Topf Felder 15 */ #bfElementGroupNoWrap1936 input[type="checkbox"]{ position: absolute; z-index: -1; left: -30px; } #bfElementGroupNoWrap1936, #bfElemWrap1936 { overflow: hidden; } #bfGroupLabel1936 { background: url(../images/TopfZubehoer/Rollen.jpg) no-repeat bottom center;} #bfGroupLabel1936::after { content: 'Rollen (je Fr. 45.–)*'; } #bfGroupLabel1936_1 { background: url(../images/TopfZubehoer/Nivellierfuesse.jpg) no-repeat bottom center;} #bfGroupLabel1936_1::after { content: 'Nivellierfüsse (je Fr. 35.–)*'; } #bfGroupLabel1936_2 { background: url(../images/TopfZubehoer/Wasserstand-Rohr.jpg) no-repeat bottom center;} #bfGroupLabel1936_2::after { content: 'Wasserstand Rohr (je Fr. 85.–)'; } #bfGroupLabel1936_3 { background: url(../images/TopfZubehoer/Bewaesserungskanal.jpg) no-repeat bottom center;} #bfGroupLabel1936_3::after { content: 'Bewässerungskanal (Preis auf Anfrage)'; } #bfGroupLabel1936, #bfGroupLabel1936_1, #bfGroupLabel1936_2, #bfGroupLabel1936_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; } #bfGroupLabel1936::after, #bfGroupLabel1936_1::after, #bfGroupLabel1936_2::after, #bfGroupLabel1936_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; } #bfGroupLabel1936:hover::after, #bfGroupLabel1936_1:hover::after, #bfGroupLabel1936_2:hover::after, #bfGroupLabel1936_3:hover::after { opacity: 1; transition: 0.2s; cursor: pointer; background: #286ab7; } #musterbeispiel {margin-top: -10px;} /* Zusammenfassung */ #zusammenfassung { background: #fff; padding: 10px 20px; margin-top: -10px; } #lieferungradio .bfGroupLabel { margin: 13px 10px 10px 7px !important; display: inline-block !important; } #lieferadresse .bfQuickMode section.bfElemWrap { padding: 0x !important; } @media(max-width:1200px){ #ralinfo { position: relative; right: 0; width: 100%; margin-top: 0px; font-size: 13px; line-height: normal; } #ralinfo #l { display: none; } #ralinfo #r { width: 100%; float: none; } #farbinfo { float: none; width: 100%; margin-bottom: 20px; } #ral { float: none; width: 100%; } #bfElemWrap353, #bfElemWrap632, #bfElemWrap660 {position: relative; right: 0; width: 100%; padding: 0px; box-sizing: border-box; margin-top: 10px; } a.phone { display: block; background: #fff url(../images/telefon.png) no-repeat 96% center; background-size: 22px 22px; padding: 10px; width: auto; color: #286ab7; font-size: 18px; font-weight: 700; transition: 0.2s; box-sizing: border-box; text-align: left; position: relative; margin-top: 10px; left: 0%; } /* Zubehör Topf 1 */ #bfGroupLabel1645, #bfGroupLabel1645_1, #bfGroupLabel1645_2, #bfGroupLabel1645_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 Topf 2 */ #bfGroupLabel1664, #bfGroupLabel1664_1, #bfGroupLabel1664_2, #bfGroupLabel1664_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 Topf 3 */ #bfGroupLabel1674, #bfGroupLabel1674_1, #bfGroupLabel1674_2, #bfGroupLabel1674_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 Topf 4 */ #bfGroupLabel1826, #bfGroupLabel1826_1, #bfGroupLabel1826_2, #bfGroupLabel1826_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 Topf 5 */ #bfGroupLabel1836, #bfGroupLabel1836_1, #bfGroupLabel1836_2, #bfGroupLabel1836_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 Topf 6 */ #bfGroupLabel1846, #bfGroupLabel1846_1, #bfGroupLabel1846_2, #bfGroupLabel1846_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 Topf7 */ #bfGroupLabel1856, #bfGroupLabel1856_1, #bfGroupLabel1856_2, #bfGroupLabel1856_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 Topf8 */ #bfGroupLabel1866, #bfGroupLabel1866_1, #bfGroupLabel1866_2, #bfGroupLabel1866_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 Topf9 */ #bfGroupLabel1876, #bfGroupLabel1876_1, #bfGroupLabel1876_2, #bfGroupLabel1876_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 Topf10 */ #bfGroupLabel1886, #bfGroupLabel1886_1, #bfGroupLabel1886_2, #bfGroupLabel1886_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 Topf11 */ #bfGroupLabel1896, #bfGroupLabel1896_1, #bfGroupLabel1896_2, #bfGroupLabel1896_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 Topf 12 */ #bfGroupLabel1906, #bfGroupLabel1906_1, #bfGroupLabel1906_2, #bfGroupLabel1906_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 Topf 13 */ #bfGroupLabel1916, #bfGroupLabel1916_1, #bfGroupLabel1916_2, #bfGroupLabel1916_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 Topf 14 */ #bfGroupLabel1926, #bfGroupLabel1926_1, #bfGroupLabel1926_2, #bfGroupLabel1926_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 Topf 15 */ #bfGroupLabel1936, #bfGroupLabel1936_1, #bfGroupLabel1936_2, #bfGroupLabel1936_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){ #l { width: 100%; margin-right: 0%; float: none; } #r { width: 100%; float: none; } .bfQuickMode .bfErrorMessage { display: block; } /* Farben topf 1 */ #bfGroupLabel1636, #bfGroupLabel1636_2, #bfGroupLabel1636_4, #bfGroupLabel1636_6, #bfGroupLabel1636_8 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 2% 10px 0 !important; } #bfGroupLabel1636_1, #bfGroupLabel1636_3, #bfGroupLabel1636_5, #bfGroupLabel1636_7 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 0% 10px 0 !important; } /* Farben topf 2 */ #bfGroupLabel1662, #bfGroupLabel1662_2, #bfGroupLabel1662_4, #bfGroupLabel1662_6, #bfGroupLabel1662_8 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 2% 10px 0 !important; } #bfGroupLabel1662_1, #bfGroupLabel1662_3, #bfGroupLabel1662_5, #bfGroupLabel1662_7 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 0% 10px 0 !important; } /* Farben topf 3 */ #bfGroupLabel1672, #bfGroupLabel1672_2, #bfGroupLabel1672_4, #bfGroupLabel1672_6, #bfGroupLabel1672_8 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 2% 10px 0 !important; } #bfGroupLabel1672_1, #bfGroupLabel1672_3, #bfGroupLabel1672_5, #bfGroupLabel1672_7 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 0% 10px 0 !important; } /* Farben topf 4 */ #bfGroupLabel1824, #bfGroupLabel1824_2, #bfGroupLabel1824_4, #bfGroupLabel1824_6, #bfGroupLabel1824_8 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 2% 10px 0 !important; } #bfGroupLabel1824_1, #bfGroupLabel1824_3, #bfGroupLabel1824_5, #bfGroupLabel1824_7 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 0% 10px 0 !important; } /* Farben topf 5 */ #bfGroupLabel1834, #bfGroupLabel1834_2, #bfGroupLabel1834_4, #bfGroupLabel1834_6, #bfGroupLabel1834_8 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 2% 10px 0 !important; } #bfGroupLabel1834_1, #bfGroupLabel1834_3, #bfGroupLabel1834_5, #bfGroupLabel1834_7 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 0% 10px 0 !important; } /* Farben topf 6 */ #bfGroupLabel1844, #bfGroupLabel1844_2, #bfGroupLabel1844_4, #bfGroupLabel1844_6, #bfGroupLabel1844_8 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 2% 10px 0 !important; } #bfGroupLabel1844_1, #bfGroupLabel1844_3, #bfGroupLabel1844_5, #bfGroupLabel1844_7 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 0% 10px 0 !important; } /* Farben topf 7 */ #bfGroupLabel1854, #bfGroupLabel1854_2, #bfGroupLabel1854_4, #bfGroupLabel1854_6, #bfGroupLabel1854_8 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 2% 10px 0 !important; } #bfGroupLabel1854_1, #bfGroupLabel1854_3, #bfGroupLabel1854_5, #bfGroupLabel1854_7 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 0% 10px 0 !important; } /* Farben topf 8 */ #bfGroupLabel1864, #bfGroupLabel1864_2, #bfGroupLabel1864_4, #bfGroupLabel1864_6, #bfGroupLabel1864_8 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 2% 10px 0 !important; } #bfGroupLabel1864_1, #bfGroupLabel1864_3, #bfGroupLabel1864_5, #bfGroupLabel1864_7 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 0% 10px 0 !important; } /* Farben topf 9 */ #bfGroupLabel1874, #bfGroupLabel1874_2, #bfGroupLabel1874_4, #bfGroupLabel1874_6, #bfGroupLabel1874_8 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 2% 10px 0 !important; } #bfGroupLabel1874_1, #bfGroupLabel1874_3, #bfGroupLabel1874_5, #bfGroupLabel1874_7 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 0% 10px 0 !important; } /* Farben topf 10 */ #bfGroupLabel1884, #bfGroupLabel1884_2, #bfGroupLabel1884_4, #bfGroupLabel1884_6, #bfGroupLabel1884_8 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 2% 10px 0 !important; } #bfGroupLabel1884_1, #bfGroupLabel1884_3, #bfGroupLabel1884_5, #bfGroupLabel1884_7 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 0% 10px 0 !important; } /* Farben topf 11 */ #bfGroupLabel1894, #bfGroupLabel1894_2, #bfGroupLabel1894_4, #bfGroupLabel1894_6, #bfGroupLabel1894_8 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 2% 10px 0 !important; } #bfGroupLabel1894_1, #bfGroupLabel1894_3, #bfGroupLabel1894_5, #bfGroupLabel1894_7 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 0% 10px 0 !important; } /* Farben topf 12 */ #bfGroupLabel1904, #bfGroupLabel1904_2, #bfGroupLabel1904_4, #bfGroupLabel1904_6, #bfGroupLabel1904_8 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 2% 10px 0 !important; } #bfGroupLabel1904_1, #bfGroupLabel1904_3, #bfGroupLabel1904_5, #bfGroupLabel1904_7 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 0% 10px 0 !important; } /* Farben topf 13 */ #bfGroupLabel1914, #bfGroupLabel1914_2, #bfGroupLabel1914_4, #bfGroupLabel1914_6, #bfGroupLabel1914_8 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 2% 10px 0 !important; } #bfGroupLabel1914_1, #bfGroupLabel1914_3, #bfGroupLabel1914_5, #bfGroupLabel1914_7 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 0% 10px 0 !important; } /* Farben topf 14 */ #bfGroupLabel1924, #bfGroupLabel1924_2, #bfGroupLabel1924_4, #bfGroupLabel1924_6, #bfGroupLabel1924_8 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 2% 10px 0 !important; } #bfGroupLabel1924_1, #bfGroupLabel1924_3, #bfGroupLabel1924_5, #bfGroupLabel1924_7 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 0% 10px 0 !important; } /* Farben topf 15 */ #bfGroupLabel1934, #bfGroupLabel1934_2, #bfGroupLabel1934_4, #bfGroupLabel1934_6, #bfGroupLabel1934_8 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 2% 10px 0 !important; } #bfGroupLabel1934_1, #bfGroupLabel1934_3, #bfGroupLabel1934_5, #bfGroupLabel1934_7 { background-size: 100%; width: 49% !important; opacity: 1; margin: 0 0% 10px 0 !important; } /* --------- */ #sec1 input, #sec2 input { width: 100% !important; box-sizing: border-box; float: left !important; margin: 0px !important; font-size: 16px; padding: 10px 20px !important; border: 0px !important; text-align: left; color: #8f8f8e; } .bfQuickMode .bfLabelLeft label, .bfQuickMode .bfLabelRight label { min-width: 10px !important; max-width: none !important; } #popup { position: absolute; right: auto; left: 50%; top: -50px; color: #000; } #popuptext { display: none; position: absolute; left: -111px; } #popup:hover #popuptext, #popup:active #popuptext, #popup:focus #popuptext { display: block; width: 300px; left: -150px; } } @media(max-width:400px){ .bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton { width: 49%; } #r .bfGroupLabel { width: 140px !important; margin-top: 13px !important; margin-left: 5px !important; } }