.coloring-individuell { background-image: url(../design/struktur-50-vision.jpg); }

.box-shadow, .box-shadow-scroll { background-color:var(--editorial); }

.box-fairwerte { padding: 30px 15px 0px 15px; width: 100%; background-repeat: repeat; position: relative; text-align: center; box-shadow: 0px 3px 33px 0px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0px 3px 33px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 3px 33px 0px rgba(0, 0, 0, 0.16); }
.box-fairwerte-carousel { padding: 30px 15px 0px 15px; width: 100%; background-repeat: repeat; position: relative; text-align: center; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.16); }
.box-fairwerte .pic-overlay, 
.box-fairwerte-carousel .pic-overlay { margin-left: -25px; margin-right: -25px; margin-bottom: -12px; bottom: 0; width: auto !important; }

.coloring-fw01	{ background-image: url(../design/struktur-50-fw-01.jpg); background-repeat: repeat; }
.coloring-fw01 span, .fw01 span { color: var(--fw01); }
.coloring-fw02	{ background-image: url(../design/struktur-50-fw-02.jpg); background-repeat: repeat; }
.coloring-fw02 span, .fw02 span { color: var(--fw02); }
.coloring-fw03	{ background-image: url(../design/struktur-50-fw-03.jpg); background-repeat: repeat; }
.coloring-fw03 span, .fw03 span { color: var(--fw03); }
.coloring-fw04	{ background-image: url(../design/struktur-50-fw-04.jpg); background-repeat: repeat; }
.coloring-fw04 span, .fw04 span { color: var(--fw04); }
.coloring-fw05	{ background-image: url(../design/struktur-50-fw-05.jpg); background-repeat: repeat; }
.coloring-fw05 span, .fw05 span { color: var(--fw05); }
.coloring-fw06	{ background-image: url(../design/struktur-50-fw-06.jpg); background-repeat: repeat; }
.coloring-fw06 span, .fw06 span { color: var(--fw06); }
.coloring-fw07	{ background-image: url(../design/struktur-50-fw-07.jpg); background-repeat: repeat; }
.coloring-fw07 span, .fw07 span { color: var(--fw07); }
.coloring-fw08	{ background-image: url(../design/struktur-50-fw-08.jpg); background-repeat: repeat; }
.coloring-fw08 span, .fw08 span { color: var(--fw08); }
.coloring-fw09	{ background-image: url(../design/struktur-50-fw-09.jpg); background-repeat: repeat; }
.coloring-fw09 span, .fw09 span { color: var(--fw09); }
.coloring-fw10	{ background-image: url(../design/struktur-50-fw-10.jpg); background-repeat: repeat; }
.coloring-fw10 span, .fw10 span { color: var(--fw10); }
.coloring-fw11	{ background-image: url(../design/struktur-50-fw-11.jpg); background-repeat: repeat; }
.coloring-fw11 span, .fw11 span { color: var(--fw11); }
.coloring-fw12	{ background-image: url(../design/struktur-50-fw-12.jpg); background-repeat: repeat; }
.coloring-fw12 span, .fw12 span { color: var(--fw12); }
.coloring-fw13	{ background-image: url(../design/struktur-50-fw-13.jpg); background-repeat: repeat; }
.coloring-fw13 span, .fw13 span { color: var(--fw13); }
.coloring-fw14	{ background-image: url(../design/struktur-50-fw-14.jpg); background-repeat: repeat; }
.coloring-fw14 span, .fw14 span { color: var(--fw14); }
.coloring-fw15	{ background-image: url(../design/struktur-50-fw-15.jpg); background-repeat: repeat; }
.coloring-fw15 span, .fw15 span { color: var(--fw15); }

.marker-white span { color:var(--vision); background-color:var(--white); text-transform: none !important; line-height: 1.5 !important; }
.marker-green span { color:var(--white); background-color:var(--editorial); text-transform: none !important; line-height: 1.5 !important; }

