@charset "utf-8";

/* --- SCHMUCKFARBEN --- 
.bgBlau { background-color:#153b63; }
.bgBlaugrau { background-color:#1e456b; }
.bgHellblau { background-color:#0061a5; }
.bgBlauSaeule { background-color:#0d558e; } IST VERLAUF!
.bgBlauLinks { background-color:#70b5ff; }
*/



/* --- LAYOUT --- */
/* alle «mwmw» hier ni, siehe tmplt_3palten.css */
.mwmw { /* Layout-default. Polster-div �mlmr� erforderlich oder mwmwmaPolster */
	 min-width: 550px;
	 max-width: 950px !important; /* 1200px (1000 1/5) oder 1250 (1000 + 1/4) oder 1500 (1000 + 1/2) */
}

.mwmwma { /* Layout-default. Polster-div �mlmr� erforderlich oder mwmwmaPolster */
	 min-width: 800px;
	 max-width: 1200px !important; /* 1200px (1000 1/5) oder 1250 (1000 + 1/4) oder 1500 (1000 + 1/2) */
	 margin: auto;
}
.mwmwmaPolster { /* Layout-default, inkl. seitlichem Polster */
	 min-width: 800px;
	 max-width: 1280px !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; }

.mw53prz { min-width: 53% !important; }
.mw345px { min-width:345px !important; }

.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; }
.w47prz { width: 47%; }
.w100prz { width:100%; }

.w3000 { width:3000px; } /* Bild-upscale*/


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

.mlmr { margin-left:4%; margin-right:4%; } /* Layout-default 4% oder 40px */
.mlmr20 { margin-left:20px; margin-right:20px; }

.mt { margin-top:35px; } /* Layout-default */
.mt0 { margin-top:0px; }
.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; } 
.mr5prz { margin-right:5%; } 

.mb { margin-bottom:20px; } /* Layout-default */
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }

.ml { margin-left: 20px; } /* Layout-default */
.ml276 { margin-left: 276px; }


.p { padding:20px; } /* Layout-default */

.pt { padding-top:20px; } /* Layout-default */
.pt0 { padding-top:0px; } 
.pt30 { padding-top:30px; } 

.pr { padding-right:20px; } /* Layout-default */
.pr0 { padding-right:0px; }
.pr10 { padding-right:10px; }
.pr40 { padding-right:40px; }

.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:#ffffff !important; }
.txtOrange { color:#ee7f00; }
.txtBlau { color:#153b63; }
.txtBlaugrau { color:#1e456b; }
.txtHellblau { color:#0061a5; }
.txtBlauSaeule { color:#0d558e; }
.txtBlauLinks { color:#70b5ff; }
.txtSchwarz { color:#222; }
.txtRot { color:#df0024; }
.txtDebug { color:#f0f !important; }

.bg { background-color:#0f0; } /* Layout-default */
.bgWeiss { background-color:#fff; }
.bgBlau { background-color:rgba(21, 59, 99, 0.95); } /* oder #153b63*/
.bgBlaugrau { background-color:#1e456b; }
.bgHellblau { background-color:rgba(0, 97, 165, 0.9); } /*#0061a5*/
.bgBlauSaeule { background-color:#0d558e; }
.bgBlauLinks { background-color:#70b5ff; }
.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; }

/* 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; }