@font-face {
	font-family: 'IBM Plex Sans';
	src: url("../fonts/IBMPlexSans-Regular.ttf") format("truetype");
}
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/IBMPlexSans-Regular.ttf") format("truetype");
}

@font-face {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/IBMPlexSans-Medium.ttf") format("truetype");
}
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 600;
	src: url("../fonts/IBMPlexSans-SemiBold.ttf") format("truetype");
}

section, body{
	font-family: 'IBM Plex Sans', Courier, cmex10, Serif;
	color: #343232;
}


.stageLeftRight{padding-bottom: 15vh; background-color: #fff;}
X.stageLeftRight .row { background-color: transparent; }

 footer div {
	 color: #FFFFFF;
 }


#footer-bottom {
	color: #000000;
	padding: 30px 0px 10px 0px;
	background-color: #f4f5f9;
	text-align: center;
	overflow: hidden;
	font-size: 0.9rem;
}
#footer-bottom p {
	font-size: 0.9rem;
}

/* bootstrap

	--bs-dark-rgb: red;
*/
:root {
	--bs-dark-rgb: 41,42,54;
	--bs-dark: #292a36;
	--bs-nav-link-font-size: 1em;
	--bs-btn-active-border-color: #369794;
	--bs-btn-border-radius: 0;
	--bs-btn-background: #red;
	--bs-btn-bg: #6efd00 !important;
	--bs-bg-opacity: 13,110,253;

	--bs-primary-background: #6efd00;
	--bs-primary: #6efd00;
	--bs-primary-bg-subtle: #6efd00;
	--bs-primary-border-subtle: #6efd00;
	--bs-primary-text-emphasis: #6efd00;

	--bs-btn-active-border-color: red
}
.nav-pills{
	--bs-nav-pills-link-active-bg: #369794;
	--bs-nav-pills-link-active-bg: #24605E;
}


a.btn-primary,
.btn-primary {
	--bs-btn-bg: #369794;
	--bs-btn-bg: #24605E;
	--bs-btn-hover-bg: #801c08;
	--bs-btn-border-color: #369794;
	--bs-btn-border-color: #24605E;
}

a.btn-secondary,
a.btn-primary{
	--bs-btn-border-radius: 0;
	--bs-btn-hover-bg: #801c08;
	--bs-btn-focus-box-shadow: 0;
	Xpadding: 10px 20px 10px 20px;
}
a.btn{
	--bs-btn-border-width: 0;
	text-decoration: none;
}

a.btn:hover{
	text-decoration: none;
}

.test{
	background-color: #212529;
	background-color: #292a36;
}

.teaser1of3 {
/*
	width:33%;
	width:33vw;
	width:400px;

 */
	margin-bottom: 1em;
}

/* media-breakpoint-up */
@media (min-width:1200px) {
    .position-absolute-xl{
        position: absolute !important;
    }
    .position-relative-xl{
        position: relative !important;
    }

	.translate-xl-middle-y{
		transform: translateY(-50%) !important;
	}
}
.carousel-caption {
	background-color: #369794;
	background-color: #24605E;
	height: fit-content;
	color: black;
	text-align: unset;
}
@media (min-width:992px) {
    .position-absolute-lg{
        position: absolute !important;
    }
    .position-relative-lg{
        position: relative !important;
    }
    .w-lg-100 {
        width: 100% !important;
	}
    .w-lg-auto {
        width: auto !important;
	}
	.translate-lg-middle-y{
		transform: translateY(-50%) !important;
	}
	.carousel-caption {
		background-color: transparent;
	}
}
@media (min-width:768px) {
    .position-absolute-md{
        position: absolute !important;
    }
    .position-relative-md{
        position: relative !important;
    }
	.translate-md-middle-y{
		transform: translateY(-50%) !important;
	}
}
@media (min-width:576px) {
    .position-absolute-sm{
        position: absolute !important;
    }
    .position-relative-sm{
        position: relative !important;
    }
	.translate-sm-middle-y{
		transform: translateY(-50%) !important;
	}
}

