/* bySam */

/* ============================================================ */
/* Bootstrap 5													*/
/* ============================================================ */

/* Example: color:var(--bs-blue); */

:root {
--bs-blue:#0d6efd;
--bs-indigo:#6610f2;
--bs-purple:#6f42c1;
--bs-pink:#d63384;
--bs-red:#dc3545;
--bs-orange:#fd7e14;
--bs-yellow:#ffc107;
--bs-green:#198754;
--bs-teal:#20c997;
--bs-cyan:#0dcaf0;
--bs-white:#fff;
--bs-gray:#6c757d;
--bs-gray-dark:#343a40;
--bs-gray-100:#f8f9fa;
--bs-gray-200:#e9ecef;
--bs-gray-300:#dee2e6;
--bs-gray-400:#ced4da;
--bs-gray-500:#adb5bd;
--bs-gray-600:#6c757d;
--bs-gray-700:#495057;
--bs-gray-800:#343a40;
--bs-gray-900:#212529;
--bs-primary:#0d6efd;
--bs-secondary:#6c757d;
--bs-success:#198754;
--bs-info:#0dcaf0;
--bs-warning:#ffc107;
--bs-danger:#dc3545;
--bs-light:#f8f9fa;
--bs-dark:#212529;
--bs-primary-rgb:13, 110, 253;
--bs-secondary-rgb:108, 117, 125;
--bs-success-rgb:25, 135, 84;
--bs-info-rgb:13, 202, 240;
--bs-warning-rgb:255, 193, 7;
--bs-danger-rgb:220, 53, 69;
--bs-light-rgb:248, 249, 250;
--bs-dark-rgb:33, 37, 41;
--bs-white-rgb:255, 255, 255;
--bs-black-rgb:0, 0, 0;
--bs-body-color-rgb:46, 46, 46;
--bs-body-bg-rgb:255, 255, 255;
--bs-font-sans-serif:sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", 'Open Sans', "Liberation Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient:linear-gradient(180deg, hsla(0,0%,100%,.15), hsla(0,0%,100%,0));
--bs-body-font-family:var(--bs-font-sans-serif);
--bs-body-font-size:18px;
--bs-body-font-weight:400;
--bs-body-line-height:1.5;
--bs-body-color:#5B5B5B;
--bs-body-bg:#fff;

/* For Fixed Header in /elements/header.php (LESS Compiler) */
--navi-height-mobile:100px;
--navi-height-desktop:150px;

--color-primary:#005CA9; /* var(--color-primary) */
--color-primary-text:#FFFFFF;

--animate-duration:1.5s;
}

/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/roboto-v47-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/roboto-v47-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/roboto-v47-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/roboto-v47-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/roboto-v47-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/roboto-v47-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/roboto-v47-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ============================================================ */
/* Bootstrap 5 Grid 											*/
/* ============================================================ */

/* -xs- */
@media (min-width: 576px) {
}
/* -md- */
@media (min-width: 768px) {
}
/* -lg- */
@media (min-width: 992px) {
}
/* -xl- */
@media (min-width: 1200px) {
}
/* -xxl- */
@media (min-width: 1400px) {
}

/* ============================================================ */
/* Custom Project Classes										*/
/* ============================================================ */

.color-primary {
	color:var(--color-primary);
}

.bg-color-primary {
	background-color:var(--color-primary);
	color:var(--color-primary-text);
}
.bg-color-primary,
.bg-color-primary a,
.bg-color-primary a:link,
.bg-color-primary a:visited,
.bg-color-primary a:active { 
	color:var(--color-primary-text);
	outline:none; 
	text-decoration:none; 
}
.bg-color-primary a:focus,
.bg-color-primary a:hover  { 
	color:var(--color-primary-text); 
	background:none; 
	text-decoration:underline;
}

.bg-color-gray {
	background-color:#EEEEEE;
	padding-top:10px;
	margin-bottom:10px;
}

.text-primary {
	color:var(--color-primary);
}

.text-secondary {
	color:var(--bs-body-color);
}

