@charset "UTF-8";


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

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








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


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


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

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

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

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


.h-section {
	display:inline-block;
	padding: 0.5em;
	color:#fff !important;
}

.h-praxis {
	
	background-color:#900;
		
}

.h-regionen {
	background-color:#969;
		
}

.h-aktiv {
	background-color:#069;
	
	
}

.h-wanderwege {
	background-color:#690;
}

.h-tipp {
		background-color:#999;
}




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

/* Home 
----------------------------*/


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

 
  
 
/*border-bottom: 10px solid #666;*/
 
}

.home-welcome {
	width:90%;
	padding-top: 0px;
	margin-top:70px;
	 	
}

@media (min-width : 767px)  {
}

@media (min-width : 992px)  {
	  
	  #home {
	  
	  background: url(../images/intro-hintergrund/bg-hoehenlinien.jpg) center center;
	 
	  } 
 
 .home-overlay {
	background-color:rgba(255,255,255,0);	
	padding-top:5em;
	padding-bottom:4em;
}

.home-full {
	padding-bottom:0;
	padding-top:0;	
}

.home-welcome {
	
	margin-top:0px;
	 	
}
    
    #home h1 {
	
	margin-left:0 !important;
	
}

 
}



#home {
	background-color:#999;
}

.home-full {
	height: 80% !important;	
}


#home h1 {
	text-align:left;
	border-bottom:none;
	color:#069;
	text-shadow:none;
	font-weight:100;
	

	border-bottom:1px solid #900;
	margin-bottom:0.3em;
	padding-bottom:0.3em;
	padding-right:1em;
	margin-top:1px;
}

#home h2 {
	text-align:left;
	border-bottom:none;
	color:#900;
	text-shadow:none;
	font-weight:100;
	
	padding:0;
	margin:0 0 0.5em 0;
	
}


.intro-logo {
    
    max-width:150px;
    padding-top: 2em;
}

@media (min-width : 1000px)  {
    #home h1 {
	
	padding-right:0em;
	
    margin-right: 0em !important;
}
}


@media (max-width : 1200px)  {
.intro-logo {
    margin: 0.5em auto;
    max-width: 100px;
    padding: 0;

    }

    #home h1 {
		font-size:50px;
	text-align:center;
	padding:0 !important;	
        margin: 0 auto 0.2em auto !important;
}

#home h2 {
	
	text-align:center;
	font-size:28px;
}

}



@media (max-width : 767px)  {
.intro-logo {
    margin: 0.5em auto;
    max-width: 60px;
    padding: 0;

    }
}

.logo-section {
    max-width: 1000px;
    margin: 0 auto !important;
}

.box-teaser-text {
    background-color: #FFF;
    text-align: center;
}




.btn-intro {
    
    border-radius:0.4em;
}





.home-welcome-1 {
	
	
	padding:3em;
	
	
}

.home-welcome-2 {
	
	
	margin: 1em 0 1em 0;
	
	
}


.home-nav-produkte {
	
	padding:1.5em !important;
	color: #666 !important;
    border: 1px solid #666 !important;
    display: inline-block !important;
    background-color: rgba(255,255,255,0.20);
}

.home-nav-produkte:hover {
	color:#fff !important;	
}
	
@media (max-width : 720px)  {

.home-nav-produkte  { 
    margin: 0 1em;
    border-radius: 5px;
}
}

.home-nav {
		margin-top:0.5em;
		
	}
	
.home-nav-bild {
	margin-top:5px;	
}
	
.home-nav-box {
	padding: 0;
	text-align: center;
	
}

.home-nav-rot {
    background-color: #900;
    border: 1px solid #900 !important;
    color:#fff !important;
}

.home-nav-rot:hover {
    border: 1px solid #666 !important;
}

@media (max-width : 720px)  {
    .home-nav-rot {
        display: none !important;
    }
}

@media (min-width : 721px)  {
    .home-nav-rot {
        
        border-radius: 0px 5px 5px 0px !important;
    }
    
    .home-nav-produkte {
        border-radius: 5px 0px 0px 5px;
        
    }
}

