/*
Dunkelblau
#051049

Mittelblau
#4D7FFF

Hellblau
#D1DEFA

Sand
#F0EFEC

Weiß
#FFFFFF

Dunkelgrau
#464953

Schwarz
#1A1A1A

Prim button highlight 2b4fac
Light button highlight e7ecf6

Progressbar gradient 051049 > 4D7FFF
background: #051049;
background: linear-gradient(90deg,rgba(5, 16, 73, 1) 0%, rgba(5, 16, 73, 1) 49%, rgba(19, 38, 108, 1) 75%, rgba(77, 127, 255, 1) 100%);

*/

/*
$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
);
*/

:root {
  --darkblue: #051049;
  --darkbluehover: #152059;
  --middleblue: #4D7FFF;
  --lightblue: #D1DEFA;
  --sand: #F0EFEC;
  --darkgrey: #464953;
  --black: #1A1A1A;
  
  --primaryhover: #2b4fac;
  --infohover: #e7ecf6;
}

@font-face {
  font-family: "Neue Rational";
  src: url('../fonts/Neue Rational/NeueRational-Regular.otf');
}
@font-face {
    font-family: "Neue Rational";
    src: url('../fonts/Neue Rational/NeueRational-Bold.otf');
    font-weight: bold;
}

body {
	font-family: "Neue Rational", sans-serif;
	font-size: 16px;
	min-width: 320px;
}

a {
	text-decoration: none !important;
}

.text-bold {
	font-weight: bold;
}

.h-700 {
	height: 700px;
	margin-bottom: 100px;
}

@media (max-width: 992px) {
	.h-700 {
		height: 600px;
		margin-bottom: 60px;
	}
}

@media (max-width: 768px) {
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		padding-right: calc(var(--bs-gutter-x));
		padding-left: calc(var(--bs-gutter-x));
	}
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1220px;
  }
}

.h-800 {
	height: 800px;
	margin-bottom: 100px;
}

.bd-navbar {
	background: rgba(255, 255, 255, 0.7);
	min-height: 72px;
	backdrop-filter: blur(60px);
	border-bottom: 0.5px solid #D7D5CD;
}

.navbar-brand img {
	margin-top: -6px;
}

.nav-link {
	color: var(--darkblue);
	font-size: 16px;
	line-height: 32px;
	border-bottom: 2px solid transparent;
}

.nav-link.nav-active {
	border-bottom: 2px solid var(--darkblue);
}

.navbar-nav {
	margin-left: 15px;
}

