@font-face {
	font-family: 'Raleway';
	src: url('../fonts/raleway-regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Raleway';
	src: url('../fonts/raleway-bold.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
}

/* ----------------------------------------------------------------------------
 * Header
 * --------------------------------------------------------------------------*/

#header {
    padding: 15px 0;
    border-bottom: 5px solid #38163E;
}

nav.main-menu {
    margin-top: 40px;
}

nav.main-menu ul > li > a {
	font-size: 18px;
}

.bread-crumb {
    clear: both;
}

.bread-crumb .breadcrumb li.active {
    color: #38163e;
    font-weight: 600;
}

h1.entry-title span {
    color: #38163e;
}

.logo img {
    height: 110px;
    width: auto;
    display: inline-block;
}

/* ----------------------------------------------------------------------------
 * Footer
 * --------------------------------------------------------------------------*/
.footer-bottom {
    border-top-color: rgba(255,255,255,0.3);
}

#main-footer {
	background-color: #38163E;
}

#main-footer p {
    color: #c3b9c5;
}

#main-footer .widget ul,
#main-footer .widget ul li {
    border-color: rgba(255,255,255,0.3);
}

#main-footer .widget ul li {
    transition: background-color 0.08s linear;
    margin-top: 0;
    padding: 0;
}

 	#main-footer .widget ul li:hover,
 	#main-footer .widget ul li:focus,
 	#main-footer .widget ul li:active {
    	background-color: rgba(255,255,255,0.3);
 	}

#main-footer .widget ul li a {
    color: #FFF;
    display: block;
    padding: 10px;
}

#main-footer .widget a,
#main-footer .footer-bottom a {
    color: #FFF;
}

 	#main-footer .widget a:hover,
 	#main-footer .widget a:focus,
 	#main-footer .widget a:active,
 	#main-footer .footer-bottom a:hover,
 	#main-footer .footer-bottom a:focus,
 	#main-footer .footer-bottom a:active {
    	color: #FFF;
 	}

#main-footer a.read-more {
    background: #c3b9c5;
    color: #38163E;
    margin: 1em 0;
    transition: 
    	color 0.08s linear,
    	background-color 0.08s linear;
}
	#main-footer a.read-more:first-child {
		margin-top: 0;
	}

	#main-footer a.read-more:last-child {
		margin-bottom: 0;
	}

	#main-footer a.read-more:hover,
	#main-footer a.read-more:focus,
	#main-footer a.read-more:active {
	    background-color: rgba(255,255,255,0.5);
	}

.meta-navigation {
	text-align: right;
}

/* ----------------------------------------------------------------------------
 * Typografie
 * --------------------------------------------------------------------------*/

::-moz-selection { background: #c3b9c5; color: #38163E; }
::selection { background: #c3b9c5; color: #38163E; }

p {
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 1em;
}

.page-top {
	margin-bottom: 60px;
}

.read-more {
	border: 1px solid #38163E;
    transition: background-color 0.08s linear;
    text-transform: uppercase;
}

.read-more:hover {
	background-color: #C3B9C5;
}

#main > section {
	padding: 50px 0;
}

#main > section h2,
#main > section h2 span {
	color: #38163E;
}


#main a.link {
	box-shadow: 0 3px 0 #c3b9c5;
	padding: 0 1px;
	color: #38163E;
	transition:
			box-shadow 0.08s linear,
			background-color 0.08s linear;
}

	#main a.link:hover,
	#main a.link:focus,
	#main a.link:active {
		background: #c3b9c5;
		box-shadow: 0 3px 0 #c3b9c5, 0 -3px 0 #c3b9c5;
	}

/* ----------------------------------------------------------------------------
 * Elemente
 * --------------------------------------------------------------------------*/

 form input[type="submit"] {
 	text-transform: uppercase;
 }

.infobox {
	padding: 20px;
}

.infobox-light-purple {
	background-color: rgba(56,22,62,0.2);
}

