@charset "utf-8";
/* CSS Document */

*, *::before, *::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html, body {
	height: 100%;
}
body {
	min-height: 100vh;
	font-style: normal;
	font-weight: normal;
	font-size: 1rem;
	font-family: "Inter", sans-serif;
}
@media (min-width: 40rem) {
	body {
		font-size: 1.1rem;
	}
}
@media (min-width: 60rem) {
	body {
		font-size: 1.2rem;
	}
}
@media (min-width: 80rem) {
	body {
		font-size: 1.3rem;
	}
}
@media (min-width: 100rem) {
	body {
		font-size: 1.4rem;
	}
}
h1, h2, h3, h4, h5, h6,
p, li, blockquote, pre, a, button {
	font-size: 1em; /* reset */
}
img {
	max-width: 100%;
	height: auto;
	border: none;
}
img.block {
	display: block;
}
.bgWhite {
	background-color: #fff;
}
/* TYPOGRAPHY -------------------------------------------------------------  */
main p,
main li,
#slider p,
#slider li,
#bottom p,
#bottom li {
  line-height: 1.8em;
  font-size: 0.8em;
  font-weight: 300;
}
p, label, blockquote, ul {
  padding-bottom: 1.5em;
}
p:last-child, ul:last-child {
	padding-bottom: 0;
}

/* Links */
a,
a:visited,
a:focus,
a:active {
	text-decoration: none;
	border: none;
	outline: none;
	color: inherit;
}
@media (screen) {
	a:hover {
		cursor: pointer;
	}
}

/* Lists ----------------- */
ul {
	list-style-type: circle;
	list-style-position: outside;
	list-style-image: none;
}
/* squares */
ul.squares {
  	list-style: none outside none;
	padding: 0;
}
ul.squares li {
  	padding-left: 1.5em;
  	position: relative;
}
ul.squares li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0.5em;
	width: 0.5em;
	height: 0.5em;
	border-radius: 10%;
	background-color: #111;
}

/* Tables */
table {
	margin: 0 0 2em 0;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.table-wrapper {
	overflow-x: auto;
}
table tbody tr {
	border: solid 1px rgba(160, 160, 160, 0.3);
	border-left: 0;
	border-right: 0;
}
table tbody tr:nth-child(2n + 1) {
	background-color: rgba(160, 160, 160, 0.075);
}
table td {
	padding: 0.75em 0.5em;
	line-height: 1.5em;
}
table td > p {
	font-size: 1em;
	line-height: normal;
}
table th {
	font-weight: 700;
	padding: 0 0.75em 0.75em 0.75em;
	text-align: left;
}
@media (min-width: 40rem) {
	table.firstColNoWrapAt40r td:first-child,
	table.firstColNoWrapAt40r th:first-child {
		white-space: nowrap;
	}
}
table thead {
	border-bottom: solid 2px rgba(160, 160, 160, 0.3);
}
table tfoot {
	border-top: solid 2px rgba(160, 160, 160, 0.3);
}
table span.tableSpacer {
	display: inline-block;
	padding-left: 3%;
	padding-right: 3%;
}
/* table alternate */
/* grey*/
table.grey {
	border-collapse: collapse;
	margin-bottom: 2em;
}
table.grey tr:nth-child(even) {
	background: #f6f6f6;
}
table.grey td {
	vertical-align: middle;
	padding: 1em;
	border: solid 1px #dcdcdc;
}
table.grey tr.thead {
	background-color: inherit;
}
table.grey tr.thead th {
	padding: 0 0 1em 0;
	text-align: left;
}
table.grey tr ~ tr.thead th {
	padding: 1.5em 0 1em 0;
}
/* alternate */
table.alt,
table.ce-table-allBorders {
	border-collapse: separate;
}
table.alt tbody tr td,
table.ce-table-allBorders tbody tr td  {
	border: solid 1px rgba(160, 160, 160, 0.3);
	border-left-width: 0;
	border-top-width: 0;
}
table.alt tbody tr td:first-child,
table.ce-table-allBorders tbody tr td:first-child {
	border-left-width: 1px;
}
table.alt tbody tr:first-child td,
table.ce-table-allBorders tbody tr:first-child td {
	border-top-width: 1px;
}
table.alt thead,
table.ce-table-allBorders thead {
	border-bottom: 0;
}
table.alt tfoot,
table.ce-table-allBorders tfoot {
	border-top: 0;
}


/* Site Widths ------------------------------------------------------------- */
#header1 > *,
#logoAndMenu,
.wrapperWidth,
.nkFlexBox.wrapperWidth,
section > *,
#componentContainer,
#breadcrumbs {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.wrapperWidth > .wrapperWidth {
	width: 100%;
	max-width: 100%;
}
.wrapperWidth.narrow > * {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 65rem) {
	.wrapperWidth .narrow,
	.narrowBox {
		width: 60rem;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 75rem) {
	#header1 > *,
	#logoAndMenu,
	.wrapperWidth,
	.nkFlexBox.wrapperWidth,
	section > *,
	#componentContainer,
	#breadcrumbs {
    	width: 70rem;
  	}
}
@media (min-width: 95rem) {
	#header1 > *,
	#logoAndMenu,
	.wrapperWidth,
	.nkFlexBox.wrapperWidth,
	section > *,
	#componentContainer,
	#breadcrumbs {
    	width: 90rem;
  	}
}
@media (min-width: 105rem) {
	#header1 > *,
	#logoAndMenu,
	.wrapperWidth,
	.nkFlexBox.wrapperWidth,
	section > *,
	#componentContainer,
	#breadcrumbs {
    	width: 100rem;
  	}
}

/* No Display on... --------------------------------------- */
@media(max-width: 29.99rem) {
	.notTil30r, 
	.noMobile,
	.noDisplayOnMobile {
		display: none !important;
	}
}
@media(max-width: 39.99rem) {
	.notTil40r, 
	.noTabletVertical {
		display: none !important;
	}
}
@media(max-width: 59.99rem) {
	.notTil60r, 
	.noTablet,
	.noDisplayOnTablet {
		display: none !important;
	}
}
@media(max-width: 89.99rem) {
	.notTil90r {
		display: none !important;
	}
}

#header {
	position: relative;
}
/* HEADER 1 -------------------------------------------------> */
#header1 > * {
	padding: 0.5em 0;
	font-size: 0.85em;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}
#header1 p {
	padding-bottom: 0;
}
#header1 .nav-item {
	display: inline-block;
	margin-left: 1em;
	font-size: 0.8em;
}
/* Search Module */
#header1 .search form {
	padding-left: 2em;
	position: relative;
	border: solid 2px #BABABA;
}
@media (min-width: 60rem) {
	#header1 .search form {
		margin-left: 1em;
	}
}
#header1 .search label {
	display: none;
}
#header1 .search form:before {
	content: "";
	position: absolute;
	top: 50%;
	top: calc(50% - 0.4em);
	left: 0.4em;
	width: 0.8em;
	height: 0.8em;
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbm1vbnN0ciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjMuODEgMjQiPg0KICA8cGF0aCBpZD0ibWFnbmlmaWVyLTIiIGQ9Ik0yMy44MSwyMS42NSwxNy42LDE1LjQ0YTkuNzEsOS43MSwwLDEsMC0yLjM4LDIuMzJMMjEuNDYsMjRaTTIuODUsOS43M2E2Ljg4LDYuODgsMCwxLDEsNi44OCw2Ljg4QTYuODksNi44OSwwLDAsMSwyLjg1LDkuNzNaIiBmaWxsPSIjMTY3MmIwIi8+DQo8L3N2Zz4NCg==);
	display: block;
}
#header1 .search input {
	border: none !important;
	display: block;
	width: 100%;
	padding: 0.25em;
}
#header1 .search input:focus {
	border: none !important;
	outline: solid 2px #3fa335;
}

