/* Schrift: euphoria-script-regular - latin */
@font-face {
  font-family: 'Euphoria Script';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/euphoria-script-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Euphoria Script'), local('EuphoriaScript-Regular'),
       url('../webfonts/euphoria-script-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/euphoria-script-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/euphoria-script-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/euphoria-script-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/euphoria-script-v8-latin-regular.svg#EuphoriaScript') format('svg'); /* Legacy iOS */
}



/* Schrift: open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../webfonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}



html {
  scroll-behavior	: smooth;
  scroll-padding-top: 9rem;
}



body {
	padding				: 0em 20px 3em 20px;
	margin				: 0;
	-webkit-transition	: all ease 0.8s;
	-moz-transition		: all ease 0.8s;
	transition			: all ease 0.8s;
	overflow-x			: hidden;
	background-color	: var(--color-background-top);
	color				: var(--color-text);
	background-image	: linear-gradient( 0deg, var(--color-background-bottom) 0%, var(--color-background-top) 100%);
	background			: linear-gradient( 0deg, var(--color-background-bottom) 0%, var(--color-background-top) 100%);
}



/* Redundanz für alte oder schlechte Browser  */  
body, div, td, th, h2, h3, h4 {
    font-family		: Open Sans;
	font-size		: 1em;
	color			: #000000;
}
/* Box Model Hack IE5 */
.clearhack { display: inline; }



/* Größe: Desktop */
@media (min-width:768px) {

	body {
		padding				: 0em 20px 3em 20px;
	}

}

/* Größe: Tablet */
@media (min-width:768px) and (max-width:991px) {
	
	body {
		padding				: 0em 10px 3em 10px;
	}

}

/* Größe: Mobilgerät */
@media (max-width:767px) {

	body {
		padding				: 0 0 3em 0;
	}

}



/* Elemente, die auf Mobilgeräten nicht angezeigt werden */
.on_mobile_displaynone {
}

/* Größe: Mobilgerät */
@media (max-width:767px) {
	.on_mobile_displaynone {
		display: none;
	}
}

/* Elemente, die auf Tablets (und Mobilgeräten) nicht angezeigt werden */
.on_tablet_displaynone {
}

/* Größe: Tablet */
@media (min-width:768px) and (max-width:991px) {
	.on_tablet_displaynone {
		display: none;
	}
	.on_mobile_displaynone {
		display: none;
	}
}

/* Größe: Mobilgerät */
@media (max-width:767px) {
	.on_tablet_displaynone {
		display: none;
	}
}




.maximize
{
	display		: block;
	position	: fixed;
	top			: 0px;
	left		: 0px;
	background	: var(--color-background);
	width		: 100%;
	height		: 100%;
	margin		: 0px;
	z-index		: 10000;
}


/* Links */

a:link {
	color			: var(--color-text-link);
	text-decoration	: none;
	transition		: 0.5s;
}

a:visited, a:active {
	color			: var(--color-text-linkvisited);
	text-decoration	: none;
	transition		: 0.5s;
}

a:hover {
	color			: var(--color-text-linkvisited);
	transition		: 0.5s;
}



a.info {
	position			: relative;
	z-index				: 1;
	color				: var(--color-text);
	text-decoration		: none;
}

a.info:hover {
	z-index				: 2;
}

a.info span {
	display				: none;
}

a.info:hover span {
	display				: block;
	position			: absolute;
	top					: 2em;
	left				: 2em;
	width				: 15em;
	border				: 1px solid var(--color-text);
	background-color	: var(--color-background);
	color				: var(--color-text);
	text-align			: center;
	padding				: 5px;
	font-size			: 0.8em;
}


a.button, p.button {
	display					: inline-block;
    -webkit-border-radius	: 4px;
    -moz-border-radius		: 4px;
    border-radius			: 4px;
    background				: none repeat scroll 0 0 var(--color-button);
    border					: 1px solid var(--color-button-border);
    cursor					: pointer;
    padding					: 4px;
	margin					: 2px;
    color					: var(--color-text);
    text-decoration			: none;
	transition				: 0.5s;
}

a.button:hover, p.button:hover {
    text-decoration	: none;
	background		: var(--color-button-hover);
	transform		: scale(1.1);
	transition		: 0.5s;
}



