@charset "UTF-8";
/* CSS Document */

/*** Promo PopUp ***/

.arrow_box {
	position: relative;
	/*feffff+13,e8e8e8+66,c4c4c4+100&0.9+0,0.9+100 */
background: -moz-linear-gradient(-45deg, rgba(254,255,255,0.9) 0%, rgba(254,255,255,0.9) 13%, rgba(232,232,232,0.9) 66%, rgba(196,196,196,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(254,255,255,0.9) 0%,rgba(254,255,255,0.9) 13%,rgba(232,232,232,0.9) 66%,rgba(196,196,196,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(254,255,255,0.9) 0%,rgba(254,255,255,0.9) 13%,rgba(232,232,232,0.9) 66%,rgba(196,196,196,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6feffff', endColorstr='#e6c4c4c4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	border: 0px solid #fff;
	width:400px; 
	height:auto; 
	margin-top:30px; 
	padding:0px; 
	border-radius:10px; 
	font-size:0.9rem;
	line-height:1.3rem;
	color: #666;  
	float:right;
	box-shadow: 1px 4px 6px 1px rgba(0, 0, 0, 0.25);

}

.arrow_box > #a {
	background-color: #666;
}
.arrow_box > #a:before {
	 content: "Aktuelles";
}

.arrow_box > #b {
	background-color: rgba(116,29,46,0.9);
}
.arrow_box > #b:before {
	 content: "Apotheke";
}

.arrow_box > #c {
	background-color: rgba(36,93,146,0.9);
}
.arrow_box > #c:before {
	 content: "Klinik - Heim - Pflege";
}

.arrow_box > #d {
	background-color: rgba(92,144,57,0.9);
}
.arrow_box > #d:before {
	 content: "Homecare";
}

.arrow_box > #e {
	background-color: rgba(140,77,148,0.9);
}
.arrow_box > #e:before {
	 content: "Fußpflege und Kosmetik";
}

.arrow_box div.badge {
	position:absolute; 
	top:-20px;
	left:7px;	
}

.arrow_box img#icon {
	width:auto;
	float:right;
	margin:5px 15px;
	width:45px; 
	height:auto;
}

.arrow_box h6 {
	margin:15px 0 0 0;
	text-align:left;
	font-size:1.2rem;
	font-weight:700;
	color:#666;
}

.arrow_box img {
	width:50%;
	height:auto;
	margin-left:5px;
	margin-right:5px; 
	
}

.arrow_box p {
	padding:10px;
	margin:0 0 0 0;
	font-size:0.9rem;
	line-height:1.3rem;
}

.intro-content#promo p.small {
	font-size:0.9rem;
	line-height:1.2rem;
}

.arrow_box a  {
	color:#777;
	transition:0.5s;
	text-decoration:underline;
}

.arrow_box:hover {
	background:rgba(255,255,255,0.9);
}

.arrow_box .fa-times-circle {
	cursor:pointer; 
	font-size:1.2rem;
	 color:#fff; 
	 position:absolute; 
	 top:-13px; 
	 right:-12px;
	 z-index:30;
}


.arrow_box .fa-arrow-circle-right {
	font-size:1.75rem;
	color:#666;
	/*margin:5px 13px 0 5px;*/
}

/*
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 85%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 153, 0, 0);
	border-bottom-color: #ff9900;
	border-width: 15px
	margin-left: -15px;
}
.arrow_box:before {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 22px;
	margin-left: -22px;
}
*/
@media (min-width: 576px) {
	
	.intro-content#promo p {
		font-size:1.1rem;
		line-height:1.5rem;
	}

}


@media (max-width: 767px) {

.intro-content#promo {
	position:absolute;
	width:100%;
}

.arrow_box {
	width:100%;
	margin-top:60px;
}

.arrow_box img {
	width:50%;
}

}

.portal-info-bg{
	height: 350px;
	background: 
	linear-gradient(
	  rgba(0, 0, 0, 0.6), 
	  rgba(0, 0, 0, 0.6)
	),
	url('../img/abteilungen/khp/bg_login_KHP.jpg');
	
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.5;
}

.portal-menu-bg{
	height: auto;
	background: 
	linear-gradient(
	  rgba(0, 0, 0, 0.6), 
	  rgba(0, 0, 0, 0.6)
	),
	url('/style/img/intro-carousel/klinik-heim-pflege.jpg');
	background-repeat: no-repeat;
	background-size: cover;
		
}

.center-info{
	position: fixed;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#intro_info{
	z-index: 100 !important;
}

.toast-header{
	background-color: #245D92 !important;
	color: white !important;
}
.toast{
	font-size: 16px !important;
	color: #333333 !important;
	z-index: 9999;
	width: 550px !important;
}
.toast-body{
	background-color: #fefefe !important;
	opacity: 0.7 !important;
}