.floater {
	position:fixed;
	top:calc( 24vh );
	right:5px;
	z-index:10;
}
@media (min-width: 768px) {
	.floater {
		/*top:calc( 50vh - 100px );*/
		top:260px;
		right:10px;
	}
}
.floater-kontakt-link {
	width:36px; 
	height:auto;
	cursor:pointer;
}
.floater-kontakt {
	position:fixed;
	/*top:calc( 50vh - 100px );*/
	top:180px;

	right:75px;
	z-index:100;
	width:600px;
	height:auto;
	min-height:200px;
	min-width:100px;
	padding:30px 30px 15px 30px;
	display:inline-block;

	background-color:#FFFFFF;
	border:1px solid var(--color-primary);
	font-size:18px;
	line-height:26px;

	-webkit-box-shadow: 8px 8px 6px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 8px 8px 6px rgba(0, 0, 0, 0.1);
			box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);

	background:url('/extern/aktiv-leben-bg-wolken.jpg') center top repeat;
	background-size:100%;

	display:none;
}

.floater-gruppen-link {
	width:36px; 
	height:auto;
	cursor:pointer;
}
.floater-gruppen {
	position:fixed;
	/*top:calc( 50vh - 100px );*/
	top:180px;

	bottom:30px;
	overflow:auto;

	right:75px;
	z-index:100;
	width:600px;
	height:auto;
	min-height:200px;
	min-width:100px;
	padding:30px 30px 15px 30px;
	display:inline-block;

	background-color:#FFFFFF;
	border:1px solid var(--color-primary);
	font-size:18px;
	line-height:26px;

	-webkit-box-shadow: 8px 8px 6px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 8px 8px 6px rgba(0, 0, 0, 0.1);
			box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);

	background:url('/extern/aktiv-leben-bg-wolken.jpg') center top repeat;
	background-size:100%;
	
	display:none;
}




.blaue-welle {
	background:url('/extern/aktiv-leben-blaue-welle.png') center top no-repeat;
	background-size:100%;
	color:#FFFFFF !important;
	padding-top:100px;
	margin-top:-15px;
}

.blaue-welle p {
	color:#FFFFFF !important;
}

.blaue-welle h1 {
	color:#FFFFFF !important;
}
@media (min-width: 992px) {
	.blaue-welle {
		padding-top:200px;
		margin-top:-75px;
	}
}
@media (min-width: 2000px) {
	.blaue-welle {
		padding-top:225px;
	}
}

.blaue-flaeche {
	background:url('/extern/aktiv-leben-blaue-flaeche.png') center bottom repeat;
	background-size:100%;
}


.gesicht-gruen-orange {
	width:240px;
	height:auto;
}
@media (min-width: 992px) {
	.gesicht-gruen-orange {
		width:320px;
	}
}

.startseite-top {
	margin-top:0px;
}

.startseite-text {
	margin-top:30px;
	text-align:center;
}
.startseite-text.h2 {
	color:#2E2E2E;
	font-weight:300;

}
@media (min-width: 992px) {
	.startseite-text {
		position:absolute;
		left:calc( 50% + 160px );
		top:120px;
		margin-top:0px;
		text-align:left;
	}
}


.jobs-back {
	margin-bottom:15px;
}

.jobs-headline {
	margin-bottom:15px;
}

.jobs-info {
}

.jobs-beschreibung {
}

.gruppenangebote {
	display:block;
	background:url('/extern/aktiv-leben-bg-wolken.jpg') center top repeat;
	background-size:100%;
	border:2px solid var(--color-primary);
	padding:20px;
	margin:30px;
}
@media (min-width: 768px) {
	.gruppenangebote {
		display:none;
		width:640px;
		padding:20px 100px 20px 100px;
	}
}
@media (min-width: 992px) {
	.gruppenangebote {
		width:800px;
	}
}





.bild-ansprechpartner {
	width:140px !important;
	height:auto;
}
@media (min-width: 768px) {
	.bild-ansprechpartner {
		width:160px !important;
		height:auto;
	}
}
@media (min-width: 992px) {
	.bild-ansprechpartner {
		width:160px !important;
		height:auto;
	}
}
@media (min-width: 1180px) {
	.bild-ansprechpartner {
		width:160px !important;
		height:auto;
	}
}