a.slidedown:after {
	content					: "\00A0\f0d7";
	font-family				: "Font Awesome 7 Free";
	font-weight				: bold;
	font-size				: initial;
	text-rendering			: auto;
	-webkit-font-smoothing	: antialiased;
	-moz-osx-font-smoothing	: grayscale;
	transform				: translate(0, 0);
}


a.intern:before {
	content					: "\f0a9\00A0";
	font-family				: "Font Awesome 7 Free";
	font-weight				: bold;
	font-size				: 1em;
	text-rendering			: auto;
	-webkit-font-smoothing	: antialiased;
	-moz-osx-font-smoothing	: grayscale;
	transform				: translate(0, 0);
}


a[href*="//"]:not(.nobefore):not([href*="schattenzeilen.de"]):before {
	content					: "\f35d\00A0";
	font-family				: "Font Awesome 7 Free";
	font-weight				: bold;
	font-size				: initial;
	text-rendering			: auto;
	-webkit-font-smoothing	: antialiased;
	-moz-osx-font-smoothing	: grayscale;
	transform				: translate(0, 0);
}


a.user:after {
	display					: inline-block; 
	content					: "\f007";
	font-family				: "Font Awesome 7 Free";
	font-weight				: normal;
	font-size				: 0.5em;
	font-style				: normal;
	text-rendering			: auto;
	-webkit-font-smoothing	: antialiased;
	-moz-osx-font-smoothing	: grayscale;
	transform				: translate(0, 0);
	position				: relative;
	vertical-align			: baseline;
	top						: -0.7em;
	left					: 0.07em;
	transform				: scale(1);
	transition				: transform .5s;
}

a.user:hover:after {
	transform				: scale(1.5);
	transition				: transform .5s;
}





/* Überschriften */

h1,h2,h3,h4{
	color			: var(--color-text-headline);
}


h1 {
	font-family		: Euphoria Script;
	font-size		: 2.2em;
	line-height		: 1em;
	margin-top		: 0.5em;
	margin-bottom	: 0.5em;
}

h1 a {
	text-decoration	: none;
	color			: var(--color-text-link);
}

h1 a:hover {
	color			: var(--color-text-linkvisited);
}

h1.header {
	margin-left			: 15px;
	margin-top			: 0.5em;
	font-size			: 2.8em;
	line-height			: 0.5em;
	text-shadow			: 2px 2px 4px var(--color-background);
	-webkit-transition	: all ease 0.8s;
	-moz-transition		: all ease 0.8s;
	transition			: all ease 0.8s;
}

/* Größe: Mobilgerät */
@media (max-width:767px) {
	h1.header {
		margin-left			: 60px;
		-webkit-transition	: all ease 0.8s;
		-moz-transition		: all ease 0.8s;
		transition			: all ease 0.8s;
	}
}



h1.animate {
	animation-name: stretchy;
	animation-duration: 1s;	
	transform-origin: bottom left;
}

/* keyframes */
@keyframes stretchy {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1, 1);
		}
	70% {
		transform: scale(0.9, 1);
		}
	100% {
		transform: scale(1, 1);
	}
}


h2 {
	font-family		: Open Sans;
	font-size		: 1.4em;
	line-height		: 1.4em;
	margin-top		: 1em;
	margin-bottom	: 0.3em;
}


h2.header {
	margin-left			: 15px;
	line-height			: 0.8em;
	font-size			: 1.3em;
	text-shadow			: 2px 2px 4px var(--color-background);
	-webkit-transition	: all ease 0.8s;
	-moz-transition		: all ease 0.8s;
	transition			: all ease 0.8s;
}

/* Größe: Mobilgerät */
@media (max-width:767px) {
	h2.header {
		margin-left			: 60px;
		-webkit-transition	: all ease 0.8s;
		-moz-transition		: all ease 0.8s;
		transition			: all ease 0.8s;
	}
}



h3 {
	font-family		: Open Sans;
	font-size		: 1.25em;
	line-height		: 1.6em;
	margin-bottom	: 0.3em;
}


h4 {
	font-family		: Open Sans;
	font-size		: 1em;
	line-height		: 1.1em;
	margin-bottom	: 0.1em;
}


