.wrapper {
	display: flex;
	flex-flow: row nowrap;
}

.wrapper.pageHead {
	background-color:#eaeaea;
	min-height:265px;
}

.wrapper.pageHead .pageHeadImage {
	flex:0 0 265px;
	border-right:2px solid #fff;
	display:block;
}
.wrapper.pageHead .pageHeadImage img {
	padding:65px;
	display:block;
}

.wrapper.pageHead .pageHeadText .innerBox {
	padding:20px 50px;
}
.wrapper.pageHead .pageHeadText .innerBox h2 {
	padding:10px 0 10px;
}


.wrapper.pageContent {
}

.wrapper.pageContent .pageLeftBox {
	flex:0 0 265px;
}

.wrapper.pageContent .pageRightBox {
	padding-left:50px;
	width:100%;
}
.wrapper.pageContent .pageRightBox img {
	max-width:100%;
	height:auto;
}

.harmonikaButton {
	font-size:13pt;
	line-height:24px;
	font-weight:bold;
	padding:13px 50px 13px 20px;
	background-color:#eaeaea;
	color:#1a3560;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:right center;
	background-image:url('/_page/_webpics/buttons/plus-blue.png');
	border-bottom:1px solid #fff;
}

.harmonikaButton:hover {
	background-color:#1a365d;
	background-image:url('/_page/_webpics/buttons/plus-white.png');
	color:#fff;
}

.harmonikaButton.akt {
	background-color:#1a365d;
	color:#fff;
	background-image:url('/_page/_webpics/buttons/minus-white.png');
}

.harmonikaContent {
	display:none;
}
.harmonikaContent.visible {
	display:block;
}

.harmonikaContent .harmonikaButton {
	margin-left:30px;
	padding:8px 50px 8px 20px;

}
.harmonikaContent .harmonikaContent {
	margin-left:30px;
	padding:15px 0;
}

.harmonikaTitel {
	display:none;
	padding:0 10px;
	text-align:center;
	color:#fff !important;
	}

linie {
	display:block;
	height:1px;
	background-color:#bbbbbb;
}

.blockSizing {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.siteBlock {
	margin-left:-25px;
	margin-right:-25px;
	/*
	width:100%;
	*/
}


.block33, .block25, .block50 {
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right:25px;
	padding-left:25px;
}

.block33 img, .block25 img {
	width:100%;
	height:auto;
	display:block;
}

.block33 {
	width:33.33333%;
}

.block50 {
	width:50%;
}

.block33:nth-child(3) {
	margin-right:0;
}

.block25 {
	width:25%;
}
.block25:nth-child(4) {
	margin-right:0;
}




.wrapper.portraitContent .content {
	padding-right:50px;
	width:100%;
}

.wrapper.portraitContent .portrait {
	flex:0 0 265px;
}


.wrapper.sprechstunde {
	margin-bottom:30px;
}

.wrapper.sprechstunde .personen {
	flex:0 0 630px;
}
.wrapper.sprechstunde .text {
	width:100%;
	background-color:#eaeaea;
}


.wrapper.sprechstunde .text .innerBox {
	padding:15px 25px;
}

.wrapper.sprechstunde .blockPerson {
	float:left;
	width:265px;
	padding-right:50px;
}

.wrapper.sprechstunde .blockPerson.topSpace {
	padding-top:50px;
}

#imageBox img {
	max-width:100%;
	height:auto;
	display:block;
}



#newsuebersicht .block50 {
	width:50%;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right:25px;
	padding-left:25px;
}

#newsuebersicht .block50 .innerBox {
	padding:30px;
}

#newsuebersicht .veanstaltungWeiter {
	font-size:13pt;
}

#newsdetail .varanstaltungsBack {
	display:inline-block;
	background-color:#1a365d;
	color:#fff;
	width:264px;
	text-align:center;
	line-height:35px;
	margin-bottom:20px;
}



#newsdetail .grayback {
	background-color:#f3f3f3;
	padding:30px;
}



#kontaktBox {
	margin-top:40px;
	background-color:#eaeaea;
	width:265px;
}

#kontaktBox a {
	color:#1a365d;
	display:block;
}

#kontaktBox .titel {
	padding:20px;
}

#kontaktBox .inner {
	padding:0 20px;
}

#kontaktBox .blockAdress {
	margin-top:20px;
	padding-bottom:20px;
}

#kontaktBox .blockLinks {
	line-height:35px;
	border-top:1px solid #fff;
}

#kontaktBox .blockLinks.mail a {
	display:block;
	overflow: hidden;
	width:100%;
	-moz-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}


#kontaktBox .blockGrafik {
	border-top:1px solid #fff;
}
#kontaktBox .blockGrafik img {
	display:block;
}

.klinikLogo {
	display:block;
	padding:20px 0;
}
.klinikLogo img {
	height:65px !important;
	width:auto;
	margin:0 auto;
}

