/* custom.css
Farben: 
Text: #3c3c3b
Dunkelblau (Links, Text): #003359
Orange (.active, :hover): #ffbc3d
Lichtgrau (Flächen): #eeeeee
Hellgrau (Balken): #d7dbde
Mittelgrau (h1, h2): #9b9b9b
Mittelgrau (Flächen): #afafaf
*/

/* ========================================================================================================================================= */
/* +++ Basics +++ */
/* ========================================================================================================================================= */

* { margin: 0; padding: 0 }
html { zoom:1; overflow-y:scroll; } 
* :focus, * :active { outline: 0 none; -moz-outline: 0 none; }
a:active, a:focus { outline: none; }
.clear { clear:both; }
.hidden-xs {}

/* Bootstrap überschreiben */
.col-xs-3, .col-xs-6, .col-xs-9, .col-xs-12,
.col-sm-3, .col-sm-4, .col-sm-6, 
.col-sm-8, .col-sm-9, .col-sm-12,
.col-md-4, .col-md-8
{
	padding-left:10px;
	padding-right:10px;
}

body {
	color:#333;
	background-color:#fff;
}
body, table, td {
	font-size:14px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#3c3c3b;
}

/* ============================================================================================================================ */
/* Allgemein */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
p { margin: 0 0 0px; }

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #003359;
}
/* Spacer vertikal */
.hdef { height:30px; } /* default */
.h20 { height:20px; }
.h40 { height:40px; }

/* Tabellen */
table, td { 
	border:none; 
	vertical-align:top; 
}

/* Display on mobile only
**************************************************************** **/
@media screen and (max-width: 767px) {
	.desktop-only { display:none; }
}
/* Display on desktop only
**************************************************************** **/
@media screen and (min-width: 768px) {
	.xs-only { display:none; }
} 

/* Headlines */
h1 { 
	font-weight:normal; 
	font-size:25px; 
	line-height:32px; 
	color:#9b9b9b;
	margin:0 0 20px;
}
h2 {
	font-weight:normal;
	font-size:18px; 
	line-height:22px; 
	font-weight:normal; 
	color:#9b9b9b;
	margin:0 0 15px;
}
h3 { 
	font-size:17px; 
	line-height:22px;
	font-weight:bold;
	margin-bottom:15px;
	color:#9b9b9b;
}
h4 { 
	font-size:16px; 
	line-height:21px; 
	font-weight:bold; 
	color:#003359;
	margin-top:0;
	margin-bottom:20px;
}
h5 { 
	font-size:13px; 
	line-height:15px; 
	font-weight:normal; 
	color:#666;
}
h6 { 
	font-size:121px; 
	line-height:14px; 
	font-weight:normal; 
	color:#666;
}

/* Listen */
ul { 
	list-style: none;
	margin:10px 0 10px 0;
}

ul li {
	background-image:url("/css/images/dot.gif");
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:10px;
}

/* Ordered list */
ol	{ padding-left:20px; margin-bottom:15px; }
ol li	{ }