/* Schriftsatz, Absätze */

p {
	font-family		: Open Sans;
	font-size		: 1.25em;
	line-height		: 1.5em;
	text-decoration	: none;
	color			: var(--color-text);
}

p.bottom {
	margin-bottom	: 0.5em;
}

p.top {
	margin-top		: 0.5em;
}


p.story {
	margin-top		: 0.4em;
	text-indent		: 1em;
}

p.storyparagraph {
	line-height		: 0.8em;
}



p.note {
	font-family		: Open Sans;
	font-size		: 1.0em;
	line-height		: 0.9em;
	border-bottom	: 0.1em groove var(--color-background-accent);
	background		: transparent;
	margin-top		: 0em;
	margin-bottom	: 0.5em;
}

p.small {	
	font-family		: Open Sans;
	font-size		: 1.0em;
	line-height		: 1.2em;
	margin-top		: 0.1em;
}

p.smallbottom {
	font-family		: Open Sans;
	font-size		: 1.0em;
	line-height		: 1.2em;
	margin-top		: 0.1em;
	margin-bottom	: 0.9em;
}

p.underline {
	border-bottom-color	: var(--color-text);
	border-bottom-width	: 0.3em;
	border-bottom-style	: double;
}


p.pagebrowse {
	font-size		: 1.4em;
	line-height		: 1.7em;
	margin-bottom	: 0.5em;
	text-align		: right;
}


p.h2 {
	font-family		: Open Sans;
	font-size		: 1.05em;
	font-weight		: bold;
	padding-top		: 0.9em;
	padding-bottom	: 0.5em;
	margin-top		: 0px;
	color			: #000000;
}



p.glow, h1.glow, a.glow {
      -webkit-animation-name: glow;
      -webkit-animation-duration: 15s;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
      -webkit-animation-delay: 1s;
  }
  @-webkit-keyframes glow {
	0% {
	}
    10%,14% {
		text-shadow:	-2px -5px 10px #ff0000,
						-5px 0px 10px #950000,
						-5px 5px 10px #000000;
	}
	12%,16% {
		text-shadow:	2px 5px 10px #ff0000,
						5px 0px 10px #950000,
						5px -5px 10px #000000;
	}
	20% {
		text-shadow: 	none;
    }
}


/* Listen */

ul {
	color	: var(--color-text);
}

li {
	color	: var(--color-text);
}




.heartbeat {
      -webkit-animation-name: heartbeat;
      -webkit-animation-duration: 0.5s;
      -webkit-animation-iteration-count: 1;
      -webkit-animation-timing-function: linear;
      -webkit-animation-delay: 0.1s;
  }
  @-webkit-keyframes heartbeat {
	50% {
		transform: scale(1.5, 1.5);
		opacity: 0;
	}
	100% {
		transform: scale(0.001, 0.001);
		opacity: 1;
	}
}



/* Formulare */

input {
	color		: var(--color-text);
	background	: var(--color-background-input);
}

input:hover { 
	background	: var(--color-button-hover);
	transition	: 0.5s;
}


input[type=text] {
	border					: 1px solid var(--color-button-border);
	-webkit-border-radius	: 7px;
    -moz-border-radius		: 7px;
    border-radius			: 7px;
	padding					: 0.1em;
	box-sizing				: border-box;
}
input[type=text]:focus {
	border: 1px solid var(--color-text);
}

input[type=password] {
	border					: 1px solid var(--color-button-border);
	-webkit-border-radius	: 7px;
    -moz-border-radius		: 7px;
    border-radius			: 7px;
	padding					: 0.1em;
	box-sizing				: border-box;
}

input[type=password]:focus {
	border: 1px solid var(--color-text);
}


input[type=checkbox] {
	-webkit-appearance	: none;
	-moz-appearance		: none;
	appearance			: none;
	display				: inline-block;
	position			: relative;
	top					: 8px;
	height				: 20px;
	width				: 20px;
	border				: 1px solid var(--color-button-border);
	cursor				: pointer;     
	margin-right		: 7px;
	margin-bottom		: 5px;
	outline				: none;
}

input[type=checkbox]:hover { 
	background	: var(--color-button-hover);
	transform	: scale(1.1);
	transition	: 0.5s;
}


