/*CCIV
rgb(181,23,38);  rot 
*/

/* ============================================ */
/* HEADER logos, login, metanavi                */
/* ============================================ */

/* header */

#esv-header {
	height: 170px;
}

#esv-header .logo {
	top: 20px;
}

#esv-header .logo img {
	height: 75px;
}

.login,
.userlinks {
	background: rgb(181,23,38); /*cciv*/
}

.userlinks {
    width: 200%;
}

/* fixed-header */

.fixed #esv-header .tools {
	top: 0;
}

.fixed #esv-header .tools .column2 {
	background: none;
}
@media(min-width: 960px){

	.fixed #esv-header .menuicon,
	.fixed #esv-header .login {
		display: none;
	}
	
}

.fixed #esv-header > .main > ul {
	padding: 0 0 0 240px;
}

/*main navigation*/

.template_switch .main {
	display:none;
}

.main {
	height: 60px;
}

.main .menu > .menu-item > a,
.main ul.menu {
	height: 60px;
}

.main ul {
	display: flex;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;	
	/* width: 100%; */
}

.main .menu > li.menu-item {
	padding: 0;
	height: 60px;
	width: 20%;
	display: none;
}

.main .menu > li.menu-item:nth-child(1),
.main .menu > li.menu-item:nth-child(2),
.main .menu > li.menu-item:nth-child(3),
.main .menu > li.menu-item:nth-child(4),
.main .menu > li.menu-item:nth-child(5) {
	display: flex;
}


.main .menu > li > a {
	padding: 0 15px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main .menu > li {
	border-left: 1px solid rgba(236, 236, 236, 0.767);
	position: relative;
}

.main .menu > li.open.menu-item > a,
.main .menu > li > a:hover {
	background: rgb(255 255 255 / 42%);
	color: rgb(181,23,38);
}

.main .menu > li:first-child > a {
	border: none;
}

.main .menu > li:first-child {
	border: none;
}



/*dropdown*/

.dropdown {
	background: transparent;
	box-shadow: none;
	padding: 0;
}

.dropdown li {
	padding: none;
}

.dropdown li li {
    padding: none;
}

.fixed .dropdown li {
    margin-left: 18.7%;
}

.dropdown > ul li > ul.submenu li > ul.submenu {
	display: none;
}

.dropdown ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: 0;
	width: 100%;
	max-width: 1280px;
	justify-content: center;
	margin-left:auto;
	margin-right:auto;
}

.dropdown ul > li > ul {
	justify-content: center;
	background: rgba(243, 243, 243, 0.945);  
	transition: background-color 0.5s ease;
	width: 40%;
	padding: 15px 10px;
	margin: 0;
	border-left: 1px solid white;
}

.dropdown ul > li:nth-child(1) > ul {
	border: none;
	-webkit-box-shadow: 0px -5px 18px 5px rgba(0,0,0,0.13); 
	box-shadow: 0px -5px 18px 5px rgba(0,0,0,0.13);
}

.dropdown ul > li:nth-child(2) > ul {
	margin-left: 20%;
	-webkit-box-shadow: 0px -5px 18px 5px rgba(0,0,0,0.13); 
	box-shadow: 0px -5px 18px 5px rgba(0,0,0,0.13);
}

.dropdown ul > li:nth-child(3) > ul {
	margin-left: 40%;
	-webkit-box-shadow: 0px -5px 18px 5px rgba(0,0,0,0.13); 
	box-shadow: 0px -5px 18px 5px rgba(0,0,0,0.13);
}

.dropdown ul > li:nth-child(4) > ul {
	margin-left: 60%;
	-webkit-box-shadow: 0px -5px 18px 5px rgba(0,0,0,0.13); 
	box-shadow: 0px -5px 18px 5px rgba(0,0,0,0.13);
}

.dropdown ul > li:nth-child(5) > ul {
	margin-left: 60%;
	-webkit-box-shadow: 0px -5px 18px 5px rgba(0,0,0,0.13); 
	box-shadow: 0px -5px 18px 5px rgba(0,0,0,0.13);
}