/* Contact Details */
.contactDetails + .moduletable {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
.contactDetails p {
	font-size: 0.8em;
}
.contactDetails joomla-hidden-mail {
	display: inline-block;
}

#header1 > * .contactDetails p > a {
	line-height: 1.2em;
	vertical-align: middle;
	display: inline-block;
}
#header1 > * .contactDetails p > a ~ a,
#header1 > * .contactDetails p > a ~ *  {
	margin-left: 2.5em;
}
@media screen {
	#header1 a {
		transition: color ease-in-out 0.5s;
	}
	#header1 svg {
		transition: fill ease-in-out 0.5s;
	}
}
#header1 > * .contactDetails a > img,
#header1 > * .contactDetails a > svg {
	display: inline-block;
	height: 1.25em;
	margin-bottom: 0.1em;
	margin-right: 0.6em;
	vertical-align: middle;
}

/* Contact Info */
#header1 .contactInfo > * {
	display: inline-block;
	margin-right: 1.25em;
}
#header1 .contactInfo > a > span {
	display: inline-block;
	margin-right: 0.5em;
}

/* Language Menu */
#header1 ul.languageMenu li {
	display: inline-block;
	margin-right: 1em;
}
#header1 ul.languageMenu li:last-child {
	margin-right: 0; /* end with wrapperWidth */
}
#header1 ul.languageMenu li span.current {
	font-weight: 600;
}

@media (max-width: 39.99rem) {
	#header1 ul.languageMenu {
		display: block;
		margin: 0 auto;
	}
	#header1 {
		text-align: center;
	}
}
@media (min-width: 60rem) {
	.contactDetails + .moduletable {
		flex: 1 1 auto;
		text-align: right;
	}
}
@media (max-width: 59.99rem) {
	#header1 > * > *  {
		text-align: center;
		padding: 0.5em 0;
	}
	#header1 .searchModule {
		flex-basis: 50%;
	}
	#header1 > * .contactDetails  {
		width: 100%;
		text-align: center;
	}
	#header1 > * .contactDetails a {
		display: block;
		text-align: center;
		padding: 0.4em 0;
	}
}

/* Logofull ------------------------------------------------------- */
#logofull {
	text-align: center;
}
#logofull p {
	line-height: 1em;
}
#logofull a  {
	margin: 2em auto;
	display: inline-block;
	text-align: center;
}
#logofull a > img {
	max-height: 6em;
	display: block;
}
#logofull + #header2 #logoAndMenu #mainmenu > a {
  	margin-top: 1.25em;
  	margin-bottom: 1.25em;
	transition: margin ease-in-out 1s;
}
#logofull + #header2 > .scrolledActive #logoAndMenu #mainmenu > a{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

@media (max-width: 39.99rem) {
	#logofull a > img {
    	max-width: 96%;
		margin: auto;
	}
}
/* Alternate Logo instead logofull on mobile */
@media (max-width: 59.99rem) {
	body.logofull.showmobilelogo #logofull {
		display: none;
	}
	body.logofull.showmobilelogo #mainmenuContainer:after {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		top: 0.5em;
		bottom: 0.5em;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center right;
		background-size: contain;
		width: 70%;
		transition: all ease 1s 1s;
	}
}


/* HEADER 2 ---------------------------------------------------------- */
/* LOGO AND MENU ----------------------------------------------------> */
#logoAndMenuContainer,
#logoAndMenuContainer.scrolledActive {
	z-index: 1000;
	background: #fff;
}
#logoAndMenuContainer #logo {
	transition: none;
}
#logoAndMenuContainer.scrolledActive #logo {
	padding: 0.75em 1.5em 0.75em 0;
	transition: padding ease-in-out 0.5s;
}
#logoAndMenu {
	position: relative;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	max-width: 100%;
	padding: 0;
}
body.logofull #logoAndMenu {
	position: relative;
	z-index: 999;
}
@media (min-width: 60rem) {
	#logoAndMenu {
		align-items: stretch;
	}
}

/* LOGO -------------------------------------------------------------> */
#logo {
	padding: 1.2em 0;
	text-align: left;
	display: flex;
	padding: 1em 1.5em 1em 0;
	justify-content: flex-start;
	align-items: center;
}
body.logocentered #logo {
	text-align: center;
	justify-content: center;
}
body.logocentered #logo a {
	margin: auto;
}
#logo a,
#logo img,
#logo svg {
	transition: fill ease 1s;
}
#logo a {
	max-height: 3em;
	display: block;
}
#logo img,
#logo svg {
	display: inline-block;
}
#logo svg {
	max-width: 80%;
	width: auto;
	fill: #707070;
}
#logo a:hover svg {
	fill: #888;
}
@media (max-width: 59.99rem) {
	#logo {
		flex: 1 1 auto;
		overflow: hidden;
		transition: flex ease 0.5s;
	}
	.scrolledActive #logo {
		font-size: 1rem;
	}
}
@media (min-width: 60rem) {
	#logo {
		max-width: 25%;
		padding: 1em 1.5em 1em 0;
		flex: 0 0 auto;
	}
}
@media (min-width: 75rem) {
	#logo {
		flex: 0 0 30%;
	}
}
.logo p > a img {
		display: block;
}
/* Scrolled Active */
#logoAndMenuContainer.scrolledActive #logo {
	/* padding: 0.75em 1.5em 0.75em 0; */
}
#logoAndMenuContainer.scrolledActive #logo a,
#logoAndMenuContainer.scrolledActive #logo a img,
#logoAndMenuContainer.scrolledActive #logo a svg  {
	/* max-height: 2.25em; */
}