input[type=checkbox]:checked::before {
	position							: absolute;
	font-size							: 18px;
	left								: 5px;
	top									: -5px;
	font-weight							: 700;
	content								: '\02714';
	-webkit-animation-name				: glowchecked;
    -webkit-animation-duration			: 1s;
    -webkit-animation-iteration-count	: 1;
    -webkit-animation-timing-function	: linear;
    -webkit-animation-delay				: 0s;
}
@-webkit-keyframes glowchecked {
	0% {
	}
	10%,14% {
	  text-shadow: -2px -5px 10px #ff0000,
				   -5px 0px 10px #950000,
				   -5px 5px 10px #000000;
	}
	12%,16% {
	  text-shadow: 2px 5px 10px #ff0000,
				   5px 0px 10px #950000,
				   5px -5px 10px #000000;
	}
	20% {
	text-shadow: none;
	}
}

input[type=radio] {
	-webkit-appearance		: none;
	-moz-appearance			: none;
	appearance				: none;
	display					: inline-block;
	position				: relative;
	background-color		: var(--color-background-input);
	top						: 9px;
	height					: 20px;
	width					: 20px;
	cursor					: pointer;     
	margin-right			: 7px;
	margin-bottom			: 5px;
	outline					: none;
	border					: 1px solid var(--color-button-border);
	-webkit-border-radius	: 40px;
    -moz-border-radius		: 40px;
    border-radius			: 40px;	
}

input[type=radio]:checked::before {
	position							: absolute;
	font-size							: 18px;
	left								: 5px;
	top									: -5px;
	font-weight							: 700;
	content								: '\02714';
	-webkit-animation-name				: glowchecked;
    -webkit-animation-duration			: 1s;
    -webkit-animation-iteration-count	: 1;
    -webkit-animation-timing-function	: linear;
    -webkit-animation-delay				: 0s;
}
@-webkit-keyframes glowchecked {
	0% {
		}
	10%,14% {
		text-shadow:	-2px -5px 10px #ff0000,
						-5px 0px 10px #950000,
						-5px 5px 10px #000000;
	}
	12%,16% {
		text-shadow:	2px 5px 10px #ff0000,
						5px 0px 10px #950000,
						5px -5px 10px #000000;
	}
	20% {
		text-shadow: none;
	}
}


input[type][disabled]
{
    background-color: var(--color-inactive);
    color			: #var(--color-text);
    cursor			: default;
}
input[type][disabled] + label
{
    color			: #var(--color-text);
    cursor			: default;
}



textarea{
	width					: 100%;
	font-family				: Open Sans;
	font-size				: 1.05em;
	line-height				: 1.3em;
	text-decoration			: none;
	color					: var(--color-text);
	background				: var(--color-background-input);
	border					: 1px solid var(--color-button-border);
	-webkit-border-radius	: 7px;
    -moz-border-radius		: 7px;
    border-radius			: 7px;
}

textarea.readonly{
	color			: var(--color-text);
	font-family		: Open Sans;
	font-size		: 1.05em;
	line-height		: 1.3em;
	text-decoration	: none;
	background		: var(--color-background-input);
}


input{
	font-family				: Open Sans;
	font-size				: 1em;
	line-height				: 1.3em;
	text-decoration			: none;
	color					: var(--color-text);
	background				: var(--color-background-input);
	border					: 1px solid var(--color-button-border);
	-webkit-border-radius	: 7px;
    -moz-border-radius		: 7px;
    border-radius			: 7px;
}




input.text{
	width			: 100%;
	font-family		: Open Sans;
	font-size		: 1em;
	line-height		: 1.3em;
	text-decoration	: none;
	color			: var(--color-text);
	
}


input.text_readonly{
	width		: 100%;
	color		: #a0a0a0;
}

input:hover[type="submit"] {
	background	: #e5e5e5;
}


select {
	font-family				: Open Sans;
	font-size				: 1em;
	line-height				: 1.3em;
	color					: var(--color-text);
	background				: var(--color-background-input);
	max-width				: 100%;
	border					: 1px solid var(--color-button-border);
	-webkit-border-radius	: 7px;
    -moz-border-radius		: 7px;
    border-radius			: 7px;
}




/* Bilder */

