html { height:100%; } body { margin:0; overflow-x:hidden; font-family: 'Source Sans Pro', sans-serif; position:relative; } h2 { margin:0; font-size:1.8em; font-weight:bold; } h3 { margin:0; font-size:1.55em; font-weight:bold; } h4 { margin:0; font-size:1.3em; font-weight:bold; } h5 { margin:10px 0 18px; font-size:1.8em; font-weight:normal; } h6 { margin:5px 0; font-size:1.1em; font-weight:normal; } hr { clear:both; } a { text-decoration:none !important; color:black; } .ta_c { text-align:center; } .em11 { font-size:1.1em; } .header_symbole svg { height:1.2em; } #main { /*max-width:1200px;*/ width:100%; margin:auto; position:relative; } #main_inner { clear:both; max-width:1200px; margin:auto; } #main_inner2 { width:96%; padding:15px 2%; background-color:#fbf1e9; } #header1 { width:98%; padding:0 1%; background-color:#373944; position:relative; max-width:1200px; margin:auto; } #header1_hidden { display:none; } #header1_side, #bottom2_side { position:absolute; height:100%; width:500%; margin-left:-200%; margin-right:-200%; z-index:-1; } #header1_side { background-color:#373944; } #bottom2_side { background-color:#000000; } .header1_menus { float:left; text-decoration:none; height:1.6em; line-height:1.6em; padding:0.4em 1%; color:#ffffff; } .header1_menus a { color:#ffffff; } #header_suche input { background-color:white; opacity:75%; border:none; width:90%; margin:0 5%; padding:0 0.5em; color:black; height:100%; } #header_anmelden, #header_warenkorb { text-align:right; float:right !important; } .header_symbole { float:right; padding:0.6em 0.3em; } .header_symbole img { height:1.2em; } #header_logo { height:1.5em; padding:0.1em 0; } #header2 { width:100%; background-color:#fbf1e9; position:relative; max-width:1200px; margin:auto; } #header2_side { position:absolute; height:40%; background-color:#ffffff; width:500%; margin-left:-200%; margin-right:-200%; z-index:-1; } #header_termin, #header_warenkorb { float:left; position:relative; height:1.6em; line-height:1.6em; padding:0.4em 2%; color:#373944; text-decoration: none; z-index:1; } #menu2 { z-index:10; background-color:#373944; width:100%; text-align:center; padding:10px 0; max-height:90%; overflow-y:auto; } .menu2_down { height:0.8em; margin-left:15px; } .hide { display:none; } .header1_menus2 { padding:6px 0; color:#ffffff; cursor:pointer; } #menubutton { display:none; float:right; padding:0.4em; margin-right:10px; cursor:pointer; } #menubutton img { height:1.6em; } #kategorien_hidden { display:none; z-index:1000; width:100%; left:0; background-color:#373944; position:absolute; } #menus_hidden { display:none; z-index:1000; background-color:#373944; position:absolute; margin-left:-10px; } .kategorien_hidden { display:none; z-index:1000; background-color:#373944; position:absolute; } .header1_submenus { z-index:1000; background-color:#373944; position:relative; padding:0 10px; } .kategorien_hidden_a { margin-right:20px; float:left; } #kategorien_menu:hover #kategorien_hidden, .kategorien_hidden_a:hover .kategorien_hidden, .header1_menus_menu:hover #menus_hidden { display:block; } #kategorien_hidden h4 { color:#ffffff; } .color_link { color:#86bc25; } .blockrow { max-width:1200px; margin:auto; } .startblock { overflow:hidden; position:relative; } .startblock_artikel { width:80%; margin:auto; padding:10px 0; position:relative; } .startblock_linie { position:absolute; top:3px; bottom:3px; left:3px; right:3px; /*border:1px solid ;*/ } .startblock_text { margin:10px; overflow:auto; height:100%; position:relative; } .startblock p { font-size:1.1em; } .startblock img { width:100%; } .button_more { cursor:pointer; background-color:#373944; color:#ffffff; border-radius:5px; padding:12px 25px; font-style:italic; float:left; margin-bottom:50px; } .katspalte { float:left; padding:5px 0 15px 3.33%; width:30%; } .katspalte h4 { margin:20px; } .list_text { margin:5px 0; padding-left:30px; } .list_text2 { margin:5px 0; padding:0 15px; } .clearkat1 { display:none; } .clearkat2 { display:none; } .clearkat3 { display:none; } .clearkat4 { display:none; } .clearart1, .clearartstart1 { display:none; } .clearart2, .clearartstart2 { display:none; } .clearart3, .clearartstart3 { display:none; } .clearart4, .clearartstart4 { display:none; } .clearart5, .clearartstart5 { display:none; } .block { margin-left:2%; padding:10px 0; float:left; position:relative; } .block_img_img, #artinfo_left img, #artinfo_bild img { width:100%; transition: opacity .2s ease-out; box-shadow:0 3px 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 3px 15px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 3px 15px rgba(0, 0, 0, 0.3); -moz-transition: opacity .2s ease-out; -webkit-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; cursor:pointer; } .block img, #artinfo_bild img { opacity: 1; } .block img:hover { opacity: 0.5; } .block_img { position:relative; } .block_img_div { width:100%; padding-top:100%; position:relative; overflow:hidden; } .block_img_img { position:absolute; top:0; } .block_icon_div { position:absolute; width:100%; top:0; } .block_icon { float:right; margin:5px 5px 0 0; width:10% !important; } .block_text { color:#000; text-decoration:none; text-align:center; width:90%; padding:10px 5%; font-size:1.2em; } .text_artikelname { padding-bottom:0; } .text_preis { padding-top:0; } #artinfo_left { float:left; width:15%; margin-left:3%; margin-top:25px; } #artinfo_left img { margin-bottom:15px; opacity: 0.5; } #artinfo_left img:hover { opacity: 1; } #artinfo_bild { float:left; width:35%; margin-left:2%; margin-top:25px; } #artinfo_right { float:left; width:40%; margin: 25px 3% 0 2%; } .artinfo_mwst { margin:0; font-style:italic; font-size:0.9em; } #artinfo_kap { float:right; font-style:italic; } #filter { width:96%; margin:15px 2%; box-sizing:border-box; padding:5px 10px; } .filter_inner { cursor:pointer; float:left; margin-right:20px; } .filter_inner div { float:left; margin-right:10px; height:10px; width:10px; border-radius:7px; border:2px solid #ffffff; } .filter_aktiv div { background-color:#ffffff; } #filter_nach { padding:0 10px; float:left; font-weight:bold; margin-right:10px; } #navigation { padding:10px 2% 12px; background-color:#ffffff; } #navigation a { color:#373944; text-decoration:none; } .navigation_home { float:left; } .navigation_home img { height:1.2em; padding-top:0.25em; } #bottom2 a { color:#ffffff; text-decoration:none; } #bottom_outer { position:relative; bottom:0; width:100%; } #bottom2 { position:relative; text-align:center; } #bottom2_inner { padding:10px; color:#ffffff; } #bottom { clear:both; margin-top:50px; } #bottom_inner { background-color:#d3d6d1; width:96%; margin: 0 2%; padding: 10px 0; max-width:1200px; margin:auto; } #bottom_inner h6 { margin:0 0 10px 10px; } .bottom_img { float:left; width:11.9%; padding:0 0.3%; } .bottom_img p { text-align:center; color:black; margin:0; } .bottom_img img { width:100%; position:absolute; top:0; } .block_img_div_bottom { padding-top:90% !important; width:90% !important; margin:0 5%; } #bestellen_input, .variante input { border:none; background-color:#ffffff; padding:5px; margin: 0 8px; color:#050505; border:1px solid #050505;; } .variante select, #bestellen select { border:none; background-color:#373944; padding:5px; margin: 0 8px; color:#ffffff; } #bestellen_input { text-align:center; width:2.4em; } #bestellen_indenwarenkorb { background-color:#373944; padding:4px 15px; color:#ffffff; border: none; margin:0 0 0 15px; cursor:pointer; } .bestellen_indenwarenkorb3 { background-color:#373944; height:52px; padding:4px 15px; color:#ffffff; border: none; margin:14px 0 0 15px; cursor:pointer; border-radius:5px; font-size:1em; } .bestellen_plusminus { text-align:center; width:2em; border:none; background-color:#aaa; padding:3px 3px 4px; margin: 0; color:white; cursor:pointer; } .bestellen_plusminus_box { height:74px; float:left; margin-top:12px; } .bestellen_plusminus3 { text-align:center; width:24px; height:24px; border:none; background-color:#aaa; padding:4px; margin: 2px 2px 4px; border-radius:5px; color:white; cursor:pointer; display:block; } .bestellen_input3 { height:52px; border-radius:5px; width:52px !important; display:block; margin:2px 6px !important; float:left; font-size:1.25em; } .variante input, .variante select { } #bestellen span { font-style:italic; text-decoration:underline; cursor:pointer; } #rechnungsadresse, #lieferadresse { float:left; width:65%; } .moreadresses { width:100%; margin-top:20px; } #morereadresses, #morelsadresses { float:right; width:30%; max-height:330px; overflow-y:auto; margin-top:40px; } .button_useaddress, #warenkorb_aktualisieren, .gutschein { border:none; padding:0.1em 1em 0.2em; cursor:pointer; text-align:center; font-size:1em; background-color:#373944; color:#ffffff; max-width:250px; margin:5px auto; float:left; clear:left; } .artikel_img_menge { position:relative; min-height:1.5em; margin-top:0.5em; width:100%; line-height:1.5em; color:#ffffff; } .artikel_img_menge div, .artikel_img_menge input { position:absolute; text-align:center; opacity:0.75; background-color:black; color:white; } .artikel_img_menge_l { left:7.5%; border-radius: 3px; width:15%; max-width:50px; cursor:pointer; } .artikel_img_menge_c { width:20%; margin-left:40%; border-radius: 3px; } .artikel_img_menge_r { right:7.5%; border-radius: 3px; width:15%; max-width:50px; cursor:pointer; } .termin { background-color:#fbf1e9; cursor:pointer; } .termin p { margin:1em 0; } .termine_radio { width:14px; float:left; margin: 3px 12px 0 20px; } .warenkorb { clear:both; margin-bottom:5px; } .warenkorb_bild { width:7%; float:left; } .warenkorb_bild img { width:100%; } .warenkorb_name { width:32%; margin:0 2%; float:left; } .warenkorb_menge { float:left; width:6%; min-width:60px; position:relative; } .warenkorb_menge input { width:100%; border:none; padding:0.4em 0; cursor:pointer; text-align:center; background-color:#ffffff; color:#000000; font-size:1em; } .warenkorb_eh { margin-left: 1%; width:3%; float:left; } .warenkorb_eh p, .warenkorb_ezp p, .warenkorb_gsp p, .warenkorb_menge p { margin:5px 0; font-size:1.1em; font-weight:normal; } .warenkorb_menge p { text-align:right; } .warenkorb_ezp, .warenkorb_gsp { margin-left: 1%; width:8%; float:left; text-align:right; } .warenkorb_del { margin-left:2%; float:left; padding-top:0.2em; cursor:pointer; } .warenkorb_del div { width:1.5em; height:1.5em; border-radius:0.75em; background-color:#ffffff; color:#000000; text-align:center; line-height:1.5em; } .warenkorb_del svg { width:50%; margin-top:25%; } .anschrift_text { margin:3px 2%; width:14%; min-width:150px; float:left; clear:both; } .anschrift_textarea { margin:3px 2%; width:65%; max-width:550px; border:none; padding:0.4em; background-color:white; color:black; font-size:1em; } .anschrift_textblock { margin:3px 2%; width:96%; } .anschrift_p { float:left; margin:3px 0; } .anschrift_input { width:50%; min-width:400px; float:left; border:none; padding:0.4em; margin:5px 0; background-color:#ffffff; color:#000000; font-size:1em; } .warenkorb_submit { text-align:center; margin-top:25px; } .warenkorb_submit input, .warenkorb_submit button, .warenkorb_submit_button { border:none; padding:0.4em 1em; cursor:pointer; text-align:center; font-size:1.2em; background-color:#000000; color:#ffffff; max-width:250px; margin:auto; } #checkbox_text { margin-top:10px; color:red; text-align:center; } .bestellungen_adressen { float:left; margin:10px 30px 15px 0; min-width:30%; } .lieferant_img0 { float:left; margin:0 25px 10px 0; width:25%; } .lieferant_img1 { float:right; margin:0 0 10px 25px; width:25%; } #paypal-button-container { max-width:300px; margin:auto; } .anmelden_form { text-align:center; margin:auto; } .anmelden_input, #warenkorb_anmelden, .anmelden_button { border:none; margin:10px 0; text-align:center; font-size:1em; } .anmelden_input { width:250px; padding:0.4em 0; background-color:#ffffff; color:#050505; border:1px solid #050505;} .anmelden_button { width:250px; padding:0.4em 0; background-color:#373944; color:#ffffff; } #warenkorb_anmelden { background-color:#000000; color:#ffffff; width:auto; padding:0.4em 10px; cursor:pointer; } .html5-elem-box { background-color:#F6F6E1; max-width:100%; } #html5-lightbox-box { max-width:900px; } .html5-elem-wrap { max-width:100%; } #html5-lightbox-overlay { opacity: 0.6 !important; } .html5-title { padding:0.5em; cursor:pointer; max-width:40%; margin:auto; } #terminwaehlen { display:none; } /* lightbox */ .lightboxcontainer { width:100%; text-align:left; } .html5-image { overflow-y:auto; } /* Kategorien Typ 4 */ #kattyp4_small .kattyp4, .kattyp4_show { float:left; } .katspalte4 { text-align:center; } .kattyp4 h4 { margin-bottom:5px; } .kattyp4 .list_text { padding-left:0 !important; } .kattyp4_inner { max-height:0; overflow:hidden; transition: max-height 1s; } .kattyp4:hover .kattyp4_inner { max-height:300px; } #kattyp4_small { display:none; } #kattyp4_small .kattyp4 { width:80%; } #kattyp4_small h4 { width:95%; margin:20px 5% 5px; } #kattyp4_small .list_text { font-size:1.2em; width:90%; margin:5px 10% 2px; } .kattyp4_show { width:20%; } .kattyp4_show img { width:25px; margin-top:20px; } @media (max-width:550px) { #kattyp4_small { display:block; } .katspalte4 { display:none; } } #mpay24_container iframe { min-height:220px; } .clear { clear:both; } @media (orientation:portrait) { #bottom_inner, #artinfo_left { display:none; } #artinfo_right { width:58%; } } @media (max-width:600px) { #menubutton { display:block !important; } .header_symbole, #home_menu, #lieferanten_menu, #kategorien_menu, #termine_menu { display:none !important; } #header1_hidden .header_symbole { display:block !important; } #main, #bottom_outer { overflow:hidden; } } @media (orientation:portrait) or (max-width:700px) { .warenkorb_bild { display:none !important; } .warenkorb_eh { width:10%; } .warenkorb_ezp { width:14%; } .warenkorb_gsp { width:17%; } .anschrift_input { min-width:300px; width:100%; } #rechnungsadresse, #lieferadresse { width:100%; } #morereadresses, #morelsadresses { display:none; } } @media (max-width:480px) { #artinfo_right { width:96%; } #artinfo_bild { width:70%; margin-left:15%; } .warenkorb_ezp { display:none !important; } .warenkorb_menge { min-width:40px !important; } .warenkorb_name { width:43%; } .warenkorb_gsp { width:23%; } } @media (min-width:950px) { .clearart5 { display:block; clear:both; } .blockart { width:17.6%; } } @media (max-width: 950px) and (min-width: 750px) { .clearart4 { display:block; clear:both; } .blockart { width:22.5%; } } @media (max-width: 750px) and (min-width: 525px) { .clearart3 { display:block; clear:both; } .blockart { width:30.66%; } } @media (max-width: 525px) and (min-width: 300px) { .clearart2 { display:block; clear:both; } .blockart { width:47%; } } @media (max-width: 300px) { .clearart1 { display:block; clear:both; } .blockart { width:98%; } } @media (min-width: 950px) { .clearkat4 { display:block; clear:both; } .blockkat { width:22.5%; } } @media (max-width: 950px) and (min-width: 650px) { .clearkat3 { display:block; clear:both; } .blockkat { width:30.66%; } } @media (max-width: 650px) and (min-width: 350px) { .clearkat2 { display:block; clear:both; } .blockkat { width:47%; } } @media (max-width: 350px) { .clearkat1 { display:block; clear:both; } .blockkat { width:98%; } } .flex-control-nav, .flex-direction-nav { display:none; } .flexslider { margin-bottom:0 !important; } .block_galerie2 { width:90%; float:left; padding:0 !important; position:relative; height:32%; overflow:hidden; } .block_galerie2_inner { position:relative; transition: 1s; left:0; } .galerie2_arrows { width:5%; padding:0 !important; float:left; cursor:pointer; /*height:33%;*/ text-align:center; } .galerie2_arrows img { margin-top:120px; width:20px; } .galerie2_0 { width:33%; left:0; } .galerie2_1 { width:33%; left:33.33%; } .galerie2_2 { width:33%; left:66.67%; } .galerie2_3 { width:33%; left:100%; } .galerie2_4 { width:33%; left:133.33%; } .galerie2_5 { width:33%; left:166.67%; } .galerie2_6 { width:33%; left:200%; } .galerie2_7 { width:33%; left:233.33%; } .galerie2_8 { width:33%; left:266.67%; } .galerie2_9 { width:33%; left:300%; } .galerie2_10 { width:33%; left:333.33%; } .galerie2_11 { width:33%; left:366.67%; } .galerie2_12 { width:33%; left:400%; } .galerie2_13 { width:33%; left:433.33%; } .galerie2_14 { width:33%; left:466.67%; } .galerie2_15 { width:33%; left:500%; } .galerie2_16 { width:33%; left:533.33%; } .galerie2_17 { width:33%; left:566.67%; } .galerie2_18 { width:33%; left:600%; } .galerie2_19 { width:33%; left:633.33%; } .galerie2_20 { width:33%; left:666.67%; } .galerie2_21 { width:33%; left:700%; } .galerie2_22 { width:33%; left:733.33%; } .galerie2_23 { width:33%; left:766.67%; } .galerie2_24 { width:33%; left:800%; } @media (min-width:2200px) { .block_galerie2 { height:25%; } } @media (min-width:3000px) { .block_galerie2 { height:15%; } } @media (max-width:1100px) { .galerie2_arrows img { margin-top:100px; } } @media (max-width:900px) { .galerie2_arrows img { margin-top:80px; } } @media (max-width:750px) { .galerie2_arrows img { margin-top:70px; } } @media (max-width:550px) { .galerie2_arrows { display:none; } .block_galerie2 { width:100%; height:auto; } .galerie2_0, .galerie2_1, .galerie2_2 { width:70%; margin-left:15%; position:relative !important; left:0 !important; } .galerie2_3 { display:none; } .galerie2_4 { display:none; } .galerie2_5 { display:none; } .galerie2_6 { display:none; } .galerie2_7 { display:none; } .galerie2_8 { display:none; } .galerie2_9 { display:none; } .galerie2_10 { display:none; } .galerie2_11 { display:none; } .galerie2_12 { display:none; } .galerie2_13 { display:none; } .galerie2_14 { display:none; } .galerie2_15 { display:none; } .galerie2_16 { display:none; } .galerie2_17 { display:none; } .galerie2_18 { display:none; } .galerie2_19 { display:none; } .galerie2_20 { display:none; } .galerie2_21 { display:none; } .galerie2_22 { display:none; } .galerie2_23 { display:none; } .galerie2_24 { display:none; } } #main { max-width:100%; } #main_inner { max-width:1200px; margin:auto; } #menu2 { position:fixed; } #bestellen_indenwarenkorb { background-color:#86BC25; } #header1_hidden { width:100%; display:block; padding:0.2em 1%; font-size:1.15em; } #header1 { position:fixed; z-index:100; font-size:1.15em; padding:0.2em 1%; } .kategorien_hidden { font-family: 'Source Sans Pro', sans-serif; font-weight: normal; font-size: 0.7em; } .list_text2 { margin: 0; } .startblock_art { width:20%; } .header1_submenus { font-family: 'Source Sans Pro', sans-serif; background-color: #3F3F3F; font-size:0.75em; font-weight: normal; } @media (min-width:481px) and (max-width:800px) { .startblock_art { width:33.33%; } .clearartstart3 { display:block; } } @media (max-width:480px) { .startblock_art { width:50%; } .clearartstart2 { display:block; } } body { /*font-family:Ubuntu;*/ } #header1 { max-width:100% !important; } #blockrow0 { width:100%; max-width:100% !important; } #blockrow1 { width:100%; max-width:100% !important; } #blockrow2 { background-color:f8f7f7; max-width:100% !important; } #blockrow4 { width:100%; max-width:100% !important; } #blockrow5 { width:100%; max-width:100% !important; } #blockrow6 { background-color:f8f7f7; max-width:100% !important; } #blockrow7 { background-color:f8f7f7; width:100%; max-width:100% !important; } #blockrow8 { width:100%; max-width:100% !important; } #blockrow9 { width:100%; max-width:100% !important; } #blockrow11 { width:100%; max-width:100% !important; } #blockrow12 { width:100%; max-width:100% !important; } #blockrow14 { width:100%; max-width:100% !important; } #blockrow14 { width:100%; max-width:100% !important; } #blockrow17 { width:100%; max-width:100% !important; } #blockrow19 { width:100%; max-width:100% !important; } #blockrow21 { width:100%; max-width:100% !important; } #blockrow23 { width:100%; max-width:100% !important; } #kategorien_menu, #menu2 { font-family: Playfair Display; font-weight:regular; font-size:1.4em; padding-top:0; padding-bottom:0; } .startblockbild50left { box-sizing: border-box; padding:5px 5px 5px 0; } .startblockbild50right { box-sizing: border-box; padding:5px 0 5px 5px; } @media (max-width: 600px) { .startblockbild50left, .startblockbild50right { width:100% !important; padding:5px 0; } }