/* 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:33, 37, 41;
--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:#75858D;
--bs-body-bg:#fff;

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

--color-primary:#75858D; /* var(--color-primary) */
--color-primary-text:#FFFFFF;
}

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


.bg-color-orange {
	position:relative;
	margin-top:280px;

margin-top:200px;

	padding:120px 0px 90px 0px;
	background: rgb(253,99,37);
	background: linear-gradient(106deg, rgba(253,99,37,1) 20%, rgba(190,30,12,1) 100%);
	border-bottom:15px solid #B52A00;
}

.bg-color-lila {
	position:relative;
	margin-top:280px;
	padding:120px 0px 90px 0px;
	background: rgb(196,49,157);
	background: linear-gradient(106deg, rgba(196,49,157,1) 13%, rgba(130,33,104,1) 100%);
	border-bottom:15px solid #7B005B;
}

.bg-color-green {
	position:relative;
	margin-top:280px;
	padding:120px 0px 90px 0px;
}

.bg-color-orange,
.bg-color-lila,
.bg-color-orange a,
.bg-color-lila a,
.bg-color-orange h1,
.bg-color-lila h1,
.bg-color-orange h2,
.bg-color-lila h2,
.bg-color-orange h3,
.bg-color-lila h3 {
	color:#FFFFFF !important;
}

.stern-orange,
.stern-lila,
.stern-green {
	position:absolute;
	top:-160px;
}
.stern-orange img,
.stern-lila img,
.stern-green img {
	width:240px;
}


.navi-green,
.navi-green a {
	color:#31AEB7 !important;
}

.navi-orange,
.navi-orange a {
	color:#FB5927 !important;
}

.navi-purple,
.navi-purple a {
	color:#BE339A !important;
}

.padding {
	padding-left:0px;
}
@media (min-width: 992px) {
	.padding {
		padding-left:10px;
	}
}

/* ============================================================ */
/* 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:-80px;
	visibility:hidden;
}
@media (min-width: 992px) {
	.anchor { 
		top:-165px;
	}
}

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

/* Link Colors */
a,
a:link,
a:visited,
a:active { color:#75858D; outline:none; text-decoration:none; }
a:focus,
a:hover  { color:#1C7B90; 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. */

body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	line-height:26px;
	/*font-weight:500;*/
	letter-spacing:1px;
	background-color:#EFFDFF;
}
@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-color:#EFFDFF;
	/* border-bottom:2px solid var(--color-primary); */
}
.scroll .public header {
	height:150px !important;
}
@media (min-width: 992px) {
	.public header {
		height:var(--navi-height-desktop) !important;
	}

	.scroll .public header {
		height:150px !important;
	}
}

.public main {
	padding-top:var(--navi-height-mobile) !important;
	padding-bottom:30px;
}
.scroll.public main {
	padding-top:150px !important;
}

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

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

/* Footer */
.public footer .footer-wrapper {
	/*background-color:#1C7B90;*/
	background: rgb(28,123,144);
	background: linear-gradient(106deg, rgba(64,176,200,1) 13%, rgba(31,124,144,1) 100%);

	color:#FFFFFF !important;
	padding-top:30px;
	padding-bottom:30px;
}
.public footer a {
	text-decoration:none;
	color:#FFFFFF !important;
}

.public .footer-top {
}

.public .footer-top .h2 {
	color:#FFFFFF;
	margin-bottom:20px;
	font-family:Helvetica, Arial, sans-serif;
}

.public .footer-copyright {
	font-size:12px;
	color:#28B3D0 !important;
}
.public .footer-copyright a {
	color:#28B3D0 !important;
}


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

/* Überschriften */
.h1, .h2, .h3, .h4, .h5, .h6, 
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0;

	color:#1C7B90;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
.h1, h1, .display-1 {
    font-size: calc(1.375rem + 1.5vw);
	margin-bottom:16px;
}
.h2, h2, .display-2 {
    font-size: calc(1.325rem + .9vw);
}
.h3, h3, .display-3 {
    font-size: calc(1.3rem + .6vw);
}
.h4, h4, .display-4 {
    font-size: calc(1.275rem + .3vw);
}
.h5, h5, .display-5 {
    font-size: 1.25rem;
}
.h6, h6, .display-6 {
    font-size: 1.125rem;
}
@media (min-width: 1200px) {
    .h1, h1, .display-1 {
        font-size: 2.5rem;
    }
    .h2, h2, .display-2 {
        font-size: 2rem;
    }
    .h3, h3, .display-3 {
        font-size: 1.75rem;
    }
    .h4, h4, .display-4 {
        font-size: 1.5rem;
    }
}

