/*
	"fhs-motley-tiles" Template-CSS
	for CMSimple_XH >= 1.7
	v1.0 2019-09-12
	www.fhseidel.de
*/

/* delete this @import-rule for your website - it's only for demo */
@import url("demo-stylesheet.css");

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

/*** fonts ***/	
/*** Open Sans 300, 400, 600 ***/
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(fonts/opensans/open-sans-v16-cyrillic-ext_latin-ext-300.woff2) format('woff2'),url(fonts/opensans/open-sans-v16-cyrillic-ext_latin-ext-300.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(fonts/opensans/open-sans-v16-cyrillic-ext_latin-ext-regular.woff2) format('woff2'),url(fonts/opensans/open-sans-v16-cyrillic-ext_latin-ext-regular.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),local('OpenSans-LightItalic'),url(fonts/opensans/open-sans-v16-cyrillic-ext_latin-ext-300italic.woff2) format('woff2'),url(fonts/opensans/open-sans-v16-cyrillic-ext_latin-ext-300italic.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(fonts/opensans/open-sans-v16-cyrillic-ext_latin-ext-italic.woff2) format('woff2'),url(fonts/opensans/open-sans-v16-cyrillic-ext_latin-ext-italic.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(fonts/opensans/open-sans-v16-cyrillic-ext_latin-ext-600.woff2) format('woff2'),url(fonts/opensans/open-sans-v16-cyrillic-ext_latin-ext-600.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'),local('OpenSans-SemiBoldItalic'),url(fonts/opensans/open-sans-v16-cyrillic-ext_latin-ext-600italic.woff2) format('woff2'),url(fonts/opensans/open-sans-v16-cyrillic-ext_latin-ext-600italic.woff) format('woff')}
i, em {
	font-style: italic;
}
b, strong {
	font-weight: 600;
}
span.OpenSansLight, p.OpenSansLight, div.OpenSansLight {
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
}

/* background images */

.bgImg01 {
	background: url(images/example-images/slide0.jpg) no-repeat;
}
.bgImg02 {
	background: url(images/example-images/slide1.jpg) no-repeat;
}
.bgImg03 {
	background: url(images/example-images/slide2.jpg) no-repeat;
}
.bgImg04 {
	background: url(images/example-images/slide3.jpg) no-repeat;
}
.bgImg05 {
	background: url(images/example-images/slide4.jpg) no-repeat;
}
.bgImg06 {
	background: url(images/example-images/slide5.jpg) no-repeat;
}
.bgImg07 {
	background: url(images/example-images/pickup_titelseite.jpg) no-repeat;
}
.bgImg08 {
	background: url(images/example-images/pickuo_XR.jpg) no-repeat;
}
.bgImg09 {
	background: url(images/example-images/pickup_XR_hill.jpg) no-repeat;
}
.bgImg10 {
	background: url(images/example-images/fernsehgarten_097.jpg) no-repeat;
}
.bgImg11 {
	background: url(images/example-images/malle-vibes-page-bg.jpg) no-repeat;
}


/* ************************* Responsive Table */
.rsptable {
color: #616161;
display: table;
margin: 0 0 1em 0;
width: 100%;
}
.rsptable .row {
background-color: #f6f6f6;
display: table-row;
}
.rsptable .row:nth-of-type(odd) {
background-color: #e0e0e0;
}
.rsptable .row.header {
color: #fff;
background-color: #5b9569;
font-weight: 700;
}
.rsptable .row.header2 {
color: #fff;
background-color: #444444;
font-weight: 700;
}
.rsptable .cell {
display: table-cell;
padding: 6px 12px;
}



/* template styles */


.left {
  float: left;
}

div.imgR, img.imgR {
	margin: 0 0 2em 2em;
	padding: 0;
	float: right;
	max-width: 33%;
	text-align: right;
}
div.imgRrimless {
	margin: 0 -4em 0 2em;
	padding: 0;
	float: right;
	min-height: 100%;
	max-width: 40%;
}
div.imgL, img.imgL {
	margin: 0 2em 2em 0;
	padding: 0;
	float: left;
	max-width: 33%;
	text-align: left;
}
div.imgLrimless {
	margin: 0 2em 0 -4em;
	padding: 0;
	float: left;
	min-height: 100%;
	max-width: 40%;
}
div.imgR p, div.imgL p {
	font: 0.9em "Open Sans", sans-serif;
	color: inherit;
	margin-top: 0.25em !important;
}
span.smaller, p.smaller, div.smaller {
	font-size: .70em;
}
span.big, p.big, div.big {
	font-size: 1.5em;
}
span.bigger, p.bigger, div.bigger {
	font-size: 2.7em;
	line-height: 1.0em;
}
span.bigger3, p.bigger3, div.bigger3 {
	font-size: 3.15em;
	line-height: 1.0em;
}
span.bigger4, p.bigger4, div.bigger4 {
	font-size: 4.15em;
	line-height: 1.2em;
}
span.bigger5, p.bigger5, div.bigger5 {
	font-size: 5.15em;
	line-height: 1.3em;
}
span.bigger6, p.bigger6, div.bigger6 {
	font-size: 6.15em;
	line-height: 1.5em;
}
span.bigger7, p.bigger7, div.bigger7 {
	font-size: 7.15em;
	line-height: 1.6em;
}
span.underLine {
	text-decoration: underline wavy;
	text-decoration-color: inherit;
}
p.txtCenter, div.txtCenter, h1.txtCenter, h2.txtCenter, h3.txtCenter, imgCenter {
	text-align: center;
}
p.txtRight, div.txtRight, h1.txtRight, h2.txtRight, h3.txtRight, img.Right {
	text-align: right;
}
a.zoom, a.zoom_g, a.zoom_i {
}
ul.listUnordered {
	list-style: none;
	margin: 0 0 .75em 1em;
}
ul.listUnordered ul {
	margin: 0 0 0 1em;
	list-style: none;
}
ul.listUnordered 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;
}
/* tables responsive / horiz. scrollable */
table.respTable {
	font-family: inherit !important;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	white-space: nowrap;
	border-collapse: collapse;
	border-spacing: 0;
	margin: .5em 0;
}
table.respTable {
	-webkit-overflow-scrolling: touch;
}
table.respTable thead th {
	text-align: left;
	background: rgba(0,0,0,.5);
	color: #fff;
	font-weight: 600;
	font-size: 1em;
	vertical-align: bottom;
}
table.respTable tbody th {
	text-align: left;
	background: rgba(0,0,0,.5);
	color: #fff;
	font-weight: 400;
	font-size: 1em;
	border: 1px solid rgba(0,0,0,.5);
}
table.respTable th {
	padding: .25em .75em;
	border: 1px solid rgba(0,0,0,.5);
	vertical-align: top;
}
table.respTable td {
	padding: .25em .75em;
	border: 1px solid rgba(0,0,0,.5);
	vertical-align: top;
	background: rgba(255,255,255,.5);
}
table.respTable tr:nth-of-type(2n+1) {
	/* background: #f3f3f3; */
}

/* navigation/menu */
.mopL1Menu {
	z-index: 10;
}
.mopL1Menu img {
	width: 13em;
	height: 2.4em;
	float: left;
	margin: .9em 3em 0 0;
}
.nav_horizontal {
	position: fixed;
	top: 0;
	background: #444444;
	width: 100%;
	padding: 0 0 0 4em;
	z-index: 10;
	border-bottom: 1px solid #444444;
	font-size: 1.2em;
}
.nav_horizontal .mopL1Menu ul {
	font: 400 .8em "Open Sans", sans-serif;
	list-style: none;
	display: inline;
}
.nav_horizontal .mopL1Menu ul li {
	float: left;
	padding: 0 2em 0 0;
}
.nav_horizontal .mopL1Menu ul li a, .nav_horizontal .mopL1Menu ul li span {
	display: block;
	text-decoration: none;
	text-transform: none;
	line-height: 5.3em;
	color: #fff;
	font-size: 1.2em;
}
.nav_horizontal .mopL1Menu ul li span {
	color: #D3C848;
}
/* MOP menu */
.mopMenu {
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
	margin: .25em 0 0 0;
	padding: 0 1em 0 0;
	z-index: 9;
	float: right;
}
.mopMenu > div {
	line-height: 1.75em;
	padding-left: 1em;
}
a#onepage_toplink {
	text-decoration: none;
	color: #649662;
	padding: .25em;
	position: relative;
	bottom: 0;
	right: 0;
	z-index: 1;
	display: none;
}
a#onepage_toplink:after {
	content: "\f106";
	font-family: FontAwesome;
	font-size: 1.25em;
}
.langMnu {
	display: inline;
	padding: 0;
	margin-top: -.2em;
	position: absolute;
	right: 4.5em;
}
.flag {
	border: 0;
	height: 1em;
	margin: .1em .25em .1em 0;
}
.quickLinks {
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
	text-align: right;
	cursor: pointer;
	color: #649662;
}
.qlOpen::after {
	content: "\f147";
	font-family: FontAwesome;
	font-size: 1.25em;
	padding: 0.25em;
}
.qlClosed:after {
	content: "\f196";
	font-family: FontAwesome;
	font-size: 1.25em;
	padding: 0.25em;
}
.mopMenu a.onepage_current {
	color: #649662;
	border-left: 5px solid #649662;
}
.mopMenu ul {
	margin: 0;
	padding: 0;
}
.mopMenu .menulevel1 {
	margin: 0;
	overflow-y: auto;
	background: #111;
	position: absolute;
	right: -4em;
	width: 250px;
	display: none;
}
.mopMenu li a {
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
	display: block;
	border-left: 5px solid transparent;
}
.mopMenu li a:hover {
	color: #649662;
	background: rgba(255,255,255,.25);
}
.mopMenu .menulevel2 a {
	padding-left: 1.5em;
	font-size: .9em;
}
.mopMenu .menulevel3 a {
	padding-left: 3em;
}
.mopMenu .menulevel4 a {
	padding-left: 4.5em;
}
.mopMenu li {
	list-style: none;
	display: block;
	width: 250px;
}
/* */
.clearfix {
	clear: both;
}
hr {
	border: 0;
	border-bottom: 1px solid rgba(0,0,0,.25);
	height: 0px;
	clear: both;
	margin: 1em 0;
}
img {
	border: 0 none;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}
img.jumboImg {
    height: 15%;
    width: 15%;
	box-shadow: 10px 10px 10px rgba(0,0,0,.25), -5px -5px 5px rgba(255,255,255,.05);
	margin: 0 5px 5px 0;
}
.jumboImg:hover, .jumboImg:focus {
	box-shadow: -3px -3px 10px rgba(0,0,0,.25), 2px 2px 5px rgba(255,255,255,.25);
	margin: 5px 0 0 5px;
}
a.jumboLink:hover {
	background: transparent !important;
}
.jumbo h1 {
	margin: 0;
	font-size: 2.75em;
}
a.jumboLink {
	border: 0 !important;
}
code, kbd, pre, samp, .code {
	background: transparent;
	color: #333;
	border: 0;
	padding: .05em .25em;
	font: 1em/normal monospace;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
blockquote {
	padding: .75em .75em .25em 3em;
	position: relative;
	border-top: 1px solid rgba(0,0,0,.25);
	border-bottom: 1px solid rgba(0,0,0,.25);
	margin: 1em 0 .75em;
	clear: both;
}
blockquote::before {
	color: rgba(0,0,0,.25);
	content: "\f10e";
	display: block;
	font-family: "FontAwesome";
	font-size: 2em;
	left: 0;
	position: absolute;
	/* top: .5em; */
}
blockquote a:link, blockquote a:visited {
}
blockquote p {
	margin: 0;
}
p.blockAuth {
	text-align: right;
	font-style: italic;
}
p.blockAuth:before {
	content: "— ";
	vertical-align: -15%;
}
p.footnote {
	font: normal .9em/normal "Open Sans", sans-serif;
	margin: 1.5em 0 0 0;
	color: #555;
	padding: 1em;
	border-top: 1px dotted #999;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

/* Layout */
body {
	background: #fff;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font: 400 16px/normal "Open Sans", sans-serif;
	overflow-y: scroll;
}
#header {
	background-color: #444;
}
#header h1 {
	font-size: inherit;
	margin: 0;
}
#logo {
	float: left;
	margin: 0 .5em 0 0;
}
#header a {
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
#header .siteName {
	font: 400 2.25em 'Open Sans', sans-serif;
	text-transform: uppercase;
	margin: 0 0 .25em 0;
	display: inline-block;
}
.subTitle {
	font: 1.1em 'Open Sans', sans-serif;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
	display: block;
}
#searchbox {
	display: inline-block;
	vertical-align: middle;
}
#searchbox input.text {
	color: #666;
	font-family: "Open Sans", sans-serif !important;
	font-size: 1em !important;
	margin: 0 !important;
	height: 25px;
	padding: .1em .5em !important;
	vertical-align: top;
}
#searchbox input.submit {
	border: 0 none !important;
	color: #fff !important;
	font-family: "Open Sans", sans-serif !important;
	font-size: 1em !important;
	height: 25px;
	background: #333;
	padding: .1em .5em !important;
	vertical-align: top;
}
.searchBtn {
	height: 20px;
	width: 20px;
}
#wrapper {
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
#banner {
	padding: 0.0em 0.0em;
	overflow: auto;
	background: #444444;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Open Sans", sans-serif;
	font-weight: 800;
	line-height: 1.15em;
	margin-bottom: .15em;
	margin-top: 0;
	word-wrap: break-word;
}
p ~ h1, p ~ h2, p ~ h3, p ~ h4, p ~ h5, p ~ h6 {
	margin-top: .75em;
}
h1 {
	font-size: 2.6em;
	text-transform: none;
    font-family: 'Montserrat', sans-serif;
	color: #649662;
}
h2 {
	font-size: 2.2em;
	text-transform: none;
	font-family: 'Montserrat', sans-serif;
	color: #649662;
}
h3 {
	font-size: 1.8em;
	text-transform: none;
	font-family: 'Montserrat', sans-serif;
	color: #649662;
}
h4 {
	font-size: 2.2em;
	text-transform: none;
	font-family: 'Open Sans', sans-serif;
	color: #aa2c55;
}
h5 {
	font-size: 1.4em;
	text-transform: none;
	font-family: 'Open Sans', sans-serif;
	color: #aa2c55;
}
h6 {
	font-size: 1.1em;
	text-transform: none;
}
p {
	margin: 0 0 .75em 0;
}