/* Links */
a { color:#003359; text-decoration:underline; }
a:hover { color:#ffbc3d; }

/* + + + Header + + + */
header { margin-bottom:40px; }

.header-firstrow {
	width:100%;
	background: #eee url(/css/images/logos/bg_header-fluid-top.gif) no-repeat center top;
}

@media screen and (min-width: 768px) { /* overwrite Bootstrap */
	header .header-left { min-width:27%; }
	header .header-right { width:73%; }
}

header .header-firstrow .header-left {
	height:167px;
	background: #eee url(/css/images/logos/bg_header_left.gif) no-repeat 0 0;
}

header .header-firstrow .header-right {
	height:167px;
	padding-left:2px;
	background: #003359 url(/css/images/logos/bg_header_right.jpg) no-repeat 0 0;
}

header .header-left  .logo { margin-top:22px; }
header .header-right .logo { height:75px; padding-top:22px; padding-right:0px; } 

header .header-right #hamburger {
	position:absolute;
	right:25px;
	top:84px;
	width:43px;
	height:29px;
	background: url(/css/images/hamburger.gif) no-repeat 0 0;
	cursor:pointer;
	display:none;
}
@media screen and (max-width: 767px) {
	header .header-right #hamburger { display:block; }
}


/* Nur Startseite */
.header-secondrow-start {
	width:100%;
	background: #eee url(/images/startseite/bg_startseite_1.jpg) no-repeat center top;
}
.bg_greyblue {
	width:100%;
	background: #eee url(/css/images/bg_greyblue.gif) center repeat-y;
}
.bg_greyblue td {
	padding:20px;
}
/* Slideshow */
header .startslider {
	position:absolute;
	width:100%;
	height:480px;
}
header #img_1 { background: #eee url(/images/startseite/bg_startseite_1.jpg) no-repeat center top; }
header #img_2 { display:none; background: #eee url(/images/startseite/bg_startseite_2.jpg) no-repeat center top; }
header #img_3 { display:none; background: #eee url(/images/startseite/bg_startseite_3.jpg) no-repeat center top; } /* ing wurde gelöscht */
@media screen and (max-width: 767px) {
	header .startslider { display:none; }
}


header .header-secondrow-start .header-left {
	height:480px;
	background-color:#eee;
	color:#003359;
}
header .header-secondrow-start .header-right {
	height:480px;
	padding-left:15px;
	border-left:2px solid #fff;
}

.header-secondrow-start .header-left .clinic { margin-top:60px; }
.header-secondrow-start .header-left .director { margin-top:50px; }
.header-secondrow-start .header-left .languages { position:absolute; bottom:30px; }

/* Unterseiten */
.header-secondrow {
	width:100%;
	background: #eee url(/images/startseite/bg_unterseiten.gif) no-repeat center top;
}
header .header-secondrow .header-left {
	height:115px;
	background-color:#eee;
	color:#003359;
}
header .header-secondrow .header-right {
	height:115px;
	border-left:2px solid #fff;
}
.header-secondrow .header-left .clinic { margin-top:30px; }
.address-start-responsive { font-weight:normal; margin-top:20px; } /* < 768px, startpages only */

.header-left .clinic_lg { font-size:18px; }
@media screen and (min-width: 768px) and (max-width: 991px) {
	.header-left .clinic_lg { font-size:16px; }
}
@media screen and (min-width: 992px) {
	.header-secondrow .header-left .clinic { margin-top:20px; }
	.header-left .clinic_lg { font-size:20px; line-height:24px; }
}


/* Header 	Startseiten < 768px */
@media screen and (max-width: 767px) {
	.header-secondrow, .header-secondrow-start {
		background:#fff;
	}
	header .header-secondrow .header-left, header .header-secondrow-start .header-left {
		height:auto;
	}
	.address-start-responsive { font-size:15px; line-height:20px; }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
	.header-secondrow .clinic_sm, .header-secondrow-start .clinic_sm { 
		display:none;
	}
	.header-secondrow .clinic, .header-secondrow-start .clinic { 
		margin-top:20px; margin-bottom:20px;
	}
	.header-secondrow .clinic_lg, .header-secondrow-start .clinic_lg { 
		font-size:24px; line-height:28px;
	}
}

@media screen and (max-width: 479px) {
	.header-secondrow .clinic_lg, .header-secondrow-start .clinic_lg { 
		display:none;
	}
	.header-secondrow .header-left .clinic, .header-secondrow-start .header-left .clinic { 
		margin-top:20px; margin-bottom:20px;
	}
	.header-secondrow .header-left .clinic .clinic_sm, .header-secondrow-start .header-left .clinic .clinic_sm { 
		font-size:19px; line-height:24px;
	}
}
@media screen and (min-width: 768px) {
	.header-secondrow .header-left .clinic .clinic_sm, .header-secondrow-start .header-left .clinic .clinic_sm { 
		display:none;
	}
}

.sloganbox {
	position:absolute;
	z-index:11;
	top:190px;
	left:0;
	padding:50px 65px 50px 65px;
	background: url(/css/images/bg_transparent.png);
}
.sloganbox .slogan { 
	font-size:28px;
	line-height:34px;
	color:#003359;
}

/* Sloganbox responsive */
@media screen and (min-width: 768px) and (max-width: 991px) {
	.sloganbox {
		padding:40px 55px 40px 55px;
	}
	.sloganbox .slogan { 
		font-size:18px;
		line-height:24px;
	}
}

.linkbox { /* Nur Startseiten, s. div.nav-quick in navigation.css */
	position:absolute;
	z-index:10;
	top:230px;
	right:0;
	padding:30px 30px 30px 0;
	background: url(/css/images/bg_transparent.png);
}

.sublinkbox { /* Unterseiten, , s. div.nav-quick in navigation.css */
	padding:40px 0 0 0;
}


/* Linkbox responsive */
@media screen and (max-width: 767px) {
	header .header-secondrow .header-right, header .header-secondrow-start .header-right {
		height:auto;
		padding-left:10px;
		padding-right:10px;
		border-left:none;
	}
	.linkbox { /* Startseiten */
		position:static;
		padding:20px 5px;
		background: none;
	}
	.sublinkbox { /* Unterseiten */
		padding:20px 5px;
	}
	/* Links s. navigation.css */
}

/* + + + Footer + + + */
footer {
	background-color:#fff;
	color:#003359;
	line-height:17px;
	margin-bottom:20px;
}
footer.startfooter { margin-top:-20px; }

footer div.hr { 
	border-bottom:1px solid #003359;
	height:1px;
	margin:15px 0px;
}
footer .container { padding-top: 10px; }
.footernav { margin-bottom:20px; display:inline-block; /* Breite per js ermitteln */ }

footer .langlinks { margin-top:5px; }
.langlinks .pipe { padding:0 3px 0 8px; }
.footernav a, .langlinks a { }
.footernav a.active, .langlinks a.active { color:#ffbc3d; }

footer .flogos { /* logos rechts */
	text-align:right; 
}
@media screen and (max-width: 480px) {
	footer .col-xs-6 { width:100%; margin-bottom:30px; }
}

.contentwrapper {  }

/* Mobile only
**************************************************************** **/
@media screen and (max-width: 767px) {
	.desktop-only { display:none; }
}
/* Desktop only
**************************************************************** **/
@media screen and (min-width: 768px) {
	.xs-only { display:none; }
} 


/* ========================================================================================================================================= */
/* +++ Seitenelemente +++ */
/* ========================================================================================================================================= */
/* +++ Accordion +++ */
div.accordion {
	margin: 0 0;
}
.accohead { /* Kopfbereich */
	display:block;
	/* height:40px; */
	padding:10px 0 12px 15px;
	margin-bottom:4px;
	background: #eee url(/css/images/acc_plus.gif) no-repeat right center; 
	cursor:pointer;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
}

.accohead p { 
	padding-bottom:0; 
	margin:0; /*reset FF, webkit */
	display:inline-block;
	width:85%;
	font-size:18px;
	line-height:22px;
	color:#003359;
	/* white-space:nowrap;
	overflow:hidden;
	*/
}
.accoheadactive { /* Aktiver Kopfbereich des Accordions, wenn geöffnet */
	background: #003359 url(/css/images/acc_minus.gif) no-repeat right center;
	color:#fff;
}
.accoheadactive p {
	color:#fff;
}
.accobody { /* Inhalt des Accordions */
	background-color:#eee;
	padding:15px 30px;
	margin-top:-2px;
	margin-bottom:4px;
}
.accobody h2 {
	font-size:20px;
	margin-top:0;
	line-height:24px; 
	color:#9b9b9b;
}

@media screen and (max-width: 767px) {
	.accohead {
		background: #eee url(/css/images/acc_plus_sm.gif) no-repeat right center;
	}
	.accoheadactive {
		background: #003359 url(/css/images/acc_minus_sm.gif) no-repeat right center;
	}
}

/* +++ Accordion-Tabelle +++ */
div.accordiontable { padding: 0 5px; margin-top:-20px; }
div.accordiontable table { width:100%; border-spacing:10px; margin-left:-10px; border-collapse:separate; }
.accordiontable td { padding:5px 10px; }
.accordiontable td.grey {
	width:20%;
	background-color:#afafaf;
	color:#fff;
}



/* +++ Text-Bildbox +++ */
.textbildbox {
	background-color:#eee;
	padding:15px 20px;
}
.textbildbox .text {
	color:#003359;
	padding:10px 20px;
}

.textbildbox .img {
	height:230px;
	overflow: hidden;
}
.textbildbox .img a.playbtn {
	display:block;
	position:absolute;
	z-index:2;
	width:100%;
	height:100%;
	background: url(/css/images/play.png) no-repeat center center;
}
.textbildbox .img a.playbtn:hover {
	background: url(/css/images/play_over.png) no-repeat center center;
}
.textbildbox h4 {
	color:#003359;
}
@media screen and (max-width: 767px) { 
	.textbildbox .text {
		padding:0px 10px 20px 10px;
	}
	.textbildbox .img {
		height:auto;
	}
}

/* +++ Deep links +++ */
.deeplinks {
	padding:0px 5px;
	margin-top:10px;
}
.deeplinks p {
	font-size:17px;
	color:#003359;
	margin-bottom:20px; 
}
.deeplinks a {
	font-size:17px;
	line-height:19px;
	text-decoration:none;
	display:block;
	padding:5px 25px 5px 10px;
	margin-bottom:10px;
	background: #eee url(/css/images/arr_right.gif) no-repeat right bottom;
}
.deeplinks a:hover {
	color:#fff;
	background: #003359 url(/css/images/arr_right_active.gif) no-repeat right bottom;

}

/* +++ Themenboxen (Fachgebiete) +++ */
.wrapper-themenbox { padding:0 5px; }
div.themenbox { margin-bottom:20px; }

@media screen and (max-width: 470px) {
	div.themenbox { width:100%; }
	div.themenbox:last-child { margin-bottom:0; }
}
.themenbox .image3 { /* s.responsive */
	/*
	height:145px;
	overflow: hidden;
	*/
}
@media screen and (min-width: 768px) and (max-width: 991px) { 
	.themenbox .image3 { /* height:130px; */ }
}
.themenbox .morelink {
	background-color:#eee;
	text-align:center;
	border-top:4px solid #ffbc3d;
}
.themenbox .morelink a {
	display:block;
	padding:25px 0;
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
	color:#003359;
}
@media screen and (max-width: 991px) { 
	.themenbox .morelink a { font-size:16px; }
}
.themenbox .morelink a:hover { 
	color:#fff;
	background-color:#003359;
}


/* +++ 2er Teaserbox +++ */
.teaserbox { padding:0 5px; }
.teaserbox .leftbox { background-color:#eee; }
.teaserbox .leftimage {
	float:left;
	width:50%;
	height:300px;
	overflow:hidden;
	border-right:4px solid #ffbc3d;
}
.teaserbox .text {
	float:left;
	width:50%;
	padding:20px;
}
.teaserbox .text h4 { font-weight:normal; }

.teaserbox .image {
	height:205px;
	overflow:hidden;
}
.teaserbox .morelink {
	background-color:#eee;
	height:95px;
	padding:25px 15px;
	border-top:4px solid #ffbc3d;
}
.teaserbox .morelink h4 { font-size:17px; margin-bottom:0; }
.teaserbox .morelink a {
	display:block;
	text-decoration:none;
	font-size:17px;
	font-weight:bold;
	color:#003359;
	background: url(/css/images/arr_right_tb.gif) no-repeat right bottom;
}
.teaserbox .morelink a:hover { }

@media screen and (min-width: 768px) and (max-width: 1199px) { 
	.teaserbox .leftimage { height:260px; }
	.teaserbox .image { height:165px; }
}
@media screen and (max-width: 991px) { 
	.teaserbox .image { margin-top:20px; }
}
@media screen and (max-width: 767px) { 
	.teaserbox .leftbox {
		border-left:4px solid #ffbc3d;
	}
	/*
	.teaserbox .leftimage {
	width:50%;
	height:auto;
}
	*/
	.teaserbox .text {
		width:100%;
	}
}


/* +++ Bildpaar +++ */
.imgpair { padding:0 5px; }
.imgpair .col-sm-4  {
	padding-right:5px; /* Abstand 10px */
	height: 300px; overflow: hidden;
}
.imgpair .col-sm-8 {
	padding-left:5px; /* Abstand 10px */
	height: 300px; overflow: hidden;
}

@media screen and (max-width: 767px) {
	.imgpair .col-sm-8 {
		padding-left:10px;
		height: auto;
		margin-bottom:0;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) { 
	.imgpair .col-sm-8 { height: 245px; }
	.imgpair .col-sm-4  { height: 245px; }
}

@media screen and (min-width: 768px) and (max-width: 991px) { 
	.imgpair .col-sm-8 { height: 185px; }
	.imgpair .col-sm-4  { height: 185px; }
}


/* +++ Listenelement +++ */
.listelement { padding: 0 5px; }
.listelement .img { padding-right:20px; }
@media screen and (max-width: 767px) { 
	.listelement .img { padding-right:0; }
}
.listelement .text { }
.listelement .text h3 { 
	font-size: 17px;
	font-weight: bold;
	color: #3c3c3b;
	margin-top:5px;
}
.listelement a { color:#3c3c3b; }
.listelement a:hover { color:#ffbc3d; font-weight:bold; }

/* +++ Team Einzelperson +++ */
.teammember-wrapper { padding:0 0; }
.teammember-wrapper .teammember .img { padding-left:15px; padding-right:15px; }
.teammember-wrapper .teammember .text {  }


@media screen and (max-width: 500px) { 
	.teammember-wrapper .teammember .col-xs-6 { width:100%; }
	.teammember-wrapper .teammember .text { padding-left:15px; margin-top:20px; }
}

/* 4er Teamgruppe */
.teamgroup-wrapper { padding:0 0; }
.teamgroup-wrapper .teammember { padding:0 15px; margin-bottom:40px; }
.teamgroup-wrapper .teammember .img, .teammember-wrapper .teammember .img { margin-bottom:20px; height:340px; overflow:hidden }
.teamgroup-wrapper .teammember .text { min-height:170px; }
.teamgroup-wrapper .teammember .email { position:absolute; bottom:0; }

@media screen and (min-width: 992px) and (max-width: 1199px) { 
	.teamgroup-wrapper .teammember .img, .teammember-wrapper .teammember .img { height:275px; }
}

@media screen and (min-width: 768px) and (max-width: 991px) { 
	.teamgroup-wrapper .teammember .img, .teammember-wrapper .teammember .img { height:275px; }
}
@media screen and (max-width: 768px) { 
	.teamgroup-wrapper .teammember { margin-bottom:20px; }
}
@media screen and (max-width: 500px) { 
	.teamgroup-wrapper .teammember { width:100%; }
	.teamgroup-wrapper .teammember:last-child { margin-bottom:0; }
	.teamgroup-wrapper .teammember .text { min-height:initial; }
	.teamgroup-wrapper .teammember .email { position:relative; margin-top:10px; }
}


/* +++ Overlaytext (Fancybox iframe) +++ */
.overlaytext {
	padding:25px;
}

/* +++ Suchergebnisse +++ */
/* Searchresults */
.searchresults { margin-top:20px }
.resultinfo { margin-bottom:20px; }
.notfound { margin-bottom:20px }
.pages { }
.ptop { margin-bottom: 40px; }
.pbtm { margin-top: 40px; }
.pages a { padding:5px; margin-right:2px; background-color:#f4f4f4 }
.pages a.current { background-color:#ddd; color: #000; border:1px solid #ddd; padding:4px; text-decoration:none; }
.pages a.pfirst { margin-right:7px }
.pages a.plast { margin-left:5px }
.resultlink { color:#333; font-weight:bold; } /* div Titelzeile */
.resultlink a {


	font-weight:bold;
	text-decoration:none;

}
.resultlink a:hover { }
.resultdesc { font-size: 14px; line-height:17px; }
.searchmarker { font-weight:bold; color:#f00; }






/* +++ Slick slider Team +++ */
.teamslider-wrapper { padding:0 0px; }
.teamslider-wrapper .teammember { padding:0 15px;}
.teamslider-wrapper .teammember .img { margin-bottom:20px; }
.teamslider-wrapper .teammember .text { }
/* Arrows */
.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;

	position: absolute;
	z-index:23;
	top: 30%;
	display: block;

	width: 42px; /* 61px */
	height: 42px;
	margin-top: -10px;
	padding: 0;

	cursor: pointer;

	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25;
}



.slick-prev {
	left: 30px;
	background: transparent url(/css/images/prev.png) no-repeat 0 0;
}
.slick-prev:hover {
	background: transparent url(/css/images/prev_over.png) no-repeat 0 0;
}
[dir='rtl'] .slick-prev {
	right: 30px;
	left: auto;
}
.slick-prev:before {
	content: ' ';
}
[dir='rtl'] .slick-prev:before {
	content: ' ';
}

.slick-next {
	right: 30px;
	background: transparent url(/css/images/next.png) no-repeat 0 0;
}
.slick-next:hover {
	background: transparent url(/css/images/next_over.png) no-repeat 0 0;
}
[dir='rtl'] .slick-next {
	right: auto;
	left: 30px;
}
.slick-next:before
{ content: ' '; }
[dir='rtl'] .slick-next:before { content: ' '; }

/* Dots */
.slick-slider
{ margin-bottom: 30px; }

.slick-dots {
	position: absolute;
	bottom: -45px;
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before { 
	opacity: 1;
}
.slick-dots li button:before {
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	opacity: .25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
	opacity: .75;
	color: black;
}



/* ========== RESPONSIVE GENERAL ======== */

@media screen and (max-width: 767px) {
	header { margin-bottom:0; }

	header .header-left .logo {
		margin-left:15px;
	}
	header .header-firstrow .header-left {
		height:142px;
		background: #eee url(/css/images/logos/bg_header_left_sm.gif) no-repeat 0 -25px;
	}
	header .header-firstrow .header-right {
		height:142px;
		background: #003359 url(/css/images/logos/bg_header_right_sm.jpg) no-repeat 0 -25px;
	}
	header .header-right .logo {
		padding-right:15px;
	}
	header .header-secondrow .header-left, header .header-secondrow-start .header-left {
		padding-left:25px;
	}
	header .header-secondrow .address-start-responsive {
		display:none;
	}
	.contentwrapper .container, footer .container {
		padding-left:30px;
		padding-right:30px;
	}

	@media screen and (max-width: 425px) {
		header .header-firstrow .header-left {
			background: #eee url(/css/images/logos/bg_header_left_nc.gif) no-repeat 0 -25px;
		}
	}

	/* ========== RESPONSIVE END ======== */