@charset "iso-8859-1";
/* CSS Document 
Farben:
Braun Navi und Überschriften: #725030                    
Rot Überschrift H1: #7f0000
Hellbraun: #d8B179
beige: #f2eCCD
schwarz: #0c0c0c

*/
body {
	margin-top:30px;
	/*background-image:url(images/abstract-2002822.jpg);*/
	background-image:url(images/bg-body2b.jpg);
	background-size: cover;
	font-family: "Open Sans", sans-serif;
	/*font-family: font-family: 'Carme', sans-serif;
font-family: 'Raleway', sans-serif;*/
}
p {
	font-size:15px;
}
h4 {
	margin-top:78px;
	color:#7f0000;
}
h4 a:hover, h4 a:visited {
	color: #7f0000;
}
.container.marketing ul  {
	list-style-image:url(images/listenpunkt.png);
}
.container.marketing ul li {
	line-height:170%;
}
@media (max-width: 768px) {
	body {
		margin-top:0;
	}
	/* Notwendig, um Fehler in Bootstrap zu korrigieren: um den Body herum ist auf dem Smartphone ein Abstand nach rechts und links und es ruckelt.*/
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
		margin-left:0;
		margin-right:0;
	}
	.col-md-5 iframe {
		width:97%;
	}

	
}


a {
	color: #7f0000;
}
a:hover { 
	color:#d8B179;
}
img {
	max-width:100%;
}
.wrapper {
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border: 0px solid #000000;
}
h1, h1 small {
	font-family: "Raleway", sans-serif;
	color: #7f0000;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
	font-size:75%;
}
h2 {
	font-size:28px;
	color:#7f0000;
}
.container {
	background-color:rgba(255,255,255,0.7);
	
	/*padding-left:0;
	padding-right:0;*/
	
}

/*fuer Google Maps*/
.responsiveContainer {
	 position: relative;
	padding-bottom: 56%;
	height: 0;
	overflow: hidden;
}

.responsiveContainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80%;
}