#wrapper a, #wrapper ul a, #tinymce a {
    text-decoration: none;
    color: inherit;
    border-bottom: 1px dotted;
    border-color: inherit;
}
#wrapper a:hover, #wrapper ul a:hover, #tinymce a:hover {
	color: rgba(0,0,0,.9);
	background: rgba(240,240,240,.75);
}
a[target="_blank"]::after {
	content: "\f08e";
	padding: 0 0 0 .25em;
	font: 0.5em FontAwesome;
	text-decoration: none;
	opacity: .75;
}
ol {
	padding: 0 0 .75em 2em;
	list-style: decimal;
}
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;
}

/* Footer */
#footer {
	background-color: #333;
	padding: 1em 4em 2em 1em;
	font: normal 1em "Open Sans", sans-serif;
	color: #fff;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #649662;
}
#footer a[target="_blank"]::after {
}
#footer p {
	text-align: center;
}
#footer p.copyright {
	text-align: center;
	font-size: .85em;
	text-align: center;
	margin: 0;
}

/* Preloader */
#preloader {
	background: #eee;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	display:table;
	text-align: center;
}
.spinner {
	margin:auto;
	text-align: center;
	display:table-cell;
	vertical-align:middle;
}
@-webkit-keyframes uil-ripple{0%{width:0;height:0;opacity:0;margin:0}33%{width:44%;height:44%;margin:-22% 0 0 -22%;opacity:1}100%{width:88%;height:88%;margin:-44% 0 0 -44%;opacity:0}}@-webkit-keyframes uil-ripple{0%{width:0;height:0;opacity:0;margin:0}33%{width:44%;height:44%;margin:-22% 0 0 -22%;opacity:1}100%{width:88%;height:88%;margin:-44% 0 0 -44%;opacity:0}}@-moz-keyframes uil-ripple{0%{width:0;height:0;opacity:0;margin:0}33%{width:44%;height:44%;margin:-22% 0 0 -22%;opacity:1}100%{width:88%;height:88%;margin:-44% 0 0 -44%;opacity:0}}@-ms-keyframes uil-ripple{0%{width:0;height:0;opacity:0;margin:0}33%{width:44%;height:44%;margin:-22% 0 0 -22%;opacity:1}100%{width:88%;height:88%;margin:-44% 0 0 -44%;opacity:0}}@-moz-keyframes uil-ripple{0%{width:0;height:0;opacity:0;margin:0}33%{width:44%;height:44%;margin:-22% 0 0 -22%;opacity:1}100%{width:88%;height:88%;margin:-44% 0 0 -44%;opacity:0}}@-webkit-keyframes uil-ripple{0%{width:0;height:0;opacity:0;margin:0}33%{width:44%;height:44%;margin:-22% 0 0 -22%;opacity:1}100%{width:88%;height:88%;margin:-44% 0 0 -44%;opacity:0}}@-o-keyframes uil-ripple{0%{width:0;height:0;opacity:0;margin:0}33%{width:44%;height:44%;margin:-22% 0 0 -22%;opacity:1}100%{width:88%;height:88%;margin:-44% 0 0 -44%;opacity:0}}@keyframes uil-ripple{0%{width:0;height:0;opacity:0;margin:0}33%{width:44%;height:44%;margin:-22% 0 0 -22%;opacity:1}100%{width:88%;height:88%;margin:-44% 0 0 -44%;opacity:0}}
.uil-ripple-css {
	background: none;
	position: relative;
	width: 200px;
	height: 200px;
	margin: 0 auto;
}
.uil-ripple-css div {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	width: 0;
	height: 0;
	opacity: 0;
	border-radius: 50%;
	border-width: 12px;
	border-style: solid;
	-ms-animation: uil-ripple 1s ease-out infinite;
	-moz-animation: uil-ripple 1s ease-out infinite;
	-webkit-animation: uil-ripple 1s ease-out infinite;
	-o-animation: uil-ripple 1s ease-out infinite;
	animation: uil-ripple 1s ease-out infinite;
}
.uil-ripple-css div:nth-of-type(1) {
	border-color: #fff;
}
.uil-ripple-css div:nth-of-type(2) {
	border-color: #fff;
	-ms-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-webkit-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}

