/***
	2024 bircher
  fhs-simple-2019
  version 2.0 - 2020/1
  template-stylesheet for CMSimple_XH ≥ 1.7
  © 2019 fhs - www.fhseidel.de
***/

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

/*** grid ***/
* {
	margin: 0;
	padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
html {
	height: 100%
}
.clear, .row:after {
	clear: both
}
img {
	-ms-interpolation-mode: bicubic
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
a, h1, h2, h3, h4, h5, h6, li, p, span {
	text-rendering: optimizeLegibility
}
.row, .row-full-width, nav, section {
	box-sizing: border-box
}
.row {
	position: relative;
	width: 100%;
	margin: 0 auto;
	max-width: 980px
}
.row-full-width {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 100%
}
.row-full-width:after, .row-full-width:before, .row:after, .row:before {
	content: " ";
	display: table
}
.row .row, .row-full-width .row {
	width: auto
}
.c1, .c10, .c11, .c12, .c13, .c14, .c15, .c16, .c17, .c18, .c19, .c2, .c20, .c21, .c22, .c23, .c24 .third, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .fifth, .half, .quarter {
	position: relative;
	width: 100%;
	float: left;
	display: block;
	box-sizing: border-box
}
.c1 {
	position: relative;
	width: 4.164%
}
.c2 {
	position: relative;
	width: 8.332%
}
.c3 {
	position: relative;
	width: 12.49%
}
.c4 {
	position: relative;
	width: 16.65%
}
.c5 {
	position: relative;
	width: 20.83%
}
.c6 {
	position: relative;
	width: 24.97%
}
.c7 {
	position: relative;
	width: 29.16%
}
.c8 {
	position: relative;
	width: 33.332%
}
.c9 {
	position: relative;
	width: 37.492%
}
.c10 {
	position: relative;
	width: 41.662%
}
.c11 {
	position: relative;
	width: 45.832%
}
.c12 {
	position: relative;
	width: 49.968%
}
.c13 {
	position: relative;
	width: 54.16%
}
.c14 {
	position: relative;
	width: 58.33%
}
.c15 {
	position: relative;
	width: 62.49%
}
.c16 {
	position: relative;
	width: 66.662%
}
.c17 {
	position: relative;
	width: 70.83%
}
.c18 {
	position: relative;
	width: 74.99%
}
.c19 {
	position: relative;
	width: 79.16%
}
.c20 {
	position: relative;
	width: 83.33%
}
.c21 {
	position: relative;
	width: 87.49%
}
.c22 {
	position: relative;
	width: 91.66%
}
.c23 {
	position: relative;
	width: 95.83%
}
.c24 {
	position: relative;
	width: 100%
}
.full {
	position: relative;
	width: 100%
}
.half {
	position: relative;
	width: 50%
}
.third {
	position: relative;
	width: 33.332%
}
.quarter {
	position: relative;
	width: 25%
}
.fifth {
	position: relative;
	width: 20%
}

/*** Allgemeine Styles ***/
p.clear, div.clear {
	clear: both;
}
hr {
	border: 0;
	border-bottom: 1px solid #ccc;
	height: 0px;
	clear: both;
	margin: 1em 0;
}
hr.hrdot {
	border: 0;
	border-bottom: 1px dotted #ccc;
	height: 0px;
	clear: both;
	margin: 1em 0;
}
span.underline, p.underline {
	border: 0;
	border-bottom: 1px dotted #ccc;
}
span.orange, p.orange {
	color: #FFB500;
}
p.smaller, span.smaller, div.smaller {
	font-size: .85em;
}
p.bigger, span.bigger, div.bigger {
	font-size: 1.5em;
}
img {
	border: 0 none;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}
img.imgR, img.imgL, div.imgR, div.imgL {
	max-width: 40%;
	font: italic normal 0.9em/normal 'Open Sans', Helvetica, Arial, sans-serif;
	color: #666;
}
img.imgR, div.imgR {
	margin: .5em 0 .25em 1em;
	float: right;
	text-align: right;
}
img.imgL, div.imgL {
	margin: .5em 1em .5em 0;
	float: left;
	text-align: left;
}
div.imgR img, div.imgL img {
	margin: 0 0 .25em 0;
}
div.imgR p, div.imgL p {
	margin: 0 !important;
}
p.caption {
	font: italic 0.9em/normal 'Open Sans', Helvetica, Arial, sans-serif;
	color: #666;
}
p.noBr, span.noBr, td.noBr {
	white-space: nowrap;
}
p.subHeading {
	font-size: 1.25em;
	margin: .5em 0 .25em 0;
}

/*** navigation ***/
.nav-buttonNoJS {
	width: auto !important;
	z-index: 98 !important;
	display: none;
}
.nav-buttonNoJS a {
	color: #fff;
}
button.burgerJS {}
.burger {
	position: absolute;
	right: 2em;
	bottom: 30px;
	z-index: 99;
	width: 32px;
	height: 24px;
	cursor: pointer;
	transition: all 0.6s ease;
	padding: 0 !important;
	background: transparent !important;
	color: inherit !important;
	border: 0 !important;
}
.burger span {
	width: 100%;
	float: left;
	margin-bottom: 5px;
	height: 3px;
	background: #fff;
	position: relative;
	transition: all 0.2s ease-in-out;
}
.burger.cmenu span {
	background: #fff;
}
.burger.cmenu .nbs {
	opacity: 0;
}
.burger.cmenu .nos {
	transform: rotate(-45deg);
	margin-bottom: 0;
	top: 0;
}
.burger.cmenu .ncs {
	transform: rotate(45deg);
	margin-bottom: 0;
	top: -2px;
}
.nav_row {
	position: relative;
	width: 100%;
	margin: 0 auto;
	max-width: 980px;
}
.nav_row:after {
	clear: both;
}
.nav_horizontal {
	width: 100%;
	max-width: 100%;
	font-size: .95em;
	transition: opacity .6s;
	background-color: #6B6B6B;
	background-image: url(images/bg01.jpg);
	background-position: top;
	background-size: cover;
}
.nav_horizontal.closed {
	display: block;
}
.nav_horizontal.open {
	display: block;
	position: absolute;
}
.nav_horizontal .closed menulevel2 {
	display: none;
}
.nav_horizontal ul {
	z-index: 200;
	width: 100%;
	list-style: none;
}
.nav_horizontal li {
	float: left;
	padding: 0;
}
.nav_horizontal li a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 1.1em;
	z-index: 201;
	padding: .5em .75em;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.nav_horizontal li a:hover {
	background: rgba(255, 255, 255, .25);
}
.nav_horizontal div ul li span {
	display: block;
	text-decoration: none;
	font-size: 1.1em;
	z-index: 201;
	padding: .5em .75em;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.nav_horizontal div ul li.sdocs > a {
	color: #ccc;
}
.nav_horizontal .nav_row .menu li a:hover, .nav_horizontal span {
	color: #29adce;
}
.nav_horizontal .menulevel2 {
	display: none;
}
/* mobile nav */
.nav_horizontal.open {
	z-index: 220;
	background-color: #2B2B2B;
}
.nav_horizontal.open li {
	float: none;
	padding: 0;
	border-top: 1px dotted #999;
}
.nav_horizontal.open .menulevel1 li:last-child {
	border-top: 1px dotted #999;
}
.nav_horizontal.open .menulevel1 li {
	border-right: 0;
}
.nav_horizontal.open .menulevel2 {
	display: block;
}
.nav_horizontal.open .menulevel2 li a, .nav_horizontal.open .menulevel2 li span {
	padding-left: 1.5em;
}
.nav_horizontal.open .menulevel3 li a, .nav_horizontal.open .menulevel3 li span {
	padding-left: 3.0em;
}
.nav_horizontal.open .menulevel4 li a, .nav_horizontal.open .menulevel4 li span {
	padding-left: 4.5em;
}
.nav_horizontal.open .menulevel5 li a, .nav_horizontal.open .menulevel5 li span {
	padding-left: 6.0em;
}
.nav_horizontal.open .menulevel6 li a, .nav_horizontal.open .menulevel6 li span {
	padding-left: 7.5em;
}
.nav_horizontal.open .menulevel7 li a, .nav_horizontal.open .menulevel7 li span {
	padding-left: 9.0em;
}
.nav_horizontal.open .menulevel8 li a, .nav_horizontal.open .menulevel8 li span {
	padding-left: 10.5em;
}
.nav_horizontal.open .menulevel9 li a, .nav_horizontal.open .menulevel9 li span {
	padding-left: 12.0em;
}
/* SecMenü */
.secmenu {
	margin: 3.75em 0;
	padding: 0 2em 0 1em;
}
.secmenu nav h2 {
	font-size: 1.133em;
	color: #fff;
	background: #29adce;
	margin: 0;
	padding: .25em .5em;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.secmenu nav h2:empty {
	display: none;
}
.secmenu ul.menulevel2 {
	padding: 0;
	margin: 0 0 2em 0;
	font-size: 0.9em;
	border: 1px solid #29adce;
}
.secmenu ul li {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
	border-top: 1px dotted #ccc;
}
.secmenu ul li:first-child, .secmenu ul span:first-of-type {
	border-top: 0;
}
.secmenu ul span {
	padding: 0.5em;
	display: block;
	background: rgba(255, 102, 0, .1);
	color: #000;
}
.secmenu ul li a {
	text-decoration: none;
	padding: .5em;
	display: block;
	color: #333;
}
.secmenu li a:hover {
	color: #29adce;
	background: rgba(0, 0, 0, .05);
}
.secmenu .menulevel3 li a, .secmenu .menulevel3 span {
	padding-left: 1.5em;
}
.secmenu .menulevel4 li a, .secmenu .menulevel4 span {
	padding-left: 2.5em;
}
.secmenu .menulevel5 li a, .secmenu .menulevel5 span {
	padding-left: 3.5em;
}
.secmenu .menulevel6 li a, .secmenu .menulevel6 span {
	padding-left: 4.5em;
}
.secmenu .menulevel7 li a, .secmenu .menulevel7 span {
	padding-left: 5.5em;
}
.secmenu .menulevel8 li a, .secmenu .menulevel8 span {
	padding-left: 6.5em;
}
.secmenu .menulevel9 li a, .secmenu .menulevel9 span {
	padding-left: 7.5em;
}

/*** search ***/
#search1 {
	margin: .35em 0 1.5em 0;
	max-width: 30rem;
	margin: 0 auto;
}
#searchbox input[name="search"] {
	margin: 0;
	padding: .25em .5em !important;
	width: 75%;
	border-color: #29adce;
	border-right: 0;
	float: left;
	color: #333;
}
#searchbox input[type="submit"] {
	margin: 0;
	padding: .25em .5em !important;
	width: 25%;
	border-color: #29adce;
	background: #29adce;
	color: #000000;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.60);
	border-radius: 0;
}
#searchbox input[type="submit"]:hover, #searchbox input[type="submit"]:focus {
	border-color: #29adce;
	background: #71E18D;
	color: #000000;
}