img{
	-moz-filter: var(--moz-filter-img);
	-webkit-filter: var(--webkit-filter-img);
	filter: var(--filter-img);
}

img.responsive {
	max-width	: 100% !important;
	height		: auto;
}

img.responsivecontent {
	max-width	: 100% !important;
	height		: auto;
}


/* Größe: Tablet */
@media (min-width:768px) and (max-width:991px) {
	img.responsivecontent {
		max-width	: 60vw !important;
		height		: auto;
		display		: inline-block;
	}
}

/* Größe: Mobilgerät */
@media (max-width:767px) {
	img.responsivecontent {
		max-width	: 30vw !important;
		height		: auto;
		display		: inline-block;
	}
}


div.responsive {
	max-width	: 99% !important;
	height		: auto;
}

div.responsivecontent {
	max-width	: 99% !important;
	height		: auto;
}



/* Bilder: Figure und Caption */

figure {
	display		: inline-block;
	inline-size	: fit-content;
}

figure img {
	display		: block;
}

figcaption {
	position		: relative;
	contain			: inline-size;
	bottom			: 20px;
	padding-right	: 15px;
	font-family		: Open Sans;
	font-size		: 0.8em;
	line-height		: 0.8em;
	text-align		: right;
	color			: var(--color-text);
	text-shadow		: 0 0 2em var(--color-background), 0 0 1em var(--color-background), 0 0 0.2em var(--color-background);
}


figcaption:hover {
	-moz-transition		: all 0.5s;
	-webkit-transition	: all 0.5s;
	transition			: all 0.5s;
	color				: var(--color-background);
	text-shadow			: 0 0 2em var(--color-text), 0 0 1em var(--color-text), 0 0 0.2em var(--color-text);
}



/* Größe: Tablet */
	@media (min-width:768px) and (max-width:991px) {

	div.responsivecontent {
		height		: auto;
		display		: inline-block;
	}
}

/* Größe: Mobilgerät */
@media (max-width:767px) {
	
	div.responsivecontent {
		height		: auto;
		display		: inline-block;
	}
}




/* Tabellen */

table {
	border: 0px solid var(--color-text);
}

table.grid {
	border: 1px solid var(--color-text);
}

table.gridrows tr {
	border: 1px solid var(--color-text);	
}

table.gridcolums td {
	border: 1px solid var(--color-text);	
}

table.padded {
	border-spacing: 10px;
}

table.padded td, th {
	padding: 5px;
}


/* Lexikon */

.lexicon_item {
	display			: inline-block; 
	color			: var(--color-text-link);
	text-decoration	: none;
	cursor			: help;
	
}

.lexicon_item:after {
	
	content					: "\f059";
	font-family				: "Font Awesome 7 Free";
	font-weight				: normal;
	font-size				: 0.5em;
	font-style				: normal;
	text-rendering			: auto;
	-webkit-font-smoothing	: antialiased;
	-moz-osx-font-smoothing	: grayscale;
	transform				: translate(0, 0);
	position				: relative;
	vertical-align			: baseline;
	top						: -0.7em;
	left					: 0.07em;	
	transform				: scale(1);
	transition				: transform .5s;
}

.lexicon_item:hover:after {
	transform				: scale(1.5);
	transition				: transform .5s;
}




nobreak {
    white-space	: nowrap; 
}


.textimage {
	display		: block;
	text-align	: center;
}

.textimage img {
	display	: block;
}

.textimage_left {
	float	: left;
	margin	: 0.5em 0.5em 0.5em 0;
}

.textimage_right {
	float	: right;
	margin	: 0.5em 0 0.5em 0.5em;
}

.textimage_left .mask {
	display	: none;
}

.textimage_right .mask {
	display	: none;
}


::-moz-selection {
	background	: #e5e5e5;
	color		: var(--color-text);
}

.schattenzeilen::-moz-selection {
	background	: #e5e5e5;
	color		: white;
}


/* Tooltip */

a.tooltip {
	color			: #e5e5e5 !important;
	font-weight		: bold;
	font-size		: 95%;
	position		: relative;
	padding			: 0 5px;
	text-decoration	: none !important;
	vertical-align	: top;
}