.showMoreLeft {
	display:none;
	width:64px;
	height:50px;
	background-image:url('/_page/_webpics/buttons/second-menue-button-blue-responsive.png');
	background-size:64px;
	background-position:top center;
}
.showMoreLeft.akt {
	background-position:bottom center;
}

.hidden{ 
	display: none; 
}

.harmonikaTrigger {
	height:0;
	display:none;
}

.klinikHarmonika {
	padding-bottom:30px;
}


#suchFormBox {
	background-color:#eaeaea;
	padding:5px;
	margin-bottom:5px;
}

#suchFormBox #alert {
	background-color:#ca0000;
	color:#fff;
	padding:5px;
	display:none;
	margin-bottom:5px;
}

#suchForm #term {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:220px;
	border:1px solid #ccc;
	height:30px;
	margin-right:5px;
	padding-left:5px;
	float:left;
}

#suchForm input[type="submit"] {
	width:30px;
	height:30px;
	border:1px solid #ccc;
	background-image:url("/_page/_webpics/buttons/lupe.png");
	background-repeat:no-repeat;
	background-position:center;
	background-size:20px;
	background-color:#ddd;
	cursor:pointer;
}






@media  only screen and (max-width: 1220px) {
	.wrapper.sprechstunde .personen {
		flex:0 0 315px;
	}
	.wrapper.pageContent .pageRightBox .block33 {
		width:50%;
	}

	.wrapper.sprechstunde .blockPerson:first-child {
		padding-bottom:50px;
	}

}


@media  only screen and (max-width: 1040px) {
	.wrapper.pageContent .pageRightBox .block33 {
		width:50%;
	}
}


@media  only screen and (min-width: 945px) {
	.wrapper.pageContent .pageLeftBox {
		display: initial !important;
	}
}

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

	.showMoreLeft {
		display:block;
	}

	.wrapper.pageHead {
		min-height:10px;
	}

	.innerBox.pageHeadBox {
		padding:0;
	}
	.wrapper.pageContent.padbot50.padtop50 {
		padding-top:10px;
	}

	.wrapper.pageHead .pageHeadImage {
		display:none;
	}
	.wrapper.pageHead .pageHeadText .innerBox {
		padding:20px 20px;
	}

	.wrapper.pageContent {
		display: block;
	}
	.wrapper.pageContent .pageLeftBox {
		width:265px;
		display:none;
		position:absolute;
		z-index:100;
		background-color:#fff;
		border:1px solid #1a365d;
		padding:10px;
		-webkit-box-shadow: 10px 10px 13px 0px rgba(0,0,0,0.16);
		-moz-box-shadow: 10px 10px 13px 0px rgba(0,0,0,0.16);
		box-shadow: 10px 10px 13px 0px rgba(0,0,0,0.16);
	}

	.wrapper.pageContent .pageRightBox {
		padding-left:0;
		width:100%;
		display:block;
	}
	.siteBlock {
		margin-left:-25px;
		margin-right:-25px;
	}

	.block25 {
		width:33.333333%;
	}

	.wrapper.pageContent .pageRightBox .block33 {
		width:33.33333%;
	}


	#newsuebersicht .block50 {
		width:100%;
	}

}

@media  only screen and (max-width: 780px) {
	.block25 {
		width:50%;
	}
	.wrapper.pageContent .pageRightBox .block33 {
		width:50%;
	}



}


@media  only screen and (min-width: 630px) {
	.klinikHarmonika {
		display:block!important;
	}
}

@media  only screen and (max-width: 630px) {
	.block25 {
		width:100%;
	}
		.block50 {
	width:100%;
}
	.klinikLogo {
		padding:10px 0;
		margin-bottom:10px;
		background-image:url('/_page/_webpics/buttons/plus-white.png');
		background-repeat:no-repeat;
		background-position:right top 5px;
	}

	.klinikLogo.akt {
		background-image:url('/_page/_webpics/buttons/minus-white.png');
	}

	.klinikLogo img {
		height:45px !important;;
		width:auto;
		margin:0 auto;
	}
	.harmonikaTrigger {
		display:block;
	}
	.klinikHarmonika {
		display:none;
	}
	.harmonikaTitel {
	display:block;
	}
	.wrapper.portraitContent {
		flex-flow: column;
		flex-direction: column;
	}
	.wrapper.portraitContent .portrait {
		padding-top:20px;
	}

	.wrapper.portraitContent .content {
		padding-right:0;
	}


	.wrapper.sprechstunde {
		flex-flow: column;
		flex-direction: column-reverse;
	}
	.wrapper.sprechstunde .text {
		margin-bottom:30px;
	}
	.wrapper.sprechstunde .blockPerson {
		width:100%;
	}


	.wrapper.pageContent .pageRightBox .block33 {
		width:100%;
	}

}