/* MultiOnePage */
.onepage_page {
	background-color: #fff;
	width: 100%;
	padding: 4em;
	margin: 0;
}

.video {
	width: 100%;
	padding: 0em;
}
.video2 {
	width: 100%;
	padding: 2em;
}
.video3 {
	width: 100%;
	padding-left: 4em;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-right: 0em;
}
.video4 {
	width: 100%;
	padding-left: 4em;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-right: 2em;
}


.onepage_page_inner {
	padding: 0;
	margin: 0;
}
.noQuickLinks .mopMenu .menulevel1 {
	display: none;
}

.onepage_page.bgImg {
	padding: 2em;
	background-size: 100%;
	background-position: right;
}
.onepage_page.bgImg.ratio16x9::before {
  content: "";
  width: 1px;
  margin-left: -1px;
  float: right;
  height: 0;
  padding-top: calc(42% - 2em);
}
.onepage_page.bgImg.ratio4x3::before {
  content: "";
  width: 1px;
  margin-left: -1px;
  float: left;
  height: 0;
  padding-top: calc(75% - 2em);
}
.onepage_page.bgImg::after { /* to clear float */
  content: "";
  display: table;
  clear: both;
}
.onepage_page_inner p:last-child {
	margin: 0;
}

/* the colors */
/* background colors */
.bgRed {
	background-color: #C61D23;
}
.bgSuperstar {
	background-color: #6F9BB0;
}
.bgONE {
	background-color: #c5e073;
}
.bgPink {
	background-color: #e91e63;
}
.bgPurple {
	background-color: #9c27b0;
}
.bgDeepPurple {
	background-color: #673ab7;
}
.bgIndigo {
	background-color: #3f51b5;
}
.bgBlue {
	background-color: #2196f3;
}
.bgLightBlue {
	background-color: #03a9f4;
}
.bgCyan {
	background-color: #3bf;
}
.bgTeal {
	background-color: #009688;
}
.bgGreen {
	background-color: #649662;
}
.bgLightGreen {
	background-color: #bcdbba;
}
.bgLime {
	background-color: #f2f7e5;
}
.bgYellow {
	background-color: #ffeb3b;
}
.bgAmber {
	background-color: #ffc107;
}
.bgOrange {
	background-color: #ff9800;
}
.bgDeepOrange {
	background-color: #ff5722;
}
.bgBrown {
	background-color: #795548;
}
.bgLightGrey {
	background-color: #f3f3f3;
}
.bgGrey {
	background-color: #c3c3c3;
}
.bgDarkGrey {
	background-color: #838383;
}
.bgAnthrazit {
	background-color: #444444;
}
.bgBlack {
	background-color: #222;
}
/* text colors */
.txtShadow {
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
}
.txtWhite {
	color: #fff;
}
.txtRed {
	color: #f44336;
}
.txtPink {
	color: #e91e63;
}
.txtPurple {
	color: #9c27b0;
}
.txtDeepPurple {
	color: #673ab7;
}
.txtIndigo {
	color: #3f51b5;
}
.txtBlue {
	color: #2196f3;
}
.txtLightBlue {
	color: #03a9f4;
}
.txtCyan {
	color: #3bf;
}
.txtTeal {
	color: #009688;
}
.txtGreen {
	color: #4caf50;
}
.txtLightGreen {
	color: #8bc34a;
}
.txtLime {
	color: #cddc39;
}
.txtYellow {
	color: #ffeb3b;
}
.txtAmber {
	color: #ffc107;
}
.txtOrange {
	color: #ff9800;
}
.txtDeepOrange {
	color: #ff5722;
}
.txtBrown {
	color: #795548;
}
.txtLightGrey {
	color: #e3e3e3;
}
.txtGrey {
	color: #c3c3c3;
}
.txtDarkGrey {
	color: #838383;
}
.txtBlack {
	color: #222;
}

