/* @font-face kit by Fonts2u (http://www.fonts2u.com) */ 
@font-face {font-family:"NK_Monotype Corsiva";src:url("../fonts/NK_Mono.eot?") format("eot"),url("../fonts/NK_Mono.woff") format("woff"),url("../fonts/NK_Mono.ttf") format("truetype"),url("../fonts/NK_Mono.svg#NK_MonotypeCorsiva") format("svg");font-weight:normal;font-style:normal;}

em {
 color:#4b5052;
}

h2, .uk-h2{
  font-size:36px;
  font-weight:300;
}
.main-logo{
  line-height:60px;
}
.logo-unterschrift{
  font-size:60px;
  display:block;
  margin-top:35px;
}

.logo-hohe{
  font-size:48px;
  margin-top:40px;
  display:block;
 
}
#logo br{
  display:block;
}


.uk-navbar-brand{
  font-family:"Monotype Corsiva", "NK_Monotype Corsiva";
  font-size:90px;
  color:#010101;
}

.uk-navbar-brand:hover, .uk-navbar-brand:focus{
  color:#010101;
}

.tm-background{
 background-image:url('../images/bg_waldhaeusern_winter1.jpg');
  background-size:cover;
}
.tm-navbar-space .tm-navbar{
  margin-top:/*80px*/45px;
  margin-bottom:100px/*130px*/;
}
 .uk-panel-box.alpha{
  background:rgba(246,248,249,0.85);
  color:#000;
}
.uk-navbar-nav > li > a{
  font-weight:400;
  font-size:18px;
  color:#010101;
  background:rgba(255,255,255,0.5);
  border:1px solid rgba(75, 80, 82, 0.1);
}
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a{
  color:#fff;
  background:rgba(75, 80, 82, 0.1);
  
}
.uk-navbar-nav > li.uk-active > a{
  color:#2d4951;
  background:rgba(255,255,255,0.7);
  border:1px solid rgba(75, 80, 82, 0.1);
}



.tm-navbar-space .tm-nav{
  margin-top:/*50px*/25px;
  clear:both;
  display:inline-block;
}
.fb.uk-panel-box-secondary{
  padding:20px;
}
.tm-isblog .uk-article{
	background: rgba(246,248,249,0.85);
	color: #000;
}
.tm-navbar .uk-navbar-toggle{
  color:#000;
}
.logo-footer a{
  font-size:46px;
  line-height:50px;
}
.logo-footer a:hover, .logo-footer a:focus{
  text-decoration:none;
}
.karten .uk-h5{
  color:#fff; 
  font-size:14px;
}

.karten .uk-panel-box-primary{
  box-shadow:none;
}

.home article{
  display:none;
}

/*-----------------------responsive--------------------*/




/*phones*/
@media only screen 
and (min-width : 320px) 
and (max-width : 480px)
and (orientation : portrait){
  
  .tm-background{
   background-size:contain!important;
  }
  .tm-logo-small .uk-navbar-brand{
    position:relative;
    top:-90px;
    left:-25px;
    text-indent:none;
    line-height:35px;
  }
  
  .tm-logo-small .uk-navbar-brand .logo-unterschrift{
    font-size:26px;
    margin-top:5px;
  }
  .tm-logo-small .uk-navbar-brand .logo-title{
    line-height:auto;
  }
  .tm-navbar-center{
    background:rgba(255,255,255,0.5);
    height: 110px;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	top: -30px;
  }
  .tm-navbar-space .tm-navbar{
    margin-top:50px;
    margin-bottom:20px;
  }
  h2, .uk-h2{
    font-size:30px;
  }
  .uk-cover-background{
    background-size:contain;
  }
  .tm-bottom-b .tm-panel-blank .uk-navbar-brand{
    font-size:34px!important;
  }
  .uk-panel-box.alpha{
    padding:30px;
  }
  .logo-footer a{
    font-size:34px;
    
  }
}

  
@media only screen 
and (min-width : 320px) 
and (max-width : 480px)
and (orientation : landscape){
   .tm-background{
   background-size:contain!important;
  }
  .tm-logo-small .uk-navbar-brand{
    position:relative;
    top:-25px;
    left:0px;
    line-height:35px;
  }
  
  .tm-logo-small .uk-navbar-brand .logo-unterschrift{
    font-size:26px;
    margin-top:5px;
  }
  .tm-logo-small .uk-navbar-brand .logo-title{
    line-height:auto;
  }
  .tm-navbar-center{
    background:rgba(255,255,255,0.5);
    height: 110px;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	top: -30px;
  }
  .tm-navbar-space .tm-navbar{
    margin-top:50px;
    margin-bottom:0px;
  }
  h2, .uk-h2{
    font-size:30px;
  }
  .uk-cover-background{
    background-size:contain;
  }
 
  .uk-panel-box.alpha{
    padding:30px;
  }
}

/*bis zu iPad*/
@media only screen
and (min-width : 481px) 
and (max-width : 767px) {
  .tm-background{
   background-size:contain!important;
  }
  .tm-logo-small .uk-navbar-brand{
    position: relative;
	top: -75px;
	left: 0px;
	line-height: 35px;
	width: 400px;
	font-size: 50px;
  }
  
  .tm-logo-small .uk-navbar-brand .logo-unterschrift{
    font-size:36px;
    margin-top:5px;
  }
  .tm-logo-small .uk-navbar-brand .logo-title{
    line-height:auto;
  }
  .tm-navbar-center{
    background:rgba(255,255,255,0.5);
    height: 110px;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	top: -30px;
  }
  .tm-navbar-space .tm-navbar{
    margin-top:50px;
    margin-bottom:0px;
  }
  h2, .uk-h2{
    font-size:30px;
  }
  .uk-cover-background{
    background-size:contain;
  }
 
  .uk-panel-box.alpha{
    padding:30px;
  }
  
}

/*iPad*/
@media only screen
and (min-width : 481px) 
and (max-width : 767px) {
  


}
/*iPad portrait*/

@media only screen
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait){ 
   .tm-background{
   background-size:contain!important;
  }
  .tm-logo-small .uk-navbar-brand{
    position: relative;
	top: 0;
	left: 0px;
	line-height: 35px;
	width: 400px;
	font-size: 50px;
  }
  
  .tm-logo-small .uk-navbar-brand .logo-unterschrift{
    font-size:36px;
    margin-top:5px;
  }
  .tm-logo-small .uk-navbar-brand .logo-title{
    line-height:auto;
    font-size:50px;
  }
  .tm-navbar-center{
    background:rgba(255,255,255,0.5);
    height: 110px;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	top: -30px;
    
  }
  .tm-navbar-space .tm-navbar{
    margin-top:50px;
    margin-bottom:0px;
  }
  h2, .uk-h2{
    font-size:30px;
  }
  .uk-cover-background{
    background-size:contain;
  }
 
  .uk-panel-box.alpha{
    padding:30px;
  }
  .uk-width-medium-1-3, .uk-width-medium-2-3{
    width:100%;
  }
  .uk-pull-2-3, .uk-push-1-3{
    left:0;
  }
  .tm-bottom-b .uk-navbar-brand{
    font-size:34px!important;
    line-height:40px!important;
  }
  
  
}


/*ipad Landscape*/
@media only screen
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape){ 
  
  .tm-bottom-b .uk-navbar-brand{
    font-size:34px!important;
    line-height:40px!important;
  }
  

}  

/*Desktop*/
@media only screen 
  and (min-width : 1025px){
   
    
}