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

/* Individuelles Styling
-----------------------------------*/
.navbar {
	border-bottom:10px solid #969;	
}

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



footer a {
	color:#fff;	
}

.spacer-regionen {
	
	height:5px;
	background-color:#969;
	width: 70px;
	margin: auto;	
	margin-top:0.8em;
	margin-bottom:2em;
}



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

/* home
_____________________________*/


.image-intro {
	max-width:400px;
	
	
	margin: 0 auto;
	padding:2em;
	
}

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


}

#home h2 {
 text-align:center;
}

h1 {
	border:none;
	margin-top:70px;
	color:#969 !important;
}


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





/* home 
ENDE _____________________________*/

/* Section Regionen
-----------------------------------*/

#regionen h2 {
	text-align:center;
	
}

/* Section Regionen
ENDE -----------------------------------*/




/* Werbung-Karte 
_____________________________*/

.footer-anzeige {
	background-color:#CCC !important;	
}

.titel-werbung ul, .modal-content 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;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}
 
.titel-werbung {
	max-width:1000px;
	margin:0 auto;

}

#buch-tipp {
	background-color:#F8F8F8;	
}

.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-Karte 
ENDE _____________________________*/


/* Regionen Highlights
 _____________________________*/


#regionen-highlights h2 {
	text-align:center;
}

.image-slider {
	
	max-width:400px;
	box-shadow:0px 0px 5px rgba(0,0,0,0.4);
	
	margin: 0 auto;
		
}

.slider-regionen {
		padding:2em;
}

.slides-regionen h2 {
		font-size:20px;
		text-align:center;
		word-wrap: break-word;
}

.slides-regionen p {
		
		text-align:center;
}

.slides-regionen {
	padding: 0.5em;	
	
}

.slick-slide {
	opacity:0.5;
	cursor:move;
}

.slick-center {
	opacity:1;
	transform: scale(1.1);
	transition: all 300ms ease;	
	z-index:5;

}

.slick-track {
	padding-top: 1em;	
}


/* Regionen Highlights
ENDE _____________________________*/

#wander-orte {
	background-color:#F7F7F7;	
}


#map-teaser {
	background-color:#FFF;	
}

#map-teaser h2, #wander-orte h2 {
text-align:center;
}

/* Regionen Grafik
____________________________*/


#grafik-oberharz {
	
	
}




@media (min-width: 992px) {
.grafik-harz, .grafik-harz-roh {
position:absolute;
max-width:700px;
}

.regionen-grafik {
	display:none !important;	
}

#regionen-highlights {
		
	padding:4em 2em;
}

.regionen-text-area {
	max-width:700px;	
}

}

#button-nordharz:hover {
		color:#393;
}

#button-oberharz:hover {
		color:#36C;
}

#button-unterharz:hover {
		color:#900;
}

#button-suedharz:hover {
		color:#936;
}


.button-harz-grafik {
	cursor:pointer;	
}

#text-oberharz, #text-unterharz, #text-suedharz {
	display:none;	
}

@media (max-width: 991px) {
	.grafik-harz, .grafik-harz-roh { 
	display:none !important;
	}
}

/* Regionen Grafik
ENDE ____________________________*/

/* karte
_____________________________*/

#map { height: 70%; }

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

/*
.oberharzLabel{
white-space:nowrap;
font-size:25px;
font-family:Montserrat;
color:#333;
text-align:center;



}
*/

/* karte
ENDE_____________________________*/





/* Modal 
_____________________________*/


.modal-header {

}


.modal-title {
	line-height:1;
	font-size:2em;
	
	
	
}

.modal-body p {
	margin-bottom:0.8em;
}

.modal-header h4 {
	margin: 1em 0 0.5em 0;	
	text-align:center;
	font-size:16px;
		
		text-shadow:none;
		font-weight:200;
		font-style:italic;
}

.modal-header h3 {
	font-size:30px;
	margin-bottom:0.5em;
	margin-top:0.5em;
	text-align:center;
}



.modal-footer {
	text-align:left;	
	background-color:#eee;
	position:relative;
}

.modal-footer p, .modal-footer h3 {
		
}

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

.modal-produkt {
	background-color:#eee;	
	padding:1em;
}

.modal-produkt img {
	max-width:150px;
	margin: 0 auto;
	box-shadow:0px 0px 5px rgba(0,0,0,0.4);	
}

.modal-produkt-spalte {
	text-align:center;	
	margin-top:1em;
}

.spacer-modal {
	height:5px;
	background-color:#939;
	width: 70px;
	margin: auto;	
	margin-top:0.8em;
	margin-bottom:0.8em;
}

.modal-footer-tip {
	position:absolute;
	top:0px;
	left:0px;
	background:#939;
	display:inline-block;
	padding:0.3em 1em;
	border-radius: 0 0 5px 0;

}
.modal-footer-tip p {
		color:#fff;	
		letter-spacing:0.2em;
}

.modal-footer h3 {
		margin-top:1.7em;
}

.modal-footer img {
	
	
}

/* Modal 
ENDE _____________________________*/


/* Modal - INDIVIDUELLES STYLING
_____________________________*/






 .spacer-oberharz {
		background-color:rgba(0,138,213,1); 
 }

.spacer-mitteharz {
		background-color:rgba(159,109,76,1); 
 }
 
.spacer-ostharz {
		background-color:rgba(253,168,0,1); 
 }
 
 .spacer-suedharz {
		background-color:rgba(0,160,64,1); 
 }
 
 .spacer-brocken {
		background-color:rgba(191,31,105,1); 
 }
 
 .spacer-hexenstieg {
		background-color:rgba(241,218,23,1); 
 }
 
 .spacer-grenzweg {
		background-color:rgba(126,28,42,1); 
 }
 
 .spacer-selketalstieg {
		background-color:rgba(133,27,28,1); 
 }
 
 .spacer-bodetal {
		background-color:rgba(102,102,153,1); 
 }	
 
 .spacer-braunlage {
		background-color:rgba(0,0,0,1); 
 }	
 
  .spacer-wandernadel {
		background-color:rgba(33,144,20,1); 
 }	

/* Modal - INDIVIDUELLES STYLING
ENDE _____________________________*/