a.tooltip span {
	display		: none;
	position	: absolute;
	top			: 0;
	left		: 15px;
	font-size	: 105%;
	z-index		: 100;
	font-weight	: normal;
}

a.tooltip:hover span {
	display		: block;
	background	: #e5e5e5;
	color		: var(--color-text);
	width		: 200px;
	padding		: 5px;
	border		: 2px solid var(--color-text);
}




/* Separator */

.separator {
	display			: inline-block;
	width			: 100%;
	font-size		: 1px;
	line-height		: 1px;
	height			: 3px;
	border-bottom	: 1px dotted var(--color-inactive);
	margin			: 10px 0 10px 0;
	padding			: 0;
}


.separator_right {
	width		: 100%;
	text-align	: right;
}

.separator_left {
	width		: 100%;
	text-align	: left;
}


span{
	font-family	: Open Sans;
	line-height	: 100%;
}

span.tag1 { font-size:80%; }
span.tag2 { font-size:110%; }
span.tag3 { font-size:140%; }
span.tag4 { font-size:170%; }
span.tag5 { font-size:200%; }
span.tag6 { font-size:220%; }
span.tag7 { font-size:240%; }
span.tag8 { font-size:260%; }
span.tag9 { font-size:280%; }
span.tag10 { font-size:300%; }
span.tag11 { font-size:310%; }
span.tag12 { font-size:320%; }
span.tag13 { font-size:330%; }
span.tag14 { font-size:340%; }
span.tag15 { font-size:350%; }
span.tag16 { font-size:360%; }
span.tag17 { font-size:370%; }
span.tag18 { font-size:380%; }
span.tag19 { font-size:390%; }
span.tag20 { font-size:400%; }

/* Schiebeschalter */
input[type=range] {
	-webkit-appearance	: none;
	width				: 100%;
	margin				: 5.3px 0;
}

input[type=range]:focus {
	outline	: none;
}

input[type=range]::-webkit-slider-runnable-track {
	width					: 100%;
	height					: 8.4px;
	cursor					: pointer;
	box-shadow				: 1px 1px 1px 1px rgb(from var(--color-text) r g b / 0.5);
	background				: #eaeaea;
	border					: 0px solid var(--color-button-border);
	-webkit-border-radius	: 2.6px;
    -moz-border-radius		: 2.6px;
    border-radius			: 2.6px;
}

input[type=range]::-webkit-slider-thumb {
	box-shadow				: 1px 1px 1px 1px rgb(from var(--color-text) r g b / 0.5);
	border					: 0px solid rgba(0, 0, 0, 0.38);
	height					: 19px;
	width					: 12px;
	border					: 0px solid var(--color-button-border);
	-webkit-border-radius	: 50px;
    -moz-border-radius		: 50px;
    border-radius			: 50px;
	background				: #828282;
	cursor					: pointer;
	-webkit-appearance		: none;
	margin-top				: -5.3px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
	background		: var(--color-background);
}

input[type=range]::-moz-range-track {
	width					: 100%;
	height					: 8.4px;
	cursor					: pointer;
	box-shadow				: 1px 1px 1px 1px rgb(from var(--color-text) r g b / 0.5);
	background				: #eaeaea;
	border					: 0px solid var(--color-button-border);
	-webkit-border-radius	: 2.6px;
    -moz-border-radius		: 2.6px;
    border-radius			: 2.6px;
}

input[type=range]::-moz-range-thumb {
	box-shadow				: 1px 1px 1px 1px rgb(from var(--color-text) r g b / 0.5);
	height					: 19px;
	width					: 12px;
	-webkit-border-radius	: 50px;
    -moz-border-radius		: 50px;
	border					: 0px solid var(--color-button-border);
    border-radius			: 50px;
	background				: #828282;
	cursor					: pointer;
}

input[type=range]::-ms-track {
	width: 100%;
	height: 8.4px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}

input[type=range]::-ms-fill-lower {
	background				: #dbdbdb;
	border					: 0px solid var(--color-button-border);
	-webkit-border-radius	: 5.2px;
    -moz-border-radius		: 5.2px;
    border-radius			: 5.2px;
	box-shadow				: 1px 1px 1px 1px rgb(from var(--color-text) r g b / 0.5);
}

