@charset "UTF-8";

@font-face {
    font-family: mesmerize-light;
    src: local(mesmerize-light), url('../fonts/mesmerize-el.ttf') format('truetype');
}

@font-face {
    font-family: mesmerize;
    src: local(mesmerize), url('../fonts/mesmerize-lt.ttf') format('truetype');
}

.mesmerize {
	font-family: mesmerize, sans-serif;
}

.mesmerize-light {
	font-family: mesmerize-light, sans-serif;
}

.successBoxSpecific, .failBoxSpecific {
	margin-top: 20px; margin-bottom: 20px;
}

body {

	background-color: white;
}


.ueberschrift-big {
	font-size: 21px;
	text-transform: uppercase;
	font-family: mesmerize-light, sans-serif;
	color: white;
	font-weight:500;


}

.normalertext-light {
	font-size: 14px;
	font-family: mesmerize-light, sans-serif;
	text-transform: uppercase;
	color: white;
}

.phonepaddingtopandbottom {
	padding-top: 20px;
	padding-bottom: 10px;
}

.normalertext-ueberschrift {
	font-size: 18px;
	font-weight: bold;
	font-family: mesmerize-light, sans-serif;
	text-transform: uppercase;
	color: white;
}

/* REPONSIVE DESIGN */
/* Devices smaller than 768px */
.hidden-300px {
	display: block;
}

@media (min-width: 300px) {
	.hidden-300px {
		display:none;
	}
}

	.startseite-header {
		background-color: #3d1a39;
		border-bottom: 4px solid #833c7a;
		height: 80px;

	}
	.startseite-image {
		background:  url(../images/mobile/bild1pc.jpg) no-repeat;
		background-size: cover;
		background-position: 50%;

		height: 516px;
	}

	.home-header {
		height: 60px;
		background-color: #3d1a39;
		border-bottom: 4px solid #833c7a;
		padding-top: 5px;
	}
	.home-content {
		height: 440px;
		background-color: #61254e;
	}
	.home-image {
		background:  url(../images/mobile/bild2pc.jpg) no-repeat;
		background-size: cover;
		height: 396px;
		background-position: -180px 0px;
	}

	.ueberuns-header {
		height: 60px;
		background-color: #3d1a39;
		border-bottom: 4px solid #833c7a;
			padding-top: 5px;
	}
	.ueberuns-content {
		height: 450px;
		background-color: #61254e;
	}
	.ueberuns-image {
		background:  url(../images/mobileueberuns2.png) no-repeat;
			background-size: cover;
			height: 180px;
	}

	.naildesign-header {
		height: 60px;
		background-color: #3d1a39;
		border-bottom: 4px solid #833c7a;
			padding-top: 5px;
	}
	.naildesign-content {
		height: 696px;
		background-color: #61254e;
	}
	.naildesign-image {
		background:  url(../images/mobile/bild4pc.jpg) no-repeat;
		background-size: cover;
		background-position: -430px 30px;
		height: 220px;
	}

	.fusspflege-header {
		height: 60px;
		background-color: #3d1a39;
		border-bottom: 4px solid #833c7a;
			padding-top: 5px;
	}
	.fusspflege-content {
		height: 445px;
		background-color: #61254e;
	}
	.fusspflege-image {
		background:  url(../images/mobile/bild5pc.jpg) no-repeat;
		background-size: cover;
		background-position: -60px 0px;
		height: 396px;
	}

	.anfahrt-header {
		height: 60px;
		background-color: #3d1a39;
		border-bottom: 4px solid #833c7a;
			padding-top: 5px;
	}
	.anfahrt-content {
		height: 796px;
		background-color: #61254e;
	}
	.anfahrt-image {
		background: url(../images/mobile/bild6pc.jpg) no-repeat;
		background-size: cover;
		height: 150px;
	}


	.capitaelchen {
		font-size: 23px;
	}

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

	.homelink {
		padding-top: 28px;
		border-right: 2px solid white;
	}

	.ueberunslink {
		padding-top: 17px;
		border-right: 2px solid white;
		vertical-align: middle;
	}

	.anfahrtlink {
		padding-top: 11px;
		border-right: 2px solid white;
		font-size: 10px !important;
	}

	.naildesignlink {
		padding-top: 28px;
		border-right: 2px solid white;
	}

	.fusspflegelink {
		padding-top: 17px;
	}



	.headerpadding {
		padding-top: 7px;
	}

	.contentpadding {
		padding-top: 70px;
	}

	.contentpaddinganfahrt {
		padding-top: 30px;
	}



	.navlink {
		font-size: 12px;
		font-family: mesmerize-light, sans-serif;
		text-transform: uppercase;
		color: white;
		padding-left: 0px;
		padding-right: 0px;
		height: 80px;
	}

	.navlink:hover {
		background-color: rgba(255,255,255,0.4);
		cursor: pointer;
	}