.dropdown > ul > li > ul > li {
	width: 100%;
	margin-bottom: 0px;
	padding: 6px 0px;
}

.dropdown ul > li > a {
	text-align: center;
}

.dropdown a {
	color: #475256;
}

.dropdown a:hover {
	color: rgb(181,23,38);	
}

.dropdown ul > li > ul:hover {
	background-color: rgba(248, 248, 248, 0.978);  
	color:white;
}

.closedropdown {
	display: none;
}

.fixed #esv-header > .main > ul{
	padding-left:240px;
}

.fixed .dropdown ul > li > a{
	margin-right:30px;
}

.dropdown ul > li > a{
	white-space: pre-wrap;      /* CSS3 */   
	white-space: -moz-pre-wrap; /* Firefox */    
	white-space: -pre-wrap;     /* Opera <7 */   
	white-space: -o-pre-wrap;   /* Opera 7 */    
	word-wrap: break-word;      /* IE */
}

.fixed #esv-header >.main .menu > li.open.menu-item > a, .fixed .main .menu > li > a{
	padding-top:8px;
}


.dropdown ul > li > ul{
	width:40%;
	max-height: 600px;
	overflow: auto;
	overflow-x:hidden;
}

.fixed .dropdown ul > li > ul{
	width:40%;
	max-height: 600px;
	overflow: auto;
	overflow-x:hidden;
}

@media (max-height:825px){
	.dropdown ul > li > ul{
		max-height: 300px;
	}

	.fixed .dropdown ul > li > ul{
		max-height: 400px;
	}
}

@media (max-height:500px){

	.dropdown ul > li > ul{
		max-height: 200px;
	}

	.fixed .dropdown ul > li > ul{
		max-height: 300px;
	}
}

@media (max-height:400px){

	.dropdown ul > li > ul{
		max-height: 160px;
	}

	.fixed .dropdown ul > li > ul{
		max-height: 250px;
	}
}

@media (max-height:300px){

	.dropdown ul > li > ul{
		max-height: 120px;
	}

	.fixed .dropdown ul > li > ul{
		max-height: 150px;
	}
}

@media (max-height:250px){

	.dropdown ul > li > ul{
		max-height: 50px;
	}

	.fixed .dropdown ul > li > ul{
		max-height: 100px;
	}
}

/*subnavi*/

.left .menu-item a {
	line-height: 1.2rem;
	font-weight: 400;
}

.left .menu-item .sub-menu a {
	font-weight: 400;
}

@media (max-width: 1300px) { 
	.dropdown ul{
		width:96%;
	}

	.fixed .dropdown li{
		margin-left:240px;
	}

	.fixed .dropdown li li{
		width: auto !important;
	}

	.fixed .dropdown ul > li > a{
		margin-right:240px;
	}
}

/* footer */

.footerlogo img {
	width: 180px;
}


/* ============================================ */
/* LINKS                                        */
/* ============================================ */

nav a,
nav a:visited {
	color: #475256;
}

a, 
a:active,
a:focus,
a:hover,
a:visited,
nav a:hover,
nav .current-menu-item a:visited,
.current-menu-item a,
.current-menu-item a:hover,
nav.main .menu-item.open a,
nav.main .current-menu-ancestor a,
nav.meta .current-menu-ancestor a,
#esv-nav_portal_detail .where a {
	color: rgb(181,23,38);  /*cciv*/
}

.current-menu-item .sub-menu a,
.current-menu-item .sub-menu a:visited {
	color: #475256;
}


/* ============================================ */
/* IMAGENAVIGATION                              */
/* ============================================ */

.imgnavitext, 
.neutral li .imgnavitext {
	background-color: rgb(181,23,38);
}

.imgnavitext h2 a, 
.imgnavitext .text a, 
.imgnavitext .text, 
.neutral .imgnavitext h2 a, 
.neutral .imgnavitext .text a, 
.neutral .imgnavitext .text {
	color: rgb(255, 255, 255);
}


