/* --- LAYOUT --- */
.pt5 { padding-top:5px; }
.pt8 { padding-top:8px; }
.pt73 { padding-top:73px; }
.pt103 { padding-top:103px; }
.pt108 { padding-top:108px; }

.pb80 { padding-bottom: 80px; }

.ml5 { margin-left:5px; }
.ml160 { margin-left:160px; }

.mb10 { margin-bottom:10px; }
.mb30 { margin-bottom:30px; }

.mt11 { margin-top:11px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt103 { margin-top:103px; }
.mt108 { margin-top:108px; }

.w720px { width:720px; }
.w337 { width:337px; } /* 2-spaltig, symmetrisch */
.w212 { width:212px; } /* 2-spaltig, linke Spalte (Bild) */
.w445 { width:445px; } /* 2-spaltig, rechte Spalte (Text) */

.px20 { font-size: 20px; line-height: 28px; }
.px18 { font-size: 18px; line-height: 35px; } /* z.B. Titel über Lauftext bei current */
.px18Liste { font-size: 18px; line-height: 25px; } /* z.B. Listen, z.B. bei Past */
.px14 { font-size: 14px; line-height: 23px; } /* z.B. Lauftext bei current */
.px13 { font-size: 13px; line-height: 20px; } /* Text «klein» über beide Spalten bei Contact für Template «Bg_Text» */

.b68 { bottom:68px !important; }
.b102 { bottom:102px !important; }
.b118 { bottom:118px !important; }

.w550px { width:550px; }



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

.bgWeiss { background-color:#fff; }
.bgWeissTransp50prc { background-color: rgba(255, 255, 255, 0.5); }
.bgDebug { background-color:#f0f !important; }


/* --- KLASSEN UND DEBUG --- */
.positionRelative { position:relative; }
.pm0 { padding:0 !important; margin:0 !important; } /* debugn mit background-color:#f0f !important; */
.ma { margin:auto !important; }
.tac { text-align:center !important; }