Subversion Repositories wpShopGermany4

Rev

Rev 8349 | Rev 8375 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
3444 daniel 1
@CHARSET "UTF-8";
3414 daniel 2
 
3
/* Allgemein */
4
.wpsg_clear { clear:both; }
7780 daniel 5
#wpsg_error, #wpsg_message { margin-bottom:1rem; margin-left:0; }
6314 daniel 6
#wpsg_message li, #wpsg_error li, #wpsg_notice li,
6619 daniel 7
#wpsg_message p, #wpsg_error p, #wpsg_notice p { list-style:none; margin-bottom:4px; padding:3px 0px 3px 8px; }
6314 daniel 8
#wpsg_message li,
7780 daniel 9
#wpsg_message p { border-left:4px solid #7AD03A; margin-left:0; }
6314 daniel 10
#wpsg_notice li,
7780 daniel 11
#wpsg_notice p { border-left:4px solid #FDF60A; margin-left:0; }
6314 daniel 12
#wpsg_error li,
7780 daniel 13
#wpsg_error p { border-left:4px solid #DD3D36; margin-left:0; }
3444 daniel 14
.wpsg_error { border-color:#DD3D36; }
4097 daniel 15
.wpsg { }
16
.wpsg h2 { }
4940 daniel 17
.wpsg_checkout label.wpsg_error { background-color:white; }
3444 daniel 18
label.wpsg_error { position:absolute; right:2px; top:-2px; color:#DD3D36; }
4097 daniel 19
input.wpsg_error { border-color:red !important; }
3460 daniel 20
.wpsg_spacer { width:100%; height:1px; background-color:#EAEAEA; margin-bottom:1rem; }
4059 daniel 21
.wpsg_noscroll { overflow:hidden; }
4481 daniel 22
.wpsg_upper { vertical-align:top; font-size:60%; }
3414 daniel 23
 
3444 daniel 24
/* Basket Widget */
25
.wpsg_basket_widget .wpshopgermany_linktokasse { float:right; margin-top:1rem; }
3414 daniel 26
 
3444 daniel 27
/* Basket */
6314 daniel 28
.basket_product_wrap {}
7100 thomas 29
.basket_product_wrap .basket_product_row { display:flex; align-items:baseline; border-bottom:1px solid #EAEAEA; padding-bottom:1em; margin-bottom:1em; }
6314 daniel 30
.basket_product_wrap .basket_product_row .product_shortdesc { margin-top:0.5em; }
31
.basket_product_wrap .basket_product_row .productimage { max-width:150px; padding-right:0.75em; }
32
.basket_product_wrap .basket_product_row .product_content { width:100%; display:flex; flex-direction:column; justify-content:space-between; }
33
.basket_product_wrap .basket_product_row .product_action { display:flex; width:100%; justify-content:space-between; align-items:center; }
6914 daniel 34
.basket_product_wrap .basket_product_row .product_action .amount { width:100px; padding-right:40px; position:relative; margin-top:0.5em; margin-bottom:0.5em; text-align:center;}
35
.basket_product_wrap .basket_product_row .product_action .amount .wpsg_basket_removelink { -webkit-box-shadow:none; box-shadow:none; text-decoration:none; border:0px !important; position:absolute; right:5px; top:50%; margin-top:-8px; }
6330 hartmut 36
.basket_product_wrap .basket_product_row .product_action .title { width: 60%; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }
37
.basket_product_wrap .basket_product_row .product_action .price { width: 39%; display:inline-block; text-align:right; }
38
.basket_product_wrap .basket_product_row .product_action .price_total { width: 39%; display:inline-block; font-weight:bold; text-align:right; }
39
.basket_product_wrap .basket_product_row .product_info { display:flex; width:100%; justify-content:space-between; align-items:center; }
7002 daniel 40
.basket_product_wrap .basket_product_row .product_upload {  }
41
.basket_product_wrap .basket_product_row .product_upload .wpsg_mod_orderupload_target { margin-left:15px; flex-grow:1; }
42
.basket_product_wrap .basket_product_row .product_upload .wpsg_mod_orderupload_target ul { margin:0px; }
43
.basket_product_wrap .basket_product_row .product_upload .wpsg_mod_orderupload_target li { display:flex; justify-content:space-between; }
44
.basket_product_wrap .basket_product_row .product_upload .wpsg_mod_orderupload_target li a.removeLink { text-decoration:none; box-shadow:none; align-self:center; }
45
.basket_product_wrap .basket_product_row .product_upload ul li { list-style:none; }
6857 hartmut 46
.basket_product_wrap .basket_product_row .product_info .titlep { min-width:120px; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }
6330 hartmut 47
.basket_product_wrap .basket_product_row .product_info .title { width: 30%; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }
48
.basket_product_wrap .basket_product_row .product_info .valuel { width: 50%; display:inline-block; font-weight:normal; text-align:left; }
49
.basket_product_wrap .basket_product_row .product_info .valuer { width: 50%; display:inline-block; font-weight:normal; text-align:right; }
50
.basket_product_wrap .basket_product_row .product_info .fulll { width: 80%; display:inline-block; font-weight:normal; text-align:left; }
51
.basket_product_wrap .basket_product_row .product_info .dummyr { width: 19%; display:inline-block; font-weight:normal; text-align:right; }
52
.basket_product_wrap .basket_product_row .product_info .dummy { flex-grow:1; width:90px; }
53
.basket_product_wrap .basket_product_row .product_info .dummyp { flex-grow:1; width:110px; }
54
.basket_sum_wrap .basket_sum_row { display:flex; width:100%; justify-content:space-between; align-items:center; }
7865 daniel 55
.basket_sum_wrap .basket_sum_row .title { width: 80%; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }
6330 hartmut 56
.basket_sum_wrap .basket_sum_row .title2 { width: 80%; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }
7865 daniel 57
.basket_sum_wrap .basket_sum_voucher .title,
58
.basket_sum_wrap .basket_sum_coupon .title { display:flex; justify-content:flex-start; align-items:center; }
59
.basket_sum_wrap .basket_sum_voucher .title a,
60
.basket_sum_wrap .basket_sum_coupon .title a { margin-right:0.5rem; }
6330 hartmut 61
.basket_sum_wrap .basket_sum_row .value { width: 20%; display:inline-block; font-weight:normal; text-align:right; }
62
.basket_sum_wrap .basket_sum_row .valuel { width: 20%; display:inline-block; font-weight:normal; text-align:left; }
63
.basket_sum_wrap .basket_sum_row .sum { width: 20%; display:inline-block; font-weight:bold; text-align:right; }
64
.basket_sum_wrap .basket_sum_row .delgs { width: 20%; display:inline-block; font-weight:normal; text-align:right; }
6338 hartmut 65
.basket_sum_wrap .basket_sum_row .codegs { width: 40%; display:inline-block; font-weight:normal; text-align:left; }
66
.basket_sum_wrap .basket_sum_row .codegsf { display:inline-block; font-weight:normal; text-align:left; }
67
.basket_sum_wrap .basket_sum_row .codegsl { width: 30%; display:inline-block; font-weight:normal; text-align:left; }
68
.basket_sum_wrap .basket_sum_row .codegsr { width: 30%; display:inline-block; font-weight:normal; text-align:right; }
6330 hartmut 69
.basket_sum_wrap .basket_sum_row .colgsl { width: 20%; display:inline-block; font-weight:normal; text-align:left; }
70
.basket_sum_wrap .basket_sum_row .colgsr { width: 20%; display:inline-block; font-weight:normal; text-align:right; }
71
.basket_sum_wrap .basket_sum_row .titlegs { width: 80%; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }
72
.basket_sum_wrap .wpsg_mod_basketteaser_row { display:flex; width:100%; justify-content:space-between; align-items:center; }
73
.basket_sum_wrap .wpsg_mod_basketteaser_row .valuer { width: 20%; display:inline-block; font-weight:normal; text-align:right; }
74
.basket_sum_wrap .wpsg_mod_basketteaser_row .valuel { width: 20%; display:inline-block; font-weight:normal; text-align:left; }
6340 hartmut 75
.basket_sum_wrap .wpsg_gutschein_add {padding:0.75em 1em;}
7349 daniel 76
.procent_payship { font-size:0.75em; line-height:0.75em; color:#666666; displaY:block; margin-bottom:10px; }
6338 hartmut 77
/* .glyphicon {width:20px !important; text-decoration:none; position:relative; display:inline-block; font-family:'Glyphicons Halflings'; line-height:1rem;} */
3414 daniel 78
 
6340 hartmut 79
.wpsg_basket .wpsg_checkoutbutton { float:right; padding:0.75em 1em; }
6330 hartmut 80
.wpsg_basket .wpsg_cell_gesamtsumme_value { font-weight:bold; }
6340 hartmut 81
.wpsg_basket .wpsg_refreshbutton, .wpsg_basketbutton { float:left; padding:0.75em 1em; }
6338 hartmut 82
.wpsg_basket .wpsg_basket_weiter_shoppen {background:#1a1a1a none repeat scroll 0 0; border:0 none; border-radius:2px; color:#fff; font-weight:700; line-height:1; text-transform:uppercase; padding:0.85em 0.875em 0.78em;}
7706 daniel 83
.wpsg_basket .product_action_printshop .label { align-self:flex-start; }
84
.wpsg_basket .product_action_printshop .files ul li { list-style:none; display:flex; align-items:center; justify-content:flex-end; }
85
.wpsg_basket .product_action_printshop .files ul li img { margin-left:5px; cursor:pointer; }
6330 hartmut 86
 
4322 thomas 87
/* Checkout + Request*/
4097 daniel 88
.wpsg_checkout .wpsg_checkoutblock { width:100%; clear:both; margin-bottom:2px; position:relative; width:100%; }
89
.wpsg_checkout .wpsg_checkoutblock label { vertical-align:middle; }
4904 daniel 90
.wpsg_checkout .wpsg_checkoutblock input.wpsg_input_text,
7754 daniel 91
.wpsg_checkout .wpsg_checkoutblock input[type="tel"],
92
.wpsg_checkout .wpsg_checkoutblock input[type="fax"],
4904 daniel 93
.wpsg_checkout .wpsg_checkoutblock input[type="text"],
5013 daniel 94
.wpsg_checkout .wpsg_checkoutblock input[type="number"],
4904 daniel 95
.wpsg_checkout .wpsg_checkoutblock input[type="password"] { margin-bottom:5px; box-sizing:border-box; width:100%; }
4097 daniel 96
.wpsg_checkout .wpsg_checkoutblock input[type="checkbox"] { width:auto; margin-right:5px; }
97
.wpsg_checkout .wpsg_checkoutblock select { box-sizing:border-box; width:100%; margin-bottom:5px; }
7140 daniel 98
.wpsg_checkout .wpsg_checkoutblock .g-recaptcha { float:right; margin-top:15px; }
4097 daniel 99
.wpsg_checkout .wpsg_mandatoryfield_hint { margin-top:1rem; }
3444 daniel 100
.wpsg_checkout .wpsg_required { font-weight:bold; color:#FF0000; }
3448 daniel 101
.wpsg_checkout .wpsg_checkout2button { float:right; }
3459 daniel 102
.wpsg_checkout .wpsg_mod_ordervars { margin-bottom:1rem; }
6168 thomas 103
.wpsg_checkout .wpsg_required { color:#ff0000; }
7252 daniel 104
.wpsg_checkout h2 { font-weight:bold; padding:10px 0; }
3710 daniel 105
.wpsg_checkout .wpsg_commentblock textarea { box-sizing:border-box; padding:2px; width:100%; height:150px; }
5223 thomas 106
.wpsg_checkout .wpsg_logout_box a { float:right; border-bottom:0px; padding:15px; font-weight:bold; color:#FF0000; font-weight:bold; color:#fff; background-color:#333; }
7247 daniel 107
.wpsg_checkout #wpsg_streetnr.wpsg_checkoutblock { display:flex; flex-direction:row; width:100%; }
108
.wpsg_checkout #wpsg_streetnr.wpsg_checkoutblock .street { flex-grow:1; padding-right:15px; }
7320 thomas 109
.wpsg_checkout #wpsg_streetnr.wpsg_checkoutblock .nr input {width: 100%;}
7247 daniel 110
 
111
	/* Checkout2 */
6168 thomas 112
.shippay_wrap { margin-top:40px; width:100%; font-family:Arial; padding-right:10px; }
5020 daniel 113
.wpsg_payment .wpsg_payment_textwrap { margin-top:40px; }
5010 daniel 114
.shippay_wrap .shippay_item_wrap { position:relative; border-top:1px solid #DFDFDF; cursor:pointer; padding-left:8px; }
115
.shippay_wrap .shippay_item_wrap .shippay_hint { display:none; margin-top:-5px; padding-bottom:20px; font-family:Arial; font-size:11px; color:#3F3F3F; }
116
.shippay_wrap .shippay_active, .shippay_wrap .shippay_item_wrap:hover { background-color:#F9F9F9; }
117
.shippay_wrap .shippay_active .shippay_hint { display:block; padding-right:8px; }
118
.shippay_wrap .shippay_item_wrap .wpsg_payship_name { display:table-cell; vertical-align:middle; font-size:12px; height:64px; }
119
.shippay_wrap .shippay_active .wpsg_payship_name { font-weight:bold; }
120
.shippay_wrap .shippay_item_wrap:last-child { border-bottom:1px solid #DFDFDF; }
6189 hartmut 121
.shippay_wrap .shippay_item_wrap input[type="radio"] { display:none; }
5010 daniel 122
.shippay_wrap .shippay_item_wrap .shippay_checkmark { display:none; width:23px; height:18px; background-image:url('../gfx/checkmark.png'); background-repeat:no-repeat; position:absolute; right:10px; top:16px; }
123
.shippay_wrap .shippay_active .shippay_checkmark { display:block; }
124
.shippay_wrap .wpsg_payship_logo { margin-top:-5px; padding-bottom:10px; }
4097 daniel 125
.wpsg_checkout2 .wpsg_mandatoryfield_hint { margin-top:1rem; }
3414 daniel 126
.wpsg_checkout2 .wpsg_overviewbutton { float:right; }
4812 daniel 127
.wpsg_checkout2 .wpsg_checkoutbutton { float:left; }
3414 daniel 128
 
129
/* Overview */
3444 daniel 130
.wpsg_overview .wpsg_agb { width:100%; clear:both; margin-bottom:2px; }
131
.wpsg_overview .wpsg_agb label { line-height:18px; }
132
.wpsg_overview .shippayment { margin-top:1rem; float:right; width:45%; }
133
.wpsg_overview .anschrift { margin-top:1rem; float:left; width:55%; }
4097 daniel 134
.wpsg_overview .subtitle { font-weight:bold; margin-bottom:0.5rem; }
3414 daniel 135
.wpsg_overview .wpsg_orderbutton { float:right; }
6331 hartmut 136
.wpsg_overview .wpsg_table_wrap { background-color:#FFF; margin:10px -10px 10px -10px; padding:10px; }
3710 daniel 137
.wpsg_overview .wpsg_table_wrap table { width:100%; }
4097 daniel 138
.wpsg_overview .wpsg_table_wrap td, .wpsg_overview .wpsg_table_wrap th { }
4835 daniel 139
.wpsg_overview .wpsg_table_wrap .wpsg_cell_menge { width:100px; text-align:center; }
140
.wpsg_overview .wpsg_table_wrap .wpsg_cell_mwst { width:100px; text-align:center; }
3444 daniel 141
.wpsg_overview .wpsg_table_wrap .wpsg_cell_preis { text-align:right; }
142
.wpsg_overview .wpsg_table_wrap .wpsg_cell_gesamtpreis { text-align:right; }
143
.wpsg_overview .wpsg_table_wrap .wpsg_cell_summe_value { text-align:right; }
144
.wpsg_overview .wpsg_table_wrap .wpsg_cell_shipping_value { text-align:right; }
145
.wpsg_overview .wpsg_table_wrap .wpsg_cell_payment_value { text-align:right; }
146
.wpsg_overview .wpsg_table_wrap .wpsg_cell_gesamt_value { text-align:right; font-weight:bold; }
147
.wpsg_overview .wpsg_table_wrap .wpsg_cell_mwst_value { text-align:right; }
148
.wpsg_overview .wpsg_overview_productimage { display:inline; padding-right:0.2rem; vertical-align:baseline; }
3462 daniel 149
.wpsg_overview .wpsg_cell_weight_value { text-align:right; }
3755 daniel 150
.wpsg_overview .wpsg_cell_deliverytime_value { text-align:right; }
3414 daniel 151
 
6331 hartmut 152
.wpsg_overview .wpsg_table_wrap {}
7100 thomas 153
.wpsg_overview .wpsg_table_wrap .overview_product_row { display:flex; align-items:baseline; border-bottom:1px solid #EAEAEA; padding-bottom:1em; margin-bottom:1em; }
6331 hartmut 154
.wpsg_overview .wpsg_table_wrap .overview_product_row .product_shortdesc { margin-top:0.5em; }
155
.wpsg_overview .wpsg_table_wrap .overview_product_row .productimage { max-width:150px; padding-right:0.75em; }
156
.wpsg_overview .wpsg_table_wrap .overview_product_row .product_content { width:100%; display:flex; flex-direction:column; justify-content:space-between; }
157
.wpsg_overview .wpsg_table_wrap .overview_product_row .product_action { display:flex; width:100%; justify-content:space-between; align-items:center; }
158
.wpsg_overview .wpsg_table_wrap .overview_product_row .product_action .amount { width:80px; margin-top:0.5em; margin-bottom:0.5em; text-align:center;}
159
.wpsg_overview .wpsg_table_wrap .overview_product_row .product_action .title { width: 60%; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }
160
.wpsg_overview .wpsg_table_wrap .overview_product_row .product_action .price { width: 39%; display:inline-block; text-align:right; }
161
.wpsg_overview .wpsg_table_wrap .overview_product_row .product_action .price_total { width: 39%; display:inline-block; font-weight:bold; text-align:right; }
162
.wpsg_overview .wpsg_table_wrap .overview_product_row .product_info { display:flex; width:100%; justify-content:space-between; align-items:center; }
6857 hartmut 163
.wpsg_overview .wpsg_table_wrap .overview_product_row .product_info .titlep { min-width:120px; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }
6331 hartmut 164
.wpsg_overview .wpsg_table_wrap .overview_product_row .product_info .title { width: 30%; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }
165
.wpsg_overview .wpsg_table_wrap .overview_product_row .product_info .valuel { width: 50%; display:inline-block; font-weight:normal; text-align:left; }
166
.wpsg_overview .wpsg_table_wrap .overview_product_row .product_info .valuer { width: 50%; display:inline-block; font-weight:normal; text-align:right; }
167
.wpsg_overview .wpsg_table_wrap .overview_product_row .product_info .fulll { width: 80%; display:inline-block; font-weight:normal; text-align:left; }
168
.wpsg_overview .wpsg_table_wrap .overview_product_row .product_info .dummyr { width: 19%; display:inline-block; font-weight:normal; text-align:right; }
169
.overview_sum_wrap .overview_sum_row { display:flex; width:100%; justify-content:space-between; align-items:center; }
170
.overview_sum_wrap .overview_sum_row .title { width: 60%; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }
171
.overview_sum_wrap .overview_sum_row .title2 { width: 80%; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }
172
.overview_sum_wrap .overview_sum_row .value { width: 20%; display:inline-block; font-weight:normal; text-align:right; }
173
.overview_sum_wrap .overview_sum_row .valuel { width: 20%; display:inline-block; font-weight:normal; text-align:left; }
174
.overview_sum_wrap .overview_sum_row .sum { width: 20%; display:inline-block; font-weight:bold; text-align:right; }
175
.overview_sum_wrap .overview_sum_row .delgs { width: 20%; display:inline-block; font-weight:normal; text-align:right; }
176
.overview_sum_wrap .overview_sum_row .codegs { width: 34%; display:inline-block; font-weight:normal; text-align:left; }
177
.overview_sum_wrap .overview_sum_row .codegsl { width: 33%; display:inline-block; font-weight:normal; text-align:left; }
178
.overview_sum_wrap .overview_sum_row .codegsr { width: 33%; display:inline-block; font-weight:normal; text-align:right; }
179
.overview_sum_wrap .overview_sum_row .colgsl { width: 20%; display:inline-block; font-weight:normal; text-align:left; }
180
.overview_sum_wrap .overview_sum_row .colgsr { width: 20%; display:inline-block; font-weight:normal; text-align:right; }
181
.overview_sum_wrap .overview_sum_row .titlegs { width: 80%; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }
182
 
183
.wpsg_overview .wpsg_checkoutbutton { float:left; }
184
.wpsg_overview .wpsg_orderbutton { float:right; }
185
/*
186
.wpsg_overview .wpsg_table_wrap .overview_product_row .wpsg_overview_removelink { float:right; text-decoration:none; border:0px !important; }
187
.wpsg_overview .wpsg_cell_gesamtsumme_value { font-weight:bold; }
188
.wpsg_overview .wpsg_refreshbutton, .wpsg_basketbutton { float:left; }
189
*/
3455 daniel 190
/* Bestellvariablen */
191
.wpsg_checkout .wpsg_mod_ordervars_field { display:inline; }
192
 
3444 daniel 193
/* Profilseite */
194
.wpsg_profil .wpsg_pwdvergessen_link { line-height:30px; }
3473 daniel 195
.wpsg_profil .wpsg_mod_kundenverwaltung_login, .wpsg_checkout .wpsg_mod_kundenverwaltung_login { float:right; }
3444 daniel 196
.wpsg_profil .wpsg_saveButton { float:right; }
3414 daniel 197
 
6578 hartmut 198
/* Passwort Visualisierung */
199
#wpsg_pwd_info { width:250px; background:#fefefe; width:100%; padding:25px; border-radius:5px; box-shadow:0 1px 3px #ccc; border:1px solid #ddd; display:none; }
7100 thomas 200
#wpsg_pwd_info::before { position:absolute; font-size:14px; text-shadow:none; display:block; color:#ddd; line-height:14px; }
6578 hartmut 201
#wpsg_pwd_info ul li { margin:10px 20px; display:block; }
202
.invalid { padding-left:22px; line-height:24px; color:#ec3f41; }
203
.valid { padding-left:22px; line-height:24px; color:#3a7d34; }
204
 
6834 daniel 205
/* Modul "Abo Produkte" */
206
.wpsg_mod_abo_order_product_wrap { }
207
.wpsg_mod_abo_order_product_wrap .wpsg_mod_abo_order_product { border-bottom:1px solid #EEEEEE; padding-bottom:15px; margin-bottom:15px; }
208
.wpsg_mod_abo_order_product_wrap .wpsg_mod_abo_order_product .link_wrap { display:inline-block; margin-left:10px; }
209
.wpsg_mod_abo_order_product_wrap .wpsg_mod_abo_order_product .link_wrap:before { content:'['; margin-right:5px; display:inline-block; }
210
.wpsg_mod_abo_order_product_wrap .wpsg_mod_abo_order_product .link_wrap:after { content:']'; margin-left:5px; display:inline-block; }
211
.wpsg_mod_abo_order_product_wrap .wpsg_mod_abo_order_product .status_activ { color:green; }
212
.wpsg_mod_abo_order_product_wrap .wpsg_mod_abo_order_product .status_inactiv { color:red; }
213
.wpsg_mod_abo_order_product_wrap .wpsg_mod_abo_order_product .value { margin-left:10px; }
214
.wpsg_mod_abo_order_product_wrap .wpsg_mod_abo_order_product .duration_running { color:green; }
7811 daniel 215
.wpsg_mod_abo_order_product_wrap .wpsg_mod_abo_order_product .duration_inextension { color:orange; }
6834 daniel 216
.wpsg_mod_abo_order_product_wrap .wpsg_mod_abo_order_product .duration_expired { color:red; }
217
.wpsg_mod_abo_order_product_wrap .wpsg_mod_abo_order_product .image { float:left; margin-right:15px; }
6838 thomas 218
.wpsg_mod_abo_order_product_wrap .wpsg_mod_abo_order_product .label { float:left; width:15rem; }
6834 daniel 219
 
4372 daniel 220
/* Produktattribute */
221
.wpsg_cell_produktattribute_value { text-align:right; }
6340 hartmut 222
.wpsg_mod_produktattribute_label { display:inline-block; min-width:120px; }
223
.wpsg_mod_produktattribute_value { display:inline-block; }
4372 daniel 224
 
3444 daniel 225
/* Bestellansicht */
226
.wpsg_mod_kundenverwaltung_order .wpsg_mod_kundenverwaltung_producttable { margin-top:1rem; margin-bottom:2rem; }
3414 daniel 227
 
3444 daniel 228
/* Trusted Shops Integration */
229
.wpsg_checkout label[for="wpsg_mod_trustedshops_set"] { margin:1rem 0 1rem 0; display:block; }
3414 daniel 230
 
3448 daniel 231
/* Bankeinzug */
232
.wpsg_mod_autodebit .wpsg_mod_autodebit_field { clear:both; }
233
.wpsg_mod_autodebit label { width:100%; line-height:36px; }
234
.wpsg_mod_autodebit input { float:right; margin-bottom:3px; }
235
 
3444 daniel 236
/* Versandadresse */
237
.wpsg_checkout .wpsg_mod_shippingadress { margin-bottom:1rem; }
3414 daniel 238
 
3444 daniel 239
/* Produkttemplate */
4084 daniel 240
.wpsg_productform { position:relative; }
6314 daniel 241
.wpsg_productform .wpsg_produkt_wrapper .wpsg_productimages { float:left; margin-right:0.75em; }
242
.wpsg_productform .wpsg_produkt_wrapper .wpsg_produkt_preishinweis { font-size:0.75em; }
6369 thomas 243
.wpsg_productform .wpsg_produkt_wrapper .wpsg_mod_productview_oldprice,
244
.product_wrap .productdetails .oldprice { text-decoration:line-through; }
6314 daniel 245
.wpsg_productform .wpsg_produkt_wrapper .wpsg_mod_productview_price { font-weight:bold; }
246
.wpsg_productform .wpsg_produkt_wrapper .wpsg_produkt_shortdescription { margin-top:0.75em; margin-bottom:0.75em; }
247
.wpsg_productform .wpsg_produkt_wrapper .wpsg_product_only_store {  margin-top:0.75em; margin-bottom:0.75em; }
248
.wpsg_productform .wpsg_produkt_wrapper .wpsg_mod_productvariants_product_wrap { margin-top:0.75em; margin-bottom:0.75em; }
7889 karl 249
.wpsg_productform .wpsg_produkt_wrapper .wpsg_mod_productvariants_product_wrap select { width:100%; box-sizing:border-box; }
6314 daniel 250
.wpsg_productform .wpsg_produkt_wrapper .wpsg_product_informationarea { margin-top:1.5em; margin-bottom:1.5em; }
251
.wpsg_productform .wpsg_produkt_wrapper label { font-weight:bold; }
252
.wpsg_productform .wpsg_produkt_wrapper .wpsg_product_buttonarea input[type="text"] { width:48%; float:left; box-sizing:border-box; padding:0.7em; line-height:1.5em; font-size:1rem; }
253
.wpsg_productform .wpsg_produkt_wrapper .wpsg_product_buttonarea input[type="submit"] { width:48%; float:right; box-sizing: border-box; padding:0.7em; line-height:1.5em; font-size:1rem; border:1px solid transparent; border-radius:3px; }
254
.wpsg_productform .wpsg_product_layer { position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.25); padding:0.75em; margin:-0.75em; box-sizing:content-box; }
255
.wpsg_productform .wpsg_product_layer img { position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-5px; }
256
.wpsg_productform .wpsg_produkt_produktbilder { max-width:200px; }
6330 hartmut 257
.wpsg_productform label {
258
    color: #333;
259
    display: block;
260
    font-weight: 800;
261
    margin-bottom: 0.5em;
262
}
6954 thomas 263
.wpsg_product_deliverytime_holiday { height:50px; padding:10px; width:50%; float:right; border:1px solid #ff0000; }
3414 daniel 264
 
7472 thomas 265
/* Minigallery */
266
.wpsg_productform #responsive_slider .carousel-indicators { bottom:-45px; }
267
.wpsg_productform #responsive_slider .carousel-indicators li { margin-left:2.5px; margin-right:2.5px; }
268
.wpsg_productform #responsive_slider .carousel-indicators li.active { border-width:2px; }
269
.wpsg_productform .sto_carousel { position:relative; margin-bottom:45px; margin-top:46px; }
270
.wpsg_productform .sto_carousel ul { list-style:none; }
271
.wpsg_productform .sto_carousel li { list-style:none; float:left; margin-right:10px; }
272
.wpsg_productform .sto_carousel li .wpsg_image_producttemplate_small { width:93px; }
273
.wpsg_productform .jcarousel { position:relative; width:100%; height:95px; overflow: hidden; width:515px; }
274
.wpsg_productform .jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }
275
.wpsg_productform .sto_carousel .left { position:absolute; left:0px; top:0px; height:95px; line-height:95px; width:20px; display:block; text-align:left; font-size:2rem; }
276
.wpsg_productform .sto_carousel .right { position:absolute; right:0px; top:0px; height:95px; line-height:95px; width:20px; display:block; text-align:right; font-size:2rem; }
277
 
6314 daniel 278
@media (max-width:400px) {
279
 
280
	.wpsg_productform .wpsg_produkt_wrapper .wpsg_product_buttonarea input[type="text"] { width:28%; }
281
	.wpsg_productform .wpsg_produkt_wrapper .wpsg_product_buttonarea input[type="submit"] { width:68%; }
282
 
7462 thomas 283
	/* Produktdetailansicht */
284
	.wpsg_productform .wpsg_produkt_shortdescription { display:none; }
285
	.wpsg_productform .wpsg_mod_produktindex_stock { margin:10px 0; }
286
	.wpsg_productform .wpsg_mod_produktindex_stock label { margin-bottom:0em; float:left; margin-right:10px; }
287
 
288
	/* Produktübersicht */
289
	.wpsg_mod_productindex_order span{ float:left; }
290
	.wpsg_mod_productindex .wpsg_mod_productindex_viewselect { margin-top:6px !important; }
291
	.wpsg_mod_productindex .wpsg_mod_productindex_order { width:90%; }
292
	.wpsg_mod_productindex_grid .wpsg_mod_productindex_product { width:45% !important; }
293
	.wpsg_mod_productindex .wpsg_mod_productindex_order select { width:65%; margin: 2px 0 0 10px; height:20px;  }
294
	.wpsg_mod_productindex .wpsg_mod_productindex_toolbar_bottom .wpsg_mod_productindex_order { display:none }
295
	.wpsg_mod_productindex .wpsg_mod_productindex_toolbar_bottom .wpsg_mod_productindex_viewselect { display:none}
296
	.wpsg_mod_productindex .wpsg_mod_productindex_toolbar_bottom { border-top:0px !important; }
297
 
298
	.wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_title { font-size:1.5em; }
299
	.wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_infos,
300
	.wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_produktindex_stock,
301
	.wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_produkt_preishinweis { display:none; }
302
	.wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_button { border:1px solid #ccc; }
303
	.wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_button a { font-size:1.2em; }
304
	.wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productview_price { font-size:1.2em; }
305
 
306
	.wpsg_mod_productindex_list .wpsg_mod_productindex_product { width:100% !important; }
307
	.wpsg_mod_productindex_list .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_infos,
308
	.wpsg_mod_productindex_list .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_produktindex_stock,
309
	.wpsg_mod_productindex_list .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_description,
310
	.wpsg_mod_productindex_list .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_produkt_preishinweis { display:none; }
311
	.wpsg_mod_productindex_list .wpsg_mod_productindex_product .wpsg_mod_productindex_content { margin:0 !important;}
312
	.wpsg_mod_productindex_list .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_button { border:1px solid #ccc; }
313
	.wpsg_mod_productindex_list .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_button a { font-size:1.2em; }
314
	.wpsg_mod_productindex_list .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productview_price { font-size:1.2em; }
315
	.wpsg_mod_productindex_list .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_button { width:100%; text-align:center; }
316
 
317
	/* Warenkorb */
318
	.wpsg_progress { display:none; }
319
	.wpsg_basket .product_name .product_shortdesc { display:none; }
320
	.wpsg_basket .basket_product_row .product_info{ display:none; }
321
	.wpsg_basket .basket_sum_wrap .title2 { width:60%; }
322
	.wpsg_basket .basket_sum_wrap .value,
323
	.wpsg_basket .basket_sum_wrap .sum { width:40%; }
324
	.wpsg_basket .wpsg_button { width:100%; margin:0 0 10px 0; }
325
 
326
	/* Checkout */
327
	.wpsg_checkout .wpsg_button { width:100%; margin:0 0 10px 0; }
328
	.wpsg_checkout2 .wpsg_button { width:100%; margin:0 0 10px 0; }
329
 
330
	/* Overview */
331
	.wpsg_overview .wpsg_checkoutbutton,
332
	.wpsg_overview .wpsg_orderbutton { width:100%; margin: 0 0 10px 0; }
333
	.wpsg_overview .product_name .product_shortdesc { display:none; }
334
	.wpsg_overview .overview_product_row .product_info{ display:none; }
335
	.wpsg_overview .overview_sum_wrap .title2 { width:60%; }
336
	.wpsg_overview .overview_sum_wrap .value,
337
	.wpsg_overview .overview_sum_wrap .sum { width:40%; }
5047 daniel 338
}
339
 
6314 daniel 340
@media (max-width:600px) {
341
 
342
	.wpsg_productform .wpsg_productimages { width:100%; }
343
	.wpsg_productform .wpsg_produkt_produktbilder { max-width:100%; }
344
 
345
}
346
 
7462 thomas 347
@media (max-width:900px) {
348
 
349
 
350
}
351
 
3444 daniel 352
/* Varianten */
353
.wpsg_produkt_wrapper .wpsg_vp_field { clear:both; margin-bottom:1rem; }
3446 daniel 354
.wpsg_produkt_wrapper .wpsg_vp_field_image { clear:both; display:block; }
3487 daniel 355
.wpsg_produkt_wrapper .wpsg_vp_field_typ_radio label { clear: both; float: left; }
3749 daniel 356
.wpsg_overview .wpsg_mod_varianten_value { text-align:right; }
6165 hartmut 357
.wpsg_mod_productvariants_imageselect {}
358
.wpsg_mod_productvariants_imageselect .image { padding:10px; display:inline-block; }
359
.wpsg_mod_productvariants_imageselect .akt { padding:5px; border:5px solid #C5C5C5; }
360
.wpsg_mod_productvariants_imageselect a { text-decoration:none; }
3414 daniel 361
 
3444 daniel 362
/* Warenkorbwidget */
363
.wpsg_basket_widget { }
4097 daniel 364
.wpsg_basket_widget table { width:100%; }
3444 daniel 365
.wpsg_basket_widget table td { line-height:1.25rem; }
366
.wpsg_basket_widget table .wpsg_cell_name { padding-left:0.2rem; }
367
.wpsg_basket_widget table .wpsg_cell_amount { text-align:right; padding-right:0.2rem; }
368
.wpsg_basket_widget table .wpsg_row_summary .wpsg_cell_amount { font-weight:bold; }
6315 daniel 369
.wpsg_basket_widget .wpsg_tax_note { font-size:0.75em; }
3414 daniel 370
 
3444 daniel 371
/* Modul Kundenverwaltung */
372
.wpsg_mod_kundenverwaltung_widget input[type="text"], .wpsg_mod_kundenverwaltung_widget input[type="password"] { width:100%; margin-bottom:0.5rem; }
373
.wpsg_mod_kundenverwaltung_widget input[type="submit"] { float:right; }
3414 daniel 374
 
3605 daniel 375
/* Modul wirecard */
376
.wpsg_mod_wirecard_paymentType { width:50%; float:right; }
3621 daniel 377
#wpsg_mod_wirecard_iframe { width:100%; height:700px; }
3605 daniel 378
 
3659 daniel 379
/* Modul Bestellbedingungen */
380
.wpsg_mod_ordercondition_hint { padding-left:18px; max-height:60px; overflow-y:scroll; }
381
 
3744 daniel 382
/* Modul Micropayment */
383
.micropayment_card .card { border-radius:5px; background-color:#999999; margin-bottom:1rem; height:200px; width:400px; position:relative; }
3746 daniel 384
.micropayment_card .front .number input { width:370px; position:absolute; bottom:50px; left:15px; box-sizing:border-box; }
3744 daniel 385
.micropayment_card .front .name { position:absolute; left:25px; bottom:20px; color:#FFFFFF; text-shadow: 1px 1px 0px #202020, -1px -1px 0px #606060; letter-spacing:2px; }
4097 daniel 386
.micropayment_card .front .validthrough { position:absolute; right:135px; bottom:20px; color:#FFFFFF; text-shadow: 1px 1px 0px #202020, -1px -1px 0px #606060; letter-spacing:2px; }
3744 daniel 387
.micropayment_card .front .valid { position:absolute; right:15px; bottom:20px; }
388
.micropayment_card .front .chip { left:25px; top:50px; position:absolute; width:50px; height:44px; background-image:url('../mods/mod_micropayment/gfx/chip.png'); background-repeat:no-repeat; }
4097 daniel 389
.micropayment_card .card .bankname { position:absolute; left:15px; top:10px; }
3744 daniel 390
.micropayment_card .back .blackmagnetic { width:100%; height:40px; background-color:#000000; position:absolute; left:0px; top:55px; }
4097 daniel 391
.micropayment_card .back .number { position:absolute; text-align:right; right:5px; top:5px; }
3744 daniel 392
.micropayment_card .back .signature { position:absolute; left:15px; top:130px; width:250px; height:30px; background-color:#FFFFFF; text-align:center; line-height:30px; color:#333333; }
4097 daniel 393
.micropayment_card .back .sign input { position:absolute; left:300px; width:75px; text-align:center; line-height:25px; top:135px; border:0px; border-radius:0px; height:25px; padding:0px; }
3744 daniel 394
 
4191 daniel 395
/* Customerquestion (Dialog Firmenkunde/Endkunde und Land) */
7185 thomas 396
#wpsg_calc_layer { overflow:auto; text-align:center; position:fixed; vertical-align:middle; left:0px; top:0px; z-index:1000; width:100%; height:100%; background-color:rgba(125, 125, 125, 0.95); }
397
#wpsg_calc_layer .content { padding:50px; position:absolute; left:50%; top:50%; width:700px; min-height:210px; margin-left:-320px; margin-top:-125px; border:2px solid #ddd; background-color:#fff; border-radius:5px; }
4191 daniel 398
#wpsg_calc_layer .content img.loading { position:absolute; left:50%; top:50%; margin-left:-8px; margin-top:-5px; }
4580 daniel 399
#wpsg_calc_layer h2 { color:#000000; font-size:22px; font-weight:bold; line-height:28px; text-align:left; margin-bottom:25px; }
400
#wpsg_calc_layer .customertype h2 { font-size:22px; font-weight:normal; width:150px; float:left; line-height:28px; }
7185 thomas 401
#wpsg_calc_layer #customerquestion_fk { margin-top:10px; width:200px; float:left; line-height:28px; }
4580 daniel 402
#wpsg_calc_layer #customerquestion_fk label { font-size:22px; font-weight:normal; line-height:28px; color:#000000; }
7185 thomas 403
#wpsg_calc_layer #customerquestion_ek { margin-top:10px; width:200px; float:left; line-height:28px; }
4580 daniel 404
#wpsg_calc_layer #customerquestion_ek label { font-size:22px; font-weight:normal; line-height:28px; color:#000000; }
7185 thomas 405
#wpsg_calc_layer #customerquestion_ok_button { width:100%; }
4580 daniel 406
#wpsg_calc_layer .country { clear:both; margin-top:20px; }
407
#wpsg_calc_layer .country h2 { font-size:22px; font-weight:normal; width:150px; float:left; line-height:28px; }
7185 thomas 408
#wpsg_calc_layer .country select { width:350px; font-size:22px; height:auto; float:left; margin-top:10px;  }
4580 daniel 409
#wpsg_calc_layer input[type="radio"] { height:auto; margin-right:10px; }
410
#wpsg_calc_layer .button_wrap { width:100%; clear:both; padding-top:20px; }
411
#wpsg_calc_layer input[type="submit"] { float:right; padding-left:50px; padding-right:50px; }
4181 thomas 412
 
4252 daniel 413
/* Modul CrefoPay */
4296 daniel 414
#wpsg_mod_crefopay_iframe { width:100%; border:0px; overflow-y:hidden; }
4252 daniel 415
 
4995 daniel 416
/* Modul PayPal PLUS */
417
.wrap_paypalapi_expressbutton { width:100%; padding-bottom:2rem; }
418
.wrap_paypalapi_expressbutton img { float:right; }
4996 daniel 419
.wpsg_mod_paypalapi_button:hover, .wpsg_mod_paypalapi_button { display:inline; background:transparent; padding:0px; }
4730 daniel 420
.wpsg_mod_paypalapi_orderdone .wpsg_mod_paypalapi_field { clear:both; }
421
.wpsg_mod_paypalapi_orderdone label { width:100%; line-height:36px; }
422
.wpsg_mod_paypalapi_orderdone input[type="text"],
4735 daniel 423
.wpsg_mod_paypalapi_orderdone select { width:65%; line-height:36px; height:36px; float:right; margin-bottom:3px; box-sizing:border-box; padding:0px; text-indent:10px; }
424
.wpsg_mod_paypalapi_orderdone input.wpsg_mod_paypalapi_vname { width:30%; margin-right:5%; }
425
.wpsg_mod_paypalapi_orderdone input.wpsg_mod_paypalapi_name { width:30%; }
4730 daniel 426
.wpsg_mod_paypalapi_orderdone input[type="image"],
427
.wpsg_mod_paypalapi_orderdone input[type="submit"] { float:right; }
4735 daniel 428
.wpsg_mod_paypalapi_orderdone select.wpsg_mod_paypalapi_month { width:30%; }
429
.wpsg_mod_paypalapi_orderdone select.wpsg_mod_paypalapi_year { width:30%; }
4730 daniel 430
.wpsg_mod_paypalapi_orderdone .wpsg_mod_paypalapi_spacer { width:5%; float:right; text-align:center; }
5231 daniel 431
#wpsg_ppplus { width:100%; padding-right:10px; }
5020 daniel 432
.wpsg_done #wpsg_ppplus { width:100%; }
5016 daniel 433
.wpsg_mod_paypalapi_button { float:right; border:0px; cursor:pointer; }
4690 daniel 434
 
4317 daniel 435
/* Modul Anfrageprodukte */
436
.wpsg_mod_request_requestpage .wpsg_cell_action { width:30px; text-align:center; }
437
.wpsg_mod_request_requestpage .wpsg_cell_amount { width:125px; }
438
.wpsg_mod_request_requestpage .wpsg_cell_sumprice { text-align:right; width:200px; }
439
.wpsg_mod_request_requestpage .wpsg_cell_total_brutto,
440
.wpsg_mod_request_requestpage .wpsg_cell_total_netto { text-align:right; }
441
.wpsg_mod_request_requestpage .wpsg_checkout_typ_3 input { margin-right: 5px; width: auto; }
442
.wpsg_mod_request_requestpage input[type="text"],
4322 thomas 443
.wpsg_mod_request_requestpage select { width:100%; height:30px; margin-top:5px; margin-bottom:5px;}
4317 daniel 444
.wpsg_mod_request_requestpage h2 { margin-top:2rem; margin-bottom:1rem; }
7247 daniel 445
.wpsg_mod_request_requestpage #wpsg_streetnr.wpsg_checkoutblock { display:flex; flex-direction:row; width:100%; }
446
.wpsg_mod_request_requestpage #wpsg_streetnr.wpsg_checkoutblock .street { flex-grow:1; padding-right:15px; }
447
.wpsg_mod_request_requestpage #wpsg_streetnr.wpsg_checkoutblock .nr input { width:75px; }
4317 daniel 448
.requestlist_ajax_wrap { padding-bottom:2rem; }
449
 
5209 daniel 450
.wpsg_progress { padding:0px; margin:0px; width:100%; margin-bottom:100px; margin-top:30px; }
5205 daniel 451
.wpsg_progress:after { border:1px solid #C5C5C5; height:10px; background-color:#F2F2F2; box-sizing:border-box; display:block; width:100%; content:" "; }
452
.wpsg_progress span.step { width:25%; display:block; float:left; list-style:none; position:relative; }
453
.wpsg_progress span.step > .text { margin-top:30px; text-align:center; width:100%; display:block; }
5209 daniel 454
.wpsg_progress span.step > .dot { position:absolute; z-index:2; background-color:#C5C5C5; width:20px; height:20px; left:50%; top:0%; margin-left:-15px; margin-top:-5px; border-radius:10px; }
455
.wpsg_progress span.step:before { border:1px solid #C5C5C5; position:absolute; z-index:2; left:50%; margin-left:-20px; text-align:center; line-height:40px; background-color:#F2F2F2; content:" "; display:block; width:30px; height:30px; border-radius:25px; margin-top:-10px; }
456
.wpsg_progress span.step1:before { content:""; }
457
.wpsg_progress span.step2:before { content:""; }
458
.wpsg_progress span.step3:before { content:""; }
459
.wpsg_progress span.step4:before { content:""; }
5205 daniel 460
.wpsg_progress span.current:before,
461
.wpsg_progress span.done:before { background-color:#C9C9C9; }
5209 daniel 462
.wpsg_progress span.current > .dot,
463
.wpsg_progress span.done > .dot {background-color:#F2F2F2; }
5205 daniel 464
.wpsg_progress span.current:after,
465
.wpsg_progress span.done:after { content:" "; background-color:#C5C5C5; width:100%; height:10px; display:block; top:0px; position:absolute; }
466
.wpsg_progress span.current:after { width:50%; }
467
 
7148 thomas 468
/* Modul "EinSeitenCheckout */
469
.onepagecheckout_customer_guest_activ .wpsg_mod_shippingadress h2,
470
.onepagecheckout_customer_guest_activ .wpsg_mod_shippingadress .wpsg_spacer { display:none; }
471
.onepagecheckout_customer_guest_activ .wpsg_mod_shippingadress .wpsg_inner { margin-bottom:20px; }
472
 
5208 daniel 473
/* Modul "CrowdFunding" */
474
.wpsg_mod_funding_progress .wpsg_mod_funding_state { border:1px solid #C5C5C5; margin-bottom:1rem; box-sizing:border-box; width:100%; height:25px; line-height:25px; }
475
.wpsg_mod_funding_progress .wpsg_mod_funding_state > .bar {  width:90%; float:left; height:100%; display:table; }
476
.wpsg_mod_funding_progress .wpsg_mod_funding_state > .bar > .value { background-color:#484C51; height:100%; width:0%; }
477
.wpsg_mod_funding_progress .wpsg_mod_funding_state > .value { width:10%; height:100%; border-left:1px solid #C5C5C5; float:right; text-align:center; }
6168 thomas 478
 
5385 daniel 479
/* Modul "Produktansichten" */
480
.wpsg_productview { position:relative; }
5558 daniel 481
.wpsg_productview_head { margin-bottom:25px; line-height:25px; margin-top:25px; position:relative; }
5385 daniel 482
.wpsg_productview_head h2.wpsg_productview_title { margin-top:0px; font-size:20px; font-weight:bold; color:#0E2F42; }
5558 daniel 483
.wpsg_productview_head .wpsg_mod_productview_modeswitch { position:absolute; right:15px; top:0px; font-size:20px; }
484
.wpsg_productview_head .wpsg_mod_productview_modeswitch > a { margin-left:5px; text-decoration:none; color:#9E9E9E; }
485
.wpsg_productview_head .wpsg_mod_productview_modeswitch > a.active,
486
.wpsg_productview_head .wpsg_mod_productview_modeswitch > a:hover { color:#29556E; text-decoration:none; }
5385 daniel 487
.wpsg_mod_productview-info { font-size:14px; color:#9B9B9B; }
5391 daniel 488
.wpsg_mod_productview-info strong { color:#29556E; font-weight:bold; }
489
.wpsg_mod_productview-order { font-size:14px; color:#9B9B9B; }
490
.wpsg_mod_productview-order .glyphicon { margin-left:10px; margin-right:5px; }
5558 daniel 491
.wpsg_mod_productview-order strong { color:#29556E; font-weight:bold; float:right; }
5436 daniel 492
.wpsg_mod_productview_image  { position:relative; }
5385 daniel 493
.wpsg_mod_productview_image img { max-width:100%; height:auto; border:1px solid #E4F3F8; }
494
.wpsg_productview_pager { width:100%; border-top:1px solid #E4F3F8; border-bottom:1px solid #E4F3F8; margin-bottom:25px; margin-top:10px; padding-top:25px; padding-bottom:25px; text-align:center; }
495
.wpsg_productview_pager .wpsg_productview_pager_wrap { display:inline-block; margin:auto; }
496
.wpsg_productview_pager .wpsg_productview_pager_wrap > span,
497
.wpsg_productview_pager .wpsg_productview_pager_wrap > a { display:inline-block; width:30px; height:30px; line-height:30px; color:#0F303F; border:1px solid #0F303F; margin-left:15px; margin-right:15px; }
5451 daniel 498
.wpsg_productview_product { padding-top:15px; padding-bottom:40px; position:relative; margin-bottom:25px; }
499
.wpsg_productview_product .wpsg_mod_productview_bottom { display:block; width:100%; text-align:center; }
500
.wpsg_productview_product .wpsg_mod_productview_bottom .wpsg_mod_productview_name h2 { font-size:14px; font-weight:bold; margin-bottom:5px; }
501
.wpsg_productview_product .wpsg_mod_productview_bottom .wpsg_mod_productview_description { color:#436980; line-height:20px; font-size:14px; margin-bottom:5px; }
502
.wpsg_productview_product .wpsg_mod_productview_bottom .wpsg_mod_productview_button { left:50%; margin-left:-90px; width:180px; position:absolute; bottom:0px; white-space:nowrap; padding:5px 25px 5px 25px; border:1px solid #A6DAE8; font-weight:bold; text-transform:uppercase; color:#29556E; }
503
.wpsg_productview_product .wpsg_mod_productview_bottom .wpsg_mod_productview_button:hover { text-decoration:none; background-color:#29556E; color:#FFFFFF; }
504
.wpsg_productview_product .wpsg_mod_productview_bottom .wpsg_mod_productview_button .fa { margin-left:10px; }
5454 daniel 505
.wpsg_productview_product .wpsg_mod_productview_go { display:none; position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:rgba(228, 243, 248, 0.75); text-align:center; }
5451 daniel 506
.wpsg_productview_product .wpsg_mod_productview_go .wpsg_mod_productview_price_wrap { color:#0F303F; width:100%; position:absolute; left:50%; margin-left:-50%; top:30%; font-size:20px; line-height:125%; font-weight:bold; }
6369 thomas 507
.wpsg_productview_product .wpsg_mod_productview_go .wpsg_mod_productview_price_wrap .wpsg_mod_productview_oldprice,
508
.product_wrap .productdetails .oldprice { text-decoration:line-through; }
5451 daniel 509
.wpsg_productview_product .wpsg_mod_productview_go .wpsg_mod_productview_price_wrap .wpsg_mod_productview_current { color:red; }
510
.wpsg_productview_product .wpsg_mod_productview_go .wpsg_mod_productview_tax_wrap { color:#565656; width:100%; position:absolute; left:50%; margin-left:-50%; top:60%; font-size:14px; line-height:125%; }
5385 daniel 511
.wpsg_productview_product:hover { text-decoration:none; }
512
.wpsg_productview_product:hover .wpsg_mod_productview_go { display:block; }
5558 daniel 513
.wpsg_productview_product_grid .wpsg_star_wrap { position:absolute; width:80%; left:50%; top:10%; margin-left:-40%; }
514
.wpsg_productview_product_grid .wpsg_mod_productview_name h2 { margin-top:0px; }
5451 daniel 515
.wpsg_mod_productview_loading { width:100%; height:100%; background-color:rgba(249, 252, 253, 0.75); position:absolute; left:0px; top:0px; }
5454 daniel 516
.wpsg_mod_productview_filter #wpsg_mod_productview_filter_price-range { position:relative; margin-right:16px; }
517
.wpsg_mod_productview_filter #wpsg_mod_productview_filter_price-range .ui-slider-handle { cursor:pointer; width:16px; height:16px; background-color:#787878; position:absolute; }
518
.wpsg_mod_productview_filter #wpsg_mod_productview_filter_price-range .ui-slider-bg { margin-left:16px; background-color:#E1E1E1; width:100%; height:2px; position:absolute; top:8px; }
5521 daniel 519
.wpsg_mod_productview-order { position:relative; cursor:pointer; }
520
.wpsg_mod_productview-order-layer { position:absolute; width:100%; display:none; margin-top:5px; left:0px; z-index:1; }
521
.wpsg_mod_productview-order-layer > .inner { margin-left:15px; margin-right:15px; border:1px solid #29556E; background-color:#FFFFFF; }
522
.wpsg_mod_productview-order-layer a:focus,
523
.wpsg_mod_productview-order-layer a { display:block; line-height:25px; color:#29556E; padding:5px 5px 5px 10px; text-decoration:none; }
524
.wpsg_mod_productview-order-layer a.selected,
525
.wpsg_mod_productview-order-layer a:hover { text-decoration:none; color:#FFFFFF; background-color:#29556E; }
5454 daniel 526
 
7435 thomas 527
/* Produktübersicht */
528
.wpsg_mod_productview_oldprice { font-size:0.9em; color:#ff0000; text-decoration:line-through; }
529
.wpsg_mod_productview_newprice { font-size:1em; font-weight:bold; }
530
 
6314 daniel 531
/* Dialog für Meldungen wenn nicht auf einer Shop Seite / Warenkorbmeldung BEGIN */
532
#wpsg_ajax_layer { position:fixed; z-index:1000; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.75); display:flex; justify-content:center; align-items:center; }
533
#wpsg_ajax_layer .wpsg_ajax_message_content { background-color:#FFFFFF; padding:1.5rem; text-align:center; }
534
#wpsg_ajax_layer .wpsg_ajax_message_content li { list-style:none; }
5019 thomas 535
 
6314 daniel 536
@media screen and (max-width: 320px) {
3452 daniel 537
 
6314 daniel 538
	#wpsg_ajax_layer .wpsg_ajax_message_content { width:300px; }
3449 daniel 539
 
3744 daniel 540
}
6314 daniel 541
/* Dialog für Meldungen wenn nicht auf einer Shop Seite / Warenkorbmeldung  ENDE */
3744 daniel 542
 
6462 hartmut 543
#TB_caption { height: 50px !important; }
544
#TB_secondLine { font-size: 14px !important; }
6461 hartmut 545
 
7476 daniel 546
.wpsg_produkt_wrapper2 .wpsg_gallery_wrap ul { width:490px; padding:0; margin:0; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; }
547
.wpsg_produkt_wrapper2 .wpsg_gallery_wrap ul li { list-style:none; padding:0; margin:0; width:100px; height:100px; margin-bottom:30px; }
548
.wpsg_produkt_wrapper2 .wpsg_gallery_wrap ul li > div { width:100%; height:100%; cursor:pointer; }
549
.wpsg_produkt_wrapper2 .wpsg_gallery_wrap ul li > div > img { width:100%; height:100%; object-fit:cover; object-position:center center; }
7477 thomas 550
.wpsg_produkt_wrapper2 .wpsg_produkt_produktbilder img { width:230px !important; height:230px; object-fit:cover; object-position:50% 50%; max-width:none; float:left; }
7476 daniel 551
.wpsg_produkt_wrapper2 .wpsg_produkt_produktbilder { width:260px; max-width:260px; }
552
.wpsg_produkt_wrapper2 .wpsg_productimages { margin-right:0px !important; }
7477 thomas 553
.wpsg_produkt_wrapper2 .bigimg img { margin:0 15px 15px 15px; width:100px; height:auto; float:left;  }
7706 daniel 554
 
7781 daniel 555
/* wpsg_mod_amazon_v2 */
556
#AmazonPayButton_wrap { text-align:right; margin-bottom:2rem; width:100%; justify-content:flex-end; display:flex; }
557
#AmazonPayButton_wrap #AmazonPayButton { width:210px; }
8349 j.hense 558
#AmazonLoginButton_wrap { text-align:right; margin-bottom:2rem; width:100%; justify-content:flex-end; display:flex; }
559
 
560
/* wpsg_mod_prepayment - QR-Code auf Bestellabschlussseite */
8353 karl 561
.wpsg_mod_prepayment_info_wrap { display:flex; justify-content:center; flex-direction:column; gap:20px; }
8349 j.hense 562
.wpsg_mod_prepayment_info { display: flex; gap: 20px; border: 1px solid #000000; padding: 20px; }
8353 karl 563
.wpsg_mod_prepayment_info h4{ margin: 0; }
8349 j.hense 564
.wpsg_mod_prepayment_info_left { display: flex; flex-direction: column; }
8353 karl 565
.wpsg_mod_prepayment_info_left_qrcodeimg { width:240px; height:240px; }
566
.wpsg_mod_prepayment_info_left_wrap { display:flex; gap:25%; }
567
.wpsg_mod_prepayment_info_left_currency { display:flex; flex-direction:column; }
568
.wpsg_mod_prepayment_info_left_amount { display:flex; flex-direction:column; }
569
 
570
.wpsg_mod_prepayment_girocode { display: flex; gap: 20px; border: 1px solid #000000; padding: 20px;}
571
.wpsg_mod_prepayment_girocode h4{ margin: 0; }
572
.wpsg_mod_prepayment_girocode_left { display: flex; flex-direction: column; }
573
.wpsg_mod_prepayment_girocode_left_qrcodeimg { width:240px; height:240px; }
574
.wpsg_mod_prepayment_girocode_left_wrap { display:flex; gap:25%; }
575
.wpsg_mod_prepayment_girocode_left_currency { display:flex; flex-direction:column; }
576
.wpsg_mod_prepayment_girocode_left_amount { display:flex; flex-direction:column; }
577
 
578
.wpsg_mod_prepayment_qrrechnung { display: flex; gap: 20px; border: 1px solid #000000; padding: 20px; }
579
.wpsg_mod_prepayment_qrrechnung h4{ margin: 0; }
580
.wpsg_mod_prepayment_qrrechnung_left { display: flex; flex-direction: column; }
581
.wpsg_mod_prepayment_qrrechnung_left_qrcodeimg { width:240px; height:240px; }
582
.wpsg_mod_prepayment_qrrechnung_left_wrap { display:flex; gap:25%; }
583
.wpsg_mod_prepayment_qrrechnung_left_currency { display:flex; flex-direction:column; }
584
.wpsg_mod_prepayment_qrrechnung_left_amount { display:flex; flex-direction:column; }