/***
    Stylesheet modified 2026
***/

/*  Bootstrap v3.4.1 (https://getbootstrap.com/)  */
@import url(bootstrap.min.css);

/*  fonts  */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: local('Roboto Light'), local('Roboto-Light'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-300.woff2') format('woff2'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-300.woff') format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 300;
	src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-300italic.woff2') format('woff2'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-300italic.woff') format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto'), local('Roboto-Regular'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-regular.woff2') format('woff2'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-regular.woff') format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src: local('Roboto Italic'), local('Roboto-Italic'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-italic.woff2') format('woff2'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-italic.woff') format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Bold'), local('Roboto-Bold'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-700.woff2') format('woff2'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-700.woff') format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 700;
	src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-700italic.woff2') format('woff2'), url('fonts/roboto-v20-latin-ext_cyrillic-ext-700italic.woff') format('woff');
}
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 400;
	src: local(''), url('fonts/roboto-slab-v10-cyrillic-ext_latin-ext-regular.woff2') format('woff2'), url('fonts/roboto-slab-v10-cyrillic-ext_latin-ext-regular.woff') format('woff');
}
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 700;
	src: local(''), url('fonts/roboto-slab-v10-cyrillic-ext_latin-ext-700.woff2') format('woff2'), url('fonts/roboto-slab-v10-cyrillic-ext_latin-ext-700.woff') format('woff');
}
@font-face {
	font-family: 'Roboto Mono';
	font-style: normal;
	font-weight: 400;
	src: local(''), url('fonts/roboto-mono-v12-latin-ext_cyrillic-ext-regular.woff2') format('woff2'), url('fonts/roboto-mono-v12-latin-ext_cyrillic-ext-regular.woff') format('woff');
}
@font-face {
	font-family: 'Roboto Mono';
	font-style: italic;
	font-weight: 400;
	src: local(''), url('fonts/roboto-mono-v12-latin-ext_cyrillic-ext-italic.woff2') format('woff2'), url('fonts/roboto-mono-v12-latin-ext_cyrillic-ext-italic.woff') format('woff');
}
b, strong {
	font-weight: 400;
}

/*************************
    TEMPLATE CONFIGURATION
    S T A R T
**************************/

/*  The main accent color of the website.
    Default is red : #c00
    All CSS color specifications are possible.
    Unfortunately not all elements can be recolored, for example not the SVG graphics. So, try it out:
*/
:root {
    --mainAccentColor: #c00;
}
/*  default background image
    It must be placed here at this point. 
    Please do not change this rule (except the background position).
*/    
.onepage_page {
	background: var(--defaultBgImageURL) no-repeat;
	background-size: cover !important;
	background-attachment: fixed !important;
	background-position: top center;
}
/*  Background images for single pages
    Here you have to define the desired CSS classes for the background images,
    how they should be used in the editor tab (Multionepage).
    classes, URLs and positions
*/
.bg-example-01 {
	background: url(../../../userfiles/images/cms-gfx/textil_1500_350.png) no-repeat center center;
}
.bg-example-02 {
	background: url(../../../userfiles/images/cms-gfx/werbe_1500_350.png) no-repeat center center;
}
.bg-example-03 {
	background: url(../../../userfiles/images/cms-gfx/druck_1500_350.png) no-repeat center center;
}
.bg-example-04 {
	background: url(../../../userfiles/images/cms-gfx/druck_1500_350.png) no-repeat center center;
}
.bg-example-05 {
	background: url(images/bg-example-05.jpg) no-repeat center center;
}
.bg-example-06 {
	background: url(images/bg-example-06.jpg) no-repeat center center;
}
.bg-example-07 {
	background: url(images/bg-example-07.jpg) no-repeat center center;
}
.bg-example-08 {
	background: url(images/bg-example-08.jpg) no-repeat center center;
}
.bg-example-09 {
	background: url(images/bg-example-09.jpg) no-repeat center center;
}
.bg-example-10 {
	background: url(../../../userfiles/images/cms-gfx/server.png) no-repeat center center;
}
.bg-example-11 {
	background: url(../../../userfiles/images/cms-gfx/druck_1500_350.png) no-repeat center center;
}
.bg-example-12 {
	background: url(../../../userfiles/images/cms-gfx/online_1500_350.png) no-repeat center center;
}
.bg-example-13 {
	background: url(images/bg-example-13.jpg) no-repeat center center;
}
.bg-example-14 {
	background: url(images/bg-example-14.jpg) no-repeat center center;
}
.bg-example-15 {
	background: url(images/bg-example-15.jpg) no-repeat center center;
}
.bg-example-16 {
	background: url(images/bg-example-16.jpg) no-repeat center center;
}
.bg-example-17 {
	background: url(images/bg-example-17.jpg) no-repeat center center;
}
/*************************
    TEMPLATE CONFIGURATION
    E N D
**************************/