/*** sitemap ***/
.content ul.sitemaplevel1, .content ul.sitemaplevel2, .content ul.sitemaplevel3, .content ul.sitemaplevel4 {
	margin-left: 0;
}
ul.sitemaplevel1 {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.sitemaplevel1 li {
	list-style: none;
}
ul.sitemaplevel1 li a {
	text-transform: uppercase;
	color: #71E18D;
	display: block;
	padding: .25em;
	font-weight: 600;
}
ul.sitemaplevel1 li a:hover {
	background: #71E18D;
	border-color: transparent;
}
ul.sitemaplevel2 li a {
	font-weight: 300;
	text-transform: none;
	padding-left: 1.75em;
	color: #71E18D;
}
ul.sitemaplevel3 li a {
	padding-left: 3.25em;
}
ul.sitemaplevel4 li a {
	padding-left: 4.5em;
}
ul.sitemaplevel5 li a {
	padding-left: 5.75em;
}
ul.sitemaplevel6 li a {
	padding-left: 7em;
}
ul.sitemaplevel7 li a {
	padding-left: 8.25em;
}
ul.sitemaplevel8 li a {
	padding-left: 9.75em;
}
ul.sitemaplevel9 li a {
	padding-left: 11em;
}
/* Layout */
body {
	background-color: #414549;
	background-image: url(images/lck_bgoverlay.png), url(images/bg01.jpg);
	background-position: left top, center center;
	background-attachment: fixed, fixed;
	background-repeat: repeat, no-repeat;
	background-size: 8px, cover;
	overflow-x: hidden;
	overflow-y: scroll;
	height: 100%;
	color: #FFFFFF;
	font: 300 normal 20px/1.6em 'Open Sans', Helvetica, Arial, sans-serif;
	text-shadow: 0 0 0.5px white;
}
.print {
	background: #fff !important;
	padding: 1em;
}
.print a {
	text-decoration: none;
	color: #666;
	border-bottom: 1px dotted #999;
}
#header {
	border-bottom: 5px solid #29adce;
	background-color: #828282;
	background-image: url(images/bg01.jpg);
	background-position: bottom;
	background-size: cover;
}
#logo a {
	height: 70px;
	width: 95px;
	display: inline-block;
	float: left;
	margin: .5em 0 0 0;
	text-decoration: none;
}
#logoTxt a {
	color: #29adce;
	float: left;
	margin: 20px 0 0;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