.visible-550px {
	display: block;
}
.corona-image {
	max-width: 300px;
}
@media (min-width: 550px) {
	.visible-550px {
		display: none;
	}
	.home-content  {
		height: 300px;
	}
	.anfahrt-content {
		height: 906px;
		background-color: #61254e;
	}
	.corona-image {
		max-width: 300px;
	}
}

@media (min-width: 600px) {
	.home-content {
		height: 300px;
	}
	.anfahrt-content {
		height: 956px;
		background-color: #61254e;
	}
	.corona-image {
		max-width: 400px;
	}
}


/* Tablets */
@media (min-width: 768px) {
	/* background: url(http://ja-developer.de/cms/upload/images/AlphaBanner.png) no-repeat;
		background-size: cover;
	*/

	.corona-image {
		max-width: 400px;
	}
	.paddingtopsm {
	padding-top: 80px;
}
	.anfahrtcontentphone {
		width: 720px; margin: 0 auto;
	}
	.anfahrt-content {
		height: 956px;
		background-color: #61254e;
	}
	.startseite-image {
		background:  url(../images/mobile/bild1pc.jpg) no-repeat;
		background-size: cover;
		background-position: 50%;

		height: 826px;
	}
	.home-image {
		background:  url(../images/mobile/bild2pc.jpg) no-repeat;
		background-size: cover;
		height: 566px;
		background-position: -150px 0px;
	}
	.ueberuns-content {
		height: 510px;
		background-color: #61254e;
	}
	.naildesign-image {
		background:  url(../images/mobile/bild4pc.jpg) no-repeat;
		background-size: cover;
		background-position: -200px 30px;
		height: 260px;
	}
	.fusspflege-image {
		background:  url(../images/mobile/bild5pc.jpg) no-repeat;
		background-size: cover;
		background-position: -200px 0px;
		height: 556px;
	}


		.capitaelchen-small {
		font-size: 18px;
	}
	.navlink {
		font-size: 16px;
	}

	.homelink {
		padding-top: 25px;
		border-right: 2px solid white;
		border-left: 2px solid white;
		width: 106px;


	}

	.ueberunslink {
		padding-top: 25px;
		border-right: 2px solid white;
		width: 140px;
	}

	.anfahrtlink {
		padding-top: 4px;
		border-right: 2px solid white;
		width: 180px;
	}

	.naildesignlink {
		padding-top: 25px;
		border-right: 2px solid white;
		width: 150px;
	}

	.fusspflegelink {
		padding-top: 25px;
		border-right: 2px solid white;
		width: 190px;

	}

	.home-content {
		height: 300px;
	}

	.ueberuns-image {
		background:  url(../images/mobileueberuns2.png) no-repeat;
			background-size: cover;
			height: 350px;
	}

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

.anfahrtcontentphone {
		width: 780px; margin: 0 auto;
	}

.paddingtopsm {
	padding-top: 0px;
}
	.headerpadding {
		padding-top: 1px;
	}
	.tabletmarginleft {
		margin-left: 30px;
		padding: 0px;
	}
	.ueberschrift-big {
		font-size:30px;

	}
		.capitaelchen {
		font-size: 32px;
	}

	.ueberuns-image {
		background:  url(../images/mobileueberuns2.png) no-repeat;
			background-size: cover;

	}
	.homelink {
		padding-top: 18px;
		border-right: 2px solid white;
		border-left: 2px solid white;
		width: 106px;
		margin-left: 20px;

	}

	.ueberunslink {
		padding-top: 18px;
		border-right: 2px solid white;
		width: 140px;
	}

	.anfahrtlink {
		padding-top: 6px;
		border-right: 2px solid white;
		width: 200px;
		font-size: 16px !important;

	}

	.naildesignlink {
		padding-top: 18px;
		border-right: 2px solid white;
		width: 150px;
	}

	.fusspflegelink {
		padding-top: 18px;
		border-right: 2px solid white;
		width: 190px;

	}

	.startseite-header {
		height: 60px;
	}

.home-content {
		height: 320px;
		background-color: #61254e;
	}

	.navlink {
		font-size: 16px;
		font-family: mesmerize-light, sans-serif;
		text-transform: uppercase;
		color: white;
		padding-left: 0px;
		padding-right: 0px;
		height: 60px;
	}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.lg-noPaddingLeft {
		width: 250px;
	}
	.lg-noPaddingRight {
		padding-right: 0px;
	}
	.paddingtopsm {
	padding-top: 0px;
}
	.anfahrtcontentphone {
		width: auto;
	}
	.headerpadding {
		padding-top: 7px;
	}

	.startseite-header {
		background-color: #3d1a39;
		border-bottom: 4px solid #833c7a;
		height: 60px;
		padding: 0px;
	}
	.startseite-image {
		background: url(../images/a.jpg) no-repeat;
		background-size: cover;
		height: 1016px;
	}

	.home-header {
		height: 60px;
		background-color: #3d1a39;
		border-bottom: 4px solid #833c7a;
		padding: 0px;
	}
	.home-content {
		height: 320px;
		background-color: #61254e;
	}
	.home-image {
		background: url(../images/a.jpg) no-repeat;
		background-size: cover;
		height: 696px;
	}

	.ueberuns-header {
		height: 60px;
		background-color: #3d1a39;
		border-bottom: 4px solid #833c7a;
		padding: 0px;
	}
	.ueberuns-content {
		height: 696px;
		background-color: #61254e;
	}
	.ueberuns-image {
		background:  url(../images/bild4pc.jpg) no-repeat;
		background-size: cover;
		height: 320px;
	}

	.naildesign-header {
		height: 60px;
		background-color: #3d1a39;
		border-bottom: 4px solid #833c7a;
		padding: 0px;
	}
	.naildesign-content {
		height: 696px;
		background-color: #61254e;
	}
	.naildesign-image {
		background: url(../images/a.jpg) no-repeat;
		background-size: cover;
		height: 320px;
	}

	.fusspflege-header {
		height: 60px;
		background-color: #3d1a39;
		border-bottom: 4px solid #833c7a;
		padding: 0px;
	}
	.fusspflege-content {
		height: 380px;
		background-color: #61254e;
	}
	.fusspflege-image {
		background: url(../images/a.jpg) no-repeat;
		background-size: cover;
		height: 696px;
	}

	.anfahrt-header {
		height: 60px;
		background-color: #3d1a39;
		border-bottom: 4px solid #833c7a;
		padding: 0px;
	}
	.anfahrt-content {
		height: 696px;
		background-color: #61254e;
	}
	.anfahrt-image {
		background: url(../images/mobile/bild6pc.jpg) no-repeat;
		background-size: cover;
		height: 300px;
	}

}

.button {
	display: inline-block;
	margin: 0;
	height: 44px;
	line-height: 44px;
	border-bottom: 2px solid #86AC00;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	padding: 0;
	background: #ABD02B;
	white-space: nowrap;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	text-transform: uppercase;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.button:hover {
	border-bottom-color: #6d8c00;
	background: #94b912;
	color: #fff;
}

.button > span {
	display: inline-block;
	height: 44px;
	line-height: 47px;
	padding: 0 18px 0 58px;
	background: url(https://cdn1.treatwell.net/images/view/v2.i482051.w30.h30.x109F8E79.png) 14px 7px no-repeat;
	background-size: 30px 30px;
}