@charset "utf-8";

/* --- MANUAL: alles Standard-Werte, ausser Farben und Styles mit «Layout-default» ändern, restliche Masse siehe tmplt-Stylesheet. --- */


/* --- SCHMUCKFARBEN --- */
/* » common.css */

/* Grautöne und rot siehe zuunterst */



/* --- LAYOUT --- */

.mwmwma { /* Layout-default. Polster-div mlmr erforderlich */
	 min-width: 736px; /* max. für iPad Portrait 736px. 770px (Breakpoint zu Hamburger) bis max. 940px */
	 max-width: 1140px !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; }
.mwInherit { min-width: inherit !important; } /* reset von reset */
.mwNone { max-width: inherit !important; } /* reset von reset */

.mh160 { min-height:160px; }

.mxh100 { max-height:100px; }
.mxh130 { max-height:130px; }


.w { width:900px; } /* Layout-default */
.w1140 { width:1140px; }
.w900 { width:900px; }
.w800 { width:800px; }
.w670 { width:670px; }
.w450 { width:450px; }
.w230 { width:230px; }
.w220 { width:220px; }
.w206 { width:206px; }
.w14 { width:14px; }
.w3000 { width:3000px; } /* Bild-upscale*/

.w33_3prz { width:33.3%; }
.w33prz { width:33%; }
.w25prz { width:25%; }
.w35prz { width:35%; }
.w50prz { width:50%; }
.w52prz { width:52%; }
.w100prz { width:100%; }

.h110 {height: 110px;}

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

.mlmr { margin-left:4%; margin-right:4%; } /* Layout-default 4%. Wert identisch: mlmr und plpr.  */
.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; } /* Layout-default */

.mb { margin-bottom:20px; } /* Layout-default */
.mb0 { margin-bottom:0px; }
.mb0i { margin-bottom:0px!important; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb50 { margin-bottom:50px; }

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



.plpr { padding-left:4%; padding-right:4%; } /* Layout-default 4%, Mobile. Wert identisch: mlmr und plpr. */

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

.pt { padding-top:20px; } /* Layout-default */
.pt5 { padding-top:5px; }
.pt7 { padding-top:7px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }

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

.pl{ padding-left:20px; } /* Layout-default */
.p14 { padding:14px; } 
.pl20 { padding-left:20px; }
.pl30 { padding-left:30px; }
.pl40 { padding-left:40px; }
.pl50 { padding-left:50px; }

.pb { padding-bottom:20px; } /* Layout-default */
.pb5 { padding-bottom:5px; }
.pb7 { padding-bottom:7px; }
.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }


.fs17 { font-size:17px; }


/* --- FARBEN --- */
.txtWeiss { color:#fff; }
.txtSchwarz { color:#000; }
.txtRot { color:#ff0404; }
.txtDebug { color:#f0f !important; }

.bgWeiss { background-color:#fff; }
.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); }
.bgBlk10prz { background-color: rgba(0, 0, 0, 0.1); }
.bgBlk50prz { background-color: rgba(0, 0, 0, 0.5); }
.bgDebug { background-color:#f0f !important; }
.bgTransparent { background-color:rgba(255, 255, 255, 0); }

/* 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 --- */
.fw300 { font-weight: 300; }
.fw400 { font-weight: 400; }
.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; }