/*  classes for editor  */
div.row {}
div.col-md-6 {}
p.text-right, div.text-right {}
p.text-left, div.text-left {}
p.text-center, div.text-center {}
p.text-justify, div.text-justify {}
p.text-nowrap, div.text-nowrap {}
span.text-lowercase, p.text-lowercase, div.text-lowercase {}
span.text-uppercase, p.text-uppercase, div.text-uppercase {}
span.text-capitalize, p.text-capitalize, div.text-capitalize {}
a.scrollTo {}
span.small, p.small, div.small {}
div.noBackgroundImg {}
div.pageNavOff {}
span.coloredTxt, p.coloredTxt, div.coloredTxt {
	color: #0090ff;
}
p.lead, div.lead {
	font-weight: 400;
}
img.img-responsive {}
p.pictureCaptionleft {
	font-style: italic;
	font-weight: 400;
	font-size: .85em;
	text-align: left;
	margin: -1em 0 1em 0;
}
p.pictureCaptionRight {
	font-style: italic;
	font-weight: 400;
	font-size: .85em;
	text-align: right;
	margin: 0 0 1em 0;
}
p.pictureCaptionCenter {
	font-style: italic;
	font-weight: 400;
	font-size: .85em;
	text-align: center;
	margin: 0 0 1em 0;
}
p.noMargin, div.noMargin {
	margin: 0;
}
div.flexi {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
div.box {
	margin: 15px 0;
}
div.boxContent {
	background: #f6f6f6;
	border: 1px solid #ccc;
	border-radius: 15px;
	padding: .5em 1em;
	font-size: .9em;
	height: 100%;
}
div.boxContent h3, div.boxContent h4 {
	font-size: 1.25em;
}
div.boxContent code, div.boxContent pre, div.demo code, div.demoBox code {
	background: #fff;
}

/*  tables responsive / horiz. scrollable  */
table.respTable {
	font-family: inherit !important;
	font-size: .85em;
	font-weight: 300;
	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: .5em 0;
	background: #fff;
}
.respTable {
	-webkit-overflow-scrolling: touch;
}
.respTable thead th {
	text-align: left;
	background: #666;
	color: #fff;
	font-weight: 400;
	vertical-align: bottom;
}
.respTable tbody th {
	text-align: left;
	background: #f6f6f6;
	color: #333;
	border: 1px solid #aaa;
}
.respTable th {
	padding: .25em .75em;
	border: 1px solid #fff;
	vertical-align: top;
	font-weight: 300;
}
.respTable td {
	padding: .25em .75em;
	border: 1px solid #ccc;
	vertical-align: top;
}
.respTable tr:nth-of-type(2n+1) {
	/* background: #f3f3f3; */
}

/*  list ordered  */
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-alpha;
}

