/*
 cmmp public templates
 editor css

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

/* Service Klassen für Tiny-MCE */
h1, .h1 { font-size: 1.75rem; margin-bottom:0.7rem; }
h2, .h2 { font-size: 1.5rem; margin-bottom:0.7rem; }
h3, .h3 { font-size: 1.3rem; margin-bottom:0.7rem; }
h4, .h4 { font-size: 1.2rem; margin-bottom:0.7rem; }
h5, .h5 { font-size: 1.1rem; margin-bottom:0.7rem; }
h6, .h6 { font-size: 1rem; margin-bottom:0.7rem; }

.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; }

img.bild-links {
	float:left;
	padding:0px 15px 15px 0px;
	width:10vw;
	height:auto;
}




/* 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; }
	img.bild-breite-orig		{ width:auto !important; height:auto !important; }
}
@media (min-width: 576px) {
}
/* Ab Medium -md- Darstellen */
@media (min-width: 768px) {
}
/* Ab Large -lg- Darstellen */
@media (min-width: 992px) {
	img.bild-links { }

	h1, .h1 { font-size: 2.25rem; }
	h2, .h2 { font-size: 2rem; }
	h3, .h3 { font-size: 1.75rem; }
	h4, .h4 { font-size: 1.5rem; }
	h5, .h5 { font-size: 1.25rem; }
	h6, .h6 { font-size: 1rem; }
}
/* Ab Extra Large -xl- Darstellen */
@media (min-width: 1200px) {
	h1, .h1 { font-size: 2.5rem; }
	h2, .h2 { font-size: 2rem; }
	h3, .h3 { font-size: 1.75rem; }
	h4, .h4 { font-size: 1.5rem; }
	h5, .h5 { font-size: 1.25rem; }
	h6, .h6 { font-size: 1rem; }
}