@font-face {
	font-family: 'RobotoCondensed';
	src: url('../inc/fonts/RobotoCondensed-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RobotoCondensed';
	src: url('../inc/fonts/RobotoCondensed-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'RobotoCondensed';
	src: url('../inc/fonts/RobotoCondensed-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

body { font-family: "RobotoCondensed"; color: #303030; }
a { color: #000; transition: all 1s; cursor: pointer; }
a:hover, a:focus { color: #20b3d4; text-decoration: none; }

h1 { font-size: 60px; margin: 15px 0 30px; } 
h2 { font-size: 48px; margin: 15px 0 30px; } 
h3 { font-size: 24px; margin: 15px 0 30px; } 
h4 { font-size: 21px; margin: 15px 0 30px; } 

.hidden { display: none; }

/* COLORS

light-blue #b2d8fb
dark-grey #303030
yellow #ffe67c
light-grey #f3f3f3
blue2 #20b3d4

*/

/* HEADER */

.navbar { background: #fff; }
	.navbar .container { box-sizing: content-box; justify-content: center; }
	.navbar .row { width: 100%; }
	.navbar-menu { box-shadow: 0 0 10px rgba(0,0,0,0.5); }
	.navbar-brand { height: 45px; display: flex; }
		.navbar-brand img { height: 100%; }
		.navbar-brand h1 { font-size: 16px; line-height: 110%; margin: 0 0 0 15px; font-weight: 300; }
			.navbar-brand h1 b { font-size: 18px; font-weight: bold; }
		.navbar-toggler {
			background: url(../img/nav.svg) no-repeat; height: 24px; margin: 10px -20px 0 0; display: none; box-shadow: none !important; background-position: center center; float: right;
		}
		.navbar-nav { flex-direction: row; justify-content: end; gap: 20px; }
		#navmenu a { color: #303030; }
		#navmenu a:hover { color: #20b3d4; }

	/* shrinked header */
	.navbar.shrink { position: fixed; z-index: 99999;  width: 100%; }

/* NEWS */

body.page article { padding: 50px 0; border-bottom: 1px dotted #ccc; margin-bottom: 15px; }

body.archive {}
	body.archive h4 { font-size: 18px; font-weight: bold; }
	body.archive .picture { display: block; aspect-ratio: 16/9; overflow: hidden; position: relative; margin: 0 0 30px; }
		body.archive .picture img { width: 100%; height: auto; position: absolute; top: 50%; transform: translateY(-50%); }
	body.archive p { font-size: 14px; }
	a.rmore {
		border: 1px solid #fed130; background: url(../img/arrow2.svg) no-repeat; text-transform: uppercase; background-size: 16px auto; background-position: 78% 48%;
		color: #944788; padding: 10px 50px 10px 30px; border-radius: 50px; transition: all 0.5s; text-decoration: none; margin: 15px 0 30px; font-size: 15px; display: table;
	}
	a.rmore:hover { color: #fff; background: #fed130 url(../img/arrow.svg) no-repeat; background-size: 16px auto; background-position: 78% 48%; }

article.post { text-align: center; padding: 50px 0; }
	article.post h1 { font-size: 36px; }
	article.post .entry-meta { font-size: 12px; color: #aaa; text-transform: uppercase; margin: 0 0 30px; }
	article.post img { max-width: 100%; }
	.post-footer { display: flex; padding: 50px 0; }
		.post-footer .col-6 { text-align: left; border-right: 1px solid #ccc; }
		.post-footer .col-6 + .col-6 { text-align: right; border: none; }
		.post-footer h4 { color: #aaa; font-size: 14px; text-transform: uppercase; }
		.post-footer a { text-decoration: none; font-size: 18px; }

/* pagination */
.sp { text-align: center; padding: 45px 0 15px; }
	.sp .prev, .sp .next { display: none !important; }
	.sp span, .sp a.page-numbers { color: #944788; border: 1px solid; padding: 6px 12px; margin: 0 8px; text-decoration: none; display: inline-block; }
		.sp a.page-numbers:hover { color: #fff; background: #fed130; }
	.sp span { color: #aaa; }

/* WELCOME */

#team, #patientinfo, #zusammen, #kontakt { scroll-margin-top: 100px; }

section.welcome { padding: 50px 0; background-size: auto 85%; background-repeat: no-repeat; background-position: top center; }
	.welcome .col-6 + .col-6 { display: flex; align-items: center; }
	.welcome h2 { color: #303030; font-weight: 300; text-align: right; font-size: 60px; padding-left: 25%; }
	.welcome .quicklinks { display: table; }
		.welcome .quicklinks a { text-decoration: none; font-size: 30px; font-weight: 300; position: relative; display: table; width: 100%; padding-right: 60px; transition: all 0.5s; }
		.welcome .quicklinks a:hover { color: #303030; transform: translateX(30px); }
		.welcome .quicklinks a::after {
			content: ''; background: #ffe67c url(../img/black_arrow.png) no-repeat center center; border-radius: 10px; background-size: 50% auto;
			width: 30px; height: 30px; display: inline-block; right: 0; top: 8px; position: absolute;
		}
	.welcome .quicklinks + h3 { font-size: 30px; margin: 60px 0 30px; }
	.welcome ul { padding: 0 0 30px; margin: 0; }
		.welcome ul li { list-style: none; font-size: 24px; font-weight: 300; padding: 5px 0; }
			.welcome ul li span {
				width: 40px; background: #20b3d4; color: #fff; font-weight: 300; font-size: 18px; border-radius: 15px; padding: 10px; text-transform: uppercase; 
				display: inline-block; margin: 0 15px 0 0; line-height: 100%; text-align: center;
			}

/* DOCTOR & TEAM */

section.doctor {}
	.cards .slick-slide > div > div { display: flex !important; }
	.cards .col-5 { overflow: hidden; border-radius: 15px 0 0 15px; display: block; background: #b2d8fb; }
		.cards .col-5 img { height: 650px; }
	.cards .col-7 { background: #b2d8fb; border-radius: 15px; padding: 30px 60px 60px; margin: 0 0 0 -15px; width: calc(100%/12*7 + 15px); font-size: 21px; }
	.cards .col-7 a.more { text-decoration: none; display: table; margin: 30px auto 0; color: #303030 !important; }
	.cards .col-7 a.more::after {
		content: ''; background: url(../img/black_arrow.png) no-repeat center center; background-size: 100% auto; transform: rotate(90deg);
		width: 15px; height: 15px; display: block; float: right; margin: 10px; transtion: all 0.5s;
	}
	.cards .col-7 a:hover { color: #303030; }
	.cards .col-7 a.active::after { transform: rotate(270deg); }
	.doctor .row { position: relative; }
	.dots-container {
		position: absolute; bottom: 30px; left: 69%; display: table; text-align: center; background: #303030; width: auto; transform: translateX(-50%); border-radius: 15px;
	}
    .dots-container a { padding: 0px 15px; color: #7791a8 !important; font-size: 18px; display: inline-block; border-right: 2px solid #7791a8; margin: 10px 0; text-decoration: none; }
    	.dots-container a:last-child { border: none; }
    	.dots-container a.active { color: #fff !important; }
    .morecontent table { width: 100%; }

/* SERVICES */

section.services { padding: 50px 0; }
	.services .col-12 { display: flex; flex-wrap: wrap; }
	.services .yellowbox {
		background: #ffe67c; text-align: center; display: flex; flex-direction: column; justify-content: space-between; padding: 15px 30px 30px;
		border-radius: 20px; border: 5px solid #fff; box-sizing: border-box;
	}
	.services .yellowbox h4 { font-weight: lighter; font-size: 21px; padding: 15px 15px 0; }
	.services .yellowbox a, .services .extend a, .services .mobilextend a {
		background: url(../img/down_arrow.png) no-repeat top center; background-size: contain; width: 18px; height: 12px; display: block; margin: 0 auto;
	}
	.services .extend, .services .mobilextend { width: 100%; background: #f3f3f3; padding: 30px 45px; border-radius: 15px; font-size: 18px; font-weight: 300; }
		.services .extend h3, .services .mobilextend h3 { font-size: 24px; }
		.services .extend a, .services .mobilextend a { transform: rotate(180deg); margin: 30px auto 15px; }

/* PRAXIS */

section.praxis {}
	.slick-dots { list-style: none; margin: 0px auto 60px; display: table; padding: 0; }
	.slick-dots li { float: left; }
	.slick-dots button { background: #d6d6d6; border: none; border-radius: 15px; width: 15px; height: 15px; line-height: 100px; overflow: hidden; margin: 0 5px; }
	.slick-dots .slick-active button { background: #869691; }
	.slick-arrow {
		background: url(../img/slider_arrow.png) no-repeat center center; background-size: contain; width: 20px; height: 30px; line-height: 100px;
		border: none; overflow: hidden; z-index: 99998; top: 45%; position: absolute;
	}
	.slick-next { right: 0; transform: rotate(180deg); }
	section.praxis .slick-list { padding: 90px 30px !important; }
	section.praxis .slick-track { padding: 0; }
	section.praxis .slick-slide { transition: all 0.5s; margin: 0 60px; }
		section.praxis .slick-slide div { line-height: 0; }
		section.praxis .slick-slide img { box-shadow: 0 0 10px rgba(0,0,0,0.5); }
		section.praxis .slick-slide.slick-active { transform: scale(1.2); }
		section.praxis .slick-slide.slick-center { transform: scale(1.5); }
		section.praxis .slick-slide a { display: block; }
		section.praxis .slick-slide a img { display: table; width: 100%; }
	section.praxis .slick-track { display: flex; }
		section.praxis .slick-track .slick-slide { display: flex; height: auto; align-items: center; justify-content: center; }

/* KONTAKT & PATIENTINFO & ZUSAMMEN */

section.contact { position: relative; z-index: 2; }
	.cards .col-6 { background: #b2d8fb; padding: 50px 75px 75px; font-size: 21px; border-radius: 15px 0 0 15px; }
	.cards .col-6 + .col-6 { border-radius: 0 15px 15px 0; }
	.cards .col-6 ul {}
		.cards .col-6 ul li a { text-decoration: none; padding: 5px 0; display: table; line-height: 125%; }
    section.contact .dots-container { width: 450px; }
    section.contact .slick-track { display: flex !important; align-items: stretch; }
    section.contact .slick-slide, section.contact .slick-slide > div { display: flex; height: inherit !important; width: 100%; }

/* GMAP */

section.gmap { z-index: 1; margin-top: -15px; }
	.gmap .col-12 { position: relative; }
	.gmap iframe { pointer-events: auto; width: 100%; height: 500px; border-radius: 0 0 15px 15px; overflow: hidden; }
	.gmap iframe + a {
		background: #ffe67c; text-decoration: none; padding: 15px 25px; font-size: 21px; border-radius: 15px;
		transform: translateX(-50%); position: absolute; z-index: 99998; left: 50%; bottom: 50px;
	}
	.gmap iframe + a:hover { background: #303030; color: #fff; }

/* FOOTER */

footer { padding: 30px 0; }
	footer a { text-decoration: none; }
	footer .col-12 { justify-content: space-between; display: flex; align-items: center;}
		footer .col-12 > a { height: 35px; display: flex; text-decoration: none; max-width: 100px; font-size: 13px; line-height: 100%; align-items: center; }
			footer .col-12 a img { height: 100%; float: left; margin-right: 10px; }
		footer .col-12 a.footer-logo { height: 25px; }
		footer .col-12 a:hover { color: #303030; }
		footer .col-12 ul { padding: 0; margin: 0; }
			footer .col-12 ul li { list-style: none; }
				footer .col-12 ul li a { color: #303030; padding: 0; margin: 0; height: auto; text-decoration: none; }
				footer .col-12 ul li a.nav-link:hover { color: #aaa; }

/*********************/
/* RESPONSIVE LAYOUT */
/*********************/

@media (max-width: 767px) {

	.navbar-brand h1 { font-size: 13px; margin: 3px 0 0 15px; }
	.navbar-toggler { display: block; }
	.navbar-collapse { position: fixed; right: -120vw; top: 0; height: 100vh; background: rgba(28,28,28,0.75); z-index: 99999; width: 100vw; transition: right 0.5s; }
		.navbar-collapse.show { right: 0; }
	.navbar-collapse ul { height: 100vh; background: #303030; width: 80vw; float: right; flex-direction: column; justify-content: flex-start; gap: 0; }
		#navmenu li { padding: 0; margin: 0; }
		#navmenu a { color: #fff; text-align: center; border-bottom: 1px solid #424242; padding: 20px 0; font-size: 18px; }
	.navbar-header .col-6 { width: 100%; }

	section { flex-direction: column; }
		section .container { padding: 0 30px; } 
			section .container .row > div { width: 100%; } 

	h2 { font-size: 24px; }
	
	section.welcome { padding: 25px 0 50px; }
	.welcome ul { padding: 0; }
	.welcome .quicklinks a { font-size: 24px; }
	.welcome .quicklinks + h3 { margin: 30px 0 15px; font-size: 24px; }
	.welcome ul li { font-size: 21px; }
	.welcome h2 { text-align: center; font-size: 36px; padding: 30px 0 0; margin: 0; }

	.cards .slick-slide > div > div { flex-direction: column; }
	.cards .col-5 { width: 100%; border-radius: 15px; z-index: 2; }
		.cards .col-5 img { height: auto; width: 100%; }
	.cards .col-7 { width: 100%; border-radius: 15px; margin: -30px 0 0; z-index: 1; padding: 60px 30px 120px; font-size: 18px; }

	.dots-container { left: 30px; width: calc(100% - 60px) !important; transform: none; }
		section.contact .dots-container { transform: none; left: 60px; width: calc(100% - 120px) !important; padding-bottom: 10px; }
		section.contact .dots-container a { width: 100%; border: none; margin: 10px 0 0; line-height: 100%; }
		section.contact .cards .col-7 { padding: 60px 30px 150px; }
	.slick-dots button { width: 10px; height: 10px; }

	.morecontent.hidden { display: block; }
	.intropara + a { display: none !important; }

	.cards .col-6 { padding: 30px; font-size: 18px; border-radius: 15px 15px 0 0; width: 100%; }
		.cards .col-6 + .col-6 { border-radius: 0 0 15px 15px; padding: 30px 30px 150px; }
	
	.morecontent table { width: 100%; }

	.services .yellowbox { width: 100%; }
		.services .yellowbox h4 { margin: 0 0 15px; }
		.services .extend { display: none !important; }

	section.praxis .slick-slide.slick-center { transform: scale(2); }
		section.praxis .slick-arrow { top: 35%; }
		section.praxis .slick-list { padding: 60px 30px 90px !important; }
			section.praxis .slick-arrow { background-image: url(../img/slider_arrow2.png) }

	section.contact .slick-slide, section.contact .slick-slide > div { display: flex; height: min-content !important; }

	.gmap iframe + a { text-align: center; line-height: 120%; }

	footer {}
		footer .col-12 { flex-direction: column; gap: 10px; }
    		footer .col-12 > a { height: 60px; max-width: 1000px; margin: 0 auto 30px; }
		footer .col-12 a.footer-logo img { margin: 10px 0 0; }

	body.archive .row { flex-direction: column; }
		body.archive article { width: 100%; }
	.post-footer { flex-direction: column; padding: 50px 0 0; }
		.post-footer .col-6 { border: none; border-bottom: 1px solid #ccc; width: 100%; padding: 15px; text-align: center !important; }

}
@media (min-width: 767px) {
    .mobilextend { display: none !important; }
}

.grecaptcha-badge { display: none !important; }