/*
	Dimension by HTML5 UP
	https://html5up.net/dimension | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
	Edited and adapted for CMSimple_XH by: fhs (http://fhseidel.de/)
*/

/* fonts */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 300;
	src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),  url('fonts/source-sans-pro-v13-latin-ext-300.woff2') format('woff2'), url('fonts/source-sans-pro-v13-latin-ext-300.woff') format('woff');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),  url('fonts/source-sans-pro-v13-latin-ext-regular.woff2') format('woff2'), url('fonts/source-sans-pro-v13-latin-ext-regular.woff') format('woff');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 400;
	src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),  url('fonts/source-sans-pro-v13-latin-ext-italic.woff2') format('woff2'), url('fonts/source-sans-pro-v13-latin-ext-italic.woff') format('woff');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 600;
	src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),  url('fonts/source-sans-pro-v13-latin-ext-600.woff2') format('woff2'), url('fonts/source-sans-pro-v13-latin-ext-600.woff') format('woff');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 600;
	src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'),  url('fonts/source-sans-pro-v13-latin-ext-600italic.woff2') format('woff2'), url('fonts/source-sans-pro-v13-latin-ext-600italic.woff') format('woff');
}

html,a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

body {
	line-height: 1;
	-webkit-text-size-adjust: none;
}
div.address ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.address .fa {
	opacity: .3;
	padding: 0 .5em 0 0;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
blockquote p {
	margin: 0 0 .5rem 0;
}
p.blockAuth {
	text-align: right;
	font-style: normal;
	margin: 0;
	font-style: normal;
	font-size: .9rem;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
mark {
	background-color: transparent;
	color: inherit;
}
.onepage_page input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
.onepage_page input,
.onepage_page select,
.onepage_page textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

/* Basic */
@-ms-viewport {
 width: device-width;
}
html {
	box-sizing: border-box;
}
*,
*:before,
*:after {
	box-sizing: inherit;
}
body {
	background: #100400;
}
body.is-preload *,
body.is-preload *:before,
body.is-preload *:after {
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}
/* Type */
html {
	font-size: 21px;
}
@media screen and (max-width: 1680px) {
html {
	font-size: 17px;
}
}
@media screen and (max-width: 736px) {
html {
	font-size: 16px;
}
}
@media screen and (max-width: 360px) {
html {
	font-size: 15px;
}
}
body,
.onepage_page input,
.onepage_page select,
.onepage_page textarea {
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 1rem;
	line-height: 1.65;
}
body {
	overflow-y: scroll;
}
.onepage_page a,
#header a,
#footer a,
#tinymce a,
.xh_login a {
	-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
	border-bottom: dotted 1px rgba(255, 255, 255, 0.5);
	text-decoration: none;
	color: inherit;
}
.onepage_page a:hover,
#footer a:hover,
#tinymce a:hover,
.xh_login a:hover {
	border-bottom-color: transparent;
	background: rgba(255,255,255,.25);
}
strong,
b {
	color: #fff;
	font-weight: 600;
}
em,
i {
	font-style: italic;
}
p {
	margin: 0 0 1.75rem 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #fff;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 1rem 0;
	text-transform: uppercase;
	letter-spacing: 0.2rem;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
	text-decoration: none;
}
h1.major,
h2.major,
h3.major,
h4.major,
h5.major,
h6.major {
	border-bottom: solid 1px #fff;
	padding-bottom: 0.5rem;
	margin: 0 0 2rem 0;
}
h1 {
	font-size: 2.25rem;
	line-height: 1.3;
	letter-spacing: 0.5rem;
}
h2 {
	font-size: 1.5rem;
	line-height: 1.4;
	letter-spacing: 0.5rem;
}
h3 {
	font-size: 1rem;
}
h4 {
	font-size: 0.8rem;
}
h5 {
	font-size: 0.7rem;
}
h6 {
	font-size: 0.6rem;
}
@media screen and (max-width: 736px) {
h1 {
	font-size: 1.75rem;
	line-height: 1.4;
}
h2 {
	font-size: 1.25em;
	line-height: 1.5;
}
}
sub {
	font-size: 0.8rem;
	position: relative;
	top: 0.5rem;
}
sup {
	font-size: 0.8rem;
	position: relative;
	top: -0.5rem;
}
blockquote {
	border-left: solid 4px #fff;
	font-style: italic;
	margin: 0 0 2rem 0;
	padding: 0.5rem 0 0.5rem 2rem;
}
code {
	background: rgba(255, 255, 255, 0.075);
	border-radius: 4px;
	font-family: "Courier New", monospace;
	font-size: 0.75rem;
	margin: 0 0.25rem;
	padding: 0.25rem 0.65rem;
}
pre {
	-webkit-overflow-scrolling: touch;
	font-family: "Courier New", monospace;
	font-size: 0.9rem;
	margin: 0 0 2rem 0;
}
pre code {
	display: block;
	line-height: 1.75;
	padding: 1rem 1.5rem;
	overflow-x: auto;
}
hr {
	border: 0;
	border-bottom: solid 1px #fff;
	margin: 2.75rem 0;
}
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
/* Form */
#contact-form {
	margin: 0 0 2rem 0;
}
#contact-form:last-child {
	margin-bottom: 0;
}
#contact-form div .fields {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: calc(100% + 3rem);
	margin: -1.5rem 0 0 -1.5rem;
}
#contact-form > div > .fields > .field {
	-moz-flex-grow: 0;
	-webkit-flex-grow: 0;
	-ms-flex-grow: 0;
	flex-grow: 0;
	-moz-flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-shrink: 0;
	flex-shrink: 0;
	padding: 1.5rem 0 0 1.5rem;
	width: calc(100% - 1.5rem);
}
#contact-form > div > .fields > .field.half {
	width: calc(50% - 0.75rem);
}
#contact-form .fields > div > .field.third {
	width: calc(100%/3 - 0.5rem);
}
#contact-form > div > .fields .field.quarter {
	width: calc(25% - 0.375rem);
}
@media screen and (max-width: 480px) {
#contact-form > div > .fields {
	width: calc(100% + 3rem);
	margin: -1.5rem 0 2rem -1.5rem;
}
#contact-form > div > .fields > .field {
	padding: 1.5rem 0 0 1.5rem;
	width: calc(100% - 1.5rem);
}
#contact-form > div > .fields > .field.half {
	width: calc(100% - 1.5rem);
}
#contact-form > div > .fields > .field.third {
	width: calc(100% - 1.5rem);
}
#contact-form > div > .fields > .field.quarter {
	width: calc(100% - 1.5rem);
}
}
#contact-form label {
	color: #fff;
	display: block;
	font-size: 0.75rem;
	font-weight: 300;
	letter-spacing: 0.2rem;
	line-height: 1.5;
	margin: 1rem 0 0 1rem;
	text-transform: uppercase;
}
#contact-form input[type="text"],
#contact-form input[type="password"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form select,
#contact-form textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-webkit-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-ms-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
	background-color: transparent;
	border-radius: 4px;
	border: solid 1px #fff;
	color: inherit;
	display: block;
	outline: 0;
	padding: 0 1rem;
	text-decoration: none;
	width: 100%;
}
#contact-form input[type="text"]:invalid,
#contact-form input[type="password"]:invalid,
#contact-form input[type="email"]:invalid,
#contact-form input[type="tel"]:invalid,
#contact-form select:invalid,
#contact-form textarea:invalid {
	box-shadow: none;
}
#contact-form input[type="text"]:focus,
#contact-form input[type="password"]:focus,
#contact-form input[type="email"]:focus,
#contact-form input[type="tel"]:focus,
#contact-form select:focus,
#contact-form textarea:focus {
	background: rgba(255, 255, 255, 0.075);
	border-color: #fff;
	box-shadow: 0 0 0 1px #fff;
}
#contact-form select {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23ffffff' /%3E%3C/svg%3E");
	background-size: 1.25rem;
	background-repeat: no-repeat;
	background-position: calc(100% - 1rem) center;
	height: 2.75rem;
	padding-right: 2.75rem;
	text-overflow: ellipsis;
}
#contact-form select option {
	color: #fff;
	background: #1b1f22;
}
#contact-form select:focus::-ms-value {
 background-color: transparent;
}
#contact-form select::-ms-expand {
 display: none;
}
#contact-form input[type="text"],
#contact-form input[type="password"],
#contact-form input[type="email"],
#contact-form select {
	height: 2.75rem;
}
#contact-form textarea {
	padding: 0.75rem 1rem;
	margin-bottom: 0;
}
#contact-form input[type="checkbox"],
#contact-form input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: block;
	float: left;
	margin-right: -2rem;
	opacity: 0;
	width: 1rem;
	z-index: -1;
}
#contact-form input[type="checkbox"] + label,
#contact-form input[type="radio"] + label {
	text-decoration: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 0.8rem;
	font-weight: 300;
	margin: 0 0 0.5rem 0;
	padding-left: 2.65rem;
	padding-right: 0.75rem;
	position: relative;
}
#contact-form input[type="checkbox"] + label:before,
#contact-form input[type="radio"] + label:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	text-transform: none !important;
	font-family: 'FontAwesome';
	font-weight: 900;
}
#contact-form input[type="checkbox"] + label:before,
#contact-form input[type="radio"] + label:before {
	-moz-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-webkit-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-ms-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
	border-radius: 4px;
	border: solid 1px #fff;
	content: '';
	display: inline-block;
	height: 1.65rem;
	left: 0;
	line-height: 1.65rem;
	position: absolute;
	text-align: center;
	top: -0.15rem;
	width: 1.65rem;
}
#contact-form input[type="checkbox"]:checked + label:before,
#contact-form input[type="radio"]:checked + label:before {
	background: #fff !important;
	border-color: #fff !important;
	color: #1b1f22;
	content: '\f00c';
	font-family: 'FontAwesome';
}
#contact-form input[type="checkbox"]:focus + label:before,
#contact-form input[type="radio"]:focus + label:before {
	background: rgba(255, 255, 255, 0.075);
	border-color: #fff;
	box-shadow: 0 0 0 1px #fff;
}
#contact-form input[type="checkbox"] + label:before {
	border-radius: 4px;
}
#contact-form input[type="radio"] + label:before {
	border-radius: 100%;
}
#contact-form ::-webkit-input-placeholder {
 color: rgba(255, 255, 255, 0.5) !important;
 opacity: 1.0;
}
#contact-form :-moz-placeholder {
 color: rgba(255, 255, 255, 0.5) !important;
 opacity: 1.0;
}
#contact-form ::-moz-placeholder {
 color: rgba(255, 255, 255, 0.5) !important;
 opacity: 1.0;
}
#contact-form :-ms-input-placeholder {
 color: rgba(255, 255, 255, 0.5) !important;
 opacity: 1.0;
}
#contact-form .formerize-placeholder {
	color: rgba(255, 255, 255, 0.5) !important;
	opacity: 1.0;
}
/* Box */
.box {
	border-radius: 4px;
	border: solid 1px #fff;
	margin-bottom: 2rem;
	padding: 1.5em;
}
.box > :last-child,
.box > :last-child > :last-child,
.box > :last-child > :last-child > :last-child {
	margin-bottom: 0;
}
.box.alt {
	border: 0;
	border-radius: 0;
	padding: 0;
}
/* Icon */
.icon {
	text-decoration: none;
	border-bottom: none;
	position: relative;
}
.icon:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	text-transform: none !important;
	font-family: 'FontAwesome';
	font-weight: 400;
}
.icon > .label {
	display: none;
}
.icon:before {
	line-height: inherit;
}
.icon.solid:before {
	font-weight: 900;
}
.icon.brands:before {
	font-family: 'FontAwesome';
}
/* Image */
.image {
	border-radius: 4px;
	border: 0;
	display: inline-block;
	position: relative;
}
.image:before {
	pointer-events: none;
	background-image: url("images/overlay.png");
	background-color: rgba(0, 0, 0, 0.25);
	border-radius: 4px;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 100%;
}
.image img {
	border-radius: 4px;
	display: block;
}
.image.left,
.image.right {
	max-width: 40%;
}
.image.left img,
.image.right img {
	width: 100%;
}
.image.left {
	float: left;
	padding: 0 1.5em 1em 0;
	top: 0.25em;
}
.image.right {
	float: right;
	padding: 0 0 1em 1.5em;
	top: 0.25em;
}
.image.fit {
	display: block;
	margin: 0 0 2rem 0;
	width: 100%;
}
.image.fit img {
	width: 100%;
}
.image.main {
	display: block;
	margin: 2.5rem 0;
	width: 100%;
}
.image.main img {
	width: 100%;
}
@media screen and (max-width: 736px) {
.image.main {
	margin: 2rem 0;
}
}
@media screen and (max-width: 480px) {
.image.main {
	margin: 1.5rem 0;
}
}
/* Lists */
.onepage_page ol {
	list-style: decimal;
	margin: 0 0 2rem 0;
	padding-left: 1.25em;
}
.onepage_page ol li {
	padding-left: 0.25em;
}
.onepage_page ul {
	list-style: disc;
	margin: 0 0 2rem 0;
	padding-left: 1em;
}
.onepage_page ul li {
	padding-left: 0.5em;
}
.onepage_page ul.alt {
	list-style: none;
	padding-left: 0;
}
.onepage_page ul.alt li {
	border-top: solid 1px #fff;
	padding: 0.5em 0;
}
.onepage_page ul.alt li:first-child {
	border-top: 0;
	padding-top: 0;
}
.onepage_page dl {
	margin: 0 0 2rem 0;
}
.onepage_page dl dt {
	display: block;
	font-weight: 600;
	margin: 0 0 1rem 0;
}
.onepage_page dl dd {
	margin-left: 2rem;
}
/* Actions */
ul.actions {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	cursor: default;
	list-style: none;
	margin-left: -1rem;
	padding-left: 0;
}
ul.actions li {
	padding: 0 0 0 1rem;
	vertical-align: middle;
}
ul.actions.special {
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	width: 100%;
	margin-left: 0;
}
ul.actions.special li:first-child {
	padding-left: 0;
}
ul.actions.stacked {
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-left: 0;
}
ul.actions.stacked li {
	padding: 1.3rem 0 0 0;
}
ul.actions.stacked li:first-child {
	padding-top: 0;
}
ul.actions.fit {
	width: calc(100% + 1rem);
}
ul.actions.fit li {
	-moz-flex-grow: 1;
	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1;
	-moz-flex-shrink: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-shrink: 1;
	flex-shrink: 1;
	width: 100%;
}
ul.actions.fit li > * {
	width: 100%;
}
ul.actions.fit.stacked {
	width: 100%;
}
@media screen and (max-width: 480px) {
ul.actions:not(.fixed) {
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-left: 0;
	width: 100% !important;
}
ul.actions:not(.fixed) li {
	-moz-flex-grow: 1;
	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1;
	-moz-flex-shrink: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-shrink: 1;
	flex-shrink: 1;
	padding: 1rem 0 0 0;
	text-align: center;
	width: 100%;
}
ul.actions:not(.fixed) li > * {
	width: 100%;
}
ul.actions:not(.fixed) li:first-child {
	padding-top: 0;
}
ul.actions:not(.fixed) li input[type="submit"],
ul.actions:not(.fixed) li input[type="reset"],
ul.actions:not(.fixed) li input[type="button"],
ul.actions:not(.fixed) li button,
ul.actions:not(.fixed) li .button {
	width: 100%;
}
ul.actions:not(.fixed) li input[type="submit"].icon:before,
ul.actions:not(.fixed) li input[type="reset"].icon:before,
ul.actions:not(.fixed) li input[type="button"].icon:before,
ul.actions:not(.fixed) li button.icon:before,
ul.actions:not(.fixed) li .button.icon:before {
	margin-left: -0.5em;
}
}
/* Icons */
ul.icons {
	cursor: default;
	list-style: none;
	padding-left: 0;
}
ul.icons li {
	display: inline-block;
	padding: 0 0.75em 0 0;
}
ul.icons li:last-child {
	padding-right: 0;
}
ul.icons li a {
	border-radius: 100%;
	box-shadow: inset 0 0 0 1px #fff;
	display: inline-block;
	height: 2.25rem;
	line-height: 2.25rem;
	text-align: center;
	width: 2.25rem;
}
ul.icons li a:hover {
	background-color: rgba(255, 255, 255, 0.075);
}
ul.icons li a:active {
	background-color: rgba(255, 255, 255, 0.175);
}
/* Table */
.table-wrapper {
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
}
table {
	margin: 0 0 2rem 0;
	width: 100%;
}
table tbody tr {
	border: solid 1px #fff;
	border-left: 0;
	border-right: 0;
}
table tbody tr:nth-child(2n + 1) {
	background-color: rgba(255, 255, 255, 0.075);
}
table td {
	padding: 0.75em 0.75em;
}
table tr td:last-child,
table thead th:last-child {
	text-align: right;
}
table th {
	color: #fff;
	font-size: 0.9em;
	font-weight: 600;
	padding: 0 0.75em 0.75em 0.75em;
	text-align: left;
}
table thead {
	border-bottom: solid 2px #fff;
}
table tfoot {
	border-top: solid 2px #fff;
	font-weight: bold;
}
table.alt {
	border-collapse: separate;
}
table.alt tbody tr td {
	border: solid 1px #fff;
	border-left-width: 0;
	border-top-width: 0;
}
table.alt tbody tr td:first-child {
	border-left-width: 1px;
}
table.alt tbody tr:first-child td {
	border-top-width: 1px;
}
table.alt thead {
	border-bottom: 0;
}
table.alt tfoot {
	border-top: 0;
}
/* Button */
#contact-form input[type="submit"],
#contact-form input[type="reset"],
#contact-form input[type="button"],
#contact-form button,
#contact-form .button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	background-color: transparent;
	border-radius: 4px;
	border: 0;
	box-shadow: inset 0 0 0 1px #fff;
	color: #fff !important;
	cursor: pointer;
	display: inline-block;
	font-size: 0.8rem;
	font-weight: 300;
	height: 2.75rem;
	letter-spacing: 0.2rem;
	line-height: 2.75rem;
	outline: 0;
	padding: 0 1.25rem 0 1.35rem;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}