/*-----------------------Kontakt Button-------------------------------*/
.btn_kontakt {
  background: #ce757a;
  background-image: -webkit-linear-gradient(top, #ce757a, #7f0000);
  background-image: -moz-linear-gradient(top, #ce757a, #7f0000);
  background-image: -ms-linear-gradient(top, #ce757a, #7f0000);
  background-image: -o-linear-gradient(top, #ce757a, #7f0000);
  background-image: linear-gradient(to bottom, #ce757a, #7f0000);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  -webkit-box-shadow: 3px 2px 3px #666666;
  -moz-box-shadow: 3px 2px 3px #666666;
  box-shadow: 3px 2px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin:30px auto 0;
  width:66%;
}

.btn_kontakt a {
	color:#fff;
}
.btn_kontakt h3 {
	font-size: 16px;
	margin-top:8px;
}

.btn_kontakt .glyphicon {
	margin-right:7px;
}

.btn_kontakt:hover {
  background: #7f0000;
  background-image: -webkit-linear-gradient(top, #7f0000, #ce757a);
  background-image: -moz-linear-gradient(top, #7f0000, #ce757a);
  background-image: -ms-linear-gradient(top, #7f0000, #ce757a);
  background-image: -o-linear-gradient(top, #7f0000, #ce757a);
  background-image: linear-gradient(to bottom, #7f0000, #ce757a);
  text-decoration: none;
}

/*-------------------------Ende Konztakt Button---------------------------*/

.table_kontakt {
	/* Permalink - use to edit and share this gradient: 		http://colorzilla.com/gradient-editor/#ce757a+0,7f0000+99 */
	background: rgb(206,117,122); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(206,117,122,1) 0%, rgba(127,0,0,1) 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(206,117,122,1) 0%,rgba(127,0,0,1) 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(206,117,122,1) 0%,rgba(127,0,0,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce757a', 		endColorstr='#7f0000',GradientType=0 ); /* IE6-9 */
	width:50%;
	border-radius: 10px;
	padding:10px;
	color:#fff;
	margin-top:30px;
}
table td {
	padding: 5px 5px 5px 0;
}
.table_kontakt .glyphicon {
	font-size:20px;
}
.table_kontakt a, .table_kontakt a:hover {
	color:#fff;
}
.table_kontakt a:hover {
	text-decoration:none;
}

header .container {
	border: 2px solid #D8B179;
	border-bottom:none;
	padding:0;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	
}
#logo {
	float:left;
	width:30%;
	padding-left:20px;	
	
	}
#logo img {
	width:100%;
	
}
.up {
	margin-top:-40px;
}
#myCarousel, .header-image {
	width:70%;
	float:left;
}

/* Navigation-----------------------------*/
.navbar-inverse {
    /*background-color: #aa8153;
    border-color: #aa8153;*/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2eccd+1,d6a662+100 */
background: rgb(242,236,205); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,236,205,1) 1%, rgba(214,166,98,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(242,236,205,1) 1%,rgba(214,166,98,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(242,236,205,1) 1%,rgba(214,166,98,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2eccd', endColorstr='#d6a662',GradientType=0 ); /* IE6-9 */



} 
.navbar-wrapper .container {
	background: none;
	margin-bottom:0;
	opacity:1.0;
	padding:0;
}
.navbar-nav > li {
 margin:0 20px 0 0;
}
.navbar {
	margin-bottom:0;
}
#navbar ul {
	margin-left:50px;
}
@media (max-width: 768px) {
	#navbar ul {
	margin-left:0;
}
.navbar-inverse .navbar-inner {
	margin-right:0;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
	color: #7f0000;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
	color: #725030;
}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
	padding-left:35px;
}
.dropdown-menu > li {
	border-bottom:1px solid #725030;
}
.navbar-inverse .navbar-toggle {
	border: 1px solid #725030;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
	background-color:#725030;
}
.btn_kontakt { 
	width:80%;	
	margin-bottom:20px;
}
.col-md-5 {
	text-align:center;
}
footer .col-md-5 {
	text-align:left;
}
}
@media (max-width: 992px)  {
	h4 {
		margin-top:0;
		font-size:15px;
	}

}


.navbar-inverse .navbar-nav > li > a {
    color: #725030;
}
.navbar-inverse {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #f2eccd #d8b179 #d8b179;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 2px 0;
}
	
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
	
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8b179+0,725030+99 */
/*background: rgb(216,177,121); /* Old browsers */
/*background: -moz-linear-gradient(top,  rgba(216,177,121,1) 0%, rgba(114,80,48,1) 99%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  rgba(216,177,121,1) 0%,rgba(114,80,48,1) 99%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  rgba(216,177,121,1) 0%,rgba(114,80,48,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8b179', endColorstr='#725030',GradientType=0 ); /* IE6-9 */


/*neu 27.02.17*/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce757a+0,7f0000+99 */
background: rgb(206,117,122); /* Old browsers */
background: -moz-linear-gradient(top, rgba(206,117,122,1) 0%, rgba(127,0,0,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(206,117,122,1) 0%,rgba(127,0,0,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(206,117,122,1) 0%,rgba(127,0,0,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce757a', endColorstr='#7f0000',GradientType=0 ); /* IE6-9 */

}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8b179+0,725030+99 */
background: rgb(216,177,121); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(216,177,121,1) 0%, rgba(114,80,48,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(216,177,121,1) 0%,rgba(114,80,48,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(216,177,121,1) 0%,rgba(114,80,48,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8b179', endColorstr='#725030',GradientType=0 ); /* IE6-9 */


}
.dropdown-menu > li {
	margin-bottom:2px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus
 {
  color: #725030;
  text-decoration: none;
  background-color: #F2ECCD;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
	color: #725030;
  text-decoration: none;
  background-color: #F2ECCD;
}
	

/*---------------------Inhalt-------------------------------*/

.container.marketing{
	padding:30px 50px;
}

@media (max-width: 768px) {
	.container.marketing{
	padding:10px 15px;
	}
	
	h1 {
		font-size:25px;
	}
	h2 {
		font-size:20px;
	}
	.featurette .col-md-5 img {
		margin-top:20px;
	}
	.up {
		margin-top:0;
	}
	.table_kontakt {
		width:100%;
	}
	footer {
		height:auto;
	}
	footer ul {
		margin-left:0;
		padding-left:0;
		list-style: inside;
	}
	 footer li a {
		 line-height:1.8em;
	 }
		
}

hr {
	border-color: #D8B179; 
}
hr.red {
	border-color: #7f0000;
}
/*-----------------------buttons--------------------------*/

/* von der Seite: http://blog.koalite.com/bbg/*/
.btn-jojo { 
  color: #ffffff; 
  background-color: #7F0000; 
  border-color: #6E263E; 
} 
 
.btn-jojo:hover, 
.btn-jojo:focus, 
.btn-jojo:active, 
.btn-jojo.active, 
.open .dropdown-toggle.btn-jojo { 
  color: #ffffff; 
  background-color: #9E3636; 
  border-color: #6E263E; 
} 
 
.btn-jojo:active, 
.btn-jojo.active, 
.open .dropdown-toggle.btn-jojo { 
  background-image: none; 
} 
 
.btn-jojo.disabled, 
.btn-jojo[disabled], 
fieldset[disabled] .btn-jojo, 
.btn-jojo.disabled:hover, 
.btn-jojo[disabled]:hover, 
fieldset[disabled] .btn-jojo:hover, 
.btn-jojo.disabled:focus, 
.btn-jojo[disabled]:focus, 
fieldset[disabled] .btn-jojo:focus, 
.btn-jojo.disabled:active, 
.btn-jojo[disabled]:active, 
fieldset[disabled] .btn-jojo:active, 
.btn-jojo.disabled.active, 
.btn-jojo[disabled].active, 
fieldset[disabled] .btn-jojo.active { 
  background-color: #7F0000; 
  border-color: #6E263E; 
} 
 
.btn-jojo .badge { 
  color: #7F0000; 
  background-color: #ffffff; 
}

.text-muted {
	color: #725030;                    ;
}
audio {
	padding-top:10px;
	opacity:0.7;
}
.caption{
	 padding:0px 0 30px 0;
}
footer {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#843537+0,7f0000+100 */
background: rgb(132,53,55); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(132,53,55,1) 0%, rgba(127,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(132,53,55,1) 0%,rgba(127,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(132,53,55,1) 0%,rgba(127,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#843537', endColorstr='#7f0000',GradientType=0 ); /* IE6-9 */

		
}
@media (min-width: 768px) {
	footer {
		height:auto;
	}
}
footer .container {
	background:none;
	padding-top: 30px;
}
footer p, footer li, footer p a, footer li a {
	color:#f2eCCD;
	line-height:1.6;
}
footer .glyphicon {
	padding-right:5px;
}

@media (min-width: 768px) and (max-width:1199px) {
	.navbar-nav > li{
	margin:0;
}

}
@media (min-width: 768px) and (max-width:991px) {
#navbar ul {
    margin-left: 0;
}
.navbar-nav > li > a {
	padding-left:7px;
	padding-right:7px;
}
}