/********************
 Wolfsburg css components style

********************/
/***
General reset
***/

/* Set default body */
/*html, // NOTE: remove styles from html-element because of scrolling issues in connection with the implementation of SWOB-1019 */
body {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

body {
  overflow-y: auto;
  /*height:100%;*/
  font-family: "adelle-sans", "Open Sans", sans-serif, arial;
  padding: 0px !important;
  margin: 0px !important;
  font-size: 14px;
  direction: ltr;
  background: transparent;
  background-attachment: fixed;
  color:#fff;
	-webkit-overflow-scrolling: touch;
}


body.no-scroll {
  overflow: hidden !important;
}

.container {
  position: relative;
}

/***
Background gradient classes
***/
/* --------------- Background gradients for scss -----------------------------------------------------
		//needs latest Compass, add '@import "compass"' to your scss
		background-color: #5f140a; // Old browsers
		@include filter-gradient(#5f140a, #5f140a, vertical); // IE6-9
		@include background-image(linear-gradient(top, #5f140a 0%,#be2814 30%,#be2814 70%,#5f140a 100%)); */

.page-bg-red {
	background: #5f140a; /* Old browsers */
	background: -moz-linear-gradient(top, #5f140a 0%, #be2814 30%, #be2814 70%, #5f140a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f140a), color-stop(30%,#be2814), color-stop(70%,#be2814), color-stop(100%,#5f140a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5f140a 0%,#be2814 30%,#be2814 70%,#5f140a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5f140a 0%,#be2814 30%,#be2814 70%,#5f140a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5f140a 0%,#be2814 30%,#be2814 70%,#5f140a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #5f140a 0%,#be2814 30%,#be2814 70%,#5f140a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f140a', endColorstr='#5f140a',GradientType=0 ); /* IE6-9 */
}

.page-bg-blue {
	background: #0f414b; /* Old browsers */
	background: -moz-linear-gradient(top, #0f414b 0%, #1e8296 30%, #1e8296 70%, #0f414b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f414b), color-stop(30%,#1e8296), color-stop(70%,#1e8296), color-stop(100%,#0f414b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0f414b 0%,#1e8296 30%,#1e8296 70%,#0f414b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0f414b 0%,#1e8296 30%,#1e8296 70%,#0f414b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0f414b 0%,#1e8296 30%,#1e8296 70%,#0f414b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0f414b 0%,#1e8296 30%,#1e8296 70%,#0f414b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f414b', endColorstr='#0f414b',GradientType=0 ); /* IE6-9 */
}

.page-bg-purple {
	background: #231923; /* Old browsers */
	background: -moz-linear-gradient(top, #231923 0%, #463246 30%, #463246 70%, #231923 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#231923), color-stop(30%,#463246), color-stop(70%,#463246), color-stop(100%,#231923)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #231923 0%,#463246 30%,#463246 70%,#231923 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #231923 0%,#463246 30%,#463246 70%,#231923 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #231923 0%,#463246 30%,#463246 70%,#231923 100%); /* IE10+ */
	background: linear-gradient(to bottom, #231923 0%,#463246 30%,#463246 70%,#231923 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231923', endColorstr='#231923',GradientType=0 ); /* IE6-9 */
}

.page-bg-purple-2 {
	background: #441833; /* Old browsers */
	background: -moz-linear-gradient(top, #441833 0%, #882f63 30%, #882f63 70%, #441833 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#441833), color-stop(30%,#882f63), color-stop(70%,#882f63), color-stop(100%,#441833)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #441833 0%,#882f63 30%,#882f63 70%,#441833 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #441833 0%,#882f63 30%,#882f63 70%,#441833 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #441833 0%,#882f63 30%,#882f63 70%,#441833 100%); /* IE10+ */
	background: linear-gradient(to bottom, #441833 0%,#882f63 30%,#882f63 70%,#441833 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#441833', endColorstr='#441833',GradientType=0 ); /* IE6-9 */
}


.page-bg-aqua {
	background: #0a4b3c; /* Old browsers */
	background: -moz-linear-gradient(top, #0a4b3c 0%, #149678 30%, #149678 70%, #0a4b3c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a4b3c), color-stop(30%,#149678), color-stop(70%,#149678), color-stop(100%,#0a4b3c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0a4b3c 0%,#149678 30%,#149678 70%,#0a4b3c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0a4b3c 0%,#149678 30%,#149678 70%,#0a4b3c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0a4b3c 0%,#149678 30%,#149678 70%,#0a4b3c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0a4b3c 0%,#149678 30%,#149678 70%,#0a4b3c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a4b3c', endColorstr='#0a4b3c',GradientType=0 ); /* IE6-9 */
}

.page-bg-aquablue {
  background: #000;
  background: -moz-linear-gradient(top, #005b74 0%, #00afe0 30%, #00afe0 70%, #005b74 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005b74), color-stop(30%,#00afe0), color-stop(70%,#00afe0), color-stop(100%,#005b74)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #005b74 0%,#00afe0 30%,#00afe0 70%,#005b74 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #005b74 0%,#00afe0 30%,#00afe0 70%,#005b74 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #005b74 0%,#00afe0 30%,#00afe0 70%,#005b74 100%); /* IE10+ */
  background: linear-gradient(to bottom, #005b74 0%,#00afe0 30%,#00afe0 70%,#005b74 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005b74', endColorstr='#005b74',GradientType=0 ); /* IE6-9 */
}

.page-bg-darkblue {
  background: #191e28; /* Old browsers */
  background: -moz-linear-gradient(top, #191e28 0%, #323c50 30%, #323c50 70%, #191e28 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#191e28), color-stop(30%,#323c50), color-stop(70%,#323c50), color-stop(100%,#191e28)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #191e28 0%,#323c50 30%,#323c50 70%,#191e28 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #191e28 0%,#323c50 30%,#323c50 70%,#191e28 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #191e28 0%,#323c50 30%,#323c50 70%,#191e28 100%); /* IE10+ */
  background: linear-gradient(to bottom, #191e28 0%,#323c50 30%,#323c50 70%,#191e28 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191e28', endColorstr='#191e28',GradientType=0 ); /* IE6-9 */
}

.page-bg-darkgreen {
  background: #0f2323; /* Old browsers */
  background: -moz-linear-gradient(top, #0f2323 0%, #1d4545 30%, #1d4545 70%, #0f2323 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f2323), color-stop(30%,#1d4545), color-stop(70%,#1d4545), color-stop(100%,#0f2323)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0f2323 0%,#1d4545 30%,#1d4545 70%,#0f2323 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0f2323 0%,#1d4545 30%,#1d4545 70%,#0f2323 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0f2323 0%,#1d4545 30%,#1d4545 70%,#0f2323 100%); /* IE10+ */
  background: linear-gradient(to bottom, #0f2323 0%,#1d4545 30%,#323c50 70%,#0f2323 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f2323', endColorstr='#0f2323',GradientType=0 ); /* IE6-9 */
}

.page-bg-darkred {
  background: #5a0f1e; /* Old browsers */
  background: -moz-linear-gradient(top, #5a0f1e 0%, #b41e3b 30%, #b41e3b 70%, #5a0f1e 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a0f1e), color-stop(30%,#b41e3b), color-stop(70%,#b41e3b), color-stop(100%,#5a0f1e)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5a0f1e 0%,#b41e3b 30%,#b41e3b 70%,#5a0f1e 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5a0f1e 0%,#b41e3b 30%,#b41e3b 70%,#5a0f1e 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5a0f1e 0%,#b41e3b 30%,#b41e3b 70%,#5a0f1e 100%); /* IE10+ */
  background: linear-gradient(to bottom, #5a0f1e 0%,#b41e3b 30%,#b41e3b 70%,#5a0f1e 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a0f1e', endColorstr='#5a0f1e',GradientType=0 ); /* IE6-9 */
}

.ico-wrap  .pull-left{
	margin-right: 8px;
	margin-top: 2px;
}

.ico-wrap .nav-text {
	font-weight : 600;
}

@media (max-width: 100px) {
	body {
	color: red;
	}
}

@media (max-width: 767px) {
  /*.page-bg-red {
	background: transparent;
  }*/

  .page-bg-red:before {
	content: "";
	position: fixed;
	position: sticky;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #5f140a; /* Old browsers */
	background: -moz-linear-gradient(top, #5f140a 0%, #be2814 30%, #be2814 70%, #5f140a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f140a), color-stop(30%,#be2814), color-stop(70%,#be2814), color-stop(100%,#5f140a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5f140a 0%,#be2814 30%,#be2814 70%,#5f140a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5f140a 0%,#be2814 30%,#be2814 70%,#5f140a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5f140a 0%,#be2814 30%,#be2814 70%,#5f140a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #5f140a 0%,#be2814 30%,#be2814 70%,#5f140a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f140a', endColorstr='#5f140a',GradientType=0 ); /* IE6-9 */
  }

  /*.page-bg-blue {
	background: transparent;
  }*/

  .page-bg-blue:before {
	  content: "";
	  position: fixed;
	  position: sticky;
	  z-index: 0;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #0f414b; /* Old browsers */
	  background: -moz-linear-gradient(top, #0f414b 0%, #1e8296 30%, #1e8296 70%, #0f414b 100%); /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f414b), color-stop(30%,#1e8296), color-stop(70%,#1e8296), color-stop(100%,#0f414b)); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top, #0f414b 0%,#1e8296 30%,#1e8296 70%,#0f414b 100%); /* Chrome10+,Safari5.1+ */
	  background: -o-linear-gradient(top, #0f414b 0%,#1e8296 30%,#1e8296 70%,#0f414b 100%); /* Opera 11.10+ */
	  background: -ms-linear-gradient(top, #0f414b 0%,#1e8296 30%,#1e8296 70%,#0f414b 100%); /* IE10+ */
	  background: linear-gradient(to bottom, #0f414b 0%,#1e8296 30%,#1e8296 70%,#0f414b 100%); /* W3C */
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f414b', endColorstr='#0f414b',GradientType=0 ); /* IE6-9 */
  }

  /*.page-bg-purple {
	background: transparent;
  }*/

  .page-bg-purple:before {
	  content: "";
	  position: fixed;
	  position: sticky;
	  z-index: 0;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #231923; /* Old browsers */
	  background: -moz-linear-gradient(top, #231923 0%, #463246 30%, #463246 70%, #231923 100%); /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#231923), color-stop(30%,#463246), color-stop(70%,#463246), color-stop(100%,#231923)); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top, #231923 0%,#463246 30%,#463246 70%,#231923 100%); /* Chrome10+,Safari5.1+ */
	  background: -o-linear-gradient(top, #231923 0%,#463246 30%,#463246 70%,#231923 100%); /* Opera 11.10+ */
	  background: -ms-linear-gradient(top, #231923 0%,#463246 30%,#463246 70%,#231923 100%); /* IE10+ */
	  background: linear-gradient(to bottom, #231923 0%,#463246 30%,#463246 70%,#231923 100%); /* W3C */
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231923', endColorstr='#231923',GradientType=0 ); /* IE6-9 */
  }

  /*.page-bg-purple-2 {
	background: transparent;
  }*/

  .page-bg-purple-2:before {
	  content: "";
	  position: fixed;
	  position: sticky;
	  z-index: 0;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #441833; /* Old browsers */
	  background: -moz-linear-gradient(top, #441833 0%, #882f63 30%, #882f63 70%, #441833 100%); /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#441833), color-stop(30%,#882f63), color-stop(70%,#882f63), color-stop(100%,#441833)); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top, #441833 0%,#882f63 30%,#882f63 70%,#441833 100%); /* Chrome10+,Safari5.1+ */
	  background: -o-linear-gradient(top, #441833 0%,#882f63 30%,#882f63 70%,#441833 100%); /* Opera 11.10+ */
	  background: -ms-linear-gradient(top, #441833 0%,#882f63 30%,#882f63 70%,#441833 100%); /* IE10+ */
	  background: linear-gradient(to bottom, #441833 0%,#882f63 30%,#882f63 70%,#441833 100%); /* W3C */
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#441833', endColorstr='#441833',GradientType=0 ); /* IE6-9 */
  }

  /*.page-bg-aqua {
	background: transparent;
  }*/

  .page-bg-aqua:before {
	  content: "";
	  position: fixed;
	  position: sticky;
	  z-index: 0;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #0a4b3c; /* Old browsers */
	  background: -moz-linear-gradient(top, #0a4b3c 0%, #149678 30%, #149678 70%, #0a4b3c 100%); /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a4b3c), color-stop(30%,#149678), color-stop(70%,#149678), color-stop(100%,#0a4b3c)); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top, #0a4b3c 0%,#149678 30%,#149678 70%,#0a4b3c 100%); /* Chrome10+,Safari5.1+ */
	  background: -o-linear-gradient(top, #0a4b3c 0%,#149678 30%,#149678 70%,#0a4b3c 100%); /* Opera 11.10+ */
	  background: -ms-linear-gradient(top, #0a4b3c 0%,#149678 30%,#149678 70%,#0a4b3c 100%); /* IE10+ */
	  background: linear-gradient(to bottom, #0a4b3c 0%,#149678 30%,#149678 70%,#0a4b3c 100%); /* W3C */
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a4b3c', endColorstr='#0a4b3c',GradientType=0 ); /* IE6-9 */
  }

  /*.page-bg-darkblue {
	background: transparent;
  }*/

  .page-bg-darkblue:before {
	content: "";
	position: fixed;
	position: sticky;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #191e28; /* Old browsers */
	background: -moz-linear-gradient(top, #191e28 0%, #323c50 30%, #323c50 70%, #191e28 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#191e28), color-stop(30%,#323c50), color-stop(70%,#323c50), color-stop(100%,#191e28)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #191e28 0%,#323c50 30%,#323c50 70%,#191e28 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #191e28 0%,#323c50 30%,#323c50 70%,#191e28 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #191e28 0%,#323c50 30%,#323c50 70%,#191e28 100%); /* IE10+ */
	background: linear-gradient(to bottom, #191e28 0%,#323c50 30%,#323c50 70%,#191e28 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191e28', endColorstr='#191e28',GradientType=0 ); /* IE6-9 */
  }

  /*.page-bg-darkgreen {
	background: transparent;
  }*/

  .page-bg-darkgreen:before {
	content: "";
	position: fixed;
	position: sticky;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #0f2323; /* Old browsers */
	background: -moz-linear-gradient(top, #0f2323 0%, #1d4545 30%, #1d4545 70%, #0f2323 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f2323), color-stop(30%,#1d4545), color-stop(70%,#1d4545), color-stop(100%,#0f2323)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0f2323 0%,#1d4545 30%,#1d4545 70%,#0f2323 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0f2323 0%,#1d4545 30%,#1d4545 70%,#0f2323 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0f2323 0%,#1d4545 30%,#1d4545 70%,#0f2323 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0f2323 0%,#1d4545 30%,#323c50 70%,#0f2323 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f2323', endColorstr='#0f2323',GradientType=0 ); /* IE6-9 */
  }

  /*.page-bg-darkred {
	background: transparent;
  }*/

  .page-bg-darkred:before {
	content: "";
	position: fixed;
	position: sticky;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #5a0f1e; /* Old browsers */
	background: -moz-linear-gradient(top, #5a0f1e 0%, #b41e3b 30%, #b41e3b 70%, #5a0f1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a0f1e), color-stop(30%,#b41e3b), color-stop(70%,#b41e3b), color-stop(100%,#5a0f1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5a0f1e 0%,#b41e3b 30%,#b41e3b 70%,#5a0f1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5a0f1e 0%,#b41e3b 30%,#b41e3b 70%,#5a0f1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5a0f1e 0%,#b41e3b 30%,#b41e3b 70%,#5a0f1e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #5a0f1e 0%,#b41e3b 30%,#b41e3b 70%,#5a0f1e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a0f1e', endColorstr='#5a0f1e',GradientType=0 ); /* IE6-9 */
  }
}

.page-title {
  font-family: "adelle-sans", "Open Sans", sans-serif;
  font-size: 32px;
  margin: 0 0 30px 40px;
  margin-top: 0;
  color: white;
}
.page-title.subtitle {
  font-weight: 300;
  margin-top: 5px;
}
.page-title.one {
  margin: 15px 0 50px 45px;
}
.no-margin-bot {
  margin-bottom: 0;
}
.no-padding-bot {

}

h1.page-title {
  font-weight: bold;
  font-weight: 600;
  /*-ms-word-break: break-all;
  word-break: break-all;*/
}

h4.page-desc {
  margin: 20px 0 30px 40px;
  font-weight: 400;
  line-height: 20px;
}
/* some bootstrap reset for Wolfsburg better fit, on final approve will be implement in the custumized bootstrap.min.css */

.schloss {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-image: url(../img/content/schloss.jpg);
}

.kid {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-image: url(../img/content/kid.jpg);
}
.page-image-background {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-image: url(../img/content/background.png);
}

.gallery-background {
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: scroll;
  background-image: url(../img/content/gallery_background.jpg);
}

.pull-right-desktop {
  float: none !important;
}

p.post-date {
  font-size: 12px;
  color: #636d78;
  padding-top: 10px;
  margin-bottom: 0;
}

p.post-date + p.lead {
  padding-top: 0;
  margin-bottom: 10px;
}

table.article-table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 10px;
}

table.article-table td, table.article-table th {
  font-size: 14px;
  padding: 10px 0 5px;
}

table.article-table td {
  border-top: 1px solid #dedcd9;
}

table.article-table th {
  font-weight: 600;
  font-weight: normal;
}

ul.press-kontakt {
  padding: 0;
  list-style-type: none;
  margin-bottom: 20px;
}

ul.press-kontakt li {
  margin-bottom: 3px;
}

ul.press-kontakt li a {
  color: #626d78;
}

a.simple-link {
  color: #2d2d23;
  margin-bottom: 20px;
}

.panel-body {
  padding: 0;
}

.panel-body > div {
  padding: 15px;
}

.clear-both {
  clear: both;
}

@media (min-width: 992px) {
  .pull-right-desktop {
	float: right !important;
  }
}

p img {
  max-width: 100%;
}

.navbar {
  min-height: 73px;
}

.navbar-nav {
  position: relative;
  /*z-index: 998;*/
}

.mega-nav .element-invisible {
  color: #000;
}

.mega-nav .navbar-nav {
  margin-left: 27px;
  margin-top: 0;
  position: relative;
  z-index: 6;
}

.mega-nav .first-level a, .mega-nav .tablet-level a {
  color: #636d78;
  position: relative;
  text-decoration: none;
  font-weight: 300;
}

.mega-nav .first-level ul:not(.more-links) a:hover {
  /* color: #CDD91A; */
  color: #A9B300;
}

.mega-nav .first-level ul:not(.more-links) a:before {
  content: "";
  position: absolute;
  display: none;
  top: 11px;
  left: -40px;
  width: 34px;
  height: 8px;
  background: url("../img/content/active-bg-small.png") no-repeat;
  -webkit-background-size: auto 8px;
  background-size: auto 8px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  overflow: hidden;
}

.mega-nav .first-level ul:not(.more-links) a:hover:before, .mega-nav .first-level ul:not(.more-links) a.active:before {
  display: block;
  background-position: 0 0;
}

.mega-nav .first-level > ul ul {
  display: none;
}

@media (min-width: 768px) {
  .mega-nav .first-level > ul ul {
	display: none !important;
  }
}

@media (min-width: 768px) {
  .mega-nav .first-level ul:not(.more-links) a:hover:before, .mega-nav .first-level ul:not(.more-links) a.active:before {
	 top: 7px;
  }
}

@media (min-width: 1200px) {
  .mega-nav .first-level ul:not(.more-links) a:hover:before, .mega-nav .first-level ul:not(.more-links) a.active:before {
	 top: 18px;
  }
}

.tile.big-tile.bg-white h2 a:hover,
.tiles .tile.double-down h4 a:hover,
.mega-nav .first-level a:hover,
.mega-nav .first-level a.active,
.mega-nav .second-level a:hover,
.mega-nav .second-level a.active,
.mega-nav .tablet-level a:hover,
.mega-nav .tablet-level a.active {
	/* color: #A9B300; */
  color: #818B00;
	text-decoration: none;
}

.tile.big-tile.bg-white h2 a:hover,
.tiles .tile.double-down h4 a:hover,
.mega-nav .first-level a:hover,
.mega-nav .second-level a:hover,
.mega-nav .tablet-level a:hover {
	/* color: #CDD91A; */
  color: #A9B300;
	text-decoration: none;
}

.mega-nav .first-level {
  display: none;
  width: 100%;
  /*min-height: 100%;*/
  padding-top: 70px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}

@media (min-width: 768px) {
  .mega-nav .first-level {
	width: 150px;
	padding-top: 91px;
  }
}

@media (min-width: 1200px) {
  .mega-nav .first-level {
	width: 275px;
	padding-top: 100px;
  }

  .mega-nav .first-level ul.more-links {
	display: block !important;
  }
}

.mega-nav .first-level ul, .mega-nav .tablet-level ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 32px;
  line-height: 50px;
}

@media (max-width: 768px) {
  .mega-nav .first-level > ul {
	margin-bottom: 10px;
	font-size: 30px;
  }

  .mega-nav .first-level ul li a {
	display: block;
	width: 100%;
	padding-left: 20px;
  }

  .mega-nav .first-level ul ul {
	width: 100%;
	font-size: 16px;
  }

  .mega-nav .first-level ul > li > ul {
	border-top: 1px solid #cdd1d3;
  }

  .mega-nav .first-level ul > li > ul > li {
	border-bottom: 1px solid #cdd1d3;
	background-color: #f2f2f2;
  }

  .mega-nav .first-level ul > li > ul > li > a {
	color: #424a54;
  }

  .mega-nav .first-level ul > li > ul > li a {
	line-height: 36px;
	padding: 4px 0 0 22px;
  }

  .mega-nav .first-level ul > li > ul > li > ul {
	margin-bottom: -1px;
  }

  .mega-nav .first-level ul > li > ul > li > ul > li {
	border-color: #c0c946;
	background-color: #aab616;
  }

  .mega-nav .first-level ul > li > ul > li > ul > li:hover {
	background-color: #818c0e;
  }

  .mega-nav .first-level ul > li > ul > li > ul > li > a {
	color: #fff;
  }


}

@media (min-width: 768px) {
  .mega-nav .first-level ul, .mega-nav .tablet-level ul {
	font-size: 20px;
	line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .mega-nav .first-level ul, .mega-nav .tablet-level ul {
	font-size: 32px;
	line-height: 50px;
  }
}

.mega-nav .first-level ul.more-links, .mega-nav .tablet-level ul.more-links {
  font-size: 16px;
  line-height: 35px;
  margin-top: 50px;
}

.mega-nav .first-level ul.more-links {
  display: none;
}

.mega-nav .first-level ul.more-links a i{
  color: #A9A9A9;
}

.mega-nav .first-level ul.more-links i, .mega-nav .tablet-level ul.more-links i {
  margin-right: 10px;
  font-size: 24px;
}

.mega-nav span.telephone {
  display: none;
  color: #aaaaaa;
}

.mega-nav span.telephone img, .mega-nav span.telephone b {
  float: left;
  clear: both;
  margin-bottom: 15px;
}

@media (max-width: 1199px) {
  .mega-nav .tablet-level span.telephone {
	display: block;
  }
}

@media (min-width: 1200px) {
  .mega-nav .first-level .background-div span.telephone {
	display: block;
	position: absolute;
	bottom: 20px;
  }
}

.mega-nav .second-level, .mega-nav .fourth-level {
  display: none;
  width: 302px;
  padding-top: 100px;
  position: absolute;
  top: 0;
  z-index: 4;
}

.mega-nav .fourth-level {
  z-index: 2;
}

.mega-nav .navigation_add {
  margin-top: 20px;
  display: block;
  float: right;
}

.mega-nav .tablet-level .navigation_add {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin-top: 0;
}

.mega-nav .tablet-level .navigation_add img {
  height: 100%;
}

@media (max-width: 767px) {
  .mega-nav .second-level {
	display: none !important;
  }

}

@media (min-width: 768px) and (max-width: 1199px) {
  .mega-nav .second-level {
	left: 150px !important;
	width: 204px;
  }

  .mega-nav.opened .second-level {
	display: block !important;
  }
}

@media (min-width: 1200px) {
  .mega-nav .second-level {
	width: 302px;
	left: -30px;
  }
}

.mega-nav .second-level ul, .mega-nav .third-level ul {
  margin-bottom: 40px;
  padding: 0;
  list-style-type: none;
  display: none;
}

.mega-nav .second-level ul {
  width: 234px;
}

@media (min-width: 768px) {
  .mega-nav .second-level ul {
	width: 180px;
  }
}

@media (min-width: 1200px) {
  .mega-nav .second-level ul {
	width: 278px;
  }
}

.mega-nav .second-level > ul, .mega-nav .third-level > ul {
  padding-left: 44px;
  position: relative;
}

@media (min-width: 768px) {
  .mega-nav .second-level > ul {
	padding-left: 0;
  }

  .mega-nav .third-level > ul {
	padding-left: 20px;
  }
}

@media (min-width: 1200px) {
  .mega-nav .second-level > ul, .mega-nav .third-level > ul {
	padding-left: 44px;
  }
}

.mega-nav .second-level h3, .mega-nav .third-level h3 {
  margin-top: 0;
  color: #626c77;
  font-size: 18px;
}

@media (min-width: 768px) {
  .mega-nav .second-level h3, .mega-nav .third-level h3 {
	font-size: 14px;
  }
}

@media (min-width: 1200px) {
  .mega-nav .second-level h3, .mega-nav .third-level h3 {
	font-size: 18px;
  }
}

.mega-nav .second-level ul a, .mega-nav .third-level ul a {
  color: #424a54;
  font-size: 16px;
  padding: 9px 0 7px;
  text-decoration: none;
  display: block;
  position: relative;
}

.mega-nav .second-level ul ul, .mega-nav .third-level ul ul {
  display: none;
}

@media (min-width: 768px) {
  .mega-nav .second-level ul > li, .mega-nav .third-level ul > li {
	display: block !important;
  }

  .mega-nav .second-level ul ul, .mega-nav .third-level ul ul {
	display: none !important;
  }

  .mega-nav .second-level ul a, .mega-nav .third-level ul a {
	font-size: 14px;
  }
}

@media (min-width: 1200px) {
  .mega-nav .second-level ul a, .mega-nav .third-level ul a {
	font-size: 16px;
  }
}

.mega-nav .second-level ul a:after {
  content: "";
  display: none;
  width: 8px;
  height: 38px;
  position: absolute;
  right: -24px;
  top: 0px;
}

.mega-nav .second-level ul a:hover:after,
.mega-nav .second-level ul a.active:after {
  display: block;
  background-color: #A9B300;
}
.mega-nav .second-level ul a:hover:after {
  display: block;
  background-color: #CDD91A;
}

@media (min-width: 768px) {
  .mega-nav .second-level ul a:hover:after, .mega-nav .second-level ul a.active:after {
	/*display: none;*/
  }
}

@media (min-width: 1200px) {
  .mega-nav .second-level ul a:hover:after, .mega-nav .second-level ul a.active:after {
	display: block;
  }
}

.mega-nav .second-level ul li {
  border-bottom: 1px solid #e7e9ee;
}

.mega-nav .second-level ul li:last-child {
  border: none;
}

.mega-nav .third-level {
  display: none;
  width: 2000px;
  padding-top: 100px;
  position: absolute;
  left: -1423px;
  top: 0;
  z-index: 3;
}

.mega-nav .third-level ul a {
  font-size: 28px;
  /*color: #fff;*/
  color: #222218;
  font-weight: 300;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .mega-nav .third-level {
	/*display: none !important;*/
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .mega-nav .third-level {
	left: 354px !important;
 /*   width: -moz-calc(100% - 354px);
	width: -webkit-calc(100% - 354px);
	width: -o-calc(100% - 354px);
	width: calc(100% - 354px);*/
  }

  .mega-nav.opened .third-level {
	/*display: block !important;*/
  }

  .mega-nav .third-level ul a {
	font-size: 14px;
  }
}

@media (min-width: 1200px) {
  .mega-nav .third-level {
/*    width: -moz-calc(100% - 577px);
	width: -webkit-calc(100% - 577px);
	width: -o-calc(100% - 577px);
	width: calc(100% - 577px);*/
  }

  .mega-nav .third-level ul a {
	font-size: 28px;
  }
}

.mega-nav .tablet-level {
  display: none;
  width: 100%;
  border-top: 1px solid #eaeaea;
  -webkit-transform: translate(-50%, 0px);
  -moz-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  -o-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 6;
  background-color: #fff;
}

@media (max-width: 767px) {
  .mega-nav .tablet-level {
	display: none !important;
  }

  #carousel-home-right .carousel-inner .hidden-xs {
	display : block!important;
  }
}

.mega-nav .tablet-level ul.more-links {
  width: 50%;
  margin: 40px 0;
}

.mega-nav.opened .first-level {
  display: block;
}

.mega-nav.opened .second-level.shown {
  display: block;
}

.mega-nav.opened .third-level.shown {
  display: block;
}

.mega-nav.opened .fourth-level {
  display: block;
}

@media (max-width: 1199px) {
  .mega-nav.opened .fourth-level {
	display: none !important;
  }
}

.mega-nav.opened .tablet-level {
  display: block;
}

@media (min-width: 1200px) {
  .mega-nav.opened .tablet-level {
	display: none !important;
  }
}

.mega-nav {
  position: relative;
  /*z-index: 9999;*/
  z-index: 10;
}

.mega-nav.opened {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 11;
}

.mega-nav.opened .curtain {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

@media (max-width: 767px) {
  .mega-nav.opened .curtain {
	background-color: rgba(0,0,0,0.6);
  }
}

.mega-nav.opened .nav-container {
  margin: 0 auto;
  padding-top: 1px;
  width: 1160px;
  height: 100%;
  position: relative;
  z-index: 2;
}

@media (min-width: 768px) {
  .mega-nav.opened .nav-container {
	width: 720px;
  }
}

@media (min-width: 992px) {
  .mega-nav.opened .nav-container {
	width: 940px;
  }
}

@media (min-width: 1200px) {
  .mega-nav.opened .nav-container {
	width: 1160px;
  }
}

.mega-nav .background-div{
  display: none;
}

.mega-nav.opened .background-div {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

@media (max-width: 767px) {
  .mega-nav.opened .background-div {
	height: 100% !important;
  }
}

.mega-nav .third-level .background-div {
  background-color: #a9b300;
}

.mega-nav .content-level .background-div {
  background-color: #f6f7fa;
}

.mega-nav .content-level .background-div:before {
  content: "";
  display: block;
  width: 302px;
  height: 100%;
  right: 100%;
  position: absolute;
  background-color: #fff;
}

.mega-nav.opened .nav-container > .background-div {
  width: 2000px;
  right: 100%;
  z-index: 4;
}

.mega-nav .nav-el{
  border-left: 1px solid rgba(255,255,255,0.3)!important;
  border-right: 0;
  height: auto;
  position: relative;
  padding-left: 12px;
  padding-right: 0;
  line-height: 22px;
}

.mega-nav .first .nav-el{
	background: none;
	border-left: 0!important;
	padding-right: 2px;
}

@media (max-width: 767px) {

  .mega-nav .nav-el {
	width: 70px;
	height: 42px;
	padding: 0;
  }

  /*
  .mega-nav .nav-el > span,
  .mega-nav .nav-el > i */
  .navbar-nav > li.first button.nav-el {
	display: none;
  }

}

.mega-nav.opened .nav-el i,
.mega-nav.opened .nav-el:after {
  color: #919191;
  /* color: #818B00; */
}

.mega-nav.opened .nav-el,
.mega-nav.opened .nav-brand {
  color: #424a54;
}

@media (max-width: 767px) {

  .mega-nav.opened .nav-el {
	left: 11px;
	color: #a9b300;
  }

  .mega-nav li.dropdown {
	display: none;
  }

  .mega-nav li.first {
	display: block;
  }

}

.mega-nav.opened li.first {
  background-image: none;
  display: block;
}

.mega-nav.opened li.first .nav-el span {
  /* color: #a9b300; */
  color: #818b00;
}

/* .mega-nav li .nav-el:after, commented to remove extra icons from Main navigation */
a.twitter-down:after, a.twitter-up:after {
  content: ",";
  font-family: "wolfsburg" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 5px;
}

.mega-nav li:last-child .nav-el:after {
  display: none;
}

.mega-nav .nav-el i.icon {
  font-size: 18px;
  position: relative;
  top: 1px !important;
}

.mega-nav .navbar-nav .nav-brand {
  display: block;
  /* float: left; */
  position: absolute;
  top: auto;
  left: -48px;
  /* margin: 0 0 0 -93px; */
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 0 none;
}

.mega-nav .nav-brand b.icon {
  font-size: 44px;
}

.mega-nav .nav-el .fa-bars {
  margin-left: 5px;
}

.mega-nav .nav-el .nav-text {
	font-size: 14px;
	font-weight: 600;
}

@media (max-width: 767px) {
  .mega-nav .navbar-nav .nav-brand {
	left: -30px;

  }
  .mega-nav.opened .navbar-nav .nav-brand {
	left: -20px;
  }
}

.swiper-container {
  height: 430px;
}

a.twitter-arrow {
  display: block;
  width: 21px;
  height: 21px;
  position: relative;
  float: left;
  text-decoration: none;
  color: #a3a5a7;
  margin-top: 40px;
  margin-left: 15px;
}

a.twitter-down {
  margin-left: 30px;
}

a.twitter-down:after, a.twitter-up:after {
  font-size: 26px;
}

a.twitter-down:after {
  content: "u";
}

a.twitter-up:after {
  content: "z";
}

.twitter-heading {
  padding: 0 30px;
  margin: 0;
  color: #3b424f;
}

.nav-container .twitter-heading {
  font-size: 23px;
}

.twitter-heading i {
  color: #00b3e8;
  /* color: #0072A4; */
}

.twitter-swipe {
  padding: 20px 30px;
}

.twitter-swipe p {
	color: #2d2d23;
	margin: 0;
}

.twitter-swipe p,
.twitter-swipe a {
  font-size: 16px;
}

.twitter-swipe p span,
.twitter-swipe a {
  /*color: #00b3e8;*/
  color: #0072a4;
  text-decoration: none;
}

.twitter-swipe a {
  margin-bottom: 10px;
}

.twitter-swipe p.timestamp {
  color: #626d78;
  font-size: 12px;
}

.twitter-swipe p.timestamp span {
  margin-left: 4px;
  color: #626d78;
}

.twitter-swipe a {
  display: block;
}

/* User stuff */
.user-slidedown, .kontakt-slidedown, .deprecated-browser-information {
  position: fixed;
  -webkit-transform: translate(0, -120%);
  -moz-transform: translate(0, -120%);
  -ms-transform: translate(0, -120%);
  -o-transform: translate(0, -120%);
  transform: translate(0, -120%);
  top: 0;
  left: 0;
  width: 100%;
  height: 340px;
  padding-top: 90px;
  -webkit-transition: transform ease-in-out .25s;
  transition: transform ease-in-out .25s;
}

.kontakt-slidedown {
  height: auto;
  max-height: 100%;
  background-color: #2f3a4f;
  padding-bottom: 10px;
  overflow: auto;
}

.kontakt-slidedown .display-section-legend{
	color: #fff;
}

.user-slidedown.opened, .kontakt-slidedown.opened, .deprecated-browser-information.opened {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  display: block;
}

.user-slidedown,
.kontakt-slidedown  {
  display: none\0/;
}

.deprecated-browser-information {
	display: block\0/;
}

.user-slidedown, .kontakt-slidedown, .deprecated-browser-information {
  -webkit-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.35);
  box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.35);
}

.user-slidedown {
  background-color: #144646;
}

.deprecated-browser-information {
  background-color: #463246;
}

.deprecated-browser-information > div > div {
  padding: 0 34px;
}
.deprecated-browser-information > div > div > p {
  font-size: 1.25em;
  width: 63%;
}

.deprecated-browser-information input[type="button"] {
  background-color: #BE2814;
}

.user-slidedown.logged {
  background-color: #483146;
}

.user-slidedown .container, .kontakt-slidedown .container, .deprecated-browser-information .container {
  position: relative;
}

.user-slidedown .schliessen, .kontakt-slidedown .schliessen {
  position: absolute;
  top: -45px;
  right: 0;
  text-decoration: none !important;
  color: #fff;
  font-size: 12px;
}

.user-slidedown .schliessen i, .kontakt-slidedown .schliessen i, .mega-nav .third-level .icon-schliessen {
  font-size: 24px;
  opacity: 1;
  position: relative;
  /*top: 1px !important;*/
  margin-left: 6px;
  -webkit-transition: opacity ease-in-out .25s;
  transition: opacity ease-in-out .25s;
}

.mega-nav .third-level .icon-schliessen {
  position: absolute;
  top: 30px!important;
  right: 50px;
  cursor: pointer;
  font-size: 30px;
	/*color: #fff;*/
  color: #222218;
	text-decoration: none;
}

.user-slidedown .schliessen:hover i, .kontakt-slidedown .schliessen:hover i, .mega-nav .third-level .icon-schliessen:hover {
  opacity: 0.65;
}

.user-slidedown h2, .kontakt-slidedown h2 {
  margin: 5px 0 20px;
  font-size: 46px;
}

.user-slidedown form .control-label, .kontakt-slidedown form .control-label {
  font-family: "adelle-sans";
  display: block;
}

.kontakt-slidedown form .control-label h6 {
  color: #fff;
  opacity: 0.7;
}

.kontakt-slidedown form .has-error .control-label {
  color: #fff;
}

.kontakt-slidedown form .has-error .control-label h6 {
  color: #e74153;
}

.kontakt-slidedown form .has-error input {
  border: none;
  border-bottom: 3px solid #24060c;
}

.kontakt-slidedown form textarea.high-textarea {
  height: 284px;
}

textarea.form-control.high-textarea:-moz-placeholder {
  line-height: 372px;
}

textarea.form-control.high-textarea::-moz-placeholder {
  line-height: 372px;
}

textarea.form-control.high-textarea:-ms-input-placeholder {
  line-height: 342px;
}
textarea.form-control.high-textarea::-webkit-input-placeholder {
  padding-top: 242px;
}

.kontakt-slidedown form hr {
  margin: 40px 0 0;
}

.kontakt-slidedown .display-section-fieldset {
	float: left;
}

.user-slidedown form .control-label a,
.user-slidedown form .control-label+a {
  text-decoration: none !important;
  float: right;
  color: #fff;
  opacity: 0.6;
  -webkit-transition: opacity ease-in-out .25s;
  transition: opacity ease-in-out .25s;
}

.user-slidedown form .control-label+a {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 10px;
}

.user-slidedown form .control-label a:hover,
.user-slidedown form .control-label+a:hover {
  opacity: 1;
}

.user-slidedown form .form-control, .user-slidedown form .btn.green {
  -webkit-box-shadow: 0px 3px 0px 0px rgba(18,60,60,1);
  -moz-box-shadow: 0px 3px 0px 0px rgba(18,60,60,1);
  box-shadow: 0px 3px 0px 0px rgba(18,60,60,1);
}

.user-slidedown form .btn.red {
  -webkit-box-shadow: 0px 3px 0px 0px rgba(62,42,59,1);
  -moz-box-shadow: 0px 3px 0px 0px rgba(62,42,59,1);
  box-shadow: 0px 3px 0px 0px rgba(62,42,59,1);
}

.user-slidedown form .btn.green {
  color: #144746;
  font-weight: 600;
  -webkit-transition: background-color ease-in-out .25s;
  transition: background-color ease-in-out .25s;
}

.user-slidedown form .btn.red {
  color: #fff;
  background-color: #c82516;
  font-weight: 600;
  -webkit-transition: background-color ease-in-out .25s;
  transition: background-color ease-in-out .25s;
}
.user-slidedown form .btn.red:hover {
  background-color: #a31d11;
}

.user-slidedown form .jetzt-reg {
  color: #bfca1a;
  font-weight: 600;
  text-decoration: none !important;
  margin-left: 12px;
  font-size: 16px;
}
.user-slidedown form .jetzt-reg:hover {
  color: #aab400;
}

.navbar-brand {
  padding: 10px;
}

.navbar-toggle .icon-bar {
  background: white;
}

.nav>li>a {
  color: white;
  text-decoration: none;
  font-size: 1.1em;
  }

  .navbar-left>li:first-of-type a {
	font-size: 1.5em;
  }

.nav>li>a:hover,
.nav>li>a:focus {
  background: none;
  color: white;
}

.nav .em15 {
  font-size: 1.5em;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
background-color: transparent;
border-color: transparent;
}
.dropdown-menu li a:hover :hover {
	color:white;
	background: none;
}

.navbar-right {
  float: right;
}

.navbar-right li {
  display: inline-block;
}

.navbar-right li a i{
  font-size: 1.6em;
  top: 2px !important;
}

.footer-bars {
  margin-top: 30px;
}

.footer-navbar .nav {
  margin-left: -15px;
}

.footer-bars .nav>li>a {
  padding: 5px;
}

.footer-navbar .nav li a i {
  margin-right: 10px;
}
.footer-bars ul li {
  display: inline-block;
  float: left;
}

.footer-bars ul li a:hover {
  text-decoration: underline;
}

.footer-bars ul li a:hover {
  text-decoration: none;
}

.footer-bars ul.pull-left {
  font-size: 1.2em;
}

.footer-bars ul.pull-left li:nth-child(2) {
  position: relative;
  margin: 0 10px;
  padding: 0 10px 0 5px;
}

.footer-bars ul.pull-left li:first-child i {
  font-size: 1em;
  margin-right: 10px;
}

.footer-bars ul.pull-left li:nth-child(2):before, .footer-bars ul.pull-left li:nth-child(2):after {
  content: "";
  position: absolute;
  top: 8px;
  height: 18px;
  width: 1px;
  background-color: rgba(255,255,255,0.3);
}

.footer-bars ul.pull-left li:nth-child(2):before {
  left: 0;
}

.footer-bars ul.pull-left li:nth-child(2):after {
  right: 0;
}

.footer-bars ul.pull-left a {
  font-weight: 600;
}

.footer-bars ul.pull-left i {
  font-size: 1.4em;
  margin-right: 5px;
}

.footer-bars ul.pull-right {
  padding-top: 5px;
	padding-bottom: 10px;
}

.footer-bars ul.pull-right li a, .footer-bars ul.pull-right li.bold  {
  font-size: .9em;
  padding: 2px 8px;
}

.no-gutter > [class*='col-'] {
	padding-right:0;
	padding-left:0;
}


/*
 Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't
 properly apply the media queries in Bootstrap's CSS. To address this,
 you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.
*/
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/*
 Internet Explorer 10 doesn't differentiate device width from viewport width,
 and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied
*/
@-ms-viewport {
  width: auto !important;
}
/* Custom scrollbars for webkit browsers */
@media (min-width: 767px) {
  ::-webkit-scrollbar {
	width: 12px;
  }

  ::-webkit-scrollbar-track {
	background-color: #eaeaea;
	border-left: 1px solid #cecece;
  }

  ::-webkit-scrollbar-thumb {
	background-color: #cecece;
  }

  ::-webkit-scrollbar-thumb:hover {
	background-color: #aaaaaa;
  }

  ::-webkit-scrollbar-track {
	border-radius: 0;
	box-shadow: none;
	border: 0;
  }

  ::-webkit-scrollbar-thumb {
	border-radius: 0;
	box-shadow: none;
	border: 0;
  }
}
/* Reset round corners */
div,
input,
select,
textarea,
span,
img,
table,
label,
td,
th,
p,
a,
button,
ul,
code,
pre,
li {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

.img-circle {
  border-radius: 50% !important;
}

.img-rounded {
  border-radius: 6px !important;
}

/***
General typography
***/
/* Headings */
h1,
h2,
h3,
h4
 {
  font-family: "adelle-sans", "Open Sans", sans-serif;
  font-weight: 600;
}
h5, .h5, .h6
h6 {
  font-family: "adelle-sans", "Open Sans", sans-serif;
  font-weight: 600;
}

h1 {
  font-size: 33px;
}

h2 {
  font-size: 27px;
}

h3 {
  font-size: 23px;
}

h4 {
  font-size: 17px;
}

h5, .h5 {
  font-size: 13px;
}

h6, .h6 {
  font-size: 12px;
}

/* Headings helper text */
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #444444;
}

/* Block headings */
h1.block,
h2.block,
h3.block,
h4.block,
h5.block,
h6.block {
  padding-top: 10px;
  padding-bottom: 10px;
}

h2 span {
  margin-right: 15px;
}

p {
  line-height: 1.5em;
}

.adelle {
  font-family: "adelle-sans";
  font-weight: 300;
}

.tile-body h4:nth-child(2) {
  font-family: "adelle-sans";
  font-weight: 300;
}

.heading-social {
  margin: 15px 0 15px 40px;
}
.heading-social > div:hover {
  text-decoration: underline;
}

/* Links */
a {
  text-shadow: none;
  /* color: #428bca; */
  color: #0072A4;
}

.rich-text-content a:visited {
  color: #53524E;
}

a:hover,
a:focus {
  color: #00b3e5;
}

a:focus {
	outline: thin dotted;
	/* WebKit */
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: 2px;
}

a[name] {
  color: inherit;
  text-decoration: none;
}

.rich-text-content a {
  text-decoration: underline;
}

.rich-text-content a[href^="http://"],
.rich-text-content a[href^="https://"] {
  /* text-decoration: none; */
}

.rich-text-content a[href^="http://"]:after,
.rich-text-content a[href^="https://"]:after {
  content: "3";
  font-family: "wolfsburg" !important;
  font-size: 18px;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  padding-left: 3px;
  position: relative;
  top: 3px;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.rich-text-content a.image-popup:after {
    display: none;
}

/* Horizontal break */
hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 0;
}

.logo-font {
  font-family: 'Sanchez', serif;
  font-size: 22px;
  vertical-align: middle;
  line-height: 26px;
}

.w100 {
  width: 100% !important;
}

.breadcrumb {
  margin-top: 10px;
  margin-bottom: 0;
  position: relative;
  padding: 8px 0 0px 20px;
  font-weight: 600;
}

.breadcrumb .fa {
  margin-right: 10px;
}

.lighter {
  color: #2b2b2b;
}

/* Lists */
.hypen-list, .hypen-list ul {
  list-style-type: none;
}

.hypen-list > li {
  font-weight: 600;
  margin-bottom: 40px;
}

.hypen-list > li:last-child {
  margin: 0;
}

.hypen-list > li ul {
  font-family: "adelle-sans";
}

.hypen-list > li, .hypen-list > li ul li {
  position: relative;
}

.hypen-list > li:before, .hypen-list > li ul li:before {
  content: "_";
  position: absolute;
  left: -15px;
  top: -6px;
}

/* General utilities */
.display-none,
.display-hide {
  display: none;
}

.primary-font {
  font-family: "Open Sans", sans-serif !important;
}

.bold, strong {
  font-weight: 600 !important;
}

.thin {
  font-weight: 300 !important;
  font-family: "adelle-sans";
}

.uppercase {
  text-transform: uppercase !important;
}

.fix-margin {
  margin-left: 0px !important;
}

.border {
  border: 1px solid red;
}

.inline {
  display: inline;
}

.text-align-reverse {
  text-align: right;
}

.cursor-text {
  cursor: text;
}

/* Margin and padding utilities */
.no-space {
  margin: 0px !important;
  padding: 0px !important;
}
.no-h-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.no-margin {
  margin: 0;
}
.no-padding-top {
  padding-top: 0 !important;
}
.margin-bottom-0 {
  margin-bottom: 0 !important;
}

.margin-top-0 {
  margin-top: 0 !important;
}

.padding-bottom-0 {
  padding-bottom: 0 !important;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-m12 {
  margin-top: -12px;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.padding-v-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.padding-h-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.no-v-padding {
  padding-left: 0;
  padding-right: 0;
}

.no-padding-left {
  padding-left: 0;
}
.no-padding-right {
  padding-right: 0;
}

.col-md-12.w-10 {
  width: calc(50% - 10px);
}

.col-md-12.w-10 + .col-md-12.no-h-padding {
  width: calc(50% + 10px);
}

.border-left {
  border-left: 1px solid #f2f2f2;
}

/* IE8 & IE9 mode utilities */
.visible-ie8 {
  display: none;
}

.ie8 .visible-ie8 {
  display: inherit !important;
}

.visible-ie9 {
  display: none;
}

.ie9 .visible-ie9 {
  display: inherit !important;
}

.hidden-ie8 {
  display: inherit;
}

.ie8 .hidden-ie8 {
  display: none !important;
}

.hidden-ie9 {
  display: inherit;
}

.ie9 .hidden-ie9 {
  display: none !important;
}

.half-width {
  width: 50%;
  height: 100%;
}

.w-70 {
  width: 70%;
}
.w-70 ul {
  padding-top: 12px;
}

.w-70 ul li{
  padding-right: 0;
}

.tiles .tile .tile-map.w-30 {
  width: 30%;
}

.caption {
  background: #f7f5f2;
}

.thumbnail {
  padding: 0;
}
/***
Responsive Utils
***/



.event ul {
  list-style: none;
  padding: 0;
}

.event ul li {
  width: 100%;
  padding: 20px 20px 10px 0;
  border-bottom: 1px solid #ccc;
}

.event ul li:last-child {
  border-bottom: none;
}

.event ul li h4 {
  margin-top: 4px;
  padding-left: 40px;
}

.event ul li .fa {
  color: #bec800;
  float: left;
  font-size: 1.4em;
}

.new-event ul {
  padding: 10px 0 0 0;
}

.new-event ul li {
  padding: 12px 0 5px 0;
}

.new-event ul li .fa {
  color: #636C77;
  font-size: 1.2em;
}

.new-event ul li .fa-calendar+table {
  display: inline-block;
  padding: 0 0 0 18px;
  font-size: 16px;
}

.new-event ul li table td:first-child {
  min-width: 85px;
}

.new-event ul li #map {
  padding: 20px 0;
}

.new-event ul li h4 {
  font-size: 16px;
  margin-bottom: 5px;
  margin-top: 0;
  padding-left: 35px;
}

.new-event ul li h4 p {
  margin: 0;
  line-height: 1.4em;
}

.new-event ul li h4 span:first-child {
  display: inline-block;
  min-width: 85px;
}

.new-event .map {
  padding: 20px 0;
}

.new-event a.font-green {
  display: block;
  font-size: 16px;
  padding: 20px 0;
}

.new-event li .list-div{
  background: transparent;
  padding-top: 30px;
}

.new-event li .list-div-img {
  padding: 0 40px 0 0;
}

.new-event li .list-div-content {
  padding-top: 0;
}

.article {
  background: white;
  padding: 20px 40px;
  margin: 0 10px 20px 10px;
  clear: both;
  overflow: hidden; /* hmm */
}

@media (max-width: 640px) {

	.article {
		padding: 20px;
	}

	#carousel-home-right .carousel-inner {
		height: auto!important;
		overflow: visible;
	}

	#carousel-home-right .carousel-inner .hidden-xs {
		display : block!important;
	}

	.container.footer-bars {
		padding-bottom: 20px;
	}

	.container.footer-bars ul.nav,
	.container.footer-bars ul li {
		float: none!important;
	}

}

 .additional {
  margin: 0 -20px -20px;
  padding: 20px;
  background: #f7f5f2;
  height: 100%;
  /*color: #2C2D22;*/
  margin-top: 25px;
}
.article .additional {
  margin: 20px -40px -20px;
  padding: 20px 40px;
}

.article .additional.download-additional {
  margin: 0 0 20px;
  padding: 0;
  display: table;
  width: 100%;
}

.article .additional.download-additional .img-holder {
  float: left;
  display: table-cell;
  vertical-align: top;
}

.article .additional.download-additional .download-additional-info {
  position: relative;
  padding: 20px 20px 50px;
  display: table-cell;
  vertical-align: top;
  min-height: 100%;
  width: 100%;
}

.article .additional.download-additional .download-additional-info .download-link {
  position: absolute;
  left: 20px;
  bottom: 20px;
}

.article .additional.download-additional .download-additional-info h3 {
  font-size: 14px;
  margin: 0;
}

.article .additional.related-content h3 {
	font-size: 15px;
}

.article .caption h4 {
  margin: 2px 0px;
}

.article .caption h4, .article .caption h6 {
  color: #4F5155;
}

.additional.comments {
  background: #aab400;
  /*color: #fff;*/
  color: #222218;
  clear: both;
  position: relative;
  top: 20px;
  margin-top: -20px;
}

.additional.comments h2{
  font-size: 17px;
}

.additional.comments .confirmation, .additional.comments .fail {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../img/logo/logo-white.png") no-repeat 93% bottom rgba(170, 180, 0, 0.9);
  color: #000;
  padding: 28px 38px;
  z-index: 21;
  display: none;
}

.additional.comments .fail {
  background-color: rgba(200, 37, 22, 0.9);
  color: #fff;
}

.additional.comments .fail p {
  color: #fff;
}

.additional.comments .confirmation .btn, .additional.comments .fail .btn {
  position: absolute;
  right: 40px;
  bottom: 80px;
}

.additional.comments .fail .btn {
  border-color: #a31d11;
}

.additional.comments .close-button {
  position: absolute;
  top: 20px;
  right: 15px;
  cursor: pointer;
  z-index: 20;
  color: #fff;
  font-size: 18px;
}

.add-comment.additional.comments > .close-button {
  display: none;
}

.comment-container .add-comment.additional.comments > .close-button {
  display: block;
}

.additional.comments .confirmation .close-button {
  top: 35px;
  right: 35px;
}

.additional.comments .confirmation h4 {
  font-size: 20px;
}

.additional.comments .confirmation p {
  font-size: 18px;
}

.comment-container .comments h3 {
  font-size: 17px;
}

.comments i {
  margin-right: 10px;
  font-size: 1em;
}

.comments a {
  color: #000000;
  font-weight: 600;
}

.comments input, .comments textarea {
  border-bottom: 2px solid #949b00;
}

.comments .btn {
  border-bottom: 3px solid #949b00;
}

.comment {
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
}

.comment.answer {
  padding-left: 75px;
}

.comment .reply {
  margin-top: 15px;
  margin-bottom: 15px;
}

.comment .reply a {
  color: #000;
  text-decoration: none;
}

.comment:last-child {
  border-bottom: none;
}

.comment .author{
  margin-bottom: 10px;
  font-weight: 600;
}

.comment .author .date {
  font-family: "adelle-sans";
  color: #636C77;
}
.comment .author .date::before {
  content: "·";
  padding: 0 15px;
}

.listen {
  margin-bottom: 20px;
}

.listen ul {
  list-style: none;
  padding: 0;
}

.list-div {
  background: #ffffff;
  margin: 0;
}

.listen.news {
  padding: 0 40px;
  background: #fff;
}

.list-div a {
  /*text-decoration: none; */
  color: #000000;
}

.list-div-img {
  padding: 30px 40px;
  float: left;
}

.news .list-div-img {
  padding: 30px 40px 30px 0;
  float: left;
}

.list-div-content {
  float: left;
  color: #000;
  width: -moz-calc(100% - 300px);
  width: -webkit-calc(100% - 300px);
  width: -o-calc(100% - 300px);
  width: calc(100% - 300px);
  padding: 10px 0 5px;
  margin: 0;
}

.row.list-div-content.full-list {
  padding: 30px 0 15px 0;
  width: 100%;
}

.list-div-content .col-md-1, .list-div-content .col-md-2,
.list-div-content .col-md-3, .list-div-content .col-md-4,
.list-div-content .col-md-5, .list-div-content .col-md-6,
.list-div-content .col-md-7, .list-div-content .col-md-8,
.list-div-content .col-md-9, .list-div-content .col-md-10,
.list-div-content .col-md-11, .list-div-content .col-md-12,
.list-div-content .col-md-13, .list-div-content .col-md-14,
.list-div-content .col-md-15, .list-div-content .col-md-16,
.list-div-content .col-md-17, .list-div-content .col-md-18,
.list-div-content .col-md-19, .list-div-content .col-md-20,
.list-div-content .col-md-21, .list-div-content .col-md-22,
.list-div-content .col-md-23, .list-div-content .col-md-24 {
  padding: 0;
  padding-right: 10px;
}


.news .list-div-content {
  width: -moz-calc(100% - 240px);
  width: -webkit-calc(100% - 240px);
  width: -o-calc(100% - 240px);
  width: calc(100% - 240px);
}

.news .list-div-content p {
  margin-top: 12px;
  font-size: 15px;
  line-height: 18px;
}

.news .list-div-content p.date {
  font-size: 13px;
}

.news .list-div-content p.date i {
  margin: 0 5px;
}

.news .list-div-content .fa,
.news .list-div-content i.icon,
.multi-list .list-div-content i.fa {
  color: #bec800;
  float: left;
  margin-top: 4px;
  margin-right: 15px;
}

.news .list-div-content i.icon {
  font-size: 3.8em;
  margin-top: 0;
  width: 46px;
  margin-left: -7px;
}

.news-select {
  text-align: center;
}

.news-select input {
  height: 39px;
  font-size: 16px;
  border: none !important;
}

.news-select input::-ms-clear {
	display: none;
}

.news-select .input-group {
  /*width: 28%;*/
  /*margin-right: 3%;*/
  display: inline-block !important;
  border-bottom: 3px solid #000000;
  text-align: left;
}

.news-select .search-result input, .news-select .search-result button {
  height: 41px;
  border-bottom: 3px solid #000000 !important;
  text-align: left;
  width: 100%;
}

.news-select .search-result button {
  color: #000;
  font-weight: 600;
  position: relative;
  text-align: center;
  font-size: 16px;
}

.news-select .search-result button i {
  color: #fff;
  font-size: 20px;
  margin: 0 10px 0 0;
  position: absolute;
  top: 8px;
  left: 14px;
}

.news-select .search-result.input-icon.right > i {
  right: 16px;
}

.news-select .search-result.input-icon.right > i.icon-suche {
  font-size: 24px;
  margin-top: 8px;
}

.news-select .dates .input-group {
  width: 19%;
  margin-right: 2%;
}

.news-select .dates .check {
  /*float: right;*/
  /*margin-top: -12px;*/
  display: inline-block;
  vertical-align: top;
}


.news-select .dates .check label {
  padding-right: 0;
  padding-left: 30px;
  margin-right: 0;
}

.news-select i {
  padding-top: 2px;
  cursor: pointer;
}

.news-select .form-group {
  border-bottom: 1px solid #747a83;
  padding-bottom: 12px;
  margin: 12px auto;
  overflow: visible;
}

.news-select .form-group.dates {
  padding-bottom: 2px;
  text-align: left;
}

.news-select .input-icon.right > .form-control {
width: 100% !important;
}

.news-select .daten-text {
  display: inline-block;
  vertical-align: middle;
  margin-top: -30px;
  margin-right: 20px;
}

.news-sort {
  text-align: right;
  float: right;
  margin-bottom: 20px;
}

.news-sort div {
  font-size: 1.3em;
  font-weight: 600;
  display: inline-block;
  margin-left: 25px;
}

.news-sort div i {
  font-size: 1.2em;
  margin-left: 5px;
}
.news-sort span {

}

.events-search .advanced-search{
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.events-search .form-control.select2-container {
  border-bottom-color: #000;
}

.events-search .form-group.dates {
  padding-top: 5px;
  padding-bottom: 15px;
}

.events-search .form-group.dates .check i{
  font-size: 17px;
  margin: 0 10px 0 7px;
}

.events-search .form-group.dates .col{
  padding-top: 10px;
}

.events-search .form-group.dates .col .input-group{
  border-bottom: 0;
}

.list-div:nth-child(even) {
  background: #f7f5f1;
}

.list-div:nth-child(even) .caption{
  background: transparent;
}

.listen.news .list-div {
  background: #ffffff;
  border-top: 1px solid #e5e3e0;
}

.list-div h3 {
  margin-bottom: 0;
}
.news .list-div h3 {
  margin-top: 0;
}

.list-div h4 {
  font-weight: 300;
  margin: 3px 0;
  line-height: 20px;
}

.list-div h6 {
  margin: 3px 0;
}

.list-div-content h2 {  /* earlier it was .list-div-content h5 */
	font-weight: 600;
	text-transform: uppercase;
	color: #61666d;
	margin-top: 20px;
	font-size: 13px;
}
.list-div-content .tile-object {
  position: relative;
  top: -4px;
}
.list-div-content .tile-object .date {
  margin-left: 0;
  margin-bottom: 0;
  margin-right: 15px;
  /*background-color: #00b4e6;*/
  background-color: #23b4e6;
}
.list-div-content .tile-object .date .day, .list-div-content .tile-object .date.second .day {
  color: #fff;
}
.list-div-content .tile-object .date .month {
  color: #424a54;
}
.list-div-content .tile-object .date.second {
  margin-right: 15px;
  margin-left: -21px;
}
.list-div-content .tile-object .date.second span {
  left: 35px;
  color: #fff;
}
.tile-object .name .fa + p {
  display: inline-block;
}
.list-div .caption {
  background: white;
  font-size: 11px;
  padding-top: 8px;
  color: #61666d;
  max-width: 200px;
}

.list-div-content .col-md-3, .list-div-content .col-md-5, .list-div-content .col-md-7, .list-div-content .col-md-10, .list-div-content .col-md-14 {
  margin-top: 10px;
}
.list-add-info {
  border-top: 1px solid #e5e3e0;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 0;
}
.list-add-info .icon {
  font-size: 1.4em;
  color: #919191;
  position: absolute;
  left: -4px;
}

.list-add-info h4 {
  padding-left: 25px;
  position: relative;
}

.listen-footer {
  background: #dedcd9;
  padding: 20px 30px 30px 40px;
}

.news .listen-footer {
  margin: 0 -40px;
  width: -moz-calc(100% + 80px);
  width: -webkit-calc(100% + 80px);
  width: -o-calc(100% + 80px);
  width: calc(100% + 80px);
}

.listen-footer h5, .listen-footer a {
  color: #61666d;
  text-decoration: none;
}

@media (min-width: 992px) {
  .listen-footer h5.pull-left {
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, 0px);
	-moz-transform: translate(-50%, 0px);
	-ms-transform: translate(-50%, 0px);
	-o-transform: translate(-50%, 0px);
	transform: translate(-50%, 0px);
  }
}


.listen-footer a:hover strong {
  text-decoration: underline;
}

.listen-footer .fa {
  font-size: 0.6em;
  vertical-align: top;
  margin-right: 3px;
}

.tile .additional {
  padding: 0 20px;
}

 .additional ul {
  list-style: none;
  padding-left: 0;
}

.tile .form-group {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 20px;
  margin-bottom: 20px;
}

.tile .form-group.row {
  position: relative;
  margin: 20px 0;
  padding: 0;
}

.tile .form-group.row + .wrapper {
  left: -10px;
  width: -webkit-calc(100% + 20px);
  width: -moz-calc(100% + 20px);
  width: -o-calc(100% + 20px);
  width: calc(100% + 20px);
}

.tile .form-group.row + .wrapper .controls-wrapper .carousel-indicators {
  top: 5px !important;
}

 .additional li {
  width: 100%;
  padding: 20px 20px 10px 0;
  border-bottom: 1px solid #ccc;
}

.tile .additional li {
  padding-bottom: 12px;
  padding-top: 12px;
}
 .additional li:last-child {
  border-bottom: none;
}

 .additional li a {
  text-decoration: none;
  color: #000;
}
.additional li a:hover {
  color: #7B7B7B;
}

.additional li a:hover {
  color: #333333;
}

 .additional li img, .additional li i,
 .additional li .fa-comment {
  float: left;
  margin-right: 20px;
  padding-bottom: 17px;
  color: #636c78;
}
  .additional li i,
  .additional li .fa-comment {
	margin-right: 5px;
  }

 .article .additional li {
	padding-bottom: 18px;
}

 .article .additional li div {
  min-height: 70px;
  padding-left: 120px;
}

 .article .additional li div h4 {
	font-size: 15px;
 }

 .article .additional li div i,
 .article .additional li div .fa-comment {
	font-size: 22px;
	margin-left: -6px;
 }

  .article .additional li div span a{
	font-size: 14px;
  }

 .tile .additional li div {
  /*padding-top: 3px;*/
}

 .additional li p {
  margin-top: 10px;
}
.article .additional li a + p:hover a {
  color: #7b7b7b;
}
.additional, .additional p, .additional ul li h4, .additional ul li a {
  /*color: #2C2D22;*/
  color: #222218;
  font-weight: 300;
}

.additional ul li a {
  font-size: 17px;
}

form .control-label {
  font-weight: 600;
}

form .control-label h6 {
  font-family: "adelle-sans";
  display: inline-block;
  margin: 0 0 0 5px;
  color: #636c78;
}

.additional form input, .additional form .btn, .additional form select, .form-group select {
  border-bottom: 3px solid #d7d3ce;
  padding: 5px 10px 0 10px;
  height: 39px;
  font-size: 14px;
  border-top: none;
  border-left: none;
  border-right: none;
}

.additional form select, .form-group select {
  -webkit-appearance: none;
	-moz-appearance: none;
		  appearance: none;
  background: url("../img/accordion-plusminus.png") no-repeat 97% 12px white;
  text-indent: 1px;
  text-overflow: '';
}

:-moz-any(.form-group select):before {
  background-color: #f00; /* this is necessary for overcome the caret default browser */
  pointer-events: none; /* https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events  */
  z-index: 1000; /* this is necessary for overcome the pseudo element */
}

select::-ms-expand {
 display: none;
}



form hr {
  clear: both;
}


.captcha i {
  margin-left: 20px;
  vertical-align: middle;
  color: #646d78;
  font-size: 18px;
}

.captcha-input {
  width: 180px;
  display: inline;
  margin-left: 20px;
}

.additional .upload {
  margin-top: 25px;
  margin-bottom: 0;
  cursor: pointer;
  height: 38px;
  width: 100%;
  position: relative;
}
.additional .upload i {
  float: left;
  margin-right: 8px;
  margin-top: -1px;
  color: #fff;
  width: 28px;
  height: 28px;
  background-color: #919191;
  position: relative;
  font-size: 20px;
}

.additional .upload i:before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: 1px;
}

.additional .upload.fileinput-exists .btn-file {
  display: none;
}

.additional .upload.fileinput-exists .fileinput-filename, .additional .upload.fileinput-exists .fileinput-filename + .close {
  display: inline-block;
  position: relative;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.additional .upload.fileinput-exists .fileinput-filename {
  cursor: default;
}

.additional .upload.fileinput-exists .fileinput-filename + .close {
  height: 26px;
  width: 26px;
  text-align: center;
  color: #aaa;
  font-size: 26px;
  float: right !important;
  filter:alpha(opacity=1); /* IE */
  -moz-opacity:1; /* Mozilla */
  opacity: 1;
}

.additional .upload.fileinput-new .fileinput-filename {
  display: none;
}

.additional .upload .fileinput-new {
  margin: 0;
  padding: 4px 0 0;
  font-size: 12px;
  line-height: 14px;
  display: inline-block;
}

.additional .upload .fileinput-new b {
  font-family: "adelle-sans";
  float: left;
}

.additional .upload .btn-file {
  display: inline-block;
  cursor: pointer;
}

.additional .upload .btn-file .fileinput-exists {
  display: none !important;
}

.thumbnail.with-caption {
	display: inline-block;
	background: #f5f5f5;
	float: left;
	margin-right: 10px;
  }
  .thumbnail.with-caption p {
	margin: 0;
	padding-top: 0.5em;
	text-align: center;
  }
  .thumbnail.with-caption small:before {
	content: '\2014 \00A0';
  }
  .thumbnail.with-caption small {
	width: 100%;
	text-align: right;
	display: inline-block;
	color: #999;
  }

.active-back {
  background: url("../img/content/active-bg.png") repeat-x;
  position: absolute;
  width: 100%;
  height: 6px;
  z-index:10;
}

.active-back.double {
  height: 12px;
}

.active-back.down {
  bottom:0;
}


/***
Custom Bootstrap Badges
***/
.badge {
  font-size: 11px !important;
  font-weight: 300;
  text-align: center;
  height: 18px;
  padding: 3px 6px 3px 6px;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  text-shadow: none !important;
  text-align: center;
  vertical-align: middle;
}
.badge.badge-roundless {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

/* Badge variants */
.badge-default {
  background-color: #c6c6c6;
  background-image: none;
}

.badge-primary {
  background-color: #428bca;
  background-image: none;
}

.badge-info {
  background-color: #89c4f4;
  background-image: none;
}

.badge-success {
  background-color: #45b6af;
  background-image: none;
}

.badge-danger {
  background-color: #f3565d;
  background-image: none;
}

.badge-warning {
  background-color: #ecbc29;
  background-image: none;
}

/* Fix badge position for navs */
.nav.nav-pills > li > a > .badge,
.nav.nav-stacked > li > a > .badge {
  margin-top: -2px;
}

/***
Dropdown Menu Badges
***/
.dropdown-menu > li > a > .badge {
  position: absolute;
  margin-top: 1px;
  right: 3px;
  display: inline;
  font-size: 11px;
  font-weight: 300;
  text-shadow: none;
  height: 18px;
  padding: 3px 6px 3px 6px;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
}
.dropdown-menu.badge-roundless {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

/***
News list - Aktuelles
***/

.news-list {
  list-style: none;
  width: 100%;
  padding: 0;
}

.news-list li {
  border-bottom: 1px solid #ccc;
  padding: 15px 0;
}

.news-list li:last-child {
  border-bottom: none;
}

.news-list li:first-child {
  padding-top: 0;
}

.news-list li .date, .news-list li .mp3-info {
  color: #636C77;
}

.news-list li .mp3-info {
  margin-top: 10px;
}

.news-list li .heading{
  font-weight: 600;
  font-size: 15px;
}
.news-list li .heading a {
  color: #333;
}
.news-list li .heading a:hover {
  color: #949b00;
}
.news-list li .heading a:hover {
  color: #CDD91A;
}

.news-list li .teaser{
  font-family: "adelle-sans";
  font-size: 15px;
}

.tiles .tile .tile-body .news-list li .teaser p {
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 0;
}

.news-list li .link a {
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  color: #626c77;
}

.news-list li:last-child {
  padding-bottom: 0;
}

.news-list li .link [class^="fa-"],
.news-list li .link [class^="glyphicon-"],
.news-list li .link [class^="icon-"],
.news-list li .link [class*=" fa-"],
.news-list li .link [class*=" glyphicon-"],
.news-list li .link [class*=" icon-"] {
  width: 28px;
  height: 28px;
  margin-left: -4px;
  margin-right: 4px;
}

/***
Twitter list
***/
.twitter-list {
  list-style: none;
  width: 100%;
  padding: 0;
}

.twitter-list li {
  margin-bottom: 20px;
}

.twitter-list li:last-child {
  margin-bottom: 0;
}

.twitter-list li h2,
.twitter-list li h4 {
  font-size: 15px;
  margin-bottom: 0 !important;
}

.twitter-list li h4 + a {
  font-size: 15px;
  display: block;
}

.twitter-list li .date {
  font-size: 12px;
  margin-top: 6px;
  display: block;
}

/***
Facebook post
***/
.facebook-heading {
  padding-left: 30px !important;
  position: relative;
}

.tiles .tile .tile-body h2.facebook-heading {
  font-size: 17px;
  margin-bottom: 5px;
}

.facebook-heading i {
  position: absolute;
  left: -5px;
  top: 10px !important;
}

.facebook-post {
  padding-left: 45px !important;
  position: relative;
}

.facebook-post img.avatar {
  position: absolute;
  left: -4px;
  top: 0px;
}

.facebook-post h3 {
  margin-bottom: 5px !important;
}

.facebook-post h3, .facebook-post p, .facebook-post a {
  font-size: 15px !important;
  line-height: 21px !important;
}

.facebook-post p {
  margin: 0;
}

.facebook-post a {
  display: block;
  color: #009ac5;
  margin-bottom: 10px;
}

/***
Customized Bootstrap Buttons
***/
/* Default buttons */
.btn {
  border-width: 0;
  padding: 7px 14px;
  font-size: 14px;
/*outline: 0;*/
  background-image: none !important;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  line-height: normal;
}
.btn.dropdown-toggle, .btn-group .btn.dropdown-toggle, .btn:hover, .btn:disabled, .btn[disabled], .btn:hover, .btn:active, .btn.active {
 /* outline: none !important;*/
  background-image: none !important;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}

.btn-default {
  border-width: 1px;
  padding: 6px 13px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/* Bootstrap buttons */
.btn-default {
  color: #333333;
  background-color: white;
  border-color: #cccccc;
}
.btn-default:hover, .btn-default:hover, .btn-default:active, .btn-default.active {
  color: #333333;
  background-color: #ebebeb;
  border-color: #b3b3b3;
}
.open .btn-default.dropdown-toggle {
  color: #333333;
  background-color: #ebebeb;
  border-color: #b3b3b3;
}
.btn-default:active, .btn-default.active {
  background-image: none;
}
.open .btn-default.dropdown-toggle {
  background-image: none;
}
/*
	.btn-default[disabled]:hover,
	.btn-default.disabled:hover,
	fieldset[disabled] .btn-default:hover,
*/

.btn-default.disabled, .btn-default.disabled:hover,
  .btn-default.disabled:active, .btn-default.disabled.active,
 .btn-default[disabled], .btn-default[disabled]:hover,
 .btn-default[disabled]:active,
.btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover,  fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
  background-color: white;
  border-color: #cccccc;
}
.btn-default .badge {
  color: white;
  background-color: #333333;
}
.btn-default > i {
  color: #aaa;
}
.btn-default > i[class^="icon-"],
.btn-default > i[class*="icon-"] {
  color: #8c8c8c;
}

.btn-primary {
  color: white;
  background-color: #428bca;
  border-color: #357ebd;
}
/*.btn-primary:hover,*/
.btn-primary:hover,  .btn-primary:active, .btn-primary.active {
  color: white;
  background-color: #3276b1;
  border-color: #2a6496;
}
.open .btn-primary.dropdown-toggle {
  color: white;
  background-color: #3276b1;
  border-color: #2a6496;
}
.btn-primary:active, .btn-primary.active {
  background-image: none;
}
.open .btn-primary.dropdown-toggle {
  background-image: none;
}
/*.btn-primary.disabled:hover,*/
.btn-primary.disabled, .btn-primary.disabled:hover,  .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:hover, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: white;
}

.btn-success {
  color: white;
  background-color: #45b6af;
  border-color: #3ea49d;
}
/*.btn-success:hover,*/
.btn-success:hover,  .btn-success:active, .btn-success.active {
  color: white;
  background-color: #3a9893;
  border-color: #307f7a;
}
.open .btn-success.dropdown-toggle {
  color: white;
  background-color: #3a9893;
  border-color: #307f7a;
}
.btn-success:active, .btn-success.active {
  background-image: none;
}
.open .btn-success.dropdown-toggle {
  background-image: none;
}
/* .btn-success.disabled:hover,
	 .btn-success[disabled]:hover,
	*/
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  background-color: #45b6af;
  border-color: #3ea49d;
}
.btn-success .badge {
  color: #45b6af;
  background-color: white;
}

.btn-info {
  color: white;
  background-color: #89c4f4;
  border-color: #72b8f2;
}
/* .btn-info:hover,*/
.btn-info:hover, .btn-info:active, .btn-info.active {
  color: white;
  background-color: #64b1f1;
  border-color: #43a1ed;
}
.open .btn-info.dropdown-toggle {
  color: white;
  background-color: #64b1f1;
  border-color: #43a1ed;
}
.btn-info:active, .btn-info.active {
  background-image: none;
}
.open .btn-info.dropdown-toggle {
  background-image: none;
}
/* .btn-info.disabled:hover,
	 .btn-info[disabled]:hover,
	*/
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
  background-color: #89c4f4;
  border-color: #72b8f2;
}
.btn-info .badge {
  color: #89c4f4;
  background-color: white;
}

.btn-warning {
  color: white;
  background-color: #ecbc29;
  border-color: #e7b315;
}
	/* .btn-warning:hover,*/
.btn-warning:hover, .btn-warning:active, .btn-warning.active {
  color: white;
  background-color: #d9a813;
  border-color: #b88f10;
}
.open .btn-warning.dropdown-toggle {
  color: white;
  background-color: #d9a813;
  border-color: #b88f10;
}
.btn-warning:active, .btn-warning.active {
  background-image: none;
}
.open .btn-warning.dropdown-toggle {
	background-image: none;
}
/*
	 .btn-warning.disabled:hover,
	.btn-warning[disabled]:hover,
	*/
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover,  .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  background-color: #ecbc29;
  border-color: #e7b315;
}
.btn-warning .badge {
  color: #ecbc29;
  background-color: white;
}

.btn-danger {
  color: white;
  background-color: #f3565d;
  border-color: #f13e46;
}
/*.btn-danger:hover,*/
.btn-danger:hover,  .btn-danger:active, .btn-danger.active {
  color: white;
  background-color: #f03038;
  border-color: #ec111b;
}
.open .btn-danger.dropdown-toggle {
  color: white;
  background-color: #f03038;
  border-color: #ec111b;
}
.btn-danger:active, .btn-danger.active {
  background-image: none;
}
.open .btn-danger.dropdown-toggle {
  background-image: none;
}
/* .btn-danger.disabled:hover,
	.btn-danger[disabled]:hover,
	 fieldset[disabled] .btn-danger:hover,
	*/
.btn-danger.disabled, .btn-danger.disabled:hover,
 .btn-danger.disabled:active, .btn-danger.disabled.active,
 .btn-danger[disabled], .btn-danger[disabled]:hover,
 .btn-danger[disabled]:active, .btn-danger[disabled].active,
 fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover,
 fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  background-color: #f3565d;
  border-color: #f13e46;
}
.btn-danger .badge {
  color: #f3565d;
  background-color: white;
}

/* Button sizes */
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  vertical-align: middle;
}
.btn-lg > i {
  font-size: 18px;
}

.btn > i {
  font-size: 14px;
}

.btn-sm,
.btn-xs {
  padding: 4px 10px 5px 10px;
  font-size: 13px;
  line-height: 1.5;
}
.btn-sm > i,
.btn-xs > i {
  font-size: 13px;
}

.btn-xs {
  padding: 1px 5px;
}

/* Small button in button group */
.btn-group .input-sm .btn-default {
  padding-top: 3px;
  padding-bottom: 3px;
}

/* Arrow link */
.btn-arrow-link {
  vertical-align: middle;
  display: inline-block;
  font-size: 13px;
}
.btn-arrow-link > i {
  font-size: 14px;
  line-height: 14px;
  vertical-align: top;
  margin: 2px 3px 2px 3px;
}
.btn-arrow-link.btn-arrow-link-lg {
  font-size: 14px;
}
.btn-arrow-link.btn-arrow-link-lg > i {
  font-size: 16px;
  line-height: 16px;
  margin: 2px 3px 1px 3px;
}


/***
Image Carousel
***/
.carousel.image-carousel .carousel-inner {
  padding-top: 0;
  padding-bottom: 0;
}
.carousel.image-carousel .carousel-control i {
  position: absolute;
  top: 40%;
}
.carousel.image-carousel.image-carousel-hoverable .carousel-control i {
  display: none;
}
.carousel.image-carousel.image-carousel-hoverable:hover .carousel-control i {
  display: inline-block;
}
.carousel.image-carousel .carousel-control.left i {
  left: 10px;
}
.carousel.image-carousel .carousel-control.right i {
  right: 10px;
}
.carousel.image-carousel .carousel-indicators {
  margin-top: 10px;
  bottom: -7px;
}
.carousel.image-carousel .carousel-indicators li {
  background-color: #666;
}

.carousel.image-carousel .carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px 15px 25px 15px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}
.carousel.image-carousel .carousel-caption h4,
.carousel.image-carousel .carousel-caption h3,
.carousel.image-carousel .carousel-caption h2,
.carousel.image-carousel .carousel-caption p {
  text-align: left;
  line-height: 20px;
  color: #000;
}
.carousel.image-carousel .carousel-caption h4,
.carousel.image-carousel .carousel-caption h3,
.carousel.image-carousel .carousel-caption h2 {
  margin: 0 0 5px;
}
.carousel.image-carousel .carousel-caption h4 a,
.carousel.image-carousel .carousel-caption h3 a,
.carousel.image-carousel .carousel-caption h2 a {
  color: #aaa;
}
.carousel.image-carousel .carousel-caption p {
  margin-bottom: 0;
}
.carousel.image-carousel .carousel-caption .item {
  margin: 0;
}

.controls-wrapper {
  top: -10px;
  position: relative;
  height: 20px;
  width: 100%;
}

.big-tile .controls-wrapper, .gallery-tile .controls-wrapper {
  position: absolute;
  top: auto;
  bottom: 20px;
  width: 130px;
  z-index: 1;
}

.vertical .controls-wrapper .carousel-indicators {
  top: 6px !important;
}

.controls-wrapper .carousel-indicators {
  top: 0px !important;
  z-index: 1;
}

.controls-wrapper span.fa {
  left: 0;
  position: absolute;
  font-size: 24px;
}

.carousel-control.left, .carousel-control.right {
  background: none;
  /*position: relative;*/
  filter:alpha(opacity=1); /* IE */
  -moz-opacity:1; /* Mozilla */
  opacity: 1;
  z-index: 1;
  text-shadow: 0 0px 1px rgba(0,0,0,0.6);
	width: 10px;
}

.carousel-control.left {
  left: -webkit-calc(50% - 38px);
  left: -moz-calc(50% - 38px);
  left: -o-calc(50% - 38px);
  left: calc(50% - 38px);
}

.carousel-control.right {
  left: -webkit-calc(50% + 50px);
  left: -moz-calc(50% + 50px);
  left: -o-calc(50% + 50px);
  left: calc(50% + 50px);
}

.carousel-control .fa:hover {
  color: #A9B312 !important;
}

/*.carousel-control .fa:hover {
  color: #CDD91A !important;
}*/

.pause:hover {
  background: #A9B312 !important;
}

/*.pause:hover {
  background: #CDD91A !important;
}*/

.pause:hover .fa {
  color: #fff!important;
}

.big-tile .carousel-indicators, .gallery-tile .carousel-indicators {
  position: absolute;
  bottom: -8px;
  left: -webkit-calc(50% - 20px);
  left: -moz-calc(50% - 20px);
  left: -o-calc(50% - 20px);
  left: calc(50% - 20px);
  z-index: 15;
  width: 60px;
  padding-left: 0;
  list-style: none;
  text-align: center;
  margin: 0;
}

.carousel-indicators {
  margin-left: -24px;
  width: 70px;
}

.controls-wrapper.dark .carousel-control .fa {
  color: #888888;
}

.carousel-indicators .nums {
  color: white;
  font-family: "adelle-sans";
  font-weight: 600;
  font-size: 1.4em;
}

.controls-wrapper.dark .carousel-indicators .nums{
  color: black;
}

.controls-wrapper.inner {
  bottom: 35px;
  top: auto;
  width: 100px;
  right: 30px;
  position: absolute;
}

.quadra .controls-wrapper.inner {
  right: -webkit-calc(50% + 15px);
  right: -moz-calc(50% + 15px);
  right: -o-calc(50% + 15px);
  right: calc(50% + 15px);
  bottom: 15px;
}

.quadra.quadra-down .carousel {
  height: 100%;
}

.quadra .controls-wrapper.inner .carousel-indicators, .big-tile .carousel-indicators, .gallery-tile .carousel-indicators {
  top: 3px !important;
}

.quadra.quadra-down .carousel .carousel-inner {
  height: 100%;
}

.nums.active {
  margin: 0;
  width: auto;
  height: auto;
  background-color: transparent;
}

.pause {
  left: 330px;
  background: #e8e8e8;
  height: 24px;
  width: 25px;
  opacity: 1;
  z-index: 101;
}

.pause span.fa {
  font-size: 18px;
  text-shadow: none;
  padding: 4px;
}

/* ************************
	Contact module

   ************************ */
.tiles .contact-tile .active-back{
	z-index: 1;
}

.tiles .contact-tile .tile.quadra-down {
  overflow: visible;
  margin-bottom: 40px;
}

.tiles .contact-tile .tile .breadcrumb {
  padding-top: 25px;
  z-index: 2;
}

.tiles .contact-tile .tile .breadcrumb  h2 {
  font-size: 13px;
  margin: 0;
}

.tiles .contact-tile .tile.quadra-down .tile-body {
  padding: 0;
  background: #f7f5f2;
}

.tiles .contact-tile .item.active .tile.quadra-down .tile-body {
  z-index: 2;
}

.tiles .contact-tile .item .tile.quadra-down .tile-map {
  z-index: -1;
}

.tiles .contact-tile .item .tile.quadra-down .tile-body.half-width+.tile-map {
  z-index: 1;
  overflow: hidden;
}

.tiles .contact-tile .tile.quadra-down .tile-body  .text-content {
  padding: 10px 20px 30px 20px;
  background: #fff;
}

.tiles .contact-tile .tile.quadra-down .tile-body .additional {
	height: auto;
	padding: 0 20px;
	margin-top: 10px;
}

.tiles .contact-tile .tile.quadra-down .tile-body .additional > ul {
	padding: 0 20px 0 20px;
}

.tiles .contact-tile .controls-wrapper.inner {
	bottom: -5px;
	width: 100%;
	position: relative;
	right:  0;
}

.tiles .contact-tile .controls-wrapper.dark .carousel-indicators .nums,
.tiles .contact-tile .controls-wrapper.inner .fa {
	color: #fff;
}

.tiles .contact-tile .controls-wrapper.inner .fa:hover {
	color: #ccc!important;
}

.contact-tile .tile.quadra-down .tile-body h4 span{
  display: block;
}

.contact-tile .bx-controls {
  right: -webkit-calc(50% + 15px);
  right: -moz-calc(50% + 15px);
  right: -o-calc(50% + 15px);
  right: calc(50% + 15px);
  bottom: 30px;
  position: absolute;
  width: 100px;
}

.contact-tile .bx-controls .bx-prev ,
.contact-tile .bx-controls .bx-next{
  color: #888888;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  font-size: 24px;
  opacity: 1;
  text-shadow: 0 0px 1px rgba(0,0,0,0.6);
  text-decoration: none;
}

.contact-tile .bx-controls .bx-prev:before {
  content: "\f104";
}

.contact-tile .bx-controls .bx-next:before {
  content: "\f105";
}

.contact-tile .bx-controls .bx-prev {
  left: -webkit-calc(50% - 0px);
  left: -moz-calc(50% - 0px);
  left: -o-calc(50% - 0px);
  left: calc(50% - 0px);
}

.contact-tile .bx-controls .bx-next{
  left: -webkit-calc(50% + 40px);
  left: -moz-calc(50% + 40px);
  left: -o-calc(50% + 40px);
  left: calc(50% + 40px);
}

.contact-tile .bx-controls .bx-pager {
  display: none;
}

.contact-tile .additional li:hover i,
.contact-tile .additional li:hover a {
	color: #aab400;
}

.contact-tile .additional li:hover i.icon-phone,
.contact-tile .additional li:hover i.icon-drucken {
	color: #636c78;
}

/***
Customized Bootstrap Dropdowns
***/
/***
Dropdowns
***/
.dropup.open > .dropdown-toggle,
.dropdown.open > .dropdown-toggle {
  border-color: #ddd;
}

/***
Dropdown Menu
***/
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 10px;
  z-index: 1000;
  display: none;
  float: left;
  list-style: none;
  text-shadow: none;
  padding: 0px;
  margin: 0px;
  background-color: #ffffff;
  box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  border: 1px solid #efefef;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  min-width: 150px;
}
.dropdown-menu li > a {
  padding: 6px 13px 6px 13px;
  color: #333;
  text-decoration: none;
  display: block;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  white-space: nowrap;
}
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  text-decoration: none;
  background-image: none;
  background-color: #eee;
  color: #333;
  filter: none;
}
.dropdown-menu.bottom-up {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

/* Dropdown submenu support for Bootsrap 3 */
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 5px;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}
.dropdown-submenu > a:after {
  position: absolute;
  display: inline-block;
  font-size: 14px;
  right: 7px;
  top: 7px;
  font-family: FontAwesome;
  height: auto;
  content: "\f105";
  font-weight: 300;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}
.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
}

.nav.pull-right > li > .dropdown-menu,
.nav > li > .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.nav.pull-right > li > .dropdown-menu:before,
.nav > li > .dropdown-menu.pull-right:before {
  right: 12px;
  left: auto;
}
.nav.pull-right > li > .dropdown-menu:after,
.nav > li > .dropdown-menu.pull-right:after {
  right: 13px;
  left: auto;
}
.nav.pull-right > li > .dropdown-menu .dropdown-menu,
.nav > li > .dropdown-menu.pull-right .dropdown-menu {
  right: 100%;
  left: auto;
  margin-right: -1px;
  margin-left: 0;
}

/***
Dropdown Checkboxes
***/
.dropdown-content {
  padding: 5px;
}
.dropdown-content form {
  margin: 0;
}

.dropdown.inline .dropdown-menu {
  display: inline-block;
  position: relative;
}

.dropdown-radiobuttons,
.dropdown-checkboxes {
  padding: 5px;
}
.dropdown-radiobuttons label,
.dropdown-checkboxes label {
  display: block;
  font-weight: 300;
  color: #333;
  margin-bottom: 4px;
  margin-top: 4px;
}
.dropdown-radiobuttons label .radio,
.dropdown-checkboxes label .radio {
  margin-right: 3px;
}


/***
Fontawesome Icons
***/
[class^="fa-"],
[class^="glyphicon-"],
[class^="icon-"],
[class*=" fa-"],
[class*=" glyphicon-"],
[class*=" icon-"] {
  display: inline-block;
  margin-top: 1px;
  font-size: 14px;
  *margin-right: .3em;
  line-height: 14px;
  -webkit-font-smoothing: antialiased;
}

/* Make font awesome icons fixed width */
li [class^="fa-"],
li [class^="glyphicon-"],
li [class^="icon-"],
li [class*=" fa-"],
li [class*=" glyphicon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.20em;
  text-align: center;
}

li [class^="glyphicon-"],
li [class*=" glyphicon-"] {
  top: 2px;
}

li [class^="icon-"],
li [class*=" icon-"] {
  top: 1px;
  position: relative;
}

li [class^="fa-"].icon-large,
li [class^="glyphicon-"].icon-large,
li [class^="icon-"].icon-large,
li [class*=" fa-"].icon-large,
li [class*=" glyphicon-"].icon-large,
li [class*=" icon-"].icon-large {
  /* increased font size for icon-large */
  width: 1.5625em;
}

/* Icon sizing */
.fa-sm,
.icon-sm {
  font-size: 12px;
}

.fa-lg,
.icon-lg {
  font-size: 16px;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

/* Icon coloring */
.icon-state-default {
  color: #c6c6c6;
}

.icon-state-success {
  color: #45b6af;
}

.icon-state-info {
  color: #89c4f4;
}

.icon-state-warning {
  color: #ecbc29;
}

.icon-state-danger {
  color: #f3565d;
}


/***
Form Layouts
****/
/* Static info */
.static-info {
  margin-bottom: 10px;
}
.static-info .name {
  font-size: 14px;
}
.static-info .value {
  font-size: 14px;
  font-weight: 600;
}
.static-info.align-reverse .name, .static-info.align-reverse .value {
  text-align: right;
}

/* Help blocks */
.help-block {
  margin-top: 5px;
  margin-bottom: 5px;
}

.help-inline {
  font-size: 13px;
  color: #737373;
  display: inline-block;
  padding: 5px;
}

.form-inline input {
  margin-bottom: 0px !important;
}

/* Control Label */
.control-label {
  margin-top: 1px;
}

.control-label .required {
  color: #e02222;
  font-size: 12px;
  padding-left: 2px;
}

.form {
  padding: 0 !important;
}

.form .form-body {
  padding: 10px;
}

.portlet.light .form .form-body {
  padding-left: 0;
  padding-right: 0;
}

.form .form-actions {
  padding: 20px 10px;
  margin: 0;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}

.portlet.light .form .form-actions {
  background: none;
  padding-left: 0;
  padding-right: 0;
}

.form .form-actions:before, .form .form-actions:after {
  content: " ";
  display: table;
}

.form .form-actions:after {
  clear: both;
}

.form .form-actions.right {
  padding-left: 0;
  padding-right: 10px;
  text-align: right;
}

.portlet.light .form .form-actions.right {
  padding-right: 0;
}

.form .form-actions.left {
  padding-left: 10px;
  padding-right: 0;
  text-align: left;
}

.portlet.light .form .form-actions.left {
  padding-left: 0;
}

.form .form-actions.nobg {
  background-color: transparent;
}

.form .form-actions.top {
  margin-top: 0;
  margin-bottom: 20px;
  border-top: 0;
  border-bottom: 1px solid #e5e5e5;
}

.portlet.light .form .form-actions.top {
  background: none;
}

.form .form-actions .btn-set {
  display: inline-block;
}

@media (max-width: 767px) {
  .form .form-actions {
	/* 767px */
  }
  .form .form-actions .btn-set {
	margin-bottom: 3px;
	margin-top: 3px;
	float: left !important;
  }

  .navbar-nav .open .dropdown-menu {
	position: absolute;
	float: left;
	width: auto;
	margin-top: 0;
	background-color: #ffffff;
	border: 1px solid #efefef;
	box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  }

  .navbar-nav .open .dropdown-menu > li > a {
	padding: 6px 0 6px 13px;
	color: #333;
  }

  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:active {
	background-color: #eee;
  }

  .page-title.one {
	margin: 15px 0 20px 0px;
  }

  .quadra.quadra-down .carousel .carousel-inner {
	  height: 100%!important;
	}

  .tiles .tile.quadra-down.twitter-large,
  .tiles .tile.quadra-down.twitter-large .tile-body  {
	  height: 100%!important;
	}

}

.form .form-section {
  margin: 30px 0px 25px 0px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}

.form .form-section:first-child {
  margin-top: 5px;
}

/* Checkboxes */
.checkbox,
.form-horizontal .checkbox {
  padding: 0;
}

.checkbox > label,
.form-horizontal .checkbox > label {
  padding-left: 0;
}

.checkbox-list > label {
  display: block;
}

.checkbox-list > label.checkbox-inline {
  display: inline-block;
}

.checkbox-list > label.checkbox-inline:first-child {
  padding-left: 0;
}

/* Radio buttons */
.radio-list > label {
  display: block;
}

.radio-list > label.radio-inline {
  display: inline-block;
}

.radio-list > label.radio-inline:first-child {
  padding-left: 0;
}

/* Radio buttons in horizontal forms */
.form-horizontal .radio-list .radio {
  padding-top: 1px;
}

.form-horizontal .radio-list > label {
  margin-bottom: 0;
}

.form-horizontal .radio > span {
  margin-top: 2px;
}

input[type=checkbox],
input[type=radio]{
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

input[type=checkbox] + label,
input[type=checkbox] + input + label, /* this line is added at ]init[ */
input[type=radio] + label{
  display      : inline-block;
  margin-left  : -28px;
  margin-right: -28px;
  padding-left : 28px;
  padding-right: 0;
  background   : url('../img/checks.png') no-repeat 0 0;
  line-height  : 24px;
  font-size: 14px;
  /*padding-top: 2px;*/
  cursor: pointer;
  overflow: hidden;
  height: 26px;
}

input[type=checkbox] + label,
input[type=checkbox] + input + label /* this line is added at ]init[ */{
  background: url('../img/checks.png') no-repeat 0 -74px;
}


input[type=checkbox]:checked + label,
input[type=checkbox]:checked + input + label /* this line is added at ]init[ */{
  background-position : 0 -24px;
}

input[type=checkbox]:focus + label,
input[type=checkbox]:focus + input + label /* this line is added at ]init[ */{
  border: 1px dashed #808080;
  outline: -webkit-focus-ring-color auto 5px;
}

input[type=radio]:checked + label,
input[type=radio]:checked + input + label /* this line is added at ]init[ */{
  background-position : 0 -48px;
}

input[type=radio]:focus + label,
input[type=radio]:focus + input + label /* this line is added at ]init[ */{
  border: 1px dashed #808080;
  outline: -webkit-focus-ring-color auto 5px;
}

.contact-checks {
  padding: 0 0 20px 20px;
  margin-bottom: 20px;
}

.contact-checks input[type=checkbox] + label {
  width: 30%;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-right: 11px;
}

/* Rows seperated form layout */
.form .form-row-seperated .portlet-body {
  padding: 0;
}

.form .form-row-seperated .form-group {
  margin: 0;
  border-bottom: 1px solid #efefef;
  padding: 15px 0;
}

.form .form-row-seperated .form-group.last {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 13px;
}

.form .form-row-seperated .form-group .help-block {
  margin-bottom: 0;
}

.form .form-row-seperated .form-body {
  padding: 0;
}

.form .form-row-seperated .form-actions {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* Form bordered */
.form .form-bordered .form-group {
  margin: 0;
  border-bottom: 1px solid #efefef;
}

.form .form-bordered .form-group > div {
  padding: 15px;
  border-left: 1px solid #efefef;
}

.form .form-bordered .form-group.last {
  border-bottom: 0;
}

.form .form-bordered .form-group .control-label {
  padding-top: 20px;
}

@media (max-width: 991px) {

   .form .form-bordered .form-group > div {
	/* 991px */
	border-left: 0;
  }

  .form .form-bordered .form-group .control-label {
	/* 991px */
	padding-top: 10px;
  }

}

.form .form-bordered .form-group .help-block {
  margin-bottom: 0;
}

.form .form-bordered .form-group .form-control {
  margin: 0;
}

.form .form-bordered .form-body {
  margin: 0;
  padding: 0;
}

.form .form-bordered .form-actions {
  margin-top: 0;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

@media (max-width: 991px) {
  .form .form-bordered .form-actions {
	/* 991px */
	padding-left: 15px !important;
	padding-right: 15px !important;
  }
}

/* Horizontal bordered form */
.form .form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
}

.form .form-horizontal.form-bordered.form-row-stripped .form-control {
  background: #fff !important;
}

.form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
}

.form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div {
  background-color: #ffffff;
}

.form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
}

/***
Forms
***/
/* Input placeholder font color */
.form-control::-moz-placeholder {
  /*color: #888888;*/
  color: #62635A;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #888888;
}

.form-control::-webkit-input-placeholder {
  color: #888888;
}

textarea.form-control:-moz-placeholder {
  color: #888888;
  opacity: 1;
  text-align: right;
  vertical-align: bottom;
  line-height: 230px;
  overflow: hidden;
}

textarea.form-control::-moz-placeholder {
  color: #888888;
  opacity: 1;
  text-align: right;
  vertical-align: bottom;
  line-height: 230px;
  overflow: hidden;
}

textarea.form-control:-ms-input-placeholder {
  color: #888888;
  text-align: right;
  vertical-align: bottom;
  line-height: 200px;
  overflow: hidden;
}
textarea.form-control::-webkit-input-placeholder {
  color: #888888;
  text-align: right;
  padding-top: 100px;
}

textarea.form-control {
  padding: 10px;
  resize: none;
}
/* Form inputs */
.form-control {
  font-size: 14px;
  padding: 3px 10px 0px 10px;
  font-weight: normal;
  color: #333333;
  background-color: white;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control.select2-container {
  padding: 0;
  border: none;
  border-bottom: 3px solid #d7d3ce;
  height: 39px;
}

.form-control.select2-container.home-select {
  border-color: #0483af;
}

.form-control.select2-container.select2-container-active {
  border-color: #d7d3ce;
}

.form-control.select2-container .select2-choice {
  height: 32px;
  border: none;
  background: none;
  padding: 6px 10px 8px 10px;
}

.select2-drop {
  -webkit-box-shadow: 0 3px 0px rgba(0, 0, 0, .2);
  box-shadow: 0 3px 0px rgba(0, 0, 0, .2);
  border: none !important;
  margin-top: -3px;
  background-color: #f7f5f2;
}

.select2-results {
  margin: 0;
  padding: 0;
}

.select2-results .select2-result-label {
  padding: 10px 22px 6px;
}

.select2-results li {
  position: relative;
}

.select2-results li:before {
  content: "";
  height: 1px;
  position: absolute;
  background-color: #e7e5e2;
  bottom: 0px;
  left: 20px;
  right: 20px;
}

.select2-results li:last-child:before {
  display: none;
}

.select2-results li.select2-highlighted {
  background-color: #bacb13;
  color: #323427;
}

.select2-results li.select2-highlighted:before {
  left: 0;
  right: 0;
  bottom: auto;
  top: -1px;
  background-color: #bacb13;
}

.form-control.select2-container .select2-choice .select2-arrow {
  background: none;
  border: none;
  top: 4px;
  right: 10px;
}

/*.form-control:hover {
  border-color: #999999;
   outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}*/

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}

.form-control.height-auto {
  height: auto;
}

/* Form uneditable input */
.uneditable-input {
  padding: 6px 12px;
  min-width: 206px;
  font-size: 14px;
  font-weight: normal;
  height: 34px;
  color: #333333;
  background-color: white;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/* Form input sizing */
.input-mini {
  width: 45px !important;
}

.input-xsmall {
  width: 80px !important;
}

.input-small {
  width: 120px !important;
}

.input-medium {
  width: 240px !important;
}

.input-large {
  width: 320px !important;
}

.input-xlarge {
  width: 480px !important;
}

.input-inline {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.form-group .input-inline {
  margin-right: 5px;
}

.input-sm {
  height: 28px;
  padding: 5px 10px;
  font-size: 13px;
}

select.input-sm {
  height: 28px;
  line-height: 28px;
  padding: 2px 10px;
}

@media (max-width: 768px) {
  /* 768px */
  .input-large {
	width: 250px !important;
  }

  .input-xlarge {
	width: 300px !important;
  }

  .contact-checks input[type=checkbox]:not(old) + label {
	width: 46%;
  }

  .list-div-img {
	padding: 10px;
  }

  .list-div h3 {
	margin-top: 0;
  }

  .list-div-content {
	width: -moz-calc(100% - 220px);
	width: -webkit-calc(100% - 220px);
	width: -o-calc(100% - 220px);
	width: calc(100% - 220px);
  }

  .new-event li .list-div-img {
	padding: 0 20px 10px 0;
  }

  .news-select .input-group {
	width: 95%;
	margin: 0%;
  }

  .news-select .dates .input-group {
	width: 33%;
  }

  .news-select .daten-text {
	margin-right: 5px;
  }
}

@media (max-width: 767px) {
 /* .navbar-nav>li:not(:first-child), .navbar-nav>li a:after {
	display: none;
  } */
}

@media (min-width: 768px) {
  .lead {
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  padding: 20px 0 10px 0;
  }

  .navbar-nav>li {
	padding-top: 30px;
  }

  .navbar-nav>li a {
	text-decoration: none;
	font-size: 16px;
	padding: 0px 8px 0 0px;
	margin-top: 7px;
	margin-left: 10px;
	vertical-align: bottom;
	border-right: 1px solid #ccc;
	line-height: 16px;
	height: 24px;
  }

  .navbar-nav>li:last-child a {
	border: none;
  }

   .navbar-nav>li a {
	margin-top: 12px;
   }

   .navbar-nav.navbar-right>li a {
	margin-top: 7px;
   }


  .navbar-nav>li input {
	margin-top: 8px;
  }

  .navbar-nav>li.first {
	background: url("../img/content/active-bg-small.png") no-repeat;
	margin-left: 10px;
  }

  /*.navbar-nav > li.first a */
  .navbar-nav > li.first button.nav-el {
	margin: 10px 0 0 4px;
	padding: 0;
	border: 0;
  }

  .navbar-nav > li.first button.nav-el:focus {
	outline: 1px dotted;
  }

  .first .dropdown-menu {
	left: 5px;
  }

  .navbar-nav>li.first .icon-menu {
  vertical-align: top;
  padding-top: 4px;
  }

  .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	padding-top: 35px;
	margin-right: -10px;
  }
}

@media (max-width: 640px) {

	.navbar .container .mega-nav .nav-container{
		width: auto;
	}

	.mega-nav .navbar-nav {
		background: url("../img/content/active-bg-small.png") repeat-x;
		padding-top: 30px;
		padding-left: 27px;
		margin: 0;
	}

	.mega-nav.opened .navbar-nav {
		margin: 0 10px 10px 10px;
		padding-left: 17px;
	}

	.mega-nav.opened .first-level{
		padding-top: 100px;
	}

	.mega-nav.opened .navbar-toggle .icon-bar {
		background: #a9b300;
	}

	.container>.navbar-header {
		padding-top: 30px;
	}

	.navbar .navbar-right	{
		margin-top: 0;
		margin-bottom: 0;
		z-index: 11;
	}

	.navbar .navbar-right li {
		padding-top: 40px;
	}

	.navbar .navbar-right li a {
		border-left: 1px solid #ccc;
		padding: 0 10px;
	}

	.navbar .navbar-right li a i {
		top: 0px !important;
	}

	.navbar .navbar-right li:first-child a {
		border: none;
	}

	.navbar .navbar-right li a.cursor-text {
		display: none;
	}

	.navbar.opened .navbar-header,
	.navbar.opened .navbar-right	{
		z-index: 12;
	}

	.navbar.opened .navbar-toggle .icon-bar {
		background: #a9b300;
	}

	.navbar.opened .navbar-toggle .nav-text {
		color: #a9b300;
	}

	.navbar.opened .navbar-right li a {
		color: #636d78;
	}

	.page-title,
	.heading-social {
		padding-left: 12px;
	}

	.heading-social	.fa-item i+span,
	.heading-social	.fa-item.print-anchor{
		display: none;
	}

}

.header-search {
  border: none;
  margin-top: 13px;
  height: 22px;
  padding-left: 5px;
  background: white;
  color: black;
  filter:alpha(opacity=60); /* IE */
  -moz-opacity:0.6; /* Mozilla */
  opacity: 0.6;
  -webkit-transition: 500ms ;
  -moz-transition:  500ms ;
  -o-transition:  500ms ;
  transition:  500ms ;
}

/*.header-search:hover {
  filter:alpha(opacity=100);
  -moz-opacity:1;
  opacity: 1;
  -webkit-transition: 500ms ;
  -moz-transition: 500ms ;
  -o-transition: 500ms ;
  transition: 500ms ;
  outline: none;
}*/

/* Input  groups */
.input-group .btn-default {
  border-color: #e5e5e5;
}
.input-group .input-group-addon {
  border-color: #e5e5e5;
  background: #e5e5e5;
  min-width: 39px;
}
.input-group .input-group-addon > i {
  color: #999999;
}

/* Input spinner */
input[type="text"].spinner,
input[type="password"].spinner,
input[type="datetime"].spinner,
input[type="datetime-local"].spinner,
input[type="date"].spinner,
input[type="month"].spinner,
input[type="time"].spinner,
input[type="week"].spinner,
input[type="number"].spinner,
input[type="email"].spinner,
input[type="url"].spinner,
input[type="search"].spinner,
input[type="tel"].spinner,
input[type="color"].spinner {
  background-image: url("../img/input-spinner.gif") !important;
  background-repeat: no-repeat;
  background-position: right 8px;
}

/* Form labels */
label {
  font-weight: 400;
  font-size: 13px;
}

/* Static form control */
.form-control-static {
  margin: 2px 0;
  display: inline-block;
}

/* Feedback states */
.has-success .help-block,
.has-success .help-inline,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*.has-success .form-control:hover {
  border-color: #2b542c;
  -webkit-box-shadow: none;
  box-shadow: none;
}*/
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .help-inline,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*.has-warning .form-control:hover {
  border-color: #66512c;
  -webkit-box-shadow: none;
  box-shadow: none;
}*/
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .help-inline,
.has-error .control-label h6,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #aa1826;
}

.has-error .control-label {
  color: #2C2D22;
}

.has-error .form-control {
  border-color: #aa1826;
  -webkit-box-shadow: none;
  box-shadow: none;
  /*background: #dc4453;*/
  background: #B31D3B;
  color: white;
}

.has-error .form-control::-moz-placeholder {
  color: #dcdcdc;
}
.has-error .form-control:-ms-input-placeholder {
  color: #dcdcdc;
}
.has-error .form-control::-webkit-input-placeholder {
  color: #dcdcdc;
}
/*
.has-error .form-control:hover {
  border-color: #843534;
  -webkit-box-shadow: none;
  box-shadow: none;
}*/
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}


/***
Custom icon buttons
***/
.icon-btn {
  height: 60px;
  min-width: 80px;
  margin: 5px 5px 0 0;
  border: 1px solid #ddd;
  padding: 12px 0px 0px 0px;
  background-color: #fafafa;
  background-image: none;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  color: #646464;
  text-shadow: none;
  text-align: center;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.icon-btn:hover {
  text-decoration: none;
  border-color: #999;
  color: #444;
  text-shadow: 0 1px 0px white;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.icon-btn:hover > .badge {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.icon-btn > div {
  margin-top: 5px;
  margin-bottom: 20px;
  color: #000;
  font-size: 12px;
  font-weight: 300;
}
.icon-btn > .badge {
  position: absolute;
  font-size: 11px;
  font-weight: 300;
  top: -5px;
  right: -5px;
  padding: 3px 6px 3px 6px;
  color: white;
  text-shadow: none;
  border-width: 0;
  border-style: solid;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.icon-btn > i {
  font-size: 18px;
}
.ie8 .icon-btn:hover {
  filter: none;
}

/***
Input icons
***/
.input-icon {
  position: relative;
}
.input-icon > .form-control {
  padding-left: 33px;
}
.input-icon > i {
  color: #ccc;
  display: block;
  position: absolute;
  margin: 11px 2px 4px 10px;
  z-index: 3;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}
.modal .input-icon > i {
  z-index: 10055;
}
.has-success .input-icon > i {
  color: #45b6af;
}
.has-warning .input-icon > i {
  color: #ecbc29;
}
.has-info .input-icon > i {
  color: #89c4f4;
}
.has-error .input-icon > i {
  color: #f3565d;
}
.input-icon.right > .form-control {
  padding-right: 33px;
  padding-left: 12px;
}
.input-icon.right > i {
  right: 8px;
  float: right;
}

/***
Customized Bootstrap Labels
***/
.label {
  text-shadow: none !important;
  font-size: 13px;
  font-weight: 300;
  padding: 3px 6px 3px 6px;
  color: #fff;
  font-family: "adelle-sans", "Open Sans", sans-serif;
}
.label.label-sm {
  font-size: 12px;
  padding: 0px 4px 1px 4px;
}
h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label {
  font-size: 75%;
}

/* Labels variants */
.label-default {
  background-color: #c6c6c6;
}
/* .label-default[href]:hover*/
.label-default[href]:hover {
  background-color: #adadad;
}

.label-primary {
  background-color: #428bca;
}
/*, .label-primary[href]:hover*/
.label-primary[href]:hover {
  background-color: #3071a9;
}

.label-success {
  background-color: #45b6af;
}
/*, .label-success[href]:hover */
.label-success[href]:hover{
  background-color: #37918b;
}

.label-info {
  background-color: #89c4f4;
}
/*, .label-info[href]:hover*/
.label-info[href]:hover {
  background-color: #5aadf0;
}

.label-warning {
  background-color: #ecbc29;
}
/*, .label-warning[href]:hover*/
.label-warning[href]:hover {
  background-color: #d0a112;
}

.label-danger {
  background-color: #f3565d;
}
/*, .label-danger[href]:hover*/
.label-danger[href]:hover {
  background-color: #f0262f;
}

/***
Iconic labels
***/
.label.label-icon {
  padding: 4px 0px 4px 4px;
  margin-right: 2px;
  text-align: center !important;
}
.label.label-icon > i {
  font-size: 12px;
  text-align: center !important;
}
.ie8 .label.label-icon, .ie9 .label.label-icon {
  padding: 3px 0px 3px 3px;
}

/***
Customized List Group
***/
/* Contextual variants */
.list-group .list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
.list-group a.list-group-item-success {
  color: #3c763d;
}
.list-group a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
/* .list-group a.list-group-item-success:hover*/
.list-group a.list-group-item-success:hover {
  color: #3c763d;
  background-color: #d0e9c6;
}
/*, .list-group a.list-group-item-success.active:hover*/
.list-group a.list-group-item-success.active, .list-group a.list-group-item-success.active:hover {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group .list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
.list-group a.list-group-item-info {
  color: #31708f;
}
.list-group a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
/*, .list-group a.list-group-item-info:hover*/
.list-group a.list-group-item-info:hover {
  color: #31708f;
  background-color: #c4e3f3;
}
/*, .list-group a.list-group-item-info.active:hover*/
.list-group a.list-group-item-info.active, .list-group a.list-group-item-info.active:hover {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group .list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
.list-group a.list-group-item-warning {
  color: #8a6d3b;
}
.list-group a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
/*, .list-group a.list-group-item-warning:hover*/
.list-group a.list-group-item-warning:hover {
  color: #8a6d3b;
  background-color: #faf2cc;
}
/*, .list-group a.list-group-item-warning.active:hover*/
.list-group a.list-group-item-warning.active, .list-group a.list-group-item-warning.active:hover {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group .list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
.list-group a.list-group-item-danger {
  color: #a94442;
}
.list-group a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
/*, .list-group a.list-group-item-danger:hover*/
.list-group a.list-group-item-danger:hover {
  color: #a94442;
  background-color: #ebcccc;
}
/*, .list-group a.list-group-item-danger.active:hover*/
.list-group a.list-group-item-danger.active, .list-group a.list-group-item-danger.active:hover{
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}



/***
icons
***/
[class^="m-icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  line-height: 14px;
  vertical-align: top;
  background-image: url(../img/syncfusion-icons.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}

[class^="m-icon-big-"] {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 6px;
  vertical-align: middle;
  background-image: url(../img/syncfusion-icons.png);
  background-position: 0 0px;
  background-repeat: no-repeat;
}



/* large icons */
.btn.m-icon-big {
  padding: 9px 16px 8px 16px;
}

.btn.m-icon-big.m-icon-only {
  padding: 9px 8px 8px 0px;
}

.btn.m-icon-big [class^="m-icon-big-"] {
  margin: 0 0 0 10px;
}

.btn.m-icon-ony > i {
  margin-left: 0px;
}

/* default icons */
.btn.m-icon {
  padding: 7px 14px 7px 14px;
}

.btn.m-icon [class^="m-icon-"] {
  margin: 4px 0 0 5px;
}

.btn.m-icon.m-icon-only {
  padding: 7px 10px 7px 6px;
}

/* white icon */
.m-icon-white {
  background-image: url(../img/syncfusion-icons-white.png);
}

/*  Misc */
.m-icon-swapright {
  background-position: -27px -10px;
}

.m-icon-swapdown {
  background-position: -68px -10px;
}

.m-icon-swapleft {
  background-position: -8px -10px;
}

.m-icon-swapup {
  background-position: -46px -10px;
}

.m-icon-big-swapright {
  background-position: -42px -28px;
}

.m-icon-big-swapdown {
  background-position: -115px -28px;
}

.m-icon-big-swapleft {
  background-position: -6px -28px;
}

.m-icon-big-swapup {
  background-position: -78px -28px;
}


.tile-body i.icon-9x {
  font-size: 9em;
}
/***
Customized Bootstrap Panels
***/
.panel {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.panel-group .panel {
  overflow: visible;
}
.panel-group .panel+.panel {
  margin-top: 0;
}
.panel .panel-title > a:hover {
  text-decoration: none;
}
.panel-group.accordion {
  clear: both;
}
.panel-group.accordion .panel-body > div{
  padding-left: 0;
}
.accordion .panel .panel-heading {
  padding: 0;
  clear: both;
}
.accordion .panel .panel-title {
  padding: 0;
}
.accordion .panel .panel-title .accordion-toggle,
.accordion .panel .panel-title a  {
  display: block;
  margin: 10px 0;
	position: relative;
}
.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed,
.accordion .panel .panel-title a {
  /*background: url("../img/accordion-plusminus.png") no-repeat;
  background-position: right -32px;*/
  margin-right: 15px;
}
.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed,
.accordion .panel .panel-title a.collapsed {
  /*background: url("../img/accordion-plusminus.png") no-repeat;
  background-position: right 0px;*/
  margin-right: 15px;
}
.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed:before,
.accordion .panel .panel-title a:before {
	background: url("../img/accordion-plusminus.png") no-repeat 0 -32px;
	content: "";
	display: inline-block;
	position: absolute;
  top: 3px;
	width: 14px;
	height: 14px;
	right: -15px;
}
.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed:before,
.accordion .panel .panel-title a.collapsed:before {
	background: url("../img/accordion-plusminus.png") no-repeat;
}

.accordion .panel:last-child {
  border-bottom-color: transparent !important;
}

.accordion .panel .panel-body .panel {
  margin-top: -1px;
  padding: 0 0 0 15px;
  border-top: 2px solid #e0e0e0;
}

.accordion .panel .panel-body .panel:last-child {
  margin-bottom: 15px;
  border-bottom: 2px solid #e0e0e0 !important;
}

.accordion .panel .image-wrapper {
  display: block;
  margin-top: 6px;
  margin-bottom: 10px !important;
}

.accordion .panel .image-wrapper .image-popup {
  display: block;
}

.accordion .panel .image-wrapper .image-popup:before,
.accordion .panel .image-wrapper .image-popup:after {
  content: " ";
  display: table;
}

.accordion .panel .image-wrapper .image-popup:after {
  clear: both;
}

.accordion .panel .image-wrapper .caption {
  display: block;
}

.panel-default {
  border-color: transparent;
  border-bottom-color: #e0e0e0;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: transparent;
  border-color: #e0e0e0;
}


.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #e0e0e0;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #e0e0e0;
}

.panel-primary {
  border-color: #3595bd;
}
.panel-primary > .panel-heading {
  color: #d8e3f2;
  background-color: #428bca;
  border-color: #3595bd;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #3595bd;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #3595bd;
}

.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ebccd1;
}

/***
Accordions
***/
.accordion-heading {
  background: #eee;
}
.accordion-heading a {
  text-decoration: none;
}
.accordion-heading a:hover {
  text-decoration: none;
}

.panel-title>a {
color: inherit;
font-family: "adelle-sans";
}
/***
Customized Bootstrap Popover
***/
.popover {
  box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  padding: 0;
}
.popover .popover-title {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

.popover.name .popover-title,
name .popover .popover-content,
.popover.name .popover-content {
  color: #89c4f4;
}

.popover.name .popover-title,
name .popover .popover-content,
.popover.name .popover-content {
  color: #428bca;
}

.popover.name .popover-title,
name .popover .popover-content,
.popover.name .popover-content {
  color: #45b6af;
}

.popover.name .popover-title,
name .popover .popover-content,
.popover.name .popover-content {
  color: #ecbc29;
}

.popover.name .popover-title,
name .popover .popover-content,
.popover.name .popover-content {
  color: #f3565d;
}

/* popover colors*/
.popovers.yellow + .popover {
  background: yellow;
}

.popovers.yellow + .popover .popover-title {
  background: yellow;
}

.popovers.yellow + .popover .popover-content {
  background: yellow;
}

/***
Portlets
***/
/* Basic portlet */
.portlet {
  margin-top: 0px;
  margin-bottom: 25px;
  padding: 0px;
}
.portlet > .portlet-title {
  border-bottom: 1px solid #eee;
  padding: 0;
  margin-bottom: 10px;
  min-height: 41px;
}
.portlet > .portlet-title:before, .portlet > .portlet-title:after {
  content: " ";
  display: table;
}
.portlet > .portlet-title:after {
  clear: both;
}
.portlet > .portlet-title > .caption {
  float: left;
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  padding: 10px 0;
}
.portlet > .portlet-title > .caption > i {
  float: left;
  margin-top: 4px;
  display: inline-block;
  font-size: 13px;
  margin-right: 5px;
  color: #666;
}
.portlet > .portlet-title > .caption > i.glyphicon {
  margin-top: 2px;
}
.portlet > .portlet-title > .caption > .caption-helper {
  font-size: 13px;
  padding: 0;
  margin: 0;
  line-height: 13px;
  color: #aaa;
}
.portlet > .portlet-title > .actions {
  float: right;
  display: inline-block;
  padding: 6px 0;
}
.portlet > .portlet-title > .actions > .dropdown-menu i {
  color: #555555;
}
.portlet > .portlet-title > .actions > .btn,
.portlet > .portlet-title > .actions > .btn.btn-sm,
.portlet > .portlet-title > .actions > .btn-group > .btn,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm {
  padding: 4px 10px;
  font-size: 13px;
  line-height: 1.5;
}
.portlet > .portlet-title > .actions > .btn.btn-default,
.portlet > .portlet-title > .actions > .btn.btn-sm.btn-default,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-default,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm.btn-default {
  padding: 3px 9px;
}
.portlet > .portlet-title > .actions > .btn > i,
.portlet > .portlet-title > .actions > .btn.btn-sm > i,
.portlet > .portlet-title > .actions > .btn-group > .btn > i,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm > i {
  font-size: 13px;
}
.portlet > .portlet-title > .actions .btn-icon-only {
  padding: 5px 7px 3px 7px;
}
.portlet > .portlet-title > .actions .btn-icon-only.btn-default {
  padding: 4px 6px 2px 6px;
}
.portlet > .portlet-title > .actions .btn-icon-only.btn-default > i {
  font-size: 14px;
}
.portlet > .portlet-title > .actions > .portlet-input1 > .input-group > .form-control,
.portlet > .portlet-title > .actions > .portlet-input1 > .form-control {
  padding: 4px 10px;
  height: 27px;
  font-size: 13px;
}
.portlet > .portlet-title > .tools {
  float: right;
  display: inline-block;
  padding: 12px 0 8px 0;
}
.portlet > .portlet-title > .tools > a {
  display: inline-block;
  height: 16px;
  margin-left: 5px;
}
.portlet > .portlet-title > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon.png);
  background-repeat: no-repeat;
  width: 11px;
}
.portlet > .portlet-title > .tools > a.config {
  background-image: url(../img/portlet-config-icon.png);
  background-repeat: no-repeat;
  width: 12px;
}
.portlet > .portlet-title > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon.png);
  width: 13px;
}
.portlet > .portlet-title > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon.png);
  width: 14px;
}
.portlet > .portlet-title > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon.png);
  width: 14px;
}
.portlet > .portlet-title > .tools > a:hover {
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity: .6;
  filter: 'alpha(opacity=60)';
}
.portlet > .portlet-title > .pagination {
  float: right;
  display: inline-block;
  margin: 0px;
  border: 0;
  padding: 5px 0;
}
.portlet > .portlet-body {
  clear: both;
}
.portlet > .portlet-empty {
  min-height: 125px;
}
.portlet.full-height-content {
  margin-bottom: 0;
}

/* Portlet background colors */
/* Side bordered portlet */
.portlet.bordered {
  border-left: 2px solid #e6e9ec !important;
}
.portlet.bordered > .portlet-title {
  border-bottom: 0;
}

/* Solid colored portlet */
.portlet.solid {
  padding: 0 10px 10px 10px;
  border: 0px;
}
.portlet.solid > .portlet-title {
  border-bottom: 0;
  margin-bottom: 10px;
}
.portlet.solid > .portlet-title > .caption {
  padding: 16px 0 2px 0;
}
.portlet.solid > .portlet-title > .actions {
  padding: 12px 0 6px 0;
}
.portlet.solid > .portlet-title > .tools {
  padding: 14px 0 6px 0;
}

/* Solid bordered portlet */
.portlet.solid.bordered > .portlet-title {
  margin-bottom: 10px;
}

/* Box portlet */
.portlet.box {
  padding: 0px !important;
}
.portlet.box > .portlet-title {
  border-bottom: 1px solid #eee;
  padding: 0 10px;
  margin-bottom: 0;
  color: #fff;
}
.portlet.box > .portlet-title > .caption {
  padding: 11px 0 9px 0;
}

.portlet.box > .portlet-body {
  background-color: #fff;
  padding: 10px;
}

/* Light Portlet */
.portlet.light {
  padding: 12px 20px 15px 20px;
  background-color: #fff;
}
.portlet.light.bordered {
  border: 1px solid #e1e1e1 !important;
}
.portlet.light.bordered > .portlet-title {
  border-bottom: 1px solid #eee;
}
.portlet.light.bg-inverse {
  background: #F7F7F7;
}
.portlet.light > .portlet-title {
  padding: 0;
  min-height: 48px;
}
.portlet.light > .portlet-title > .caption {
  color: #666;
  padding: 10px 0;
}
.portlet.light > .portlet-title > .caption > i {
  color: #777;
  font-size: 16px;
  font-weight: 300;
  margin-top: 3px;
}
.portlet.light > .portlet-title > .actions {
  padding: 6px 0 14px 0;
}
.portlet.light > .portlet-title > .actions .btn-default {
  color: #666;
}
.portlet.light > .portlet-title > .actions .dropdown-menu li > a {
  color: #555;
}
.portlet.light > .portlet-title > .inputs {
  float: right;
  display: inline-block;
  padding: 2px 0 11px 0;
}
.portlet.light > .portlet-title > .pagination {
  padding: 2px 0 13px 0;
}
.portlet.light > .portlet-title > .tools {
  padding: 10px 0 13px 0;
  margin-top: 2px;
}
.portlet.light .tabbable-line.portlet-title {
  padding-bottom: 0px;
}
.portlet.light .tabbable-line.portlet-title > .nav-tabs {
  float: right;
  margin: 0;
  padding: 0;
  margin-top: 3px;
}
.portlet.light .tabbable-line.portlet-title > .nav-tabs > li {
  margin: 0;
}
.portlet.light .tabbable-line.portlet-title > .nav-tabs > li > a {
  margin: 0;
  padding: 11px 13px 11px 13px;
  font-size: 13px;
}
.portlet.light .tabbable-line.portlet-body > .tab-content {
  padding: 0;
  margin: 0;
  border: 0;
}
.portlet.light.form-fit {
  padding: 0;
}
.portlet.light.form-fit > .portlet-title {
  padding: 17px 20px 10px 20px;
  margin-bottom: 0;
}

/***
Portlet tabs
***/
.portlet-tabs > .nav-tabs {
  position: relative;
  top: -41px;
  margin-right: 10px;
  overflow: hidden;
  border-bottom: none;
}
.portlet-tabs > .nav-tabs > li {
  float: right;
  margin-left: 1px;
}
.portlet-tabs > .nav-tabs > li > a {
  color: #fff;
  padding-top: 8px;
  padding-bottom: 10px;
  line-height: 16px;
  margin-top: 6px;
  margin-left: 0px;
  margin-right: 0px;
  border-left: 0;
  border-right: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.portlet-tabs > .nav-tabs > li > a:hover {
  color: #333;
  margin-bottom: 0;
  border-bottom-color: transparent;
  margin-left: 0;
  margin-right: 0;
  border-left: 0;
  border-right: 0;
  border-top-color: transparent;
  background-color: #fff;
}
.portlet-tabs > .nav-tabs > li:last-child > a {
  border-right: 0;
}
.portlet-tabs > .nav-tabs > li.active {
  color: #333;
  border-top-color: transparent;
}
.portlet-tabs > .nav-tabs > li.active > a {
  margin-bottom: 0px;
  border-bottom: 0;
  margin-left: 0px;
  margin-right: 0px;
  border-left: 0;
  border-right: 0;
  border-top-color: transparent !important;
  color: #555555;
  cursor: default;
  background-color: #fff;
}
.portlet-tabs > .nav-tabs > li.active > a:hover {
  color: #333;
  margin-bottom: 0;
  border-bottom-color: transparent;
  margin-left: 0;
  margin-right: 0;
  border-left: 0;
  border-right: 0;
  border-top-color: transparent;
  background-color: #fff;
}
.portlet-tabs > .tab-content {
  padding: 10px !important;
  margin: 0px;
  margin-top: -50px !important;
}

.portlet.tabbable .portlet-body {
  padding: 0px;
}

.tab-pane > p:last-child {
  margin-bottom: 0px;
}

/* Reverse aligned tabs */
.tabs-reversed > li {
  float: right;
  margin-right: 0;
}
.tabs-reversed > li > a {
  margin-right: 0;
}

/* jQuery UI Draggable Portlets */
.portlet-sortable > .portlet-title {
  cursor: move;
}

.portlet-sortable-placeholder {
  border: 2px dashed #eee;
  margin-bottom: 25px;
}

.portlet-sortable-empty {
  height: 45px;
}

/***
Social Icons
***/
.social-icons {
  padding: 0;
  margin: 0;
}
.social-icons:before, .social-icons:after {
  content: " ";
  display: table;
}
.social-icons:after {
  clear: both;
}
.social-icons li {
  float: left;
  display: inline;
  list-style: none;
  margin-right: 5px;
  margin-bottom: 5px;
  text-indent: -9999px;
}
.social-icons li > a {
  width: 28px;
  height: 28px;
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.social-icons li:hover > a {
  background-position: 0 -38px;
}
.social-icons li .amazon {
  background: url(../img/social/amazon.png) no-repeat;
}
.social-icons li .behance {
  background: url(../img/social/behance.png) no-repeat;
}
.social-icons li .blogger {
  background: url(../img/social/blogger.png) no-repeat;
}
.social-icons li .deviantart {
  background: url(../img/social/deviantart.png) no-repeat;
}
.social-icons li .dribbble {
  background: url(../img/social/dribbble.png) no-repeat;
}
.social-icons li .dropbox {
  background: url(../img/social/dropbox.png) no-repeat;
}
.social-icons li .evernote {
  background: url(../img/social/evernote.png) no-repeat;
}
.social-icons li .facebook {
  background: url(../img/social/facebook.png) no-repeat;
}
.social-icons li .forrst {
  background: url(../img/social/forrst.png) no-repeat;
}
.social-icons li .github {
  background: url(../img/social/github.png) no-repeat;
}
.social-icons li .googleplus {
  background: url(../img/social/googleplus.png) no-repeat;
}
.social-icons li .jolicloud {
  background: url(../img/social/jolicloud.png) no-repeat;
}
.social-icons li .last-fm {
  background: url(../img/social/last-fm.png) no-repeat;
}
.social-icons li .linkedin {
  background: url(../img/social/linkedin.png) no-repeat;
}
.social-icons li .picasa {
  background: url(../img/social/picasa.png) no-repeat;
}
.social-icons li .pintrest {
  background: url(../img/social/pintrest.png) no-repeat;
}
.social-icons li .rss {
  background: url(../img/social/rss.png) no-repeat;
}
.social-icons li .skype {
  background: url(../img/social/skype.png) no-repeat;
}
.social-icons li .spotify {
  background: url(../img/social/spotify.png) no-repeat;
}
.social-icons li .stumbleupon {
  background: url(../img/social/stumbleupon.png) no-repeat;
}
.social-icons li .tumblr {
  background: url(../img/social/tumblr.png) no-repeat;
}
.social-icons li .twitter {
  background: url(../img/social/twitter.png) no-repeat;
}
.social-icons li .vimeo {
  background: url(../img/social/vimeo.png) no-repeat;
}
.social-icons li .wordpress {
  background: url(../img/social/wordpress.png) no-repeat;
}
.social-icons li .xing {
  background: url(../img/social/xing.png) no-repeat;
}
.social-icons li .yahoo {
  background: url(../img/social/yahoo.png) no-repeat;
}
.social-icons li .youtube {
  background: url(../img/social/youtube.png) no-repeat;
}
.social-icons li .vk {
  background: url(../img/social/vk.png) no-repeat;
}
.social-icons li .instagram {
  background: url(../img/social/instagram.png) no-repeat;
}
.social-icons li .reddit {
  background: url(../img/social/reddit.png) no-repeat;
}
.social-icons li .aboutme {
  background: url(../img/social/aboutme.png) no-repeat;
}
.social-icons li .flickr {
  background: url(../img/social/flickr.png) no-repeat;
}
.social-icons li .foursquare {
  background: url(../img/social/foursquare.png) no-repeat;
}
.social-icons li .gravatar {
  background: url(../img/social/gravatar.png) no-repeat;
}
.social-icons li .klout {
  background: url(../img/social/klout.png) no-repeat;
}
.social-icons li .myspace {
  background: url(../img/social/myspace.png) no-repeat;
}
.social-icons li .quora {
  background: url(../img/social/quora.png) no-repeat;
}
.social-icons.social-icons-color > li > a {
  opacity: 0.7;
  background-position: 0 -38px !important;
}
.social-icons.social-icons-color > li > a:hover {
  opacity: 1;
}
.social-icons.social-icons-circle > li > a {
  border-radius: 25px !important;
}

/***
Inline Social Icons
***/
.social-icon {
  display: inline-block !important;
  width: 28px;
  height: 28px;
  background-position: 0 0;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.social-icon.social-icon-circle {
  border-radius: 25px !important;
}

.social-icon.amazon {
  background: url(../img/social/amazon.png) no-repeat;
}
.social-icon.behance {
  background: url(../img/social/behance.png) no-repeat;
}
.social-icon.blogger {
  background: url(../img/social/blogger.png) no-repeat;
}
.social-icon.deviantart {
  background: url(../img/social/deviantart.png) no-repeat;
}
.social-icon.dribbble {
  background: url(../img/social/dribbble.png) no-repeat;
}
.social-icon.dropbox {
  background: url(../img/social/dropbox.png) no-repeat;
}
.social-icon.evernote {
  background: url(../img/social/evernote.png) no-repeat;
}
.social-icon.facebook {
  background: url(../img/social/facebook.png) no-repeat;
}
.social-icon.forrst {
  background: url(../img/social/forrst.png) no-repeat;
}
.social-icon.github {
  background: url(../img/social/github.png) no-repeat;
}
.social-icon.googleplus {
  background: url(../img/social/googleplus.png) no-repeat;
}
.social-icon.jolicloud {
  background: url(../img/social/jolicloud.png) no-repeat;
}
.social-icon.last-fm {
  background: url(../img/social/last-fm.png) no-repeat;
}
.social-icon.linkedin {
  background: url(../img/social/linkedin.png) no-repeat;
}
.social-icon.picasa {
  background: url(../img/social/picasa.png) no-repeat;
}
.social-icon.pintrest {
  background: url(../img/social/pintrest.png) no-repeat;
}
.social-icon.rss {
  background: url(../img/social/rss.png) no-repeat;
}
.social-icon.skype {
  background: url(../img/social/skype.png) no-repeat;
}
.social-icon.spotify {
  background: url(../img/social/spotify.png) no-repeat;
}
.social-icon.stumbleupon {
  background: url(../img/social/stumbleupon.png) no-repeat;
}
.social-icon.tumblr {
  background: url(../img/social/tumblr.png) no-repeat;
}
.social-icon.twitter {
  background: url(../img/social/twitter.png) no-repeat;
}
.social-icon.vimeo {
  background: url(../img/social/vimeo.png) no-repeat;
}
.social-icon.wordpress {
  background: url(../img/social/wordpress.png) no-repeat;
}
.social-icon.xing {
  background: url(../img/social/xing.png) no-repeat;
}
.social-icon.yahoo {
  background: url(../img/social/yahoo.png) no-repeat;
}
.social-icon.youtube {
  background: url(../img/social/youtube.png) no-repeat;
}
.social-icon.vk {
  background: url(../img/social/vk.png) no-repeat;
}
.social-icon.instagram {
  background: url(../img/social/instagram.png) no-repeat;
}
.social-icon.reddit {
  background: url(../img/social/reddit.png) no-repeat;
}
.social-icon.aboutme {
  background: url(../img/social/aboutme.png) no-repeat;
}
.social-icon.flickr {
  background: url(../img/social/flickr.png) no-repeat;
}
.social-icon.foursquare {
  background: url(../img/social/foursquare.png) no-repeat;
}
.social-icon.gravatar {
  background: url(../img/social/gravatar.png) no-repeat;
}
.social-icon.klout {
  background: url(../img/social/klout.png) no-repeat;
}
.social-icon.myspace {
  background: url(../img/social/myspace.png) no-repeat;
}
.social-icon.quora {
  background: url(../img/social/quora.png) no-repeat;
}
.social-icon:hover {
  background-position: 0 -38px;
}

.social-icon-color {
  opacity: 0.7;
  background-position: 0 -38px !important;
}
.social-icon-color:hover {
  opacity: 1;
}


/***
Tiles(new in v1.1.1)
***/
.tiles {
  margin-right: -10px;
  margin-left: -10px;
}
.tiles:before, .tiles:after {
  display: table;
  content: " ";
}
.tiles:after {
  clear: both;
}
.tiles .tile {
  display: block;
  letter-spacing: 0.02em;
  float: left;
  height: 110px;
  width: 130px !important;

  text-decoration: none;
  color: #ffffff;
  position: relative;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 0.02em;
  line-height: 20px;
  overflow: hidden;
 /* border: 4px solid transparent;
  cursor: pointer;*/
  margin: 0 10px 20px 10px;
  background: white;
  color: black;
}
 /* no margin and padding to use bootstrap's grid ones, no width to use bootstrap's one
  we have the option to set fixed width/height for the tiles, depending on the final designs we have
  */
[class^="col-"] .tile {
  width: 100% !important;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.tile-background {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index:0;
  min-width: 100%;
  min-height: 100%;
}
.tile-background img{
  min-width: 100%;
}

.tile-bg-down img{
  min-width: 100%;
  bottom: 0;
  position: absolute;
}

.tile-bg-right {
  left: 61%;
}
.tiles .tile:after, .tiles .tile:before {
  content: "";
  float: left;
}
.tiles .tile.double {
  width: 280px !important;
}

.tiles .tile.quadra {
  width: 570px !important;
}

.tiles .tile.quadra-down {
  height: 500px !important;
}

.tiles .tile.quadra-down .tile-body{
  height: 445px;
}

.tiles .twitter-small.quadra-down {
  height: 240px !important;
}

/* .tiles .twitter-small.quadra-down .breadcrumb {
	color: #00b3e5;
} */

.tiles .twitter-small.quadra-down .tile-body {
  height: 190px;
}

[class^="col-"]  .tile.double {
	  width: 100% !important;
}

[class^="col-"]  .quadra, .tiles [class^="col-"]  .tile.quadra {
	  width: 100% !important;
}

.tiles .tile.double-down {
  height: 240px !important;
}
.tiles .tile.double-down i {
  left: 20px;
  bottom: 20px;
  position: absolute;
}

.tiles .tile.double-down .name i {
  left: auto;
  bottom: auto;
  position: relative;
}

.tiles .tile.double-down.homepage-double {
  height: 190px !important;
}

.tiles .tile.double-down.homepage-double h3 {
  font-size: 20px;
  margin-bottom: 0;
}

.tiles #block-focus-teaser .breadcrumb .icon-wolf {
	font-size: 3.2em;
	color: #333333;
}
.tiles #block-focus-teaser .breadcrumb {
	margin-bottom: 0!important;
}
.tiles #block-focus-teaser .tile-body {
	padding-top: 0!important;
}
.tiles #block-focus-teaser .form-group {
	bottom: 15px;
}

.tiles #block-focus-teaser h2,
.tiles #block-focus-teaser h3 {
	font-size: 27px;
	margin-bottom: 0;
}

.tiles #block-focus-teaser h3 {

}

.tiles .tile.triple-down {
  height: 370px !important;
}

.tiles .tile:hover {
  border-color: #aaa !important;
}
.tiles .tile:active, .tiles .tile.selected {
  border-color: #ccc !important;
}
.tiles .tile.selected .corner:after {
  content: "";
  display: inline-block;
  border-left: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-right: 40px solid #ccc;
  position: absolute;
  top: -3px;
  right: -3px;
}
.tiles .tile.selected .check:after {
  content: "";
  font-family: FontAwesome;
  font-size: 13px;
  content: "\f00c";
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 2px;
}
.tiles .tile.icon {
  padding: 0;
}
.tiles .tile.image .tile-body {
  padding: 0 !important;
}
.tiles .tile.image .tile-body > img {
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: 100%;
}
.tiles .tile.image .tile-body h3 {
  display: inline-block;
}
.tiles .tile .tile-body {
  height: 100%;
  vertical-align: top;
  padding: 10px 20px;
  overflow: hidden;
  position: relative;
  font-size: 12px;
  color: #ffffff;
  margin-bottom: 10px;
  overflow-y: auto;
}
.tiles .tile .tile-body p {
  font-weight: 400;
  font-size: 13px;
  color: #000000;
  color: #ffffff;
  line-height: 20px;
  overflow: hidden;
}
.tiles .tile.bg-white .tile-body p,
.tiles .tile.bg-white .tile-body,
.tiles .tile.bg-white .tile-object .name,
.tiles .tile.bg-white .tile-object .number{
  color: #000000;
}

.tiles .tile .tile-body p:hover {
  color: rgba(0, 0, 0, 0.8);
}
.tiles .tile .tile-body p:active {
  color: rgba(0, 0, 0, 0.4);
}
.tiles .tile .tile-body p:hover {
  color: #ffffff;
}
.tiles .tile .tile-body img {
  float: left;
  margin-right: 10px;
}
.tiles .tile .tile-body img.pull-right {
  float: right !important;
  margin-left: 10px;
  margin-right: 0px;
}
.tiles .tile .tile-body > .content {
  display: inline-block;
}
.tiles .tile .tile-body > i {
  /*margin-top: -4px;
  margin-bottom: -10px; commented to fix Direct Links with Green Background */
  display: block;
  line-height: 28px;
  text-align: center;
  /*margin-left: 14%; */
  font-size: 4.4em; /* font size reduced to 4.4em from 7em */
}


.tiles .tile .tile-body h1,
.tiles .tile .tile-body h2,
.tiles .tile .tile-body h3,
.tiles .tile .tile-body h4,
.tiles .tile .tile-body h5,
.tiles .tile .tile-body h6 {
  padding: 0;
  margin: 0;
  line-height: 1.2em;
}

.tiles .tile .tile-body p {
  line-height: 15px;
}

.tiles .tile .tile-body h4:nth-child(2) + p {
  line-height: 22px;
  font-size: 16px;
  margin-top: 20px;
}

/*.tiles .tile .tile-body h1:hover,
.tiles .tile .tile-body h2:hover,
.tiles .tile .tile-body h3:hover,
.tiles .tile .tile-body h4:hover,
.tiles .tile .tile-body h5:hover,
.tiles .tile .tile-body h6:hover,
.tiles .tile .tile-body p:hover {
  color: #ffffff;
}*/

.tiles .tile.bg-white .tile-body h1:hover,
.tiles .tile.bg-white .tile-body h2:hover,
.tiles .tile.bg-white .tile-body h3:hover,
.tiles .tile.bg-white .tile-body h4:hover,
.tiles .tile.bg-white .tile-body h5:hover,
.tiles .tile.bg-white .tile-body h6:hover,
.tiles .tile.bg-white .tile-body p:hover,
.tiles .tile.bg-white .tile-object .name:hover,
.tiles .tile.bg-white .tile-object .number:hover {
  color: #000000;
}
.tiles .tile .tile-body h3,
.tiles .tile .tile-body h4 {
  margin-bottom: 5px;
}
.tiles .tile .tile-object {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 30px;
  background-color: transparent;
  *zoom: 1;
}
.tiles .tile .tile-object:before, .tiles .tile .tile-object:after {
  display: table;
  content: "";
}
.tiles .tile .tile-object:after {
  clear: both;
}
.tiles .tile .tile-object > .name {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #ffffff;
}
.tiles .tile .tile-object > .name > i {
  vertical-align: middle;
  display: inline;
  font-size: 24px;
  height: 18px;
  width: 24px;
  margin-right: 5px;
}
.tiles .tile .tile-object > .number {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 0;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.01em;
  line-height: 14px;
  margin-bottom: 20px;
  margin-right: 20px;
}

.tiles .tile .linktitle {
  text-align: center;
  color: black;
  font-size: 1.2em;
  font-family: "adelle-sans";
  font-weight: 300;
  margin: 0px -20px;

}
.tile.bg-white {
  background: white;
}
.tiles .tile .breadcrumb {
  color: white;
  margin-top: 10px;
  background: transparent;
  text-transform: uppercase;
  font-size: 13px;
}

.tiles .tile .breadcrumb h2 {
  font-size: 13px;
  margin: 0;
}

.tiles .tile.bg-white .breadcrumb {
  color: #000;
}

.tiles .tile .tile-map {
  float: right;
  height: 100%;
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 11;
}
.tiles .tile .tile-map iframe {
  height: 100% !important;
  width: 100% !important;
}

.tiles .tile.active .breadcrumb {
  margin-top: 25px;
}

.tiles .tile .tile-body .contact-link {
	border-top: 1px solid #DDDBD8;
	padding-top: 20px;
	margin-top: 20px;
}

/***
Custimized Gallery Tile and it's carousel elements
***/

.tiles .tile.gallery-tile, .tiles .tile.bildern-tile {
  float: none;
  height: auto;
}

.tiles .tile.gallery-tile {
  background-color: #f7f5f2 !important;
  width: 100% !important;
}

.tiles .tile.bildern-tile {
  background-color: #000 !important;
}

/*@media (max-width: 1199px) and (min-width: 992px) {
  .tiles .tile.gallery-tile {
	height: 520px;
  }
}*/

.tiles .article .gallery-tile {
  /*height: 550px;   commented to release the fixed height for the carousel from inner pages  */
  margin: 25px 0;
}

.tiles .tile.bildern-tile {
  height: 885px;
  width: auto !important;
  margin: -20px 10px -20px;
  overflow: visible;
}

.tiles .tile.bildern-tile .tile-content {
  height: 885px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

@media (min-width: 768px) {
  .tiles .tile.bildern-tile, .tiles .tile.bildern-tile .tile-content {
	height: 548px;
	margin-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .tiles .tile.bildern-tile, .tiles .tile.bildern-tile .tile-content {
	height: 716px;
	margin-bottom: 0px;
  }
}

@media (min-width: 1200px) {
  .tiles .tile.bildern-tile, .tiles .tile.bildern-tile .tile-content {
	height: 885px;
  }
}

@media (max-width: 768px) {
	.tiles .tile.bildern-tile,
	.tiles .tile.bildern-tile .tile-content {
		height: auto;
		background: transparent;
	}

	.tiles .tile.bildern-tile .controls-wrapper {
		top: 0!important;
	}

	.tiles .tile.bildern-tile .carousel-caption {
		position: static;
		transform: translate(0, 0)!important;
		opacity: 1!important;
		padding: 20px!important;
	left: 0 !important; /* added by timbuktuuu */
	}

	.tiles .tile.bildern-tile .controls-wrapper .carousel-indicators {
		height: auto!important;
	}

}

.tiles .tile.bildern-tile .images-navigation {
  display: none;
  position: relative;
  padding: 20px;
  margin: -250px 0 0;
  white-space: nowrap;
  overflow-x: auto;
  z-index: 1;
  background-color: rgba(0,0,0, 0.7);
  -webkit-transition: margin 400ms;
	 -moz-transition: margin 400ms;
	   -o-transition: margin 400ms;
		  transition: margin 400ms;
}

@media (min-width: 992px) {
  .tiles .tile.bildern-tile .images-navigation {
	display: block;
  }
}

.tiles .tile.bildern-tile .images-navigation li {
  display: inline-block;
  list-style-type: none;
}

@media (min-width: 992px) {
  .tiles .tile.bildern-tile .images-navigation li {
	width: 214px;
  }
}

@media (min-width: 1200px) {
  .tiles .tile.bildern-tile .images-navigation li {
	width: 268px;
  }
}

.tiles .tile.bildern-tile .images-navigation li:not(:last-child) {
  margin-right: 14px;
}

.tiles .tile.bildern-tile .images-navigation li a, .tiles .tile.bildern-tile .images-navigation li a img {
  width: 100%;
}

.tiles .tile.bildern-tile .carousel-caption {
  background-color: #fff;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 40px 50px 30px;
  color: #2e2e24;
  text-shadow: none;
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: opacity 400ms;
  -webkit-transition: opacity 400ms;
	 -moz-transition: opacity 400ms;
	   -o-transition: opacity 400ms;
		  transition: opacity 400ms;
}

.tiles .tile.bildern-tile:hover .carousel-caption {
  filter: alpha(opacity=1);
  opacity: 1;
}

.tiles .tile.bildern-tile:hover .images-navigation, .tiles .tile.bildern-tile .images-navigation:hover {
  margin-top: 0;
}

.tiles .tile.bildern-tile .carousel-caption h2, .tiles .tile.bildern-tile .carousel-caption h5 {
  font-size: 20px;
  margin: 0;
}

.tiles .tile.bildern-tile .carousel-caption p {
  color: #626d78;
  margin-top: 15px;
}

.tiles .tile.bildern-tile .controls-wrapper {
  height: 50px;
  top: -50px;
  background-color: rgba(0,0,0, 0.7);
  font-size: 16px;
}

.tiles .tile.bildern-tile .controls-wrapper .carousel-indicators {
  bottom: auto;
  top: 50% !important;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  /*margin-top: 2px;*/
  width: 74px;
  margin-left: -26px;
}

.tiles .tile.bildern-tile .controls-wrapper span.fa {
  font-size: 30px;
  top: 9px;
}

.tiles .tile.bildern-tile .controls-wrapper .carousel-control {
  width: 30px;
  height: 50px;
  display: inline-block;
}

.tiles .tile.bildern-tile .controls-wrapper .carousel-control.pause {
  left: 50%;
  top: 12px;
  margin-left: 75px;
  width: 26px;
  height: 26px;
  color: #808080;
}

.tiles .tile.bildern-tile .controls-wrapper .carousel-control.pause span.fa {
  font-size: 20px;
}

.tiles .tile.bildern-tile .controls-wrapper .carousel-control.right {
  left: -webkit-calc(50% + 20px);
  left: -moz-calc(50% + 20px);
  left: -o-calc(50% + 20px);
  left: calc(50% + 20px);
}

.tiles .tile.bildern-tile .controls-wrapper .carousel-control.left {
  left: -webkit-calc(50% - 60px);
  left: -moz-calc(50% - 60px);
  left: -o-calc(50% - 60px);
  left: calc(50% - 60px);
}

.tiles .tile.bildern-tile .controls-wrapper .carousel-control.left span.fa {
  right: 0;
  left: auto;
}

.tiles .gallery-tile .tile-content, .tiles .gallery-tile .tile-content .carousel {
  height: 100%;
}

.tiles .gallery-tile a .gallery-image-holder {
  height: 0;
  width: 100%;
  position: relative;
  padding-top: 81%;
  overflow: hidden;
}

.tiles .gallery-tile a .gallery-image-holder img {
  left: 50% !important;
  top: 50% !important;
  position: absolute !important;
  /*min-width: 100%;*/
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.tiles .gallery-tile h2 {
  margin-bottom: 0;
}

.gallery-tile .controls-wrapper {
  bottom: 136px;
  width: 120px;
  /*z-index: 10;*/
}

.gallery-tile .carousel-caption {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  padding-bottom: 30px;
  height: 170px;
  z-index: 1;
}

.gallery-tile .carousel-caption p {
  text-align: left;
  padding: 0 20px;
  text-shadow: none;
}

.gallery-tile .carousel-caption h2,
.gallery-tile .carousel-caption h3 {
  font-size: 16px;
  line-height: 20px;
  color: #2d2d23;
  margin-top: 28px;
  text-align: left;
  text-shadow: none;
  padding: 0 20px;
}

.gallery-tile .carousel-caption h3.adelle {
  margin-top: 5px;
  margin-bottom: 0;
}

.gallery-tile .carousel-caption p {
  font-size: 12px;
  line-height: 16px;
  color: #626d78;
  position: absolute;
  bottom: 17px;
  margin: 0;
}

/***
Custimized Big Home Tile and it's carousel elements
***/
.tiles .big-tile {
  height: 370px;
}

.tiles .big-tile .tile-content, .tiles .big-tile .tile-content .carousel {
  height: 100%;
}

.tiles .big-tile .breadcrumb {
  padding-left: 0;
}

.tiles .big-tile.bg-white .breadcrumb {
  color: #0596c8;
}

.tiles .big-tile .breadcrumb span {
  display: none;
}

.tiles .big-tile h2 {
  margin-bottom: 3px;
}

.tiles .big-tile h3.adelle {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 27px;
}

.tile-object .date {
  background: white;
  width: 40px;
  padding: 10px 0px 2px 1px;
  border-radius: 5px !important;
  margin: 0 0 20px 20px;
  text-align: center;
  line-height: 20px;
  float: left;
}

.tile-object .date.second {
  margin-left: -6px;
  padding-left: 10px;
  width: 50px;
}
.tile-object .date.second span {
  position: absolute;
  top: 20px !important;
  left: 55px;
  color: #aaa;
}

.tile-object .date .day {
  font-weight: 600;
  color: #828c00;
  font-size: 18px;
}

.tile-object .date.second .day {
  color: #0596c8;
}

.tile-object .date .month {
  color: #000;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
}





.tile-object .comments-number {
  margin: 0 0 20px 20px;
  line-height: 20px;
}

.tile-object .comments-number i {
  color: #aab400;
  font-size: 1.5em;
  position: inherit !important;
}
.tile-object .comments-number .count {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}


.big-tile .carousel-inner>.item>img, .carousel-inner>.item>a>img {
  /*min-height: 100%;
  min-width: 720px;
  left: 66%;
  position: relative;
  float: right;


  -webkit-transition: all 400ms cubic-bezier(0.300, 0.810, 0.455, 1);
  -webkit-transition: all 400ms cubic-bezier(0.300, 0.810, 0.455, 1.160);
	 -moz-transition: all 400ms cubic-bezier(0.300, 0.810, 0.455, 1.160);
	   -o-transition: all 400ms cubic-bezier(0.300, 0.810, 0.455, 1.160);
		  transition: all 400ms cubic-bezier(0.300, 0.810, 0.455, 1.160);  */
  left: 66%;
  position: relative;
  max-height: 100%;
  width: auto;
}

.big-tile .carousel-inner > .item > img.mobile-image, .carousel-inner > .item > a > img.mobile-image {
  display: none;
}

/*
.carousel-inner>.item>img:hover, .carousel-inner>.item>a>img:hover {
  left: 0%;
}*/

.big-tile .carousel-caption {
  top: 0px;
  bottom: 60px;
  left: 5%;
  z-index: 9;
  text-align: left;
  padding-top: 0;
  padding-bottom: 0;
  right: 40%;
  /*height: 380px;*/
  text-shadow: none;
  color: #000000;
  overflow-y: auto;
  margin-right: -34px;
  padding-right: 34px;
}

.carousel-inner>.item {
  overflow: hidden;
  height: 100%;
}

.big-tile .carousel-inner {
  height: 100% !important;
}

@media (max-width: 480px) {

	.tiles .big-tile {
	  height: 100%;
	}

	.big-tile .carousel-inner {
	  height: 100%;
	}

	.big-tile .carousel-inner>.item>img {
	  left: 0!important;
	  width: 100%;
	  height: 180px;
	}

}

.big-tile .item {
-webkit-transition: left transform 300ms ease-in-out;  /* older webkit */
-webkit-transition: left transform 300ms ease-in-out;
   -moz-transition: left transform 300ms ease-in-out;
	 -o-transition: left transform 300ms ease-in-out;
		transition: left transform 300ms ease-in-out; /* custom */
}

.carousel.vertical .active {
  top: 0;
}

.carousel.vertical .next {
  top: 400px;
}

.carousel.vertical .prev {
  top: -400px;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

.carousel.vertical .active.left {
  top: -400px;
}

.carousel.vertical .active.right {
  top: 400px;
}

.carousel.vertical .item {
	left: 0;
}
.vertical {
  z-index: 5;
}


/***
.carousel-inner {
left: 66%;
}


Custimized Bootstrap Wells
***/
.well {
  background-color: #eee;
  border: 0;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

/* Button */
.btn.default {
  color: #333333;
  background-color: #e5e5e5;
  border-color: "";
}
/*.btn.default:hover,*/
.btn.default:hover,  .btn.default:active, .btn.default.active {
  color: #333333;
  background-color: #d1d1d1;
}
.open .btn.default.dropdown-toggle {
  color: #333333;
  background-color: #d1d1d1;
}
.btn.default:active, .btn.default.active {
  background-image: none;
}
.open .btn.default.dropdown-toggle {
  background-image: none;
}
/* .btn.default.disabled:hover,
	 .btn.default[disabled]:hover,
	, fieldset[disabled] .btn.default:hover*/
.btn.default.disabled, .btn.default.disabled:hover,, .btn.default.disabled:active, .btn.default.disabled.active, .btn.default[disabled], .btn.default[disabled]:hover, .btn.default[disabled]:active,
 .btn.default[disabled].active, fieldset[disabled] .btn.default, fieldset[disabled] .btn.default:hover, fieldset[disabled] .btn.default:active, fieldset[disabled] .btn.default.active {
  background-color: #e5e5e5;
}
.btn.default .badge {
  color: #e5e5e5;
  background-color: #333333;
}

/***
Hover States
***/
.mega-nav .navbar-nav a.nav-brand,
.navbar-nav > li > a i,
.navbar-nav.navbar-right > li a i,
.mega-nav .first .nav-el,
.footer-bars ul.pull-left.footer-social a i {
	-webkit-transition: opacity ease-in-out .25s;
	transition: opacity ease-in-out .25s;
	opacity: 1;
}

.mega-nav .navbar-nav a.nav-brand:hover,
.navbar-nav > li > a:hover i,
.navbar-nav.navbar-right > li a:hover i,
.mega-nav .first .nav-el:hover,
.footer-bars ul.pull-left.footer-social a:hover i {
	opacity: 0.65;
}

/*.navbar-nav > li > a:hover i,
.navbar-nav.navbar-right > li a:hover i,
.mega-nav .first .nav-el:hover,
.footer-bars ul.pull-left.footer-social a:hover i {
	opacity: 0.9;
}*/
.navbar-nav > li > a.cursor-text:hover i {
	opacity: 1;
}

/**********
Blue Colors
***********/
/***
Blue Default
***/
/* Button */
.blue.btn {
  color: white;
  background-color: #578ebe;
}
.blue.btn:hover, .blue.btn:hover, .blue.btn:active, .blue.btn.active {
  color: white;
  background-color: #2474f6;
}
.open .blue.btn.dropdown-toggle {
  color: white;
  background-color: #2474f6;
}
.blue.btn:active, .blue.btn.active {
  background-image: none;
}
.open .blue.btn.dropdown-toggle {
  background-image: none;
}
.blue.btn.disabled, .blue.btn.disabled:hover, .blue.btn.disabled:hover, .blue.btn.disabled:active, .blue.btn.disabled.active, .blue.btn[disabled], .blue.btn[disabled]:hover, .blue.btn[disabled]:hover, .blue.btn[disabled]:active, .blue.btn[disabled].active, fieldset[disabled] .blue.btn, fieldset[disabled] .blue.btn:hover, fieldset[disabled] .blue.btn:hover, fieldset[disabled] .blue.btn:active, fieldset[disabled] .blue.btn.active {
  /*background-color: #23b4e6;*/
  background-color: #0073A4;
}
.blue.btn .badge {
  /*color: #23b4e6;*/
  color: #0073A4;
  background-color: white;
}

/* Button Strip */
.btn.blue-stripe {
  /*border-left: 3px solid #23b4e6;*/
  border-left: 3px solid #0073A4;
}

/* Portlet */
.portlet > .portlet-body.blue,
.portlet.blue {
  /*background-color: #23b4e6;*/
  background-color: #0073A4;
}

.portlet.solid.blue > .portlet-title,
.portlet.solid.blue > .portlet-body {
  border: 0;
  color: white;
}
.portlet.solid.blue > .portlet-title > .caption > i {
  color: white;
}

.portlet.box.blue {
  border: 1px solid #7cacfa;
  border-top: 0;
}
.portlet.box.blue > .portlet-title {
  /*background-color: #23b4e6;*/
  background-color: #0073A4;
}
.portlet.box.blue > .portlet-title > .caption {
  color: white;
}
.portlet.box.blue > .portlet-title > .caption > i {
  color: white;
}
.portlet.box.blue > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #b7d1fc;
  color: #d0e1fd;
}
.portlet.box.blue > .portlet-title > .actions .btn-default > i {
  color: #deeafe;
}
.portlet.box.blue > .portlet-title > .actions .btn-default:hover, .portlet.box.blue > .portlet-title > .actions .btn-default:hover, .portlet.box.blue > .portlet-title > .actions .btn-default:active, .portlet.box.blue > .portlet-title > .actions .btn-default.active {
  border: 1px solid #e8f0fe;
  color: white;
}

/* Statistic Block */
.dashboard-stat.blue {
  background-color: #23b4e6;
}
.dashboard-stat.blue .visual > i {
  color: white;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dashboard-stat.blue .details .number {
  color: white;
}
.dashboard-stat.blue .details .desc {
  color: white;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.dashboard-stat.blue .more {
  color: white;
  background-color: #3781f7;
}

/* General Element */
.bg-blue {
  /*border-color: #23b4e6 !important;*/
  border-color: #0073A4 !important;
  background-image: none !important;
  /*background-color: #23b4e6 !important;*/
  background-color: #0073A4 !important;
  color: white !important;
}

/* General Text & Icon Font Colors */
.font-blue {
  /* color: #23b4e6 !important; */
  color: #0072a4 !important;
}

/***
Blue Stell
***/
/* Button */
.blue-steel.btn {
  color: white;
  /*background-color: #279bc6;*/
  background-color: #246D81;
}
.blue-steel.btn:hover, .blue-steel.btn:hover, .blue-steel.btn:active, .blue-steel.btn.active {
  color: white;
  background-color: #3b64a5;
}
.open .blue-steel.btn.dropdown-toggle {
  color: white;
  background-color: #3b64a5;
}
.blue-steel.btn:active, .blue-steel.btn.active {
  background-image: none;
}
.open .blue-steel.btn.dropdown-toggle {
  background-image: none;
}
.blue-steel.btn.disabled, .blue-steel.btn.disabled:hover, .blue-steel.btn.disabled:hover, .blue-steel.btn.disabled:active, .blue-steel.btn.disabled.active, .blue-steel.btn[disabled], .blue-steel.btn[disabled]:hover, .blue-steel.btn[disabled]:hover, .blue-steel.btn[disabled]:active, .blue-steel.btn[disabled].active, fieldset[disabled] .blue-steel.btn, fieldset[disabled] .blue-steel.btn:hover, fieldset[disabled] .blue-steel.btn:hover, fieldset[disabled] .blue-steel.btn:active, fieldset[disabled] .blue-steel.btn.active {
  /*background-color: #279bc6;*/
  background-color: #246D81;
}
.blue-steel.btn .badge {
  /*color: #279bc6;*/
  color: #246D81;
  background-color: white;
}

/* Button Strip */
.btn.blue-steel-stripe {
  /*border-left: 3px solid #279bc6;*/
  border-left: 3px solid #246D81;
}

/* Portlet */
.portlet > .portlet-body.blue-steel,
.portlet.blue-steel {
  /*background-color: #279bc6;*/
  background-color: #246D81;
}

.portlet.solid.blue-steel > .portlet-title,
.portlet.solid.blue-steel > .portlet-body {
  border: 0;
  color: white;
}
.portlet.solid.blue-steel > .portlet-title > .caption > i {
  color: white;
}

.portlet.box.blue-steel {
  border: 1px solid #7093cc;
  border-top: 0;
}
.portlet.box.blue-steel > .portlet-title {
  /*background-color: #279bc6;*/
  background-color: #246D81;
}
.portlet.box.blue-steel > .portlet-title > .caption {
  color: white;
}
.portlet.box.blue-steel > .portlet-title > .caption > i {
  color: white;
}
.portlet.box.blue-steel > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #9db5dc;
  color: #b0c3e3;
}
.portlet.box.blue-steel > .portlet-title > .actions .btn-default > i {
  color: #bbcce7;
}
.portlet.box.blue-steel > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:active, .portlet.box.blue-steel > .portlet-title > .actions .btn-default.active {
  border: 1px solid #c3d2e9;
  color: #d6e0f0;
}

/* Statistic Block */
.dashboard-stat.blue-steel {
  /*background-color: #279bc6;*/
  background-color: #246D81;
}
.dashboard-stat.blue-steel .visual > i {
  color: white;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dashboard-stat.blue-steel .details .number {
  color: white;
}
.dashboard-stat.blue-steel .details .desc {
  color: white;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.dashboard-stat.blue-steel .more {
  color: white;
  background-color: #416db4;
}

/* General Element */
.bg-blue-steel {
  /*border-color: #279bc6 !important;*/
  border-color: #246D81 !important;
  background-image: none !important;
  /*background-color: #279bc6 !important;*/
  background-color: #246D81 !important;
  color: white !important;
}

.bg-blue-steel .form-group input {
  border: none;
  border-bottom: 3px solid #0588b6;
}
/* General Text & Icon Font Colors */
.font-blue-steel {
  /*color: #279bc6 !important;*/
  color: #246D81 !important;
}

/***********
Green Colors
************/
/***
Green Default
***/
/* Button */
.green.btn {
  /*color: white;*/
  color: #222218;
  /*background-color: #bec800;*/
  background-color: #AAB400;
}
.green.btn:hover, .green.btn:active, .green.btn.active {
  color: white;
  background-color: #aab400;
}
/*.green.btn:hover {
  background-color: #CDD91A;
}*/
.open .green.btn.dropdown-toggle {
  color: white;
  background-color: #aab400;
}
.green.btn:active, .green.btn.active {
  background-image: none;
}
.open .green.btn.dropdown-toggle {
  background-image: none;
}
.green.btn.disabled, .green.btn.disabled:hover, .green.btn.disabled:hover, .green.btn.disabled:active, .green.btn.disabled.active, .green.btn[disabled], .green.btn[disabled]:hover, .green.btn[disabled]:hover, .green.btn[disabled]:active, .green.btn[disabled].active, fieldset[disabled] .green.btn, fieldset[disabled] .green.btn:hover, fieldset[disabled] .green.btn:hover, fieldset[disabled] .green.btn:active, fieldset[disabled] .green.btn.active {
  /*background-color: #bec800;*/
  background-color: #AAB400;
}
.green.btn .badge {
  /*color: #bec800;*/
  color: #AAB400;
  background-color: white;
}

/* Button Strip */
.btn.green-stripe {
  /*border-left: 3px solid #bec800;*/
  border-left: 3px solid #AAB400;
}

/* Portlet */
.portlet > .portlet-body.green,
.portlet.green {
  /*background-color: #bec800;*/
  background-color: #AAB400;
}

.portlet.solid.green > .portlet-title,
.portlet.solid.green > .portlet-body {
  border: 0;
  color: white;
}
.portlet.solid.green > .portlet-title > .caption > i {
  color: white;
}

.portlet.box.green {
  border: 1px solid #4bc75e;
  border-top: 0;
}
.portlet.box.green > .portlet-title {
  /*background-color: #bec800;*/
  background-color: #AAB400;
}
.portlet.box.green > .portlet-title > .caption {
  color: white;
}
.portlet.box.green > .portlet-title > .caption > i {
  color: white;
}
.portlet.box.green > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #7ad588;
  color: #8ddc99;
}
.portlet.box.green > .portlet-title > .actions .btn-default > i {
  color: #99dfa4;
}
.portlet.box.green > .portlet-title > .actions .btn-default:hover, .portlet.box.green > .portlet-title > .actions .btn-default:hover, .portlet.box.green > .portlet-title > .actions .btn-default:active, .portlet.box.green > .portlet-title > .actions .btn-default.active {
  border: 1px solid #a1e2ab;
  color: #b4e8bc;
}

/* Statistic Block */
.dashboard-stat.green {
  /*background-color: #bec800;*/
  background-color: #AAB400;
}
.dashboard-stat.green .visual > i {
  color: white;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dashboard-stat.green .details .number {
  color: white;
}
.dashboard-stat.green .details .desc {
  color: white;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.dashboard-stat.green .more {
  color: white;
  background-color: #309a41;
}

/* General Element */
.bg-green {
  /*border-color: #bec800 !important;*/
  border-color: #AAB400 !important;
  background-image: none !important;
  /*background-color: #bec800 !important;*/
  background-color: #AAB400 !important;
  color: white !important;
}
.bg-green-gradient, .tiles .bg-green-gradient, .tile.bg-green-gradient{
  /*background: #bec800; */ /* Old browsers */
  background: #AAB400; /* Old browsers */
  background: -moz-linear-gradient(top,  #bec800 70%, #AAB400 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#bec800), color-stop(100%,#AAB400)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #bec800 70%,#AAB400 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #bec800 70%,#AAB400 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #bec800 70%,#AAB400 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #bec800 70%,#AAB400 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bec800', endColorstr='#AAB400',GradientType=0 ); /* IE6-9 */
}

.tiles .bg-green-gradient .tile-body {
	overflow-y: hidden;
}

/* General Text & Icon Font Colors */
.font-green {
  /* color: #aab400  !important; */
  color: #70791D !important;
}

.font-darkgreen {
  color: #828c00 !important;
}

.bg-green .form-group input {
  border: none;
  border-bottom: 3px solid #9ba400;
}

.download-link i {
  margin-right: 5px;
}



/***********
Grey Colors
************/
/***
Grey Default
***/
/* Button */
.grey.btn {
  color: #333333;
  background-color: #dedcd9;
}
.grey.btn:hover, .grey.btn:hover, .grey.btn:active, .grey.btn.active {
  color: #333333;
  background-color: #d1d1d1;
}
.open .grey.btn.dropdown-toggle {
  color: #333333;
  background-color: #d1d1d1;
}
.grey.btn:active, .grey.btn.active {
  background-image: none;
}
.open .grey.btn.dropdown-toggle {
  background-image: none;
}
.grey.btn.disabled,
.grey.btn.disabled:hover,
.grey.btn.disabled:active,
.grey.btn.disabled.active,
.grey.btn[disabled],
.grey.btn[disabled]:hover,
.grey.btn[disabled]:hover,
.grey.btn[disabled]:active,
.grey.btn[disabled].active,
fieldset[disabled] .grey.btn,
fieldset[disabled] .grey.btn:hover,
fieldset[disabled] .grey.btn:hover,
fieldset[disabled] .grey.btn:active,
fieldset[disabled] .grey.btn.active {
  background-color: #dedcd9;
}
.grey.btn.disabled:hover {
  background-color: #636d78;
}
.grey.btn .badge {
  color: #dedcd9;
  background-color: #333333;
}

/* Button Strip */
.btn.grey-stripe {
  border-left: 3px solid #dedcd9;
}

/* Portlet */
.portlet > .portlet-body.grey,
.portlet.grey {
  background-color: #dedcd9;
}

.portlet.solid.grey > .portlet-title,
.portlet.solid.grey > .portlet-body {
  border: 0;
  color: #333333;
}
.portlet.solid.grey > .portlet-title > .caption > i {
  color: #333333;
}

.portlet.box.grey {
  border: 1px solid white;
  border-top: 0;
}
.portlet.box.grey > .portlet-title {
  background-color: #dedcd9;
}
.portlet.box.grey > .portlet-title > .caption {
  color: #333333;
}
.portlet.box.grey > .portlet-title > .caption > i {
  color: #333333;
}
.portlet.box.grey > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid white;
  color: white;
}
.portlet.box.grey > .portlet-title > .actions .btn-default > i {
  color: white;
}
.portlet.box.grey > .portlet-title > .actions .btn-default:hover, .portlet.box.grey > .portlet-title > .actions .btn-default:hover, .portlet.box.grey > .portlet-title > .actions .btn-default:active, .portlet.box.grey > .portlet-title > .actions .btn-default.active {
  border: 1px solid white;
  color: white;
}

/* Statistic Block */
.dashboard-stat.grey {
  background-color: #dedcd9;
}
.dashboard-stat.grey .visual > i {
  color: #333333;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dashboard-stat.grey .details .number {
  color: #333333;
}
.dashboard-stat.grey .details .desc {
  color: #333333;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.dashboard-stat.grey .more {
  color: #333333;
  background-color: #dbdbdb;
}

/* General Element */
.bg-grey {
  border-color: #dedcd9 !important;
  background-image: none !important;
  background-color: #dedcd9 !important;
  color: #333333 !important;
}

/* General Text & Icon Font Colors */
.font-grey {
  color: #636c78 !important;
}

/***********
white Colors
************/
/***
White Default
***/
/* Button */
.white.btn {
  color: #333333;
  background-color: #ffffff;
  border-color: "";
}
.white.btn:hover, .white.btn:hover, .white.btn:active, .white.btn.active {
  color: #333333;
  background-color: #ffffff;
}
.open .white.btn.dropdown-toggle {
  color: #333333;
  background-color: #ffffff;
}
.white.btn:active, .white.btn.active {
  background-image: none;
}
.open .white.btn.dropdown-toggle {
  background-image: none;
}
.white.btn.disabled, .white.btn.disabled:hover, .white.btn.disabled:hover, .white.btn.disabled:active, .white.btn.disabled.active, .white.btn[disabled], .white.btn[disabled]:hover, .white.btn[disabled]:hover, .white.btn[disabled]:active, .white.btn[disabled].active, fieldset[disabled] .white.btn, fieldset[disabled] .white.btn:hover, fieldset[disabled] .white.btn:hover, fieldset[disabled] .white.btn:active, fieldset[disabled] .white.btn.active {
  background-color: #ffffff;
}
.white.btn .badge {
  color: #dedcd9;
  background-color: #333333;
}

/* Button Strip */
.btn.white-stripe {
  border-left: 3px solid #dedcd9;
}

/* Portlet */
.portlet > .portlet-body.white,
.portlet.white {
  background-color: #ffffff;
}

.portlet.solid.white > .portlet-title,
.portlet.solid.white > .portlet-body {
  border: 0;
  color: #333333;
}
.portlet.solid.white > .portlet-title > .caption > i {
  color: #333333;
}

.portlet.box.white {
  border: 1px solid white;
  border-top: 0;
}
.portlet.box.white > .portlet-title {
  background-color: #ffffff;
}
.portlet.box.white > .portlet-title > .caption {
  color: #333333;
}
.portlet.box.white > .portlet-title > .caption > i {
  color: #333333;
}
.portlet.box.white > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid white;
  color: white;
}
.portlet.box.white > .portlet-title > .actions .btn-default > i {
  color: white;
}
.portlet.box.white > .portlet-title > .actions .btn-default:hover, .portlet.box.white > .portlet-title > .actions .btn-default:hover, .portlet.box.white > .portlet-title > .actions .btn-default:active, .portlet.box.white > .portlet-title > .actions .btn-default.active {
  border: 1px solid white;
  color: white;
}

/* Statistic Block */
.dashboard-stat.white {
  background-color: #ffffff;
}
.dashboard-stat.white .visual > i {
  color: #333333;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dashboard-stat.white .details .number {
  color: #333333;
}
.dashboard-stat.white .details .desc {
  color: #333333;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.dashboard-stat.white .more {
  color: #333333;
  background-color: #ffffff;
}

/* General Element */
.bg-white {
  border-color: #dedcd9 !important;
  background-image: none !important;
  background-color: #ffffff !important;
  color: #333333 !important;
}

/* General Text & Icon Font Colors */
.font-white {
  color: #ffffff !important;
}
/***********
Red Colors
************/
/***
Red Default
***/
/* Button */
.red.btn {
  color: white;
  /*background-color: #dc4453;*/
  background-color: #B31D3B;
}
.red.btn:hover, .red.btn:hover, .red.btn:active, .red.btn.active {
  color: white;
  background-color: #c13726;
}
.open .red.btn.dropdown-toggle {
  color: white;
  background-color: #c13726;
}
.red.btn:active, .red.btn.active {
  background-image: none;
}
.open .red.btn.dropdown-toggle {
  background-image: none;
}
.red.btn.disabled, .red.btn.disabled:hover, .red.btn.disabled:hover, .red.btn.disabled:active, .red.btn.disabled.active, .red.btn[disabled], .red.btn[disabled]:hover, .red.btn[disabled]:hover, .red.btn[disabled]:active, .red.btn[disabled].active, fieldset[disabled] .red.btn, fieldset[disabled] .red.btn:hover, fieldset[disabled] .red.btn:hover, fieldset[disabled] .red.btn:active, fieldset[disabled] .red.btn.active {
  /*background-color: #dc4453;*/
  background-color: #B31D3B;
}
.red.btn .badge {
  /*color: #dc4453;*/
  color: #B31D3B;
  background-color: white;
}

/* Button Strip */
.btn.red-stripe {
  /*border-left: 3px solid #dc4453;*/
  border-left: 3px solid #B31D3B;
}

/* Portlet */
.portlet > .portlet-body.red,
.portlet.red {
  /*background-color: #dc4453;*/
  background-color: #B31D3B;
}

.portlet.solid.red > .portlet-title,
.portlet.solid.red > .portlet-body {
  border: 0;
  color: white;
}
.portlet.solid.red > .portlet-title > .caption > i {
  color: white;
}

.portlet.box.red {
  border: 1px solid #e07163;
  border-top: 0;
}
.portlet.box.red > .portlet-title {
  /*background-color: #dc4453;*/
  background-color: #B31D3B;
}
.portlet.box.red > .portlet-title > .caption {
  color: white;
}
.portlet.box.red > .portlet-title > .caption > i {
  color: white;
}
.portlet.box.red > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #ea9f96;
  color: #efb3ab;
}
.portlet.box.red > .portlet-title > .actions .btn-default > i {
  color: #f1beb8;
}
.portlet.box.red > .portlet-title > .actions .btn-default:hover, .portlet.box.red > .portlet-title > .actions .btn-default:hover, .portlet.box.red > .portlet-title > .actions .btn-default:active, .portlet.box.red > .portlet-title > .actions .btn-default.active {
  border: 1px solid #f3c6c0;
  color: #f7dad6;
}

/* Statistic Block */
.dashboard-stat.red {
  /*background-color: #dc4453;*/
  background-color: #B31D3B;
}
.dashboard-stat.red .visual > i {
  color: white;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dashboard-stat.red .details .number {
  color: white;
}
.dashboard-stat.red .details .desc {
  color: white;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.dashboard-stat.red .more {
  color: white;
  background-color: #d23c29;
}

/* General Element */
.bg-red {
  /*border-color: #dc4453 !important;*/
  border-color: #B31D3B!important;
  background-image: none !important;
  /*background-color: #dc4453 !important;*/
  background-color: #B31D3B!important;
  color: white !important;
}

/* General Text & Icon Font Colors */
.font-red {
  /*color: #dc4453 !important;*/
  color: #B31D3B !important;
}

.font-youtube {
  color: #b91429 !important;
}

.font-youtube-size {
  font-size: 38px !important;
}

.font-facebook {
  color: #3887db !important;
}

.font-facebook-size {
  font-size: 30px !important;
}

/***********
Purple Colors
************/
/***
Purple Default
***/
/* Button */
.purple.btn {
  color: white;
  background-color: #bc3c64;
  border-color: "";
}
.purple.btn:hover, .purple.btn:hover, .purple.btn:active, .purple.btn.active {
  color: white;
  background-color: #763890;
}
.open .purple.btn.dropdown-toggle {
  color: white;
  background-color: #763890;
}
.purple.btn:active, .purple.btn.active {
  background-image: none;
}
.open .purple.btn.dropdown-toggle {
  background-image: none;
}
.purple.btn.disabled, .purple.btn.disabled:hover, .purple.btn.disabled:hover, .purple.btn.disabled:active, .purple.btn.disabled.active, .purple.btn[disabled], .purple.btn[disabled]:hover, .purple.btn[disabled]:hover, .purple.btn[disabled]:active, .purple.btn[disabled].active, fieldset[disabled] .purple.btn, fieldset[disabled] .purple.btn:hover, fieldset[disabled] .purple.btn:hover, fieldset[disabled] .purple.btn:active, fieldset[disabled] .purple.btn.active {
  background-color: #bc3c64;
}
.purple.btn .badge {
  color: #bc3c64;
  background-color: white;
}

/* Button Strip */
.btn.purple-stripe {
  border-left: 3px solid #bc3c64;
}

/* Portlet */
.portlet > .portlet-body.purple,
.portlet.purple {
  background-color: #bc3c64;
}

.portlet.solid.purple > .portlet-title,
.portlet.solid.purple > .portlet-body {
  border: 0;
  color: white;
}
.portlet.solid.purple > .portlet-title > .caption > i {
  color: white;
}

.portlet.box.purple {
  border: 1px solid #a563c1;
  border-top: 0;
}
.portlet.box.purple > .portlet-title {
  background-color: #bc3c64;
}
.portlet.box.purple > .portlet-title > .caption {
  color: white;
}
.portlet.box.purple > .portlet-title > .caption > i {
  color: white;
}
.portlet.box.purple > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #bf8ed3;
  color: #c9a1da;
}
.portlet.box.purple > .portlet-title > .actions .btn-default > i {
  color: #cfacde;
}
.portlet.box.purple > .portlet-title > .actions .btn-default:hover, .portlet.box.purple > .portlet-title > .actions .btn-default:hover, .portlet.box.purple > .portlet-title > .actions .btn-default:active, .portlet.box.purple > .portlet-title > .actions .btn-default.active {
  border: 1px solid #d4b3e1;
  color: #dec5e8;
}

/* Statistic Block */
.dashboard-stat.purple {
  background-color: #bc3c64;
}
.dashboard-stat.purple .visual > i {
  color: white;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dashboard-stat.purple .details .number {
  color: white;
}
.dashboard-stat.purple .details .desc {
  color: white;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.dashboard-stat.purple .more {
  color: white;
  background-color: #823e9e;
}

/* General Element */
.bg-purple {
  border-color: #bc3c64 !important;
  background-image: none !important;
  background-color: #bc3c64 !important;
  color: white !important;
}

/* General Text & Icon Font Colors */
.font-purple {
  color: #bc3c64 !important;
}

/***
Purple Plum
***/
/* Button */
.purple-plum.btn {
  color: white;
  background-color: #8775a7;
}
.purple-plum.btn:hover, .purple-plum.btn:hover, .purple-plum.btn:active, .purple-plum.btn.active {
  color: white;
  background-color: #725f95;
}
.open .purple-plum.btn.dropdown-toggle {
  color: white;
  background-color: #725f95;
}
.purple-plum.btn:active, .purple-plum.btn.active {
  background-image: none;
}
.open .purple-plum.btn.dropdown-toggle {
  background-image: none;
}
.purple-plum.btn.disabled, .purple-plum.btn.disabled:hover, .purple-plum.btn.disabled:hover, .purple-plum.btn.disabled:active, .purple-plum.btn.disabled.active, .purple-plum.btn[disabled], .purple-plum.btn[disabled]:hover, .purple-plum.btn[disabled]:hover, .purple-plum.btn[disabled]:active, .purple-plum.btn[disabled].active, fieldset[disabled] .purple-plum.btn, fieldset[disabled] .purple-plum.btn:hover, fieldset[disabled] .purple-plum.btn:hover, fieldset[disabled] .purple-plum.btn:active, fieldset[disabled] .purple-plum.btn.active {
  background-color: #8775a7;
}
.purple-plum.btn .badge {
  color: #8775a7;
  background-color: white;
}

/* Button Strip */
.btn.purple-plum-stripe {
  border-left: 3px solid #8775a7;
}

/* Portlet */
.portlet > .portlet-body.purple-plum,
.portlet.purple-plum {
  background-color: #8775a7;
}

.portlet.solid.purple-plum > .portlet-title,
.portlet.solid.purple-plum > .portlet-body {
  border: 0;
  color: white;
}
.portlet.solid.purple-plum > .portlet-title > .caption > i {
  color: white;
}

.portlet.box.purple-plum {
  border: 1px solid #a294bb;
  border-top: 0;
}
.portlet.box.purple-plum > .portlet-title {
  background-color: #8775a7;
}
.portlet.box.purple-plum > .portlet-title > .caption {
  color: white;
}
.portlet.box.purple-plum > .portlet-title > .caption > i {
  color: white;
}
.portlet.box.purple-plum > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #c3bad3;
  color: #d0c9dd;
}
.portlet.box.purple-plum > .portlet-title > .actions .btn-default > i {
  color: #d8d2e3;
}
.portlet.box.purple-plum > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:active, .portlet.box.purple-plum > .portlet-title > .actions .btn-default.active {
  border: 1px solid #ded9e7;
  color: #ebe8f0;
}

/* Statistic Block */
.dashboard-stat.purple-plum {
  background-color: #8775a7;
}
.dashboard-stat.purple-plum .visual > i {
  color: white;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dashboard-stat.purple-plum .details .number {
  color: white;
}
.dashboard-stat.purple-plum .details .desc {
  color: white;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.dashboard-stat.purple-plum .more {
  color: white;
  background-color: #7c699f;
}

/* General Element */
.bg-purple-plum {
  border-color: #8775a7 !important;
  background-image: none !important;
  background-color: #8775a7 !important;
  color: white !important;
}

/* General Text & Icon Font Colors */
.font-purple-plum {
  color: #8775a7 !important;
}

/***
Purple Medium
***/
/* Button */
.purple-medium.btn {
  color: white;
  background-color: #bf55ec;
  border-color: "";
}
.purple-medium.btn:hover, .purple-medium.btn:hover, .purple-medium.btn:active, .purple-medium.btn.active {
  color: white;
  background-color: #b130e8;
}
.open .purple-medium.btn.dropdown-toggle {
  color: white;
  background-color: #b130e8;
}
.purple-medium.btn:active, .purple-medium.btn.active {
  background-image: none;
}
.open .purple-medium.btn.dropdown-toggle {
  background-image: none;
}
.purple-medium.btn.disabled, .purple-medium.btn.disabled:hover, .purple-medium.btn.disabled:hover, .purple-medium.btn.disabled:active, .purple-medium.btn.disabled.active, .purple-medium.btn[disabled], .purple-medium.btn[disabled]:hover, .purple-medium.btn[disabled]:hover, .purple-medium.btn[disabled]:active, .purple-medium.btn[disabled].active, fieldset[disabled] .purple-medium.btn, fieldset[disabled] .purple-medium.btn:hover, fieldset[disabled] .purple-medium.btn:hover, fieldset[disabled] .purple-medium.btn:active, fieldset[disabled] .purple-medium.btn.active {
  background-color: #bf55ec;
}
.purple-medium.btn .badge {
  color: #bf55ec;
  background-color: white;
}

/* Button Strip */
.btn.purple-medium-stripe {
  border-left: 3px solid #bf55ec;
}

/* Portlet */
.portlet > .portlet-body.purple-medium,
.portlet.purple-medium {
  background-color: #bf55ec;
}

.portlet.solid.purple-medium > .portlet-title,
.portlet.solid.purple-medium > .portlet-body {
  border: 0;
  color: white;
}
.portlet.solid.purple-medium > .portlet-title > .caption > i {
  color: white;
}

.portlet.box.purple-medium {
  border: 1px solid #d083f1;
  border-top: 0;
}
.portlet.box.purple-medium > .portlet-title {
  background-color: #bf55ec;
}
.portlet.box.purple-medium > .portlet-title > .caption {
  color: white;
}
.portlet.box.purple-medium > .portlet-title > .caption > i {
  color: white;
}
.portlet.box.purple-medium > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #e5baf7;
  color: #eed1fa;
}
.portlet.box.purple-medium > .portlet-title > .actions .btn-default > i {
  color: #f3dffb;
}
.portlet.box.purple-medium > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:hover, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:active, .portlet.box.purple-medium > .portlet-title > .actions .btn-default.active {
  border: 1px solid #f6e8fc;
  color: white;
}

/* Statistic Block */
.dashboard-stat.purple-medium {
  background-color: #bf55ec;
}
.dashboard-stat.purple-medium .visual > i {
  color: white;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dashboard-stat.purple-medium .details .number {
  color: white;
}
.dashboard-stat.purple-medium .details .desc {
  color: white;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.dashboard-stat.purple-medium .more {
  color: white;
  background-color: #b843ea;
}

/* General Element */
.bg-purple-medium {
  border-color: #bf55ec !important;
  background-image: none !important;
  background-color: #bf55ec !important;
  color: white !important;
}

/* General Text & Icon Font Colors */
.font-purple-medium {
  color: #bf55ec !important;
}



/***
Green Turquoise
***/
/* Button */
.green-turquoise.btn {
  color: white;
  /*background-color: #2cb191;*/
  background-color: #1D4545;
  border-color: "";
}
.green-turquoise.btn:hover, .green-turquoise.btn:hover, .green-turquoise.btn:active, .green-turquoise.btn.active {
  color: white;
  background-color: #26bea0;
}
.open .green-turquoise.btn.dropdown-toggle {
  color: white;
  background-color: #26bea0;
}
.green-turquoise.btn:active, .green-turquoise.btn.active {
  background-image: none;
}
.open .green-turquoise.btn.dropdown-toggle {
  background-image: none;
}
.green-turquoise.btn.disabled, .green-turquoise.btn.disabled:hover, .green-turquoise.btn.disabled:hover, .green-turquoise.btn.disabled:active, .green-turquoise.btn.disabled.active, .green-turquoise.btn[disabled], .green-turquoise.btn[disabled]:hover, .green-turquoise.btn[disabled]:hover, .green-turquoise.btn[disabled]:active, .green-turquoise.btn[disabled].active, fieldset[disabled] .green-turquoise.btn, fieldset[disabled] .green-turquoise.btn:hover, fieldset[disabled] .green-turquoise.btn:hover, fieldset[disabled] .green-turquoise.btn:active, fieldset[disabled] .green-turquoise.btn.active {
  /*background-color: #2cb191;*/
  background-color: #1D4545;
}
.green-turquoise.btn .badge {
  /*color: #2cb191;*/
  color: #1D4545;
  background-color: white;
}

/* Button Strip */
.btn.green-turquoise-stripe {
  /*border-left: 3px solid #2cb191;*/
  border-left: 3px solid #1D4545;
}

/* Portlet */
.portlet > .portlet-body.green-turquoise,
.portlet.green-turquoise {
  /*background-color: #2cb191;*/
  background-color: #1D4545;
}

.portlet.solid.green-turquoise > .portlet-title,
.portlet.solid.green-turquoise > .portlet-body {
  border: 0;
  color: white;
}
.portlet.solid.green-turquoise > .portlet-title > .caption > i {
  color: white;
}

.portlet.box.green-turquoise {
  border: 1px solid #61dfc6;
  border-top: 0;
}
.portlet.box.green-turquoise > .portlet-title {
  /*background-color: #2cb191;*/
  background-color: #1D4545;
}
.portlet.box.green-turquoise > .portlet-title > .caption {
  color: white;
}
.portlet.box.green-turquoise > .portlet-title > .caption > i {
  color: white;
}
.portlet.box.green-turquoise > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #94ead9;
  color: #a9eee0;
}
.portlet.box.green-turquoise > .portlet-title > .actions .btn-default > i {
  color: #b6f0e5;
}
.portlet.box.green-turquoise > .portlet-title > .actions .btn-default:hover, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:hover, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:active, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default.active {
  border: 1px solid #bef2e8;
  color: #d3f6ef;
}

/* Statistic Block */
.dashboard-stat.green-turquoise {
  /*background-color: #2cb191;*/
  background-color: #1D4545;
}
.dashboard-stat.green-turquoise .visual > i {
  color: white;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dashboard-stat.green-turquoise .details .number {
  color: white;
}
.dashboard-stat.green-turquoise .details .desc {
  color: white;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.dashboard-stat.green-turquoise .more {
  color: white;
  background-color: #29cfae;
}

/* General Element */
.bg-green-turquoise {
  /*border-color: #2cb191 !important;*/
  border-color: #1D4545 !important;
  background-image: none !important;
  /*background-color: #2cb191 !important;*/
  background-color: #1D4545 !important;
  color: white !important;
}

/* General Text & Icon Font Colors */
.font-green-turquoise {
  /*color: #2cb191 !important;*/
  color: #1D4545 !important;
}


/***********
dark blue Colors
************/
/***

***/
/* Button */

/* General Element */
.bg-dark-blue {
  border-color: #323c50 !important;
  background-image: none !important;
  background-color: #323c50 !important;
  color: white !important;
}

.bg-dark-blue a {
  color: #25a4d2;
}

/* General Element */
.bg-twitter-blue {
  border-color: #2a4253 !important;
  background-image: none !important;
  background-color: #2a4253 !important;
  color: white !important;
}

.bg-twitter-blue a {
  color: #00b3e5;
}



/* General Text & Icon Font Colors */
.font-purple {
  color: #323c50 !important;
}



/***
Fontawesome Icons
***/
[class^="fa-"],
[class^="glyphicon-"],
[class^="icon-"],
[class*=" fa-"],
[class*=" glyphicon-"],
[class*=" icon-"] {
  display: inline-block;
  margin-top: 1px;
  font-size: 14px;
  *margin-right: .3em;
  line-height: 14px;
  -webkit-font-smoothing: antialiased;
}

/* Make font awesome icons fixed width */
li [class^="fa-"],
li [class^="glyphicon-"],
li [class^="icon-"],
li [class*=" fa-"],
li [class*=" glyphicon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.20em;
  text-align: center;
}

li [class^="glyphicon-"],
li [class*=" glyphicon-"] {
  top: 2px;
}

[class^="icon-"], [class*=" icon-"] {
  font-size: 1em;
  position: relative;
  top: 0px !important;
  vertical-align: middle;

}

.breadcrumb [class*=" icon-"], .breadcrumb [class^="icon-"] {
  font-size: 1.4em;
  margin-left: -5px;
}

span.degrees {
  line-height: 28px;
  vertical-align: top;
  font-weight: 600;
}

li [class^="icon-"],
li [class*=" icon-"] {
  top: 1px;
  position: relative;
}

li [class^="fa-"].icon-large,
li [class^="glyphicon-"].icon-large,
li [class^="icon-"].icon-large,
li [class*=" fa-"].icon-large,
li [class*=" glyphicon-"].icon-large,
li [class*=" icon-"].icon-large {
  /* increased font size for icon-large */
  width: 1.5625em;
}

/* Icon sizing */
.fa-sm,
.icon-sm {
  font-size: 12px;
}

.fa-lg,
.icon-lg {
  font-size: 16px;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

/* Icon coloring */
.icon-state-default {
  color: #c6c6c6;
}

.icon-state-success {
  color: #45b6af;
}

.icon-state-info {
  color: #89c4f4;
}

.icon-state-warning {
  color: #ecbc29;
}

.icon-state-danger {
  color: #f3565d;
}


/***
Dark
***/
/* Button */
.dark.btn {
  color: #80898e;
  background-color: #2d2d23;
}
.dark.btn:hover, .dark.btn:hover, .dark.btn:active, .dark.btn.active {
  color: #80898e;
  background-color: #d1dade;
}
.open .dark.btn.dropdown-toggle {
  color: #80898e;
  background-color: #d1dade;
}
.dark.btn:active, .dark.btn.active {
  background-image: none;
}
.open .dark.btn.dropdown-toggle {
  background-image: none;
}
.dark.btn.disabled, .dark.btn.disabled:hover, .dark.btn.disabled:hover, .dark.btn.disabled:active, .dark.btn.disabled.active, .dark.btn[disabled], .dark.btn[disabled]:hover, .dark.btn[disabled]:hover, .dark.btn[disabled]:active, .dark.btn[disabled].active, fieldset[disabled] .dark.btn, fieldset[disabled] .dark.btn:hover, fieldset[disabled] .dark.btn:hover, fieldset[disabled] .dark.btn:active, fieldset[disabled] .dark.btn.active {
  background-color: #2d2d23;
}
.dark.btn .badge {
  color: #2d2d23;
  background-color: #80898e;
}

/* Button Strip */
.btn.dark-stripe {
  border-left: 3px solid #2d2d23;
}

/* Portlet */
.portlet > .portlet-body.dark,
.portlet.dark {
  background-color: #2d2d23;
}

.portlet.solid.dark > .portlet-title,
.portlet.solid.dark > .portlet-body {
  border: 0;
  color: #80898e;
}
.portlet.solid.dark > .portlet-title > .caption > i {
  color: #80898e;
}

.portlet.box.dark {
  border: 1px solid white;
  border-top: 0;
}
.portlet.box.dark > .portlet-title {
  background-color: #2d2d23;
}
.portlet.box.dark > .portlet-title > .caption {
  color: #80898e;
}
.portlet.box.dark > .portlet-title > .caption > i {
  color: #80898e;
}
.portlet.box.dark > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid white;
  color: white;
}
.portlet.box.dark > .portlet-title > .actions .btn-default > i {
  color: white;
}
.portlet.box.dark > .portlet-title > .actions .btn-default:hover, .portlet.box.dark > .portlet-title > .actions .btn-default:hover, .portlet.box.dark > .portlet-title > .actions .btn-default:active, .portlet.box.dark > .portlet-title > .actions .btn-default.active {
  border: 1px solid white;
  color: white;
}

/* Statistic Block */
.dashboard-stat.dark {
  background-color: #2d2d23;
}
.dashboard-stat.dark .visual > i {
  color: #80898e;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dashboard-stat.dark .details .number {
  color: #80898e;
}
.dashboard-stat.dark .details .desc {
  color: #80898e;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.dashboard-stat.dark .more {
  color: #80898e;
  background-color: #dde3e6;
}

/* General Element */
.bg-dark {
  border-color: #2d2d23 !important;
  background-image: none !important;
  background-color: #2d2d23 !important;
  color: #80898e !important;
}

/* General Text & Icon Font Colors */
.font-dark {
  color: #2d2d23 !important;
}

.font-black {
  color: #000 !important;
}

/***
Font Awesome 4.x
***/
.fa-item {
  font-size: 14px;
  padding: 10px 20px 10px 0px;
}
.fa-item i {
  font-size: 26px;
  display: inline-block;
  width: 20px;
  color: #333;
  margin-right: 5px;
  line-height: inherit;
}
.fa-item:hover {
  cursor: pointer;
}

.tile.wide-select .breadcrumb {
  display: inline-block;
  margin-top: 3px;
  font-size: 2em;
  font-weight: 300;
}

.tile.wide-select.doubleFilter {
  padding: 20px 25px;
  height: 100%;
  min-height: 110px;
}

.tile.wide-select.doubleFilter .breadcrumb {
  display: inline-block;
  font-size: 1.4em;
  font-family: "adelle-sans";
  color: #000;
  padding: 25px 0 0 0;
  text-transform: capitalize;
}

.tile.wide-select .breadcrumb [class*=" icon-"], .tile.wide-select .breadcrumb [class^="icon-"] {
  font-size: 36px;
  color: black;
}

.tile.wide-select .form-group select, .bg-blue-steel .form-group select {
  border-bottom-color: #0483af;
}

.tile.wide-select label {
  color: #000;
  display: block;
}

.tile.wide-select .btn  {
  border: 2px solid #fff!important;
  color: #000!important;
  font-size: 13px;
  text-transform: uppercase;
  padding-bottom: 4px;
  margin-top: 27px;
}

.mejs-container {
  background: transparent !important;
}

.mejs-container .mejs-controls div {
  line-height: 14px !important;
}

.media-info {
  background: #f7f5f1;
  margin-top: -10px;
  padding: 15px 20px;
}
.media-info h2,
.media-info h3  {
  font-size: 13px;
  font-weight: 300;
  margin: 10px 0;
}
.media-info > h5 {
	font-size: 1em;
	margin: 5px 0;
	line-height: 1.2em;
}
.media-info > h5:first-child {
	margin: 20px 0 0;
}

.media-info h6 {
  margin-top: 20px;
  margin-bottom: 0px;
}

@-moz-document url-prefix(){

   .form-group select.form-control {
	width: -moz-calc(100% + 40px);
	width: -webkit-calc(100% + 40px);
	width: -o-calc(100% + 40px);
	width: calc(100% + 40px);
	background-position: 85% 12px !important;

  }

  .form-group select option {
	width: 100% ;
  }

  .tiles .tile .tile-body > i {
	/*margin-top: -15px !important;
	margin-bottom: 0px !important; Commented to fixed direct links in FF */
  }

  .tile.wide-select select {
	background-position: 96% 12px !important;
  }

  .navbar-nav li [class^="icon-"], .navbar-nav li [class*=" icon-"] {
	margin-top: -2px;
  }

  }
  .form-group {
	overflow: hidden;
  }

}



@media (min-width: 1200px) {
  .container {
  width: 1180px ;
  }
/*
  .carousel-inner>.item>img, .carousel-inner>.item>a>img {
	min-height: 100%;
	min-width: 550px;
  } */

  .big-tile .carousel-inner>.item>img, .carousel-inner>.item>a>img {
	position: relative;
	left: 66%;
  }

  .more-down {
	margin-bottom: 80px;
	font-size: 28px;
	margin-right: 40px;
  }
}

@media (max-width: 1200px) {
   .news-select .dates .check {
	float: none !important;
  }

  .pause {
	left: 260px;
  }
}

@media (max-width: 1023px) {
  .footer-bars ul.nav {
	float: left !important;
	text-align: center;
  }

  .pause {
	/*left: 120px;*/
	margin-top: 1px;
  }
}
@media (min-width : 992px) and (max-width : 1199px) {
  .tiles .tile .linktitle {
  font-size: 1em;
  /* margin: 0px -10px; */
  }
  .tiles .tile {
	height: 90px;
  }
  .tiles .tile.double-down {
	height: 200px !important;
  }
  .tiles .big-tile {
	height: 310px;
  }

  [class^="col-"]  .quadra, .tiles .tile.quadra {
	  width: 100% !important;
  }

  .tiles .tile.quadra-down {
	/*height: 420px !important;*/
  }
  /*
  .carousel-inner>.item>img, .carousel-inner>.item>a>img {
	min-width: 460px;
  }
  .big-tile .carousel-control {
	top: 290px;
  }
  .big-tile .carousel-indicators {
	top: 308px;
  }*/
  .big-tile .carousel-caption {
   /*height: 300px;*/
   margin-right: -27px;
   padding-right: 27px;
  }

  .tiles .tile .tile-body > i {
  margin-top: -6px;
	margin-bottom: -15px;
	line-height: 36px;
	margin-left: 6px;
	font-size: 5em;
  }

  .tiles .tile .tile-body > i.icon-buergerbeteiligung {
    margin-top: 0;
    font-size: 3.4em;
  }

  .hidden-1280 {
	display: none;
  }

  .news-list li {
	border: none;
  }

  .tile .additional li {
	padding-bottom: 10px;
	padding-top: 10px;
  }

  h2 {
	font-size: 24px;
  }

  h3 {
	font-size: 18px;
  }
  h4 {
   font-size: 15px;
  }
  h3.adelle {
	font-size: 24px;
  }
  .tiles .tile .tile-body h2,
  .tiles .tile .tile-body h3 {
	font-size: 15px;
  }
  .additional li i {
   margin-right: 0px;
  }
  .additional li {
	padding-right: 0;
  }

 .big-tile .controls-wrapper {
	/*top: -100px;*/
  }

  .additional .upload {
	margin-left: -10px;
	width: 180px;
  }

  input[type=checkbox]:not(old) + label, input[type=radio ]:not(old) + label {
	padding-left: 23px;
  }

  .tile .form-group {
   margin-bottom: 10px;
  }

  .tile.wide-select .breadcrumb {
	margin-top: -3px;
  }

  .related-content h2 {
	font-size: 18px;
  }

}

@media (max-width: 992px) {
  .carousel-inner>.item>img, .carousel-inner>.item>a>img {
	left: -moz-calc(100% - 210px) !important;
	left: -webkit-calc(100% - 210px) !important;
	left: -o-calc(100% - 210px) !important;
	left: calc(100% - 210px) !important;
  }

  .big-tile .carousel-caption {
	right: 240px;
	margin-right: -27px;
	padding-right: 27px;
  }

  .pause {
	left: 140px;
  }
}

@media (max-width: 480px) {
  .big-tile .carousel-inner>.item>img.desktop-image, .big-tile .carousel-inner>.item>a>img.desktop-image {
	display: none;
  }

  .big-tile .carousel-inner > .item > img.mobile-image, .big-tile .carousel-inner > .item > a > img.mobile-image {
	position: static;
	width: 100%;
	display: block;
  }

  .carousel-inner > .item {
	height: auto;
  }

  .big-tile .carousel-caption {
	position: static;
	padding: 0 20px 40px;
	margin-right: 0;
  }

  .big-tile .carousel-caption p {
	display: none;
  }

  .pause {
	left: 140px;
  }

  .tiles .big-tile.homepate-slider {
	height: auto;
  }
}

@media (max-width: 1024px) {
  .hidden-1024 {
	display: none;
  }

	.rich-text-content table {
	max-width: 100%;
	display: block;
	overflow-x: auto;
	}

}

@media (max-width: 768px) {

  .page-title, .heading-social {
	margin-left: 0;
  }

  .news-sort {
	text-align: center;
  }

  .news-sort span.sortieren {
	width: 100%;
	display: block;
  }

  .navbar-header {
	/*width: 55px;*/
	float: left;
	margin-top: -5px;
	position: relative;
	z-index: 1000;
	margin-left: 45px !important;
  }

  .header-search {
	width: 100%;
  }

  .header-search-li {
	width: 94%;
	clear: both;
	position: absolute !important;
	top: -80px;
	left: 3%;
	display: none;
  }

  .navbar-collapse.collapse {
	clear: both;
	overflow-y: visible;
  }
  .navbar-collapse .fa.icon-menu {
	display: none;
  }

  .navbar-collapse.collapsing {
	clear: both;
	1overflow-y: visible;
  }

	.list-div-content.alt-view .list-add-info {
		clear: both;
	}

	.list-div-content.alt-view .list-add-info .col-md-14,
	.list-div-content.alt-view .list-add-info .col-md-10 	{
		display: inline-block;
	}

	.news .listen-footer {
		display: inline-block;
		margin: 0;
		width: calc(100% + 0px);
	}


}

@media (max-width: 480px) {
  .hidden-480 {
	display: none !important;
  }

  .contact-checks input[type=checkbox]:not(old) + label {
	width: 90%;
  }

  h3 {
	font-size: 18px;
  }

  h4 {
	font-size: 14px;
  }

  .contact-checks input[type=checkbox]:not(old) + label {
	width: 90% !important;
  }

  .news-sort div {
	margin-left: 15px;
  }

  .news .list-div-img {
	padding: 20px 0px 0px 0;
  }
  .listen.news {
	padding: 0;
  }
  .list-div-content, .news .list-div-content {
	width: 100%;
	padding: 10px;
	/*text-align: center;*/
	}

	.list-div-content p, .news .list-div-content p {
	  text-align: left;
	}

	.list-div-img {
	  padding: 10px;
	  text-align: center;
	  width: 100%;
	}

	.new-event li .list-div-img {
	  padding-right: 0;
	}

	.w100-mobile {
	  width: 100%;
	}

	.col-vs-12{
		width: 50%;
	}

	.col-vs-24{
		width: 100%;
	}

}
@media (max-width: 320px) {
  .hidden-320 {
	display: none;
  }


}

/******** Organigram **********/

#organigram *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

#organigram .cf:before,
#organigram .cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

#organigram .cf:after {
	clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
#organigram .cf {
	*zoom: 1;
}

/* Generic styling */
#organigram {
	padding: 25px 0;
}

#organigram .content{
	/*width: 100%;
	max-width: 1142px;
	margin: 0 auto;*/
}

#organigram a:hover{
	/*outline: 2px dashed #f7f7f7;*/
}

@media all and (max-width: 640px){

	#organigram ul a strong {
		position: absolute;
	}

}

@media all and (max-width: 1024px){
	#organigram .content{
		padding: 0 10px;
	}
}

#organigram ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

#organigram ul a{
	display: block;
	background: #ccc;
	border: 1px solid #1E8296;
	/*text-align: center;*/
	overflow: hidden;
	/*font-size: .7em;*/
	text-decoration: none;
	/*font-weight: bold;*/
	color: #333;
	height: 70px;
	margin-bottom: -26px;
	box-shadow: 4px 4px 9px -4px rgba(0,0,0,0.4);
	-webkit-transition: all linear .1s;
	-moz-transition: all linear .1s;
	transition: all linear .1s;
}


@media all and (max-width: 1024px){
	#organigram ul a{
		font-size: 1em;
	}
}


#organigram ul a span {
	padding: 0;
	overflow: hidden;
}

#organigram ul a span img {
	margin-left: -2px;
}

#organigram ul a  .thumb small {
	display: block;
	text-align: center;
	padding-top: 5px;
	font-size: 11px;
	height: 24px;
	margin-left: -2px;
}

#organigram ul a strong {
	font-size: 11px;
	line-height: 1.3em;
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	position: absolute;
	width: 125px;
}

@media all and (max-width: 1024px){
    #organigram ul a strong {
    	width: 100%;
    }
}

#organigram ul a strong span {
	display: block;
}

#organigram .administration > li > a{
	margin-bottom: 25px;
}

#organigram .director > li > a{
	width: 50%;
	margin: 0 auto 0px auto;
}

#organigram .subdirector:after{
	content: "";
	display: block;
	width: 0;
	height: 130px;
	background: red;
	border-left: 1px solid #ccc;
	left: 45.45%;
	position: relative;
}

#organigram .subdirector,
#organigram .departments{
	/*position: absolute;
	width: 100%;*/
}

#organigram .subdirector > li:first-child,
#organigram .departments > li:first-child{
	width: 18.59894921190893%;
	height: 65px;
	/*margin: 0 auto;
	padding-top: 25px;
	border-bottom: 1px solid white;*/
	z-index: 1;
	top: -4px;
}

#organigram .subdirector > li:first-child{
	float: right;
	right: 27.2%;
	border-left: 1px solid white;
}

#organigram .departments > li:first-child{
	/*float: left;
	left: 3%;
	top: 75px;
	left: 27.2%;
	border-right: 1px solid white;*/
}

#organigram .subdirector > li:first-child a,
#organigram .departments > li:first-child a{
	width: 99%;
}

#organigram .subdirector > li:first-child a{
	left: 25px;
}

@media all and (max-width: 1024px){
	#organigram .subdirector > li:first-child,
	#organigram .departments > li:first-child{
		width: 40%;
	}

	#organigram .subdirector > li:first-child{
		right: 10%;
		margin-right: 2px;
	}

	#organigram .subdirector:after{
		left: 49.8%;
	}

	#organigram .departments > li:first-child{
		left: 2%;
		width: 100%;
	}
}


#organigram .departments > li:first-child a{
	right: -8px;
}

#organigram .department:first-child,
#organigram .departments li:nth-child(2){
	margin-left: 0;
	clear: left;
}

#organigram .departments:after{
	content: "";
	display: block;
	position: absolute;
	width: 83.8%;
	height: 84px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin: 0 auto;
	top: 10px;
	left: 0%
}

@media all and (max-width: 1024px){
	#organigram .departments:after{
		border-right: none;
		left: 0;
		width: 49.8%;
	}
}

@media all and (min-width: 768px){
	#organigram .department:first-child:before,
   #organigram .department:last-child:before{
	border:none;
  }
}

#organigram .department:before{
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 22px;
	/*border-left: 1px solid #fff;*/
	z-index: 1;
	top: -22px;
	left: 50%;
	margin-left: -4px;
}

#organigram .department{
	/*border-left: 1px solid #ccc;*/
	width: 15%;
	float: left;
	margin-left: 1.751313485113835%;
	margin-bottom: 60px;
	margin-top: -54px;
}

#organigram .department.first-col{
	margin-top: 22px;
}

.lt-ie8 .department{
	width: 18.25%;
}

@media all and (max-width: 1024px){
	#organigram .department{
		float: none;
		width: 100%;
		margin-left: 0;
	}

	#organigram .department:before{
		content: "";
		display: block;
		position: absolute;
		width: 0;
		height: 60px;
		border-left: 4px solid white;
		z-index: 1;
		top: -60px;
		left: 0%;
		margin-left: -4px;
	}

	#organigram .department:nth-child(2):before{
		display: none;
	}

}

