/***
    fhs-sectionsOP
    Template-CSS for CMSimple_XH ≥ 1.7.4 
    version 1.0 - 2021/10
    © 2021 fhs - www.fhseidel.de
***/

/***
    THE TEMPLATE-COLORS ***
    The color specifications determine the appearance of the entire website.
    The specifications must be given as RGB values
    separated by commas with a semicolon at the end.
    So for example for black: "0, 0, 0;" or for white: "255, 255, 255;".
***/

:root {
/*  The main color of the template.
    This is used to color most of the graphic elements. */
	--mainColor: 250, 249, 240;

/*  Deviating from the main color of the template,
    a color for the normal text can be specified here. */
	--textColor: 0, 16, 16;

/*  The color for highlighted elements (e.g. active page in the menu) is set here. */
	--accentColor: 64, 167, 105;
 
/*  The default background color (usually white: 255, 255, 255) is determined here. */
	--mainBackgroundColor: 220, 220, 220;

/*  A second alternative background color. */
	--secondBackgroundColor: 240, 240, 240;
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 300;
	src: local(''), url('fonts/raleway-v19-latin-ext_cyrillic-ext-300.woff2') format('woff2'), url('fonts/raleway-v19-latin-ext_cyrillic-ext-300.woff') format('woff');
}
@font-face {
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 300;
	src: local(''), url('fonts/raleway-v19-latin-ext_cyrillic-ext-300italic.woff2') format('woff2'), url('fonts/raleway-v19-latin-ext_cyrillic-ext-300italic.woff') format('woff');
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	src: local(''), url('fonts/raleway-v19-latin-ext_cyrillic-ext-regular.woff2') format('woff2'), url('fonts/raleway-v19-latin-ext_cyrillic-ext-regular.woff') format('woff');
}
@font-face {
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 400;
	src: local(''), url('fonts/raleway-v19-latin-ext_cyrillic-ext-italic.woff2') format('woff2'), url('fonts/raleway-v19-latin-ext_cyrillic-ext-italic.woff') format('woff');
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 700;
	src: local(''), url('fonts/raleway-v19-latin-ext_cyrillic-ext-700.woff2') format('woff2'), url('fonts/raleway-v19-latin-ext_cyrillic-ext-700.woff') format('woff');
}
@font-face {
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 700;
	src: local(''), url('fonts/raleway-v19-latin-ext_cyrillic-ext-700italic.woff2') format('woff2'), url('fonts/raleway-v19-latin-ext_cyrillic-ext-700italic.woff') format('woff');
}
* {
	margin:0;
	padding:0;
	box-sizing: border-box;
}
body {
	background: rgba(var(--mainBackgroundColor), 1);
	color: rgba(var(--textColor), 1);
	-webkit-hyphens: auto;
	hyphens: auto;
	-webkit-font-smoothing: antialiased;
	overflow-X: hidden;
	overflow-Y: scroll;
	max-width: 2340px;
	margin: 0 auto;
	font: 400 normal 18px/1.5em Raleway, sans-serif;
}
p.noMargin,
div.noMargin {
	margin: 0 !important;
}
span.highlightedText,
p.highlightedText,
div.highlightedText {
	color: rgba(var(--accentColor), .9);
}
span.sticker {
	font-size: .8em;
	background: rgba(var(--accentColor), 1);
	padding: .1em .5em;
	color: rgba(var(--mainBackgroundColor), 1);
	border-radius: 3px;
}
a.linkButton {
	font-size: 1.1em;
	border: 0;
	padding: .25em 1.5em;
	background: rgba(var(--secondBackgroundColor), 1);
	margin: 1em 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 3px;
}
a.linkButton:hover,
a.linkButton:focus {
	color: rgba(var(--textColor), 1);
	background: rgba(var(--mainColor), .1);
	border: 0 !important;
}
p.subheading {
	font-size: 1.35em;
	padding: .5em 0 .1em 0;
	font-weight: 400;
	color: rgba(var(--mainColor), 1);
	margin: 0;
}
p.leadText {
	font-size: .9em;
	font-weight: 700;
	color: rgba(var(--textColor), .75);
	max-width: calc(50% - 1em);
}
p.imgNormal {
	width: 100% !important;
	margin: 2em 0 !important;
	text-align: center;
}
p.imgNormal + p.imgCaption {
	margin: -2em 0 2em 0 !important;
}
p.imgNormal img {
}
p.imgCaption {
	color: rgba(var(--textColor), .5);
	font-size: .75em;
	line-height: 1.25;
	margin: .5em auto;
	padding: .25em;
	text-align: center;
	font-weight: 700;
}
p.imgCaption a {
	color: rgba(var(--textColor), .75);
}
p.imgCaption a:hover,
p.imgCaption a:focus {
	color: rgba(var(--textColor), 1) !important;
}
p.footNote {
	color: rgba(var(--textColor), .75);
	font-size: .75em;
	display: inline-block;
	border-top: 1px dotted rgba(var(--textColor), .5);
	line-height: 1.25;
	padding-top: .25em;
}
p.spotLight,
span.spotLight {
	background: linear-gradient(90deg, rgba(var(--mainBackgroundColor), 0), rgba(var(--mainBackgroundColor), 1), rgba(var(--mainBackgroundColor), 0));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	background-repeat: no-repeat;
	background-size: 80%;
	animation: spotLight 10s linear infinite;
	position: relative;
	text-shadow: none;
}
@keyframes spotLight {
 0% {
 background-position-x: -500%;
}
 100% {
 background-position-x: 500%;
}
}
p.spotLightFast,
span.spotLightFast {
	background: linear-gradient(90deg, rgba(var(--mainBackgroundColor), 0), rgba(var(--mainBackgroundColor), 1), rgba(var(--mainBackgroundColor), 0));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	background-repeat: no-repeat;
	background-size: 80%;
	animation: spotLightFast 7s linear infinite;
	position: relative;
	text-shadow: none;
}
@keyframes spotLightFast {
 0% {
 background-position-x: -500%;
}
 100% {
 background-position-x: 500%;
}
}
p.spotDark,
span.spotDark {
	background: linear-gradient(90deg, rgba(var(--textColor), 0), rgba(var(--textColor), 1), rgba(var(--textColor), 0));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	background-repeat: no-repeat;
	background-size: 80%;
	animation: spotDark 10s linear infinite;
	position: relative;
	text-shadow: none;
}
@keyframes spotDark {
 0% {
 background-position-x: -500%;
}
 100% {
 background-position-x: 500%;
}
}
p.spotDarkFast,
span.spotDarkFast {
	background: linear-gradient(90deg, rgba(var(--textColor), 0), rgba(var(--textColor), 1), rgba(var(--textColor), 0));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	background-repeat: no-repeat;
	background-size: 80%;
	animation: spotDarkFast 7s linear infinite;
	position: relative;
	text-shadow: none;
}
@keyframes spotDarkFast {
 0% {
 background-position-x: -500%;
}
 100% {
 background-position-x: 500%;
}
}
p {
	margin: 0 0 1.5em 0;
	text-align: justify;
}
div.breakAvoid,
p.breakAvoid {
	break-inside: avoid;
}
div.text2cols,
p.text2cols {
	clear: both;
	column-count: 2;
	column-width: 350px;
	column-gap: 50px;
	column-rule: 0;
	column-fill: balance;
	orphans: 2;
	widows: 2;
	margin: 0 0 1.5em 0;
}
div.text3cols,
p.text3cols {
	clear: both;
	column-count: 3;
	column-width: 300px;
	column-gap: 4em;
	column-rule: 0;
	column-fill: balance;
	orphans: 2;
	widows: 2;
	margin: 0 0 1.5em 0;
	height: 320px;
}
div.legalNotices {
	font-size: .9em;
	line-height: 1.5em;
	height: 350px;
	overflow-y: scroll;
	background: rgba(var(--secondBackgroundColor), .25);
	border: 1px solid rgba(var(--mainColor), .25);
	border-radius: 3px;
	padding: 1em 2em;
	--scrollbarBG: rgba(var(--mainBackgroundColor), .5);
	--thumbBG: rgba(var(--mainColor), .5);
	scrollbar-width: thin;
	width: 100%;
	margin: 2em 0;
}
div.legalNotices p {
	margin: 0 0 20px 0;
}
a:not(.jstree-anchor),
ul a:not(.jstree-anchor),
#tinymce a,
.xh_login a {
	text-decoration: none;
	color: rgba(var(--textColor), .75);
	border-bottom: 1px dotted rgba(var(--mainColor), .5);
}
a:hover,
ul a:hover,
#tinymce a:hover {
	border-color: rgba(var(--accentColor), 1);
	color: rgba(var(--accentColor), 1);
}
a[target="_blank"]::after {
	content: "↑";
	padding: 0 0 0 .25em;
	transform: rotate(45deg);
	display: inline-block;
	font-weight: bold;
}
a#topLink {
	background: rgba(var(--mainBackgroundColor), .5);
	transition: all .5s ease;
	display: inline-block;
	width: 100%;
	height: 100%;
}
a#onepage_toplink {
	position: fixed;
	bottom: 1em;
	right: 1em;
	width: 40px;
	height: 40px;
	background: rgba(var(--mainColor), .25);
	z-index: 100;
	display: none;
	border-radius: 3px;
	border: 1px solid rgba(var(--mainBackgroundColor), .25) !important;
}
.burger {
	cursor: pointer;
	display: none;
	margin-left: .5em;
	padding: 20px;
	z-index: 100;
	position: absolute;
	right: 15px;
	top: 45px;
	border: 1px solid rgba(var(--mainBackgroundColor), .25);
	border-radius: 3px;
	width: 40px;
	height: 40px;
}
.line {
	position: absolute;
	left: 7px;
	height: 4px;
	width: 25px;
	background: rgba(var(--mainBackgroundColor), 1);
	border-radius: 2px;
	display: block;
	transition: 0.5s;
	transform-origin: center;
}
.line:nth-child(1) {
	top: 12px;
}
.line:nth-child(2) {
	top: 20px;
}
.line:nth-child(3) {
	top: 28px;
}
.burger.active .line:nth-child(1) {
	transform: translateY(8px) rotate(-45deg);
}
.burger.active .line:nth-child(2) {
	opacity: 0;
}
.burger.active .line:nth-child(3) {
	transform: translateY(-8px) rotate(45deg);
}
p.clear,
div.clear {
	clear: both;
}
hr {
	border: 0;
	border-bottom: 1px solid rgba(var(--accentColor), 1);
	height: 0;
	clear: both;
	margin: 1em 0;
	width: 100%;
}
hr.hrdot {
	border: 0;
	border-bottom: 1px dotted rgba(var(--accentColor), 1);
	height: 0px;
	clear: both;
	margin: 1em 0;
}
hr.hrBold {
	border: 0;
	border-bottom: 6px solid rgba(var(--accentColor), 1);
	height: 0;
	clear: both;
	margin: .5em 0;
	border-radius: 3px;
}
img {
	border: 0 none;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}
