@charset "utf-8";


/* --- SCHMUCKFARBEN --- */
.txtRot { color: #ff0404; }
.txtDunkelgrau { color: #303030; }

/* Grautöne und rot siehe zuunterst */



/* --- LAYOUT --- */
.mwmwma { /* Layout-default. Polster-div mlmr erforderlich */
	 min-width: 940px; /* 770px (Breakpoint zu Hamburger) bis max. 940px */
	 max-width: 1200px !important; /* 1200px (1000 1/5) oder 1250 (1000 + 1/4) oder 1500 (1000 + 1/2) */
	 margin: auto;
}

.mw1200 { max-width:1200px; } /* default */
.mwSchmaler { max-width:970px; } /* Layout-default. z.B. Chart nur 1000px breit */
.mw100prz { max-width:100%; } /* siehe auch .imgResponsive in main.css */
.mwInherit { min-width: inherit !important; }

.mh160 { min-height:160px; }


.w { width:900px; } /* default */
.w1 { width:180px; } /* default */
.w2 { width:460px; } /* default */
.w900 { width:900px; }
.w800 { width:800px; }
.w670 { width:670px; }
.w450 { width:450px; }
.w230 { width:230px; }
.w220 { width:220px; }
.w206 { width:206px; }
.w14 { width:14px; }
.w47prz { width: 47%; }
.w100prz { width:100%; }
.w3000 { width:3000px; } /* Bild-upscale */


.m { margin:20px; } /* default */

.mlmr { margin-left:4%; margin-right:4%; } /* Layout-drfault. Polster, muss ausserhalb mwmwma liegen. Layout-default 4% oder 40px */
.mlmr20 { margin-left:20px; margin-right:20px; }

.mt { margin-top:53px; } /* default */
.mt5 { margin-top:5px; }
.mt7 { margin-top:7px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt50 { margin-top:50px; }

.mr { margin-right:20px; } /* default */
.mr20 { margin-right:20px; } /* default */
.mr1_5prz { margin-right:1.5%; } /* prop Mobile Checkout */

.mb { margin-bottom:20px; } /* default */
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb50 { margin-bottom:50px; }
.mb10vh { margin-bottom:10vh; }

.ml { margin-left: 20px; } /* default */
.ml1_5prz { margin-left:1.5%; } /* prop Mobile Checkout */


.p { padding:20px; } /* default */
.pBox { padding:10px 20px; } /* default */
.p10 { padding:10px; }
.p15 { padding:15px; }

.pt { padding-top:20px; } /* default */

.pr { padding-right:20px; } /* default */
.pr0 { padding-right:0px; }
.pr10 { padding-right:10px; }
.pr4prz { padding-right:4%; }

.pl{ padding-left:22px; } /* default */
.p14 { padding:14px; } 
.pl20 { padding-left:20px; }


.fs17 { font-size:17px; }


/* --- FARBEN --- */
.txt { color:#303030; } /* default */
.txtWeiss { color:#fff; }
.txtOrange { color:#ee7f00; }
.txtBlau { color:#009cff; }
.txtSchwarz { color:#000; }
.txtDunkelgrau { color:#303030; }
.txtGrau { color:#b1b3b4; }
.txtRot { color:#ff0404; }
.txtDebug { color:#f0f !important; }

.bg { background-color:#0f0; } /* default */
.bgWeiss { background-color:#fff; }
.bgDunkelgrau { background-color:#303030; }
.bgOrange { background-color:#ee7f00; }
.bgWeiss50prz { background-color: rgba(255, 255, 255, 0.5); }
.bgWeiss70prz { background-color: rgba(255, 255, 255, 0.7); }
.bgWeiss85prz { background-color: rgba(255, 255, 255, 0.85); }
.bgWeiss90prz { background-color: rgba(255, 255, 255, 0.9); }

.bgBlk85prz { background-color: rgba(0, 0, 0, 0.85); }
.bgDebug { background-color:#f0f !important; }

/* Alerts */
.txtRotForm { color:red !important; }
.rahmenRotForm { border: 1px solid red !important; }

/* Debug */
.pm0 { padding:0 !important; margin:0 !important; } /* zum Debugen mit background-color:#f0f !important; border: 1px solid pink !important; */
.ma { margin:auto !important; }
.tac { text-align:center !important; }



/* --- SCHRIFTGRÖSSEN --- */
.px0 { font-size: 0 !important; }
.px14 { font-size:14px; }
.px16 { font-size:16px; }
.px18 { font-size:18px; }
.px22 { font-size:22px; }
.px24 { font-size:24px; }