span.fwh1 		{ font-size: 60px; line-height: 60px; text-transform: uppercase; letter-spacing: 0.025em; }
span.fwh2 		{ font-size: 30px; line-height: 30px; text-transform: none; margin-top: -15px; display: inline-block; }
span.fwh3 		{ font-size: 48px; line-height: 42px; text-transform: uppercase; letter-spacing: 0.025em; display: inline-block; }
span.fwh4 		{ font-size: 42px; line-height: 42px; text-transform: uppercase; letter-spacing: 0.025em; }
span.fwh5 		{ font-size: 40px; line-height: 36px; text-transform: uppercase; letter-spacing: 0.012em; display: inline-block; }
span.fwtopic 	{ font-size: 17px; line-height: 24px; }
span.fwtopic2 	{ font-size: 19px; line-height: 21px; text-transform: uppercase; }

span.fwzahl 	{ font-size: 60px; line-height: 60px; text-transform: uppercase; letter-spacing: 0.025em; }
span.fwclaim 	{ font-size: 18px; line-height: 18px; text-transform: uppercase; letter-spacing: 0.012em; }
.fwclaimheight 	{ height: 70px; display: flex; align-items: center; justify-content: center; overflow: hidden; }

.coloring-individuell { font-size: 17px; line-height: 24px; }
img.dotline { width: 240px; height: auto; }



/* Kleine Geräte (Tablets, 768px und breiter (col-sm-)) */
@media (min-width: 768px) { 
span.fwh1 		{ font-size: 85px; line-height: 85px; }
span.fwh2 		{ font-size: 38px; line-height: 38px; margin-top: -20px; }
span.fwh3 		{ font-size: 56px; line-height: 52px; }
span.fwh4 		{ font-size: 46px; line-height: 46px; }
span.fwh5 		{ font-size: 40px; line-height: 36px; }
span.fwtopic 	{ font-size: 20px; line-height: 28px; }
span.fwtopic2 	{ font-size: 20px; line-height: 22px; }

span.fwzahl 	{ font-size: 68px; line-height: 68px; }
span.fwclaim 	{ font-size: 20px; line-height: 20px; }
.fwclaimheight 	{ height: 60px; }

.coloring-individuell { font-size: 19px; line-height: 27px; }
img.dotline { width: 210px; height: auto; }
}



/* Mittlere Geräte (Desktop-PCs, 992px und breiter (col-md-)) */
@media (min-width: 992px) {
span.fwh1 		{ font-size: 100px; line-height: 100px; }
span.fwh2 		{ font-size: 46px; line-height: 46px; margin-top: -25px; }
span.fwh3 		{ font-size: 76px; line-height: 70px; }
span.fwh4 		{ font-size: 50px; line-height: 50px; }
span.fwh5 		{ font-size: 46px; line-height: 42px; }
span.fwtopic 	{ font-size: 22px; line-height: 31px; }
span.fwtopic2 	{ font-size: 26px; line-height: 30px; }

span.fwzahl 	{ font-size: 70px; line-height: 70px; }
span.fwclaim 	{ font-size: 22px; line-height: 26px; }
.fwclaimheight 	{ height: 80px; }

.coloring-individuell { font-size: 22px; line-height: 31px; }
img.dotline { width: 240px; height: auto; }
}



/* Große Geräte (Desktop-PCs, 1200px und breiter (col-lg-)) */
@media (min-width: 1200px) { 
span.fwh1 		{ font-size: 110px; line-height: 110px; }
span.fwh2 		{ font-size: 50px; line-height: 50px; margin-top: -30px; }
span.fwh3 		{ font-size: 96px; line-height: 84px; }
span.fwh4 		{ font-size: 54px; line-height: 54px; }
span.fwh5 		{ font-size: 48px; line-height: 44px; }
span.fwtopic 	{ font-size: 24px; line-height: 34px; }
span.fwtopic2 	{ font-size: 32px; line-height: 36px; }

span.fwzahl 	{ font-size: 72px; line-height: 72px; }
span.fwclaim 	{ font-size: 24px; line-height: 28px; }
.fwclaimheight 	{ height: 115px; }

.coloring-individuell { font-size: 24px; line-height: 34px; }
img.dotline { width: 270px; height: auto; }
}