#logoTxt h1 {
	margin: 0;
}
#logoTxt h1 a {
	font-size: .9em;
	line-height: 1.0;
}
#logo img, #logo svg {
	transform: translateY(0.5rem);
}
.langMenu {
	position: absolute;
	z-index: 210;
	right: 2em;
	top: 1em;
}
.langMenu img {
	padding: 0;
}
.langMenu a {
	display: inline-block;
	padding: 0 0 .1em .1em;
}
.locator {
	font-size: 0.85em;
	padding: .75em 0;
	color: #BCBCBC;
	/* background: rgba(0,0,0,.1); */
}
.locator i.fa {
	color: #29adce;
	font-size: 1.25em;
}
.locator a {
	color: #71E18D;
	text-decoration: none;
	padding: .5em 0;
}
.locator a:hover, .locator a:focus {
	background-color: #71E18D;
	color: black;
}
.locator span {
	padding: 0 1px;
}
.maincont {
	hyphens: auto;
	/*padding: 2em 2em 2em 0;*/
	/* min-height: 90vh; */
}
#topLink {
	z-index: 230;
	display: none;
	position: fixed;
	right: 20px;
	bottom: 20px;
	/* background: rgba(255, 255, 255, .25); */
	width: 40px;
	text-align: center;
}
a#topLink {
	color: #71E18D;
}
a#topLink:hover {
	color: black;
	background-color: #71E18D;
}
/* Allgemeines */
code, span.code {
	background-color: rgba(27, 31, 35, 0.05);
	margin: 0;
	padding: 0.15em;
	hyphens: none;
	font: 0.9em/normal Consolas, monospace;
	letter-spacing: .05em;
}
p.code, div.code {
	background-color: rgba(27, 31, 35, 0.05);
	color: #666;
	border: 1px solid #ccc;
	padding: 10px 12px;
	font: .9em/normal Consolas, monospace;
	display: block;
	hyphens: none;
	clear: both;
	word-wrap: break-word;
}
.xh_code {
	background-color: rgba(27, 31, 35, 0.05);
	color: #666;
	border: 1px solid #ccc;
	padding: 10px 12px;
	font: .9em/normal Consolas, monospace;
	display: block;
	hyphens: none;
}
blockquote {
	padding: .75em .75em .75em 3em;
	position: relative;
	color: #777;
	text-align: justify;
	border: 1px dotted #999;
	border-left: 0;
	border-right: 0;
	margin: 1.5em 0;
}
blockquote::before {
	color: #29adce;
	content: "\f10e";
	display: block;
	font-family: "FontAwesome";
	font-size: 2em;
	left: 0;
	position: absolute;
}
blockquote p {
	margin: 0 !important;
}
blockquote a:link, blockquote a:visited {}
.submenDiv {
	clear: both;
	font-size: .9em;
	color: #666;
	margin: 3em 0;
	padding: .5em 0;
	border-top: 1px dotted #999;
}
.submenDiv:empty {
	display: none !important;
}
.submenDiv span {
	float: left;
	font-weight: 600;
}
.submenDiv ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
.submenDiv ul li {
	margin-left: 1em;
	padding: 0 0 .25em 0;
}
.submenDiv ul li a {
	border: 0;
}
/* previous page / next page */
.prevNextP {
	clear: both;
	font-size: .85em;
	padding: 1.5em 0 0.5em 0;
	/* background: rgba(0,0,0,.1); */
}
.prevP {
	float: left;
}
.prevP a {
	text-decoration: none;
	padding: .25em;
	color: #BCBCBC;
	display: inline-block;
}
.nextP {
	float: right;
}
.nextP a {
	text-decoration: none;
	padding: .25em;
	color: #BCBCBC;
	display: inline-block;
}
.prevNextP a:hover, .prevNextP a:focus {
	color: #29adce;
}
#header .header-cont {
	height: 100px;
	padding-top: 10px;
	box-sizing: border-box;
}
/* NEWS */
#newsboxes {
	display: block;
}
#newsboxes2 {
	display: none;
	clear: both;
	padding: 3em 0 0 0;
}
#newsboxes2 .news {
	width: 48%;
	font-size: .9em;
	margin: 2px;
	border: 1px solid #29adce;
	padding: .5em;
}
.news {}
.newsin {
	font-size: 0.9em;
	margin: 0 0 2em 0;
	border: 1px solid #29adce;
	padding: .5em;
}
.newsin:empty {
	display: none !important;
}
.news h1, .news h2, .news h3, .news h4, .news h5, .news h6 {
	margin: .5em 0 0 0;
}
.news h2:first-of-type {
	font-size: 1.25em;
	color: #fff;
	background: #29adce;
	margin: -.45em -.45em .25em -.5em;
	padding: .25em .5em;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.news h2 {
	font-size: 1.5em;
	color: #29adce;
}
.news h3 {
	font-size: 1.3em;
}
.news h4 {
	font-size: 1.2em;
}
.news h5 {
	font-size: 1.1em;
}
.news h6 {
	font-size: 1.0em;
}
/* NEWS end */
.content {
	height: auto;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #c8e3f2;
	font-weight: 600;
	margin: 1em 0 .25em 0;
	hyphens: none;
	line-height: 1.2;
	font-style: normal;
}
h1:first-child {}
h1 {
	margin-top: 0 !important;
	font-size: 2.5em;
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.6em;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.1em;
}
.maincont p, body.print p, #tinymce p, .news p {
	margin: 0 0 .75em 0;
}
.news p:last-of-type {
	margin: 0 0 .25em 0;
}
.maincont a, .maincont ul a, #tinymce a, #newsboxes a, div.xh_login a {
	text-decoration: none;
	color: #71E18D;
	border-bottom: 1px dotted #999;
}
.maincont a:hover, .maincont ul a:hover, #tinymce a:hover, #newsboxes a:hover {
	color: #000000;
	background-color: #71E18D;
}
a[target="_blank"]::after {
	content: "\00a0\f08e";
	font: 0.5em FontAwesome;
	padding: 0 0 0 .25em;
}

