/*
 * DATENKNOTEN - WEBVORLAGEN
 * Template Customized Layout File
 *
 * For Template: 10003-01
 * Version 1.0
 * 
 * Copyright 2015 Manuel Mitteregger
 *
 *
 * !! IN DIESER DATEI SOLLTE NICHTS GEAENDERT WERDEN !! 
 *
 */



/*
 * --------------------------------------------------------------------------------------
 * --> Navigation
 * --------------------------------------------------------------------------------------
 *
 */
.navbar-default {
	 background			: rgba(255, 255, 255, 1);  		/* Navigation - Hintergrundfarbe - mit Transparenz */
	 font-size			: 15px;
	 border-bottom: 2px solid #7b6b5e;
}

.navbar-default .navbar-nav > li > a {
	color				: #000;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color				: #FFF;					/* Navigation - 1. Ebene - Hover - Hintergrundfarbe */
	background			: #b0242b;				/* Navigation - 1. Ebene - Hover - Schriftfarbe */
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
	background-color		: rgba(177, 37, 43, 0.8);	/* Mobiles Menü - 1. Ebene - Aktiv - Hintergrund */
	color				: #b0242b;			/* Mobiles Menü - 1. Ebene - Aktiv - Text */
}	
	

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
	background			: #7b6b5e;				/* Navigation - 2. Ebene - Hintergrundfarbe */
	color				: #fff;				/* Navigation - 2. Ebene - Abstand nach Oben */
}


.navbar-default .navbar-nav li.dropdown > ul.dropdown-menu {
	background			: rgba(177, 37, 43, 0.8);		/* Mobiles Menü - 2. Ebene - Hintergrund */
	color				: #fff;				/* Mobiles Menü - 2. Ebene - Text */
	z-index: 10;
}	

@media all and (max-width:768px) {
	.navbar-default .navbar-nav .open .dropdown-menu >li >a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu >li >a:hover {
		color			: #FFF;
		background		: #7b6b5e;	
	}
}

.navbar-header .navbar-toggle {
	color: rgb(177, 37, 44) !important;
	border-color: rgb(177, 37, 44);
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: rgb(177, 37, 44) !important;
}

.dropdown-menu > li > a {
    color				: #FFF;
	padding				: 12px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color				: #FFF;
}	

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background			: rgba(137, 37, 43, 0.8);
	color				: #FFF;
} 

/*
 * --------------------------------------------------------------------------------------
 * --> Schnellanfrage
 * --------------------------------------------------------------------------------------
 *
 */
.quickrequest.input-group.button input {
	color				: #fff;
	background			: #b1252c;
}


/*
 * --------------------------------------------------------------------------------------
 * --> Content
 * --------------------------------------------------------------------------------------
 *
 */
.content {
	background			: #f4f4f3;
	z-index: -1;
	/* background: url(../../media/images/hg_content.jpg); */
}
.content .contentbox {
/*
	background			: #FFF;
*/
		border-color: #f2f1ea;
}

.contentbox h1 {
	color				: #000;				/* Überschrift 1 */
	font-size			: 26px;
	line-height			: 26px;
	margin-bottom			: 15px;
	padding-bottom			: 5px;
	font-weight			: 400;
	margin-top:			: 0;
}
.contentbox h1:first-child {
		margin-top					: 0px;
}
.contentbox h2 {
	color				: #b0252b;				/* Überschrift 2 */
	font-size			: 24px;
	line-height			: 24px;
	margin-bottom			: 10px;
	padding-bottom			: 5px;
	font-weight			: 400;
	margin-top:			: 0px;
}


.team h2 {
	font-size			: 13px;
	text-transform: none;
	padding-bottom			: 0px;
	text-align			: center;
}
.team img {
	border-top			: none;
	border-left			: none;
}

.contentbox h4 {
	color				: #7b6b5e;				/* Überschrift 4 */
	font-size			: 24px;
	line-height			: 20px;
	margin-bottom			: 10px;
	padding-bottom			: 5px;
	font-weight			: 400;
	margin-top:			: 0px;
}
.infobox h3 {
	color				: #7b6b5e;	
	font-weight: 400;;			/* Überschrift 1 */
	padding-bottom: 7px;
	padding-top: 10px;
}

.infobox a.more-info {
	background-color		: #b1252c;
	color				: #fff;
}

.bild-responsiv {
    max-width: 100%;
    height: auto;
}

.form-button {
	background-color		: #b1252c;
	color				: #fff;
}
@media all and (min-width: 989px) {
	.form-button {
		width			: auto;
	}
}

.bild-responsiv {
    max-width: 100%;
    height: auto;
}

@media all and (min-width: 989px) {
	.infobox .infobox-content-text {
		min-height		: 120px;
	}
}
@media all and (min-width: 421px) and (max-width:989px) {
	.infobox h2 {
		min-height		: 50px;
	}
	.infobox-content-text {
		min-height		: 200px !important;
	}
}
@media all and (max-width:420px) {
	.infobox h2 {
		min-height		: none;
	}
	.infobox-content-text {
		min-height		: none;
	}
}



.contentbox table {
	1width				: 100%;
	border-collapse			: collapse;
}
.contentbox table thead td {
	background-color		: #eff3ea;
	text-align			: center;
	vertical-align			: middle;
}
.contentbox table tbody tr td {
	background-color		: ;			/* Content Tabelle - Body - Hintergrund Zeile */
	text-align			: center;
	vertical-align: middle;
}
.contentbox table tbody tr:hover td {
	 background-color		: #E9E9E9; 		/* Content Tabelle - Body - Hintergrund Zeile Hover */
}
.contentbox table td {
	border-bottom				: 2px solid #ccc;		/* Content Tabelle - Body - Rahmenfarbe */
}