.hmn-1 {
	border-bottom:10px solid #900;	
}

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

.hmn-3 {
	border-bottom:10px solid #069;	
}

.hmn-4 {
	border-bottom:10px solid #690;	
}




@media(min-width:768px) {
		

.home-nav-box-1, .home-nav-box-2, .home-nav-box-3 {
		border-right:5px solid transparent;
}

}

@media(max-width:767px) {
		
.home-nav-bild {
	display:none;
}

.home-nav-box  {
		border-top:5px solid transparent;
        text-align: center;
}

}



.home-nav-a {
	text-align:center;
	color:#fff;
	padding:1em;
	font-family:montserrat;
	text-decoration:none;
	border:none;

	display:block;
	font-style:normal;
	
}

.home-nav-a:hover {
	border:none;
	cursor:pointer;
	background-color:#999 !important;	
}

.home-nav-1 {
	background-color:#900 !important;
	
	
}

.home-nav-3 {
	background-color:#069!important;
}

.home-nav-4 {
	background-color:#690!important;
}

.home-nav-2 {
	background-color:#969!important;
}





/* Typographie zusammen geschoben */

@media(max-width:992px) and (max-height:600px), (max-width:992px)  {
#home h1 {
		font-size:30px;
	text-align:center;
	padding:0 !important;	
}

#home h2 {
	
	text-align:center;
	font-size:18px;
}



.home-welcome {
	width:100%;	
	
	padding-bottom:50px;
}

.home-welcome-1 {
	padding: 1em;	
}

}


.image-intro {
	max-width:250px;
	
	margin-top: -2em !important;
	margin: 0 auto;
	border:5px solid #fff;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);

}

@media(max-width:767px) {
	.image-intro {
	
	
	margin-top: -0.8em !important;
}

.karten-tipp-box {
		padding: 0;
		margin:0;
		
}

.spacer {
	height:1em !important;
}

}

.container-image-intro {
	/*background-image:url(../images/home-bg-map-2.jpg);*/
	
	
}

.karten-tipp-content {
background-color:#eee;	
}
.karten-tipp-box {
	margin: 1em auto;
}



/*Home
Ende ---------------------------------------*/



/*zwischen-bilder
--------------------------------------------*/

#zwischen-bild-1 {
   background: url(../images/index/intro-main-3.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#zwischen-bild-2 {
   background: url(../images/index/intro-stempelstellen.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#zwischen-bild-3 {
   background: url(../images/index/intro-harzklub.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#zwischen-bild-4 {
   background: url(../images/index/regen-ausblick-karte.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#zwischen-bild-5 {
   background: url(../images/index/teaser-draussen.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}

#zwischen-bild-draussen {
   background: url(../images/index/teaser-draussen.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}

 
  @media (min-width : 992px)  {
	  
	  #zwischen-bild-1, #zwischen-bild-2, #zwischen-bild-3, #zwischen-bild-4, #zwischen-bild-5, #zwischen-bild-draussen {
	  background-attachment: fixed;
	  } 
 
}


/*zwischen-bilder
ENDE--------------------------------------------*/

/*Aktivitaeten

------------------------------------------------*/



.aktiv-alle {
	text-align:center !important;	
}

#aktivitaeten {
	border-bottom: 10px solid #069;
}

#aktivitaeten h2 {
	margin-top:2em;
	
	
}

.aktiv-box {

/*background-color:#ddd;*/
border:10px solid #fff;
padding-bottom:1em;

	
}


.aktiv-box p {
	
	margin-bottom:75px;
	
}

.aktiv-box h3 {
	
	margin-bottom:1em;
}

.image-active {
	
max-width:200px;	
border-radius:50%;
background-color:#069;
margin-top:1em;

}

.active-btn {

position:absolute;

left: 50%;
bottom: 5px;
  
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  
  font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 0.9em;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);  
  color:#fff !important;
  
  border-radius:0;
  background-color:#069;
  padding:0.8em;
}