.text-ansprechpartner {
	font-size:80%;
}




.text-mobile {
	padding-left:30px;
	padding-right:30px;
}
@media (min-width: 992px) {
	.text-mobile {
		padding-left: 0px;
		padding-right: 0px;
	}
}


/* ============================================================ */
/* Support / Service											*/
/* ============================================================ */

/* Float Classes */
.public .left {
	float:left !important;
}
.public .right {
	float:right !important;
}
.public .clear {
	clear:both !important;
}

/* Text-Decoration Classes */
.public .tdu {
	text-decoration:underline !important;
}
.public .tdn {
	text-decoration:none !important;
}

/* Round corners */
.public .rounded { 
	 -webkit-border-radius: 8px;
		-moz-border-radius: 8px;
			 border-radius: 8px;
}

/* Shadow */
.shadow	{
	/*
				  Vertikaler  Farbe des 
				  Versatz     Schatten
					  |           |
	box-shadow: 10px 10px 15px silver inset;
				 |          |           |
		 Horizontaler       |           |
		 Versatz       Größe des     optional:
					   Schatten      Schatten nach innen
	*/
	-webkit-box-shadow: 8px 8px 6px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 8px 8px 6px rgba(0, 0, 0, 0.3);
			box-shadow: 8px 8px 6px rgba(0, 0, 0, 0.3);
}

/* Desaturate-Effect (Everything in shades of gray and on hover in color) */
.desaturate {
    filter: grayscale(100%); /* Standard */
    -webkit-filter: grayscale(100%); /* Webkit */
/*    filter: url(/elements/grayscale.svg#desaturate); /* Firefox 4-34 */
    filter: gray;  /* IE6-9 */
    -webkit-filter: grayscale(1); /* Old WebKit */
}

.desaturate:hover {
    filter: grayscale(0%);
    filter: none;
    -webkit-filter: grayscale(0); /* Old WebKit */
}


.zoom-pic img {
    -webkit-transform: scale(0.9,0.9);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(0.9,0.9);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    transform: scale(0.9,0.9);
    transition-timing-function: ease-out;
    transition-duration: 250ms;
}

.zoom-pic:hover img {
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 400ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 400ms;
    transform: scale(1,1);
    transition-timing-function: ease-out;
    transition-duration: 400ms;
}



/* No Selection Class */
.public .deselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently not supported by any browser */
}
.public .deselect ::selection,
.public .deselect ::-moz-selection {
    background:transparent !important;
    color:inherit !important;
}

/* No Outline */
.public .nool { 
	outline:none !important; 
}

/* Bild in original Größe anzeigen, aber nicht über 100% des Bereichs, 
   d.h. keine Scroller, auch nicht wenn das Bild grösser ist als der Viewport (einfach im Editor diese Klasse beim Bild mit angeben) */
.max-width-100p {
	width:auto !important;
	height:auto !important;
	max-width:100% !important;
}

/* Bei Bookmarks Header mitrechnen, vor allem für Fixed-Header sinnvoll (jedem Anker diese Klasse mitgeben) und natürlich den Top-Wert auf die Header Größe(n) anpassen */
.anchor { 
	display:block;
	position:relative;
	top:-120px;
	visibility:hidden;
}
@media (min-width: 992px) {
	.anchor { 
		top:-200px;
	}
}

/* Cols innerhalb einer row umdrehen */
.public .row-reverse .row {
    flex-direction: row-reverse;
}

.w-100-lg-50 {
	width:100%;
}
@media (min-width: 992px) {
	.w-100-lg-50 {
		width:50%;
	}
}

/* ============================================================ */
/* Global 														*/
/* ============================================================ */

/* Link Colors */
a,
a:link,
a:visited,
a:active { color:var(--color-primary); outline:none; text-decoration:none; }
a:focus,
a:hover  { color:var(--color-primary); background:none; text-decoration:underline; }

a, a:visited { outline:none !important; } /* Safari Fix */