/*** list ordered ***/
ol {
	padding: 0 0 0 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;
}

/*** list unordered ***/
ul.listUnordered, ul.xh_search_results {
	list-style: none inside;
	margin: 0 0 .75em 1em;
}
ul.listUnordered ul, ul.xh_search_results ul {
	margin: 0 0 0 1em;
	list-style: none;
}
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;
}
.mw240 {
	min-width: 110px;
}
abbr {
	text-decoration: none;
	border: 0;
}

/*** Footer ***/
#footer {
	background-color: #828282;
	background-image: url(images/bg01.jpg);
	background-position: top;
	background-size: cover;
	border-top: 5px solid #29adce;
	padding: 1em 0 3em 0;
	bottom: 0px;
	color: #fff;
	text-align: center;
}
#footer a {
	padding: .25em;
	color: #fff;
	text-decoration: none;
}
#footer a:hover, #footer a:focus {
	background: #71E18D;
	color: black;
}
#footer .moreLinks {
	color: #fff;
	padding: 0 0 .75em 0;
	margin: 0 0 .75em 0;
}
#footer .copyright {
	margin-top: 0.8rem;
	color: #fff;
}
#footer .copyright span a {
	color: rgba(255, 255, 255, .75) !important;
}
/* forms */
input, textarea, select {
	border: 1px solid #ccc;
	padding: .25em .5em !important;
	font: normal 1em/normal 'Open Sans', Helvetica, Arial, sans-serif !important;
	box-sizing: border-box !important;
}
select {
	padding: 0.15em 0.25em;
}
input[type=image] {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
input[type=submit] {
	cursor: pointer;
	background: #29adce;
	color: #000000;
	margin: .25em .25em .25em 0;
	border: 1px solid #29adce;
}
input[type=submit]:hover, input[type=submit]:focus {
	background: #fff;
	color: #29adce;
	border: 1px solid #29adce;
}
button {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
	font-size: 1em !important;
	padding: .25em .5em;
	background: #29adce;
	color: #fff;
	border: 1px solid;
}
button:hover:not([disabled]), button:focus:not([disabled]) {
	cursor: pointer;
	background: #fff;
	color: #29adce;
}
input[type="reset"] {
	display: none;
}
input[type="file"] {
	padding: 0 !important;
}
input[type="checkbox"], input[type="radio"] {
	padding: 0;
}
/* tables responsive / horiz. scrollable */
table.respTable {
	font-family: inherit !important;
	line-height: normal;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	/*white-space: nowrap;*/
	border-collapse: collapse;
	border-spacing: 0;
	margin: .75em 0;
	overflow: auto;
}
table.respTable caption {
	text-align: left;
	padding: .5em 0;
}
.respTable {
	overflow-scrolling: touch;
}
.respTable thead th {
	padding: .5em .35em;
	text-align: left;
	font-weight: 600;
	font-size: 1em;
	vertical-align: bottom;
	border: 1px solid #aaa;
}
.respTable tbody th {
	text-align: left;
	font-weight: 300;
	font-size: 1em;
	border: 1px solid #aaa;
}
.respTable th {
	padding: .35em;
	border: 1px solid #fff;
	vertical-align: top;
}
.respTable td {
	padding: .2rem; 
	vertical-align: top;
}
@media only screen {
	table.respTable {
		background: #1E1E1E;
	}
	.respTable thead th {
		background: #555;
		color: #fff;
	}
	.respTable tbody th {
		background: #e0e0e0;
		color: #333;
	}
	.respTable tr:nth-child(even) {
		background: #252525;
	}
	.respTable td {
		padding: .4rem;
		padding: 0.5vw;
		border: 1px solid #545454;
		hyphens: none;
	}
}
.projektliste td:first-child {
	width: 25%;
	min-width: 80px;
}

/*** Responsive part ***/

@media only screen {
	::selection {
	background-color: rgba(0,115,206,0.47);
	text-shadow: none;
	}
	#logoTxt a:hover {
		color: #71E18D;
	}
	#logo:hover svg .farbig {
   fill: #71E18D; 
	}