/* ============================================================ */
/* 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-custom {
	display:inline-block;
}


.navbar-custom .navbar-brand-custom .kindersterne-sterne {
	display:inline-block;
	position:absolute;
	top:18px;
	left:46px;
	right:auto;
	z-index:100;

	transition:all .8s ease-out;
}
.scroll .navbar-custom .navbar-brand-custom .kindersterne-sterne {
	position:absolute;
	top:127px;
	left:calc( 100% - 153px - 15px );
}
.navbar-custom .navbar-brand-custom .kindersterne-sterne img {
	height:100px;
}

.navbar-custom .navbar-brand-custom .kindersterne-schrift {
	display:inline-block;
	position:absolute;
	top:120px;
	left:15px;
}
.scroll .navbar-custom .navbar-brand-custom .kindersterne-schrift {
	top:50px;
}
.navbar-custom .navbar-brand-custom .kindersterne-schrift img {
	height:50px;
}

@media (min-width: 992px) {
	.navbar-custom .navbar-brand-custom .kindersterne-sterne {
		display:inline-block;
		position:absolute;
		top:40px;
		left:32px;
		right:auto;
	
		transition:all .8s ease-out;
	}
	.scroll .navbar-custom .navbar-brand-custom .kindersterne-sterne {
		position:absolute;
		top:105px;
		left:calc( 100% - 322px - 30px );
	}
	
	.navbar-custom .navbar-brand-custom .kindersterne-sterne img {
		height:210px;
	}

	.navbar-custom .navbar-brand-custom .kindersterne-schrift {
		display:inline-block;
		position:absolute;
		top:260px;
		left:15px;
	}
	.scroll .navbar-custom .navbar-brand-custom .kindersterne-schrift {
		top:40px;
	}
	
	.navbar-custom .navbar-brand-custom .kindersterne-schrift img {
		height:70px;
	}
}

/* Language Area 
.public .header-language {
	position:absolute;
	top:5px;
	right:80px;
}
@media (min-width: 992px) {
	.public .header-language {
		position:absolute;
		top:40px;
		right:200px;
	}
}
*/

/* Service Area */
.public [class^="header-service"] {
	font-size:18px !important;
}

.public .header-service-1 {
	display:none;
}
@media (min-width: 992px) {
	.public .header-service-1 {
		display:block;

		position:absolute;
		top:65px;
		right:15px;
	}
	.scroll .public .header-service-1 {
		top:20px;
		right:310px;
	}
}

.public .header-service-2 {
	display:none;
}
@media (min-width: 992px) {
	.public .header-service-2 {
		display:block;

		position:absolute;
		top:115px;
		right:15px;
	}
	.scroll .public .header-service-2 {
		top:20px;
		right:130px;
	}
}

.public .header-service-3 {
	display:none;
}
@media (min-width: 992px) {
	.public .header-service-3 {
		display:block;

		position:absolute;
		top:165px;
		right:15px;
	}
	.scroll .public .header-service-3 {
		top:20px;
		right:15px;
	}
}


/* Burgermenu Mobile */
.navbar-custom .navbar-toggler {
	border-color:#1C7B90;
	color:#1C7B90;
	position:absolute;
	right:15px; 
	top:75px;
}
.scroll .navbar-custom .navbar-toggler {
	top:55px;
}