/* individual page widths */
.jumbo {
	width: 100%;
	height: 100vh;
	display: table;
}
.jumbo .onepage_page_inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.w10 {
	width: 10%;
}
.w20 {
	width: 20%;
}
.w25 {
	width: 25%;
}
.w26 {
	width: 26.66%;
}
.w30 {
	width: 30%;
}
.w33 {
	width: 33.33%;
}
.w40 {
	width: 40%;
}
.w50 {
	width: 50%;
}
.w60 {
	width: 60%;
}
.w67 {
	width: 66.67%;
}
.w75 {
	width: 75%;
}
.w80 {
	width: 80%;
}
.w90 {
	width: 90%;
}


/* individual inner widths */
.inner20 .onepage_page_inner {
	width: 20%;
}
.inner33 .onepage_page_inner {
	width: 33%;
}
.inner40 .onepage_page_inner {
	width: 40%;
}
.inner50 .onepage_page_inner {
	width: 50%;
}
.inner60 .onepage_page_inner {
	width: 60%;
}
.inner67 .onepage_page_inner {
	width: 67%;
}
.inner75 .onepage_page_inner {
	width: 75%;
}
.inner80 .onepage_page_inner {
	width: 80%;
}

/* Spacer / Trenner */
.spacer .onepage_page_inner {
	padding: 0;
}

