.single_one_image { height: 480px; margin-left: 0; overflow: hidden; position: relative; width: 480px; } modal-body img { display: none; } .single_one_image { height: 100%; text-align: center; width: 100%; } .PreviewImagesContainer>ul { margin: 0; padding: 0; } .PreviewImagesContainer { margin-bottom: 25px; padding: 0; } .PreviewImagesContainer li { float: left; line-height: 100px; list-style: outside none none; margin: 10px 10px 10px 0; padding: 0; width: 120px; } .PreviewImagesContainer .thumbnail { background-color: #fff; border: 1px solid #ddd; border-radius: 0; cursor: pointer; display: block; line-height: 120px; margin-bottom: 0; padding: 4px; transition: border 0.2s ease-in-out 0s; width: 120px; } .single_one_image img { max-width: 70%; } .tab { background: #ffffff none repeat scroll 0 0; float: left; margin: 20px 0; padding: 0; } .tabcontent { background: #fff none repeat scroll 0 0; clear: both; padding: 15px 0; } .tab input, .tab input [type=radio] { display: none; margin: 0!important; padding: 0 } .tab label { margin: 0; background: #ffffff none repeat scroll 0 0; color: #000000; display: block; font-weight: 300; height: 36px; line-height: 36px; position: relative; text-align: center; width: 145px; float: left } .tab label:hover { cursor: pointer } .tab input:checked+label { background: #18af34 none repeat scroll 0 0; } .tabcontent #content1, .tabcontent #content2, .tabcontent #content3, .tabcontent #content4 { display: none } .tab input:checked+label::before { border-color: #6ee628 transparent transparent; border-style: solid; border-width: 5px 5px 0; bottom: -5px; content: ""; height: 0; left: 50%; margin-left: -5px; position: absolute; width: 0; } #tab1:checked~.tabcontent #content1, #tab2:checked~.tabcontent #content2, #tab3:checked~.tabcontent #content3, #tab4:checked~.tabcontent #content4 { display: block; margin: 0 } .maingimgcontainer{ text-align: center; } .feb_tabcontainer .itemmaindescription, .mainimgwrapper img{ display: none; } #chk_1:checked ~ .feb_tabcontainer #description, #chk_2:checked ~ .feb_tabcontainer #technicaldata, #imgswitch_1:checked ~ .mainimgwrapper #bigimg_1, #imgswitch_2:checked ~ .mainimgwrapper #bigimg_2, #imgswitch_3:checked ~ .mainimgwrapper #bigimg_3, #imgswitch_4:checked ~ .mainimgwrapper #bigimg_4, #imgswitch_5:checked ~ .mainimgwrapper #bigimg_5, #imgswitch_6:checked ~ .mainimgwrapper #bigimg_6, #imgswitch_7:checked ~ .mainimgwrapper #bigimg_7, #imgswitch_8:checked ~ .mainimgwrapper #bigimg_8, #imgswitch_9:checked ~ .mainimgwrapper #bigimg_9, #imgswitch_10:checked ~ .mainimgwrapper #bigimg_10, #imgswitch_11:checked ~ .mainimgwrapper #bigimg_11, #imgswitch_12:checked ~ .mainimgwrapper #bigimg_12, #imgswitch_13:checked ~ .mainimgwrapper #bigimg_13, #imgswitch_14:checked ~ .mainimgwrapper #bigimg_14, #imgswitch_15:checked ~ .mainimgwrapper #bigimg_15, #imgswitch_16:checked ~ .mainimgwrapper #bigimg_16, #imgswitch_17:checked ~ .mainimgwrapper #bigimg_17, #imgswitch_18:checked ~ .mainimgwrapper #bigimg_18, #imgswitch_19:checked ~ .mainimgwrapper #bigimg_19, #imgswitch_20:checked ~ .mainimgwrapper #bigimg_20, #imgswitch_21:checked ~ .mainimgwrapper #bigimg_21, #imgswitch_22:checked ~ .mainimgwrapper #bigimg_22, #imgswitch_23:checked ~ .mainimgwrapper #bigimg_23, #imgswitch_24:checked ~ .mainimgwrapper #bigimg_24, #imgswitch_25:checked ~ .mainimgwrapper #bigimg_25, #imgswitch_26:checked ~ .mainimgwrapper #bigimg_26, #imgswitch_27:checked ~ .mainimgwrapper #bigimg_27, #imgswitch_28:checked ~ .mainimgwrapper #bigimg_28, #imgswitch_29:checked ~ .mainimgwrapper #bigimg_29, #imgswitch_30:checked ~ .mainimgwrapper #bigimg_30, #imgswitch_31:checked ~ .mainimgwrapper #bigimg_31, #imgswitch_32:checked ~ .mainimgwrapper #bigimg_32, #imgswitch_33:checked ~ .mainimgwrapper #bigimg_33, #imgswitch_34:checked ~ .mainimgwrapper #bigimg_34, #imgswitch_35:checked ~ .mainimgwrapper #bigimg_35, #imgswitch_36:checked ~ .mainimgwrapper #bigimg_36, #imgswitch_37:checked ~ .mainimgwrapper #bigimg_37, #imgswitch_38:checked ~ .mainimgwrapper #bigimg_38, #imgswitch_39:checked ~ .mainimgwrapper #bigimg_39, #imgswitch_40:checked ~ .mainimgwrapper #bigimg_40, #imgswitch_41:checked ~ .mainimgwrapper #bigimg_41, #imgswitch_42:checked ~ .mainimgwrapper #bigimg_42, #imgswitch_43:checked ~ .mainimgwrapper #bigimg_43, #imgswitch_44:checked ~ .mainimgwrapper #bigimg_44, #imgswitch_45:checked ~ .mainimgwrapper #bigimg_45, #imgswitch_46:checked ~ .mainimgwrapper #bigimg_46, #imgswitch_47:checked ~ .mainimgwrapper #bigimg_47, #imgswitch_48:checked ~ .mainimgwrapper #bigimg_48, #imgswitch_49:checked ~ .mainimgwrapper #bigimg_49, #imgswitch_50:checked ~ .mainimgwrapper #bigimg_50, #imgswitch_51:checked ~ .mainimgwrapper #bigimg_51, #imgswitch_52:checked ~ .mainimgwrapper #bigimg_52, #imgswitch_53:checked ~ .mainimgwrapper #bigimg_53, #imgswitch_54:checked ~ .mainimgwrapper #bigimg_54, #imgswitch_55:checked ~ .mainimgwrapper #bigimg_55, #imgswitch_56:checked ~ .mainimgwrapper #bigimg_56, #imgswitch_57:checked ~ .mainimgwrapper #bigimg_57, #imgswitch_58:checked ~ .mainimgwrapper #bigimg_58, #imgswitch_59:checked ~ .mainimgwrapper #bigimg_59, #imgswitch_60:checked ~ .mainimgwrapper #bigimg_60, #imgswitch_61:checked ~ .mainimgwrapper #bigimg_61, #imgswitch_62:checked ~ .mainimgwrapper #bigimg_62, #imgswitch_63:checked ~ .mainimgwrapper #bigimg_63, #imgswitch_64:checked ~ .mainimgwrapper #bigimg_64, #imgswitch_65:checked ~ .mainimgwrapper #bigimg_65, #imgswitch_66:checked ~ .mainimgwrapper #bigimg_66, #imgswitch_67:checked ~ .mainimgwrapper #bigimg_67, #imgswitch_68:checked ~ .mainimgwrapper #bigimg_68, #imgswitch_69:checked ~ .mainimgwrapper #bigimg_69, #imgswitch_70:checked ~ .mainimgwrapper #bigimg_70, #imgswitch_71:checked ~ .mainimgwrapper #bigimg_71, #imgswitch_72:checked ~ .mainimgwrapper #bigimg_72, #imgswitch_73:checked ~ .mainimgwrapper #bigimg_73, #imgswitch_74:checked ~ .mainimgwrapper #bigimg_74, #imgswitch_75:checked ~ .mainimgwrapper #bigimg_75, #imgswitch_76:checked ~ .mainimgwrapper #bigimg_76, #imgswitch_77:checked ~ .mainimgwrapper #bigimg_77, #imgswitch_78:checked ~ .mainimgwrapper #bigimg_78, #imgswitch_79:checked ~ .mainimgwrapper #bigimg_79, #imgswitch_80:checked ~ .mainimgwrapper #bigimg_80, #imgswitch_81:checked ~ .mainimgwrapper #bigimg_81, #imgswitch_82:checked ~ .mainimgwrapper #bigimg_82, #imgswitch_83:checked ~ .mainimgwrapper #bigimg_83, #imgswitch_84:checked ~ .mainimgwrapper #bigimg_84, #imgswitch_85:checked ~ .mainimgwrapper #bigimg_85, #imgswitch_86:checked ~ .mainimgwrapper #bigimg_86, #imgswitch_87:checked ~ .mainimgwrapper #bigimg_87, #imgswitch_88:checked ~ .mainimgwrapper #bigimg_88, #imgswitch_89:checked ~ .mainimgwrapper #bigimg_89, #imgswitch_90:checked ~ .mainimgwrapper #bigimg_90{ display: inline-block !important; } .f_thumbs .f_thumb:hover, #imgswitch_1:checked ~ .f_thumbs #imglabel_1, #imgswitch_2:checked ~ .f_thumbs #imglabel_2, #imgswitch_3:checked ~ .f_thumbs #imglabel_3, #imgswitch_4:checked ~ .f_thumbs #imglabel_4, #imgswitch_5:checked ~ .f_thumbs #imglabel_5, #imgswitch_6:checked ~ .f_thumbs #imglabel_6, #imgswitch_7:checked ~ .f_thumbs #imglabel_7, #imgswitch_8:checked ~ .f_thumbs #imglabel_8, #imgswitch_9:checked ~ .f_thumbs #imglabel_9, #imgswitch_10:checked ~ .f_thumbs #imglabel_10, #imgswitch_11:checked ~ .f_thumbs #imglabel_11, #imgswitch_12:checked ~ .f_thumbs #imglabel_12, #imgswitch_13:checked ~ .f_thumbs #imglabel_13, #imgswitch_14:checked ~ .f_thumbs #imglabel_14, #imgswitch_15:checked ~ .f_thumbs #imglabel_15, #imgswitch_16:checked ~ .f_thumbs #imglabel_16, #imgswitch_17:checked ~ .f_thumbs #imglabel_17, #imgswitch_18:checked ~ .f_thumbs #imglabel_18, #imgswitch_19:checked ~ .f_thumbs #imglabel_19, #imgswitch_20:checked ~ .f_thumbs #imglabel_20, #imgswitch_21:checked ~ .f_thumbs #imglabel_21, #imgswitch_22:checked ~ .f_thumbs #imglabel_22, #imgswitch_23:checked ~ .f_thumbs #imglabel_23, #imgswitch_24:checked ~ .f_thumbs #imglabel_24, #imgswitch_25:checked ~ .f_thumbs #imglabel_25, #imgswitch_26:checked ~ .f_thumbs #imglabel_26, #imgswitch_27:checked ~ .f_thumbs #imglabel_27, #imgswitch_28:checked ~ .f_thumbs #imglabel_28, #imgswitch_29:checked ~ .f_thumbs #imglabel_29, #imgswitch_30:checked ~ .f_thumbs #imglabel_30. #imgswitch_31:checked ~ .f_thumbs #imglabel_31, #imgswitch_32:checked ~ .f_thumbs #imglabel_32, #imgswitch_33:checked ~ .f_thumbs #imglabel_33, #imgswitch_34:checked ~ .f_thumbs #imglabel_34, #imgswitch_35:checked ~ .f_thumbs #imglabel_35, #imgswitch_36:checked ~ .f_thumbs #imglabel_36, #imgswitch_37:checked ~ .f_thumbs #imglabel_37, #imgswitch_38:checked ~ .f_thumbs #imglabel_38, #imgswitch_39:checked ~ .f_thumbs #imglabel_39, #imgswitch_40:checked ~ .f_thumbs #imglabel_40, #imgswitch_41:checked ~ .f_thumbs #imglabel_41, #imgswitch_42:checked ~ .f_thumbs #imglabel_42, #imgswitch_43:checked ~ .f_thumbs #imglabel_43, #imgswitch_44:checked ~ .f_thumbs #imglabel_44, #imgswitch_45:checked ~ .f_thumbs #imglabel_45, #imgswitch_46:checked ~ .f_thumbs #imglabel_46, #imgswitch_47:checked ~ .f_thumbs #imglabel_47, #imgswitch_48:checked ~ .f_thumbs #imglabel_48, #imgswitch_49:checked ~ .f_thumbs #imglabel_49, #imgswitch_50:checked ~ .f_thumbs #imglabel_50, #imgswitch_51:checked ~ .f_thumbs #imglabel_51, #imgswitch_52:checked ~ .f_thumbs #imglabel_52, #imgswitch_53:checked ~ .f_thumbs #imglabel_53, #imgswitch_54:checked ~ .f_thumbs #imglabel_54, #imgswitch_55:checked ~ .f_thumbs #imglabel_55, #imgswitch_56:checked ~ .f_thumbs #imglabel_56, #imgswitch_57:checked ~ .f_thumbs #imglabel_57, #imgswitch_58:checked ~ .f_thumbs #imglabel_58, #imgswitch_59:checked ~ .f_thumbs #imglabel_59, #imgswitch_60:checked ~ .f_thumbs #imglabel_60, #imgswitch_61:checked ~ .f_thumbs #imglabel_61, #imgswitch_62:checked ~ .f_thumbs #imglabel_62, #imgswitch_63:checked ~ .f_thumbs #imglabel_63, #imgswitch_64:checked ~ .f_thumbs #imglabel_64, #imgswitch_65:checked ~ .f_thumbs #imglabel_65, #imgswitch_66:checked ~ .f_thumbs #imglabel_66, #imgswitch_67:checked ~ .f_thumbs #imglabel_67, #imgswitch_68:checked ~ .f_thumbs #imglabel_68, #imgswitch_69:checked ~ .f_thumbs #imglabel_69, #imgswitch_70:checked ~ .f_thumbs #imglabel_70, #imgswitch_71:checked ~ .f_thumbs #imglabel_71, #imgswitch_72:checked ~ .f_thumbs #imglabel_72, #imgswitch_73:checked ~ .f_thumbs #imglabel_73, #imgswitch_74:checked ~ .f_thumbs #imglabel_74, #imgswitch_75:checked ~ .f_thumbs #imglabel_75, #imgswitch_76:checked ~ .f_thumbs #imglabel_76, #imgswitch_77:checked ~ .f_thumbs #imglabel_77, #imgswitch_78:checked ~ .f_thumbs #imglabel_78, #imgswitch_79:checked ~ .f_thumbs #imglabel_79, #imgswitch_80:checked ~ .f_thumbs #imglabel_80, #imgswitch_81:checked ~ .f_thumbs #imglabel_81, #imgswitch_82:checked ~ .f_thumbs #imglabel_82, #imgswitch_83:checked ~ .f_thumbs #imglabel_83, #imgswitch_84:checked ~ .f_thumbs #imglabel_84, #imgswitch_85:checked ~ .f_thumbs #imglabel_85, #imgswitch_86:checked ~ .f_thumbs #imglabel_86, #imgswitch_87:checked ~ .f_thumbs #imglabel_87, #imgswitch_88:checked ~ .f_thumbs #imglabel_88, #imgswitch_89:checked ~ .f_thumbs #imglabel_89, #imgswitch_90:checked ~ .f_thumbs #imglabel_90{ border: solid 1px #009dad; } .catimg img{ width: 100%; } .maingimgcontainer img{ max-height: 100%; max-width:100%; } .f_thumbs .f_thumb:last-child{ margin-bottom: 0 } .f_thumbs .f_thumb{ display: inline-block; border: solid 1px #f1f1f1; margin-bottom: 0; cursor: pointer; margin-left: 3px; margin-bottom: 6px; } .f_thumbs .f_thumb img{ max-width: 100%; max-height: 100%; } .f_thumbs .f_thumb{ text-align: center } .f_thumbs .f_thumb{ margin-right: 5px;} .maingimgcontainer{ border: solid 1px #f1f1f1; text-align: center; } .left_menu ul { background: #fff; display: block !important; } img{ max-width: 100%; } .level1 > a{ font-weight: 600; } .level2 i{ color: #009dad; } @media (min-width: 768px){ .input-group { width: 522px;} .navbar-nav { float: right; } .headcontainer{ margin-bottom: 24px; } div.febprice, div.dreieck{ right: -30px; } .maingimgcontainer{ height: 390px; line-height: 390px; } .thumbimg{ width: 65px; height: 65px; line-height: 65px; } .febwrap{ padding-top: 50px; } } @media (max-width: 987px){ .tab label { width: 100%; } } @media (min-width: 992px) { .boxes-container { margin-top: 27px; } .maingimgcontainer{ height: 600px; line-height: 600px; text-align: center; } .input-group{ width: 635px } .boxes-container i { font-size:26px; } .boxes-container .small { width:175px; font-size:80%; padding-left:40px; } .boxes-container .big { width:230px; font-size:80%; padding-left:40px; } .boxes-container .no-padding { text-align:center; } .boxes-container .h5 { font-size:12px; } .boxes-container .margin-left-2 { margin-left:6px; } .mobil-menu-head{ background: #fff; color: #333; font-size: 17px; font-weight: 600; } }