#contact-form input[type="submit"]:hover,
#contact-form input[type="reset"]:hover,
#contact-form input[type="button"]:hover,
#contact-form button:hover,
#contact-form .button:hover {
	background-color: rgba(255, 255, 255, 0.075);
}
#contact-form input[type="submit"]:active,
#contact-form input[type="reset"]:active,
#contact-form input[type="button"]:active,
#contact-form button:active,
#contact-form .button:active {
	background-color: rgba(255, 255, 255, 0.175);
}
#contact-form input[type="submit"].icon:before,
#contact-form input[type="reset"].icon:before,
#contact-form input[type="button"].icon:before,
#contact-form button.icon:before,
#contact-form .button.icon:before {
	margin-right: 0.5em;
}
#contact-form input[type="submit"].fit,
#contact-form input[type="reset"].fit,
#contact-form input[type="button"].fit,
#contact-form button.fit,
#contact-form .button.fit {
	width: 100%;
}
#contact-form input[type="submit"].small,
#contact-form input[type="reset"].small,
#contact-form input[type="button"].small,
#contact-form button.small,
#contact-form .button.small {
	font-size: 0.6rem;
	height: 2.0625rem;
	line-height: 2.0625rem;
}
#contact-form input[type="submit"].primary,
#contact-form input[type="reset"].primary,
#contact-form input[type="button"].primary,
#contact-form button.primary,
#contact-form .button.primary {
	background-color: #fff;
	color: #1b1f22 !important;
	font-weight: 600;
}
#contact-form input[type="submit"].disabled,
#contact-form input[type="submit"]:disabled,
#contact-form input[type="reset"].disabled,
#contact-form input[type="reset"]:disabled,
#contact-form input[type="button"].disabled,
#contact-form input[type="button"]:disabled,
#contact-form button.disabled,
#contact-form button:disabled,
#contact-form .button.disabled,
#contact-form .button:disabled {
	pointer-events: none;
	cursor: default;
	opacity: 0.25;
}
#contact-form input[type="submit"],
#contact-form input[type="reset"],
#contact-form input[type="button"],
#contact-form button {
	line-height: calc(2.75rem - 2px);
}
/* BG */
#bg {
	-moz-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
	-webkit-backface-visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 1;
}
#bg:before,
#bg:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#bg:before {
	-moz-transition: background-color 2.5s ease-in-out;
	-webkit-transition: background-color 2.5s ease-in-out;
	-ms-transition: background-color 2.5s ease-in-out;
	transition: background-color 2.5s ease-in-out;
	-moz-transition-delay: 0.75s;
	-webkit-transition-delay: 0.75s;
	-ms-transition-delay: 0.75s;
	transition-delay: 0.75s;
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), url("images/overlay.png");
	background-size: auto, 256px 256px;
	background-position: center, center;
	background-repeat: no-repeat, repeat;
	z-index: 2;
}
#bg:after {
	-moz-transform: scale(1.125);
	-webkit-transform: scale(1.125);
	-ms-transform: scale(1.125);
	transform: scale(1.125);
	-moz-transition: -moz-transform 0.325s ease-in-out, -moz-filter 0.325s ease-in-out;
	-webkit-transition: -webkit-transform 0.325s ease-in-out, -webkit-filter 0.325s ease-in-out;
	-ms-transition: -ms-transform 0.325s ease-in-out, -ms-filter 0.325s ease-in-out;
	transition: transform 0.325s ease-in-out, filter 0.325s ease-in-out;
	background-image: url("images/bg.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
}
body.is-article-visible #bg:after {
	-moz-transform: scale(1.0825);
	-webkit-transform: scale(1.0825);
	-ms-transform: scale(1.0825);
	transform: scale(1.0825);
	-moz-filter: blur(0.2rem);
	-webkit-filter: blur(0.2rem);
	-ms-filter: blur(0.2rem);
	filter: blur(0.2rem);
}
/* Wrapper */
#wrapper {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	position: relative;
	min-height: 100vh;
	width: 100%;
	padding: 4rem 2rem;
	z-index: 3;
}
#wrapper:before {
	content: '';
	display: block;
}
@media screen and (max-width: 1680px) {
#wrapper {
	padding: 3rem 2rem;
}
}
@media screen and (max-width: 736px) {
#wrapper {
	padding: 2rem 1rem;
}
}
@media screen and (max-width: 480px) {
#wrapper {
	padding: 1rem;
}
}
/* Header */
#header {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-moz-transition: -moz-transform 0.325s ease-in-out, -moz-filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
	-webkit-transition: -webkit-transform 0.325s ease-in-out, -webkit-filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
	-ms-transition: -ms-transform 0.325s ease-in-out, -ms-filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
	transition: transform 0.325s ease-in-out, filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
	background-image: -moz-radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%);
	background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%);
	background-image: -ms-radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%);
	background-image: radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%);
	max-width: 100%;
	text-align: center;
}
#header > * {
	-moz-transition: opacity 0.325s ease-in-out;
	-webkit-transition: opacity 0.325s ease-in-out;
	-ms-transition: opacity 0.325s ease-in-out;
	transition: opacity 0.325s ease-in-out;
	position: relative;
	margin-top: 3.5rem;
}
#header > *:before {
	content: '';
	display: block;
	position: absolute;
	top: calc(-3.5rem - 1px);
	left: calc(50% - 1px);
	width: 1px;
	height: calc(3.5rem + 1px);
	background: #fff;
}
#header > :first-child {
	margin-top: 0;
        margin-left: 3%;
}
#header > :first-child:before {
	display: none;
}
#header .logo {
	width: 15.5em;
	border-radius: 100%;
	
}
#header .logo a {
	border: 0 !important;
}
#header .logo img {
	width: 78%;
	height: 100%;
}
#header .content {
	border-style: solid;
	border-color: #fff;
	border-top-width: 1px;
	border-bottom-width: 1px;
	max-width: 100%;
}
#header .content .inner {
	-moz-transition: max-height 0.75s ease, padding 0.75s ease, opacity 0.325s ease-in-out;
	-webkit-transition: max-height 0.75s ease, padding 0.75s ease, opacity 0.325s ease-in-out;
	-ms-transition: max-height 0.75s ease, padding 0.75s ease, opacity 0.325s ease-in-out;
	transition: max-height 0.75s ease, padding 0.75s ease, opacity 0.325s ease-in-out;
	-moz-transition-delay: 0.25s;
	-webkit-transition-delay: 0.25s;
	-ms-transition-delay: 0.25s;
	transition-delay: 0.25s;
	padding: 3rem 2rem;
	max-height: 40rem;
	overflow: hidden;
}
#header .content .inner > :last-child {
	margin-bottom: 0;
}
#header .content p {
	text-transform: uppercase;
	letter-spacing: 0.2rem;
	font-size: 0.8rem;
	line-height: 2;
}
#header nav ul {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	margin-bottom: 0;
	list-style: none;
	padding-left: 0;
	border: solid 1px #fff;
	border-radius: 4px;
}
#header nav ul li {
	padding-left: 0;
	border-left: solid 1px #fff;
}
#header nav ul li:first-child {
	border-left: 0;
}
#header nav ul li a {
	display: block;
	min-width: 7.5rem;
	height: 2.75rem;
	line-height: 2.75rem;
	padding: 0 1.25rem 0 1.45rem;
	text-transform: uppercase;
	letter-spacing: 0.2rem;
	font-size: 0.8rem;
	border-bottom: 0;
}
#header nav ul li a:hover {
	background-color: rgba(255, 255, 255, 0.075);
}
#header nav ul li a:active {
	background-color: rgba(255, 255, 255, 0.175);
}
#header nav.use-middle:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: calc(50% - 1px);
	width: 1px;
	height: 100%;
	background: #fff;
}
#header nav.use-middle ul li.is-middle {
	border-left: 0;
}
body.is-article-visible #header {
	-moz-transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
	-moz-filter: blur(0.1rem);
	-webkit-filter: blur(0.1rem);
	-ms-filter: blur(0.1rem);
	filter: blur(0.1rem);
	opacity: 0;
}
body.is-preload #header {
	-moz-filter: none;
	-webkit-filter: none;
	-ms-filter: none;
	filter: none;
}
body.is-preload #header > * {
	opacity: 1;
}
@media screen and (max-width: 980px) {
#header .content p br {
	display: none;
}
}
@media screen and (max-width: 736px) {
#header > * {
	margin-top: 2rem;
}
#header > *:before {
	top: calc(-2rem - 1px);
	height: calc(2rem + 1px);
}
#header .logo {
	width: 9.75rem;
	height: 4.75rem;
	line-height: 4.75rem;
}
#header .logo .icon:before {
	font-size: 1.75rem;
}
#header .content .inner {
	padding: 2.5rem 1rem;
}
#header .content p {
	line-height: 1.875;
}
}
@media screen and (max-width: 640px) {
#header {
	padding: 1.5rem 0;
}
#header .content .inner {
	padding: 2.5rem 0;
}
#header nav ul {
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 10rem;
	max-width: 100%;
}
#header nav ul li {
	border-left: 0;
	border-top: solid 1px #fff;
}
#header nav ul li:first-child {
	border-top: 0;
}
#header nav ul li a {
	height: 3rem;
	line-height: 3rem;
	min-width: 0;
	width: 100%;
}
#header nav.use-middle:after {
	display: none;
}
}
/* Main */
#main {
	-moz-flex-grow: 1;
	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1;
	-moz-flex-shrink: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-shrink: 1;
	flex-shrink: 1;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	max-width: 100%;
	z-index: 3;
}
#main .onepage_page {
	-moz-transform: translateY(0.25rem);
	-webkit-transform: translateY(0.25rem);
	-ms-transform: translateY(0.25rem);
	transform: translateY(0.25rem);
	-moz-transition: opacity 0.325s ease-in-out, -moz-transform 0.325s ease-in-out;
	-webkit-transition: opacity 0.325s ease-in-out, -webkit-transform 0.325s ease-in-out;
	-ms-transition: opacity 0.325s ease-in-out, -ms-transform 0.325s ease-in-out;
	transition: opacity 0.325s ease-in-out, transform 0.325s ease-in-out;
	padding: 4.5rem 2.5rem 1.5rem 2.5rem;
	position: relative;
	width: 40rem;
	max-width: 100%;
	background-color: rgba(16, 4, 0, 0.15);
	border-radius: 4px;
	opacity: 1;
}
#main .onepage_page.active {
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
#main .onepage_page .close {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 4rem;
	height: 4rem;
	cursor: pointer;
	text-indent: 4rem;
	overflow: hidden;
	white-space: nowrap;
}
#main .onepage_page .close:before {
	-moz-transition: background-color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	content: '';
	display: block;
	position: absolute;
	top: 0.75rem;
	left: 0.75rem;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 100%;
	background-position: center;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 20 20' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %23ffffff%3B stroke-width: 1%3B %7D%3C/style%3E%3Cline x1='2' y1='2' x2='18' y2='18' /%3E%3Cline x1='18' y1='2' x2='2' y2='18' /%3E%3C/svg%3E");
	background-size: 20px 20px;
	background-repeat: no-repeat;
}
#main .onepage_page .close:hover:before {
	background-color: rgba(255, 255, 255, 0.075);
}
#main .onepage_page .close:active:before {
	background-color: rgba(255, 255, 255, 0.175);
}
@media screen and (max-width: 736px) {
#main .onepage_page {
	padding: 3.5rem 2rem 0.5rem 2rem;
}
#main .onepage_page .close:before {
	top: 0.875rem;
	left: 0.875rem;
	width: 2.25rem;
	height: 2.25rem;
	background-size: 14px 14px;
}
}
@media screen and (max-width: 480px) {
#main .onepage_page {
	padding: 3rem 1.5rem 0.5rem 1.5rem;
}
}
/* Footer */
#footer {
	-moz-transition: -moz-transform 0.325s ease-in-out, -moz-filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
	-webkit-transition: -webkit-transform 0.325s ease-in-out, -webkit-filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
	-ms-transition: -ms-transform 0.325s ease-in-out, -ms-filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
	transition: transform 0.325s ease-in-out, filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
	width: 100%;
	max-width: 100%;
	margin-top: 2rem;
	text-align: center;
}
#footer .copyright {
	letter-spacing: 0.2rem;
	font-size: 0.6rem;
	opacity: 0.75;
	margin-bottom: 0;
	text-transform: uppercase;
}
body.is-article-visible #footer {
	-moz-transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
	-moz-filter: blur(0.1rem);
	-webkit-filter: blur(0.1rem);
	-ms-filter: blur(0.1rem);
	filter: blur(0.1rem);
	opacity: 0;
}
body.is-preload #footer {
	opacity: 1;
}