/* MAINMENU -------------------------------------------------------------> */
#mainmenu ul {
	list-style: none;
}
/* Main Menu Button */
#mainmenu > a {
	display: none;
	background-color: #333;
}
#mainmenu ul {
	transition: all ease 0.5s;
}
#mainmenu.jsActivated > ul > li > ul {
	max-height: 0; /* zweite ebene */
}
#mainmenu li > a {
	display: block;
	padding: 1em 0.5em;
	transition: all ease 0.2s;
	line-height: 1.5em;
}
/* Joomla menüpunkt icon Klasse überschreiben */
:where(.mod-menu [class*="icon-"]) {
	margin-inline-start: 0 !important;
}
/* Submenue ------------------- */
/* deactivate the joomla button */
#mainmenu li.deeper.parent > button.mod-menu__toggle-sub {
	display: none !important; 
}
:where(.mod-menu__sub[aria-hidden="true"]) {
  display: block !important;
}
/* Only Mobile */
@media (max-width: 59.99rem) {
	#mainmenu.jsActivated ul {
		display: block;
		overflow: hidden;
	}
	#mainmenu.jsActivated > a {
		display: block;
		width: 4em;
		height: 3em;
		background-image: url("../images/menutoggle.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 2em auto;
	}
	#mainmenu.jsActivated > ul {
		position: absolute;
		top: 100%;
		left: -1px;
		z-index: 9999;
	}
	#mainmenu.jsActivated ul {
		max-height: 0; /* jede ebene */
	}
	#mainmenu.jsActivated.jsActive > ul,
	#mainmenu.jsActivated li.jsActive > ul  {
		max-height: 50em;
	}
	#mainmenu li.deeper.parent {
		position: relative;
		z-index: 1;
	}
	#mainmenu li > a, 
	#mainmenu li > span {
		padding: 1em 0.5em;
		display: block;
		line-height: 1em;
		box-sizing: content-box;
	}
	#mainmenu li > a {
		padding: 1em;
		border-bottom: solid 1px #fff;
		border-left: solid 1px #fff;
		border-right: solid 1px #fff;
	}
	#mainmenu li.deeper.parent > a {
		padding-right: 3em; /* space for icon */
	}
	/* Submenue ----- */
	#mainmenu li.nav-item li > a,
	#mainmenu li.nav-item li > span.separator {
		padding-left: 1.5em; /* Second level */
	}
	#mainmenu li.nav-item li.nav-item li > a,
	#mainmenu li.nav-item li.nav-item li > span.separator  {
		padding-left: 2.5em; /* Third level */
	}
	/* Submenu Button (inserted per javascript) */
	#mainmenu li.deeper.parent span.toggleButton {
		position: absolute;
		right: 0;
		width: 3em;
		height: 1em;
		top: 0;
		border: none;
		border-left: solid 1px #888;
		border-radius: 0;
		background: none;
	}
	/* Arrow in Submenu Button */
	#mainmenu li.deeper.parent span.toggleButton > svg {
		position: absolute;
		top: 50%;
		top: calc(50% - 0.6em);
		right: 1.5em;
		width: 1em;
		height: auto;
		display: block;
	}
	#mainmenu li.deeper.parent.jsActive > span.toggleButton > svg {
		transform: matrix(-1, 0, 0, -1, 0, 0);
	}
}
/* ------------> DESKTOP */
@media (min-width: 60rem) {
	#logoAndMenu {
		padding: 0; /* to get submenues l8er under the whole container */
	}
	#mainmenuContainer {
		flex: 1 0 50%;
		display: flex;
		max-width: 100%;
	}
	#mainmenu {
		display: flex;
		flex: 0 0 100%;
		max-width: 100%;
		font-weight: normal;
		font-size: 0.8em;
	}
	#mainmenu.jsActivated > ul {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		flex: 0 0 100%;
		max-width: 100%;
	}
	#mainmenu.left > ul {
		justify-content: flex-start;
	}
	#mainmenu.centered > ul,
	#mainmenu > ul.centered {
		justify-content: center;
		flex: 1 1 auto;
	}
	#mainmenu.right > ul {
		justify-content: flex-end;
	}
	#mainmenu > ul > li {
		position: relative; /* for submenue get under it */
		display: flex;
		flex: 0 1 auto;
		padding: 0;
		padding-top: 1.25em;
		padding-bottom: 1.25em;  /* space must be here (not parents), to get submenue under whole container */
		margin-left: 1em;
		margin-right: 1em;
		text-align: center;
		justify-content: center;
		transition: padding ease 0.5s;
	}
	.scrolledActive #mainmenu > ul > li {
		padding-top: 0.25em;
		padding-bottom: 0.25em;  
	}
	#mainmenu > ul > li:first-child {
		margin-left: 0;
	}
	#mainmenu > ul > li:last-child {
		margin-right: 0;
	}
	#mainmenu > ul > li > a {
		position: relative;
	}
	#mainmenu > ul li a:hover,
	#mainmenu > ul li.active a,
	#mainmenu > ul li.current a {
		color: #333;
	}
	#mainmenu > ul li a:hover {
		cursor: pointer;
	}
	#mainmenu > ul > li > a {
		display: block;
		align-self: center;
		width: 100%;
	}
	#mainmenu.left > ul > li:first-child > a {
		padding-left: 0;
	}
	#mainmenu.right > ul > li:last-child > a {
		padding-right: 0;
	}
	#mainmenu li.deeper.parent > a > button {
		display: none; /* Hover arrow from now on instead */
	}
	/* 1. Level with Submenu */
	#mainmenu li.deeper.parent > a,
	#mainmenu li.deeper.parent > span.separator {
		padding-right: 1.9em;
	}
	/*
	#mainmenu > ul > li > a,
	#mainmenu > ul > li > span.separator {
		align-self: center;
		width: 100%;
		padding: 0 1em 0 0;
	}*/
	#mainmenu > ul > li:last-child > a,
	#mainmenu > ul > li:last-child > span.separator {
		padding-right: 0;
	}
	/* All levels Submenu Arrow */
	#mainmenu li.deeper.parent  span.toggleButton,
	#mainmenu li.deeper.parent  span.toggleButton > svg {
		display: block;
		width: 0.7em;
		height: 0.7em;
		transition: all ease-in-out 1s;
	}
	#mainmenu li.deeper.parent  span.toggleButton {
		position: absolute;
		display: block;
		top: 50%;
		right: 0.5em;
		transform: translate(-50%, -50%);
	}
	#mainmenu > ul > li.deeper.parent > span.toggleButton > svg {
		fill: #333;
	}
	#mainmenu li.deeper.parent  span.toggleButton > svg {
		fill: #fff;
	}
	#mainmenu li.deeper.parent.current > span.toggleButton > svg,
	#mainmenu li.deeper.parent.active > span.toggleButton > svg,
	#mainmenu li.deeper.parent:hover > span.toggleButton > svg {
		fill: #888;
	}
	#mainmenu li.deeper.parent:hover > span.toggleButton > svg {
		transform: matrix(-1, 0, 0, -1, 0, 0);
	}
	#mainmenu > ul > li > ul.mod-menu__sub,
	#mainmenu > ul > li > ul.mod-menu__sub > li > ul.mod-menu__sub {
		position: absolute;
		text-align: left;
		transition: max-height ease-in-out 0.5s, opacity ease-in-out 0.5s;
		opacity: 0; /* changes */
		max-height: 0; /* changes */
		overflow: hidden; /* changes */
	}
	#mainmenu > ul > li > ul.mod-menu__sub {
		top: 100%;
		left: 0;
	}
	#mainmenu > ul > li > ul.mod-menu__sub > li > ul.mod-menu__sub {
		top: 0;
		left: 100%;
		left: calc(100% - 1px);
		min-width: 100%;
	}
	#mainmenu > ul > li:hover > ul.mod-menu__sub,
	#mainmenu > ul > li > ul.mod-menu__sub > li:hover > ul.mod-menu__sub {
		max-height: 100em;
		opacity: 1;
		overflow: visible; /* changes */
		z-index: 999;
	}
	#mainmenu > ul > li > ul.mod-menu__sub > li.deeper.parent:hover  span.toggleButton > svg {
		transform: matrix(0, 1, -1, 0, 0, 0); /* 2nd level: Arrow rotates 45° instead of 90 */
	}
	#mainmenu > ul > li > ul.mod-menu__sub > li,
	#mainmenu > ul > li > ul.mod-menu__sub > li > ul.mod-menu__sub > li {
		position: relative;
	}
	#mainmenu > ul > li > ul.mod-menu__sub > li > a,
	#mainmenu > ul > li > ul.mod-menu__sub > li > ul.mod-menu__sub > li > a,
	#mainmenu > ul > li > ul.mod-menu__sub > li > span.separator,
	#mainmenu > ul > li > ul.mod-menu__sub > li > ul.mod-menu__sub > li > span.separator {
		display: block;
		position: relative;
		padding: 1em;
		background: #888;
		color: #fff;
		border-right: solid 1px #fff;
		border-left: solid 1px #fff;
	}
	#mainmenu > ul > li > ul.mod-menu__sub li > a,
	#mainmenu > ul > li > ul.mod-menu__sub > li > ul.mod-menu__sub > li > a,
	#mainmenu > ul > li > ul.mod-menu__sub li > span.separator,
	#mainmenu > ul > li > ul.mod-menu__sub > li > ul.mod-menu__sub > li > span.separator  {
		border-top: solid 1px #fff;
		transition: all ease 0.5s;
	}
	#mainmenu > ul > li > ul.mod-menu__sub li:first-child > a,
	#mainmenu > ul > li > ul.mod-menu__sub li:first-child > span.separator,
	#mainmenu > ul > li > ul.mod-menu__sub > li:first-child > ul.mod-menu__sub > li:first-child > a,
	#mainmenu > ul > li > ul.mod-menu__sub > li:first-child > ul.mod-menu__sub > li:first-child > span.separator  {
		border-top: none;
	}
	#mainmenu > ul > li > ul.mod-menu__sub > li:last-child > a,
	#mainmenu > ul > li > ul.mod-menu__sub > li > ul.mod-menu__sub > li:last-child > a,
	#mainmenu > ul > li > ul.mod-menu__sub > li:last-child > span.separator,
	#mainmenu > ul > li > ul.mod-menu__sub > li > ul.mod-menu__sub > li:last-child > span.separator  {
		border-bottom: solid 1px #fff;
	}
	#mainmenu > ul > li > ul.mod-menu__sub > li:hover > a,
	#mainmenu > ul > li > ul.mod-menu__sub > li > ul.mod-menu__sub > li:hover > a,
	#mainmenu > ul > li > ul.mod-menu__sub > li:hover > span.separator,
	#mainmenu > ul > li > ul.mod-menu__sub > li > ul.mod-menu__sub > li:hover > span.separator  {
		background-color: #333;
	}
	/* Button style */
	#mainmenu > ul > li > a.button[class*="icon-"] {
		padding-left: 3em;
		padding-right: 1em;
		position: relative;
		background-color: #333;
		color: #fff;
	}
	#mainmenu > ul > li > a.button[class*="icon-"]:hover {
		background-color: #555;
	}
	#mainmenu > ul > li > a.button[class*="icon-"]:after {
		content: "+";
		position: absolute;
		left: 1em;
		top: 50%;
		transform: translate(0, -50%);
		width: 1.25em;
		height: 1.25em;
	}
	#mainmenu > ul > li > a.button[class*="icon-mail"]:after {
		content: url("data:image/svg+xml;charset=utf8,%3Csvg data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath fill='%23ffffff' d='M12 12.713l-11.985-9.713h23.97l-11.985 9.713zm0 2.574l-12-9.725v15.438h24v-15.438l-12 9.725z' fill-rule='evenodd'/%3E%3C/svg%3E");
	}
	#mainmenu > ul > li > a.button[class*="icon-phone"]:after {
		content: url("data:image/svg+xml;charset=utf8,%3Csvg data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath fill='%23ffffff' d='M20 22.621l-3.521-6.795c-.008.004-1.974.97-2.064 1.011-2.24 1.086-6.799-7.82-4.609-8.994l2.083-1.026-3.493-6.817-2.106 1.039c-7.202 3.755 4.233 25.982 11.6 22.615.121-.055 2.102-1.029 2.11-1.033z' fill-rule='evenodd'/%3E%3C/svg%3E");
	}
}
/* Logo centered */
@media (min-width: 30rem) {
	body.logocentered #mainmenuContainer,
	body.logocentered #header2-other {
		flex: 0 0 37.5%;
	}
}