#logoTxt a, #logo svg {
	transition: transform .2s ease-in-out;
}
#logoTxt a:hover, #logo:hover svg {
	transform: scale(1.02);
}
}
@media only screen and (min-width: 981px) { /* thanks to lck !!! */
	.nav_horizontal {
		height: auto !important;
		top: 0 !important;
	}
}
@media only screen and (max-width: 420px) {
	#logoTxt {
		display: none;
	}
}
@media only screen and (max-width: 980px) {
	body {
		font-size: 17px
	}
	.nav-buttonNoJS {
		display: inline-block;
	}
	#logo a {
    margin: .5em 0 0 .7em;
	}
	#logoTxt a {
		margin: 23px 0 0;
	}
	.secmenu {
		display: none;
	}
	.maincont {
		/* width: 100%; */
		padding: 1em 0.7em;
	}
	.locator {
		padding: 2em 20px .5em 20px;
	}
	.prevNextP {
		padding: 1.5em 20px 0.5em 20px;
	}
	#footer {
		padding: 1em 20px 3em 20px;
	}
	.copyright {
		margin: 0;
	}
	#footer ul li:last-child a {
		padding: 0;
	}
	.fullWidht {
		padding: 0;
	}
	.quarter {
		width: 50%;
	}
	.quarter.leer {
		display: none
	}
	#newsboxes {
		display: none;
	}
	#newsboxes2 {
		display: flex;
		justify-content: space-between;
	}
	#news, .sidebar {
		display: none;
	}
	.nav_horizontal.closed {
		display: none;
	}
	.nav_horizontal.open {
		display: block;
	}
}
@media only screen and (max-width : 640px) {
	#newsboxes2 {
		display: block;
	}
	#newsboxes2 .news {
		width: 100%;
		margin: 1em 0 0;
	}
	img.imgR, img.imgL, div.imgR, div.imgL {
		max-width: 100%;
		float: none;
		margin: 1em 0;
	}
}
@media only screen and (max-width : 480px) {
	body {
		font-size: 14px;
	}
	#logo img, #logo svg {
    transform: translateY(0.6rem);
	}
	#logoTxt a {
		margin: 28px 0 0;
	}
	#footer ul {
		float: none;
		margin: 0;
	}
}
/* others */
#tinymce {
	background-color: #2A2A2A;
	background-image: none;
	padding: .5em;
}
#tinymce ul {
	margin-left: 1.5rem;
}
/* contact form */
#xh_mailform div {
	width: 100%;
	margin: 0 0 .75em 0;
}
.xh_captcha_input {
	box-sizing: border-box;
	border: 1px solid #ccc;
	float: left;
	padding: .25em .5em !important;
	line-height: normal !important;
	font: inherit;
	text-align: center;
	width: 5em;
	border-right: 0;
}
.xh_captcha_code {
	box-sizing: border-box;
	background-color: #999;
	border: 1px solid #999;
	color: #fff;
	float: left;
	margin-left: 0;
	padding: .25em .5em;
	line-height: normal !important;
	width: 5em;
	text-align: center;
	border-left: 0;
}
.xh_mailform p {
	margin: .5em 0 .25em 0;
}
/* login */
body.xh_login {
	background: rgba(0, 0, 0, 0.1) url(images/XH-Logo_bg.png) no-repeat fixed center center;
	background-size: contain;
	margin: 0 !important;
	padding: 0 !important;
}
body.xh_login div.xh_login {
	border: 1px solid rgba(0, 0, 0, .1);
	box-shadow: inset 2px 2px 1px rgba(255, 255, 255, .75), inset -2px -2px 1px rgba(0, 0, 0, .1);
	background: rgba(255, 255, 255, .25);
	border-radius: 0;
	margin: 0;
	padding: 1em;
	position: absolute;
	left: 50%;
	top: 50%;
	text-align: center;
	transform: translate(-50%, -50%);
	width: auto;
}
body.xh_login h1 {
	margin: 0 0 .25em 0 !important;
	text-align: center !important;
	text-transform: none;
	color: #000;
	font-size: 2em;
	font-style: normal;
	line-height: 1.25;
	font-weight: normal;
	font-variant: normal;
}
div.xh_login p {
	text-align: center !important;
	margin: 1em 0 !important;
	color: #000;
}
#pagemanager_toolbar button {
	margin: 0.7em 0.3em 0.7em 0.3em;
	padding: 0.4em 0.6em 0.4em 0.6em;
	border: 1px solid;
}
.jstree-proton {
   background:#1F1F1F;
}
.jstree-anchor {
	border: none !important;
}
#xh_config_form textarea.xh_setting_short, #xh_config_form textarea.cmsimplecore_settings_short {
	height: auto;
}
/***/
.dlcounter_button {
	color: #fff;
	background: #29adce;
	border-radius: .3em;
	border: 1px solid #29adce;
	font-size: .9em;
	filter: alpha(opacity=90);
	background-image: linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .2));
}
.dlcounter_button:hover, .dlcounter_button:active, .dlcounter_button:focus {
	color: #333 !important;
	background: #fff !important;
	filter: alpha(opacity=90) !important;
	background-image: linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1)) !important;
	cursor: pointer;
	border: 1px solid #333 !important;
}
.content ul {
	margin-left: 1.5rem;
}
ul.sitemaplevel2 {
	margin-left: 0;
}
/* wenn Link endet auf … */
.sitemaplevel2 a[href$="Tourneetheater-Baselland"]{
	font-weight: bold;
}