.contentbox .bereitschaftstabelle {
	1width				: 100%;
	border-collapse			: collapse;
}
.contentbox .bereitschaftstabelle thead td {
	background-color		: #eff3ea;
	text-align			: center;
	vertical-align			: middle;
}
.contentbox .bereitschaftstabelle tbody tr td {
	background-color		: #F4F1F1;			/* Content Tabelle - Body - Hintergrund Zeile */
	text-align			: center;
}
.contentbox .bereitschaftstabelle tbody tr:hover td {
	/* background-color		: #E9E9E9; */			/* Content Tabelle - Body - Hintergrund Zeile Hover */
}
.contentbox .bereitschaftstabelle td {
	border				: 1px solid #fff;		/* Content Tabelle - Body - Rahmenfarbe */
}



/* 
* ----------------------------
* Tabelle responisve mediziische Notfälle
* ----------------------------*
*/
@media only screen and (max-width:640px) {
	table, thead, tbody, th, td, tr { 
		/* display:block; */
	}
	thead {
		/* optisch versteckt, 
		aber für Screenreader zugänglich */
		tr {
			border:0;
			clip:rect(0 0 0 0);
			height:1px;
			margin:-1px;
			overflow:hidden;
			padding:0;
			position:absolute;
			width:1px;
		}
	}
	td { 
		position:relative;
		padding-left:50%; 
	}
	td:first-child {
		padding-left:50%;
	}
	td:before { 
		position:absolute;
		top:0.5em;
		left:0;
		width:45%; 
		padding-right:5%;
		white-space:nowrap;
	}

}


@media only screen and (max-width:480px) {
	td { 
		padding-left:0; 
	}
	td:first-child {
		padding-left:0;
	}
	td:before { 
		top:0;
		width:0; 
		padding-right:0;
	}

}
/*
 * --------------------------------------------------------------------------------------
 * --> Pauschalen
 * --------------------------------------------------------------------------------------
 *
 */
.packages-list-mini .row {
	border				: 1px solid #eee;
	padding				: 15px;
	margin				: 15px;
}
.packages-list-mini .package-button a {
	background-color		: #b1252c;
	color				: #fff;
	padding				: 5px;
	text-decoration			: none;
}
.packages-list-mini .package-button a:hover {
	text-decoration			: none;
	background-color		: #7b6b5e;
}
.packages-details .package-details-button-container {
	margin-top			: 50px;
}
.packages-details .package-details-button-container a {
	background-color		: #7b6b5e;
	color				: #fff;
	padding				: 5px;
	text-decoration			: none;
	display				: block;	
	text-align			: center;
}


hr {  
    height: 2px; 
    margin: 10 0 0 0;
    background: #7b6b5e;
}
/*
 * --------------------------------------------------------------------------------------
 * --> Footer
 * --------------------------------------------------------------------------------------
 *
 */
footer {

	background			: #beb1a1;
	/* background: url(../../media/images/hg_footer.jpg);*/

	color				: #000;
}
footer a {
	color: #000 !important;
}


/*
 * --------------------------------------------------------------------------------------
 * --> Addon - Cookie Control
 * --------------------------------------------------------------------------------------
 *
 */
.cc_container .cc_btn, .cc_container .cc_btn:visited {
	background-color	:	#7b6b5e !important;
	color			:	#fff !important;
}



/*
 * --------------------------------------------------------------------------------------
 * --> Addon - Nachtdienste
 * --------------------------------------------------------------------------------------
 *
 */
 
.calendar thead {
	/* display: block; */
}

.calendar thead .calendar-month-label {
	border: 1px solid #b0252b;
}
.calendar thead .calendar-month-label td {
	background: #b0252b;
	color: #fff;
	font-weight: bold;
}
.calendar thead .calendar-day-label td {
	background: #fff;
	color: #b0252b;
	font-weight: bold;

}
.calendar tbody td {
	cursor: pointer;
}
.calendar td {
	border: 1px solid #fff;
}
.calendar .standby-yes {
	/* background-color: #79C753; */
	background-color: #8a9977 !important;
	color: #fff;
}
.calendar .standby-no {
	/* background-color: #B4B7BA; */
	/* background-color: #ACD1EB; */
	background-color: #314f6f;
	color: #000;
}
.calendar-info {
	margin-top: 25px;
}

.calendar-info .calendar-info-element {
	margin-top: 30px;
}
.calendar-info .calendar-info-col-bg, .calendar-info .calendar-info-col-hg {
}


.calendar-info .calendar-info-col-bg {
	width: 40px;
	height: 40px;
	background-color: #79C753;
	float:left;
}
.calendar-info .calendar-info-col-hg {
	width: 40px;
	height: 40px;
	background-color: #ACD1EB;
	float: left;
}



.modalmap {
	height: 260px;
}

table.bereitschaftstabelle thead tr {
	position: unset !important;
	height: auto !important;
	width: auto !important;
}


table.bereitschaftstabelle thead, tbody, th, td, tr {
	/* display: auto; */
}


.embed-responsive-210by297 {
  padding-bottom: 141.42%;
}

.column {
    float: left;
    padding: 10px;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

@media screen and (max-width: 880px) {
    .column {3
}
	

video.responsive-video {
  max-width: 300px;
  height: auto;
}
@media screen and (min-width: 768px)  {
  video.responsive-video {
    max-width: 640px;
  }
}