.banner {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.banner-h1 {
	font-family: "Neue Rational";
	font-weight: 700;
	font-size: 100px;
	line-height: 120%;
	letter-spacing: 0%;
	vertical-align: middle;
}

.banner-h2 {
	color: var(--darkblue);
	font-weight: 700;
	font-size: 60px;
	line-height: 120%;
	letter-spacing: 0%;
	vertical-align: middle;
}

.banner-h3 {
	font-family: "Neue Rational";
	font-weight: 400;
	font-style: Regular;
	font-size: 24px;
	leading-trim: NONE;
	line-height: 150%;
	letter-spacing: 0px;
	vertical-align: middle;
}

.banner-h4 {
	font-family: "Neue Rational";
	font-weight: 400;
	font-style: Regular;
	font-size: 18px;
	leading-trim: NONE;
	line-height: 24px;
	letter-spacing: 0px;
	color: var(--darkgrey);
}

.header-h3 {
	font-weight: 700;
	font-style: Bold;
	font-size: 24px;
	leading-trim: NONE;
	line-height: 130%;
	letter-spacing: -2%;
	vertical-align: middle;
}

.hero-home {
	background-image: url("../images/hero-images/img_startseite-full.jpg") !important;
}

.hero {
	background-position: center center !important;
}


.hero-h2 {
	color: var(--darkgrey);
	font-weight: 700;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: 0px;
	vertical-align: middle;
}

.hero-h3, .hero-h3 a {
	color: var(--darkblue);
	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0px;
	vertical-align: middle;
}

.inactive,
.inactive .hero-h3,
.inactive .hero-sub3,
.inactive .text-dark
{
	color: #a6a6a6 !important;
}

.hero-sub3 {
	color: var(--darkgrey);
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: 0px;
	margin-top: 4px;
	vertical-align: middle;
}

.hero-overlay {
	background: transparent;
}

@media (max-width: 992px) {
	.hero-overlay {
		background: linear-gradient(to bottom, rgba(70,70,110,0.7), rgba(0,0,0,0));
	}
}

.img-overlay-wrap {
  position: relative;
  display: inline-block;
  transition: transform 150ms ease-in-out;
}

.img-overlay-wrap.banner1 {
  background-image: url("../images/hero-images/img_startseite-cropped.png");
  background-repeat: no-repeat;
  background-position: center; 
  
  width: 100vw;
  height: 800px;
  
}

.hero {
	background-position: center bottom;
	background-size: cover;
	margin-top: -72px;
	padding-top: 72px;
	position: relative;
}

.hero-home {
	background-image: url("../images/hero-images/img_startseite-cropped.png");
}

.img-overlay-wrap .swoosh {
  position: absolute;
  object-fit: cover;
  width: 100%;
  bottom: 0;
  left: 0;
}

@media (min-width: 2800px) {		
	.swoosh {
	  display: none;
	}
}

.swoosh-bg {
	width: 100%;
    height: 300px;
    position: absolute;
    top: 0;
    background: #fff;
}

.swoosh-2 {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin-bottom:254px;
	z-index:10;
	pointer-events:none;
}

@media (max-width: 768px) {
	.swoosh-2 {
		margin-bottom: 140px;
	}
}

.btn {
	--bs-btn-border-radius: 2rem;
	--bs-btn-font-family: "Neue Rational", sans-serif !important;
	font-weight: bold;
	padding: 11px 20px;
	height: 48px;
}

.btn-primary {
	background: #3966D7;
	border-color: #3966D7;
}

.btn-primary:hover,
.btn-primary:active {
	background: var(--primaryhover) !important;
	border-color: var(--primaryhover) !important;
}

.btn-secondary {
	background: rgba(255,255,255,0);
	border-color: rgba(255,255,255,0);
}

.btn-secondary:hover,
.btn-secondary:active {
	background: rgba(255,255,255,0.15) !important;
	border-color: rgba(255,255,255,0) !important;
}

.btn-info {
	background: rgba(65,108,217,0);
	border: 0px solid transparent;
	color: #3966D7;
}

.btn-info-border,
.btn-info-border:hover,
.btn-info-border:active {
	border: 1px solid #7f94ca !important;
}

.btn-dark {
	background: var(--darkblue);
	border: 0px solid #c8c5bc;
	color: #fff;
}

.btn-info:hover,
.btn-info:active {
	background: rgba(65,108,217,0.15) !important;
	color: #335abe !important;
}

.btn-info.btn-no-hl:hover,
.btn-info.btn-no-hl:active {
	background: transparent !important;
	color: #3966D7 !important;
}

.btn-forward {
	margin-left: -20px;
	padding: 11px 20px;
}

.btn-circle {
	width: 48px;
	height: 48px;
	padding: 9px;
}

.btn-circle-sm {
	width: 38px;
	height: 38px;
	padding: 4px;
}

.btn-shadow {
	box-shadow: 0px 0px 10px 0px #00000059;
}

.item-circle {
	width: 40px;
	height: 40px;
	border: 1px solid #D7D5CD;
	background: #F9F9F8;
	border-radius: 100%;
	color: var(--darkblue);
	line-height: 38px;
	font-size: 20px;
}

.ph-icon {
	line-height: 40px;
}

.mt-6 {
	margin-top: 4rem;
}

.mt-7 {
	margin-top: 5.5rem;
}

.mt-8 {
	margin-top: 7rem;
}

.mt-9 {
	margin-top: 8.5rem;
}

.mt-10 {
	margin-top: 10rem;
}

.mt-11 {
	margin-top: 11.5rem;
}

.mb-6 {
	margin-bottom: 4rem;
}

.mb-7 {
	margin-bottom: 5.5rem;
}

.mb-8 {
	margin-bottom: 7rem;
}

.mb-9 {
	margin-bottom: 8.5rem;
}

.mb-10 {
	margin-bottom: 10rem;
}

.mb-11 {
	margin-bottom: 11.5rem;
}

.ms-6 {
	margin-left: 4rem;
}

.ms-7 {
	margin-left: 5.5rem;
}

.ms-8 {
	margin-left: 7rem;
}

.me-6 {
	margin-right: 4rem;
}

.me-7 {
	margin-right: 5.5rem;
}

.me-8 {
	margin-right: 7rem;
}

.pt-6 {
	padding-top: 4rem;
}

.pt-7 {
	padding-top: 5.5rem;
}

.pt-8 {
	padding-top: 7rem;
}

.pb-6 {
	padding-bottom: 4rem;
}

.pb-7 {
	padding-bottom: 5.5rem;
}

.pb-8 {
	padding-bottom: 7rem;
}

.ps-6 {
	padding-left: 4rem;
}

.ps-7 {
	padding-left: 5.5rem;
}

.ps-8 {
	padding-left: 7rem;
}

.pe-6 {
	padding-right: 4rem;
}

.pe-7 {
	padding-right: 5.5rem;
}

.pe-8 {
	padding-right: 7rem;
}

.p-6 {
	padding: 4rem;
}

.p-7 {
	padding: 5.5rem;
}

.p-8 {
	padding: 7rem;
}

@media (max-width: 768px) {
	.mt-6 {margin-top: 2.5rem;}
	.mt-7 {margin-top: 4rem;}
	.mt-8 {margin-top: 5.5rem;}
	.mt-9 {margin-top: 7rem;}
	.mt-10 {margin-top: 8.5rem;}
	.mt-11 {margin-top: 10rem;}

	.mb-6 {margin-bottom: 2.5rem;}
	.mb-7 {margin-bottom: 4rem;}
	.mb-8 {margin-bottom: 5.5rem;}
	.mb-9 {margin-bottom: 7rem;}
	.mb-10 {margin-bottom: 8.5rem;}
	.mb-11 {margin-bottom: 10rem;}
	
	.ms-6 {margin-left: 2.5rem;}
	.ms-7 {margin-left: 4rem;}
	.ms-8 {margin-left: 5.5rem;}
	
	.me-6 {margin-right: 2.5rem;}
	.me-7 {margin-right: 4rem;}
	.me-8 {margin-right: 5.5rem;}
	
	.pt-6 {padding-top: 2.5rem;}
	.pt-7 {padding-top: 4rem;}
	.pt-8 {padding-top: 5.5rem;}
	
	.pb-6 {padding-bottom: 2.5rem;}
	.pb-7 {padding-bottom: 4rem;}
	.pb-8 {padding-bottom: 5.5rem;}
	
	.ps-6 {padding-left: 2.5rem;}
	.ps-7 {padding-left: 4rem;}
	.ps-8 {padding-left: 5.5rem;}
	
	.pe-6 {padding-right: 2.5rem;}
	.pe-7 {padding-right: 4rem;}
	.pe-8 {padding-right: 5.5rem;}
	
	.p-6 {padding: 2.5rem;}
	.p-7 {padding: 4rem;}
	.p-8 {padding: 5.5rem;}

}

@media (min-width: 992px) {
	.mt-lg-6 {
		margin-top: 4rem !important;
	}

	.mt-lg-7 {
		margin-top: 5.5rem !important;
	}

	.mt-lg-8 {
		margin-top: 7rem !important;
	}

	.mt-lg-9 {
		margin-top: 8.5rem !important;
	}

	.mt-lg-10 {
		margin-top: 10rem !important;
	}

	.mt-lg-11 {
		margin-top: 11.5rem !important;
	}
	
	.mb-lg-6 {
		margin-bottom: 4rem !important;
	}

	.mb-lg-7 {
		margin-bottom: 5.5rem !important;
	}

	.mb-lg-8 {
		margin-bottom: 7rem !important;
	}

	.mb-lg-9 {
		margin-bottom: 8.5rem !important;
	}

	.mb-lg-10 {
		margin-bottom: 10rem !important;
	}

	.mb-lg-11 {
		margin-bottom: 11.5rem !important;
	}
}

.text-dark, a.text-dark {
	color: var(--darkblue) !important;
}

.text-dark a:hover, a.text-dark:hover {
	text-decoration: underline !important;
}

.text-white,
.text-white a {
	color: var(--sand) !important;
}

.text-grey,
.text-grey a {
	color: var(--darkgrey) !important;
}

a.text-white:hover,
a.text-white:active {
	text-decoration: underline !important;
}

.text-sand {
	color: #CDCED7 !important; /*var(--sand)*/
}

a.text-sand:hover,
a.text-sand:active {
	text-decoration: underline !important;
}

h2, .h2 {
	color: var(--darkblue);
	font-weight: 700;
	font-size: 48px;
	line-height: 130%;
	letter-spacing: 0%;
	vertical-align: middle;
}

h2 small, .h2 small {
	font-weight: 400;
}

.h2-large {
	font-weight: 700;
	font-style: Bold;
	font-size: 100px;
	leading-trim: NONE;
	line-height: 120%;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;
}

@media (max-width: 992px) {
	.h2-large {
		font-size: 40px;
		line-height: 130%;
		text-align: left;
	}
}

h3 {
	font-weight: 700;
	font-size: 32px;
	line-height: 120%;
	letter-spacing: 0%;
}

h4 {
	font-weight: 700;
	font-style: Bold;
	font-size: 18px;
	leading-trim: NONE;
	line-height: 150%;
	letter-spacing: -2%;
	vertical-align: middle;
}

.sub-h2 {
	color: var(--darkgrey);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
}

.h5 {
	font-weight: 700;
}

.h6 {
	font-weight: 700;
	font-size: 20px;
	leading-trim: NONE;
	line-height: 120%;
	letter-spacing: 0%;
	vertical-align: middle;
}

@media (max-width: 768px) {
	.h6 {
		font-size: 18px;
	}
}

.bg-dark {
	background-color: var(--darkblue) !important;
}

.bg-dark h3 {
	color: #ffffff;
	font-weight: 700;
	font-size: 32px;
	line-height: 120%;
	letter-spacing: 0%;
}

.card-dark {
	border: 0px solid transparent;
	border-radius: 1rem;
	padding: 1rem;
}

.form-dark {
	border: 0px solid transparent;
	border-radius: 1rem;
	padding: 8px;
}

@media (max-width: 992px) {
	.card-xs-unset {
		background-color: unset !important;
		border: 0px solid transparent;
	}
}

@media (min-width: 992px) {
	.card-lg-unset {
		padding: unset !important;
	}
}

.card-light {
	border-radius: 0.8rem;
	border: 1px solid var(--sand);
	background: var(--sand);
	color: var(--darkblue);
	padding: 7px;
}

.card-light:hover,
.card-light:active {
	background: var(--lightblue) !important;
}

.references .card-dark {
	border-radius: 0.8rem;
	border: 1px solid var(--darkblue);
	background: var(--darkblue);
	color: var(--sand);
	padding: 7px;
}

.references .card-dark:hover,
.references .card-dark:active {
	background: var(--darkbluehover) !important;
}

.card-lighter {
	border-radius: 0.8rem;
	border: 1px solid var(--sand);
	background: #F9F9F8;
	color: var(--darkblue);
	padding: 7px;
}

.card-max {
	border-radius: 0.8rem;
	height: calc(100% - 40px);
	margin-bottom: 40px;
}

.card-img, .card-img-top {
    border-radius: 12px;
}

.references .card-max {
	max-width: 330px;
	backdrop-filter: blur(20px);
	box-shadow: 0px 6px 18px 0px #ccc;
	height: unset;
	margin-bottom: 0px;
}

.accordion-btn,
.card-btn {
	cursor: pointer;
}

.col-callout {
	flex: unset;
	height: 230px;
	width: 384px;
	padding-left: 56px;
}

.card-measure {
	border: 0px solid transparent;
}

.card-measure .card-body {
	padding: 0px;
}

.card-measure  * {
	--bs-gutter-x: 0px !important;
}

.card-measure .callout {
	height: 100%;
	width: 32%;
	backdrop-filter: blur(60px);
	box-shadow: 0px 1.4px 2.78px 0px #06145B0F;
}

@media (max-width: 992px) {
	
	.card-measure .swoosh-sm {
		width: 96%;
	}
	
	.card-measure .callout {
		width: 87%;
	}

	.col-measure {
		margin-bottom: 38px;
	}

}

.card-measure .swoosh-sm {
	bottom: -20px;
	transform: scaleY(0.75);
}

.col-measure {
	height: 353px;
}

@media (min-width: 1400px) {
	.col-callout {
		padding-left: 66px;
	}
}

@media (min-width: 992px) and (max-width: 1400px) {
	.col-callout {
		padding-left: 92px;
	}
}

@media (max-width: 992px) {
	.col-callout {
		flex: 0 0 auto;
		height: 300px;
		margin-bottom: 20px;
		padding-left: unset;
		width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.col-callout {
		width: 50%;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.col-callout {
		padding-left: 52px;
		width: 310px;
	}
}

.callout-inner {
	padding: 16px;
	/*background: linear-gradient(180deg, rgba(242,241,239,1) 0%, rgba(205,206,215,1) 50%, rgba(242,241,239,1) 100%);*/
	width: 100%;
	height: 100%;
	border-radius: 8px;
	position: relative;
}

.callout {
	/*border: 8px solid var(--sand);*/
	top: -30px;
	height: 120%;
	margin-bottom: 2px;
	position: absolute;
	width: 30%;
	border-radius: 1rem;
	background: rgb(242,241,239);
	background: linear-gradient(180deg, rgba(242,241,239,1) 0%, rgba(205,206,215,1) 50%, rgba(242,241,239,1) 100%);
	/*padding: 8px;*/
	backdrop-filter: blur(60px);
	box-shadow: 0px 1.4px 2.78px 0px #0510490F;
}

@media (min-width: 992px) and (max-width: 1200px) {
	.callout {
		top: -12px;
		height: 110%;
		width: 32%;
	}
}

@media (max-width: 992px) {
	.callout {
		height: 100%;
		position: unset;
		width: unset;
	}
}

.callout h4 {
	color: var(--darkblue);
	font-weight: 700;
	font-size: 32px;
	line-height: 120%;
	letter-spacing: 0%;
	vertical-align: middle;
}

.swoosh-sm {
	position: absolute;
	bottom: 8px;
	left: 8px;
	width: calc(100% - 16px);
	pointer-events: none;
}

.valign-bottom {
	position: absolute;
	bottom: 0;
}

.circled {
	border-radius: 100%;
}

.box-wrapper {
  display: flex;
  overflow: hidden;
  padding-bottom: 100px;
}

.box-box {
  margin: 0;
}

.box-float {
  float: right;
  height: 100%;
  margin-left: -18px;
  margin-top: 26px;
  display: flex;
  align-items: flex-end;
  shape-outside: circle(200px at 304px 421px); /*inset(calc(100% - 280px) 0 0);*/
  position: relative;
}

@media (min-width: 992px) and (max-width: 1200px) {
	.box-float {
		margin-top: 26px;
		shape-outside: circle(200px at 284px 537px);
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.box-float {
		margin-top: 80px;
		shape-outside: circle(200px at 288px 583px);
	}
}

@media (max-width: 768px) {
	.box-float {
		margin-top: 80px;
		shape-outside: inset(257px 35px 2px 0px round 50px);
	}
	
	.alert-sturm {
		left: -5rem;
		top: 0px;
	}
	
	.hero-h2 {
		padding-top: 24px;
	}
}

.alert-sturm {
	background: rgba(255, 255, 255, 0.5);
	border: 1px solid #c8c5bc;
	backdrop-filter: blur(6px);
	border-radius: 16px;
	color: var(--darkgrey);
	font-weight: bold;
	line-height: 1.2rem;
	position: relative;
	left: 51px;
	top: -14px;
}

.alert-form {
	background: var(--sand);
	border-radius: 16px;
	color: var(--darkblue);
	line-height: 1.2rem;
}

.alert-form.height-95 {
	height: 95%;
	line-height: 1.2rem;
}

.alert {
	border-radius: 16px;
}

.alert-info {
	background: #EEF2FC;
	border: 1px solid #CAD3E9;
	color: var(--darkblue);
}

.btn-download {
	background: rgba(255, 255, 255, 0.5);
	border: 1px solid #c8c5bc;
	border-radius: 16px;
	color: var(--darkgrey);
	line-height: 1.2rem;
	display: block;
	padding: 16px;
	height: 100%;
}

.btn-download:hover {
	background: var(--sand);
}

.btn-filter {
	background: rgba(255, 255, 255, 0.5);
	border: 1px solid #c8c5bc;
	border-radius: 12px;
	color: var(--darkblue);
	padding: 8px;
	height: 100%;
	font-weight: bold;
	cursor: pointer;
	display: inline-block;
	margin-top: 4px;
}

.btn-filter:hover {
	background: var(--darkblue);
	color: white;
}

.btn-filter.active {
	background: var(--darkblue);
	color: white;
}

.div-download {
	padding: 8px;
}

.text-smaller {
	font-size: 14px;
}

.link-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.link-list li {
	padding-top: 8px;
}

.link-list li a {
	color: #CDCED7;
}

.link-list li a:hover,
.link-list li a:active {
	color: var(--sand) !important;
	text-decoration: underline !important;
}

.page-footer {
	min-height: 600px;
	background: url('../images/swirl_big.svg') no-repeat;
	background-position-x: right;
	background-position-y: 30px;
}

.ico {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: black;
}

.ico-power {
	/*mask: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/icon-bike-black.svg);*/
  mask-size: cover;
  background-image: url('../images/power.svg');
}


@media (max-width: 768px) {
	.banner-h1 {
		font-weight: 700;
		font-style: Bold;
		font-size: 48px;
		/*leading-trim: NONE;*/
		line-height: 130%;
		letter-spacing: -2%;
		vertical-align: middle;
	}

	.banner-h2 {
		font-size: 32px;
	}

	h2, .h2 {
		font-size: 32px;
	}

	.img-overlay-wrap.banner1 {
		height: 680px;
	}

	.h-800 {
		height: 680px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.mt-8 {
		margin-top: 4rem;
	}
	  
	.mb-8 {
		margin-bottom: 4rem;
	}
	
	.page-footer {
		min-height: unset;
		background: unset;
	}
	
	.card-body {
		padding: 16px 0px;
	}
	
	.faq .card-body {
		padding: 16px 16px;
	}
}
/*@media (min-width: 576px) {
  .banner-h1 {
	  font-size: 48px;
  }
  
  .mt-8 {
	  margin-top: 4rem;
  }
}
@media (min-width: 768px) {
  .banner-h1 {
	  font-size: 48px;
  }
  
  .mt-8 {
	  margin-top: 4rem;
  }
}
@media (min-width: 992px) {
  .banner-h1 {
	  font-size: 48px;
  }
  
  .mt-8 {
	  margin-top: 4rem;
  }
}*/

@media (min-width: 768px) and (max-width: 992px) {
	.banner-h1 {
		font-weight: 700;
		font-style: Bold;
		font-size: 72px;
		/*leading-trim: NONE;*/
		line-height: 130%;
		letter-spacing: -2%;
		vertical-align: middle;
	}

	.banner-h2 {
		font-size: 48px;
	}

	h2, .h2 {
		font-size: 48px;
	}
}

.accordion-button::after {
	display: none;
}

.accordion-button {
	font-weight: 700;
	font-size: 32px;
	line-height: 160%;
	letter-spacing: 0%;
}

@media (max-width: 992px) {
	.accordion-button {
		font-size: 24px;
	}
}

.accordion-item {
	border: 0px solid transparent !important;
}

.accordion-item > .accordion-header .accordion-button,
.accordion-item:first-of-type > .accordion-header .accordion-button {
	border-top-left-radius: 0.8rem;
	border-top-right-radius: 0.8rem;
}

.accordion-item:hover .accordion-body,
.accordion-item:hover .accordion-button,
.accordion-item:hover .progress {
	background: var(--lightblue) !important;
}

.accordion-item:last-of-type > .accordion-collapse {
	border-radius: 0px;
}

.accordion-collapse {
	background: var(--sand);
	/*border-radius: 0px 0px 0.8rem 0.8rem;*/
}

.accordion-button:not(.collapsed) {
	background: var(--sand);
	border-radius: 8px 8px 0px 0px;
	box-shadow: unset;
}

.accordion-button {
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
}

.accordion-body {
  padding: 0px var(--bs-accordion-body-padding-x);
}


.accordion-lighter .accordion-button.collapsed {
	border-color: var(--sand);
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	background: var(--sand);
	border-radius: 8px;
}


.accordion-lighter .accordion-item:hover .accordion-body,
.accordion-lighter .accordion-item:hover .accordion-button,
.accordion-lighter .accordion-item:hover .progress {
	background: #F9F9F8 !important;
}

.accordion-lighter .accordion-button {
	border-color: var(--sand);
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	background: #F9F9F8;
}
.accordion-lighter .accordion-body{
	border-color: var(--sand);
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	background: #F9F9F8;
}
.accordion-lighter .progress {
	border-color: var(--sand);
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	background: #F9F9F8;
}

.accordion-lighter .accordion-item {
	margin-bottom: 8px;
}

.img-services img {
	position: absolute;
	max-width: 96%;
}

.img-services {
	position: relative;
}

.img-serv {
	height: 200px;
	background-size: cover !important;
	background-position: center center !important;
}

.progress {
	height: 16px;
	background: var(--sand);
	border-radius: 0px 0px 0.8rem 0.8rem;
	padding-top: 12px;
}

.progress-bar {
	background: var(--darkblue);
	background: linear-gradient(90deg,rgba(5, 16, 73, 1) 0%, rgba(5, 16, 73, 1) 49%, rgba(19, 38, 108, 1) 75%, rgba(77, 127, 255, 1) 100%);
}

.progress-bar.progress-hide {
	background: var(--sand) !important;
}

.cnt-menu {
	backdrop-filter: blur(60px);
	background: white;
	box-shadow: 0px 1.4px 2.78px 0px #0510490F;
	position: absolute;
	top: 72px;
}

.lnk-menu {
	border-radius: 6px;
	padding: 10px 0px;
}

.lnk-menu:hover {
	background: #ecf1fc;
}

.lnk-menu:hover .item-circle {
	background: #3966d7 !important;
}

.lnk-menu:hover .icon-blue {
	filter: invert(100%) sepia(96%) saturate(15%) hue-rotate(212deg) brightness(104%) contrast(104%);
}

.lnk-menu:hover .ph {
	color: #fff;
}

.navbar-menu-open {
	background: #ffffff;
}
				
.v-bottom {
	position: absolute;
	bottom: 24px;
	right: 24px;
}

.icon {
	display: inline-block;
	background-size: cover;

}

.icon-power {
	background-image: url('../images/power.svg');
}

.icon-water.icon-lg,
.icon-heat.icon-lg,
.icon-cool.icon-lg {
	width: 84px;
	height: 84px;
	margin: 6px;
}

.icon-gas.icon-lg,
.icon-power.icon-lg {
	width: 90px;
	height: 131px;
}

@media (min-width: 768px) and (max-width: 1200px) {
	.icon-water.icon-lg,
	.icon-heat.icon-lg,
	.icon-cool.icon-lg {
		
	}
	
	.icon-gas.icon-lg,
	.icon-power.icon-lg {
		width: 50px;
		height: 72px;
	}
}

@media (max-width: 768px) {
	.icon-water.icon-lg,
	.icon-heat.icon-lg,
	.icon-cool.icon-lg {
		
	}
	
	.icon-gas.icon-lg,
	.icon-power.icon-lg {
		width: 72px;
		height: 105px;
	}
}

.icon-water.icon-sm,
.icon-heat.icon-sm,
.icon-cool.icon-sm {
	width: 72px;
	height: 105px;
}

.icon-gas.icon-sm,
.icon-power.icon-sm {
  width: 14px;
  height: 20px;
  margin-top: 8px;
}

.icon-gas {
	background-image: url('../images/gas.svg');
}

.icon-heat {
	background-image: url('../images/icons/heat.svg');
}

.icon-cool {
	background-image: url('../images/icons/cool.svg');
}

.icon-water {
	background-image: url('../images/icons/water.svg');
}

.icon-transparent {
	opacity: 0.28;
}

.icon-grey {
	filter: invert(60%) sepia(27%) saturate(245%) hue-rotate(192deg) brightness(91%) contrast(99%);
}

.icon-blue {
	filter: invert(9%) sepia(65%) saturate(3686%) hue-rotate(228deg) brightness(87%) contrast(109%);
}

.img-sturm {
	width: 284px;
}


@media (max-width: 450px) {
	.box-float {
		margin-top: 90px !important;
	}
	
	.alert-sturm {
		font-size: 14px;
		min-width: 160px;
		z-index: 2;
		position: absolute;
		left: 0;
		bottom: 67px;
		top: unset;
	}
	.img-sturm {
		right: 6% !important;
	}
}

@media (min-width: 450px) and (max-width: 600px) {
	.box-float {
		margin-top: 120px !important;
	}
	
	.alert-sturm {
		font-size: 14px;
		left: 0;
		top: 206px;
		min-width: 160px;
		z-index: 2;
	}
}

@media (min-width: 600px) and (max-width: 768px) {
	.box-float {
		margin-top: 90px !important;
	}
	
	.alert-sturm {
		font-size: 14px;
		left: 0;
		top: 172px;
		min-width: 160px;
		z-index: 2;
	}
}

@media (max-width: 768px) {
	.img-sturm {
		width: 176px;
		margin-bottom: 80px;
		margin-left: 0vw;
		position: absolute;
		right: 4%;
	}
	.box-float {
		flex-wrap: wrap;
		margin-left: 0px;
		margin-top: 80px;
		shape-outside: circle(133px at 80% 80%);
		width: 100%;
	}
	.box-wrapper {
		margin-left: -12px;
		margin-right: -12px;
	}
	
	.cnt-menu {
		top: 115px;
	}

}

@media (max-width: 600px) {
	.box-wrapper {
		padding-bottom: 130px;
	}
}

.rate-wrapper {
	padding: 15px;
}

.accordion-button {
	display: block;
}

.img-services-sm {
	height: 260px;
	overflow: hidden;
	background-position: center center !important;
	background-size: cover !important;
}

@media (min-width: 992px) {
	.img-services-sm {
		display: none !important;
	}
}

.bg-chose {
	background: var(--darkblue);
	padding: 20px !important;
	width: 100%;
	height: 230px;
	position: absolute;
	z-index: 0;
}

@media (min-width: 992px) and (max-width: 1200px) {
	.bg-chose {
		height: 300px;
	}
}


.swiper {
  width: 180%;
}

@media (max-width: 576px) {
	.swiper {
	  width: 160vw;
	}
	
	.side--a,
	.side--b {
		height: 515px;
	}
	
	.card--container {
		height: 515px !important;
		min-height: unset !important;
	}
}

@media (min-width: 576px) and (max-width: 768px) {
	.swiper {
	  width: 150% !important;
	}	
}

@media (min-width: 576px) and (max-width: 992px) {
	.swiper {
	  width: 120%;
	}
	
	.side--a,
	.side--b {
		height: 600px;
	}
	
	.card--container {
		height: 600px !important;
		min-height: unset !important;
	}
}

.swiper-small {
  width: 106%;
}

@media (max-width: 992px) {	
	.swiper-small {
	  width: 180%;
	}
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	width: unset !important;
	left: 16px;
}


.swiper {
	height: 100%;
}

.swiper-references .swiper-slide,
.swiper-partner .swiper-slide,
.swiper-help .swiper-slide {
	text-align: left;
}

.swiper-slide .btn-forward img {
	display: inline;
	width: unset;
	height: unset;
	object-fit: unset;
}

.swiper-slide img {
	height: auto !important;
}

.swiper-pagination-bullet-active {
	width: 26px !important;
	border-radius: 6px !important;
	background: var(--darkgrey) !important;
}

.swiper-fade {
	position: absolute;
	right: 0;
	top: 0;
	width: 160px;
	height: 100%;
	background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgb(255, 255, 255) 95%, rgb(255, 255, 255) 100%);
	z-index: 10;
}

.navbar-toggler,
.navbar-toggler:active,
.navbar-toggler:focus {
	border: 0px solid transparent;
}

.navbar-toggler-icon {
	background-image: url('../images/icons/ic_burgermenu-secondary.png');
}

@media (max-width: 992px) {
	.navbar-pt {
		padding-top: 16px;
	}

	.navbar-pb {
		padding-bottom: 16px;
	}
}

.nav-item {
	padding-bottom: 8px;
	padding-top: 8px;
}

.hide {
	display: none !important;
}

.product-header {
	background-image: url('../images/bg-product.svg');
	border-radius: 16px;
	font-size: 3rem;
	line-height: 60px;
	padding: 16px;
	padding-top: 80px;
}

.card-product {
	min-width: 200px;
	max-width: 384px;
}

.card-product .card-body {
	font-size: 14px;
	padding: 0px;
}

.faq .card-light:hover,
.faq .card-light:active,
.career .card-light:hover,
.career .card-light:active,
.card-product.card-light:hover,
.card-product.card-light:active {
	background: var(--sand) !important;
}

.price {
	font-weight: bold;
	font-size: 32px;
}

.price small {
	font-size: 14px;
}

.card-border-white {
	border: 1px solid #fff;
}

.bg-image {
	background-repeat: no-repeat;
	background-position: center;
	height: 588px;
	background-size: cover;
	border-radius: 16px;
}

@media (max-width:922px) {
	.green-contact {
		height: 360px;
	}
}

.btn-light {
	background: transparent;
	border: 1px solid #CAD3E9;
	color: var(--darkblue);
}

.btn-light:hover {
	background: var(--sand);
}


@media (min-width:922px) {
	.row.tight {
		--bs-gutter-x: 0.5rem;
	}
}

.modal-backdrop {
	background-color: var(--sand);
}

.modal {
	backdrop-filter: blur(20px);
}

.modal-content {
	border: 0px solid transparent;
	border-radius: 16px;
}

.modal-header {
	border-bottom: 0px solid transparent;
}

.modal-title {
	font-weight: 700;
	font-style: Bold;
	font-size: 32px;
	leading-trim: NONE;
	line-height: 120%;
	letter-spacing: 0%;
	vertical-align: middle;
}

.modal-title small {
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 24px;
	letter-spacing: 0px;
	vertical-align: middle;
}

.modal-dialog {
	max-width: 834px;
}

.accordion-faqs .accordion-item {
	margin-bottom: 20px;
}

.accordion-faqs .accordion-collapse {
	border-radius: 0.8rem;
}

.accordion-faqs .accordion-body {
	padding: 24px;
}

.accordion-faqs .accordion-item:last-of-type > .accordion-collapse,
.accordion-faqs .accordion-collapse {
	border-radius: 0px 0px 0.8rem 0.8rem;
}

.accordion-faqs .accordion-collapse.collapse.show {
	border: 1px solid var(--sand);
	border-top: 0px solid transparent;
	background: #F9F9F8;
	color: var(--darkblue);
	border-radius: 0px 0px 0.8rem 0.8rem;
}

.accordion-faqs .accordion-button.collapsed {
	border-radius: 0.8rem;
	border: 1px solid var(--sand);
	background: var(--sand);
	color: var(--darkblue);
	padding: 12px 24px;
}

.accordion-faqs .accordion-button.collapsed img {
	transform: rotate(180deg);
}

.accordion-faqs .accordion-button {
	border-radius: 0.8rem 0.8rem 0px 0px;
	border: 1px solid var(--sand);
	border-bottom: 0px solid transparent;
	background: #F9F9F8;
	color: var(--darkblue);
	padding: 12px 24px;
}

.accordion-faqs .accordion-button:hover {
	background: #F9F9F8;
	color: var(--darkblue);
	padding: 12px 24px;
}

.accordion-faqs .accordion-item:hover .accordion-body {
	border-radius: 0px 0px 0.8rem 0.8rem;
}

.animate {
	transition: transform 0.5s ease;
}

.popover {
	border: 0px solid transparent;
	max-width: 400px;
}

.popover-body {
	border: 0px solid transparent;
	box-shadow: 0px 4px 5px 0px #00000024;
	box-shadow: 0px 1px 10px 0px #0000001F;
	border-radius: 16px;
}

.popover .popover-arrow {
	display: none;
}

.popover-nav  {
	left: -146px !important;
	top: 10px !important;
	border-radius: 16px;
}

.form-control::placeholder {
  color: #a6a6a6;
}

.form-heading {
	font-weight: 700;
	font-style: Bold;
	font-size: 20px;
	leading-trim: NONE;
	line-height: 120%;
	letter-spacing: 0%;
	vertical-align: middle;
}

.mqs-item img {
	max-height: 400px;
}

.card--container {
  perspective: 1000px;
  height: 600px;
  max-width: 360px;
}

.card--container.flip .card--flipper {
  transform: rotateY(180deg);
  transition: 0.3s;
}

.card--flipper {
  position: relative;
  transform-style: preserve-3d;
  transition: 0.3s;
}

.side, .side--b, .side--a {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  /*min-height: 400px;*/
  /*width: 150px;*/
}
.side--a {
  z-index: 2;
  transform: rotateY(0deg);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.side--b {
  transform: rotateY(180deg);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.main-references .card-dark {
  backdrop-filter: blur(20px);
  box-shadow: 0px 6px 18px 0px #ccc;
  border: 1px solid var(--darkblue);
  background: var(--darkblue);
  color: var(--sand);
  padding: 7px;
}

.quotes {
	max-width: 45%;
}