section.m41_faden {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden;
}

section.m41_faden.hell {
	background: #fff;
}

section.m41_faden.darkgrey {
	background: #181d22;
	color: #fff
}

section.m41_faden.grey {
	background: #21262a;
	color: #fff;
}

section.m41_faden[data-opaque="true"] .m41_content {
	opacity: .2;
}

section.m41_faden .m41_content svg {
	width: 104%;
	max-width: 105%;
	-webkit-transform: translateX(-2%) translateY(-1%);
	-moz-transform: translateX(-2%) translateY(-1%);
	-ms-transform: translateX(-2%) translateY(-1%);
	-o-transform: translateX(-2%) translateY(-1%);
	transform: translateX(-2%) translateY(-1%);
}

section.m41_faden[data-position="left"] .m41_content svg {
	-webkit-transform: translateX(-20%) translateY(-1%);
	-moz-transform: translateX(-20%) translateY(-1%);
	-ms-transform: translateX(-20%) translateY(-1%);
	-o-transform: translateX(-20%) translateY(-1%);
	transform: translateX(-20%) translateY(-1%);
}

section.m41_faden[data-position="right"] .m41_content svg {
	-webkit-transform: translateX(20%) translateY(-1%);
	-webkit-transform-origin: right;
	-moz-transform: translateX(20%) translateY(-1%);
	-moz-transform-origin: right;
	-ms-transform: translateX(20%) translateY(-1%);
	-ms-transform-origin: right;
	-o-transform: translateX(20%) translateY(-1%);
	-o-transform-origin: right;
	transform: translateX(20%) translateY(-1%);
	transform-origin: right;
}

section.m41_faden[data-rotation="true"] svg {
	-webkit-transform: translateX(-2%) translateY(-1%) rotateZ(75deg);
	-moz-transform: translateX(-2%) translateY(-1%) rotateZ(75deg);
	-ms-transform: translateX(-2%) translateY(-1%) rotateZ(75deg);
	-o-transform: translateX(-2%) translateY(-1%) rotateZ(75deg);
	transform: translateX(-2%) translateY(-1%) rotateZ(75deg);
}

section.m41_faden[data-inverted="true"] svg {
	-webkit-transform: translateX(-2%) translateY(-13%) rotateY(180deg);
	-moz-transform: translateX(-2%) translateY(-13%) rotateY(180deg);
	-ms-transform: translateX(-2%) translateY(-13%) rotateY(180deg);
	-o-transform: translateX(-2%) translateY(-13%) rotateY(180deg);
	transform: translateX(-2%) translateY(-13%) rotateY(180deg);
}

section.m41_faden[data-rotation="true"][data-inverted="true"] svg {
	-webkit-transform: translateX(-2%) translateY(-13%) rotateY(180deg) rotateZ(75deg);
	-moz-transform: translateX(-2%) translateY(-13%) rotateY(180deg) rotateZ(75deg);
	-ms-transform: translateX(-2%) translateY(-13%) rotateY(180deg) rotateZ(75deg);
	-o-transform: translateX(-2%) translateY(-13%) rotateY(180deg) rotateZ(75deg);
	transform: translateX(-2%) translateY(-13%) rotateY(180deg) rotateZ(75deg);
}

section.m41_faden[data-position="left"][data-rotation="true"] .m41_content svg {
	-webkit-transform: translateX(-20%) translateY(-13%) rotateY(180deg) rotateZ(75deg);
	-moz-transform: translateX(-20%) translateY(-13%) rotateY(180deg) rotateZ(75deg);
	-ms-transform: translateX(-20%) translateY(-13%) rotateY(180deg) rotateZ(75deg);
	-o-transform: translateX(-20%) translateY(-13%) rotateY(180deg) rotateZ(75deg);
	transform: translateX(-20%) translateY(-13%) rotateY(180deg) rotateZ(75deg);
}