p.noBr,
span.noBr,
td.noBr {
	white-space: nowrap;
}
p.subHeading {
	font-size: 1.25em;
	margin: .5em 0 .25em 0;
}
code,
span.code {
	background-color: rgba(var(--mainColor), .1);
	padding: .1em .25em;
	border-radius: 3px;
	font: 0.9em/1.25 monospace;
	color: rgba(var(--textColor), .75);
}
p.code,
div.code {
	background-color: rgba(var(--mainColor), .1);
	border: 1px solid rgba(var(--mainColor), .1);
	border-radius: 3px;
	padding: 1em 2em;
	clear: both;
	word-wrap: break-word;
	margin: .75em 0 !important;
	display: inline-block;
	text-align: left;
	width: 100% !important;
	font: 0.9em/1.25 monospace;
	color: rgba(var(--textColor), .75);
}
p.code + p.imgCaption,
div.code + p.imgCaption {
	margin-top: -.5em !important;
}
p.smallerTxt,
span.smallerTxt,
div.smallerTxt {
	font-size: .8em;
}
p.biggerTxt,
span.biggerTxt,
div.biggerTxt {
	font-size: 1.2em;
}
blockquote {
	margin: 1em 0;
	background: rgba(var(--mainColor), .05);
	border-left: 15px solid rgba(var(--accentColor), .5);
	border-right: 15px solid rgba(var(--accentColor), .5);
	border-radius: 3px;
	padding: 1em 2em;
	position: relative;
}
blockquote p {
	width: 100%;
	margin: 0 !important;
}
p.source {
	color: rgba(var(--accentColor), .9);
	font-style: italic;
	margin-bottom: 0 !important;
	text-align: right;
}
p.source:before {
	content: "—";
	vertical-align: -20%;
}
blockquote a:link,
blockquote a:visited {
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: rgba(var(--textColor), .75);
	font-weight: 400;
	line-height: 1.25em;
	margin: 0 0 .25em 0;
}
h1 {
	color: rgba(var(--accentColor), 1);
	font-size: 2.0em;
	font-weight: bold;
	line-height: 1;
}
h2 {
	color: rgba(var(--accentColor), 1);
	font-size: 2.7em;
    font-weight: bold;
}
h3 {
	color: rgba(var(--accentColor), 1);
	font-size: 1.6em
    font-weight: bold;
}
h4 {
	font-size: 1.4em;
    font-weight: bold;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.0em;
}
ol {
	text-align: left;
	padding: 0 0 0 2em;
	list-style: decimal;
	margin: .75em 0;
	orphans: 2;
	widows: 2;
}
ol ol {
	margin: 0;
	padding: 0 0 0 1em;
	list-style: upper-alpha;
}
ol ol ol {
	margin: 0;
	padding: 0 0 0 1em;
	list-style: lower-alpha;
}
ol li {
	margin: 0;
	padding: 0;
	orphans: 2;
	widows: 2;
}
ul.listUnordered,
ul.xh_search_results {
	text-align: left;
	list-style: none;
	margin: .75em 0;
}
ul.listUnordered ul,
ul.xh_search_results ul {
	margin: 0;
	list-style: none;
	orphans: 2;
	widows: 2;
}
ul.listUnordered li,
ul.xh_search_results li {
	margin-left: 1em;
	orphans: 2;
	widows: 2;
}
ul.listUnordered li::before,
ul.xh_search_results li::before {
	content: '»';
	margin-left: -1em;
	width: 1em;
	display: inline-block;
}
ul.listUnordered ul li:before {
	content: '›';
	margin-left: -1em;
	width: 1em;
	display: inline-block;
}
ul.listUnordered ul ul li:before {
	content: '·';
	margin-left: -1em;
	width: 1em;
	display: inline-block;
}
#header {
	background: #333333;
	position: fixed;
	height: 100px;
	z-index: 1;
	top: 0;
	width: 100%;
	max-width: 2340px;
}
#header .headerInner {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 3em;
}
#header a.homeLink {
	text-decoration: none;
	margin: 0 15px 0 0;
	border: 0;
}
.headerTxt {
	color: #fff) !important;
	text-shadow: 1px 1px 0 rgba(0,0,0,1);
}
#header img {
	width: auto;
	height: auto;
	max-height: 40px;
}
#header .slogan {
	margin: 0;
	font-weight: 400;
}
.langMenu {
	position: absolute;
	right: 20px;
	top: 10px;
}
.langMenu img {
	padding: 0;
}
.langMenu a {
	display: inline-block;
	padding: 0 0 .1em .1em;
	border: 0;
}
.wrapper {
}
.mainContent {
	margin: 100px 0 0 0;
}
.mainContent article {
	overflow: visible;
	min-height: 100vh;
}
#footer {
	background: #333333;
	color: #fff;
	padding: 2em;
	hyphens: none;
	font-size: .9em;
	text-align: center !important;
}
#footer p {
	margin: .5em 0 !important;
	text-align: center !important;
}
#footer a {
	border-bottom: 1px dotted rgba(var(--mainBackgroundColor), .5);
	color: rgba(var(--mainBackgroundColor), 1);
}
#footer a:hover,
#footer a:focus {
	background: rgba(var(--mainBackgroundColor), .25);
}
footer img {
	max-height: 30px;
	margin: 0;
}
.mainMenu {
}
#mainNav {
	position: absolute;
	right: 40px;
	top: 50px;
}
#mainNav ul {
}
.menulevel2 {
	display: none;
}
#mainNav ul li {
	list-style: none;
	display: inline-block;
}
#mainNav ul li a {
	background: #333333;
	color: #c4c4c4;
	font-size: 22px;
	line-height: 20px;
	text-decoration: none;
	padding: 5px;
	display: block;
	margin: 1px;
	border: 0px solid transparent;
	border-radius: 3px;
	transition: 0.5s;
}
#mainNav a:hover {
	background: #dd2c00;
	color: #fff;
}
.sdoc a {
	border-color: rgba(var(--mainBackgroundColor), .75) !important;
}
table.respTable {
	font-family: inherit !important;
	line-height: 1em;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	white-space: nowrap;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1em 0;
	-webkit-overflow-scrolling: touch;
	padding: 0 0 .5em 0;
	line-height: 1.25;
}
table.respTable caption {
	text-align: left;
	padding: 0 0 1em 0;
	font-family: inherit !important;
	font-size: .9em;
	font-weight: 700;
	color: rgba(var(--mainColor), 1);
}
.respTable thead th {
	font-family: inherit !important;
	font-weight: 700;
	font-size: .9em;
	padding: .5em;
	text-align: left;
	background: rgba(var(--mainColor), .75);
	color: rgba(var(--mainBackgroundColor), 1);
	vertical-align: bottom;
	border: 1px solid rgba(var(--mainBackgroundColor), .75);
	border-top: 0;
	border-bottom: 0;
}
.respTable tbody th {
	padding: .5em;
	text-align: left;
	background: rgba(var(--mainColor), .5);
	color: rgba(var(--mainBackgroundColor), 1);
	font-weight: 700;
	font-size: 1em;
	vertical-align: bottom;
	border: 1px solid rgba(var(--mainBackgroundColor), .75);
	border-top: 0;
	border-bottom: 0;
}
.respTable td {
	padding: .5em;
	border: 1px solid rgba(var(--mainColor), .1);
	vertical-align: top;
}
.respTable td p {
	margin: 0;
}
.respTable tr:nth-child(even) {
	background: rgba(var(--mainColor), .1);
}
.respTable td:last-child {
	text-align: center;
}
/*** SECTIONS / SNIPPETS ***/
section {
	padding: 5em;
	overflow: hidden;
}
section:after {
	content: '';
}
section p:last-child {
	margin-bottom: 0;
}
.onepage_page {
}
section div.sectionContent {
	display: flex;
	max-width: 1200px;
	margin: 0 auto;
}
/* swiper section (start 1) */
section.sectionSwiper {
	background: #fff;
	padding: 0;
	position: relative;
}
section.sectionSwiper div.bigSwiperText {
	display: flex;
	position: absolute;
	bottom: 2em;
	left: 3em;
	right: 0;
	flex-flow: column;
	justify-content: center;
	align-items: left;
	text-align: center;
}
div.bigSwiperText h2 {
	color: rgba(var(--mainBackgroundColor), 1);
	font-size: calc(50px + (10) * (100vw - 400px) / (800 - 400)); /* Wow! What's that? An alien? */
	font-weight: bold;
	line-height: normal;
	text-shadow: 1px 1px 0 rgba(var(--textColor), 1);
}
section.sectionSwiper div.bigSwiperText a {
	font-size: 2.7em;
	line-height: normal;
	margin: 0 0 0em 0;
	line-height: normal;
	color: #fff;
	background: rgba(34, 34, 34, 0.95);
	padding: 1.2em 1.6em;
	border: 0px solid #8a6c6c;
	border-radius: 70px;
	display: inline-block;
	max-width: 610px;
	text-align: left;
}
section.sectionSwiper div.bigSwiperText a:hover {
	background: #dd2c00;
	color: #fff;
}
/* section start 2 */
section.sectionStart2 {
	min-height: calc(100vh - 100px);
	background: #fff;
	display: flex;
	flex-flow: row-reverse;
	align-items: flex-end;
}
section.sectionStart2 div.sectionContent {
	display: inline-block;
	max-width: 1200px;
	margin: 0;
	border: 1px solid rgba(var(--mainBackgroundColor), .5);
	border-radius: 0.5em;
	padding: 1em;
	background: rgba(var(--mainColor), .75);
	color: rgba(var(--mainBackgroundColor), 1);
	text-align: center;
	font-size: 1.15em;
}
section.sectionStart2 div.sectionContent h2 {
	color: #6b4444;
	font-size: 2em;
}
section.sectionStart2 div.sectionContent p {
	color: #6b4444;
	font-size: 1.4em;
	text-align: center;
	margin: 0 0 .5em 0;
}
section.sectionStart2 div.sectionContent a {
	background: rgba(var(--mainColor), .5);
	color: #6b4444;
	padding: .1em .5em;
	border: 1px solid #6b4444;
	border-radius: 7px;
	font-size: 1.2em;
}
section.sectionStart2 div.sectionContent a:hover {
	background: rgba(var(--mainBackgroundColor), .25);
}
/* section 01 */
section.section01 {
	background: #e4d2c0;
	background: linear-gradient(90deg, rgba(var(--secondBackgroundColor), 1) 33%, rgba(var(--mainBackgroundColor), 1) 33%);
}
section.section01 .sectionImg {
	width: 38.2%;
	text-align: center;
}
section.section01 .sectionImg img {
	box-shadow: 0 0 10px 5px rgba(var(--mainColor), .07);
	width: 100%;
	border-radius: 3px;
}
section.section01 .sectionText {
	width: 61.8%;
	padding: 0 0 0 2em;
	display: flex;
	flex-flow: column;
	justify-content: center;
}
/* section 02 */
section.section02 {
}
section.section02 div.sectionContent {
	position: relative;
	flex-flow: row;
	align-items: center;
}
section.section02 .sectionTextLeft {
	width: 61.8%;
	padding: 0 5em 0 0;
}
section.section02 .sectionTextRight {
	width: 38.2%;
	padding: 2em;
	background: rgba(var(--secondBackgroundColor), .5);
	border-radius: 3px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}
