.coloring-individuell_01 { font-size: 17px; line-height: 24px; color:var(--black); background-image: url(../design/struktur-50-fw-14.jpg); }
.coloring-individuell_01 span { color:var(--black); }

:root {
  --festival: #71be45;
}

span.festival	 	{ color:var(--festival); }

.coloring-individuell_01 span.textmarker 	{ font-family: 'DINPro-Bold',arial,tahoma; color:var(--white); background-color:var(--festival); box-shadow: 3px 0 0 var(--festival), -3px 0 0 var(--festival); padding: 0px 0px 1px 0px; text-transform: uppercase; }
.coloring-individuell_01 .marker-white span { color:var(--white); background-color:var(--festival); text-transform: none !important; line-height: 1.5 !important; }
.coloring-individuell_01 .box-dots { color:var(--white); width: 100%; background-color:var(--festival); position: relative; padding: 30px; border: 6px dotted var(--white); }
.coloring-individuell_01 .box-dots-gelb { width: 100%; background-color: transparent; position: relative; padding: 30px; border: 6px dotted var(--yellow); }





/* Kleine Geräte (Tablets, 768px und breiter (col-sm-)) */
@media (min-width: 768px) { 
.coloring-individuell_01 { font-size: 19px; line-height: 27px; }
}



/* Mittlere Geräte (Desktop-PCs, 992px und breiter (col-md-)) */
@media (min-width: 992px) {
.coloring-individuell_01 { font-size: 22px; line-height: 31px; }
}



/* Große Geräte (Desktop-PCs, 1200px und breiter (col-lg-)) */
@media (min-width: 1200px) { 
.coloring-individuell_01 { font-size: 24px; line-height: 34px; }
}