/* alignment / Ausrichtung onepage_page */
.pageRight {
	margin-left: auto;
}
.pageLeft {
	margin-right: auto;
}
.pageCenter {
	margin: 0 auto;
}

/* alignment / Ausrichtung onepage_page_inner */
.innerLeft .onepage_page_inner {
	margin-right: auto;
}
.innerRight .onepage_page_inner {
	margin-left: auto;
}
.innerCenter .onepage_page_inner {
	margin: 0 auto;
}
.innerCenterFull .onepage_page_inner {
	text-align: center;
}

/* plugin multionepage styles */
.multionepage_editlink, .multionepage_previewlink {
	position: absolute;
	margin: .5em 0 0 -1.75em;
}
.multionepage_editlink a, .multionepage_previewlink a {
	padding: 0 .2em;
	border: 1px solid #666 !important;
	background: #eee;
	border-radius: .25em;
	color: #666 !important;
}
.multionepage_editlink span:first-of-type.fa:before {
	content: "\f040" !important;
}
.multionepage_editlink span:nth-of-type(2n), .multionepage_previewlink span:nth-of-type(2n) {
	display: none
}

/* only help for my private work */
.mce-branding-powered-by {
	display: none;
}
#tinymce {
	padding: .5em;
}
.dlcounter_button {
	color: #fff;
	background: rgba(0,0,0,.5);
	border: 1px solid rgba(0,0,0,.5);
}
.dlcounter_button:hover {
	color: #333;
	background: rgba(255,255,255,.75);
}
.dlcounter_count {
	display: block;
	font-size: .9em;
}
button.dlcounter_button span:nth-child(1):before {
	content: "\f019\ ";
	font-family: "FontAwesome";
}