/* 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: #1C7B90;
    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;
}

.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: 0;
    filter: alpha(opacity=0);
	background-color:transparent;
}

.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: #1C7B90;
}



.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")
}

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

	background-color:#EFFDFF;
	border-bottom:2px solid #75858D;
}
.scroll .public #header-navigation {
	top:150px;
}
@media (min-width: 992px) {
	.public #header-navigation {
		position:absolute;
		top:280px;
		left:auto;
		right:0px;
		border-bottom:none;
		background-color:transparent;
	}
	.scroll .public #header-navigation {
		top:80px;
	}
}

.navbar-custom .navbar-nav .nav-item {
}
@media (min-width: 992px) {
	.navbar-custom .navbar-nav .nav-item {
		margin-left:15px;
		margin-right:15px;
		font-size:22px;
		line-height:1.2;
	}
}

/* Navgation Links */
.navbar-custom .navbar-nav .nav-link {
	padding-left:15px;
	padding-right:0px;
	padding:6px 15px 6px 15px;
	color:#75858D;
}
.navbar-custom .navbar-nav .nav-link:focus, 
.navbar-custom .navbar-nav .nav-link:hover {
	color:#1C7B90;
}
.navbar-custom .navbar-nav .nav-link.disabled {
	color:#8B8B8B;
}
.navbar-custom .navbar-nav .nav-link.active, 
.navbar-custom .navbar-nav .show>.nav-link {
	color:#1C7B90;
}
@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;
}

.navbar-custom .dropdown-menu .nav-link {
}

@media (min-width: 992px) {
	.navbar-custom .dropdown-menu {
		min-width: 300px;
		padding:10px 0px 10px 10px;
		margin-top:5px;
		background-color:rgba(80,25,30,1.00);
		color:var(--color-primary-text);

		border:none;
	}

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

}

/* Navbar Path Colors */
.navbar-custom .nav-selected,
.navbar-custom .nav-path-selected {
	/*color:#1C7B90 !important;*/
	/*font-weight:bold;*/
}


/* ============================================================ */
/* 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:#75858D; 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: #75858D;
}
.public ol.breadcrumb a:hover {
	text-decoration:underline !important;
}

.public .breadcrumb>li+li:before {
    padding: 0 5px;
    color: #75858D;
    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:#75858D;
	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;
}

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

/* Buttons */


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