#organigram .department > a{
	margin: 0 0 -26px -4px;
	z-index: 1;
}

#organigram .department > a:hover{
	height: 80px;
}

#organigram .department > ul{
	margin-top: 0px;
	margin-bottom: 0px;
}

#organigram .department li{
	padding-left: 25px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	height: 80px;
}

#organigram .department li a{
	/*background: #fff;*/
	top: 65px;
	position: absolute;
	z-index: 1;
	width: 98%;
	height: 72px;
	vertical-align: middle;
	right: -8px;
	/*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background-image: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%) !important;
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0)))!important;
	background-image: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
	background-image: -o-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
	background-image: -ms-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
	background-image: linear-gradient(135deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=1 );*/
}

#organigram .department li a:hover{
	box-shadow: 8px 8px 9px -4px rgba(0,0,0,0.1);
	height: 72px;
	width: 100%;
	top: 60px;
	background-image: none!important;
}

#organigram .department li.no-border{
	border: 0;
}

/* Department/ section colors */
.reference-chart .dep-a small,
#organigram .dep-a a {
	background: #16b7eb;
}
#organigram .dep-a a small {
	background: #0596c8;
	color: #fff;
}

.reference-chart .dep-b small,
#organigram .dep-b a{ background: #49cfae; }
#organigram .dep-b a small{
	background: #2cb191;
	color: #000;
}