.appoint-var-three .appointment-form input[type="submit"]:hover {
  background-color: #c3b9c5;
}

 .appoint-var-three {
    padding: 40px 0;
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-color: #F8F0DF;
    background-image: url('../images/muster-grau-2.png');
 }

 .appoint-var-three .appointment-form input[type="text"], 
 .appoint-var-three .appointment-form input[type="email"], 
 .appoint-var-three .appointment-form textarea {
 	border-color: #c3b9c5;
 }

	 .appoint-var-three .appointment-form input[type="text"]:focus, 
	 .appoint-var-three .appointment-form input[type="email"]:focus, 
	 .appoint-var-three .appointment-form textarea:focus {
	 	border-color: #38163E;
	 }

 .appoint-var-three .appointment-form ::-webkit-input-placeholder {
	color: rgba(56, 22, 62, 0.7);
	opacity: 1;
 }

 .appoint-var-three .appointment-form :-moz-placeholder { /* Firefox 18- */
	color: rgba(56, 22, 62, 0.7);
	opacity: 1;
 }

 .appoint-var-three .appointment-form ::-moz-placeholder {  /* Firefox 19+ */
	color: rgba(56, 22, 62, 0.7);
	opacity: 1;
 }

.appoint-var-three .appointment-form :-ms-input-placeholder {
	color: rgba(56, 22, 62, 0.7);
	opacity: 1;
 }

	 .appoint-var-three .appointment-form input:focus::-webkit-input-placeholder,
	 .appoint-var-three .appointment-form textarea:focus::-webkit-input-placeholder {
		color: #38163E;
		opacity: 1;
	 }

	 .appoint-var-three .appointment-form input:focus:-moz-placeholder, /* Firefox 18- */
	 .appoint-var-three .appointment-form textarea:focus:-moz-placeholder { /* Firefox 18- */
		color: #38163E;
		opacity: 1;
	 }

	 .appoint-var-three .appointment-form input:focus::-moz-placeholder,  /* Firefox 19+ */
	 .appoint-var-three .appointment-form textarea:focus::-moz-placeholder {  /* Firefox 19+ */
		color: #38163E;
		opacity: 1;
	 }

	.appoint-var-three .appointment-form input:focus:-ms-input-placeholder,
	.appoint-var-three .appointment-form textarea:focus:-ms-input-placeholder {
		color: #38163E;
		opacity: 1;
	 }


/* ----------------------------------------------------------------------------
 * Startseite
 * --------------------------------------------------------------------------*/
.home-slider {
    border-bottom: 1px solid #38163E;
}

.home-slider .flexslider {
	min-height: 0;
}

@media screen and (min-width: 768px) {
	.home-slider .slides li {
		/*height: 40vw;*/
	}

		.home-slider .slides li img {
			position: relative;
			/*top: 20vw;*/
			/*transform: translateY(-50%);*/
		}
}

@media screen and (min-width: 1280px) {
	.home-slider .slides li {
		/*height: 30vw;*/
		background-color: #74495d;
		max-height: 600px;
	}

		.home-slider .slides li img {
			position: relative;
			/*top: 10vw;*/
			/*transform: translateY(-30%);*/
			/*max-width: 1400px;*/
			margin: 0 auto;
		}
}

@media screen and (min-width: 1600px) {
	.home-slider .slides li img {
		/*top: 8vw;*/
		/*transform: translateY(-30%);*/
	}
}

@media screen and (min-width: 1925px) {
	.home-slider .slides li img {
		position: relative;
		/*top: 0;*/
		/*transform: none;*/
	}
}

.toggle:first-child {
	margin-bottom: -1px;
}

.service .read-more {
	text-transform: none;
	font-weight: normal;
	padding: 5px 12px;
}

.slogan-section {
	margin-bottom: 30px;
}

.services-intro {
	text-align: center;
	margin-bottom: 2em;
}

.home-introtitle.has-background {
	background-color: #F8F0DF;
	padding: 27px 0;
}

.home-introtitle {
	margin-bottom: 40px;
}

.home-introtitle h1 {
	margin: 0;
}

.home-introtitle h2 {
	font-weight: normal;
	text-align: center;
}

.home-features {
    padding: 0 0 30px;
}

.home-features h1,
.home-features .features-intro h1,
.home-features .features-intro h2 {
  color: #38163E;
  text-align:center;
  font-size: 30px;
}

	.home-features h1 span,
	.home-features .features-intro h1 span,
	.home-features .features-intro h2 span {
	  color: #38163E;
	}

