Subversion Repositories wpShopGermany4

Rev

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