/* section 03 */
section.section03 {
	background: #e4d2c0;
	background: linear-gradient(-90deg, rgba(var(--secondBackgroundColor), 1) 33%, rgba(var(--mainBackgroundColor), 1) 33%);
}
section.section03 .sectionImg {
	width: 61.8%;
}
section.section03 .sectionImg img {
	box-shadow: 0 0 10px 5px rgba(var(--mainColor), .07);
	width: 100%;
	border-radius: 3px;
}
section.section03 .sectionText {
	width: 38.2%;
	padding: 0 2em 0 0;
	display: flex;
	flex-flow: column;
	justify-content: center;
}
/* section 04 */
section.section04 {
	background: rgba(var(--secondBackgroundColor), .25);
}
section.section04 .sectionText {
	width: 100%;
}

/* section video */
section.sectionvideo {
	background: #333333;
	color: #fff;
}
section.sectionvideo .sectionText {
	width: 100%;
}

/* section tipps */
section.sectiontipps {
	background: #434242;
	color: #fff;
	margin-left: auto; 
	margin-right: auto;
}
section.sectiontipps .sectionText {
	width: 100%;
	margin-left: auto; 
	margin-right: auto;
}
.tipps {
	max-width: 700px;
	margin-left: auto; 
	margin-right: auto;
}