/*  list unordered  */
ul.listUnordered, ul.xh_search_results {
	list-style: none inside;
	margin: 0 0 .75em 1em;
	padding: 0;
}
ul.listUnordered ul, ul.xh_search_results ul {
	margin: 0 0 0 1em;
	list-style: none;
	padding: 0;
}
ul.listUnordered li::before, ul.xh_search_results li::before {
	content: '»';
	margin-left: -1em;
	width: 1em;
	display: inline-block;
	font-weight: 400;
}
ul.listUnordered ul li:before {
	content: '›';
	margin-left: -1em;
	width: 1em;
	display: inline-block;
	font-weight: 400;
}
ul.listUnordered ul ul li:before {
	content: '•';
	margin-left: -1em;
	width: 1em;
	display: inline-block;
	font-weight: 400;
}

/*  body  */
body {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
/*  type  */
body, input, select, textarea {
	color: #000;
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.2;
}
@media screen and (max-width: 1680px) {
body, input, select, textarea {
	font-size: 18px;
}
}
@media screen and (max-width: 1280px) {
body, input, select, textarea {
	font-size: 19px;
}
}
@media screen and (max-width: 768px) {
body, input, select, textarea {
	font-size: 18px;
}
}
h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-family: "Arial", sans-serif !important;
	font-style: italic;
	font-weight: 700;
	line-height: normal;
	margin: 0.75em 0 .25em 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	text-decoration: none;
	border-bottom: 0;
}
h1 {
	font-size: 3em;
	text-transform: uppercase;
	margin-top: 0;
	/*  color: var(--mainAccentColor, #c00); */
	color: #811d6e;
}
h2 {
	font-size: 1.5em;
}
.onepage_page_inner h2:first-of-type {
	margin-top: 0;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.1em;
}
.roll body {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	/*  border-top: 1px dotted var(--mainAccentColor, #c00); */
	border-top: 1px dotted #811d6e;
}
hr.thick {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	/*  border-top: 10px solid var(--mainAccentColor, #c00); */
	border-top: 8px solid #811d6e;
}

/*  Overlay menu  */
body::before {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 4;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s;
	transition: opacity 0.3s, transform 0s 0.3s;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
code {
	font-family: 'Roboto Mono';
	font-style: normal;
	font-weight: 400;
	font-size: .85em;
	color: var(--mainAccentColor, #c00);
	background-color: #f6f6f6;
	border-radius: 4px;
	word-break: break-all;
	word-wrap: break-word;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: .85em;
	line-height: inherit;
	font-style: normal;
	font-weight: 400;
	color: var(--mainAccentColor, #c00);
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f6f6f6;
	border: 0;
	border-radius: 4px;
}
blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: .9em;
	border-left: 10px solid var(--mainAccentColor, #c00);
}
a {
	border: none;
	/*  color: var(--mainAccentColor, #c00); */
	color: #0090ff;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	/*  color: var(--mainAccentColor, #c00); */
	color: #0090ff;
}
a[target="_blank"]::after {
	content: "\00a0\f08e";
	font: 0.5em FontAwesome;
	margin-right: .25em;
}

/*  miscellaneous stuff  */
.miscStuff {
	background: #666;
	color: #111;
	padding: 5px 60px 5px 10px;
}
.miscStuff a {
	background: transparent;
	padding: 2px 5px;
	margin: 0 3px 0px 0;
	font-size: 24px;
	line-height: normal;
	color: inherit;
}
.miscStuff a:hover {
	background: var(--mainAccentColor, #c00);
}
.homeLink, .langMenu {
	display: inline-block;
}
a.homeLink .fa {
	font-size: 24px;
	height: 24px;
	width: 32px;
	text-align: center;
	background: #fff;
}
.langMenu img {
	vertical-align: -12%;
}
.miscStuff2 {
	background: #666;
	color: #111;
	padding: 5px 10px;
	overflow: auto;
	font-size: 0.85em;
	line-height: 1;
}

/*  search  */
.searchBox {
}
#searchbox {
}
#searchbox input[type="search"] {
	padding: 0px 3px;
	margin: 2px 0 2px 5px;
	border: 0;
	font-size: .85em;
	height: 24px;
	float: left;
	line-height: 1;
}
#searchbox input[type="submit"] {
	padding: 0px 5px;
	font-size: .85em;
	margin: 2px 0;
	border: 0;
	height: 24px;
	line-height: 1;
	float: left;
	background: #222;
	color: #fff;
}
#searchbox input[type="submit"]:hover, #searchbox input[type="submit"]:focus {
	background: var(--mainAccentColor, #c00);
	color: #fff;
}

/*  menu  ==========================================================
    Fixed top menu bar, full viewport width, 30% transparent black
    background, horizontally centered links, white text with an
    underline on hover. Collapses to a hamburger dropdown on mobile.
====================================================================*/
#nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 1000;
	background: rgba(0,0,0,.3);
	-webkit-transition: background .3s ease;
	transition: background .3s ease;
}
.nav-inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 60px;
	box-sizing: border-box;
	min-height: 56px;
}
.menu-button {
	display: none;
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-15%);
	z-index: 10;
	cursor: pointer;
	background: transparent;
	line-height: 0;
	text-align: center;
	padding: 10px;
}
.menu-wrap {
	position: static;
	width: auto;
	height: auto;
	background: transparent;
	z-index: 9;
	max-height: none;
	overflow: visible;
}