/* Select Colors */
::selection {
	background:var(--color-primary);
	color:#FFFFFF;
}
::-moz-selection {
	background:var(--color-primary);
	color:#FFFFFF;
}
::-webkit-selection {
	background:var(--color-primary);
	color:#FFFFFF;
}

/* Body, Header, Main, Footer, etc. */

.noscroll-kontakt,
.noscroll-gruppen,
.noscroll { 
	position: fixed; 
	top: var(--st, 0);
	inline-size: 100%;
	overflow-y:scroll;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	line-height:26px;
	background:url('/extern/aktiv-leben-bg-wolken.jpg') center top repeat;
	background-attachment:fixed;
	background-size:100%;
	font-weight:300;
}
@media (min-width: 992px) {
	body {
		font-size:20px;
		line-height:28px;
	}
}

.public header {
	width:100% !important;
	height:var(--navi-height-mobile) !important;
	z-index:1000;
	background:url('/extern/aktiv-leben-bg-wolken.jpg') center top repeat;
	background-attachment:fixed;
	background-size:100%;
}
@media (min-width: 992px) {
	.public header {
		height:var(--navi-height-desktop) !important;
		border-bottom:none;
	}
}

.public main {
	padding-top:var(--navi-height-mobile) !important;
}
@media (min-width: 992px) {
	.public main {
		padding-top:200px !important;
	}
}

/* Abstand zwischen Header bzw. Teaser Full/Teaser wenn verwendet und dem Content */
.public main .main-content-wrapper {
	padding-top:20px;
}

/* Footer */
footer {
}

.public footer .footer-wrapper {
	background:url('/extern/aktiv-leben-blaue-flaeche.png') center top repeat;
	background-size:contain;
	text-align:center;
	color:#FFFFFF;
	padding:150px 15px 100px 15px;
}

.footer-aud {
	color:#0574BB;
}
.footer-aud a {
	color:#0574BB !important;
}

.public footer a {
	text-decoration:none;
	color:#FFFFFF;
}

.public .footer-top {
	font-size:14px;
	line-height:24px;
}

.footer-navi {
	display:inline-block;
	margin:10px 15px 10px 15px;
	font-size:20px;
	line-height:1.2;
}


.public .footer-col-1,
.public .footer-col-2,
.public .footer-col-3,
.public .footer-col-4 {
	font-size:14px;
	line-height:24px;
}
.public .footer-col-1 h4,
.public .footer-col-2 h4,
.public .footer-col-3 h4,
.public .footer-col-4 h4 {
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

.public .footer-copyright {
}

.public .footer-social {
	margin-bottom:30px;
}
@media (min-width: 992px) {
	.public .footer-social {
		position:absolute;
		right:15px;
		bottom:15px;
		margin-bottom:0px;
	}
}

/* hr */
.public hr {
    background-color:#BBBBBB;
    border: 0;
    color: inherit;
    margin: 1rem 0;
    opacity:1;
}

h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
	color:var(--color-primary);
	font-weight:300 !important;
}


/* ============================================================ */
/* Header Navigation 											*/
/* ============================================================ */

.public .navbar-custom.navbar {
	padding:0px !important;
}

/* Navbar - We want container as display:block not flex for Dropdown-Menus */
.public navbar-custom .navbar > .container, 
.public navbar-custom .navbar > .container-fluid, 
.public navbar-custom .navbar > .container-lg, 
.public navbar-custom .navbar > .container-md, 
.public navbar-custom .navbar > .container-sm, 
.public navbar-custom .navbar > .container-xl, 
.public navbar-custom .navbar > .container-xxl {
	 display:block;
}

/* Logo */
.navbar-custom .navbar-brand {
	position:absolute;
	top:20px;
	left:30px;
	padding:0px !important;
	margin:0px !important;
}
.navbar-custom .navbar-brand, 
.navbar-custom .navbar-brand:focus, 
.navbar-custom .navbar-brand:hover {
	color:#5B5B5B;
}
.navbar-custom .navbar-brand img {
	height:62px !important;
	width:240px !important;
}
@media (min-width: 992px) {
	.navbar-custom .navbar-brand {
		top:34px;
		left:15px;
	}
	.navbar-custom .navbar-brand img {
		height:80px !important;
		width:auto !important;
	}
}

