@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {
  scroll-behavior: smooth;
}

body{font-size:16px;font-family: "Karla", sans-serif;color:#2d2d2d;}
.ff-Poppins{font-family: "Poppins", sans-serif!important;}
.ff-sans-serif{font-family: sans-serif!important;}

.container-fluid{max-width:1360px;}
.h-100vh{min-height:100vh;}

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

.color-2{color:#ffffff!important;}
.color-3{color:#1743d1!important;}
.color-4{color:#959596!important;}
.color-5{color:#2d2d2d!important;}

.section-gap{padding-top:50px;padding-bottom:50px}
.navbar-brand img {width:200px;}
.nav-link {
	color: #fff!important;
	font-weight:600;
	padding: 0 15px!important;
	font-size:19.2px;
}

.menu-download-btn {
    padding: 20px 16px 20px 32px!important;
    border-radius: 100px 100px 100px 100px;
    background: #fff;
    color: #1743d1;
    font-size: 16px;
    font-weight: 500;
}

.menu-download-btn span {
	font-size: 10px;
	padding: 10px 11px;
	background: #1743d1;
	color: #fff;
	border-radius: 50%;
	display: inline;
	top: -2px;
	position: relative;
	margin-left: 8px;
}

.blue-box-right{
	background:#1743d1;
	border-radius:30px;
}

.home-banar{padding-top:50px;background:#fdfbff;}

.banar-image{
	border-radius:30px;
	position:relative;
	left:-120px;
}
.img-fluid{width:45%;}
.logo-container{padding:150px 0;}

.banar-item{padding:0px;margin-top:15px;margin-bottom:15px;}
.banar-item li{list-style:none;font-weight:500;margin-bottom:10px;color:#1743d1;}

.banar-button {
	padding: 16px 25px;
	border-radius: 100px 100px 100px 100px;
	background: #1743d1;
	color: #fff !important;
	font-size: 16px;
	font-weight: 500;
	transition: 0.3s;
	border: 0px;
	display: inline-block;
	margin-bottom:15px;
}
.banar-button span {
	font-size: 18px;
	padding: 9px 11px;
	background: #fff;
	color: #1743d1 !important;
	border-radius: 50%;
	display: inline;
	top: 0px;
	position: relative;
	margin-left: 8px;
	left:10px;
}
.about-home-image{margin-top: -75px;}

.play-icon {
	background: #1743d1;
	border: 0;
	color: #fff !important;
	padding: 12px 13px 12px 14px;
	border-radius: 50px;
	position: absolute;
	top: 40%;
	left: 40%;
}
.header-top {
	padding: 10px;
	background: #fef6ff;
}
.contact-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.social-icons a {
	width: 24px;
	height: 24px;
	text-align: center;
	font-size: var(--font-13);
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	border-radius: 3px;
	background: #1743d1;
	color: #fff;
}

.phone-numbers a {
	text-decoration: none;
	color: #000;
	font-weight: 500;
	display: flex;
	align-items: center;
}
.social-icons {
	display: flex;
	gap: 5px;
}
.phone-numbers {
	display: flex;
	align-items: center;
	gap: 15px;
}

.der-db{padding:90px 0px;}

.b-rdus-20px{border-radius:20px;}

.text-uppercase{text-transform: uppercase;}

.pt-100px{padding-top:100px!important;}

.fw-600{font-weight:600;}
.fw-700{font-weight:700;}
.fw-900{font-weight:900;}

.w-90 {width:90%;}

.w-70px {width:70px;}
.w-100px {width:100px;}
.w-150px {width:150px;}
.w-200px {width:200px;}
.mx-w-530px {max-width: 530px;}

.fs-208px{font-size:208px;}
.fs-72px{font-size:72px;}
.fs-50px{font-size:50px;}
.fs-48px{font-size:48px;}
.fs-46px{font-size:46px;}
.fs-42px{font-size:42px;}
.fs-36px{font-size:36px;}
.fs-28px{font-size:28px;}
.fs-24px{font-size:24px;}
.fs-26px{font-size:26px;}
.fs-22px{font-size:22px;}
.fs-21px{font-size:21px;}
.fs-20px{font-size:20px;}
.fs-18px{font-size:18px;}
.fs-17px{font-size:17px;}
.fs-15px{font-size:15px;}

.team-member img {
  width: 100%;
  transition: filter 0.3s ease;
}




.footer-logo {
	width:120px;
}


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


.footer-menu {padding:0px;}
.footer-menu li{font-size:16px;margin-bottom:10px;}

.footer-social-icons {padding:0px;margin-left: -13px;}
.footer-social-icons li {
	background: #ffffff;
	color: #1743d1;
	padding: 5px;
	margin-left: 13px;
	font-size: 19px;
	text-align: center;
	width: 50px;
	height: 50px;
	display: flex;           /* flexbox layout */
	align-items: center;     /* vertical center */
	justify-content: center; /* horizontal center */
	float: left;
	border-radius:50px;
	
}

.footer-social-icons li a{color: #1743d1;}
.footer-social-icons li a:hover {color:#1743d1;}


.team-social {padding:0px;margin-left: -13px;}
.team-social li {
	background: #ffffff;
	color: #1743d1;
	padding: 8px;
	margin-left: 13px;
	font-size: 17px;
	text-align: center;
	width: 40px;
	height: 40px;
	display: inline-block;
	border-radius: 50px;
}

.team-social li a{color: #1743d1;}
.team-social li a:hover {color:#1743d1;}

.team-container {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.overlay {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  transition: bottom 0.4s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  padding: 125px 0;
  text-align: center;
}

.team-container:hover .overlay {
  bottom: 0;
}
.team-container:hover img {
  filter: blur(3px);
}

.footer-links{padding:0px;}
.footer-links li{list-style:none;margin-bottom: 15px;}
.footer-links li a{color: #fff!important;font-size:19px;font-weight:500;}
.goto-up {
	font-size: 30px;
	color: #fff !important;
	position: absolute;
	right: 0;
}

#map iframe{
  width: 100%;
  height: 690px;
}

.text-du{text-decoration:underline;}
.text-du:hover{text-decoration:underline;}

.btn-send{background:#1743d1;color:#fff!important;font-size:19px;font-weight:500;border-radius:40px;}


.owl-nav button {
	position: absolute;
	top: 25%;
	transform: translateY(-50%);
	background: #fff !important;
	padding: 20px !important;
}
.owl-nav button.owl-prev {
  left: 15px;
}
.owl-nav button.owl-next {
  right: 15px;
}

.owl-nav button:hover{background:#000!important;color#fff;}

.owl-nav button:hover svg path {
    fill: #fff;
  }

.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #c6c6c6!important;
  margin: 0 3px;
}
.owl-dots button.owl-dot.active {
  background-color: #000!important;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}


.owl-nav button:focus {
    outline: none;
}
.owl-item {
  display: flex;
  height:650px;
}
.item {
    width: 100%;
}
.item img {
	height: 300px;
	object-fit: cover;
	object-position: center;
}
.gap-md-15px{display:flex;gap:15px}
@media (min-width: 0px) and (max-width: 767px) {
	.mb-sm-4{margin-bottom:45px;}
	.mt-sm-4{margin-top:1.6rem;}
	.p-sm-4{padding:1rem!important;}
	.p-smc-0{padding:0 !important;}
	.pb-smc-0{padding-bottom:0 !important;}
	.m-sm-0{margin:0 !important;}
	.mt-smc-0{margin-top:0 !important;}
	.mb-smc-0{margin-bottom:0 !important;}
	.pt-5{padding-top:1.4rem !important;}
	.pb-5{padding-bottom:1.4rem !important;}
	.text-smc-left{text-align:left !important;}
	.text-smc-center{text-align:center !important;}
	.gap-md-15px{display:block}
	.h-100 {
		height: 75% !important;
	}
	.pt-100px {
		padding-top: 50px !important;
	}
	.w-sm-130px{width:130px;}
	.banar-text{
		padding-top:25px !important;
		text-align:center;
	}
	.social-icons{display:none;}
	.banar-button {
		margin-bottom: 15px;
		display: inline-block;
	}
	.home-banar {
		padding-top: 100px;
	}
	.menu-download-btn {
		padding: 15px 16px 15px 32px !important;
		display: inline-block;
		text-align: center;
		margin: auto;
	}
	.nav-item{margin-bottom:10px;}
	
	.blue-box-right {
		padding: 15px !important;
		margin-top: 50px;
	}
	.banar-image {
		left: 0;
	}
	.fs-208px{font-size:64px;}
	.about-home-image {
		margin-top: 0;
	}
	.pl-sm-0{padding-left:0px!important;}
	.pr-sm-0{padding-right:0px!important;}
	.goto-up{position:relative;margin-bottom:15px;}
	
	#map iframe{
	  width: 100%;
	  height: 300px;
	}
	.navbar {
		background-image: url('../images/Hintergrund.webp') !important;
		background-size: cover !important;
	}
	.fs-72px{font-size: 50px;}
	.fs-52px {
		font-size: 30px;
	}
	.fs-48px{font-size: 38px;}
	
	.fs-42px {
		font-size: 26px;
	}
	.fs-28px {
		font-size: 20px;
	}
	.fs-26px {
		font-size: 18px;
	}
	.w-100px {
		width: 70px;
	}
	.col-6.text-right{text-align:left;}
	.home-banar {
		background-size: cover;
		height:auto;
	}
	.left-man {
		transform: rotate(0deg);
		left: 0;
		position: relative;
		bottom: 0;
		margin-bottom: 30px;
	}
	.left-man img, .right-man img{
		width:50%;
	}
	.right-man {
		transform: rotate(0deg);
		left: 0;
		position: relative;
		bottom: 0;
		margin-top: 30px;
	}
	.ptb-sm-5 {
		padding: 100px 5px;
	}
	.logo-container{padding:75px 15px;}
	#download-app{z-index:99999999999999;}
}
	
@media (min-width: 768px) and (max-width: 1180px) {
	.pt-5{padding-top:1.8rem !important;}
	.pb-5{padding-bottom:1.8rem !important;}
	.h-100 {
		height: 400px !important;
	}
	.navbar {
		background-image: url('../images/Hintergrund.webp') !important;
		background-size: cover !important;
	}
	.fs-52px {
		font-size: 30px;
	}
	.fs-46px {
		font-size: 26px;
	}
	.fs-42px {
		font-size: 26px;
	}
	.fs-36px {
		font-size: 25px;
	}
	.fs-28px {
		font-size: 20px;
	}
	.fs-26px {
		font-size: 18px;
	}
	.w-100px {
		width: 70px;
	}
	.w-150px {
		width: 120px;
	}
	
	.home-banar {
		background-size: cover;
	}
	
	.left-man img, .right-man img{
		width:80%;
	}
}

@media (min-width: 1700px) and (max-width: 2400px) {
	.mt-3 {margin-top:3rem;}
	.pt-3 {padding-top:3rem;}
}