.public .btn-primary {
	background-color:#1C7B90;
	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(28, 123, 144, 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(28, 123, 144, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(28, 123, 144, 0.6);
  outline: 0 none;
}


/* Start (s) und Ende (e) sind keine Richtungsangaben, daher werden Sie wieder durch Left (l) und Right (r) erweitert. */
.pl-0 {
	padding-left: 0!important
}
.pl-1 {
	padding-left: .25rem!important
}
.pl-2 {
	padding-left: .5rem!important
}
.pl-3 {
	padding-left: 1rem!important
}
.pl-4 {
	padding-left: 1.5rem!important
}
.pl-5 {
	padding-left: 3rem!important
}

.pr-0 {
	padding-right: 0!important
}
.pr-1 {
	padding-right: .25rem!important
}
.pr-2 {
	padding-right: .5rem!important
}
.pr-3 {
	padding-right: 1rem!important
}
.pr-4 {
	padding-right: 1.5rem!important
}
.pr-5 {
	padding-right: 3rem!important
}

.ml-0 {
	margin-left: 0!important
}
.ml-1 {
	margin-left: .25rem!important
}
.ml-2 {
	margin-left: .5rem!important
}
.ml-3 {
	margin-left: 1rem!important
}
.ml-4 {
	margin-left: 1.5rem!important
}
.ml-5 {
	margin-left: 3rem!important
}
.ml-auto {
	margin-left: auto!important
}

.mr-0 {
	margin-right: 0!important
}
.mr-1 {
	margin-right: .25rem!important
}
.mr-2 {
	margin-right: .5rem!important
}
.mr-3 {
	margin-right: 1rem!important
}
.mr-4 {
	margin-right: 1.5rem!important
}
.mr-5 {
	margin-right: 3rem!important
}
.mr-auto {
	margin-right: auto!important
}

/* -sm- */
@media (min-width:576px) {
	.pl-sm-0 {
		padding-left: 0!important
	}
	.pl-sm-1 {
		padding-left: .25rem!important
	}
	.pl-sm-2 {
		padding-left: .5rem!important
	}
	.pl-sm-3 {
		padding-left: 1rem!important
	}
	.pl-sm-4 {
		padding-left: 1.5rem!important
	}
	.pl-sm-5 {
		padding-left: 3rem!important
	}

	.pr-sm-0 {
		padding-right: 0!important
	}
	.pr-sm-1 {
		padding-right: .25rem!important
	}
	.pr-sm-2 {
		padding-right: .5rem!important
	}
	.pr-sm-3 {
		padding-right: 1rem!important
	}
	.pr-sm-4 {
		padding-right: 1.5rem!important
	}
	.pr-sm-5 {
		padding-right: 3rem!important
	}

	.ml-sm-0 {
		margin-left: 0!important
	}
	.ml-sm-1 {
		margin-left: .25rem!important
	}
	.ml-sm-2 {
		margin-left: .5rem!important
	}
	.ml-sm-3 {
		margin-left: 1rem!important
	}
	.ml-sm-4 {
		margin-left: 1.5rem!important
	}
	.ml-sm-5 {
		margin-left: 3rem!important
	}
	.ml-sm-auto {
		margin-left: auto!important
	}

	.mr-sm-0 {
		margin-right: 0!important
	}
	.mr-sm-1 {
		margin-right: .25rem!important
	}
	.mr-sm-2 {
		margin-right: .5rem!important
	}
	.mr-sm-3 {
		margin-right: 1rem!important
	}
	.mr-sm-4 {
		margin-right: 1.5rem!important
	}
	.mr-sm-5 {
		margin-right: 3rem!important
	}
	.mr-sm-auto {
		margin-right: auto!important
	}
}

/* -md- */
@media (min-width:768px) {
	.pl-md-0 {
		padding-left: 0!important
	}
	.pl-md-1 {
		padding-left: .25rem!important
	}
	.pl-md-2 {
		padding-left: .5rem!important
	}
	.pl-md-3 {
		padding-left: 1rem!important
	}
	.pl-md-4 {
		padding-left: 1.5rem!important
	}
	.pl-md-5 {
		padding-left: 3rem!important
	}

	.pr-md-0 {
		padding-right: 0!important
	}
	.pr-md-1 {
		padding-right: .25rem!important
	}
	.pr-md-2 {
		padding-right: .5rem!important
	}
	.pr-md-3 {
		padding-right: 1rem!important
	}
	.pr-md-4 {
		padding-right: 1.5rem!important
	}
	.pr-md-5 {
		padding-right: 3rem!important
	}

	.ml-md-0 {
		margin-left: 0!important
	}
	.ml-md-1 {
		margin-left: .25rem!important
	}
	.ml-md-2 {
		margin-left: .5rem!important
	}
	.ml-md-3 {
		margin-left: 1rem!important
	}
	.ml-md-4 {
		margin-left: 1.5rem!important
	}
	.ml-md-5 {
		margin-left: 3rem!important
	}
	.ml-md-auto {
		margin-left: auto!important
	}

	.mr-md-0 {
		margin-right: 0!important
	}
	.mr-md-1 {
		margin-right: .25rem!important
	}
	.mr-md-2 {
		margin-right: .5rem!important
	}
	.mr-md-3 {
		margin-right: 1rem!important
	}
	.mr-md-4 {
		margin-right: 1.5rem!important
	}
	.mr-md-5 {
		margin-right: 3rem!important
	}
	.mr-md-auto {
		margin-right: auto!important
	}
}

/* -lg- */
@media (min-width:992px) {
	.pl-lg-0 {
		padding-left: 0!important
	}
	.pl-lg-1 {
		padding-left: .25rem!important
	}
	.pl-lg-2 {
		padding-left: .5rem!important
	}
	.pl-lg-3 {
		padding-left: 1rem!important
	}
	.pl-lg-4 {
		padding-left: 1.5rem!important
	}
	.pl-lg-5 {
		padding-left: 3rem!important
	}

	.pr-lg-0 {
		padding-right: 0!important
	}
	.pr-lg-1 {
		padding-right: .25rem!important
	}
	.pr-lg-2 {
		padding-right: .5rem!important
	}
	.pr-lg-3 {
		padding-right: 1rem!important
	}
	.pr-lg-4 {
		padding-right: 1.5rem!important
	}
	.pr-lg-5 {
		padding-right: 3rem!important
	}

	.ml-lg-0 {
		margin-left: 0!important
	}
	.ml-lg-1 {
		margin-left: .25rem!important
	}
	.ml-lg-2 {
		margin-left: .5rem!important
	}
	.ml-lg-3 {
		margin-left: 1rem!important
	}
	.ml-lg-4 {
		margin-left: 1.5rem!important
	}
	.ml-lg-5 {
		margin-left: 3rem!important
	}
	.ml-lg-auto {
		margin-left: auto!important
	}

	.mr-lg-0 {
		margin-right: 0!important
	}
	.mr-lg-1 {
		margin-right: .25rem!important
	}
	.mr-lg-2 {
		margin-right: .5rem!important
	}
	.mr-lg-3 {
		margin-right: 1rem!important
	}
	.mr-lg-4 {
		margin-right: 1.5rem!important
	}
	.mr-lg-5 {
		margin-right: 3rem!important
	}
	.mr-lg-auto {
		margin-right: auto!important
	}
}

/* -xl- */
@media (min-width:1200px) {
	.pl-xl-0 {
		padding-left: 0!important
	}
	.pl-xl-1 {
		padding-left: .25rem!important
	}
	.pl-xl-2 {
		padding-left: .5rem!important
	}
	.pl-xl-3 {
		padding-left: 1rem!important
	}
	.pl-xl-4 {
		padding-left: 1.5rem!important
	}
	.pl-xl-5 {
		padding-left: 3rem!important
	}

	.pr-xl-0 {
		padding-right: 0!important
	}
	.pr-xl-1 {
		padding-right: .25rem!important
	}
	.pr-xl-2 {
		padding-right: .5rem!important
	}
	.pr-xl-3 {
		padding-right: 1rem!important
	}
	.pr-xl-4 {
		padding-right: 1.5rem!important
	}
	.pr-xl-5 {
		padding-right: 3rem!important
	}

	.ml-xl-0 {
		margin-left: 0!important
	}
	.ml-xl-1 {
		margin-left: .25rem!important
	}
	.ml-xl-2 {
		margin-left: .5rem!important
	}
	.ml-xl-3 {
		margin-left: 1rem!important
	}
	.ml-xl-4 {
		margin-left: 1.5rem!important
	}
	.ml-xl-5 {
		margin-left: 3rem!important
	}
	.ml-xl-auto {
		margin-left: auto!important
	}

	.mr-xl-0 {
		margin-right: 0!important
	}
	.mr-xl-1 {
		margin-right: .25rem!important
	}
	.mr-xl-2 {
		margin-right: .5rem!important
	}
	.mr-xl-3 {
		margin-right: 1rem!important
	}
	.mr-xl-4 {
		margin-right: 1.5rem!important
	}
	.mr-xl-5 {
		margin-right: 3rem!important
	}
	.mr-xl-auto {
		margin-right: auto!important
	}
}

/* -xxl- */
@media (min-width:1400px) {
	.pl-xxl-0 {
		padding-left: 0!important
	}
	.pl-xxl-1 {
		padding-left: .25rem!important
	}
	.pl-xxl-2 {
		padding-left: .5rem!important
	}
	.pl-xxl-3 {
		padding-left: 1rem!important
	}
	.pl-xxl-4 {
		padding-left: 1.5rem!important
	}
	.pl-xxl-5 {
		padding-left: 3rem!important
	}

	.pr-xxl-0 {
		padding-right: 0!important
	}
	.pr-xxl-1 {
		padding-right: .25rem!important
	}
	.pr-xxl-2 {
		padding-right: .5rem!important
	}
	.pr-xxl-3 {
		padding-right: 1rem!important
	}
	.pr-xxl-4 {
		padding-right: 1.5rem!important
	}
	.pr-xxl-5 {
		padding-right: 3rem!important
	}

	.ml-xxl-0 {
		margin-left: 0!important
	}
	.ml-xxl-1 {
		margin-left: .25rem!important
	}
	.ml-xxl-2 {
		margin-left: .5rem!important
	}
	.ml-xxl-3 {
		margin-left: 1rem!important
	}
	.ml-xxl-4 {
		margin-left: 1.5rem!important
	}
	.ml-xxl-5 {
		margin-left: 3rem!important
	}
	.ml-xxl-auto {
		margin-left: auto!important
	}

	.mr-xxl-0 {
		margin-right: 0!important
	}
	.mr-xxl-1 {
		margin-right: .25rem!important
	}
	.mr-xxl-2 {
		margin-right: .5rem!important
	}
	.mr-xxl-3 {
		margin-right: 1rem!important
	}
	.mr-xxl-4 {
		margin-right: 1.5rem!important
	}
	.mr-xxl-5 {
		margin-right: 3rem!important
	}
	.mr-xxl-auto {
		margin-right: auto!important
	}
}

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