#tinymce {
	padding: 1em;
}
.mce-branding-powered-by {
	display: none;
}
.mce-content-body a[data-mce-selected], .mce-content-body code[data-mce-selected] {
	background: rgba(255, 255, 255, 0.075);
}
.ajax-response {
	margin: 1em 0;
}
:root {
	scroll-behavior: smooth;
}







/* ab hier habe ich wiesiloos css eingefügt und auch die svg in diesen Ordner verschoben
 jetzt ist die Matrix schon mal sichtbar und die Zellen werden grün beim darüber fahren. 
 Leider ist der GC-Code dauerhaft sichtbar. Im html-Code habe ich im svg-Tag die width vom 450px auf 100% geändert
 und bei dem href-Tag noch ein target=_blank hizugefügt, finde ich persönlich schöner
 
  */






.site {
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center;
}

.theimage {
    width: 100%;     /* von 50 auf 100 erhöht */
}

#custom-shape {
	outline: 2px solid grey;
	background: url('matrix.svg');
}

.number {
  font-family: "Unica One", sans-serif;
  font-size: 170%;
  font-weight: bold;
  fill: grey;
}

#GCCode {
  font-family: "Unica One", sans-serif;
  font-size: 110%;
  font-weight: bold;
  fill: snow;
  opacity: 0;
  transition: 1.6s .3s;
}


#cell {
  fill: snow;
  opacity: 0.1;
  transition: 1.3s .3s;
}