/*** 
BACKGROUND IMAGE CONTROL FOR TEMPLATES
Control background position on template-generated pages.
***/

[data-bg-position="Links Oben"] {
	background-position: 10% 10%;
}

[data-bg-position="Links Mitte"] {
	background-position: 10% 50%;
}

[data-bg-position="Links Unten"] {
	background-position: 10% 90%;
}

[data-bg-position="Mitte Oben"] {
	background-position: 50% 10%;
}

[data-bg-position="Mitte Mitte"] {
	background-position: 50% 50%;
}

[data-bg-position="Mitte Unten"] {
	background-position: 50% 90%;
}

[data-bg-position="Rechts Oben"] {
	background-position: 90% 10%;
}

[data-bg-position="Rechts Mitte"] {
	background-position: 90% 50%;
}

[data-bg-position="Rechts Unten"] {
	background-position: 90% 90%;
}


[data-bg-overlay="0%"]::before {
   background-color: rgb(0 0 0 / 0%);
}
[data-bg-overlay="5%"]::before {
   background-color: rgb(0 0 0 / 5%);
}
[data-bg-overlay="10%"]::before {
   background-color: rgb(0 0 0 / 10%);
}
[data-bg-overlay="15%"]::before {
   background-color: rgb(0 0 0 / 15%);
}
[data-bg-overlay="20%"]::before {
   background-color: rgb(0 0 0 / 20%);
}
[data-bg-overlay="25%"]::before {
   background-color: rgb(0 0 0 / 25%);
}
[data-bg-overlay="30%"]::before {
   background-color: rgb(0 0 0 / 30%);
}
[data-bg-overlay="35%"]::before {
   background-color: rgb(0 0 0 / 35%);
}
[data-bg-overlay="40%"]::before {
   background-color: rgb(0 0 0 / 40%);
}
[data-bg-overlay="45%"]::before {
   background-color: rgb(0 0 0 / 45%);
}
[data-bg-overlay="50%"]::before {
   background-color: rgb(0 0 0 / 50%);
}
[data-bg-overlay="55%"]::before {
   background-color: rgb(0 0 0 / 55%);
}
[data-bg-overlay="60%"]::before {
   background-color: rgb(0 0 0 / 60%);
}
[data-bg-overlay="65%"]::before {
   background-color: rgb(0 0 0 / 65%);
}
[data-bg-overlay="70%"]::before {
   background-color: rgb(0 0 0 / 70%);
}
[data-bg-overlay="75%"]::before {
   background-color: rgb(0 0 0 / 75%);
}
[data-bg-overlay="80%"]::before {
   background-color: rgb(0 0 0 / 80%);
}
[data-bg-overlay="85%"]::before {
   background-color: rgb(0 0 0 / 85%);
}
[data-bg-overlay="90%"]::before {
   background-color: rgb(0 0 0 / 90%);
}
[data-bg-overlay="95%"]::before {
   background-color: rgb(0 0 0 / 95%);
}
[data-bg-overlay="100%"]::before {
   background-color: rgb(0 0 0 / 100%);
}