input[type=range]::-ms-fill-upper {
	background				: #eaeaea;
	border					: 0px solid var(--color-button-border);
	-webkit-border-radius	: 5.2px;
    -moz-border-radius		: 5.2px;
    border-radius			: 5.2px;
	box-shadow				: 1px 1px 1px 1px rgb(from var(--color-text) r g b / 0.5);
}

input[type=range]::-ms-thumb {
	box-shadow				: 1px 1px 1px 1px rgb(from var(--color-text) r g b / 0.5);
	height					: 19px;
	width					: 12px;
	-webkit-border-radius	: 50px;
    -moz-border-radius		: 50px;
	border					: 0px solid var(--color-button-border);
    border-radius			: 50px;
	background				: #828282;
	cursor					: pointer;
	height					: 8.4px;
}

input[type=range]:focus::-ms-fill-lower {
	background: #eaeaea;
}

input[type=range]:focus::-ms-fill-upper {
	background: var(--color-background);
}

input[type=range] {
	-webkit-appearance	: none;
	width				: 100%;
	margin				: 5.3px 0;
}

input[type=range]:focus {
	outline	: none;
}

input[type=range]::-webkit-slider-runnable-track {
	width					: 100%;
	height					: 8.4px;
	cursor					: pointer;
	box-shadow				: 1px 1px 1px 1px rgb(from var(--color-text) r g b / 0.5);
	background				: #eaeaea;
	border					: 0px solid var(--color-button-border);
	-webkit-border-radius	: 2.6px;
    -moz-border-radius		: 2.6x;
    border-radius			: 2.6px;
}

input[type=range]::-webkit-slider-thumb {
	box-shadow				: 1px 1px 1px 1px rgb(from var(--color-text) r g b / 0.5);
	height					: 19px;
	width					: 12px;
	border					: 0px solid var(--color-button-border);
	-webkit-border-radius	: 50px;
    -moz-border-radius		: 50px;
    border-radius			: 50px;
	background				: #828282;
	cursor					: pointer;
	-webkit-appearance		: none;
	margin-top				: -5.3px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
	background: var(--color-background);
}

input[type=range]::-moz-range-track {
	width					: 100%;
	height					: 8.4px;
	cursor					: pointer;
	box-shadow				: 1px 1px 1px 1px rgb(from var(--color-text) r g b / 0.5);
	background				: #eaeaea;
	border					: 0px solid var(--color-button-border);
	-webkit-border-radius	: 2.6px;
    -moz-border-radius		: 2.6px;
    border-radius			: 2.6px;
}

input[type=range]::-moz-range-thumb {
	box-shadow				: 1px 1px 1px 1px rgb(from var(--color-text) r g b / 0.5);
	height					: 19px;
	width					: 12px;
	border					: 0px solid var(--color-button-border);
	-webkit-border-radius	: 50px;
    -moz-border-radius		: 50px;
    border-radius			: 50px;
	background				: #828282;
	cursor					: pointer;
}

input[type=range]::-ms-track {
	width			: 100%;
	height			: 8.4px;
	cursor			: pointer;
	background		: transparent;
	border-color	: transparent;
	color			: transparent;
}

input[type=range]::-ms-fill-lower {
	background				: #dbdbdb;
	border					: 0px solid var(--color-button-border);
	-webkit-border-radius	: 5.2px;
    -moz-border-radius		: 5.2px;
    border-radius			: 5.2px;
	box-shadow				: 1px 1px 1px 1px rgb(from var(--color-text) r g b / 0.5);
}

input[type=range]::-ms-fill-upper {
	background				: #eaeaea;
	border					: 0px solid var(--color-button-border);
	-webkit-border-radius	: 5.2px;
    -moz-border-radius		: 5.2px;
    border-radius			: 5.2px;
	box-shadow				: 1px 1px 1px 1px rgb(from var(--color-text) r g b / 0.5);
}

input[type=range]::-ms-thumb {
	box-shadow				: 1px 1px 1px 1px rgb(from var(--color-text) r g b / 0.5);
	border					: 0px solid var(--color-button-border);
	height					: 19px;
	width					: 12px;
	-webkit-border-radius	: 50px;
    -moz-border-radius		: 50px;
    border-radius			: 50px;
	background				: #828282;
	cursor					: pointer;
	height					: 8.4px;
}