.home-features .icon-wrapper .fa-custom {
    color: #c3b9c5;
}

.home-features .features-intro {
    margin-bottom: 5em;
	columns: 3;
	column-gap: 40px;
	column-width: 300px;
}

.home-features .features-intro p {
	font-size: 16px;
	break-inside: avoid;
	text-align: left;
}
.home-features .features-intro a.read-more {
	
    margin-top: 1em;
}

/*@media screen and (min-width: 992px) {
	.home-features h1 {
		margin-bottom: 3em;
	}
}*/

#main .voucher {
	padding: 70px 0;
}

.voucher .image-container {
    border: 1px solid #BEC1BE;
    box-shadow: 1px 3px 10px rgba(0,0,0,0.3);
    top: 30px;
    position: relative;
    transform: rotate(-5deg);
    max-width: 680px;
    width: auto;
    margin: auto;
}

	.voucher .image-container img {
		display: block;
    	max-width: 100%;
	}


.voucher .slogan-section {
    margin-top: 80px;
}



@media screen and (min-width: 768px) {
	.voucher .image-container {
	    margin-left: -10px;
	    margin-right: 10px;
	}
}


@media screen and (min-width: 992px) {
	.voucher .slogan-section {
	    margin-top: 0;
	}

	.voucher h2 {
	    text-align: left;
	    margin-top: 0;
	}
}

/* ----------------------------------------------------------------------------
 * Team
 * --------------------------------------------------------------------------*/

.doctors-posts {
	padding: 0;
}

.doctors-single {
	padding-bottom: 30px;
}

.doctors-leading {
	border-bottom: 2px solid #c3b9c5;
}

@media (min-width: 1200px) {
	.col-lg-offset-1, .doctors-single:nth-child(2n+1) {
		margin-left: 8.333333333333332%;
	}
}

/*.doctors-single:last-of-type {*/
	/*border-bottom: none;*/
	/*margin-bottom: 0;*/
/*}*/

.doctors-single .top-area {
    /*border-top: 2px solid #38163E;*/
    border-bottom: none;
}

.doctors-single .top-area h1 {
	/*margin-top: 0.5em;*/
}

.doctors-single .side-content {
	border-bottom: 2px solid #38163E;
	border-bottom: none;
}

article.team {
	padding: 50px 0;
	background: #F8F0DF url('../images/muster-lila-3.png') no-repeat right bottom;
}

/* ----------------------------------------------------------------------------
 * Leistungen
 * --------------------------------------------------------------------------*/

 .services-page {
 	padding: 0;
 }

 .services-page .service-intro {
	margin-bottom: 50px;
 }

 .services-page .services section.service {
 	padding: 40px 0 20px 0;
 }

 .services-page .services section.service:nth-child(2n+1) {
 	background-color: #F8F0DF;
 	background-color: rgba(56,22,62,0.2);
 }

 .services-page .services article.service {
 	background-color: transparent;
 }

 #filters {
	 margin: 80px 0 0 0;
	 padding-left: 50px;
 }

/* ----------------------------------------------------------------------------
 * Seiten mit Sidebar
 * --------------------------------------------------------------------------*/

.blog-page {
	padding: 0;
}


/* ----------------------------------------------------------------------------
 * Kontakt
 * --------------------------------------------------------------------------*/

.contact-page {
	padding: 0;
}

.contact-sidebar h2 {
	font-weight: normal;
}

.contact-page .map {
    margin-top: -60px;
    border-top: 1px solid #c3b9c5;
    border-bottom: 1px solid #c3b9c5;
    margin-bottom: 60px;
}

.contact-page .map-wrapper {
	margin-top: 0;
}

.contact-page #map-canvas {
	min-height: 320px;
	height: 30vw;
}

.contact-page .appoint-var-three {
	margin-top: 60px;
}

.contact-page .contact-form input[type="submit"] {
	border: 1px solid #38163E;
}

.hero {
	width: 100%;
	overflow: hidden;
}

	.hero__image {
		display: block;
		width: 100%;
	}