section.m41_faden[data-position="right"][data-rotation="true"] .m41_content svg {
	-webkit-transform: translateX(20%) translateY(-1%) rotateY(180deg) rotateZ(75deg);
	-moz-transform: translateX(20%) translateY(-1%) rotateY(180deg) rotateZ(75deg);
	-ms-transform: translateX(20%) translateY(-1%) rotateY(180deg) rotateZ(75deg);
	-o-transform: translateX(20%) translateY(-1%) rotateY(180deg) rotateZ(75deg);
	transform: translateX(20%) translateY(-1%) rotateY(180deg) rotateZ(75deg);
}

section.m41_faden[data-position="left"][data-rotation="true"][data-inverted="true"] .m41_content svg {
	-webkit-transform: translateX(-20%) translateY(-13%) rotateY(180deg) rotateZ(75deg);
	-moz-transform: translateX(-20%) translateY(-13%) rotateY(180deg) rotateZ(75deg);
	-ms-transform: translateX(-20%) translateY(-13%) rotateY(180deg) rotateZ(75deg);
	-o-transform: translateX(-20%) translateY(-13%) rotateY(180deg) rotateZ(75deg);
	transform: translateX(-20%) translateY(-13%) rotateY(180deg) rotateZ(75deg);
}

section.m41_faden[data-position="right"][data-rotation="true"][data-inverted="true"] .m41_content svg {
	-webkit-transform: translateX(20%) translateY(-13%) rotateY(180deg) rotateZ(75deg);
	-moz-transform: translateX(20%) translateY(-13%) rotateY(180deg) rotateZ(75deg);
	-ms-transform: translateX(20%) translateY(-13%) rotateY(180deg) rotateZ(75deg);
	-o-transform: translateX(20%) translateY(-13%) rotateY(180deg) rotateZ(75deg);
	transform: translateX(20%) translateY(-13%) rotateY(180deg) rotateZ(75deg);
}

section.m41_faden[data-position="left"][data-inverted="true"] .m41_content svg {
	-webkit-transform: translateX(-20%) translateY(-13%) rotateY(180deg);
	-moz-transform: translateX(-20%) translateY(-13%) rotateY(180deg);
	-ms-transform: translateX(-20%) translateY(-13%) rotateY(180deg);
	-o-transform: translateX(-20%) translateY(-13%) rotateY(180deg);
	transform: translateX(-20%) translateY(-13%) rotateY(180deg);
}

section.m41_faden[data-position="right"][data-inverted="true"] .m41_content svg {
	-webkit-transform: translateX(20%) translateY(-13%) rotateY(180deg);
	-moz-transform: translateX(20%) translateY(-13%) rotateY(180deg);
	-ms-transform: translateX(20%) translateY(-13%) rotateY(180deg);
	-o-transform: translateX(20%) translateY(-13%) rotateY(180deg);
	transform: translateX(20%) translateY(-13%) rotateY(180deg);
}

section.m41_faden .m41_content svg circle {
	opacity: 0;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-ms-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
}

section.m41_faden .m41_content svg circle.active {
	opacity: 1;
}

@media screen and (max-width: 2200px) {
	section.m41_faden.start .m41_content svg {
		width: 120%;
		max-width: 120%;
	}
}

@media screen and (max-width: 1920px) {
	section.m41_faden[data-position="right"] .m41_content svg {
		width: 110%;
		max-width: 110%;
		-webkit-transform: translateX(15%) translateY(-1%);
		-moz-transform: translateX(15%) translateY(-1%);
		-ms-transform: translateX(15%) translateY(-1%);
		-o-transform: translateX(15%) translateY(-1%);
		transform: translateX(15%) translateY(-1%);
	}
	
	section.m41_faden[data-position="left"][data-inverted="true"] .m41_content svg {
		-webkit-transform: translateX(-20%) translateY(-5%) rotateY(180deg);
		-moz-transform: translateX(-20%) translateY(-5%) rotateY(180deg);
		-ms-transform: translateX(-20%) translateY(-5%) rotateY(180deg);
		-o-transform: translateX(-20%) translateY(-5%) rotateY(180deg);
		transform: translateX(-20%) translateY(-5%) rotateY(180deg);
	}
	
	section.m41_faden.start {
		height: 140%;
	}
	
	section.m41_faden.start .m41_content svg {
		-webkit-transform: translateX(0) translateY(7%);
		-moz-transform: translateX(0) translateY(7%);
		-ms-transform: translateX(0) translateY(7%);
		-o-transform: translateX(0) translateY(7%);
		transform: translateX(0) translateY(7%);
	}
}

