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


/* Individuelles Styling
-----------------------------------*/

.navbar {
	border-bottom:10px solid #969;	
}

.nav-aktiv {
	background-color:#969;	
}

.border-left {
	padding-left: 0.5em;
	border-left: 2px solid #969;
	
}

/* Individuelles Styling
ENDE -----------------------------------*/


/* intro 
_____________________________*/


.image-intro {
	max-width:300px;
	box-shadow:0px 0px 5px rgba(0,0,0,0.4);
	border: 7px solid #fff;	
	margin: 0 auto;
	padding:2em;
}

#intro {
 
  background-color:#F7F7F7;
  background-image:url(../images/intro-hintergrund/bg-hoehenlinien.jpg);
  


}

h1 {
	border:none;
	margin-top:70px;
}


.img-logos {
	max-height:100px;	
}

/* intro 
ENDE _____________________________*/

/* Werbung-Karte 
_____________________________*/

.titel-werbung ul {
		list-style-type:square;
	padding-left: 20px;
	margin-bottom:1em;	
}

.titel-werbung h2 {
	margin-top: 0;	
}

.image-cover {
	max-width:200px;

	margin:0 auto;	
	margin-bottom:2em;
}
 
.titel-werbung {
	max-width:1000px;
	margin:0 auto;

}

/* Werbung-Karte 
ENDE _____________________________*/


/* karte
_____________________________*/

#map { height: 70%; }

.leaflet-tile-pane {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

/* karte
ENDE_____________________________*/

/* Modal 
_____________________________*/

.wander-nummer {
	position:absolute;
	top:-25px;
	left: 0;
	background-color:#E6E6E6;
	padding:15px;	
	border-radius: 5px 0 0 0;
	
	
}

h3.wander-nummer {
	color:#fff;
}

.modal-title {
	line-height:1;
	margin-left: 35px;	
}



.wanderung-uebersicht li {
	color:#666 !important;	
}
.wanderung-uebersicht {
background-color:#E6E6E6;
padding:15px;
}

.modal-body p {
		font-weight:400;
}


.modal-footer {
	text-align:left;	
	background-color:#666;
}

.modal-footer p, .modal-footer h3 {
	color:#fff;	
}

.image-wanderkarte-modal {
	max-width:120px;
	margin:0 auto;	
}



 .reise-veranstalter h4 {
 	border-bottom:1px solid #960;
	color:#960;
	background-image: url(../images/karte/koffer-grafik.png);
  background-repeat: no-repeat;
  background-position:left top;
  text-indent:-20px;
     font-size: 1em;
     text-align: left;
     padding-left: 0;
     
	
}

.hotel h4 {
 	border-bottom:1px solid #960;
	color:#960;
	background-image: url(../images/karte/hotel-grafik.png);
  background-repeat: no-repeat;
  background-position:left top;
  text-indent:20px;
	
}

.reise-veranstalter h3 {
	margin-left: 0;
}

.modal-body li {
	list-style-type:circle;	
	margin-left:1em;

}

/* Modal 
ENDE _____________________________*/

.btn-produkt {
	border:1px solid #969;
border-radius: 0px;
color:#fff !important;	
background-color:#969;
}

.btn-produkt:hover {

border:1px solid #666;
border-radius: 0px;
color:#fff !important;	
background-color:#666 !important;
cursor:pointer;
	
}

/* Werbung
_____________________________*/

#produkte {
	background-color:#F5F2F2;
}

/* Werbung
ENDE _____________________________*/