/*!
 * Copyright DieKieferchirurgen
 */
 
 /* new design by Pierre Wielath */

@font-face{
	font-family: Avantguard;
	src: url(../font/AvantGardeBookBT.ttf);
	}



body {
	font-family: Avantguard;
	letter-spacing: 1.1px;
}


@media screen and (max-height: 576px) {
	body {font-size: 15px;}
	h3 {font-size: 20px;}
  }

.container-fluid{
	padding: 0px;
	margin: 0px;
	}


/* Medical-Beauty logo */

.container{
	padding-top: 75px;
	padding-bottom: 75px;
	}

.start-logo img{
	max-width: 100%;
	}

.start-logo{
		height: 100%;
		}

/* Medical-Beauty zwischen-logo */

.zwischen-logo img{
	max-height: 25vh;
	}
.zwischen-logo{
	padding: 0px;
	}

#impressum img{
	max-height: 25vh;
	}




	/* Medical-Beauty navigation bar */




	.sidenav {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 50;
		top: 0;
		left: 0;
		background-color: #4d4d4d;
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 60px;
	  }
	  
	  .sidenav a {
		padding: 8px 8px 8px 8px;
		text-decoration: none;
		font-size: 20px;
		color: #ad9161;
		display: block;
		transition: 0.3s;
	  }
	  
	  .sidenav a:hover {
		color: #ad9161;
		box-shadow: inset 0 -3px 0 #ad9161;
	  }
	  
	  .sidenav .closebtn{
		position: absolute;
		top: 0px;
		left: 15px;
		font-size: 20px;
		margin-left: 0px;
		top: 10px;
		padding: 0px 5px;
		border: 3px solid #ad9161;
		border-radius: 10px;
		box-shadow: none;
	  }
	  .sidenav .closebtn:hover{
		box-shadow: none;
	  	}
	  
	  #main {
		transition: margin-left .5s;
		padding: 10px 15px;
		font-size: 25px;
		background-color: #ffffff;
		z-index: 0;
	  }

	  .fa-bars {
		color: #ad9161;
		padding: 5px;
		border: 3px solid #ad9161;
		border-radius: 10px;
		left: 20px;



	}
	  
	  @media screen and (max-height: 576px) {
		.sidenav {padding-top: 50px;}
		.sidenav a {font-size: 15px;}
	  }


	  	/* Back to Top Button */

#btn-back-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	color:#ad9161;
	padding: 2px 10px;
	background-color: #ffffff;
	}

#btn-back-to-top :focus {
	color:#ad9161;
	}

#btn-back-to-top{
	border: 3px solid #ad9161;
	border-radius: 10px;
	}

	.btn-check:focus, .btn, .btn:focus{
	box-shadow: none;
}


	/* Faltenbehandlungen */

.faltenbehandlungenIMG img {
	float: right;
	max-height: 600px;
	max-width: 100%;
	}

	/* Lippenbehandlungen */

.lippenbehandlungenTEXT img{
	max-height: 200px;
	float: left;
	max-width: 100%;
	}

.lippenbehandlungenIMG img {
	float: left;
	max-height: 700px;
	max-width: 100%;
	}

	/* Hyaluronbehandlungen */

.hyaluronbehandlungenIMG img {
	float: right;
	max-height: 500px;
	max-width: 100%;
	}


	/* Eigenblutplasma-Behandlungen */

.eigenblutplasma-behandlungenIMG img {
	float: left;
	max-height: 500px;
	max-width: 100%;
	}

	/* Skinnbooster */

.skinnboosterIMG img {
	float: right;
	max-height: 500px;
	max-width: 100%;
	}

	/* Peeling */

.peelingIMG img {
	float: left;
	max-height: 500px;
	max-width: 100%;
	}

	/* Mikroneedeling */

.mikroneedelingIMG img {
	float: right;
	max-height: 500px;
	max-width: 100%;
	}

	/* About Me */
	
.about-meIMG img {
	float: left;
	max-height: 500px;
	max-width: 100%;
	}



	/* Kontakt und Map */

#kontakt .container{
	padding-bottom: 1%;
	}

.Medical-Beauty-footer{
	background-color: #f1ece8;
	}

.Medical-Beauty-footer a{
	color: #ad9161;
	}


.copyright-links{
	float: right;
	}

.mapouter{
	max-width: 100%;
	}


/* Die Kieferchirurgen title image logo text */

