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

:root {
  --dunkelblau50: #1d3867;
  --orange50: #f5841e;
  --hellgruen50: #018d46;
  --hellblau50: #07bede;
  --gelb50: #ffdd00;
}

span.dunkelblau50 	{ color:var(--dunkelblau50); }
span.orange50	 	{ color:var(--orange50); }
span.hellgruen50	{ color:var(--hellgruen50); }
span.hellblau50		{ color:var(--hellblau50); }
span.gelb50			{ color:var(--gelb50); }

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

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

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

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

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





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



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



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