/*  main menu  */
.menu {
	height: auto;
	opacity: 1;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	-webkit-filter:inherit;
	filter:inherit;
}
.link-list {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0;
	min-height: 0;
	font-weight: 400;
	font-size: .9em;
}
.link-list a {
	display: inline-block;
	color: #fff;
	padding: 18px 14px;
	border-left: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	text-decoration: none;
	white-space: nowrap;
}
.link-list a:hover, .link-list a:focus {
	border-left: none;
	color: #fff;
	text-decoration: underline;
}
.link-list a:active, .link-list a:focus {
	border-bottom: none;
	text-decoration: underline;
}
.link-list span {
	display: inline-block;
	color: #fff;
	font-weight: 700;
	padding: 18px 14px;
	border-left: none;
}
ul.menulevel1 {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
ul.menulevel1 li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*  home icon / language menu / search inside the bar  */
.miscStuff {
	background: transparent;
	color: #fff;
	padding: 5px 10px;
}
.miscStuff a {
	color: #fff;
}
.miscStuff a:hover {
	background: transparent;
	text-decoration: underline;
}
a.homeLink .fa {
	background: transparent;
	color: #fff;
}
.miscStuff2 {
	background: transparent;
	color: #fff;
	padding: 5px 10px;
}

/*  page navigation  */
.pageNav {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 3;
	background: var(--footerBgColor, #111);
	padding: 5px 80px;
	width: 100vw;
	font-size: 15px;
	line-height: 30px;
	text-align: center;
}
.pageNav:empty {
	display: none;
}
.pageNavBtn {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 4;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer;
	background: var(--footerBgColor, #111);
	color: #fff;
	padding: 5px;
	width: 37px;
	text-align: center;
	font-size: 15px;
	line-height: 30px;
}
.pnClosed::after {
	content: "\f0d8\00a0\f142";
	font-family: FontAwesome;
}
.pnOpen::after {
	content: "\f0d7\00a0\f142";
	font-family: FontAwesome;
}
.pageNav ul {
	width: calc(100vw - 130px);
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}
.pageNav ul.onepage_menu li {
	display: inline;
}
.pageNav a {
	color: #222;
	padding: .25em .5em;
	background: #fff;
	-webkit-transition: all .3s;
	transition: all .3s;
	white-space: nowrap;
	text-decoration: none;
}
.pageNav a:hover {
	color: #fff;
	background: #666;
	text-decoration: none;
}
a.onepage_current, a.onepage_current:hover {
	color: #fff;
	/* background: var(--mainAccentColor, #c00); */
	background: #811d6e;
}

/* top link */
.topLink {
}
#onepage_toplink {
	position: fixed;
	z-index: 100;
	bottom: 20px;
	right: 20px;
	display: none;
	background: rgba(255,255,255,1.0);
	border-radius: 50%;
	height: 50px;
	width: 50px;
	font-size: 50px;
	line-height: 50px;
	text-align: center;
}
a#onepage_toplink {
	/*  color: var(--mainAccentColor, #c00); */
	color: #811d6e;
}
a#onepage_toplink:active, a#onepage_toplink:focus {
	border: none;
}

