/*
rot   #800000
rot neu #750404
gruen #808000

*/
@font-face {
    font-family: 'roboto_condensedlight';
    src: url('../fonts/RobotoCondensed-Light-webfont.eot');
    src: url('../fonts/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Light-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Light-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot');
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.header {
	padding:10px 0;
}
/* little things */
body {
}

.linkeSeite img {
	width:100%;
	height:auto;
}
.mobile .linkeSeite img {
	margin-bottom:15px;
}
/* header */
.brand img {
  width:100%;
  height:auto;
}
/* main */
.page-header {
  border-bottom: 1px solid #eee;
  margin:0 0 5px;
  padding-bottom:0;
  color: #750404;
}
.page-header h2 {
  padding-top:0;
  margin-top:0;
}
h2, .h2 {
	font-size:24px;
  color: #750404;
}
h2.item-title {
  margin-top:0;
}
h3, .h3 {
	font-size:20px;
}

.main ul {
	list-style-position:outside;
  padding-left: 15px;
}
.main ol {
  padding-left:15px;
}
.main .item-image {
	max-width:50%;
}
.main .accordion .item-image {
	max-width:100%;
}
.main .item-image img{
	max-width:100%;
}
.main .item-image.pull-left {
	float:left;
	padding:10px 20px 10px 0;
}
.main .item-image.pull-right {
	float:right;
	padding:10px 0 10px 20px ;
}
.main .nopadding.col-xs-12,
.main .nopadding.col-sm-12 {
	padding-left:0;
	padding-right:0;
}
.main .panel-body {
  padding: 15px 0;
}
/* accordion panels */
.accordion .panel {
	margin-bottom:5px;
}
.accordion .panel,
.accordion .panel-default > .panel-heading {
	padding-top:10px;
	border:0;
	box-shadow:none;
	background:none;
}
.accordion a,
.accordion a:link,
.accordion a:active {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.accordion a,
.accordion a:hover,
.accordion a:focus {
	text-decoration:none;
}
.accordion a h3 {
	padding:0;
	margin:0;
	color:#800;
	text-decoration:none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.accordion a h3 .glyphicon {
	float:right;
}
a.panelbtn {
	display:inline-block;
	width:auto;
	color:#800;
	padding:5px 10px 4px;
	margin:15px 0;
	border:1px solid #800;
	border-radius:0;
	text-decoration:none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
a.panelbtn:hover,
a.panelbtn:focus {
	color:#fff;
	border-color:#800;
	background:#800;
}
a.panelbtn.collapsed {
	display:inline-block;
}
.accordion .collapsed .glyphicon-remove-circle {
	transform:rotate(-45deg);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.accordion .glyphicon-remove-circle {
	transform:rotate(90deg);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;

}
.panelbtn .show-collapsed,
.panelbtn.collapsed .hide-collapsed {
	display:none;
}
.panelbtn .hide-collapsed,
.panelbtn.collapsed .show-collapsed {
	display:inline;
}
.panel-default {
  border-color: #ddd;
	border:0px none;
	background-color:none;
}
.panel-default > .panel-heading {
  background-color:#fff;
	border:0px none;
  border-color:#fff;
  color:#706f6f;
	padding:0;
}
.nopadding {
  padding-left:0;
  padding-right:0;
}

/* Menu */
.navbar-default {
	margin-top:4px;
  background-color:transparent;
  border:0;
}
.nav-pills > li > a,
.nav-pills > li > a:link,
.nav-pills > li > a:visited {
  color:#fff;
	font-weight:400;
	padding:5px 10px;
	border-radius:0;
	border-right:2px solid #fff;
  background-color:#750404;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.nav-pills > li > a:hover,
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color:#880;
  border-color:#fff;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  color:#fff;
  background-color:#880;
}
.mobile .navbar-toggle {
  float:left;
  margin-bottom: 8px;
  margin-left:15px;
  margin-top: 8px;
}
.mobile .dropdown-menu {
  position:relative;
  display: block;
  float:none;
  width:100%;
  border-radius:0;
  text-align:center;
  font-size:13px;
  box-shadow:none;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  color: #808000;
	background-color:#fff;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  background-color:#808000;
  color:#fff;
}

.footer .container {
  padding-top:15px;
}
.footer ul.menu {
	position:relative;
	display:inline;
	width:auto;
}
.footer ul.menu li a {
	color:#800;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.footer ul.menu li a:hover,
.footer ul.menu li a:focus {
	color:#fff;
	background:#800;
}
.footer .footer-info {
	position:relative;
	display:block;
	width:100%;
	color:#880;
	text-align:center;
	vertical-align:middle;
}
.footer .footer-info:first-child {
	border-top:2px solid #800;
}

@media (max-width: 767px) {



}

@media (min-width: 768px) {

.footer .footer-info {
	position:relative;
	display:table-cell;
	width:1%;
	border-top:2px solid #800;
}

}

@media (min-width: 930px) {
  .container {
    width: 930px;
  }
  
}


@media (min-width: 992px) and (max-width: 1199px) {
	
  .container {
    width: 940px;
  }

}
@media (min-width: 1200px) {
  .container {
    width: 940px;
  }
}