/* section 05 */
section.section05 {
	background: #e4d2c0;
	background: linear-gradient(90deg, rgba(var(--secondBackgroundColor), 1) 67%, rgba(var(--mainBackgroundColor), 1) 67%);
}
section.section05 div.sectionContent {
	position: relative;
	flex-flow: column;
	justify-content: center;
}
section.section05 .sectionImg {
	width: 61.8%;
}
section.section05 .sectionImg img {
	box-shadow: 0 0 10px 5px rgba(var(--mainColor), .07);
	width: 100%;
	border-radius: 3px;
}
section.section05 .sectionText {
	box-shadow: 0 0 10px 5px rgba(var(--mainColor), .07);
	width: 50%;
	padding: 2em;
	background: rgba(var(--mainBackgroundColor), 1);
	margin: 0 0 0 -4em;
	border-radius: 3px;
	position: absolute;
	right: 0;
}
/* section 06 */
section.section06 {
	background: rgba(var(--secondBackgroundColor), .1);
}
section.section06 .sectionContent {
	display: block;
}
/* section 07 */
section.section07 {
	background: #e4d2c0;
	background: linear-gradient(-90deg, rgba(var(--secondBackgroundColor), 1) 33%, rgba(var(--mainBackgroundColor), 1) 33%);
}
section.section07 .sectionImg {
	width: 61.8%;
}
section.section07 .yp-video-container {
	box-shadow: 0 0 10px 5px rgba(var(--mainColor), .07);
	width: 100%;
	border-radius: 3px;
}
section.section07 .sectionText {
	width: 38.2%;
	padding: 0 2em 0 0;
	display: flex;
	flex-flow: column;
	justify-content: center;
	text-align: right;
}
.yp-video-container::after {
	padding-top: 37.5% !important;
	display: block;
	content: '';
}
.yp-video-container .yp-video_preview_text {
	font-family: inherit !important;
	font-size: .8em;
	background: rgba(0,0,0,0.5);
}
/* section 3 boxes */
section.section3Boxes {
	max-width: 1200px;
	margin: 0 auto;
	padding: 5em 0;
}
div.boxDiv {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
div.boxDiv .box3cols {
	width: calc(33.33333% - 15px);
	padding: 30px;
	background: #f4f4f4;
	border: 1px solid #333333;
	border-radius: 7px;
	margin: 0 15px 15px 0;
	text-align: center;
}
div.boxDiv .box3cols p {
	margin: 0 0 .5em 0;
	text-align: center;
}
div.boxDiv .box3cols p:last-of-type {
	margin: 0;
}
/* section contact */
section.sectionContact {
	background: rgba(var(--secondBackgroundColor), .25);
}
section.sectionContact div.sectionContent {
	align-items: flex-start;
}
section.sectionContact .sectionTextLeft {
	width: 61.8%;
	padding: 0 5em 0 0;
}
section.sectionContact .sectionTextRight {
	width: 38.2%;
	border-radius: 3px;
}

.video {
  float: left;
  width: 800px;
}


/***/

@media only screen and (max-width: 1340px) {
#header .slogan {
	display: none;
}
.sitename {
	position: absolute;
	top: 20px;
}
section.section3Boxes {
	padding: 4em 2em;
}
section.normalSection .sectionContent {
	max-width: 100%;
}
.video {
  float: left;
  width: 100%;
}
.burger {
	display: block;
}
#mainNav {
	position: absolute;
	z-index: 99;
	background: rgba(var(--mainColor), 1);
	height: calc(100vh - 100px);
	width: 100%;
	max-width: 100%;
	left: 0;
	top: 0;
	padding: 2em;
	display: none;
	margin-top: 100px;
	overflow: auto;
}
#mainNav ul li {
	display: block;
}
#mainNav ul li a {
	margin: 5px 0;
	text-align: center;
}
}
@media only screen and (max-width: 980px) {
body {
	font-size: 17px;
}
section {
	padding: 4em 2em;
}
div.boxDiv .box3cols {
	width: calc(50% - 30px);
}
}
@media only screen and (max-width: 769px) {
body {
	font-size: 16px;
}
.burger {
	display: block;
}
#mainNav {
	position: absolute;
	z-index: 99;
	background: rgba(var(--mainColor), 1);
	height: calc(100vh - 100px);
	width: 100%;
	max-width: 100%;
	left: 0;
	top: 0;
	padding: 2em;
	display: none;
	margin-top: 100px;
	overflow: auto;
}
#mainNav ul li {
	display: block;
}
#mainNav ul li a {
	margin: 5px 0;
	text-align: center;
}
section.sectionStart2 div.sectionContent {
	width: 100%;
}
/*01*/
section.section01 {
	padding: 2em;
	background: #e4d2c0;
	background: linear-gradient(180deg, rgba(var(--secondBackgroundColor), 1) 33%, rgba(var(--mainBackgroundColor), 1) 33%);
}
section.section01 .sectionContent {
	display: block;
}
section.section01 .sectionImg {
	width: 100%;
}
section.section01 .sectionText {
	width: 100%;
	padding: 0;
}
/*02*/
section.section02 {
	padding: 2em;
}
section.section02 .sectionContent {
	display: block;
}
section.section02 .sectionTextLeft {
	width: 100%;
	padding: 0;
}
section.section02 .sectionTextRight {
	width: 100%;
	padding: 2em;
	margin: 1em 0;
}
/*03*/
section.section03 {
	padding: 2em;
	background: #e4d2c0;
	background: linear-gradient(180deg, rgba(var(--secondBackgroundColor), 1) 67%, rgba(var(--mainBackgroundColor), 1) 67%);
}
section.section03 .sectionContent {
	display: block;
}
section.section03 .sectionImg {
	width: 100%;
}
section.section03 .sectionText {
	width: 100%;
	padding: 2em 0;
	text-align: left;
}
/*04*/
section.section04 {
	padding: 2em;
}