/* Language Area */
.public .header-language {
	position:absolute;
	top:12px;
	right:26px;
}
@media (min-width: 992px) {
	.public .header-language {
		position:absolute;
		top:20px;
		right:30px;
	}
}

/* Service Area */
.public .header-service {
	position:absolute;
	top:5px;
	right:15px;
}
@media (min-width: 992px) {
	.public .header-service {
		position:absolute;
		top:40px;
		right:15px;
	}
}

/* Burgermenu Mobile */
.public .navi-close-wrapper {
	position:fixed !important;
	left:0px !important; 
	top:0px !important;
	right:0px !important;
	z-index:10000 !important;
	width:100% !important;
	height:var(--navi-height-mobile) !important;

	background-color:var(--color-primary);
}
@media (min-width: 992px) {
	.public .navi-close-wrapper {
		display:none;
	}
}
.public .navi-close {
	display:inline-block;
	cursor:pointer;
}


.public .navbar-custom .navbar-toggler {
	border-color:transparent;
	color:#FFFFFF;
	position:absolute;
	right:15px; 

right:25px; 


	top:50px;
	z-index:999999;
}
.public .navbar-custom .navbar-toggler.collapsed {
	right:15px; 
}



.public .navbar-toggler:focus {
	box-shadow: none;
}

.navbar-custom .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}


/* Begin: Alernative Darstellung Burger Menu 
<button type="button" class="navbar-toggler collapsed" data-bs-toggle="collapse" data-bs-target="#header-navigation" aria-controls="header-navigation" aria-expanded="false" aria-label="Toggle navigation">
	<span class="toggler-icon top-bar"></span>
	<span class="toggler-icon middle-bar"></span>
	<span class="toggler-icon bottom-bar"></span>
</button>
*/

/* Remove border from toggler */
.navbar-toggler {
    border: 0 !important;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* Lines of the Toggler */
.toggler-icon{
    width: 30px;
    height: 3px;
    background-color: #FFFFFF;
    display: block;
    transition: all 0.2s;
}

/* Adds Space between the lines */
.middle-bar{
    margin: 5px auto;
}

/* State when navbar is opened (START) */
.navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggler .middle-bar {
    opacity: 0;
    filter: alpha(opacity=0);
	background-color:transparent !important;
}

.navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}
/* State when navbar is opened (END) */

/* State when navbar is collapsed (START) */
.navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0);
}
/* State when navbar is collapsed (END) */

/* Color of Toggler when collapsed */
.navbar-toggler.collapsed .toggler-icon {
    background-color: #777777;
}

/* End: Alernative Darstellung Burger Menu */


/* Navigation Mobile / Desktop 
.public #header-navigation {
	position:fixed;
	left:0px; 
	right:0px;
	top:0px;
	bottom:0px;
	top:var(--navi-height-mobile);
	padding:0px !important;
	margin:0px !important;

	background-color:#FFFFFF;
	border-bottom:2px solid var(--color-primary);
}
@media (min-width: 992px) {
	.public #header-navigation {
		background-color:transparent;
		position:absolute;
		top:65px;
		left:auto;
		right:0px;
		border-bottom:none;
	}
}
*/




.public #header-navigation {
	padding:0px !important;
	margin:0px !important;
}

.public .navbar-custom .navbar-nav {
	position:fixed;
	left:0px; 
	right:0px;
	top:0px; 
	bottom:0px;
	z-index:10000;

	margin-top:var(--navi-height-mobile);
	width:100%;
	background-color:var(--color-primary);
	color:#FFFFFF;

	/*overflow-y:scroll;*/
}
.public .navbar-custom .navbar-nav a,
.public .navbar-custom .navbar-nav a:link,
.public .navbar-custom .navbar-nav a:visited,
.public .navbar-custom .navbar-nav a:active,
.public .navbar-custom .navbar-nav a:focus,
.public .navbar-custom .navbar-nav a:hover {
	color:#FFFFFF;
}
@media (min-width: 992px) {
	.public .navbar-custom .navbar-nav {
		background-color:transparent;
		position:absolute;
		top:65px;
		left:auto;
		right:0px;
		border-bottom:none;
		margin-top:0px;
		width:auto;

		/*overflow-y:visible;*/
	}
	.public .navbar-custom .navbar-nav a,
	.public .navbar-custom .navbar-nav a:link,
	.public .navbar-custom .navbar-nav a:visited,
	.public .navbar-custom .navbar-nav a:active,
	.public .navbar-custom .navbar-nav a:focus,
	.public .navbar-custom .navbar-nav a:hover {
		color:#000000;
	}
}

