@media screen and (max-width: 1699px) {
	section.m41_faden[data-position="left"][data-inverted="true"] .m41_content svg {
		-webkit-transform: translateX(-20%) translateY(-1%) rotateY(180deg);
		-moz-transform: translateX(-20%) translateY(-1%) rotateY(180deg);
		-ms-transform: translateX(-20%) translateY(-1%) rotateY(180deg);
		-o-transform: translateX(-20%) translateY(-1%) rotateY(180deg);
		transform: translateX(-20%) translateY(-1%) rotateY(180deg);
	}
	
	section.m41_faden.start .m41_content svg {
		width: 130%;
		max-width: 130%;
		-webkit-transform: translateX(-1%) translateY(8%);
		-moz-transform: translateX(-1%) translateY(8%);
		-ms-transform: translateX(-1%) translateY(8%);
		-o-transform: translateX(-1%) translateY(8%);
		transform: translateX(-1%) translateY(8%);
	}
}

@media screen and (max-width: 1599px) {
	section.m41_faden[data-position="right"] .m41_content svg {
		width: 120%;
		max-width: 120%;
		-webkit-transform: translateX(5%) translateY(-1%);
		-moz-transform: translateX(5%) translateY(-1%);
		-ms-transform: translateX(5%) translateY(-1%);
		-o-transform: translateX(5%) translateY(-1%);
		transform: translateX(5%) translateY(-1%);
	}
	
	section.m41_faden[data-position="left"][data-inverted="true"] .m41_content svg {
		width: 110%;
		max-width: 110%;
	}
	
	section.m41_faden.start .m41_content svg {
		width: 135%;
		max-width: 135%;
		-webkit-transform: translateX(-1%) translateY(10%);
		-moz-transform: translateX(-1%) translateY(10%);
		-ms-transform: translateX(-1%) translateY(10%);
		-o-transform: translateX(-1%) translateY(10%);
		transform: translateX(-1%) translateY(10%);
	}
}

@media screen and (max-width: 1499px) {
	section.m41_faden[data-position="left"][data-inverted="true"] .m41_content svg {
		width: 115%;
		max-width: 115%;
	}
	
	section.m41_faden.start .m41_content svg {
		width: 140%;
		max-width: 140%;
		-webkit-transform: translateX(-4%) translateY(10%);
		-moz-transform: translateX(-4%) translateY(10%);
		-ms-transform: translateX(-4%) translateY(10%);
		-o-transform: translateX(-4%) translateY(10%);
		transform: translateX(-4%) translateY(10%);
	}
}

@media screen and (max-width: 1299px) {
	section.m41_faden.start .m41_content svg {
		width: 145%;
		max-width: 145%;
		-webkit-transform: translateX(-7%) translateY(10%);
		-moz-transform: translateX(-7%) translateY(10%);
		-ms-transform: translateX(-7%) translateY(10%);
		-o-transform: translateX(-7%) translateY(10%);
		transform: translateX(-7%) translateY(10%);
	}
}

