Subversion Repositories wpShopGermany4

Rev

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