.navbar-custom .navbar-nav .nav-item {
		text-decoration:none;
}
@media (min-width: 992px) {
	.navbar-custom .navbar-nav .nav-item {
		margin-right:30px;
	}
}

/* Navgation Links */
.navbar-custom .navbar-nav .nav-link {
	padding-left:15px;
	padding-right:0px;
	padding:6px 15px 6px 15px;
	color:var(--color-primary);
}
.navbar-custom .navbar-nav .nav-link:focus, 
.navbar-custom .navbar-nav .nav-link:hover {
	color:var(--color-primary);
}
.navbar-custom .navbar-nav .nav-link.disabled {
	color:#8B8B8B;
}
.navbar-custom .navbar-nav .nav-link.active, 
.navbar-custom .navbar-nav .show>.nav-link {
	color:var(--color-primary);
}
@media (min-width: 992px) {
	.navbar-custom .navbar-nav .nav-link {
		white-space:nowrap;
		padding:0px;
	}
}

/* Navigation Dropdowns */
.navbar-custom .dropdown-menu {
	padding:0px;
	border:none;
	background-color:#005CA9;
}

.navbar-custom .dropdown-menu .nav-link {
	margin-left:30px;
	color:var(--color-primary-text) !important;
}

@media (min-width: 992px) {
	.navbar-custom .dropdown-menu {
		min-width: 300px;
		padding:10px 0px 10px 10px;
		margin-top:35px;
		background-color:#005CA9;
		color:var(--color-primary-text) !important;

		border:none;
	}

	.navbar-custom .dropdown-menu .nav-link {
		padding:4px;
		color:var(--color-primary-text) !important;
		margin-left:15px;
	}
	.navbar-custom .dropdown-menu .nav-link:hover {
		color:var(--color-primary-text) !important;
	}

}

/* Navbar Path Colors */
.navbar-custom .nav-selected,
.navbar-custom .nav-path-selected {
	color:var(--color-primary-text) !important;
	text-decoration:underline;
}
@media (min-width: 992px) {
	.navbar-custom .nav-selected,
	.navbar-custom .nav-path-selected {
		color:#000000 !important;
	}
}


.navbar-custom .dropdown-menu .nav-selected,
.navbar-custom .dropdown-menu .nav-path-selected {
	color:#FFFFFF !important;
}


/* ============================================================ */
/* Navi horizontal (footer)										*/
/* ============================================================ */

.public ul.navi-horizontal {
	padding:0px 0px 5px 0px;
	margin:0px;
	list-style:none;
}

.public ul.navi-horizontal li {
}