/*  shown menu (mobile dropdown toggle only, see @media block below)  */
body.show-menu::before {
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* ====================================================================
   RESPONSIVE TOP MENU
   >= 901px : horizontal bar, centered links, always visible
   <= 900px : hamburger button, dropdown list under the fixed bar
====================================================================*/
@media screen and (max-width: 900px) {
	.nav-inner {
		justify-content: space-between;
		padding: 0 15px;
		min-height: 50px;
	}
	.menu-button {
		display: inline-block;
	}
	.menu-wrap {
		position: fixed;
		top: 50px;
		left: 0;
		width: 100%;
		height: 0;
		max-height: calc(100vh - 50px);
		background: rgba(0,0,0,.85);
		overflow: auto;
		-webkit-transition: height .3s ease;
		transition: height .3s ease;
	}
	.menu {
		display: block;
		opacity: 0;
		text-align: center;
		-webkit-transition: opacity .3s;
		transition: opacity .3s;
	}
	.show-menu .menu-wrap {
		height: auto;
	}
	.show-menu .menu {
		opacity: 1;
		-webkit-transition: opacity .3s .3s;
		transition: opacity .3s .3s;
	}
	.link-list {
		display: block;
	}
	ul.menulevel1 {
		display: block;
	}
	.link-list a, .link-list span {
		display: block;
		padding: 14px 20px;
	}
	.miscStuff2 {
		padding: 10px;
	}
	#searchbox input[type="search"], #searchbox input[type="submit"] {
		float: none;
	}
}