/* others */
div.responsive-video {
	position: relative;
	height: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
	margin: 0 0 .75em 0;
}
div.responsive-video.ratio16x9 {
	padding-bottom: 56.25%;
}
div.responsive-video.ratio4x3 {
	padding-bottom: 75%;
}
.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
div.xh_login a {
	font-size: 0.85em;
	color: #555;
	text-decoration: none;
	clear: both;
}
#noScript {
	color: #fff;
	background: #e00;
	padding: 0.5em;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 999;
	font-size: 0.9em;
	text-align: right;
	width: 10em;
}
#noScript a {
	color: #fff !important;
	font-weight: 700;
}

/* XH mailform */
form.xh_mailform {
}
form.xh_mailform input, form.xh_mailform textarea, form.xh_mailform select {
	border: 1px solid rgba(0,0,0,.5);
	padding: .25em .5em;
	font: 400 1em/normal 'Open Sans', sans-serif !important;
	width: 75%;
	background: #fff;
}
form.xh_mailform select {
	padding: 0.15em 0.25em;
}
form.xh_mailform input[type=submit], form.xh_mailform button {
	cursor: pointer;
	font: 400 1em/normal 'Open Sans', sans-serif !important;
	padding: .25em 1.5em;
	color: #fff;
	background: rgba(0,0,0,.75);
	border: 1px solid rgba(0,0,0,.5);
	font-size: .9em;
	width: auto;
	margin: 1em 0 0 0;
	-webkit-transition: all 100ms linear;
	transition: all 100ms linear;
}
form.xh_mailform input[type=submit]:hover, form.xh_mailform button:hover, form.xh_mailform input[type=submit]:active, form.xh_mailform button:active, form.xh_mailform input[type=submit]:focus, form.xh_mailform button:focus {
	color: #fff;
	background: rgba(0,0,0,.15);
	cursor: pointer;
	border: 1px solid rgba(0,0,0,.5);
}
form.xh_mailform div {
	margin: .5em 0 0 0;
}
form.xh_mailform label {
	font-size: .9em;
}
form.xh_mailform p {
	font-size: .9em;
	margin: 1em 0 .25em 0;
}
.xh_captcha_code {
	float: left;
	width: auto;
	color: #fff;
	background: rgba(0,0,0,.25);
	border: 1px solid rgba(0,0,0,.1);
	padding: .25em .5em;
	font: 400 1em/normal 'Open Sans', sans-serif !important;
	margin: 0;
	width: 5em;
	text-align: center;
}
form.xh_mailform .xh_captcha_input {
	width: 5em;
	margin: 0;
}