.public ul.navi-horizontal li a,
.public ul.navi-horizontal li a:link,
.public ul.navi-horizontal li a:visited,
.public ul.navi-horizontal li a:active { color:#5B5B5B; outline:none; text-decoration:none; }
.public ul.navi-horizontal li a:focus,
.public ul.navi-horizontal li a:hover  { color:#000000; background:none; text-decoration:underline; }

/* Navi horizontal Path Colors */
.public ul.navi-horizontal a.nav-selected,
.public ul.navi-horizontal a.nav-path-selected {
	color:var(--color-primary) !important;
}

/* ============================================================ */
/* Breadcrumb													*/
/* ============================================================ */

.public ol.breadcrumb {
	margin-top:0px;

	font-size:14px;
	line-height:18px;
	color:#808080;
}

.public ol.breadcrumb .active {
	color:var(--color-primary);
}

.public ol.breadcrumb a {
	color: #5B5B5B;
}
.public ol.breadcrumb a:hover {
	text-decoration:underline !important;
}

.public .breadcrumb>li+li:before {
    padding: 0 5px;
    color: #5B5B5B;
    content: "/\00a0";
}

/* ============================================================ */
/* Social Links													*/
/* ============================================================ */

.public .ccm-block-social-links {
}
.public .ccm-block-social-links ul {
}
.public .ccm-block-social-links ul li {
	display:block;
	padding-bottom:15px;
	font-size:36px;
}

/* ============================================================ */
/* Hero Image													*/
/* ============================================================ */

.public .default-block-hero-image .neu-button {
	position:absolute;
	left:-10px; top:-15px;
	z-index:999;
	width:95px; height:70px;
	background:url(/images/neu-button.png) left top no-repeat;
	background-size:95px 70px;
}

.public .default-block-hero-image .new-button {
	position:absolute;
	left:-10px; top:-15px;
	z-index:999;
	width:95px; height:70px;
	background:url(/images/new-button.png) left top no-repeat;
	background-size:95px 70px;
}

/* default-block-hero-image */
.public .default-block-hero-image {
	padding:15px;
	margin-bottom:0px;
}
.public .default-block-hero-image-image {
	width:100%;
	text-align:center;
	margin-bottom:15px;
}
.public .default-block-hero-image-image img {
	width:100%;
}
.public .default-block-hero-image-text {
	position:static !important;
	width:100% !important;
	overflow: hidden;
}
.public .default-block-hero-image-text h1,
.public .default-block-hero-image-text h2,
.public .default-block-hero-image-text h3,
.public .default-block-hero-image-text h4,
.public .default-block-hero-image-text h5,
.public .default-block-hero-image-text h6 {
	font-size:18px;
	font-weight:bold;
}
.public .default-block-hero-image-button {
}

/* border-block-hero-image */
.public .border-block-hero-image {
	padding:15px 15px 0px 15px;
	border:1px solid var(--color-primary);
	 -webkit-border-radius: 8px;
		-moz-border-radius: 8px;
			 border-radius: 8px;
			 margin-bottom:0px;
}
.public .border-block-hero-image-image {
	width:100%;
	text-align:center;
	margin-bottom:15px;
}
.public .border-block-hero-image-image img {
	width:100%;
}
.public .border-block-hero-image-text {
	position:static !important;
	width:100% !important;
	overflow: hidden;
}
.public .border-block-hero-image-text h1,
.public .border-block-hero-image-text h2,
.public .border-block-hero-image-text h3,
.public .border-block-hero-image-text h4,
.public .border-block-hero-image-text h5,
.public .border-block-hero-image-text h6 {
	font-size:18px;
	font-weight:bold;
}
.public .border-block-hero-image-button {
	margin:-8px 0px 30px 0px;
}

/* ============================================================ */
/* Switch language												*/
/* ============================================================ */

.public .ccm-region-flag {
	width:24px;
	height:auto;
	margin-right:4px;
}

/* ============================================================ */
/* Video														*/
/* ============================================================ */

.public .ccm-video {
	text-align:center;
}
.public .ccm-video h1 {
	display:block; 
	position:absolute; 
	left:0px; right:0px; top:0px; 
	padding:15px;
	font-size:16px;
	text-align:center; 
	color:#5B5B5B;
	background:url(/images/bg/transparent-white-50.png) left top repeat;
}
.public .ccm-video-outside {
	padding:0px 15px 0px 15px;
}
.public .ccm-video-outside h1 {
	text-align:center;
}
/* -lg- */
@media (min-width: 992px) {
	.public .ccm-video h1 {
		font-size:22px !important;
		line-height:30px;
	}
}
/* -xl- */
@media (min-width: 1200px) {
	.public .ccm-video h1 {
		font-size:26px !important;
		line-height:34px;
	}
}
/* -xxl- */
@media (min-width: 1400px) {
	.public .ccm-video h1 {
		font-size:32px !important;
		line-height:40px;
	}
}
@media (min-width: 1600px) {
	.public .ccm-video h1 {
		font-size:36px !important;
		line-height:40px;
	}
}

/* ============================================================ */
/* exsys Contact Form											*/
/* ============================================================ */

.public .captcha-view {
	display:inline-block;
	padding-right:10px;
	font-size:24px;
}

/* ============================================================ */
/* Forms														*/
/* ============================================================ */

/* Valid / Invalid Darstellung */
.form-control.check:required:invalid {
	border:1px solid #E00000;
}
.form-control.check:required:valid {
	border:1px solid #B4CC1E;
}

input.check[type="checkbox"]:required:invalid + label { 
	color:#E00000; 
}
input.check[type="checkbox"]:required:valid + label { 
	color:#869A16; 
}

#exsys_captcha.check:required:invalid {
	border:1px solid #E00000;
}
#exsys_captcha.check:required:valid {
	border:1px solid #B4CC1E;
}