/*

.DieKieferchirurgen_titleimage{
	position: relative;
	max-height:50vw;
	}
	.DieKieferchirurgen_titleimage img{
	max-height: 50vw;
	max-width:100%;
		margin-top: 50px;
	}



.title_logo{
	position: absolute;
	top: 10%;
	left: 10%;
	background-color: transparent;
	}

.titleimage_text{
	position: absolute;
	bottom: -10%;
	left: 0;
	background-color: #20534F;
	padding: 2rem 2rem;
	max-width: 60vw;
	color: #ffffff;
	}

.titleimage_text h5{
	padding-top:1rem;
	letter-spacing: 0.1rem;
	font-size: 1.3vw;
	}

.title_logo img{
	width: 12vw;
	height: auto;
	}

@media screen and (max-width: 1200px){
	.titleimage_text{
	position: relative;
	padding:2rem;
	max-width:100vw;
	}
	.titleimage_text h5{
	padding-top:0.7rem;
	font-size: 2vw;
	}
	.title_logo img{
	width: 12vw;
	height: auto;
	}
}

@media screen and (max-width: 768px){
	.titleimage_text{
	padding:1rem;
	}
	.title_logo img{
	width: 15vw;
	height: auto;
	}
	.titleimage_text h5{
	font-size: 2.8vw;
	}
	.DieKieferchirurgen_titleimage{
	max-height:none;
	}
}

@media screen and (max-width: 576px){
	.titleimage_text{
	bottom: 0px;
	padding: 0.5rem
	}
	.titleimage_text h5{
	padding-top:0.5rem;
	font-size: 3vw;
	}
	.title_logo img{
	width: 17vw;
	height: auto;
	}
}


/* Die Kieferchirurgen konzept */
/*
.DieKieferchirurgen_konzept{
	text-align: center;
	padding: 2rem;
	}

.DieKieferchirurgen_konzept h5{
    color: #20534F;
    letter-spacing: 0.04rem;
	}





/* Die Kieferchirurgen leistungen */

/*

.DieKieferchirurgen_leistungen{
	text-align: center;
	padding-top: 2rem;
	padding-bottom: 2rem;
	}

.DieKieferchirurgen_leistungen h3{
	padding-bottom: 2rem;
}

.leistungen{
	padding: 2rem;
	}
.leistngen img{
	color: #6CD6C9;
	}

.leistungen h4{
	color: #20534F;
	font-family: miller-font-bold;
	letter-spacing:0.05rem;
	}

.eingriff{
	padding: 1rem;
	}

.eingriff img{
	height: 4rem;
	margin-bottom:1rem;
	}


/* Die Kieferchirurgen team */