/* SITEMAP */
ul.sitemaplevel1 {
	font: 1.1em/1.5em "Open Sans", sans-serif !important;
	margin: 0;
	list-style: none;
	letter-spacing: 0.02em;
}
ul.sitemaplevel1 li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px dotted #ccc;
}
.sitemaplevel1 li a {
	text-transform: none;
	color: #333;
	display: block;
	padding: .25em;
}
.sitemaplevel1 li a:hover {
	background: #eee;
}
.sitemaplevel2 li a {
	text-transform: none;
	font-size: 1em;
	padding: .25em .25em .25em 1.25em;
}
.sitemaplevel3 li a {
	text-transform: none;
	padding: .25em .25em .25em 2.25em;
}
.sitemaplevel4 li a {
	text-transform: none;
	padding: .25em .25em .25em 3.25em;
}

/* Responsive part */
@media only screen and (max-width : 1450px) {
body {
	font-size: 1.1em;
}
.onepage_page {
	padding: 2em;
}
.nav_horizontal {
	padding: 0 0 0 0.2em;
}
.w10, .w20, .w25, .w26, .w30, .w33, .w40, .w50, .w60, .w67, .w75, .w80,
.inner20 .onepage_page_inner, .inner33 .onepage_page_inner, .inner40 .onepage_page_inner, .inner50 .onepage_page_inner, .inner60 .onepage_page_inner, .inner67 .onepage_page_inner, .inner75 .onepage_page_inner, .inner80 .onepage_page_inner {
	width: 100%;
}
.nav_horizontal .mopL1Menu ul li a, .nav_horizontal .mopL1Menu ul li span {
	line-height: 1.4em;
	font-size: 1.2em;
}
h1 {
	font-size: 2.4em;
	text-transform: none;
    font-family: 'Montserrat', sans-serif;
	color: #649662;
}
h2 {
	font-size: 1.9em;
	text-transform: none;
	font-family: 'Montserrat', sans-serif;
	color: #649662;
}
}