/*** Foldergallery Hintergrund, Bilder linksbündig, Locator ausblenden ***/
#cboxOverlay{
    background: black;
}
.foldergallery {
    text-align: left;
}
.foldergallery_locator {
    display: none;
}
.foldergallery_folder, .foldergallery_image {
    margin: 0.4rem 0.2rem;
}
.foldergallery_image:hover figcaption {
    display: none;
}

/*** 4 Fotos in einer Reihe, wenn Fenster breit genug ist ***/
.reihe_4 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}
/*** Fotoalbum mit Vorschaubildern max. 200 Pixel breit ***/
div.fotoalbum {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 0.7rem;
	grid-template-rows: masonry; /* kommt erst in die Browser */
}
div.fotoalbum a {
	border: none;
	transition: transform .2s ease-in-out;
}
div.fotoalbum a:hover {
	background: none;
	transform: scale(1.05);
}



/*** sticky Header mit oben bleibender Navigation ***/
@media only screen and (max-width: 980px) and (min-height : 901px) {
	#header_sticky {
		position: sticky;
		z-index: 300;
		top: 0;
	}
}
@media only screen and (min-width: 981px) and (min-height : 901px) {
	#header_sticky {
		position: sticky;
		z-index: 300;
		top: -99px;
	}
}
@media screen {
	#header_sticky {
		box-shadow: 0 0 20px rgba(0,0,0,0.80);
	}
}

	
/*** Editor ***/
@media screen {	
	#xh_pdtabs {
    margin: -4em 0 0 0 !important;
	}
	form#ta .tox-tinymce {
		min-height:75vh;
	}
}
@media screen and (max-height : 900px){	
	#xh_pdtabs {
    margin: -13em 0 0 0 !important;
	}
	form#ta .tox-tinymce {
		min-height: 80vh;
		max-height: 90vh;
	}
}
/*** Dateibrowser im Editor ***/
.tox div.tox-dialog {
	max-width: 1000px;
	width: 80vw;
}
.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
	max-height: 80vh;
	height: 70vh !important;
}
/*** Dateibrowser Tasten links ***/
.tox .tox-dialog__footer {
	justify-content: start !important;
}