/*
.team_text_background{
	background-color: #ffffff;
	height: 12rem;

	}

@media screen and (max-width: 768px){
.team_text_background{
	background-color: #ffffff;
	}
}

.team_text_background h4{
	color: #6CD6C9;
	font-family: miller-font-bold;
	}

.team_text_background h5{
	color: #20534F;
	letter-spacing: 0rem;
	}


.team_background{
	background-color: #20534F;

	}

.team_vincent{
	max-width: 25vw;
	z-index: 2;
	}

.team_gregor{
	max-width: 25vw;
	z-index: 2;
	}

.team_lukas{
	max-width: 25vw;
	z-index: 2;
	}

.DieKieferchirurgen_team_doktor_bg{
	position: relative;
	}

.DieKieferchirurgen_team_doktor_bg_right {
	background-color: #20534F;
	position: absolute;
	bottom: 0;
	right: 0px;
	height: 15rem;
	width: 150%;
	z-index: -1;

	}

.DieKieferchirurgen_team_doktor_bg_left {
	background-color: #20534F;
	position: absolute;
	bottom: 0;
	left: 0px;
	height: 15rem;
	width: 37vw;
	z-index: -1;

	}

.DieKieferchirurgen_team_doktor_bg_middle {
	background-color: #20534F;
	position: absolute;
	bottom: 0;
	height: 15rem;
	width: 10%;
	z-index: -1;

	}

.DieKieferchirurgen_teamwork a{
	color: #ffffff;
	}

.DieKieferchirurgen_teamwork a:hover{
	color: #6CD6C9;
	}


@media screen and (max-width: 1400px){
.team_vincent{
	max-width: 30vw;
	}
.team_vincent img{
	padding-right: 2rem !important;
	padding-left: 2rem !important;
	}

.team_gregor{
	max-width: 30vw;
	}
.team_gregor img{
		padding-right: 2rem !important;
	padding-left: 2rem !important;
	}

.team_lukas{
	max-width: 30vw;
	}
.team_lukas img{
		padding-right: 2rem !important;
	padding-left: 2rem !important;
	}
.DieKieferchirurgen_team_doktor_bg_left {
	width: 34.3vw;
	height: 14rem;
	}
.DieKieferchirurgen_team_doktor_bg_right {
	height: 14rem;
	}

.DieKieferchirurgen_team_doktor_bg_middle{
	height: 14rem;
	}

.team_text_background {
	margin-left: 2rem !important;
	margin-right: 2rem !important;
	height: 11rem;
	}
}

@media screen and (max-width: 950px){
	.team_text_background{
	height: 12rem;
	}
	.DieKieferchirurgen_team_doktor_bg_left {
	height: 15rem;
	}
	.DieKieferchirurgen_team_doktor_bg_right {
	height: 15rem;
	}
	.DieKieferchirurgen_team_doktor_bg_middle{
	height:15rem;
	}
}


@media screen and (max-width: 850px){
	.team_text_background{
	height: 10rem;
	}
.team_vincent{
	max-width: 60vw;
	}

.team_gregor{
	max-width: 60vw;
	}

.team_lukas{
	max-width: 60vw;
	}
.DieKieferchirurgen_team_doktor_bg_left {
	width: 100vw;
	left: -21vw;
	height: 13rem;
	}
.DieKieferchirurgen_team_doktor_bg_right {
	width: 100vw;
	left: -21vw;
	height: 13rem;
	}
.DieKieferchirurgen_team_doktor_bg_middle {
	width: 100vw;
	left: -21vw;
	height: 13rem;
	}
}

@media screen and (max-width: 576px){
	.team_text_background{
	height: 9rem;
	}

.team_vincent{
	max-width: 80vw;
	}

.team_gregor{
	max-width: 80vw;
	}

.team_lukas{
	max-width: 80vw;
	}
.DieKieferchirurgen_team_doktor_bg_left {
	width: 100vw;
	left: -11.5vw;
	height: 12rem;
	}
.DieKieferchirurgen_team_doktor_bg_right {
	width: 100vw;
	left: -11.5vw;
	height: 12rem;
	}
.DieKieferchirurgen_team_doktor_bg_middle {
	width: 100vw;
	left: -11.5vw;
	height: 12rem;
	}
}


.DieKieferchirurgen_teamwork h3{
	padding-bottom: 2rem;
	color: #ffffff;
}

.DieKieferchirurgen_teamwork{
	background-color: #20534F;
	}

.DieKieferchirurgen_teamwork h4{
	color: #ffffff;
	}



/* Die Kieferchirurgen wissenswertes */
/*
.DieKieferchirurgen_wissenswertes.img-fluid {
	position: absolute;
	}

.wissenswertes_img {
	width: 100%;
	max-height: 90vh;
	}

.statement_wissenswertes {
	position: relative;
	background-color: #20534F;
	max-width: 40vw;
	bottom: 25vh;
	}

@media screen and (max-width: 768px){
.statement_wissenswertes {
	position:static;
	max-width:100%;
	}
}

.statement_wissenswertes h5 {
	color: #ffffff;
	letter-spacing: 0rem;
	}

/* Die Kieferchirurgen footer */