@media only screen and (max-width : 899px) {
.w10, .w20, .w30,  .inner25 .onepage_page_inner {
	width: 100%;
}
.onepage_page {
	padding: 1em;
}
.nav_horizontal .mopL1Menu ul li a, .nav_horizontal .mopL1Menu ul li span {
	line-height: 1.4em;
	font-size: 1.2em;
}
.nav_horizontal {
	padding: 0 0 0 0.2em;
}
h1 {
	font-size: 2.4em;
	text-transform: none;
    font-family: 'Montserrat', sans-serif;
	color: #649662;
}
h2 {
	font-size: 1.9em;
	text-transform: none;
	font-family: 'Montserrat', sans-serif;
	color: #649662;
}
}

@media only screen and (max-width : 767px) {
body {
	font-size: 1.1em;
}
.onepage_page {
	padding: 1em;
}
.nav_horizontal {
	padding: 0 0 0 0.2em;
}
.nav_horizontal .mopL1Menu ul li a, .nav_horizontal .mopL1Menu ul li span {
	line-height: 1.4em;
	font-size: 1.2em;
}
h1 {
	font-size: 2.4em;
	text-transform: none;
    font-family: 'Montserrat', sans-serif;
	color: #649662;
}
h2 {
	font-size: 1.9em;
	text-transform: none;
	font-family: 'Montserrat', sans-serif;
	color: #649662;
}
}

@media only screen and (max-width : 599px) {
.w10, .w20, .w30,  .inner25 .onepage_page_inner {
	flex: 100%;
}
.onepage_page {
	padding: 1em;
}
form.xh_mailform input, form.xh_mailform textarea, form.xh_mailform select {
	width: 100%;
}
.nav_horizontal .mopL1Menu ul li a, .nav_horizontal .mopL1Menu ul li span {
	line-height: 1.4em;
	font-size: 1.2em;
}
.nav_horizontal {
	padding: 0 0 0 0.2em;
}
h1 {
	font-size: 2.4em;
	text-transform: none;
    font-family: 'Montserrat', sans-serif;
	color: #649662;
}
h2 {
	font-size: 1.9em;
	text-transform: none;
	font-family: 'Montserrat', sans-serif;
	color: #649662;
}
}

@media only screen and (max-width : 479px) {
body {
	font-size: 1.1em;
}
.onepage_page {
	padding: 0.5em;
}
.nav_horizontal {
	padding: 0 0 0 0.2em;
}
.nav_horizontal .mopL1Menu ul li a, .nav_horizontal .mopL1Menu ul li span {
	line-height: 1.4em;
	font-size: 1.2em;
}
div.imgR, img.imgR {
	margin: 0 0 2em 0;
	padding: 0;
	float: none;
	max-width: 100%;
	text-align: left;
}
div.imgL, img.imgL {
	margin: 0 0 2em 0;
	padding: 0;
	float: none;
	max-width: 100%;
	text-align: left;
}
h1 {
	font-size: 2.4em;
	text-transform: none;
    font-family: 'Montserrat', sans-serif;
	color: #649662;
}
h2 {
	font-size: 1.9em;
	text-transform: none;
	font-family: 'Montserrat', sans-serif;
	color: #649662;
}
}