.col-md-20{
	width:20%;
	flex:0 0 auto;
}

.head{
	padding:25px;
	border-bottom:3px solid #20a0d0;
}
.head .logo{
	width:100px;
}

.nav-link{
	padding-left:15px!important;
	padding-right:15px!important;
}

.carousel-item{
	height: 700px;
}

.slide1{
	background:linear-gradient(to right, #20d086, #20a0d0);
	color:#fff;
}
.slide1 h1{
	margin-bottom:50px;
	font-weight:bold;
	text-transform: uppercase;
	font-size:35px;
}
.slide1 h2{
	font-size:20px;
}

.carousel-control-next, .carousel-control-prev{
	opacity:1;
	width:5%;
	z-index:999;
}
.slide1 img{
	width:100%;
	margin-bottom:15px;
}

.slide2{
	background:#9b9b9b;
	color:#fff;
}
.slide2 img{
	width:100%;
}
.slide2 h1{
	margin-bottom:25px;
	font-size:75px;
}
.slide2 span{
	font-size:25px;
}
.flexbox{
	justify-content: center;
	align-items: center;
	display:flex;
	height:100%;
}

.slide3{
	background:linear-gradient(to right, #157ea5, #205cd0);
	color:#fff;
}
.slide3 img{
	width:100%;
}
.slide3 .btn{
	background:#ffca00;
	padding:8px 50px;
	font-size:20px;
	color:#000;
	margin:0 auto;
	display:block;
	margin-top:35px;
}
.slide3 h1{
	font-size:55px;
	font-weight:bold;
}
.slide3 .checklist{
	font-size:25px;
	margin-top:20px;
}
.slide3 .checklist .fa{
	margin-right:10px;
}



.section{
	padding:100px 0px;
}

.leistungen .col-md-3{
	border-right:1px solid #20a0d0;
	text-align:center;
}
.leistungen .col-md-3:last-child{
	border-right:0;
}
.leistungen .col-md-3 h2{
	font-size:20px;
	font-weight:bold;
}
.leistungen .col-md-3 .fa{
	font-size:50px;
	margin-bottom:35px;
	color:#20a0d0;
}


.topdating img{
	margin-top:50px;
	width:60%;
}


.uberuns{
	background:url(../img/uberuns.jpg) no-repeat;
	background-size:cover;
	width:100%;
	color:#fff;
	text-align:center;
	background-position:0px -200px;
}
.uberuns h2{
	margin-bottom:25px;
}

.service h2{
	font-size:22px;
	font-weight:bold;
}
.service img{
	margin-bottom:15px;
	width:200px;
}


.kontakt{
	background:url(../img/kontaktbg.jpg) no-repeat;
	background-size:cover;
	background-position: 0px -100px;
	width:100%;
	padding:50px;
	color:#fff;
	padding-bottom:150px;
}
.kontakt-box{
	background-color: rgba(0,0,0,0.8);
	font-size:18px;
	padding:25px;
	margin-top:25px;
}
.kontakt-box h3, .kontakt-box strong{
	color:#20a0d0;
}
.kontakt .col-md-6{
	padding-left:35px;
	padding-right:35px;
}


.footer{
	padding:25px;
	border-top:3px solid #20a0d0;
}
.footer .logo{
	width:200px;
}
.footer a{
	color:rgba(0,0,0,.7);
	text-decoration: none;
	margin-left:20px;
	text-transform: uppercase;
	font-size:12px;
}
.footer small{
	display:block;
	text-align:center;
	font-size:12px;
	color:rgba(0,0,0,.7);
}

.floating-btn{
	position:fixed;
	bottom:25px;
	right:25px;
	animation: bounceIn 2s infinite, fade-in 2s;
	z-index:98739273;
}
.floating-btn img{
	width:80px;
}

@keyframes bounceIn {
	0%, 20%, 50%, 80%, 100% {
	transform: translateY(0);
	opacity: 1;
  }
	40% {
	transform: translateY(-10px);
  }
	60% {
	transform: translateY(-5px);
  }
}
@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

.impressum h1{
	margin-top:0;
	font-size:25px;
	margin-bottom:35px;
}
.impressum .wa{
	font-size:20px;
	margin:50px 0px;
	margin-top:15px;
}
.impressum .info{
	line-height:30px;
}





@media only screen and (max-width:480px){
	
	.head{
		padding:10px;
	}
	.head .col-md-4{
		width:30%;
	}
	.head .col-md-8{
		width:70%;
	}
	.head .row.align-items-center{
		align-items:inherit!important;
	}
	
	.container-fluid{
		padding-right:0px;
		flex-direction: row-reverse;
	}
	.nav-item{
		text-align:right;
	}
	.navbar-nav{
		margin-top:35px;
	}
	
	.carousel-item{
		height:550px;
		padding:15px 40px;
		padding-bottom:50px;
	}
	.slide1 h1{
		font-size:20px;
		margin-bottom:25px;
		text-transform: none;
	}
	.col-md-20{
		width:50%;
		padding:0;
	}
	.col-md-20:last-child{
		display:none;
	}
	.slide1 img{
		width:60%;
	}
	.slide1 h2{
		font-size:14px;
	}
	
	.slide2 h1{
		font-size:25px;
	}
	.slide2 span{
		font-size:14px;
	}
	.slide2 img{
		width:70%;
		margin:0 auto;
		margin-top:35px;
	}
	.slide2 .col-md-4{
		text-align:center;
	}
	
	.carousel-control-next, .carousel-control-prev{
		width:10%;
	}
	
	.slide3 h1{
		font-size:25px;
	}
	.slide3 .checklist{
		font-size:14px;
	}
	.slide3 .btn{
		width:100%;
		padding:8px;
	}
	.slide3 img{
		display:block;
		width:80%;
		margin:0 auto;
		margin-top:25px;
	}
	
	.section{
		padding:50px 0px;
	}
	
	.leistungen .col-md-3{
		margin-bottom:35px;
		padding:0px 25px;
		border-right:0;
	}
	
	.uberuns{
		padding:50px 10px;
		background-position: center center;
	}
	
	.service .col-md-4{
		margin-bottom:15px;
		margin-top:15px;
	}
	
	.kontakt{
		background:none;
		padding-bottom:0;
	}
	.kontakt .col-md-6:first-child{
		padding:0;
		background:url(../img/kontakt-mobilebg1.jpg) no-repeat;
		background-size:cover;
		padding:50px 15px;
	}
	.kontakt .col-md-6:last-child{
		padding:0;
		background:url(../img/kontakt-mobilebg2.jpg) no-repeat;
		background-size:cover;
		padding:50px 15px;
	}
	.kontakt-box{
		padding:15px;
		font-size:14px;
	}
	.kontakt-box img{
		width:60px;
	}
	
	.footer .logo{
		margin:0 auto;
		display:block;
		margin-bottom:35px;
	}
	.footer .text-end{
		text-align:center!important;
	}
	.footer a{
		margin-left:5px;
	}
	
	.floating-btn{
		bottom:10px;
		right:10px;
	}
	.floating-btn img{
		width:70px;
	}
	
	
	.impressum .wa .text-center{
		text-align:left!important;
		margin-bottom:15px;
	}
	.impressum .wa img{
		width:55px;
	}
	.impressum .info .col-md-6{
		margin-bottom:35px;
	}
	
}