/* ============================================ */
/* ELEMENTS                                     */
/* ============================================ */

#esv-nav_portal_detail,
#esv-navigation,
#nav  {
	background: rgba(220,221,222, 0.2);
}

hr,
hr.zonecloser {
	background: rgb(181,23,38);  /*cciv*/
}

td {
	border: 1px solid rgb(206, 206, 206); /*cciv*/
}

.dotted, .dashed { 
	border-color: rgb(181,23,38, 0.2); /*cciv*/
}

hr, 
hr.zonecloser, 
.text hr,
hr:not(.dashed):not(.dotted):not(.hidden_clearer) {
	border-color: rgb(181,23,38);
}


/* ================================================= */
/* CCIV.NEU-spezifische Anpassungen am Zeilenkonzept */
/* ================================================= */

/* menuicon / breadrumb */

.lc_showsub {
	background: rgba(220,221,222, 0.2);
	top: 6px;
}

/* metacontainer */

.meta_container .contentline:first-child {
	padding-top: 30px;
}

.meta_container.bg_grey {
	background-color: rgb(220,221,222);
}


/* tiles */

.tile.tile_type01 {
	background: rgb(181,23,38);
}


/* blockquote */

.text blockquote .quote_end, 
.text blockquote .quote_start,
.text blockquote {
	color: rgb(181,23,38);
}


/* therapieaktivinfobox */

.standardlineconcept .freetext .infobox {
	background: rgb(235,200,188);
	border: 2px solid rgb(181,23,38);
	padding: 25px 25px 17px 25px;
	margin-top: 12px;
	margin-bottom: 20px;
}


/* accordion */

.accordion dt {
	background-color: rgb(181,23,38);
}

.accordion dt.open {
	background-color: rgb(181,23,38, .8);
}


/* ======================================================== */
/* Ende - CCIV.NEU-spezifische Anpassungen am Zeilenkonzept */
/* ======================================================== */


/* ============================================ */
/* RESPOND                                      */
/* ============================================ */

@media (max-width: 960px) {

	#esv-header {
        height: 51px;
    }

	#esv-header .logo,
	.fixed #esv-header .logo {
        top: 5px;
		margin-left: 1%;
    }

	#esv-header .logo img,
	.fixed #esv-header .logo img {
        width: auto;
        height: 40px;
    }
    
    .tools {
      width: 205px;
    }
	
	.searching .tools .column2 {
		width: 154px;
	}

	.userlinks {
		width: 400%;
	}

}

@media (max-width: 400px) {

	#esv-header .logo img, 
	.fixed #esv-header .logo img {
		height: 27px;
		margin-top: 7px;
	}

}

@media(max-width: 325px) {

	#esv-header .logo img,
	.fixed #esv-header .logo img {
		height: 21px;
		margin-top: 13px;
	}

}


/* ============================================ */
/* PORTLET                                      */
/* ============================================ */

button, .button, .btn,
.btn_2spalten, .btn_3spalten, .btn_4spalten, .btn_5spalten, .btn_6spalten, .btn_7spalten, .btn_8spalten, .btn_9spalten,
a.a_btn_3spalten, a.a_btn_4spalten, a.a_btn_5spalten, a.a_btn_6spalten, a.a_btn_7spalten {
	background: rgb(181,23,38);
}

.titel, .titel_detail,
.top_header, h2.top_header,
.beachtensie_1, .beachtensie_1_klein, .beachtensie_sternchen,
.sternchen,
#esv-main .termin h2,
.bestellung_preis,
#nav a:hover, #nav #nav_punkt_active a, #active a {
	color: rgb(181,23,38);
}

@media (max-width: 600px) {
	
	#esv-links { 
		border-top: 1px solid rgb(181,23,38, 0.2); /*cciv*/
	}
	
}

.ui-datepicker-prev, .ui-datepicker-next {
	background: rgb(181,23,38); /*cciv*/
}