input[type=range]:focus::-ms-fill-lower {
	background		: #eaeaea;
}

input[type=range]:focus::-ms-fill-upper {
	background		: var(--color-background);
}

input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	margin: 5.3px 0;
}

input[type=range]:focus {
	outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
	width					: 100%;
	height					: 8.4px;
	cursor					: pointer;
	box-shadow				: 1px 1px 1px 1px rgb(from var(--color-text) r g b / 0.5);
	background				: #eaeaea;
	border					: 0px solid var(--color-button-border);
	-webkit-border-radius	: 2.6px;
    -moz-border-radius		: 2.6px;
    border-radius			: 2.6px;
}

input[type=range]::-webkit-slider-thumb {
	box-shadow				: 1px 1px 1px 1px rgb(from var(--color-text) r g b / 0.5);
	height					: 19px;
	width					: 12px;
	border					: 0px solid var(--color-button-border);
	-webkit-border-radius	: 50px;
    -moz-border-radius		: 50px;
    border-radius			: 50px;
	background				: #828282;
	cursor					: pointer;
	-webkit-appearance		: none;
	margin-top				: -5.3px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
	background: var(--color-background);
}

input[type=range]::-moz-range-track {
	width					: 100%;
	height					: 8.4px;
	cursor					: pointer;
	box-shadow				: 1px 1px 1px 1px rgb(from var(--color-text) r g b / 0.5);
	background				: #eaeaea;
	border					: 0px solid var(--color-button-border);
	-webkit-border-radius	: 2.6px;
    -moz-border-radius		: 2.6px;
    border-radius			: 2.6px;
}

input[type=range]::-moz-range-thumb {
	box-shadow				: 1px 1px 1px 1px rgb(from var(--color-text) r g b / 0.5);
	height					: 19px;
	width					: 12px;
	border					: 0px solid var(--color-button-border);
	-webkit-border-radius	: 50px;
    -moz-border-radius		: 50px;
	border-radius			: 50px;
	background				: #828282;
	cursor					: pointer;
}

input[type=range]::-ms-track {
	width			: 100%;
	height			: 8.4px;
	cursor			: pointer;
	background		: transparent;
	border-color	: transparent;
	color			: transparent;
}

input[type=range]::-ms-fill-lower {
	background				: #dbdbdb;
	border					: 0px solid var(--color-button-border);
	-webkit-border-radius	: 5.2px;
    -moz-border-radius		: 5.2px;
    border-radius			: 5.2px;
	box-shadow				: 1px 1px 1px 1px rgb(from var(--color-text) r g b / 0.5);
}

input[type=range]::-ms-fill-upper {
	background				: #eaeaea;
	border					: 0px solid var(--color-button-border);
	-webkit-border-radius	: 5.2px;
    -moz-border-radius		: 5.2px;
    border-radius			: 5.2px;
	box-shadow				: 1px 1px 1px 1px rgb(from var(--color-text) r g b / 0.5);
}

input[type=range]::-ms-thumb {
	box-shadow				: 1px 1px 1px 1px rgb(from var(--color-text) r g b / 0.5);
	height					: 19px;
	width					: 12px;
	border					: 0px solid var(--color-button-border);
	-webkit-border-radius	: 50px;
    -moz-border-radius		: 50px;
    border-radius			: 50px;
	background				: #828282;
	cursor					: pointer;
	height					: 8.4px;
}

input[type=range]:focus::-ms-fill-lower {
	background		: #eaeaea;
}

input[type=range]:focus::-ms-fill-upper {
	background		: var(--color-background);
}



label.button {
	display					: inline-block;
	border					: 1px solid var(--color-button-border);
    -webkit-border-radius	: 4px;
    -moz-border-radius		: 4px;
	border-radius			: 4px;
    background				: none repeat scroll 0 0 var(--color-button);
    cursor					: pointer;
    padding-left			: 4px;
	padding-right			: 4px;
	margin					: 2px;
    color					: #000;
    text-decoration			: none;
	transition				: 0.5s;
}

label.button:hover {
    text-decoration	: none;
	background		: var(--color-button-hover);
	transform		: scale(1.1);
	transition		: 0.5s;
}