/* HEADER2-OTHER ----------------------------------------------------------- */
#header2-other {
	display: flex;
	justify-content: flex-end;
	margin-top: auto;
	margin-bottom: auto;

}

/* HeaderImage  ------------------------------------------------------------ */
#headerimage > div {
	overflow: hidden;
	min-height: 17em;
	background-size: cover;
	background-repeat: none;
	display: flex;
}
#headerimage > div > * {
	margin: auto;
}
#headerimage > div > div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
#headerimage > div > div > * {
	flex: 0 0 auto;
}
#headerimage h1:first-child,
#headerimage h2:first-child {
	margin-top: 2em;
}
#headerimage h1:last-child,
#headerimage h2:last-child {
	margin-bottom: 2em;
}
#headerimage h1 + h2 {
	margin-top: 0.2em;
}
/* Seperate Labels */
body.seperateLabels #headerimage h1,
body.seperateLabels #headerimage h2,
.separateLabels.white span {
	background: rgba(255,255,255,0.8);
	color: #707070;
	padding: 0.25em 3rem;
}
/* SLIDES: separateLabels Style */
.nkMellowSlides .separateLabels span,
.separateLabels span {
	display: inline-block;
	padding: 0.25em 1rem;
	margin-bottom: 0.5rem;
	font-size: 2.25em;
  font-weight: 300;
}
.nkMellowSlides .separateLabels span.small,
.separateLabels span.small {
	font-size: 1em;
	padding: 0.75em 1rem;
}
.nkMellowSlides .separateLabels span.big,
.separateLabels span.big {
	font-size: 4.5em;
	font-weight: 500;
	line-height: 1em;
	padding: 0.25em 1rem;
}
@media(max-width: 40rem) {
  .nkMellowSlides .separateLabels span.big,
  .separateLabels span.big {
  	font-size: 2.5em;
  }
}
.nkMellowSlides .separateLabels.white span,
.separateLabels.white span {
  background: rgba(255,255,255,0.9);
}
.nkMellowSlides .separateLabels span.small,
.separateLabels span.small {
	max-width: 30rem;
}
.nkMellowSlides .separateLabels span.small.mw45r,
.separateLabels span.small.mw45r {
	max-width: 45rem;
}
.nkMellowSlides .separateLabels span.mini,
.separateLabels span.mini {
	font-size: 1.4em;
  	padding: 0.5em 1rem;
}

