/* 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 */
}



/* 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 */
}




body {
	background-color	: var(--background-color-top);
	color				: var(--color-text);
	background-image	: linear-gradient( 0deg, var(--background-color-bottom) 0%, var(--background-color-top) 100%);
	background			: linear-gradient( 0deg, var(--background-color-bottom) 0%, var(--background-color-top) 100%);
}


body, div, td, th, h2, h3, h4 { /* redundant rules for bad browsers  */  
    font-family		: Open Sans;
	font-size		: 1em;
	color			: #000000;
}  
.clearhack { display: inline; } /*Clears Box Model Hack in IE5*/






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;
}



/* 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;
		}
	}



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

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

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

a:active {
	color			: var(--color-link);
}



a.info {
	position			: relative;
	z-index				: 1;
	color				: #000000;
	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 #000000;
	background-color	: #FFFFFF;
	color				: #000;
	text-align			: center;
	padding				: 5px;
	font-size			: 0.8em;
}




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


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

h1 a {
	text-decoration	: none;
	color			: #333;
}

h1 a:hover {
	border-bottom	: 1px dotted #666;
	color			: #000;
}



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



h3 {
	font-family		: Open Sans;
	font-size		: 1.17em;
	line-height		: 1.41em;
	margin-bottom	: 0.5em;
}

p {
	font-family		: Open Sans;
	font-size		: 1.4em;
	line-height		: 1.7em;
	text-decoration	: none;
	color			: var(--color-text);
	margin-bottom	: 1.0em;
}


p.small {	
	font-family		: Open Sans;
	font-size		: 1.0em;
	line-height		: 1.2em;
	text-decoration	: none;
	color			: var(--color-text);
	margin-bottom	: 1.0em;
}





input[type][disabled]
{
    background-color: #f9f9f9;
    color: #ddd;
    cursor: default;
}
input[type][disabled] + label
{
    color: #999;
    cursor: default;
}




textarea{
	width		: 100%;
	background	: #f7f7f7;
	font-family	: Open Sans;
	line-height	: 130%;
	font-size	: 90%;
}

textarea.readonly{
	color		: #a0a0a0;
	font-family	: Open Sans;
	line-height	: 130%;
	font-size	: 90%;
}


input{
	background	: #f7f7f7;
	font-family	: Open Sans;
	line-height	: 130%;
	font-size	: 90%;
}




input.text{
	width		: 100%;
	line-height	: 130%;
	font-size	: 90%;
	
}


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

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




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

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


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

	img.responsivecontent {
		max-width	: 60vw;
		height		: auto;
		display		: inline-block;
	}
}

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


nobreak {
    white-space	: nowrap; 
}



::-moz-selection {
	background	: #e5e5e5;
	color		: black;
}


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		: black;
	width		: 200px;
	padding		: 5px;
	border		: 2px solid #000000;
}




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 #000000, 0px 0px 1px #0d0d0d;
  background: #eaeaea;
  border-radius: 2.6px;
  border: 0px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 0px solid rgba(0, 0, 0, 0.38);
  height: 19px;
  width: 12px;
  border-radius: 50px;
  background: #828282;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5.3px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #f9f9f9;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #eaeaea;
  border-radius: 2.6px;
  border: 0px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 0px solid rgba(0, 0, 0, 0.38);
  height: 19px;
  width: 12px;
  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 #010101;
  border-radius: 5.2px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #eaeaea;
  border: 0px solid #010101;
  border-radius: 5.2px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 0px solid rgba(0, 0, 0, 0.38);
  height: 19px;
  width: 12px;
  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: #f9f9f9;
}


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 #000000, 0px 0px 1px #0d0d0d;
  background: #eaeaea;
  border-radius: 2.6px;
  border: 0px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 0px solid rgba(0, 0, 0, 0.38);
  height: 19px;
  width: 12px;
  border-radius: 50px;
  background: #828282;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5.3px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #f9f9f9;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #eaeaea;
  border-radius: 2.6px;
  border: 0px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 0px solid rgba(0, 0, 0, 0.38);
  height: 19px;
  width: 12px;
  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 #010101;
  border-radius: 5.2px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #eaeaea;
  border: 0px solid #010101;
  border-radius: 5.2px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 0px solid rgba(0, 0, 0, 0.38);
  height: 19px;
  width: 12px;
  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: #f9f9f9;
}


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 #000000, 0px 0px 1px #0d0d0d;
  background: #eaeaea;
  border-radius: 2.6px;
  border: 0px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 0px solid rgba(0, 0, 0, 0.38);
  height: 19px;
  width: 12px;
  border-radius: 50px;
  background: #828282;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5.3px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #f9f9f9;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #eaeaea;
  border-radius: 2.6px;
  border: 0px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 0px solid rgba(0, 0, 0, 0.38);
  height: 19px;
  width: 12px;
  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 #010101;
  border-radius: 5.2px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #eaeaea;
  border: 0px solid #010101;
  border-radius: 5.2px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 0px solid rgba(0, 0, 0, 0.38);
  height: 19px;
  width: 12px;
  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: #f9f9f9;
}