/* Alternative Darstellung mit Label halb im Formfeld 
.form-group {
	position:relative;
	padding-bottom:.25rem;
}

.form-group .form-label {
	font-size:14px;
	line-height:14px;
	position:absolute;
	left:10px; top:-8px;
	background-color:#F5F5F7;
	padding:0px 5px 0px 5px;
}

.form-control::not(textarea),
select.form-control,
select.form-control[multiple], 
select.form-control[size] {
	height: calc(1.6em + .75rem + 2px);
	padding: .475rem .75rem .375rem .75rem;
}
*/

/* ============================================================ */
/* Bootstrap 5 override: ;										*/
/* ============================================================ */

.w-50,
.w-75,
.w-100 {
	height:auto;
}

/* Buttons */

.public .btn:focus {
	border-color: rgba(204, 0, 20, 0.8);
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(204, 0, 20, 0.6);
}

.public .btn-primary {
	background-color:var(--color-primary);
	border-color:#FFFFFF;
	color:#FFFFFF !important;
	text-decoration:none !important;
}

.public .btn-primary a {
	color:#FFFFFF !important;
	text-decoration:none;
}

.public .btn-primary:focus {
	border-color: rgba(204, 0, 20, 0.8);
}

.public .btn-outline-primary {
	width:100%;
}

/* Input */

/* Change Focus Glow */
.public textarea:focus,
.public input[type="text"]:focus,
.public input[type="password"]:focus,
.public input[type="datetime"]:focus,
.public input[type="datetime-local"]:focus,
.public input[type="date"]:focus,
.public input[type="month"]:focus,
.public input[type="time"]:focus,
.public input[type="week"]:focus,
.public input[type="number"]:focus,
.public input[type="email"]:focus,
.public input[type="url"]:focus,
.public input[type="search"]:focus,
.public input[type="tel"]:focus,
.public input[type="color"]:focus,
.public .uneditable-input:focus {   
  border-color: rgba(204, 0, 20, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(204, 0, 20, 0.6);
  outline: 0 none;
}

/* ============================================================ */
/* Developement Helper											*/
/* ============================================================ */

/* Screensize Helper 
body::after {
	position:fixed;
	right:0px; bottom:0px;
	background-color:#FFFFFF;
	content:"- | <576px (XS)";
	z-index:999999;
	padding:0px 5px 0px 5px;
}
@media (min-width: 576px) {
	body::after { content:"-SM- | >=576px"; }
}
@media (min-width: 768px) {
	body::after { content:"-MD- | >=768px"; }
}
@media (min-width: 992px) {
	body::after { content:"-LG- | >=992px"; }
}
@media (min-width: 1200px) {
	body::after { content:"-XL- | >=1200px"; }
}
@media (min-width: 1400px) {
	body::after { content:"-XXL- | >=1400px"; }
}
*/
/* Container Helper
.container { background-color:#E0E0E0 !important; }
@media (max-width: 320px) {
}
@media (min-width: 576px) {
	.container { background-color:#FFC1FC !important; }
}
@media (min-width: 768px) {
	.container { background-color:#FCB1B3 !important; }
}
@media (min-width: 992px) {
	.container { background-color:#FFFE9B !important; }
}
@media (min-width: 1200px) {
	.container { background-color:#BCFBF8 !important; }
}
*/