/* Breadcrumbs ------------------------------------------------------------- */
@media (max-width: 39.99rem) {
	#breadcrumbs {
		font-size: 1rem;
	}
}
#breadcrumbsContainer {
	border-bottom: solid 1px rgba(160, 160, 160, 0.3);
}
#breadcrumbs {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
#breadcrumbs ol,
#breadcrumbs ul {
	padding: 0;
}
#breadcrumbs li {
	display: inline-block;
	padding-bottom: 0;
}
#breadcrumbs li:after {
	content: url('data:image/svg+xml,<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m13.022 14.999v3.251c0 .412.335.75.752.75.188 0 .375-.071.518-.206 1.775-1.685 4.945-4.692 6.396-6.069.2-.189.312-.452.312-.725 0-.274-.112-.536-.312-.725-1.451-1.377-4.621-4.385-6.396-6.068-.143-.136-.33-.207-.518-.207-.417 0-.752.337-.752.75v3.251h-9.02c-.531 0-1.002.47-1.002 1v3.998c0 .53.471 1 1.002 1z" fill-rule="nonzero"></path></svg>');
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	line-height: 1.25em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	fill: #707070;
}
#breadcrumbs li > svg {
	
}
#breadcrumbs li:first-child:after,
#breadcrumbs li:last-child:after {
	content: "";
	padding-right: 0;
	padding-left: 0;
	width: 0;
}
/* desktop */
@media (min-width: 60rem) {
	#breadcrumbs {
		font-size: 0.8em;
	}
}





/* AB HIER ÜBERARBEITEN ------------------------------------------------------------------------------------------ */


/* COMPONENT --------------------------------------------------------------  */
#component {
	padding: 2em 0;
	margin: 0;
}
.fullWidthComponent #component {
	padding: 0;
}
#precontent,
#component,
#postcontent {
	display: block;
}

#precontent {

}
/* Component */
.noComponent #componentContainer {
  display: none;
}
.noComponent #componentContainer:last-child {
    padding-bottom: 0;
}
#componentContainer {
  background: transparent;
}
#componentContainer div p > a {
	text-decoration: underline;
	-webkit-transition: color ease-in-out 0.5s;
	-o-transition: color ease-in-out 0.5s;
	transition: color ease-in-out 0.5s;
}
#componentContainer div p > a:hover {
	color: #3ea9e0;
}
#componentContainer h2:first-child,
#bottom h2:first-child {
	padding-top: 2em;
}
#componentContainer h2 {
	padding-top: 0;
}
#componentContainer > div h2,
#precontent h2,
#postcontent .likeComponent h2,
#bottom div h2 {
	font-size: 1.2em;
	font-weight: 400;
	text-transform: uppercase;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}
#componentContainer h3 > span,
.likeComponent h3 > span {
	font-size: 0.8em;
	font-weight: 300;
}
#postcomponent h3 {
	padding-bottom: 1.1em;
}
#componentContainer > div,
.likeComponent > div  {
	
}
.item-image .caption {
	font-size: 0.8em;
	font-weight: 300;
	text-align: center;
	padding: 0.5em 0;
	line-height: 1.5em;
}
#component .item-image.pull-right,
#component .item-image.right,
#component .item-image.pull-left,
#component .item-image.left  {
	max-width: 100%;
	width: 80%;
	min-width: 15em;
	margin-bottom: 1em;
}
@media (min-width: 30rem) {
	#component .item-image.pull-right,
	#component .item-image.right,
	#component .item-image.pull-left,
	#component .item-image.left  {
		max-width: 50%;
		width: 45%;
		min-width: 15em;
		margin-bottom: 1.8em;
	}
	#component .item-image.pull-right,
	#component .item-image.right {
		float: right;
		margin-left: 1.8em;
	}
	#component .item-image.pull-left,
	#component .item-image.left {
		float: left;
		margin-right: 1.8em;
	}
	#component h2 {
		clear: both;
	}
}
#component .item-image.pull-right > a,
#component .item-image.right > a,
#component .item-image.pull-left > a,
#component .item-image.left > a,
#component .item-image.pull-right > a > img,
#component .item-image.right > a > img,
#component .item-image.pull-left > a > img,
#component .item-image.left > a > img {
	display: block;
}
body.fullWidthComponent #componentContainer {
	width: 100%;
	max-width: none;
}
.items-more,
.pagination,
.blog + *,
.items-row > * {
	clear: both;
}
p,
#component li,
table td,
table th {
  
}
@media(min-width: 60rem) {
	p,
	label,
	#slider li {
    font-size: 0.9em;
	}
	p,
	#component li {
	  font-size: 0.8em;
	}
}
#postcomponent li {
  font-size: 1em;
}
#postcomponent p + h2,
#postcomponent p + h3,
#postcomponent ul ~ h2 {
	padding-top: 1em;
}


