/*
 cmmp public templates
 editor css

 Your own css definitions (also available in admin/tinymce)
*/

/* Service Klassen für Tiny-MCE */
.rot		{ color:#E2001A !important; }
.rot-weiss	{ background-color:#E2001A !important; color:#FFFFFF !important; }
.rot-weiss-block	{ background-color:#E2001A !important; color:#FFFFFF !important; padding:15px !important; display:block !important; }


.mehr {
	display:inline-block;
	color:#FFFFFF !important;
	font-weight:bold;
	text-align:center;
	background-color:#E2001A !important;
	border-radius:0 100em 0 100em;
	padding:0px 25px 0px 25px;
	min-height:26px;
}
a.mehr,
a.mehr:link,
a.mehr:visited,
a.mehr:active		{ color:#FFFFFF !important; }
a.mehr:focus,
a.mehr:hover		{ color:#FFFFFF !important; }

h1, .h1 { font-size: 1.75rem !important; }
h2, .h2 { font-size: 1.5rem !important; }
h3, .h3 { font-size: 1.3rem !important; }
h4, .h4 { font-size: 1.2rem !important; }
h5, .h5 { font-size: 1.1rem !important; }
h6, .h6 { font-size: 1rem !important; }

.kleine-schrift 		{ font-size:14px; line-height:20px !important; }
.sehr-kleine-schrift 	{ font-size:12px; line-height:18px !important; }

img.bild-breite-25		{ width:25% !important; height:auto !important; }
img.bild-breite-33		{ width:33.333333% !important; height:auto !important; }
img.bild-breite-50		{ width:50% !important; height:auto !important; }
img.bild-breite-66		{ width:66.666666% !important; height:auto !important; }
img.bild-breite-75		{ width:75% !important; height:auto !important; }
img.bild-breite-100		{ width:100% !important; height:auto !important; }
img.bild-breite-orig	{ width:auto !important; height:auto !important; }

/* Service Klassen für Tiny-MCE die mit JS genutzt werden */
/*
.img_group1	{ }
.img_group2	{ }
.img_group3	{ }
.img_group4	{ }
.img_group5	{ }
*/

/* .omo_pic 	{ } */

/* Tabellen jede 2. Spalte oder Zeile einfärben  */
/*
.dye-col-even,
.dye-col-odd,
.dye-row-even,
.dye-row-odd	{ }
*/

/* =================================================================== */
/* Responsive Desin Breakpoints										   */
/* =================================================================== */

/* !!! Nur Apple 320 Pixel !!! */
@media (max-width: 320px) {
}

/* Ab Small -sm- Darstellen */
@media (max-width: 575px) {
	img[class^="bild-breite-"]	{ width:100% !important; }
}
@media (min-width: 576px) {
}
/* Ab Medium -md- Darstellen */
@media (min-width: 768px) {
}
/* Ab Large -lg- Darstellen */
@media (min-width: 992px) {
	h1, .h1 { font-size: 2.25rem !important; }
	h2, .h2 { font-size: 2rem !important; }
	h3, .h3 { font-size: 1.75rem !important; }
	h4, .h4 { font-size: 1.5rem !important; }
	h5, .h5 { font-size: 1.25rem !important; }
	h6, .h6 { font-size: 1rem !important; }
}
/* Ab Extra Large -xl- Darstellen */
@media (min-width: 1200px) {
	h1, .h1 { font-size: 2.25rem !important; }
	h2, .h2 { font-size: 2rem !important; }
	h3, .h3 { font-size: 1.75rem !important; }
	h4, .h4 { font-size: 1.5rem !important; }
	h5, .h5 { font-size: 1.25rem !important; }
	h6, .h6 { font-size: 1rem !important; }
}