html *{font-size:100%;   word-break: keep-all;  hyphens: none;}

* {margin:0;
	padding:0;
	scroll-behavior: smooth;
	font-family: 'Montserrat', Arial, sans-serif;
	font-display: swap;
	box-sizing: border-box
	}

:root {
--main-ci-color: #095f8d;
--second-ci-color: #36a7d9;
--third-ci-color: ;
--dark-ci-color: #0f3a54;
--light-ci-color: #e0f2f9;
--gray-ci-color: #e1e7ea;
}

#main {border: solid 0px #f90;}

.ym-wrapper{margin:0 auto; padding: 0; max-width:1140px; border: solid 0px #000000;}
.ym-wbox{margin:0 auto; padding: 0; max-width:1140px; border: solid 0px #ff0000;}

@media screen and (max-width:1140px){
.ym-wrapper{margin:0 auto; padding: 0 15px; max-width:1140px;}
}
@media screen and (max-width:740px){
.ym-wrapper{margin:0 auto; padding: 0 35px; max-width:1140px;}
}


body{font-family: 'Montserrat', Arial, sans-serif;
	font-display: swap;
	color:#435264;
	-webkit-text-size-adjust:100%;
	margin: 0;
	padding: 0;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	}

ul,ol,dl{margin:0;padding:0;}


h1,h2,h3,h4,h5,h6{
	font-family: 'Montserrat', Arial, sans-serif;
	font-display: swap;
	color: var(--third-ci-color);
	margin:0;
	letter-spacing:0.0em;
	text-align:center; 
	}

h1 { font-size: 1rem; font-weight: 500; letter-spacing: 0.115em; line-height: 1.3; margin: 3rem 0 1.2rem 0; text-transform: uppercase;}
h2 { font-size: 0.95rem; font-weight:500; letter-spacing: 0.128em; line-height: 1.3; margin:2rem 0 1.2rem 0; text-transform: uppercase;}
h3 { font-size: 1.85rem; font-weight:400; letter-spacing: 0.06em; line-height: 1.3; margin:2rem 0 1.2rem 0; text-transform: uppercase;}
h4 { font-size: 1.4rem; font-weight:400;line-height: 1.3; margin:1.8rem 0 1.2rem 0; text-transform: uppercase;}
h5 { font-size: 1.2rem; font-weight:400;line-height: 1.3; margin:1.7rem 0 1.2rem 0; text-transform: uppercase;}
h6 { font-size: 1.1rem; font-weight:400;line-height: 1.3; margin:1.6rem 0 1.2rem 0; text-transform: uppercase;}

p  { font-size: 16px; font-size: 0.9rem; font-weight: 400; line-height: 2.38; letter-spacing: 0.055em; margin:0 0 1.2rem 0; text-align:center; }
p span {color: var(--second-ci-color); font-weight: 600; }

@media screen and (max-width:1024px){
	h1 { font-size: 0.85rem; margin: 2.5rem 0 1.2rem 0;}
	h2 { font-size: 0.85rem; margin:1.5rem 0 1.2rem 0;} 
	h3 { font-size: 1.25rem; font-weight:400;line-height: 1.3; margin:2rem 0 1.2rem 0; } 
	h4 { font-size: 1.15rem; font-weight:400;line-height: 1.3; margin:1.8rem 0 1.2rem 0;}
	h5 { font-size: 1rem; font-weight:400;line-height: 1.3; margin:1.7rem 0 1.2rem 0;}
	h6 { font-size: 0.85rem; font-weight:400;line-height: 1.3; margin:1.6rem 0 1.2rem 0;} 

	p  { font-size: 16px; font-size: 0.9rem; font-weight: 400; line-height: 2.38; letter-spacing: 0.055em; margin:0 0 1.2rem 0; text-align:center; }
}





hr{color:#fff;background:transparent;margin:0 0 .75em 0;padding:0 0 .75em 0;border:0;border-bottom:1px #e7e7e7 solid}

small {font-size: 0.9rem;}
a {color: #666; text-decoration: none}
a:hover {color: var(--second-ci-color);}

img{display:block}
img,figure{margin:0 auto}

.flexible{margin-top:0; max-width:100%;  height: auto;} 	
.flexible100{margin-top:0; width:100%; height: auto;} 	


.grid-container {display: grid;}

.grid-50-50 {grid-template-columns: 1fr 1fr;}
.grid-55-45 {grid-template-columns: 55% 45%;}
.grid-40-60 {grid-template-columns: 40% 60%;}
.grid-30-70 {grid-template-columns: 30% 70%;}
.grid-20-80 {grid-template-columns: 20% 80%;}
.grid-15-85 {grid-template-columns: 15% 85%;}
.grid-10-90 {grid-template-columns: 10% 90%;}

.grid-ki-block {grid-template-columns: 85px 1fr;}

.grid-60-40 {grid-template-columns: 60% 40%;}
.grid-60-40-1100 {grid-template-columns: 60% 40%;}
.grid-70-30 {grid-template-columns: 70% 30%;}
.grid-80-80 {grid-template-columns: 80% 20%;}

.grid-20-60-20 {grid-template-columns: 20% 60% 20%;}
.grid-25-50-25 {grid-template-columns: 25% 50% 25%;}
.grid-25-50-25-header {grid-template-columns: 25% 50% 25%;}

.grid-40-20-20-20 {grid-template-columns: 40% 20% 20% 20%;}
.grid-footer-4er {grid-template-columns: 30% 1fr 1fr 1fr;}

.grid-3er {grid-template-columns: 1fr 1fr 1fr;}
.grid-4er {grid-template-columns: 1fr 1fr 1fr 1fr;}

.grid-3er-no {grid-template-columns: 1fr 1fr 1fr;}
.grid-4er-no {grid-template-columns: 1fr 1fr 1fr 1fr;}

@media screen and (max-width:1100px){
.grid-60-40-1100 {grid-template-columns: 1fr;}
}

@media screen and (max-width:1024px){
.grid-4er {grid-template-columns: 1fr 1fr;}


.grid-25-50-25-header {grid-template-columns: 1fr 1fr;}
.grid-footer-4er {grid-template-columns: 1fr 1fr;}

}

@media screen and (max-width:960px){
.grid-50-50 {grid-template-columns: 1fr;}
.grid-55-45 {grid-template-columns: 1fr;}
.grid-40-60 {grid-template-columns: 1fr;}
.grid-30-70 {grid-template-columns: 1fr;}
.grid-20-80 {grid-template-columns: 1fr;}

.grid-60-40 {grid-template-columns: 1fr;}
.grid-70-30 {grid-template-columns: 1fr;}
.grid-80-80 {grid-template-columns: 1fr;}

.grid-3er {grid-template-columns: 1fr;}

.grid-20-60-20 {grid-template-columns: 1fr;}
.grid-25-50-25 {grid-template-columns: 1fr;}

.grid-40-20-20-20 {grid-template-columns: 1fr;}
}


@media screen and (max-width:740px){
.grid-4er {grid-template-columns: 1fr;}

.grid-ki-block {grid-template-columns: 60px 1fr;}
}

@media screen and (max-width:520px){
.grid-4er {grid-template-columns: 1fr;}

.grid-ki-block {grid-template-columns: 1fr;}
}

@media screen and (max-width:520px){
.grid-footer-4er {grid-template-columns: 1fr;}

}
.gap-10 {gap: 10px;}
.gap-15 {gap: 15px;}
.gap-20 {gap: 20px;}
.gap-25 {gap: 25px;}
.gap-30 {gap: 30px;}
.gap-40 {gap: 40px;}
.gap-50 {gap: 50px;}
.gap-75 {gap: 75px;}
.gap-100 {gap: 100px;}
.gap-150 {gap: 150px;}

.gap-leistungen-block {gap: 35px}






header {position: fixed;
	background: #fff;
	width: 100%;
	z-index:9999;
	padding: 0;
	height: 80px;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
	}


.header-logo{
	max-width: 150px;
	padding: 0;
	margin: 35px auto 0;
	}

@media screen and (max-width:1024px){

header {
	position: absolute;
	height: 120px;
	}

.header-logo{
	max-width: 250px;
	padding: 0;
	margin: 30px 5% 0;
	}

}


.header-social {
	text-align: center;
	border: solid 0px #f90;
	margin: 35px 0 0 0;
	}
	
	
@media (max-width: 1024px) {
.header-social {
	display: none;
	}
}

	
.header-social ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	}
	
	
.header-social ul li {
	display: inline-block;
	list-style-type: none;
	margin: 0 35px 0 0;
	}

.header-social ul li img{
	width: 25px;
	height: 25px;
	}




.intro-zeile {
	display: none;
	}

@media screen and (max-width:1024px){

.intro-zeile {
	display: block;
	background: var(--second-ci-color);
	color: #fff;
	padding: 2px 0;
	width: 100%;
	margin: 0 auto;
	font-size: 1rem;
	text-align: center;
	}

.intro-zeile a{
	color: #fff;
	margin: 0 25px;
	}

.intro-zeile img{
	display: inline-block;
	width: 20px;
	height: 20px;
	}
	
.intro-zeile a span.icon-facebook-1{
	color: #fff;
	font-size: 1.4rem;
	border: solid 0px #f90;
	margin: 0 15px 0 0;
	}
.intro-zeile a span.icon-instagramm{
	color: #fff;
	font-size: 1.4rem;
	border: solid 0px #f90;
	margin: 0 20px 0 0;
	}

.intro-zeile a span.icon-phone{
	color: #fff;
	font-size: 1.4rem;
	border: solid 0px #f90;
	margin: 0 15px 0 15px;
	}
.intro-zeile a span.icon-mail{
	color: #fff;
	font-size: 1.4rem;
	border: solid 0px #f90;
	margin: 0 15px 0 0;
	}
.icon-tiktok {
	border: solid 0px #f90;
	position: relative;
	top: 4px;
	width: 22px;
	height: 22px; 
	margin: 0 15px 0 0;
	}


}

@media screen and (max-width:385px){

.intro-zeile a{
	color: #fff;
	margin: 0 15px;
	}

}









.index-header-abstand {padding-top: 80px;}

@media screen and (max-width:1024px){
.index-header-abstand {padding-top: 110px;}
}




.hero-section {
	position: relative;
	height: 480px;
	overflow: hidden;
	}

.hero-video {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
	left: 0;
	top: 0;
	z-index: 1;
	}


.hero-content {
	border: solid 0px #f90;
	position: absolute;
	z-index: 99;
  	left: 10%;
  	top: 75px;
  	width: 450px;
  	height: 100%;
	}

@media (max-width: 540px) {

.hero-content {
	position: relative;
  	width: 90%;
	height: auto;
  	top: 52%;
	left: 50%;
	transform: translate(-50%, -50%);
  	margin: 0;
	}
}

.hero-content-inhalt {
	position: absolute;
	width: 450px;
	height: 210px;
	background-color: rgba(54, 167, 217, 0.34);
	z-index: 3;
	color: #fff;
	padding: 30px 20px;
	box-sizing: border-box;
	border: solid 0px #f00;
	}

@media (max-width: 540px) {
.hero-content-inhalt {
	position: relative;
	width: 100%;
	height: auto;
	background-color: rgba(54, 167, 217, 0.34);
	z-index: 3;
	color: #fff;
	padding: 30px 20px;
	box-sizing: border-box;
	border: solid 0px #f00;
	}
}

.hero-content-inhalt h2 {
	text-align: left;
	color: #fff;
	font-size: 1.35rem;
	line-height: 1.49;
	letter-spacing: 0.06em;
	margin: 0;
	padding: 0;
	font-weight: 500;
	}
	
.hero-content-inhalt h2 span {
	font-weight: 800;
	}
.hero-content-inhalt h2 span.light {
	color: var(--second-ci-color);
	}

.hero-content-inhalt h3 {
	text-align: left;
	color: #fff;
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.154em;
	margin: 0 0 20px 0;
	padding: 0
	}

@media (max-width: 540px) {


.hero-content-inhalt h2 {
	text-align: left;
	color: #fff;
	font-size: 1.25rem;
	line-height: 1.49;
	letter-spacing: 0.06em;
	margin: 0 0 25px 0;
	padding: 0;
	font-weight: 500;
	}
	
.hero-content-inhalt h2 span {
	font-weight: 800;
	}
.hero-content-inhalt h2 span.light {
	color: var(--second-ci-color);
	}

.hero-content-inhalt h3 {
	text-align: left;
	color: #fff;
	font-size: 0.65rem;
	font-weight: 500;
	letter-spacing: 0.154em;
	margin: 0 0 30px 0;
	padding: 0
	}



}




.hero-cta-1 {
	background: var(--second-ci-color);
	color: #fff;
	padding: 5px 10px;
	font-size: 0.9rem;
	font-weight: 400;
	margin: 0 15px 0 0;
	letter-spacing: 0.08em;
	}
.hero-cta-1:hover {color: #fff;}

.hero-cta-2 {
	background: var(--dark-ci-color);
	color: #fff;
	padding: 5px 10px;
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	}
.hero-cta-2:hover {color: #fff;}

.hero-auszeichnung-fixed {
	position: absolute;
	top: -20px;
	right: 30px;
	z-index:99;
	width: 50px;
	height: auto;
	}
.hero-auszeichnung-fixed img {
	width: 75px;
	height: auto;
	}

@media (max-width: 540px) {

.hero-cta-1 {
	padding: 5px 10px;
	font-size: 0.7rem;
	font-weight: 400;
	margin: 0 15px 0 0;
	letter-spacing: 0.08em;
	}

.hero-cta-2 {
	padding: 5px 10px;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	}

.hero-auszeichnung-fixed {
	position: absolute;
	top: -20px;
	right: 20px;
	z-index:99;
	width: 50px;
	height: auto;
	}
}








.hero-auszeichnungen {
	position: relative;
	top: 210px;
	left: 0;
	border: solid 0px #0f0;
	}

@media (max-width: 540px) {

.hero-auszeichnungen {
	position: relative;
	top: 0;
	left: 0;
	}


}



.test-all-space {
	margin: 15px 0 0 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px; 
	}

.test-all-space > div {
	display: flex;
	align-items: center;
	justify-content: center;
	}

.hero-auszeichnung {
	max-width: 90px;
	height: auto;
	}

@media (max-width: 380px) {
.test-all-space {gap: 6px;}
.hero-auszeichnung {max-width: 60px;}
}


.hero-zeile {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100%;
	max-width: 1140px;
	background-color: rgba(9, 95, 141, 0.75);
	color: #fff;
	padding: 11px 20px;
	z-index:99;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: 400;
	letter-spacing: 0.2em;
	}

@media (max-width: 960px) {

.hero-zeile {
	padding: 11px 20px;
	text-align: center;
	font-size: 0.5rem;
	}

}


@media (max-width: 740px) {
	.hero-zeile {
		display: none;
		}

}

.grid-container-hero-zeile  {
	display: flex;
	gap: 24px;
	flex-direction: row;
	align-items: center; 
	}

.grid-container-hero-zeile > div {
	display: flex;
	align-items: center;
	text-align: center !important;
	flex-grow: 1;
	text-align: center;
	justify-content: center;
	flex-direction: row; 
	gap: 0px;
    }



@media (max-width: 470px) {
  .grid-container-hero-zeile {
    flex-direction: column;
    gap: 16px; 
  }
  .grid-container-hero-zeile > div {
    flex: none;
    width: 100%;
  }
}


.hero-zeile-icon {
	width: 20px; 
	height: auto;
	margin: 0 5px 0 0;
	}















.begruessungs-block {}
.begruessungs-block h1{color: var(--main-ci-color);}
.begruessungs-block h2{color: var(--dark-ci-color);  font-size: 2rem; font-weight:400; line-height: 1.3; margin:2rem 0 1.2rem 0; text-transform: uppercase;}
.begruessungs-block h2 span{color: var(--second-ci-color); font-weight: 700}
@media screen and (max-width:1024px){
.begruessungs-block h2{color: var(--dark-ci-color);  font-size: 1.25rem; font-weight:400; line-height: 1.3; margin:2rem 0 1.2rem 0; text-transform: uppercase;}

}


.begruessungs-block p{}
.begruessungs-block p span{}


.leistungs-block {
	margin: 35px 0 0 0;
	}


.leistungs-feld {
	background: var(--light-ci-color);
	text-align: center;
	padding: 10px 10px 5px 10px;
	position: relative;
	}

.leistungs-feld h2 {
	font-size: 0.94rem;
	margin: 15px 0 0 0;
	font-weight: 700;
	letter-spacing: 0.1em;
	}
@media screen and (max-width:960px){
.leistungs-feld h2 {
	font-size: 1rem;
	}
}


.leistungs-feld p {
	font-size: 0.65rem;
	margin: 10px 0 0 0;
	font-weight: 400;
	line-height: 1.43;
	}
@media screen and (max-width:960px){
.leistungs-feld p {
	font-size: 0.75rem;
	}
}


.leistungs-feld a {
	background: var(--dark-ci-color);
	color: #fff;
	padding: 5px 10px;
	font-size: 0.7em;
	font-weight: 400;
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translate(-50%, 0);
	width: max-content;
	}
@media screen and (max-width:960px){
.leistungs-feld a {
	padding: 5px 10px;
	font-size: 0.75em;
	}
}

.leistungs-feld a:hover {
	}

.leistungs-icon {
	margin: -40px auto 0 auto;
	border-radius: 5px;
	width: 50px;
	height: auto;
	}






.cta-block {
	background: #deeffa;
	padding: 15px 0;
	margin: 70px 0;
	}
@media screen and (max-width:960px){
.cta-block {
	padding: 30px 0;
	}
}

.cta-block-inhalt {
	}

.cta-block-inhalt h2 {
	font-size: 0.9rem;
	letter-spacing: 0.138em;
	margin: 0;
	}

.cta-block-inhalt h2 span{
	font-weight: 700;
	}


.button-container {
  text-align: center;
}

.button-link {
	display: inline-block; 
	background-color: var(--dark-ci-color);
	color: white;
	padding: 10px 14px;
	text-decoration: none;
	font-weight: 400;
	font-size: 0.75rem;
	letter-spacing: 0.128em;
	text-transform: uppercase;
	vertical-align: middle;
	line-height: 20x; 
	text-transform: uppercase;
	}
.button-link:hover {
	color: white;
	}

.button-link span, .button-link img {
	vertical-align: middle; 
	display: inline-block;
	}

.button-link img {
	width: 20px;
	height: 20x;
	margin-left: 0;
	}
@media only screen and (max-width: 520px) {

.button-link {
	padding: 10px;
	font-weight: 400;
	font-size: 0.75rem;
	letter-spacing: 0.128em;
	text-transform: uppercase;
	vertical-align: middle; 
	line-height: 20x; 
	text-transform: uppercase;
	margin: 20px 0 0 0;
	}


}


.button-container-2 {
  text-align: center; 
  align-self: center;
}

.button-link-2 {
	display: inline-block; 
	background-color: var(--second-ci-color);
	color: white;
	padding: 10px;
	text-decoration: none;
	font-weight: 400;
	font-size: 0.9rem;
	letter-spacing: 0.128em;
	text-transform: uppercase;
	vertical-align: middle; 
	line-height: 20x; 
	text-transform: uppercase;
	}
.button-link-2:hover {
	color: white;
	}

.button-link-2 span, .button-link-2 img {
	vertical-align: middle; 
	display: inline-block;
	}

.button-link-2 img {
	width: 20px;
	height: 20x;
	margin-left: 0; 
	}
@media only screen and (max-width: 520px) {

.button-link-2 {
	padding: 10px;
	font-weight: 400;
	font-size: 0.9rem;
	letter-spacing: 0.128em;
	text-transform: uppercase;
	vertical-align: middle; 
	line-height: 20x; 
	text-transform: uppercase;
	margin: 20px 0 0 0;
	}


}







.ki-block {}
.ki-block h2{color: var(--main-ci-color);}
.ki-block h3{color: var(--dark-ci-color);}
@media screen and (max-width:470px){
.ki-block h3{font-size: 1.15rem;}

}
.ki-block h3 span.bold500{font-weight: 500}
.ki-block h3 span.light{color: var(--second-ci-color); font-weight: 700}



.ki-block-inhalt {max-width: 1075px; border: solid 0px #f90; margin: 30px auto 0;}

.ki-block-inhalt-header {
	background: rgba(14,57,82,0.86);
	padding: 10px;
	color: #fff;
	font-size: 1.11rem;
	font-weight: 400;
	letter-spacing: 0.128em;
	text-transform: uppercase;
	width: fit-content;
	margin: 0;
	}

.ki-block-inhalt-header span{
	color: var(--second-ci-color);
	font-weight: 700;
	}

@media screen and (max-width:960px){
.ki-block-inhalt-header {
	font-size: 1.1rem;
	margin: 0 auto;
	}
}
@media screen and (max-width:520px){
.ki-block-inhalt-header {
	font-size: 0.8rem;
	margin: 0 auto;
	}
}
@media screen and (max-width:400px){
.ki-block-inhalt-header {
	font-size: 0.75rem;
	margin: 0 auto;
	}
}

.ki-block-inhalt h4 {
	font-size: 1.1rem;
	color: var(--second-ci-color);
	color: #36a7d9;
	color: rgba(54,167,217,0.86);
	text-align: left;
	font-weight: 700;
	margin: 0 0 15px 0;
	}
	
@media screen and (max-width:740px){
.ki-block-inhalt h4 {
	font-size: 1rem;
	margin: 0 0 15px 0;
	}
}

@media screen and (max-width:520px){
.ki-block-inhalt h4 {
	font-size: 0.95rem;
	margin: 0 0 15px 0;
	}
}

.ki-block-inhalt-bild {width: 70px; height: auto;}
@media screen and (max-width:740px){
.ki-block-inhalt-bild {width: 50px; height: auto;}
}
@media screen and (max-width:520px){
.ki-block-inhalt-bild {width: 50px; height: auto;margin: 0 auto 15px auto;}
}
.ki-block-inhalt ul{
	list-style-type: none;
	padding-left: 0;
	}
	
.ki-block-inhalt ul li{
	position: relative;
	padding-left: 30px;
	text-transform: uppercase;
	font-size: 0.63rem;
	letter-spacing: 0.05em;
	font-weight: 600;
	margin: 0 0 10px 0;
	color: rgba(22,69,58,0.8);
	}

.ki-block-inhalt ul li::before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 23px;
	height: 23px;
	background-image: url('../bilderpfad/icons/check-blau.png');
	background-size: cover;
	background-repeat: no-repeat;
	}


.ki-block-inhalt-button {
	background: var(--second-ci-color);
	color: #fff;
	padding: 12px 15px;
	display: block;
	width: fit-content;
	margin: 0 0 0 22%;
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.18em;
	}

a.ki-block-inhalt-button:hover{
	color: #fff;
	cursor: pointer;
	}

@media screen and (max-width:960px){
.ki-block-inhalt-button {
	padding: 10px 15px;
	margin: 30px auto 0;
	font-size: 0.85rem;
	}
}

@media screen and (max-width:740px){
	.ki-block-inhalt ul li{
	position: relative;
	padding-left: 30px;
	text-transform: uppercase;
	font-size: 0.75rem;
	letter-spacing: 0;
	font-weight: 400;
	margin: 0 0 10px 0;
	color: rgba(22,69,58,0.8);
	}

}




.ki-block-inhalt-bild-gr {
	width: 360px;
	height: auto;
	margin: 0 0 0 20px;}

@media screen and (max-width:960px){
.ki-block-inhalt-bild-gr {
	width: 40%;
	height: auto;
	margin: 25px auto 0;}

}
@media screen and (max-width:740px){
.ki-block-inhalt-bild-gr {
	width: 50%;
	height: auto;
	margin: 25px auto 0;}

}







.vorteile-block-bg {
	background: rgba(222,239,250,0.67);
	margin: 55px 0 0 0;
	padding: 30px 0 10px 0;}
@media screen and (max-width:740px){
.vorteile-block-bg {
	margin: 55px 0 0 0;
	padding: 30px 0 30px 0;
	}

}
.vorteile-block {
	max-width: 800px;
	margin: 0 auto;
	position: relative;
	left: 35px;
	padding: 0;
	border: solid 0px #f90;
	}
	
	@media screen and (max-width:740px){
	.vorteile-block {
		margin: 0 auto;
		position: relative;
		left: 0;
		padding: 0;
		border: solid 0px #f90;
		}

	}

	
	
	
.vorteile-block h2 {
	font-size: 1.35rem;
	font-weight: 400;
	letter-spacing: 0.06em;
	margin-top: 0;
	}
	
.vorteile-block h2 span{
	font-weight: 700;
	color: var(--second-ci-color);
	}

.vorteile-block h3{
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0.085em;
	color: rgba(9,95,141,0.86);
	}
@media screen and (max-width:740px){
.vorteile-block h3{
	font-size: 0.8rem;
	}
}
	


.vorteile-block-aufzaehlung {
	margin: 10px 0 0 0;
	padding: 0;}

.vorteile-block-aufzaehlung ul{
	list-style-type: none;
	padding-left: 0;
	}
	
.vorteile-block-aufzaehlung ul li{
	position: relative;
	padding-left: 40px;
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: 600;
	margin: 0 0 30px 0;
	}

.vorteile-block-aufzaehlung ul li.light::before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 23px;
	height: 23px;
	background-image: url('../bilderpfad/icons/check-mark-full-light.png');
	background-size: cover;
	background-repeat: no-repeat;
	}

.vorteile-block-aufzaehlung ul li.dark::before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 23px;
	height: 23px;
	background-image: url('../bilderpfad/icons/check-mark-full-dark.png');
	background-size: cover;
	background-repeat: no-repeat;
	}


.vorteile-block-aufzaehlung ul li.light {color: var(--second-ci-color);}
.vorteile-block-aufzaehlung ul li.dark {color: var(--dark-ci-color);}

.vorteile-block-button {
	background: var(--dark-ci-color);
	font-size:0.8rem;
	font-weight: 700;
	letter-spacing: 0.078em;
	color: #fff;
	padding: 15px 25px;
	text-transform: uppercase;
	margin: 10px auto 0;
	display: block;
	width: fit-content;
	}
a.vorteile-block-button {
	color: #fff;
	}


.cta-mit-bild {
	display: flex;
	align-items: center;
	gap: 12px;
	width: fit-content;
	margin: 0 auto;
}

.cta-pfeil {
	width: 50px;
	height: auto;
}

@media screen and (max-width:740px){

.vorteile-block-button {
	font-size:0.8rem;
	font-weight: 700;
	letter-spacing: 0.078em;
	padding: 15px 15px;
	text-transform: uppercase;
	margin: 10px auto 0;
	display: block;
	width: fit-content;
	}


.cta-mit-bild {
	display: flex;
	align-items: center;
	gap: 12px;
	width: fit-content;
	margin: 0 auto;
}
.cta-pfeil {
	width: 50px;
	height: auto;
	margin: -15px 0 0 0;
}

}




.aerzteteam-block {
	margin: 55px 0 0 0;
	padding: 30px 0;
	border: solid 0px #f90;
	}
.aerzteteam-block-inhalt {
	max-width: 915px;
	margin: 25px auto 0;
	}
	
.aerzteteam-block h2{
	color: var(--main-ci-color);
	opacity: 0.86;
	}
.aerzteteam-block h3{color: var(--dark-ci-color);}
.aerzteteam-block h3 span{color: var(--second-ci-color); font-weight: 700; opacity: 0.86;}

@media screen and (max-width:740px){
.aerzteteam-block h2{
	font-size: 0.75em;
	}

}

.aerzteteam-block-dr-ghiassi {position: relative;}
.aerzteteam-block-dr-ghiassi img {margin: 0}
.aerzteteam-block-dr-ghiassi h4{
	color: var(--second-ci-color);
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: 0.111em;
	text-align: left
	}
.aerzteteam-block-dr-ghiassi h5{
	text-align: left;
	font-size: 0.95rem;
	font-weight: 600;
	letter-spacing: 0.025em;
	line-height: 2.09;
	}

@media screen and (max-width:740px){

.aerzteteam-block-dr-ghiassi h4{
	color: var(--second-ci-color);
	font-size: 1.1rem;
	font-weight: 700;
	letter-spacing: 0.111em;
	text-align: left
	}
.aerzteteam-block-dr-ghiassi h5{
	text-align: left;
	font-size: 0.85rem;
	font-weight: 500;
	letter-spacing: 0.025em;
	line-height: 2.09;
	}
}





.aerzteteam-block-aufzaehlung {
	margin:20px 0 0 0;}

.aerzteteam-block-aufzaehlung ul{
	margin: 0 0 0 10px;
	}
	
.aerzteteam-block-aufzaehlung ul li{
	font-size: 0.95em;
	font-weight: 600;
	letter-spacing: 0.052em;
	line-height: 1.78;
	margin: 0 0 15px 0;
	text-transform: uppercase;
	}
.aerzteteam-block-aufzaehlung ul li span{
	color: var(--second-ci-color);
	font-weight: 700;
	}

@media screen and (max-width:740px){
.aerzteteam-block-aufzaehlung ul{
	margin: 0 0 40px 10px;
	}

.aerzteteam-block-aufzaehlung ul li{
	font-size: 0.85em;
	font-weight: 500;
	letter-spacing: 0.052em;
	line-height: 1.78;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	}

.aerzteteam-block-aufzaehlung ul li span{
	color: var(--second-ci-color);
	font-weight: 700;
	}

}




.aerzteteam-block-zitat {
	max-width: 930px;
	margin: 25px auto 0;
	font-size: 0.8rem;
	color: #2e789f;
	line-height: 1.94;
	text-transform: uppercase;
	font-weight: 500;
	position: relative;
	}
	
@media screen and (max-width:960px){
	.aerzteteam-block-zitat {
	max-width: 90%;
	margin: 25px auto 0;
	font-size: 0.8rem;
	color: #2e789f;
	line-height: 1.94;
	text-transform: uppercase;
	font-weight: 500;
	position: relative;
	}

}

	
	
.aerzteteam-block-zitat p{
	font-size: 0.72rem;
	color: #2e789f;
	line-height: 1.94;
	text-transform: uppercase;
	font-weight: 500;
}
@media screen and (max-width:740px){
	
	.aerzteteam-block-zitat p{
	font-size: 0.65rem;
	color: #2e789f;
	line-height: 1.94;
	text-transform: uppercase;
	font-weight: 500;
	}

}

.aerzteteam-block-zitat-innen{
	display: grid;
	grid-template-columns: 25px 1fr 25px;
	}
.aerzteteam-block-zitat-innen > div {
		display: grid;
	}

.auszeichnungen-all img {width: 90%; height: auto;}

hr.vert {
width: 2px;
min-height: 90%;
border: none;
background: var(--second-ci-color);
opacity: 0.45;
position: absolute;
top:20px;
right: 35px;
}

@media screen and (max-width:960px){
	hr.vert {
	display: none;
	}

}



.anfuehrung-auf {
		display: inline-block;
		max-width: 22px;
		position: absolute;
		top: -15px;
		left:-25px;
	}

.anfuehrung-zu {
		display: inline-block;
		max-width: 22px;
		position: absolute;
		bottom: -10px;
	}

@media screen and (max-width:740px){
.anfuehrung-auf {
		display: inline-block;
		max-width: 18px;
		position: absolute;
		top: -10px;
		left:-20px;
	}

.anfuehrung-zu {
		display: inline-block;
		max-width: 18px;
		position: absolute;
		bottom: -10px;
	}


}








.aerzteteam-2-block-bg {
	margin: 50px 0 0 0;
	padding: 35px 0 0 0;
	background-image: url("../bilderpfad/back/haus-background.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
}

.aerzteteam-2-block h3{
	font-weight: 400;
	margin: 40px 0 0 0;
	}
	
.aerzteteam-2-block h3 span{
	color: var(--second-ci-color);
    font-weight: 700;
    opacity: 0.86;
	}
.aerzteteam-2-block p{
	letter-spacing: 0.055em;
	line-height: 2.38;
}
.aerzteteam-2-block {}

.aerzteteam-2-block-4er {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	margin: 75px auto 50px auto; 
}

@media screen and (max-width:1024px){
.aerzteteam-2-block-4er {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin: 75px auto 50px auto; 
}
}

@media screen and (max-width:520px){
.aerzteteam-2-block-4er {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	margin: 75px auto 50px auto; 
}
}



.aerzteteam-2-block-4er > div {
	padding: 0 20px;
}
.aerzteteam-2-block-4er > div:first-child,
.aerzteteam-2-block-4er > div:nth-child(2), 
.aerzteteam-2-block-4er > div:nth-child(3) {
	border-right: solid 2px rgba(54,167,217,0.45);
}

@media screen and (max-width:1024px){

.aerzteteam-2-block-4er > div:first-child,
.aerzteteam-2-block-4er > div:nth-child(3) {
	border-right: solid 2px rgba(54,167,217,0.45);
}
.aerzteteam-2-block-4er > div:nth-child(2) {
	border-right: none;
}

}
@media screen and (max-width:520px){

.aerzteteam-2-block-4er > div:nth-child(1),
.aerzteteam-2-block-4er > div:nth-child(2),
.aerzteteam-2-block-4er > div:nth-child(3),
.aerzteteam-2-block-4er > div:nth-child(4) {
	border-right: none;
}
}


.aerzteteam-2-block-4er h4{
	font-size: 1.2rem;
	color: var(--second-ci-color);
	font-weight: 700;
}

@media screen and (max-width:740px){

.aerzteteam-2-block-4er h4{
	font-size: 1.1rem;
	color: var(--second-ci-color);
	font-weight: 700;
}

}


.aerzteteam-2-block-4er p{
	font-size: 0.95rem;
	font-weight: 600;
	letter-spacing: 0.025em;
	line-height: 1.68;	
	text-transform: uppercase;
}
@media screen and (max-width:740px){
.aerzteteam-2-block-4er p{
	font-size: 0.9rem;
	font-weight: 500;
	letter-spacing: 0.025em;
	line-height: 1.68;	
	text-transform: uppercase;
}

}




.aerzteteam-2-block-cta-reihe {
	background-color: rgba(222,239,250,0.67);
}


.aerzteteam-2-block-cta-reihe-innen {
	padding: 20px 0;	
}

.aerzteteam-2-block-cta-reihe-innen h3 {
	text-transform: uppercase;
	font-size: 0.9rem;
	margin: 0;
	color: #095f8d;
	font-weight: 500;
	}

.aerzteteam-2-block-cta-reihe-innen h3 span {
	color: var(--second-ci-color);
	font-weight: 700;
}

.aerzteteam-2-block-cta-reihe-innen a span {
	color: var(--second-ci-color) !important;
}













.zufriedenheit-bock-bg {
	margin: 20px 0 0 0;
	padding: 20px 0 75px 0;
	background-image: url("../bilderpfad/back/mrt-background-neu.png");
	background-position: right 50% bottom 80%;;
	background-repeat: no-repeat;
	background-size: 100%;
	border: solid 0px #f90;
}

@media screen and (max-width:960px){

.zufriedenheit-bock-bg {
	margin: 20px 0 0 0;
	padding: 35px 0 75px 0;
	background-image: url("../bilderpfad/back/mrt-background-neu.png");
	background-position: right 50% bottom 80%;;
	background-repeat: no-repeat;
	background-size: cover;
	border: solid 0px #f90;
}
}
.zufriedenheit-bock h2 {
	color: rgba(9,95,141,0.86);
	font-size: 1.125rem;
	
}

.zufriedenheit-bock h3 span {
	color: var(--second-ci-color);
	font-weight: 700;
}

.zufriedenheit-bock-p-width {
	max-width: 1025px;
	margin: 0 auto;
}

.zufriedenheit-bock-header {
	background: #327ba1;
	padding: 10px 15px;
	font-size: 1.3rem;
	color: #fff;
	text-align: center;
	font-weight: 400;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	width: fit-content;
	margin: 35px auto 0;
}
.zufriedenheit-bock-header span {
	font-weight: 700;
}

@media screen and (max-width:740px){
.zufriedenheit-bock-header {
	padding: 10px 15px;
	font-size: 1rem;
	color: #fff;
	text-align: center;
	font-weight: 400;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	width: fit-content;
	margin: 35px auto 0;
}

}
@media screen and (max-width:420px){
.zufriedenheit-bock-header {
	padding: 10px 15px;
	font-size: 0.9rem;
	color: #fff;
	text-align: center;
	font-weight: 400;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	width: fit-content;
	margin: 35px auto 0;
}

}





.zufriedenheit-bock-raster {
	max-width: 940px;
	margin: 0 auto;
	position: relative;
	border: solid 0px #f90;
}

.zufriedenheit-bock-raster-4er {
	display: grid;
	grid-template-columns: repeat(4, 143px);
	justify-content: space-between;
	margin: 60px 0 0 0;
	gap:50px;
}

@media screen and (max-width:960px){

.zufriedenheit-bock-raster-4er {
	display: grid;
	grid-template-columns: repeat(2, 143px);
	justify-content: center;
	margin: 50px auto 0 auto;
	gap:50px;
	border: solid 0px #f90;
	width: 320px;
}

}



.zufriedenheit-bock-raster-4er > div {
	background: #deeffa;
	padding: 15px 0;
    display: flex;                
    flex-direction: column;      
    align-items: center;          
    justify-content: center;      
    text-align: center;          
}

.zufriedenheit-bock-raster-icon {
    max-width: 50px;              
    height: auto;
}

.zufriedenheit-bock-raster-4er h4 {
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: 0.111em;
	line-height: 1.49;
	color: #095f8d;
	margin: 10px 0 0 0;
}


.zufriedenheit-bock-raster-4er-linie-1 {
	border-top: solid 2px rgba(52,166,216,0.74);
	position: absolute;
	bottom: 251px;
	width: 100%;
	z-index: -9;
}
.zufriedenheit-bock-raster-4er-linie-2 {
	border-top: solid 2px rgba(52,166,216,0.74);
	position: absolute;
	bottom: 66px;
	width: 100%;
	z-index: -9;
}

.zufriedenheit-bock-raster-4er-linie-v1 {
	border-left: solid 2px rgba(52,166,216,0.74);
	position: absolute;
	bottom: 0;
	left: 7.7%;
	width: 0;
	height: 50%;
	z-index: -9;
}
.zufriedenheit-bock-raster-4er-linie-v2 {
	border-left: solid 2px rgba(52,166,216,0.74);
	position: absolute;
	bottom: 0;
	left: 92.4%;
	width: 0;
	height: 50%;
	z-index: -9;
}

@media screen and (max-width:960px){
	
.zufriedenheit-bock-raster-4er-aussen {
	width: 320px;
	margin: 0 auto;
	position: relative;
}
.zufriedenheit-bock-raster-4er-linie-1 {
	border-top: solid 2px rgba(52,166,216,0.74);
	position: absolute;
	top: 9.5%;
	left: 40%;
	width: 200px;
	z-index: -9;
}
.zufriedenheit-bock-raster-4er-linie-2 {
	border-top: solid 2px rgba(52,166,216,0.74);
	position: absolute;
	bottom: 66px;
	left:40%;
	width: 200px;
	z-index: -9;
}

.zufriedenheit-bock-raster-4er-linie-v1 {
	border-left: solid 2px rgba(52,166,216,0.74);
	position: absolute;
	bottom: 0;
	left: 20.5%;
	width: 0;
	height: 85%;
	z-index: -9;
}
.zufriedenheit-bock-raster-4er-linie-v2 {
	border-left: solid 2px rgba(52,166,216,0.74);
	position: absolute;
	bottom: 0;
	left: 80.5%;
	width: 0;
	height: 85%;
	z-index: -9;
}

}








.bewertungs-block {
	margin: 0 0 85px 0;
	padding: 35px 0 0 0;
	text-align: center;

}

.bewertungs-block h3 {}
.bewertungs-block h3 span {
	color: var(--second-ci-color);
	font-weight: 700;
}

.bewertungs-block-p {
	max-width: 930px;
	margin: 0 auto;
}


.bewertungs-block-testimonial {
	max-width:990px;
	margin: 50px auto 0;
}

.testimonial-gap {
	gap: 60px;
}




.testimonial {
	border: solid 3px #0f3a54;
	position: relative;
	padding: 10px;
}

.bewertungs-block-testimonial-sterne {
	margin: 10px auto 20px auto;
	}

.testimonial p {
	font-size: 0.84rem;
	font-weight: 500;
	line-height: 1.75;
	font-style: italic;
	letter-spacing: none;
}


.testimonial h4 {
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.061em;
	margin: 0;
}
.testimonial h5 {
	color: #0f3a54;
	font-size: 0.85rem;
	font-weight: 500;
	letter-spacing: 0.052em;
	margin: 5px 0 0 0;
}


.testimonial-autor {
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100%;
	}	




.testi-hell {color:#36a7d9}
.testi-mittel {color: #2e789f}
.testi-dark {color: #0f3a54}


a.bewertungs-block-cta {
	background: var(--main-ci-color);
	padding: 10px;
	color: #fff;
    padding: 5px 15px;
    margin: 75px auto 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    font-weight: 500;
    font-size: 0.825rem;
    letter-spacing: 0.128em;
    text-transform: uppercase;
    gap: 8px;
    text-decoration: none;
}

a.bewertungs-block-cta span{
	font-weight: 700;
}

a.bewertungs-block-cta img {
	width: 30px;
	height: auto;
}







.anfahrt-cta-block-bg {
		background: rgba(14,57,82,0.92);
		margin: 50px 0 90px 0;
		padding: 25px 0 20px 0;
		
}



.anfahrt-cta-block-bg-grid {
	display: grid;
	grid-template-columns: 720px 1fr;
	margin: 0 auto 0;
	gap:25px;
	max-width: 1075px;
	border: solid 0px #f90;
}

@media screen and (max-width:1024px){

.anfahrt-cta-block-bg-grid {
	display: grid;
	grid-template-columns: 1fr;
	margin: 0 auto 0;
	gap:0;
	max-width: 1075px;
}

}


.anfahrt-cta-block-bg-grid > div{
		display: grid;
	border: solid 0px #f90;
}

.anfahrt-cta-block-bg-inhalt {
}

.anfahrt-cta-block-bg-inhalt h2{
	text-align: left;
	margin: 0 0 25px 0;
	color: #fff;
	font-size: 1.35rem;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.125em;
	}
.anfahrt-cta-block-bg-inhalt h2 span{
	color: #34a6d8;
	font-weight: 700;
	font-size: 2rem;
	}

@media screen and (max-width:960px){
.anfahrt-cta-block-bg-inhalt h2{
	font-size: 1.15rem;
	}
.anfahrt-cta-block-bg-inhalt h2 span{
	font-size: 1.75rem;
	}
}
@media screen and (max-width:420px){
.anfahrt-cta-block-bg-inhalt h2{
	font-size: 1rem;
	}
.anfahrt-cta-block-bg-inhalt h2 span{
	font-size: 1.5rem;
	}
}



.anfahrt-cta-block-bg-inhalt p{
		text-align: left;
		line-height: 2.47;
		letter-spacing: 0.012em;
		color: #fff;
		font-size: 1rem;
}



.anfahrt-cta-block-bg-cta {
	background: var(--second-ci-color);
	padding: 10px 20px;
	color: #fff;
	font-size: 1.25rem;
	font-weight:400;
	display: block;
	text-align: center;	
	text-transform: uppercase;
	height: fit-content;
    justify-self: center;
    align-self: center;
}
a.anfahrt-cta-block-bg-cta:hover,
a.anfahrt-cta-block-bg-cta span:hover {
		color: #fff;
}


.anfahrt-cta-block-bg-cta span{
	color: #fff;
	font-weight: 700;
}













footer {
	border-top: solid 2px #000;
	margin: 55px 0 50px 0;
	padding: 50px 0 25px 0;
	}


.footer-logo {
	max-width: 220px;
	height: auto;
	margin: 0;
	}

footer h3 {
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0 15px 0;
	padding: 0;
	text-align: left;
	text-transform: none;
	}
	
footer h4 {
	text-align: left;
	font-size: 1rem;
	font-weight: 400;
	margin: 25px auto 0 auto;
	padding: 0;
	text-transform: none;
	}


.footer-links ul {list-style: none;}
.footer-links ul li{
	margin: 0 0 15px 0;
	font-size: 1rem;
	font-weight: 400;
	}


.footer-social {
	text-align: left;
	border: solid 0px #f90;
	margin: 0 0 25px 0;
	}
	
.footer-social ul {
	list-style: none;
	display: inline;
	margin: 0 auto;
	padding: 0;
	border: solid 0px #f90;
	}
	
	
.footer-social ul li {
	display: inline-block;
	list-style-type: none;
	margin: 10px 35px 0 0;
	}

.footer-social ul li img{
	width: 40px;
	height: 40px;
	}



@media screen and (max-width:520px){

.footer-logo {
	max-width: 220px;
	height: auto;
	margin: 0 auto;
	}
	
footer h3 {
	text-align: center;
	}
	
footer h4 {
	text-align: center;
	}


.footer-links ul {list-style: none; margin: 0 0 50px 0;}
.footer-links ul li{
	text-align: center;
	margin: 0 0 15px 0;
	}

.footer-social {
	text-align: center;
	border: solid 0px #f90;
	margin: 0 0 25px 0;
	}

.footer-social ul li {
	display: inline-block;
	list-style-type: none;
	margin: 10px auto;
	}

.footer-social ul li img{
	width: 40px;
	height: 40px;
	margin: 0 10px;
	}

}