#postcomponent .sliderBox img {
	display: block;
	-webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0); /* prevent shuttering */
}
#component [id^="nkSliderBoxControl"],
#postcomponent [id^="nkSliderBoxControl"] {
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	border-bottom: solid 2px #3fa335;
	margin-bottom: 1em;
}
#component [id^="nkSliderBoxControl"] a,
#postcomponent [id^="nkSliderBoxControl"] a {
	border: solid 2px #3fa335;
	border-radius: 1px;
	width: 0.8em;
	height: 0.8em;
	margin: 1em 0.125em;
}
#component [id^="nkSliderBoxControl"] a.jsActive,
#postcomponent [id^="nkSliderBoxControl"] a.jsActive {
	background: #3fa335;
}
.narrowComponent #componentContainer > * {
	max-width: 50rem;
	position: relative;
	top: -2em;
	z-index: 100;
}
@media (min-width: 60rem) {
	.narrowComponent #componentContainer {
		display: block;
	}
	.narrowComponent #component > * {
		margin-left: auto;
		margin-right: auto;
	}
}
.narrowComponent #component > * .page-header {
	background: #3fa335;
	color: #fff;
	padding: 0.8em 1.2em;
	text-align: center;
	line-height: 2em;
	margin-bottom: 0.75em;
}
.narrowComponent #component > * .page-header h1,
.narrowComponent #component > * .page-header h2 {
	color: #fff;
	font-size: 1em;
	line-height: 2em;
	display: inline-block;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	text-transform: none;
}
.narrowComponent #component > * .page-header h1:before,
.narrowComponent.linkList[class*="icon-"] #component > * .page-header h1:before,
.narrowComponent.linkList[class*="icon-"] #component > * .page-header h2:before {
	content: "";
	background: transparent url('../images/icon1white.png') no-repeat local center center / contain;
	display: inline-block;
	width: 2.2em;
	height: 2.2em;
	margin-right: 0.75em;
	vertical-align: middle;
}
.narrowComponent.linkList[class*="icon-1"] #component > * .page-header h1:before,
.narrowComponent.linkList[class*="icon-1"] #component > * .page-header h2:before {
	background: transparent url('../images/icon1white.png') no-repeat local center center / contain;
}
.narrowComponent.linkList[class*="icon-2"] #component > * .page-header h1:before,
.narrowComponent.linkList[class*="icon-2"] #component > * .page-header h2:before {
	background: transparent url('../images/icon2white.png') no-repeat local center center / contain;
}
.narrowComponent.linkList[class*="icon-3"] #component > * .page-header h1:before ,
.narrowComponent.linkList[class*="icon-3"] #component > * .page-header h2:before {
	background: transparent url('../images/icon3white.png') no-repeat local center center / contain;
}
.narrowComponent.linkList[class*="icon-4"] #component > * .page-header h1:before,
.narrowComponent.linkList[class*="icon-4"] #component > * .page-header h2:before {
	background: transparent url('../images/icon4white.png') no-repeat local center center / contain;
}
.narrowComponent.linkList[class*="icon-5"] #component > * .page-header h1:before,
.narrowComponent.linkList[class*="icon-5"] #component > * .page-header h2:before {
	background: transparent url('../images/icon5white.png') no-repeat local center center / contain;
}
.narrowComponent.linkList #component > div.item-page > div > a,
.narrowComponent.linkList #component > div > div.item-page > div > a  {
	display: block;
	padding: 1.5em 3em 1.5em 0;
	font-weight: normal;
	border-bottom: solid #ddd 2px;
	position: relative;
}
.narrowComponent.linkList #component > div.item-page > div > p + a,
.narrowComponent.linkList #component > div > div.item-page > div > p + a {
	border-top: solid #ddd 2px;
}
.narrowComponent.linkList #component > div.item-page > div > a:hover,
.narrowComponent.linkList #component > div > div.item-page > div > a:hover {
	color: #3ea9e0;
}
.narrowComponent.linkList #component > div.item-page > div > a:after,
.narrowComponent.linkList[class*="icon-"] #component > div.item-page > div > a:after,
.narrowComponent.linkList #component > div > div.item-page > div > a:after,
.narrowComponent.linkList[class*="icon-"] #component > div > div.item-page > div > a:after   {
	content: "";
	display: block;
	width: 2.5em;
	height: auto;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	        transform: translate(0, -50%);
}
.narrowComponent.linkList #component > div.item-page > div > a[download]:after,
.narrowComponent.linkList[class*="icon-"] #component > div.item-page > div > a[download]:after,
.narrowComponent.linkList #component > div > div.item-page > div > a[download]:after,
.narrowComponent.linkList[class*="icon-"] #component > div > div.item-page > div > a[download]:after  {
	content: url("data:image/svg+xml;charset=utf8,%3Csvg data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath fill='%23036aac' d='M6,15H1v6H23V15H18V14h6v8H0V14H6v1Zm14,2a1,1,0,1,1-1,1,1,1,0,0,1,1-1ZM12.5,0V14.88l4.74-5.72.76.65L12,17,6,9.8l.76-.65,4.74,5.73V0Z' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.narrowComponent.linkList #component > div.item-page > div > a[download]:hover:after,
.narrowComponent.linkList[class*="icon-"] #component > div.item-page > div > a[download]:hover:after,
.narrowComponent.linkList #component > div > div.item-page > div > a[download]:hover:after,
.narrowComponent.linkList[class*="icon-"] #component > div > div.item-page > div > a[download]:hover:after    {
	content: url("data:image/svg+xml;charset=utf8,%3Csvg data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath fill='%233ea9e0' d='M6,15H1v6H23V15H18V14h6v8H0V14H6v1Zm14,2a1,1,0,1,1-1,1,1,1,0,0,1,1-1ZM12.5,0V14.88l4.74-5.72.76.65L12,17,6,9.8l.76-.65,4.74,5.73V0Z' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.narrowComponent.linkList #component > div.item-page > div > a > span,
.narrowComponent.linkList #component > div > div.item-page > div > a > span {
	font-weight: 300;
}

@media (min-width: 60rem) {
	#component {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	#component > * {
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 100%;
		        flex: 1 1 100%;
	}
	#postcomponent {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 30%;
		        flex: 0 0 30%;
	}
	#postcomponent {
		margin-left: 2em;
	}
}

.item-page > *[itemprop*="articleBody"] > *:last-child {
	padding-bottom: 5.5rem;
}
.item-page li {
    padding-top: 0.2em;
		padding-bottom: 0.2em;
}
/* POSTCOMPONTENT .linkList */
#postcomponent .moduletable > ul,
#postcomponent .moduletable > .custom > ul {
	padding-left: 0;
	padding-bottom: 0;
}
#postcomponent .moduletable > ul > li > a,
#postcomponent .moduletable > .custom > ul > li > a {
	display: block;
	padding: 0.75em 3em 0.75em 0;
	font-weight: normal;
	border-bottom: solid #ddd 2px;
	font-size: 0.8em;
	font-weight: 500;
	position: relative;
}
#postcomponent .mod-articleslatest.latestnews.mod-list > li > a {
	padding-right: 0.75em;
}
 #postcomponent .mod-articleslatest.latestnews.mod-list > li > a.jsActivated {
	color: #3ea9e0;
}
#postcomponent .moduletable > ul > li:first-child > a,
#postcomponent .moduletable > .custom > ul > li:first-child > a {
	padding-top: 0;
}