/*  sections  */
.wrapper {
	overflow: hidden;
}
.first-section {
	position: relative;
	width:100%;
	min-height:20em;
	margin-bottom: -50px;
	background: #000 var(--defaultBgImageURL) no-repeat top center fixed;
	-webkit-background-size: cover;
	background-size: cover;
}
.first-section:before {
	position: absolute;
	content:"";
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: url(images/pattern.png) repeat fixed;
}
.first-section .onepage_page-wrapper {
	background: none;
	padding: 160px 0px 60px 0px;
}
.first-section .onepage_page-wrapper:before {
	content: none;
}
.first-section .onepage_page_inner {
	min-height: 15vh !important;
}
.first-section .onepage_page_inner .firstTitle {
	font-size: 3em;
	font-weight: 700;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.7);
	margin: 0;
}
.first-section .onepage_page_inner p {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.7);
	font-family: "Arial", sans-serif !important;
	font-style: italic;
	font-weight: 400;
	font-size: 1.25em;
	margin: 0;
}
.onepage_page {
	position: relative;
	width:100%;
	padding-bottom: 33vh;
	padding-bottom: var(--bgImgVisibleHeight);
}
.onepage_page.noBackgroundImg {
	padding-bottom: 0;
	z-index: 2;
}
.onepage_page.noBackgroundImg .onepage_page_inner {
	padding-bottom: 0;
}
.onepage_page:after {
	content:"";
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	/* modifiziert am: 05.11.2026 - verkleinerte Grafik ca. 5%% tiefer, gleiche Hoehe wie Startseiten-Grafik (vorher: 15px 30px) */
	background: var(--logoLightURL) fixed no-repeat 15px calc(30px + 5vh);
	-webkit-background-size: 77px 100px;
	background-size: 77px 100px;
}
.onepage_page-wrapper {
	position: relative;
	bottom:0;
	left:0;
	width:100%;
	z-index:1;
	background:white;
	text-align: center;
}
.onepage_page-wrapper::before {
	position: absolute;
	content: "";
	top: -100px;
	left: 10%;
	width: 100%;
	height: 100px;
	background: url(images/bg-before.svg) no-repeat;
	z-index: -1;
}
.onepage_page-wrapper::after {
	content:"";
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	/* modifiziert am: 05.11.2026 - verkleinerte Grafik ca. 5%% tiefer, gleiche Hoehe wie Startseiten-Grafik (vorher: 15px 30px) */
	background: var(--logoDarkURL) fixed no-repeat 15px calc(30px + 5vh);
	-webkit-background-size: 77px 100px;
	background-size: 77px 100px;
	z-index:-1;
}
.first-section .onepage_page-wrapper::after {
	content:"";
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	/* modifiziert am: 05.11.2026 - verkleinerte Grafik ca. 5%% tiefer, gleiche Hoehe wie Startseiten-Grafik (vorher: 15px 30px) */
    background: var(--logoLightURL) fixed no-repeat 15px calc(30px + 5vh);
	-webkit-background-size: 77px 100px;
	background-size: 77px 100px;
	z-index:-1;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
.first-section.big .onepage_page-wrapper::after {
	content:"";
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	/* modifiziert am: 05.11.2026 - Startseiten-Grafik 10% kleiner (200px -> 180px) und ca. 5% tiefer (30px -> 30px + 5vh)
	   vorher:
	   background: var(--logoLightURL) fixed no-repeat 15% 30px;
	   -webkit-background-size: 200px 200px;
	   background-size: 200px 200px;
	*/
	/* modifiziert am: 05.11.2026 - linksbuendig mit dem Content (.onepage_page_inner: 82% Breite, zentriert = 9% Rand).
	   Bei Prozentwerten rechnet der Browser (Breite - Grafikbreite) x 9%, daher + 9% von 180px = 16.2px. (vorher: 15%) */
    background: var(--logoLightURL) fixed no-repeat calc(9% + 16.2px) calc(30px + 5vh);
	-webkit-background-size: 180px 180px;
	background-size: 180px 180px;
	z-index:-1;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
.first-section .onepage_page_inner {
	position: relative;
	display: inline-block;
	/* modifiziert am: 05.11.2026 - gleiche Breite wie der Content (.onepage_page_inner), damit der Seitentitel linksbuendig mit dem Content steht (vorher: 75%) */
	width: 82%;
	text-align: left;
	padding: 4em 0;
	/* modifiziert am: 05.11.2026 - Seitentitel (aside) zusammen mit der Startseiten-Grafik ca. 5% nach unten.
	   Verschiebung per "top", damit Hoehe des Headers und Hintergrund-Layout unveraendert bleiben. */
	top: 5vh;
}
.onepage_page_inner {
	position: relative;
	display: inline-block;
	width: 82%;
	text-align: left;
	padding: 2em 0 4em 0;
}
.onepage_page:before {
	content:"";
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: url(images/pattern.png) repeat fixed;
}

/* modifiziert am: 05.11.2026 - Link zur Startseite ueber der verkleinerten Grafik (Auge-hell.svg / Auge-dkl.svg).
   Unsichtbare, fixierte Klickflaeche an derselben Stelle und in derselben Groesse wie die verkleinerte Grafik.
   Solange die grosse Startseiten-Grafik angezeigt wird (Header mit Klasse "big"), ist der Link ausgeblendet. */
.logoHomeLink {
	position: fixed;
	left: 15px;
	top: calc(30px + 5vh);
	width: 77px;
	height: 100px;
	z-index: 999;
	background: transparent;
}
body:has(.first-section.big) .logoHomeLink {
	display: none;
}

/*  Contact  */
form.xh_mailform input[type="submit"] {
	display: inline-block;
	padding: .25em .5em;
	margin: 1em .5em .5em 0;
	font-size: 1em;
	font-weight: 400;
	line-height: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	background-image: none;
	/*  color: var(--mainAccentColor, #c00); #0090ff; */
	border: 1px solid #0090ff;
	border-radius: .25em;
	/*  color: var(--mainAccentColor, #c00); */
	background: #0090ff;
	color: #fff;
	width: 5em !important;
}
form.xh_mailform input[type="submit"]:hover {
	background: #fff;
	color: var(--mainAccentColor, #c00);
}
form.xh_mailform label {
	display: inline-block;
	max-width: 100%;
	margin: 1em 0 0 0;
	font-weight: 400;
	font-size: .85em;
	color: #666;
}
form.xh_mailform input[type="text"], form.xh_mailform input[type="email"], form.xh_mailform input[type="tel"], form.xh_mailform textarea {
	-webkit-appearance: none;
	appearance: none;
	background: #fff;
	border-radius: .25em;
	border: none;
	border: solid 1px #ccc;
	color: inherit;
	display: block;
	outline: 0;
	padding: .25em .5em;
	text-decoration: none;
	width: 100%;
}
form.xh_mailform textarea {
	margin: 1em 0;
}
form.xh_mailform p {
	margin: 0 0 .5em 0;
}
input[name="cap"] {
	color: inherit !important;
	padding: .25em .5em !important;
	width: 5em !important;
	text-align: center !important;
	display: inline-block !important;
	box-sizing: border-box !important;
	border: 1px solid #ccc !important;
	border-radius: 0 .25em .25em 0 !important;
	line-height: normal;
}
span.captcha, span.xh_captcha_code {
	color: #fff !important;
	background: #999 !important;
	border: 1px solid transparent;
	padding: .25em .5em !important;
	width: 5em !important;
	text-align: center !important;
	display: inline-block !important;
	box-sizing: border-box !important;
	border-radius: .25em 0 0 .25em !important;
}
span.xh_captcha_code {
	float: left !important;
	padding: .25em .5em !important;
	line-height: normal;
}

/*  footer  */
footer {
	background: var(--footerBgColor, #111);
	padding: 2.5em 1em 5em 1em;
	color: #fff;
	border-top: 8px solid #811d6e;
}
footer h1, footer h2, footer h3 {
	color: #fff;
}
/*  color: var(--mainAccentColor, #c00); */
footer .fa {
	color: #811d6e;
}
.footer1 {
	text-align: right;
}
.footer5 {
	text-align: center;
	border-top: 1px dotted #fff;
	margin: 1em 0;
	padding: 1em 0 0 0;
}
 @media screen and (max-width: 991px) {
.footer1 {
	text-align: left;
}
}
.footer3 {
}
footer p {
	margin: 0 0 5px 0;
}
footer a {
	color: #fff;
	border-bottom: 1px dotted #666;
	text-decoration: none;
	font-weight: 300;
}
footer a:hover {
	color: #fff;
	background: rgba(255,255,255,.25);
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
 @-webkit-keyframes anim-jelly {
 0% {
-webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 3.333333% {
-webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 6.666667% {
-webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 10% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 13.333333% {
-webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 16.666667% {
-webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 20% {
-webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 23.333333% {
-webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 26.666667% {
-webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 30% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 33.333333% {
-webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 36.666667% {
-webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 40% {
-webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 43.333333% {
-webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 46.666667% {
-webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 50% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 53.333333% {
-webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 56.666667% {
-webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 60% {
-webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 63.333333% {
-webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 66.666667% {
-webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 70% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 73.333333% {
-webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 76.666667% {
-webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 80% {
-webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 83.333333% {
-webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 86.666667% {
-webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 90% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 93.333333% {
-webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 96.666667% {
-webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
}
 @keyframes anim-jelly {
 0% {
-webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 3.333333% {
-webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 6.666667% {
-webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 10% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 13.333333% {
-webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 16.666667% {
-webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 20% {
-webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 23.333333% {
-webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 26.666667% {
-webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 30% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 33.333333% {
-webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 36.666667% {
-webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 40% {
-webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 43.333333% {
-webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 46.666667% {
-webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 50% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 53.333333% {
-webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 56.666667% {
-webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 60% {
-webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 63.333333% {
-webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 66.666667% {
-webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 70% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 73.333333% {
-webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 76.666667% {
-webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 80% {
-webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 83.333333% {
-webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 86.666667% {
-webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 90% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 93.333333% {
-webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 96.666667% {
-webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
}
/* modifiziert am: 05.11.2026 - verkleinerte Grafik (nach dem Scrollen) ausblenden, bevor Seitentitel/Content sie beruehren.
   Verkleinerte Grafik: links 15px + Breite 77px = rechter Rand bei 92px. Seitentitel und Content beginnen bei 9% der Breite.
   Abstand unter 3px, sobald 9% der Breite < 95px, also unter ca. 1056px Fensterbreite.
   Media-Queries rechnen inklusive Scrollbalken (bis ca. 15px), daher Umschaltpunkt 1070px.
   Die grosse Grafik oben auf der Startseite (.first-section.big) bleibt unveraendert sichtbar.
   Steht bewusst VOR dem 600px-Block, damit die Handy-Darstellung unveraendert bleibt. */
 @media screen and (max-width: 1070px) {
.first-section .onepage_page-wrapper::after,
.onepage_page-wrapper::after,
.onepage_page:after {
	background: transparent;
}
.logoHomeLink {
	display: none;
}
}
 @media screen and (max-width: 600px) {
.pageNav, .pageNavBtn {
	display: none;
}
.first-section .onepage_page-wrapper::after {
	/* modifiziert am: 05.11.2026 - Startseiten-Grafik (mobil) 10% kleiner (200px -> 180px) und ca. 5% tiefer (30px -> 30px + 5vh)
	   vorher:
	   background: var(--logoLightURL) fixed no-repeat 15% 30px;
	   -webkit-background-size: 200px 200px;
	   background-size: 200px 200px;
	*/
	/* modifiziert am: 05.11.2026 - linksbuendig mit dem Content (.onepage_page_inner: 82% Breite, zentriert = 9% Rand).
	   Bei Prozentwerten rechnet der Browser (Breite - Grafikbreite) x 9%, daher + 9% von 180px = 16.2px. (vorher: 15%) */
    background: var(--logoLightURL) fixed no-repeat calc(9% + 16.2px) calc(30px + 5vh);
	-webkit-background-size: 180px 180px;
	background-size: 180px 180px;
}
.onepage_page-wrapper::after {
	background: transparent;
}
.onepage_page:after {
	background: transparent;
}
/* modifiziert am: 05.11.2026 - mobil gibt es keine verkleinerte Grafik, daher auch keinen Link */
.logoHomeLink {
	display: none;
}
}
body.mce-content-body {
	padding: 1em .5em;
}
.mce-menu {
	box-shadow: 5px 5px 5px rgba(0, 0, 0, .25) !important;
}
#noJS {
	position: fixed;
	top: 0;
	right: 20px;
	z-index: 5;
	padding: 1em;
	width: 10em;
	background: var(--mainAccentColor, #c00);
	color: #fff;
	font-size: .9em;
	font-weight: 400;
}
#noJS a {
	color: #fff;
	text-decoration: underline;
}

/*  demo classes  */
div.demo {
	background: #f3f3f3;
	text-align: center;
	border: 1px solid #fff;
	padding: .5em 1em;
}
div.demoBox {
	background: #f6f6f6;
	border: 1px solid #ccc;
	border-radius: 15px;
	padding: .5em 1em;
	font-size: .9em;
	height: 100%;
	margin: 0 0 1em 0;
}

/*  others  */
.dlcounter_button {
	display: inline-block;
	padding: .25em .5em;
	margin: 1em .5em .5em 0;
	font-size: 1em;
	font-weight: 400;
	line-height: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid var(--mainAccentColor, #c00);
	border-radius: .25em;
	background: var(--mainAccentColor, #c00);
	color: #fff;
}
.dlcounter_button:hover {
	border: 1px solid var(--mainAccentColor, #c00);
	background: #fff;
	color: var(--mainAccentColor, #c00);
}
.dlcounter_count {
	font-weight: 300;
	display: block;
	font-size: .85em;
}
button.dlcounter_button span:nth-child(1):before {
	content: "\f019\ ";
	font-family: "FontAwesome";
}