/* aktivitäten zusammen geschoben */

@media(max-width:992px) {
	
	.aktiv-alle {
		padding:0em !important;
}

}


/*Aktivitaeten

ENDE ------------------------------------------------*/

/* Themenwanderwege 
-----------------------------------------------------*/

.content-gallery {
	max-width:700px;	
}

.item p {
	background-color:rgba(255,255,255,0.4) !important;	
	position:relative;
}

.carousel-control { background: none !important; filter: none !important; progid:none !important; 
z-index:100 !important;

}

.carousel-caption {
	position:relative;	
}

#wanderwege {
	border-bottom: 10px solid #690;	
}

#Themen-Wanderwege {
	background-color:#fff;
	padding: 0;	
}


/* Themenwanderwege 
ENDE-----------------------------------------------------*/

/* Regionen
________________________________________________*/

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

/* Regionen
ENDE________________________________________________*/

/* Praxis-Tipps
________________________________________________*/

#praxis {
	border-bottom: 10px solid #900;
}

/* Praxis-Tipps
ENDE________________________________________________*/

/*Werbung
-----------------------------------------------------*/

#Tipp {
	border-bottom: 10px solid #999;
}

.banner-tipp {
	position:relative;
	background-image:url(../images/index/werbung/wasserfeste-karten-werbung.jpg);
    background-repeat: no-repeat;
    background-position: left top;
	
	max-width:700px;
	height:480px;
	
	margin-bottom:0;
		
}

@media(max-width:365px) {
		
.banner-tipp {
	
	background-image:url(../images/index/werbung/wasserfeste-karten-werbung-klein.jpg);
    background-repeat: no-repeat;
    background-position: left top;
	
	max-width:300px;
	height:270px;
	
	margin-bottom:0;
		
}



		
.banner-tipp-2 {
	
	background-image:url(../images/index/werbung/stempel-sammeln-klein.jpg);
    background-repeat: no-repeat;
    background-position: left top;
	
	max-width:300px;
	height:220px;
	
	margin-bottom:0;
		
}
}



.banner-tipp-2 {
	position:relative;
	background-image:url(../images/index/werbung/stempel-sammeln.jpg);
    background-repeat: no-repeat;
    background-position: center top;
	
	max-width:700px;
	height:340px;
	
	margin-bottom:0;
	margin-top:0;
		
}

.stempel-box {
	margin: 0 !important;	
}

.banner-text-1 {
	position: relative;
	top: 0em; 
	left: 0em;
	
	font-weight:normal;
	font-family:Montserrat;	
	font-size: 1.5em;
	line-height:1em;
	color:#FFF !important;
	text-shadow: 2px 2px 20px rgba(0,0,0,1);
	background-color:#999;
	display:block;
	padding: 0.5em;
	text-align:center;
	width:100%;
}

.banner-text-2 {
	position: relative;
	top: 0em; 
	left: 0em;
	
	font-weight:normal;
	font-family:Montserrat;	
	font-size: 1.5em;
	line-height:1em;
	color:#FFF !important;
	text-shadow: 2px 2px 20px rgba(0,0,0,1);
	background-color:#363;
	display:block;
	padding: 0.5em;
	text-align:center;
	width:100%;
}



.tipp-index img {
	max-width:165px;
	
}

.tipp-index {
	text-align:center;	
	
}

.tipp-index a {
	text-decoration:none !important;	
}

.unter-banner-text {
	
	padding:1em;
	background-color:#eee; 	
}


#harz-set-slider {
	margin-top:0;	
}

.werbung-mtb {
text-align:center;
background-color:#eee;
padding:2em;	
}

.spacer {
	height: 4em;	
}

/*Werbung
ENDE-----------------------------------------------------*/





.bg-hell li {
	color:#666;
	list-style-type:circle;
	margin:0.4em 0;
	margin-left:2em;
}



/* karte
_____________________________*/
#map { height: 70%; }

/* 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;	
}

@media (min-width: 992px) {


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

}


/* Regionen Highlights
ENDE _____________________________*/