#postcomponent .moduletable > ul > li > a:hover,
#postcomponent .moduletable > .custom > ul > li > a:hover{
	color: #3ea9e0;
}
#postcomponent .moduletable > ul > li > a[download]:after ,
#postcomponent .moduletable > .custom > ul > li > a[download]:after  {
	content: url("data:image/svg+xml;charset=utf8,%3Csvg data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath fill='%23036aac' d='M6,15H1v6H23V15H18V14h6v8H0V14H6v1Zm14,2a1,1,0,1,1-1,1,1,1,0,0,1,1-1ZM12.5,0V14.88l4.74-5.72.76.65L12,17,6,9.8l.76-.65,4.74,5.73V0Z' fill-rule='evenodd'/%3E%3C/svg%3E");
	display: block;
	width: 2em;
	height: auto;
	position: absolute;
	right: 0.5em;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	        transform: translate(0, -50%);
}
#postcomponent .moduletable > ul > li:first-child > a[download]:after,
#postcomponent .moduletable > .custom > ul > li:first-child > a[download]:after {
	-webkit-transform: translate(0, -60%);
	    -ms-transform: translate(0, -60%);
	        transform: translate(0, -60%); /* because no padding top here -> little higher */
}
#postcomponent .moduletable > ul > li > a[download]:hover:after,
#postcomponent .moduletable > .custom > ul > li > a[download]:hover:after  {
	content: url("data:image/svg+xml;charset=utf8,%3Csvg data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath fill='%233ea9e0' d='M6,15H1v6H23V15H18V14h6v8H0V14H6v1Zm14,2a1,1,0,1,1-1,1,1,1,0,0,1,1-1ZM12.5,0V14.88l4.74-5.72.76.65L12,17,6,9.8l.76-.65,4.74,5.73V0Z' fill-rule='evenodd'/%3E%3C/svg%3E");
}
/* --- */
#postcomponent p {
	font-size: 0.9em;
}
@media(min-width: 30rem) {
	#postcomponent p {
		font-size: 0.7em;
	}
}
#component section.jsInactive > * {
	opacity: 0;
}
#component section.jsActive > * {
	opacity: 1;
}
#component ul,
#component ol {
	list-style-position: outside;
	line-height: 1.68em;
	padding-bottom: 1em;
}
#component ol > li {
	list-style-position: outside;
	margin-left: 1em;
	padding-left: 0;
}
#component .pagination ul,
#component [class*="__pagination"] ul  {
	padding-top: 4em;
	list-style: none inside none;
}
#component .pagination ul > li,
#component [class*="__pagination"] ul > li  {
	padding: 0;
	font-weight: bold;
	display: inline-block;
	line-height: 2.5em;
	text-align: center;
	position: relative;
	width: 2.5em;
	height: 2.5em;
	overflow: hidden;
	border-radius: 50%;
	margin-right: 1.5em;
}
#component .pagination ul > li > *,
#component .pagination ul > li > span > span[class*="icon-"],
#component .pagination ul > li > * > span.icon-angle-right,
#component .pagination ul > li > * > span.icon-angle-left,
#component [class*="__pagination"] ul > li > *,
#component .pagination ul > li > * > span.icon-next,
#component [class*="__pagination"] ul > li > * > span.icon-angle-right,
#component .pagination ul > li > * > span.icon-previous,
#component [class*="__pagination"] ul > li > * > span.icon-angle-left  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}
#component .pagination ul > li > a,
#component [class*="__pagination"] ul > li > a {
	-webkit-transition: color ease-in-out 0.5s;
	-o-transition: color ease-in-out 0.5s;
	transition: color ease-in-out 0.5s;
}
#component .pagination ul > li > a:hover,
#component [class*="__pagination"] ul > li > a:hover {
	color: rgb(214, 168, 126);
}
#component .pagination ul > li.active > a:hover,
#component [class*="__pagination"] ul > li.active > a:hover {
	color: #fff;
}
#component .pagination ul > li.active > *,
#component .pagination ul > li > * > span.icon-next,
#component .pagination ul > li > * > span.icon-previous,
#component .pagination ul > li > * > span.icon-angle-right,
#component .pagination ul > li > * > span.icon-angle-left,
#component [class*="__pagination"]  ul > li.active > *,
#component [class*="__pagination"]  ul > li > * > span.icon-angle-left,
#component [class*="__pagination"]  ul > li > * > span.icon-angle-right {
	background-color: rgb(22, 114, 176);
	color: #fff;
	position: relative;
	-webkit-transition: background-color ease-in-out 0.5s;
	-o-transition: background-color ease-in-out 0.5s;
	transition: background-color ease-in-out 0.5s;
}
#component .pagination ul > li > a:hover > span.icon-next,
#component .pagination ul > li > a:hover > span.icon-previous,
#component [class*="__pagination"] ul > li > a:hover > span.icon-angle-left,
#component [class*="__pagination"] ul > li > a:hover > span.icon-angle-right,
#component .pagination ul > li > a:hover > span[class*="icon-"]  {
	background-color: rgb(214, 168, 126);
}
#component .pagination ul > li.disabled > a > span.icon-previous,
#component .pagination ul > li.disabled > a > span.icon-next,
#component .pagination ul > li.disabled > a:hover > span.icon-previous,
#component .pagination ul > li.disabled > a:hover > span.icon-next,
#component [class*="__pagination"]  ul > li.disabled span.icon-angle-left,
#component [class*="__pagination"]  ul > li.disabled span.icon-angle-right,
#component [class*="__pagination"]  ul > li.disabled:hover span.icon-angle-left,
#component [class*="__pagination"]  ul > li.disabled:hover span.icon-angle-right,
#component .pagination ul > li.disabled > * > span[class*="icon-"] {
	background-color: #ddd;
}
#component .pagination ul > li > * > span.icon-previous:before,
#component .pagination ul > li > * > span.icon-next:before,
#component [class*="__pagination"]  ul > li > * > span.icon-angle-left:before,
#component [class*="__pagination"]  ul > li > * > span.icon-angle-right:before,
#component .pagination ul > li > * > span[class*="icon-"]:before,
#component .pagination ul > li > * > span.icon-angle-right:before  {
	content: "";
	display: block;
	position: absolute;
	width: 1em;
	height: 1em;
}
#component .pagination ul > li > * > span.icon-previous:before,
#component [class*="__pagination"]  ul > li > * > span.icon-angle-left:before,
#component .pagination ul > li > * > span.icon-angle-left:before {
	margin: 0.75em 0.85em 0.75em 0.65em;
	background: transparent url('../images/iconPfeilWeissLinks.png') no-repeat center center;
	background-size: contain;
}
#component .pagination ul > li > * > span.icon-next:before,
#component [class*="__pagination"]  ul > li > * > span.icon-angle-right:before,
#component .pagination ul > li > * > span.icon-angle-right:before {
	margin: 0.75em 0.65em 0.75em 0.85em;
	background: transparent url('../images/iconPfeilWeissRechts.png') no-repeat center center;
	background-size: contain;
}
#component .pagination ul > li:first-child,
#component .pagination ul > li:last-child,
#component [class*="__pagination"]  ul > li:first-child,
#component [class*="__pagination"]  ul > li:last-child  {
	display: none;
}
#component .pagination .counter,
#component [class*="__pagination"]  .counter {
	display: none;
}

/* Style References */
.references .sliderBox > * > * > * > p  {
  text-align: center;
}
.references .sliderBox > * > * > * > p:first-child > img {
  display: inline-block;
  width: 10em;
  height: 10em;
  border-radius: 50%;
}
.references .sliderBox > * > * > * > p:nth-child(2)  {
  background: #fff;
  padding: 2em;
  margin: 1em auto 2em auto;
  color: #333;
  font-weight: 400;
}
.references .sliderBox > * > * > * > p:last-child  {
  font-weight: 400;
}