/*video*/
section.sectionvideo {
	padding: 2em;
}
section.sectionvideo .sectionText {
	width: 100%;
}


p.leadText {
	max-width: 100%;
}
/*05*/
section.section05 {
	padding: 2em;
	background: #e4d2c0;
	background: rgba(var(--secondBackgroundColor), 1);
}
section.section05 .sectionImg {
	width: 100%;
}
section.section05 .sectionText {
	width: 100%;
	padding: 2em;
	margin: 0;
	position: relative;
	border-radius: 3px;
}
/*07*/
section.section07 {
	padding: 2em;
	background: #e4d2c0;
	background: linear-gradient(180deg, rgba(var(--secondBackgroundColor), 1) 67%, rgba(var(--mainBackgroundColor), 1) 67%);
}
section.section07 .sectionContent {
	display: block;
}
section.section07 .sectionImg {
	width: 100%;
}
section.section07 .sectionText {
	width: 100%;
	padding: 2em 0;
	text-align: left;
}
section div.sectionContent {
	display: block;
}
section.sectionContact .sectionTextLeft {
	width: 100%;
	padding: 0;
}
section.sectionContact .sectionTextRight {
	width: 100%;
	padding: 0;
}
.slogan {
	display: inline-block !important;
	position: absolute;
}
h2 {
	font-size: 2.5em;
}
}
@media only screen and (max-width : 640px) {
body {
	font-size: 15px;
}
div.boxDiv .box3cols {
	width: 100%;
	margin: 15px 0;
}
.video {
  width: 500px;
}
h2 {
	font-size: 2.4em;
}
section.sectionSwiper div.bigSwiperText a {
	font-size: 1.7em;
}
}
@media only screen and (max-width : 480px) {
body {
	font-size: 14px;
}
p {
	text-align: left;
}
.headerTxt {
	display: none;
}
blockquote {
	padding: 1em;
}
.video {
  width: 300px;
}
h2 {
	font-size: 2.2em;
}
}
h1.sitename {
	display: inline-block;
	margin: 0;
	font-size: 2em;
	font-weight: 400;
	padding: 0;
	border: 0;
	text-align: left;
	color: rgba(var(--mainBackgroundColor), 1);
}
#tinymce {
	background-color: rgba(var(--mainBackgroundColor), 1);
	background-image: none;
	-webkit-hyphens:auto;
	hyphens:auto;
	-webkit-font-smoothing: antialiased;
}
#xh_mailform div {
	width: 100%;
	margin: 0 0 .75em 0;
}
form.xh_mailform {
	padding: 1em 2em;
	background: #c4c4c4;
	border-radius: 3px;
	border: 0px solid #222222;
}
form.xh_mailform label {
	margin: .5em 0 0 0;
	display: inline-block;
	font-size: .9em;
}
form.xh_mailform input,
form.xh_mailform textarea {
	font: 1em/1em system-ui, sans-serif;
	padding: .25em .5em;
	border: 1px solid rgba(var(--mainColor), .1);
	border-radius: 3px;
	width: 100%;
	max-width: 100%;
}
form.xh_mailform input:focus,
form.xh_mailform textarea:focus {
	outline: none;
}
form.xh_mailform .xh_captcha_input {
	border: 1px solid rgba(var(--mainColor), .1);
	border-radius: 0 5px 5px 0;
	padding: .25em .5em !important;
	line-height: normal !important;
	text-align: center;
	width: 5em;
	margin: 1em 0 0 0;
}
form.xh_mailform .xh_captcha_code {
	background-color: rgba(var(--mainColor), .75);
	border: 0px solid rgba(var(--mainColor), .1);
	border-right: 0;
	border-radius: 5px 0 0 5px;
	color: #6b4444;
	float: left;
	padding: .25em .5em;
	line-height: normal !important;
	width: 5em;
	text-align: center;
	margin: 1em 0 0 0;
}
form.xh_mailform p {
	margin: 0 1em 0 0 !important;
	padding: 1em 0 0 0;
}
form.xh_mailform input[type="submit"] {
	font-family: inherit !important;
	background-color: #222222;
	padding: .25em .5em;
	border: 1px solid #222222;
	margin: 1em 0 0 0;
	color: #fff;
	cursor: pointer;
	font-size: 1.1em;
	line-height: 1;
}
form.xh_mailform input[type=submit]:hover,
form.xh_mailform input[type=submit]:focus {
	background-color: rgba(var(--accentColor), 1);
	border: 1px solid rgba(var(--mainColor), .25);
}
body.xh_login {
	background: rgba(var(--mainColor), .1) url(images/XH-Logo_bg.png) no-repeat fixed center center;
	background-size: contain;
	margin: 0 !important;
	padding: 0 !important;
}
body.xh_login .xh_login {
	border: 1px solid rgba(var(--mainColor), .1);
	box-shadow: inset 2px 2px 1px rgba(var(--mainBackgroundColor), .75), inset -2px -2px 1px rgba(var(--mainColor), .1);
	background: rgba(var(--mainBackgroundColor), .25);
	border-radius: 0;
	margin: 0;
	padding: 1em;
	position: absolute;
	left: 50%;
	top: 50%;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
}
body.xh_login h1 {
	margin: 0 0 .25em 0 !important;
	text-align: center !important;
	text-transform: none;
	color: rgba(var(--mainColor), 1);
	font-size: 2em;
	font-style: normal;
	line-height: 1.25;
	font-weight: normal;
	font-variant: normal;
}
.xh_login p {
	text-align: center !important;
	margin: 1em 0 !important;
	color: rgba(var(--textColor), 1);
}
a.noArrow::after {
	content: '';
}
.sectionLink a {
	position: fixed;
	top: 50%;
	left: 0;
	background: rgba(var(--accentColor), 1);
	color: rgba(var(--mainBackgroundColor), 1);
	padding: .25em .5em;
	border-radius: 0 5px 5px 0;
	font-size: .8em;
}
.sectionLink a:hover {
	background: rgba(var(--accentColor), .5);
	color: rgba(var(--mainBackgroundColor), 1);
}
p.printWindow {
	text-align: right;
	font-size: .9em;
	margin: -1em 0 1em 0 !important;
}
.print p.printWindow {
	display: none;
}
@media print {
	p.printWindow {
		display: none;
	}
}
/***/

/* specials for tinymce 5 */
.tox :not(svg):not(rect) {
	line-height: normal !important;
}
.tox-collection__item-label {
	white-space: nowrap !important;
}