@media screen and (max-width: 1199px) {
	section.m41_faden[data-position="right"] .m41_content svg {
		width: 145%;
		max-width: 145%;
		-webkit-transform: translateX(-7%) translateY(-1%);
		-moz-transform: translateX(-7%) translateY(-1%);
		-ms-transform: translateX(-7%) translateY(-1%);
		-o-transform: translateX(-7%) translateY(-1%);
		transform: translateX(-7%) translateY(-1%);
	}
	
	section.m41_faden[data-position="left"][data-inverted="true"] .m41_content svg {
		width: 125%;
		max-width: 125%;
		-webkit-transform: translateX(-25%) translateY(-1%) rotateY(180deg);
		-moz-transform: translateX(-25%) translateY(-1%) rotateY(180deg);
		-ms-transform: translateX(-25%) translateY(-1%) rotateY(180deg);
		-o-transform: translateX(-25%) translateY(-1%) rotateY(180deg);
		transform: translateX(-25%) translateY(-1%) rotateY(180deg);
	}
	
	section.m41_faden.start .m41_content svg {
		width: 1900px;
		max-width: 1900px;
		-webkit-transform: translateX(-8%) translateY(10%);
		-moz-transform: translateX(-8%) translateY(10%);
		-ms-transform: translateX(-8%) translateY(10%);
		-o-transform: translateX(-8%) translateY(10%);
		transform: translateX(-8%) translateY(10%);
	}
}

@media screen and (max-width: 991px) {
	section.m41_faden[data-position="right"] .m41_content svg {
		width: 165%;
		max-width: 165%;
		-webkit-transform: translateX(-13%) translateY(-1%);
		-moz-transform: translateX(-13%) translateY(-1%);
		-ms-transform: translateX(-13%) translateY(-1%);
		-o-transform: translateX(-13%) translateY(-1%);
		transform: translateX(-13%) translateY(-1%);
	}
	
	section.m41_faden[data-position="left"][data-inverted="true"] .m41_content svg {
		width: 140%;
		max-width: 140%;
	}
	
	section.m41_faden.start .m41_content svg {
		width: 1700px;
		max-width: 1700px;
		height: 1000px;
		-webkit-transform: translateX(-8%) translateY(6%);
		-moz-transform: translateX(-8%) translateY(6%);
		-ms-transform: translateX(-8%) translateY(6%);
		-o-transform: translateX(-8%) translateY(6%);
		transform: translateX(-8%) translateY(6%);
	}
}

@media screen and (max-width: 767px) {
	section.m41_faden[data-position="left"][data-inverted="true"] .m41_content svg {
		width: 1300px;
		max-width: 1300px;
	}
	
	section.m41_faden.start .m41_content svg {
		width: 1200px;
		max-width: 1200px;
		height: auto;
		opacity: .5;
		-webkit-transform: translateX(-8%) translateY(12%);
		-moz-transform: translateX(-8%) translateY(12%);
		-ms-transform: translateX(-8%) translateY(12%);
		-o-transform: translateX(-8%) translateY(12%);
		transform: translateX(-8%) translateY(12%);
	}
}

@media screen and (max-width: 575px) {
	section.m41_faden[data-position="left"][data-inverted="true"] .m41_content svg {
		width: 1000px;
		max-width: 1000px;
	}
	
	section.m41_faden.start .m41_content svg {
		width: 1000px;
		max-width: 1000px;
	}
}

@media screen and (max-width: 450px) {
	section.m41_faden[data-position="right"] .m41_content svg {
		width: 185%;
		max-width: 185%;
		-webkit-transform: translateX(-18%) translateY(-1%);
		-moz-transform: translateX(-18%) translateY(-1%);
		-ms-transform: translateX(-18%) translateY(-1%);
		-o-transform: translateX(-18%) translateY(-1%);
		transform: translateX(-18%) translateY(-1%);
	}
	
	section.m41_faden.start .m41_content svg {
		width: 800px;
		max-width: 800px;
		height: 450px;
		-webkit-transform: translateX(-19%) translateY(40%) rotate(90deg);
		-moz-transform: translateX(-19%) translateY(40%) rotate(90deg);
		-ms-transform: translateX(-19%) translateY(40%) rotate(90deg);
		-o-transform: translateX(-19%) translateY(40%) rotate(90deg);
		transform: translateX(-19%) translateY(40%) rotate(90deg);
	}
}