/* --- die Grundeinstellungen --- */
*{box-sizing:border-box}
*{margin:0;padding:0}
[class*="col-"] {width:100%;float:left}
.row:after {content:"";clear:both;display:block}
img {width:100%;height:auto}
/* --- die Grundformatierungen --- */
body {font-size:100%;font-family:Verdana,sans-serif;line-height:1.6;color:black;background:whitesmoke;-ms-text-size-adjust:100%}
.container {margin:0 auto;background:white}
a {text-decoration:none;color:#e3010f}
h1,h2,h3 {font-weight:normal;line-height:1.2;color:#e3010f}
h1 {font-size:1.6rem;margin:.2rem 0 .4rem 0}
h2 {margin:2rem;font-size:1.4rem}
h3 {color:white;display:none}
p {margin-bottom:.5rem}
b {font-size:.9rem}
ul {margin:0 0 .6rem 1rem}

/* ---------- ab 768px ---------- */
body {background:whitesmoke url("zubehoer/pose.png") no-repeat 98% -1%}
.container {width:56.25rem;margin-top:4rem;padding:0;border:solid .1rem silver;box-shadow:.2rem -.2rem .5rem darkgray}
.powermail_fieldset {display:block;width:44.813rem;margin:2rem auto;border:none}
.powermail_legend {display:none}
.powermail_fieldwrap {float:left;display:block;height:2rem}
.powermail_label {float:left;width:auto;display:inline-block;display:none;font-size:.8rem}
.powermail_select {float:right;display:inline-block;width:8rem;font-size:1rem}
.powermail_input {float:right;display:inline-block;font-size:1rem;width:8rem}
.checkbox {float:right;width:auto;display:inline-block;display:none;font-size:.8rem}

[class*="artikel"] {margin-top:0rem;width:12.4rem;padding-right:20rem;padding-right:0rem;clear:left}
[class*="artikel"] .powermail_label {display:inline-block}
[class*="freiertextoben"] {margin:0;width:20.4rem;padding-right:12rem}
[class*="preis"] {margin:0;width:10rem}
[class*="lieferant_"] {margin:0 0 3rem 0;width:12.4rem;padding-right:10rem;padding-right:0rem}
[class*="lieferant_"] .powermail_label {display:inline-block}
[class*="freiertextunten"] {margin:0;width:10.4rem;padding-right:2rem}
[class*="reduziertjanein"] {margin:0;width:10rem}
[class*="reduzierterpreis"] {margin:0;width:10rem}

.powermail_confirmation {display:block;width:130mm;margin:auto;padding:0;font-family:arial;border:dotted 1px darkgray}
.powermail_confirmation h1 {margin-bottom:20mm;font-size:10pt}
.powermail_create {display:block;width:130mm;margin:auto;padding:0;font-family:arial;border:none;background:none}

[class*="powermail_all_marker_artikel"] {display:block;width:auto;float:left;padding-right:2mm;font-size:21pt;font-weight:bold;line-height:21pt;text-align:left}
.powermail_all_marker_artikel01 {margin-top:100px}
[class*="powermail_all_marker_freiertextoben"] {display:block;width:auto;float:left;padding:0;font-size:21pt;font-weight:bold;line-height:21pt;text-align:left}
.powermail_all_marker_freiertextoben01 {margin-top:100px}
[class*="powermail_all_marker_preis"] {display:block;width:auto;float:right;padding:0;font-size:21pt;font-weight:normal;line-height:21pt;text-align:right}
.powermail_all_marker_preis01  {margin-top:100px}
[class*="powermail_all_marker_preis"]::after {content:"€"}
[class*="powermail_all_marker_lieferant_"] {display:block;clear:both;margin:0;width:auto;width:50%;float:left;padding:3mm 2mm 0 0;font-size:15pt;font-weight:normal;line-height:15pt}
[class*="powermail_all_marker_freiertextunten"] {display:block;clear: both;width:auto;wwwwidth:100%;float:left;padding:3mm 0 0 0;font-size:15pt;font-weight:normal;line-height:15pt}
[class*="powermail_all_marker_reduziertjanein"] {display:block;display:none;width:auto;float:left;padding:0;font-size:15pt;font-weight:bold;line-height:15pt;text-decoration:underline;text-align:right}
[class*="powermail_all_marker_reduzierterpreis"] {display:block;width:auto;float:right;padding:0;font-size:24pt;font-weight:bold;line-height:24pt;text-align:right}
[class*="powermail_all_marker_reduzierterpreis"]::before {content:"reduziert";padding-right:6mm;font-size:15pt;font-weight:bold;line-height:15pt;text-decoration:underline}
[class*="powermail_all_marker_reduzierterpreis"]::after {content:"€"}
[class*="powermail_all_marker_versteckt"] {display:block;float:left;width:100%;color:#ffffff;font-size:0pt}
.powermail_all_marker_versteckt01 {height:1mm}
.powermail_all_marker_versteckt0102 {height:8mm}
.powermail_all_marker_versteckt02 {height:1mm}
.powermail_all_marker_versteckt0202 {height:8mm}
.powermail_all_marker_versteckt03 {height:1mm}
.powermail_all_marker_versteckt0302 {height:8mm}
.powermail_all_marker_versteckt04 {height:1mm}
.powermail_all_marker_versteckt0402 {height:8mm}
.powermail_all_marker_versteckt05 {height:1mm}
.powermail_all_marker_versteckt0502 {height:8mm}
.powermail_all_marker_versteckt06 {height:1mm}
.powermail_all_marker_versteckt0602 {height:8mm}
.powermail_all_marker_versteckt07 {height:1mm}
.powermail_all_marker_versteckt0702 {height:8mm}

input[type=button], input[type=submit], input[type=reset] {background-color:#4CAF50;border:none;color:white;padding:16px;text-decoration:none;margin:4px 0;cursor:pointer;clear:both;width:100%}

/* print view print view print view print view print view print view print view print view print view print view print view print view print view print view print view print view print view print view print view print view print view */
@media print {
* {font-family: Arial,sans-serif;background-color: transparent;}
body {margin:0 !important;padding:0 !important;}
body {background:none}
.container {width:100%;margin:0;padding:0;border:none;box-shadow:none}
/* hidden elements for print view */
#header,#rootline,#menu,#footer,#printlink,#servicemenu,.nav,#search,#logo {display: none;}
/* set all margins and paddings from design to 0px */
#content {padding: 0; margin: 0;}
.powermail_all_label  {display: none;}
/* deactivate float for viewable elements */
#contentWrap,#contentMain,#contentRight,#contentBorder {float:none;}
/* set width for each column to 100% */
#contentMain,#contentRight,#contentBorder {width: 100%;}
/* set lines between the output of each column, improves readability*/
#contentMain,#contentRight,#contentBorder {border-bottom: 3pt solid #ccc; padding-bottom: 0pt; margin-bottom: 0pt;}
/* set absolute positioned elements back to static */
#language {position: static; clear: both;}
/* set font color to black */
a,h1 a,h2 a,h3 a,h4 a,h5 a,h1,h2,h3,h4,h5 {font-weight: bold; color:#000;}
/* deactivate image position middle and right above or below text */
div.csc-textpic-center div.csc-textpic-imagewrap {margin: 0;}
div.csc-textpic-right div.csc-textpic-imagewrap {width: 100%;}
div.csc-textpic-center {text-align: left;}
/* line break for pre */
pre {white-space: pre-wrap;}
h2 {display:none}
/* tables */
table {display:none}
thead {display:none}
.knopf {display:none}
}
input[type=button], input[type=submit], input[type=reset] {background-color:#4CAF50;border:none;color:white;padding:16px;text-decoration:none;margin:4px 0;cursor:pointer;clear:both;width:100%}