/*

.DieKieferchirurgen_footer{
	background-color: #20534F;
	}

.DieKieferchirurgen_footer h5{
	color: #ffffff;
	}

.DieKieferchirurgen_footer h6{

	}

.DieKieferchirurgen_footer a{
	color: #ffffff;
}

.DieKieferchirurgen_footer a:hover{
	color: #6CD6C9;
	}

.DieKieferchirurgen_adresse {
	
	}
.DieKieferchirurgen_form {
	
	}
.fa-instagram{
	font-size: 2vw;
	margin: 1vw;
	padding:0.7rem;

	}
	
@media screen and (max-width: 1200px){
		.fa-instagram{
		font-size: 3vw;
	}
}

@media screen and (max-width: 768px){
	.fa-instagram{
	font-size: 5vw;
	margin: 1vw;
	padding:0.7rem;
	}
}

.form-control {
	border: 1px solid #6CD6C9;
	border-radius: 0px;

	}

.form-control:focus {
	border-radius: 0px;
	box-shadow: none;
	outline: #6CD6C9 solid 3px;

	}

.DieKieferchirurgen_form input::placeholder {
  color: #6CD6C9;
	}

.DieKieferchirurgen_form textarea::placeholder {
  color: #6CD6C9;
	}

.kontakt_button{
	color: #ffffff;
	background-color: #6CD6C9;
	border-radius: 0px;

	padding: 0.3vw 3vw; 
	}

.kontakt_button:hover{
	color: #20534F;
	outline: #6CD6C9 solid 3px;
 
	}

.DieKieferchirurgen_copyright h6{
	font-size: 1vw;
	letter-spacing: 0.1vw;
	float:right;
	text-align:right;
	margin-bottom:0px;
	padding-bottom:0px;
	}

.copyright_text {

}

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

}

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

}

@media screen and (max-width: 768px){
	.DieKieferchirurgen_copyright h6{
	font-size: 1.5vw;
	}
}

@media screen and (max-width: 576px){
	.DieKieferchirurgen_copyright h6{
	font-size: 2vw;
	padding-bottom: 1rem;
	}
}

@media screen and (min-width: 1200px){

}

/* Die Kieferchirurgen kontakt */
/*
.DieKieferchirurgen_kontakt{
	padding-left: 2vw;
	background-color: #20534F;
	padding-right: 8vw;
	}

html { 
  background-color: #20534F; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}	

.DieKieferchirurgen_kontakt_page{
	position: relative;
	background-color: #20534F;
	padding: 2vw;
	margin-left: 0px;
	margin-right: 0px;
	}

.DieKieferchirurgen_map{
	padding-right: 2rem;
	position: relative;
	min-height: 20rem;
	}

@media screen and (max-width: 768px){
	.DieKieferchirurgen_map{
	min-height: 25rem;
	}
}

.kontakt_bottom{
	position: absolute;
	bottom: 0;
	
}

.kontakt_bottom .fa-3x{
	font-size:4vw;
}

.DieKieferchirurgen_map h3{
	text-align: left;
	font-size: 4vw;
	}

.DieKieferchirurgen_map a{
	color: #ffffff;
	}



.construction_text{
	font-size: 1.8vw;
	position: absolute;
	top: 30vw;
	color: #ffffff;
	width: 90%;
	left: 0vw;
	text-align: center;
	letter-spacing:0.1vw;
	}

.construction_logo{
	width: 25%;
	color: white;
	}

.DieKieferchirurgen_kontakt a{
	color: #ffffff;
	}

.DieKieferchirurgen_kontakt h6,
.DieKieferchirurgen_kontakt h5{
	text-align: left;
	font-size: 1.5vw;
	line-height: 2vw;
	}
.DieKieferchirurgen_kontakt h5{
	color: #ffffff;
	}

.DieKieferchirurgen_kontakt a:hover{
	color: #6CD6C9;
	}

.DieKieferchirurgen_kontakt h6{
	border-bottom: 0.2vw solid #6CD6C9;
	}

@media screen and (max-width: 576px){
	.DieKieferchirurgen_map{
	height: 100%;
	width: auto;
	}
	.construction_text{
	top: 60vw;
	width: 90%;
	}
	.DieKieferchirurgen_kontakt{
	padding-left: 2vw;
	padding-top: 4vw;
	}
	.DieKieferchirurgen_kontakt h6,
	.DieKieferchirurgen_kontakt h5{
	font-size: 3vw;
	line-height: 4vw;
	}
	.kontakt_bottom .fa-3x{
	font-size:6vw;
	}
	.DieKieferchirurgen_map h3{
	font-size:6vw;
	}
}







.kontakt_bottom a {
	color: #ffffff;
	}

.nachricht_text {
	text-align: center;
	}

.nachricht_text h4 {
	color: #ffffff;
	}

.DieKieferchirurgenTermin h6{
	text-align: center;
	}

.DieKieferchirurgenTerminLink{
	padding-right: 0px;
	padding-left:0px;
	}

#itext {
	display:none;
	}

.bookingWidget {
	background-color:#20534F;
}

.fa-instagram:hover{
	color: #6CD6C9;
	}

.impressum h5,
.datenschutz h5{
	text-align: center;
	}
.impressum a,
.datenschutz a{
	color: #6CD6C9;
	}

#impressum,
#datenschutz{
	padding-right:0px !important;
}

#etifr{
	margin:0px;
}

@media screen and (max-width: 1009px){
#etifr {
	height: 1000px;
		margin:0px;
	}
}

@media screen and (max-width: 785px){
#etifr {
	height: 1300px;
		margin:0px;
	}
}