@charset "utf-8";

/* --- SCHMUCKFARBEN --- 
Grau 5d5751w
Orange ec6811
Blau 009cff
*/



/* --- LAYOUT --- */
.mwmwma { /* Layout-default. Polster-div mlmr erforderlich */
	 min-width: 800px;
	 max-width: 1200px !important; /* 1200px (1000 1/5) oder 1250 (1000 + 1/4) oder 1500 (1000 + 1/2) */
	 margin: auto;
}

.mwSchmaler { max-width:1000px; } /* z.B. Chart nur 1000px breit */
.mw100prz { max-width:100%; } /* siehe auch .imgResponsive in main.css */
.mw1000 { max-width:1000px; }

.mh160 { min-height:160px; }


.w { width:900px; } /* Layout-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; }
.w100prz { width:100%; }
.w3000 { width:3000px; } /* Bild-upscale*/


.m { margin:20px; } /* Layout-default */

.mlmr { margin-left:4%; margin-right:4%; } /* Polster, muss ausserhalb mwmwma liegen. Layout-default 4% oder 40px */
.mlmr20 { margin-left:20px; margin-right:20px; }

.mt { margin-top:35px; } /* Layout-default */
.mt5 { margin-top:5px; }
.mt7 { margin-top:7px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }

.mr { margin-right:20px; } /* Layout-default */
.mr20 { margin-right:20px; } /* Layout-default */

.mb { margin-bottom:20px; } /* Layout-default */
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }

.ml { margin-left: 20px; } /* Layout-default */



.p { padding:20px; } /* Layout-default */

.pt { padding-top:20px; } /* Layout-default */

.pr { padding-right:20px; } /* Layout-default */
.pr0 { padding-right:0px; }
.pr10 { padding-right:10px; }

.pl{ padding-left:22px; } /* Layout-default */
.p14 { padding:14px; } 
.pl20 { padding-left:20px; }


.fs17 { font-size:17px; }


/* --- FARBEN --- */
.txt { color:#0f0; } /* Layout-default */
.txtWeiss { color:#fff; }
.txtOrange { color:#ee7f00; }
.txtBlau { color:#009cff; }
.txtSchwarz { color:#000; }
.txtRot { color:#ff0404; }
.txtDebug { color:#f0f !important; }

.bg { background-color:#0f0; } /* Layout-default */
.bgWeiss { background-color:#fff; }
.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); }
.bgDebug { background-color:#f0f !important; }

/* Alerts */
.txtRotForm { color:red !important; }
.rahmenRotForm { border: 1px solid red !important; }
.rahmenRotForm + .label-for-check { color:red!important; }

/* Debug */
.pm0 { padding:0 !important; margin:0 !important; border: 1px solid pink !important; } /* debugen mit background-color:#f0f !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; }