.reference-chart .dep-c small,
#organigram .dep-c a {
  /*background: #bec800;*/
  background: #AAB400;
}
#organigram .dep-c a small {
	background: #aab400;
	color: #fff;
}

.reference-chart .dep-d small,
#organigram .dep-d a{background: #ffce54;}
#organigram .dep-d a small {
	background: #f6bb43;
	color: #000!;
}

.reference-chart .dep-e small,
#organigram .dep-e a{background: #fb6e52;}
#organigram .dep-e a small {background: #ea573f;}

.reference-chart .dep-f small,
#organigram .dep-f a{background: #ad92ec;}
#organigram .dep-f a small{
	background: #977bdc;
	color: #fff;
}

.reference-chart .pull-left {
	width: 45%;
	padding-top: 10%;
}

.reference-chart .pull-right {
	width: 40%;
}

.reference-chart .dep-x small {
	background: #aab400;
}

.reference-chart li  {
	display: inline-block;
	font-size: 13px;
	font-family: "adelle-sans", "Open Sans", sans-serif;
	padding-bottom: 5px;
	width: 48%;
}

.reference-chart li small {
	float: left;
	line-height: 2em;
	height: 20px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 8px;
	width: 20px;
}

.reference-chart li small+p {
	padding-left: 30px;
}

@media all and (max-width: 1024px){

	.reference-chart .pull-left	{
		width: 96%;
		padding-top: 5%;
		padding-left: 4%;
	}

	.reference-chart .pull-right {
		width: 96%;
		padding-top: 5%;
	}

	.reference-chart .pull-right  li {
		width: 98%;
	}


}

/******** Organigram Ends **********/


/******** Chat Button **********/

.chat-btn-wrapper {
    position: absolute;
    display: table;
    background-color: #b2bb19;
    border-radius: 50% 50% !important;
    right: 40px;
    bottom: 30px;
    width: 75px;
    height: 75px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
}

.chat-btn {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #000;
    line-height: 12px;
    font-size: 11px;
    padding: 7px;
}

.chat-btn:hover,
.chat-btn:focus {
    color: #000;
    outline: none;
}

.chat-btn .icon-kommentar {
    font-size: 35px;
    color: #222118;
    padding-bottom: 2px;
    margin-top: -2px;
}

.chat-btn:hover .icon-kommentar,
.chat-btn:focus .icon-kommentar {
    color: #222118;
    text-decoration: none;
}

/******** Chat Button Ends **********/