/*** Druck ***/
@media print {
	body {
		font-size: 13px;
		line-height: 1.4;
		padding: 10px 10px 10px 60px;
	}
	html, body, main {
		height: auto;
		min-height: auto;
	}
	body, header, #header, #logoTxt a, p, h1, h2, h3, h4, footer, #footer {
		background: none !important;
		color: #171717;
		text-shadow: none;
	}
	nav, div#search1, #xh_adminmenu_fixed, #xh_adminmenu, #topLink {
		display: none !important;
		visibility: hidden;
	}
	#header .header-cont {
    height: 97px;
	}	
	main {
    padding-top: 1rem; 
	}
	#footer {
		border-top: none;
		padding: 0.5em 0 0 0;
	}
	#footer .copyright {
    margin-top: 0;
    color: #7B7B7B;
	}
	.maincont a, .maincont ul a, #tinymce a, #newsboxes a, div.xh_login a, ul.sitemaplevel1 li a, ul.sitemaplevel2 li a {
		color: #00B21F;
		border-bottom: 1px dotted #00B21F;
		background: none;
	}
	.respTable td {
		padding: 4px 2px;
		border-bottom: 1px solid #C9C9C9;
	}
	#logoTxt a {
		color: #29adce;
		transform: translateY(1rem);
	}
}