/* FOOTER -----------------------------------------------------------------------> */
#prefooter {
	background: rgba(0,0,0,0.94);
	color: #fff;
	padding: 4em 0 4em 0;
}
.footerNav {
	list-style: inside square none;
}
.footerNav > li {
	padding: 0.4em 0;
}
.footerNav > li:first-child {
	padding-top: 0;
}
.socialsHorizontal {

}
.socialsHorizontal a {
	display: inline-block;
	width: 2em;
	height: 2em;
	margin-right: 1em;
}
.socialsHorizontal svg {
	width: 2em;
	height: 2em;
	fill: #fff;
}
/* Icons */
ul.withIcons > li {
	position: relative;
	padding-left: 2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	line-height: 1.5em;
}
ul.withIcons > li:first-child {
	padding-top: 0;
}
ul.withIcons > li:before {
	position: absolute;
	display: inline-block;
	left: 0;
	top: 0.65em;
	width: 1em;
	height: 1em;
	content: "";
	background-size: contain;
}
ul.withIcons > li:first-child:before {
	top: 0.25em;
}
ul.withIcons > li.icon-home:before {
	background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" fill="%23000000" clip-rule="evenodd"><path d="M6 23h-3v-10l8.991-8.005 9.009 8.005v10h-3v-9h-12v9zm1-2h10v2h-10v-2zm0-3h10v2h-10v-2zm10-3v2h-10v-2h10zm-5-14.029l12 10.661-1.328 1.493-10.672-9.481-10.672 9.481-1.328-1.493 12-10.661z"/></svg>');
}
ul.withIcons > li.icon-phone:before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23000000" viewBox="0 0 24 24"><path d="M20 2c0-1.105-.896-2-2-2h-12c-1.105 0-2 .896-2 2v20c0 1.104.895 2 2 2h12c1.104 0 2-.896 2-2v-20zm-9.501 0h3.001c.276 0 .5.224.5.5s-.224.5-.5.5h-3.001c-.275 0-.499-.224-.499-.5s.224-.5.499-.5zm1.501 20c-.553 0-1-.448-1-1s.447-1 1-1c.552 0 .999.448.999 1s-.447 1-.999 1zm6-3h-12v-14.024h12v14.024z"/></svg>');
}
ul.withIcons > li.icon-mail:before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23000000" viewBox="0 0 24 24"><path d="M12 12.713l-11.985-9.713h23.97l-11.985 9.713zm0 2.574l-12-9.725v15.438h24v-15.438l-12 9.725z"/></svg>');
}
ul.withIcons.white > li.icon-home:before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill-rule="evenodd" fill="%23ffffff" clip-rule="evenodd"><path d="M6 23h-3v-10l8.991-8.005 9.009 8.005v10h-3v-9h-12v9zm1-2h10v2h-10v-2zm0-3h10v2h-10v-2zm10-3v2h-10v-2h10zm-5-14.029l12 10.661-1.328 1.493-10.672-9.481-10.672 9.481-1.328-1.493 12-10.661z"/></svg>');
}
ul.withIcons.white > li.icon-phone:before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff" viewBox="0 0 24 24"><path d="M20 2c0-1.105-.896-2-2-2h-12c-1.105 0-2 .896-2 2v20c0 1.104.895 2 2 2h12c1.104 0 2-.896 2-2v-20zm-9.501 0h3.001c.276 0 .5.224.5.5s-.224.5-.5.5h-3.001c-.275 0-.499-.224-.499-.5s.224-.5.499-.5zm1.501 20c-.553 0-1-.448-1-1s.447-1 1-1c.552 0 .999.448.999 1s-.447 1-.999 1zm6-3h-12v-14.024h12v14.024z"/></svg>');
}
ul.withIcons.white > li.icon-mail:before {
	top: 0.8em; /* OVERRIDE */
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff" viewBox="0 0 24 24"><path d="M12 12.713l-11.985-9.713h23.97l-11.985 9.713zm0 2.574l-12-9.725v15.438h24v-15.438l-12 9.725z"/></svg>');
}
footer {
  	background: transparent;
	min-height: 3.5rem;
	position: relative;
	z-index: 999;
	padding-top: 0;
	padding-bottom: 0;
}
footer .bgWhite a {
  
}
footer a {

}
#footer {
	
}
#footer p {
	
}
#footer p:first-child > a {

}
#copyright {
  	text-align: center;
}
#copyright p {
	padding: 1rem 0;
	text-align: center;
	font-size: 0.7em;
	font-weight: 400;
}


/* DSGVO SHowcase */
#gmaps,
.dsgvoShowcase {
	position: relative;
	background-color: #ddd;
}
#gmaps div,
.dsgvoShowcase div {
	position: absolute;
	top: 50%;
	left: 50%;
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
	max-width: 60rem;
	width: 80%;
	margin: auto;
	-webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
	padding: 1em;
}
#gmaps p a,
#component .dsgvoShowcase p a,
.dsgvoShowcase p a,
#nkjsimplecontact-submit,
.nkForm button[type="submit"],
.nkForm input[type="submit"],
button[type="submit"],
#slider a.button,
#slider a.transbutton,
#component a.button,
button.btn  {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 0.9em;
	letter-spacing: auto;
	background: #000;
	padding: 0.75em 1.5em;
	transition: background ease-in-out 0.5s;
	text-decoration: none;
	background: #97c121;
	color: #fff;
	margin-bottom: 0;
	border: none;
}
#nkjsimplecontact-submit {
	margin-bottom: 2em;
}
#gmaps p a:hover,
.dsgvoShowcase p a:hover,
#component .dsgvoShowcase p a:hover,
#nkjsimplecontact-submit:hover,
.nkForm button[type="submit"]:hover,
.nkForm input[type="submit"]:hover,
button[type="submit"]:hover,
#slider a.button:hover,
#component a.button,
button.btn:hover  {
    background: #bba686;
		cursor: pointer;
		color: #fff;
}
#slider a.transbutton,
#slider a.transbutton:visited,
#slider a.transbutton:focus,
#slider a.transbutton:active {
	font-size: 1em;
	font-weight: 500;
	border: solid 2px #fff;
	cursor: pointer;
	color: #fff;
	background: transparent;
	position: relative;
	padding: 0.5em 1.5em 0.5em 2.6em;
	margin-right: 1em;
}
#slider a.transbutton:last-child {
	margin-right: 0;
}
#slider a.transbutton::after {
	content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23ffffff' d='M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z'/></svg>");
	position: absolute;
	top: 50%;
	left: 1.5em;
	top: calc(50% - 0.85em);
	width: 0.9em;
	height: auto;
	-webkit-transition: background-color ease-in-out 0.5s;
	-o-transition: background-color ease-in-out 0.5s;
	transition: background-color ease-in-out 0.5s;
	display: block;
}
#slider a.transbutton:hover {
	background-color: #3ea9e0;
}
#component a.button {
	margin-right: 2em;
	position: relative;
	z-index: 2;
}


#gmaps iframe,
.dsgvoShowcase iframe {
	display: block;
	width: 100%;
	height: 20em;
	border: none;
	overflow: hidden;
	padding: 0;
}
#gmaps.isActive div,
.dsgvoShowcase.isActive div {
	display: none;
}


/* OK OK OK ---------------------------------------------------------------> */
/* Joomla BLOG */
.com-content-category-blog.blog {
	padding-top: 2em;
}
.com-content-category-blog__items .blog-item {
	clear: both;
	padding-bottom: 2em;
}
/* Button styles */
#component a.button[class*="icon-"] {
	margin-left: 0;
	margin-right: 1em;
	padding-left: 3em;
	padding-right: 1em;
	position: relative;
	background-color: #333;
	color: #fff;
}
#component a.button[class*="icon-"]:hover {
	background-color: #555;
}
#component a.button[class*="icon-"]:after  {
	content: "+";
	position: absolute;
	left: 1em;
	top: 50%;
	transform: translate(0, -50%);
	width: 1.25em;
	height: 1.25em;
}
#component a.button[class*="icon-mail"]:after {
	content: url("data:image/svg+xml;charset=utf8,%3Csvg data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath fill='%23ffffff' d='M12 12.713l-11.985-9.713h23.97l-11.985 9.713zm0 2.574l-12-9.725v15.438h24v-15.438l-12 9.725z' fill-rule='evenodd'/%3E%3C/svg%3E");
}
#component a.button[class*="icon-phone"]:after {
	content: url("data:image/svg+xml;charset=utf8,%3Csvg data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath fill='%23ffffff' d='M20 22.621l-3.521-6.795c-.008.004-1.974.97-2.064 1.011-2.24 1.086-6.799-7.82-4.609-8.994l2.083-1.026-3.493-6.817-2.106 1.039c-7.202 3.755 4.233 25.982 11.6 22.615.121-.055 2.102-1.029 2.11-1.033z' fill-rule='evenodd'/%3E%3C/svg%3E");
}