/* root element for accordion. decorated with rounded borders and gradient background image */
.accordion {

    width: 100%;
	color: #fff;

}

/* accordion header */
.accordion h2 {
  
    margin:0;
    padding:10px 25px;
    font-size:13px !important;
    font-weight:normal;
    border:0px solid #fff;
 
    cursor:pointer;

	
	    background-color:rgba(255,255,255,0);
	color:#000000;
	border-bottom:1px solid #5e5f60;
}

.accordion h2 { 

background-image: url(/open.png);
background-repeat:no-repeat;
background-position: -2px 6px;
}

/* currently active header */
.accordion h2.current {
    cursor:default;

	    color: #fff !important;
		  background:#008dcd;
	background-image: url(/close.png);
background-repeat:no-repeat;
background-position: -2px 6px;
}

/* accordion pane */
.accordion .pane {
    display:none;

    padding:15px;
    color:#000;

}

/* a title inside pane */
.accordion .pane h3 {
    font-weight:600;
    margin:0 0 -5px 0;
   color: #000 !important;
}


#ende {display: none};

@media print {
 .img-section, .moblie-menu {display:none !important;}
#tafel{display:none;}
.box-cntnt{background-color:#ffffff !important; margin:0px !important; padding:0px !important;}
h1{ color:#000000 !important;}
}
p{margin-bottom:20px;}

.bx-image {    position: relative;   width: 100%;    float: left;  margin-right: 3%; margin-bottom: 1%; height:auto; }
	.bx-buch {    position: relative;   width: 25%;    float: left;  margin-right: 3%; margin-bottom: 1%;display:block;}
	
	
@media (min-width: 1605px){
.left{min-height:1500px;}
	

}
@media (max-width: 1400px){
.bx-image {    position: relative;   width: 100%;    float: left;  margin-right: 3%;display:block;margin-bottom: 1%; }

.bx-buch {    position: relative;   width: 25%;    float: left;  margin-right: 3%; display:block;margin-bottom: 1%;}


.left{width:17%;}
.right{width:80%; margin-left:auto;}
.logo-section a {width: 184px;}
.right-content .content .index-bx{padding: 50px 30px 0;}
.index-bx .txt-bx h1 {font-size: 47px;line-height: 47px; margin-bottom: 34px;}
.index-bx .txt-bx {width: auto%;}
.index-bx .txt-bx h2 {font-size: 16px;line-height: 21px; padding-bottom: 10px;}
.index-bx .txt-bx ul li {font-size: 14px; line-height: 19px;padding-left: 22px;}
.index-bx figure {margin-top: 15%;width: 32%;}
.index-bx figure img { width: 200px;}
.bottom-links .links li a {font-size: 14px;height: 40px;line-height: 25px;}
.bottom-links .last-btn.darkred a {font-size: 40px; line-height: 39px;}
nav > ul > li > a { font-size: 16px;line-height: 16px;}
nav > ul > li ul li a {font-size: 15px;line-height: 24px;}
.second-nav {padding: 30px 0;}
.second-nav ul li a {font-size: 15px;line-height: 14px;padding: 5px 14px;}
/* ambulanz page css */
.ambulaz-page {padding: 40px 20px;}
.ambulaz-page .img-section .img-1 img { width: 88px;}
.ambulaz-page .img-section .img-2 img {width: 151px;}
.ambulaz-page .img-section .img-3 img {width: 132px;}
.ambulaz-page .txt-section h1 {margin: 21px 0 30px;}
.ambulaz-page .txt-section {width: 48%;}
.ambulaz-page .img-section {width: 52%;}
.box-cntnt .bx-with-content p {} /* font-size: 13px;line-height: 16px;*/
.box-cntnt .bx-with-content .accordian ul li h3 {font-size: 14px;line-height: 20px;}
.box-cntnt .bx-with-content .accordian ul li .acord-content h4 {font-size: 14px;line-height: 19px;}




}

@media (max-width: 1199px){
.bx-image {    position: relative;   width: 100%;    float: left;  margin-right: 3%; height:auto;}
.logo-section {padding:23px 10px 12px;}
.logo-section a { width: 135px;}
.index-bx .txt-bx h1 {font-size: 39px;line-height: 40px;margin-bottom: 27px;}
.right-content .content .index-bx { padding: 33px 30px 0;}
.left{min-height: 700px;  height:100%;}
nav > ul > li > a {font-size: 14px;line-height: 14px;}
nav > ul > li ul li {padding-right: 15px;}
nav > ul > li ul li a {font-size: 13px; line-height: 22px;}
.second-nav {padding: 16px 0;}
.second-nav ul li a {font-size: 14px;line-height: 14px;padding: 5px 14px;}
.search-section .search-btn{width:100%;}
/* ambulanz page css */
.box-cntnt .bx-with-content .bx .vertical-middle .vertical-center .pink-bx {padding: 15px 10px; width: 72%;}
.box-cntnt .bx-with-content .bx .vertical-middle .vertical-center .pink-bx p {font-size: 15px;line-height: 15px;}
.box-cntnt h2 { font-size: 13px; line-height: 14px;}
.ambulaz-page .img-section .img-1 img {width: 76px;}
.ambulaz-page .img-section .img-2 img {width: 129px;}
.ambulaz-page .img-section .img-3 img {width: 100px;}
.ambulnz-page .left { min-height: 1304px;}

}
@media (max-width: 991px){ 

#rechts{  }
#tafel { display:none;}
.right-content { }
#ende {display: inline; margin-top:-16px;}
.bx-image {    position: relative;   width: 100%;    float: left;  margin-right: 3%; height:auto;}
.layout{position:relative;}
.left {display: table-cell;float: none; min-height: inherit;padding-bottom: 100px;vertical-align: top; width: 21%; position:fixed;}
.right {float: none; position: relative; vertical-align: top; margin-left:200px;}
.right-content {float: left;height: 100%; position: static; width: 100%;}
.right-content > img{min-height:inherit;position:absolute;top:0;left:0;height:100%;}
.right-content .content .index-bx {padding: 29px 15px 0;}
.index-bx .txt-bx {width: 77%;}
.index-bx figure {width: 23%;}
.index-bx figure img{width:150px;}
.index-bx .txt-bx h1 { font-size: 32px; line-height: 32px; margin-bottom: 20px;}
.index-bx .txt-bx h2 {font-size: 14px;line-height: 19px; padding-bottom: 8px;}
.right-content .last-btn.darkred a { font-size: 28px;line-height: 28px;}
.right-content .links li a { font-size: 13px;height: 37px;line-height: 21px;}
.index-bx .txt-bx ul li {font-size: 13px; line-height: 17px;}
.bottom-links.desktop{display:none;}
.bottom-links.mobile{display:block;}
.bottom-links .links li a {font-size: 13px;line-height: 23px;}
/* ambulanz page css */
.ambulaz-page .txt-section{width:100%;}
.ambulaz-page .img-section{width:100%;float:left; margin-top: 14px;text-align:center; display:nsone;}

.ambulaz-page {padding: 20px;}
.ambulaz-page .img-section .img1{width:220px;float:none;}
.ambulaz-page .img-section .img-3{top:40%;}
.ambulaz-page .img-section .img-3 img {width: 140px;}
.right-content .content{position:relative;}
}
@media (max-width: 767px){ 
.bx-image {    position: relative;   width: 100%;     float: left;  margin-right: 3%; height:auto;}
.right-content{position:static;height:inherit;}
.right-content .content{position:relative;}
.right {width: 100%; float:left;display:block; position:static; margin-left:0px;}
.logo-section {width:50%;padding:0;}
.logo-section a{float:left;}
.left{width:100%;padding:10px 15px;position:relative;z-index:9;display:block;float:left;}
.moblie-menu{float:right;width:30px;margin-top:40px;display:block;}
.moblie-menu span{float:left;width:100%;height:3px;margin-bottom:6px;background:#fff;transition: all 0.5s ease;position:relative;}
.cross span:nth-child(2){display:none;}
.cross span:nth-child(1){-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);top:9px;}
.cross span:nth-child(3){-ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.navigation{display:none; position:absolute;top:100%;left:0px; width:200px; float:left;background:#008dcd;padding:10px 0;z-index:9999999;}
.index-bx figure{width:100%; float:left; text-align:center;margin-top:0;margin-bottom:20px;}
.index-bx .txt-bx{width:100%; float:left;padding-bottom:40px;}
.bottom-links.mobile{width:100%; position:static;}
.bottom-links .links{width:100%; float:left; position:static;}
.bottom-links .links li{height:inherit;width:50%;position:static;}
.bottom-links .links li a{padding:10px 0;height: inherit;position:static;display:block;}
.index-bx .txt-bx ul{padding:0 0 20px 0;}
.bottom-links .links li:hover a{height: inherit;}
.bottom-links .last-btn{position:static;float:left;width:100%;}
.search-section {padding: 14px 14px 10px 24px;}
/* ambulanz page css */
.ambulaz-page { padding: 20px 15px;}
.ambulnz-page .left{min-height:inherit;}
.ambulaz-page .txt-section h1 {font-size: 37px;line-height: 37px;margin: 16px 0 20px;}
.index-bx .txt-bx h1 span {padding-left: 32px;}
.bottom-links .last-btn.darkred a { font-size: 30px;line-height: 30px;}
}
@media only screen and (max-width: 479px){ 

.bx-image {    position: relative;   width: 100%;    float: left;  margin-right: 3%; height:auto;}
.box-cntnt .bx-with-content .bx {margin-bottom: 10px; margin-right: 0; width: 100%;}
.ambulaz-page .img-section .img-2 img {width: 100px;}
.ambulaz-page .img-section .img-1 img { width: 56px;}
.ambulaz-page .img-section .img1 {width: 185px;}
.ambulaz-page .img-section .img-3 img {width: 89px;}
.index-bx .txt-bx h1 {font-size: 30px;line-height: 30px;}
.index-bx .txt-bx h1 span {padding-left: 25px;}
.bottom-links .last-btn{width:100%;}
.bottom-links .links li{width:100%;}


#termin {
background-color: #008dcd;
    width: 170px;
    padding: 10px;
    color: #fff;
    margin-left: 10px;
	margin-bottom:20px; 
	z-index:9999999;
}

}
@media only screen and (min-width: 768px){
.navigation {display:block!important;}
}
@media screen and (min-device-width : 120px) and (max-device-width : 1199px)  {
#termin {
background-color: #008dcd;
    width: 170px;
    padding: 10px;
    color: #fff;
    margin-left: 10px;
	margin-bottom:20px; 
	z-index:9999999;
}

}


@media screen and (min-device-width : 1200px) and (max-device-width : 3200px)  {
	#termin {
	background-color: #008dcd;
		width: 170px;
		padding: 10px;
		color: #fff;
		-ms-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(-90deg);
		position: realtive;
		position: relative;
		margin-right: -118px;
		top: 90px;
		margin-left: auto;
		z-index:9999999;
	}

}