.coloring-struk-dunkel .marker-white span { color:var(--fw09); background-color:var(--fw04); text-transform: none !important; line-height: 1.5 !important; }

.coloring-individuell_01 { background-image: url(../design/struktur-50-fw-13.jpg); }
.coloring-individuell_01 span { color:var(--fw04); }
.coloring-individuell_01 .marker-white span { color:var(--fw09); background-color:var(--fw04); text-transform: none !important; line-height: 1.5 !important; }

.coloring-individuell_02 { background-image: url(../design/struktur-25.jpg); }
.coloring-individuell_02 span { color:var(--secondary); }
.coloring-individuell_02 .box-dots { color:var(--secondary); width: 100%; background-color: transparent; position: relative; padding: 30px; border: 6px dotted var(--secondary); }
.coloring-individuell_02 span.textmarker 	{ font-family: 'DINPro-Bold',arial,tahoma; color:var(--white); background-color:var(--secondary); box-shadow: 3px 0 0 var(--secondary), -3px 0 0 var(--secondary); padding: 0px 0px 1px 0px; text-transform: uppercase; }
.coloring-individuell_02 .marker-white span { color:var(--white); background-color:var(--secondary); text-transform: none !important; line-height: 1.5 !important; }

.coloring-individuell_03 { background-image: url(../design/struktur-50.jpg); }
.coloring-individuell_03 span { color:var(--secondary); }
.coloring-individuell_03 .box-dots { color:var(--secondary); width: 100%; background-color: transparent; position: relative; padding: 30px; border: 6px dotted var(--secondary); }
.coloring-individuell_03 span.textmarker 	{ font-family: 'DINPro-Bold',arial,tahoma; color:var(--white); background-color:var(--secondary); box-shadow: 3px 0 0 var(--secondary), -3px 0 0 var(--secondary); padding: 0px 0px 1px 0px; text-transform: uppercase; }
.coloring-individuell_03 .marker-white span { color:var(--white); background-color:var(--secondary); text-transform: none !important; line-height: 1.5 !important; }






span.fwh1 		{ font-size: 90px; line-height: 90px; text-transform: uppercase; letter-spacing: 0.025em; }
span.fwh2 		{ font-size: 32px; line-height: 32px; margin-top: -8px; }
span.fwtopic 	{ font-family: 'DINPro-Bold',arial,tahoma; font-size: 17px; line-height: 24px; }
.halter span.fwzahl 	{ font-size: 100px; line-height: 0.5; }

.coloring-individuell_01, 
.coloring-individuell_02, 
.coloring-individuell_03 { font-size: 17px; line-height: 24px; }




/* Kleine Geräte (Tablets, 768px und breiter (col-sm-)) */
@media (min-width: 768px) { 
span.fwh1 		{ font-size: 130px; line-height: 130px; }
span.fwh2 		{ font-size: 40px; line-height: 40px; margin-top: -15px; }
span.fwtopic 	{ font-size: 20px; line-height: 28px; }
.halter span.fwzahl 	{ font-size: 180px; line-height: 0.5; }

.coloring-individuell_01, 
.coloring-individuell_02, 
.coloring-individuell_03 { font-size: 19px; line-height: 27px; }
}



/* Mittlere Geräte (Desktop-PCs, 992px und breiter (col-md-)) */
@media (min-width: 992px) {
span.fwh1 		{ font-size: 160px; line-height: 160px; }
span.fwh2 		{ font-size: 46px; line-height: 46px; margin-top: -20px; }
span.fwtopic 	{ font-size: 22px; line-height: 31px; }
.halter span.fwzahl 	{ font-size: 240px; line-height: 0.5; }

.coloring-individuell_01, 
.coloring-individuell_02, 
.coloring-individuell_03 { font-size: 22px; line-height: 31px; }
}



/* Große Geräte (Desktop-PCs, 1200px und breiter (col-lg-)) */
@media (min-width: 1200px) { 
span.fwh1 		{ font-size: 180px; line-height: 180px; }
span.fwh2 		{ font-size: 50px; line-height: 50px; margin-top: -23px; }
span.fwtopic 	{ font-size: 34px; line-height: 42px; }
.halter span.fwzahl 	{ font-size: 300px; line-height: 0.5; }

.coloring-individuell_01, 
.coloring-individuell_02, 
.coloring-individuell_03 { font-size: 24px; line-height: 34px; }
}