/* media-breakpoint-down */
@media (max-width: 575.98px) {

}
@media (max-width: 767.98px) {

}
@media (max-width: 991.98px) {

}

figure {
	margin:0 !important;
	max-width: 100%;
}
.ce-center figure {margin: auto !important;}

.ce-left .images{
	text-align: left;
}
.ce-center .images{
	text-align: center;
}
.ce-right .images{
	text-align: right;
}

.ce-wrapper{
    /*width:100%;*/
    background-color: transparent;
}

.indent-large{padding-left: 10% !important;}

.havi_gray {background-color: #f3f5f9;}
.havi_darkgray {background-color: #ddd;}
.black {background-color: #000;}
.white {background-color: #fff;}
.gradient {background-image: linear-gradient(to right, rgb(54,86,151), rgb(54,151,148) 65%);}
.haviBackground6 {background-image: linear-gradient(to right, red, yellow);}

.c-havi_gray {color: #f3f5f9;}
.c-havi_darkgray {color: #ddd;}
.c-black {color: #000;}
.c-white {color: #fff;}
.c-havi_red {color: #fc3a0a;;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

.ce-textpic {
	/*flex-wrap: wrap;*/
}
.ce-textpic > .media-body {
	/*flex-basis: 300px;*/
}

.shortcut-wrapper > .ce-wrapper{
	flex-basis: 250px;
	flex-grow: 1;
}

.frame-sticky{
	max-height: 100%;
	overflow-y: auto;
}

/*
Nur auf großen Screens
*/
.frame-sticky{
	overflow-y: visible;
}


.row {
}

.fixed {
	z-index: 1030;
}
.fixed-top {
	z-index: 1050;
}

.form-inline{
	margin-bottom: 0;
}

[type="reset"], [type="submit"], button, html [type="button"] {
    -webkit-appearance: none;
}

.lead p {
    font-size: 1rem;
}

.form-control{
	height: auto;
}

#scrolltop{
	display: none;
	right: 0;
	left: auto;
}


.accordion-header{
	padding: 0;
}

.ds-ce-headline.type-accordion{
	display: table-cell;
	width: 100%;
}
.accordion-header>button:focus,
.accordion-header>button:hover {
	text-decoration: none;
}

.accordion-header>button.accordion-close[aria-expanded="true"] {
	display: none !important;
}
.accordion-header>button[aria-expanded="true"]>.accordion-close {
	display: none;
}
.accordion-header>button[aria-expanded="false"]>.accordion-open {
	display: none;
}
.accordion-header>button>.oi {
	display: table-cell;
	vertical-align: center;
}

/* Real Background */
.havi-background{
	background-repeat: no-repeat;
	background-size: cover;
}

/* Pseudo Background with position absolute */
.havi-background-image{
	width: fit-content;
}

/* invisible property to prevent a mysterious Marging after last elment */
 footer{
	 border-top: solid transparent 1px;
	 border-bottom: solid transparent 1px;
 }

.caption-top caption {
	caption-side: top !important;
}

.mb-xxl {margin-bottom: 10rem !important;}
.mb-xxxl{margin-bottom: 15rem !important;}
.mb-4xl{margin-bottom: 20rem !important;}

.mt-xxl {margin-top: 10rem !important;}
.mt-xxxl{margin-top: 15rem !important;}
.mt-4xl{margin-top: 20rem !important;}

.py-xxl {padding-top: 5rem !important; padding-bottom: 5rem !important;}
.py-xxxl{padding-top: 7.5rem !important; padding-bottom: 7.5rem !important;}
.py-4xl{padding-top: 10rem !important; padding-bottom: 10rem !important;}

/* correction oldHavi */
#language ul { padding: 0px !important;}
#language ul li a { padding: 10px !important;}