@font-face {
 font-family: 'ThisThemeFont'; 
 font-weight: normal;
 font-style: normal;
 src: url('https://www.heimatverein-nikolausberg.de/wp-content/themes/heimatverein/assets/fonts/ThemeFont.eot')format('embedded-opentype'),
 url('https://www.heimatverein-nikolausberg.de/wp-content/themes/heimatverein/assets/fonts/ThemeFont.woff')format('woff'), 
 url('https://www.heimatverein-nikolausberg.de/wp-content/themes/heimatverein/assets/fonts/ThemeFont.woff2')format('woff2'), 
 url('https://www.heimatverein-nikolausberg.de/wp-content/themes/heimatverein/assets/fonts/ThemeFont.ttf')format('truetype'),
 url('https://www.heimatverein-nikolausberg.de/wp-content/themes/heimatverein/assets/fonts/ThemeFont.svg#ThisThemeFont')format("svg");
}

html {
	background-color: #ffffff;
	font-size: 19px;
	line-height: 1.0;
}
body {  
	font-family: Arial, sans sarif;;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	color: #7c7c7c;
	line-height: 1.5;
	font-size: 1rem;	/* keep value and change html font-size instead */
}
main {
	padding-top: 1.5rem;
}
.main_body {
	margin-top: 1.5rem;
	margin-bottom: 5.5rem;
}
a {
	color: #ad0000;
	text-decoration: none;
}
a:hover {
	color: #a1a1a1;
}
footer {
  background-color: #f3f3f3;
  color: #1e3c5c;
  font-size: 0.9rem;
  line-height:  1.2 ;
  padding-top: 1.5rem;
}
footer a {
	color: #636363;
}
footer a:hover {
	color: #c6c6c6;
}
footer img.img-fluid.mb-4 {
	height: 90px;
}
footer a.nav-link {
	padding: 0.5rem 0 0 0;
}
footer a.nav-link::after, .event_box a::after, a[target=_blank]::after{ 
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  content: '\f0c1';
  padding-left: 5px;
  opacity: 0.6;
}

.no-linkicon figure a::after{
	content: none;
}

footer .menu-item{
	padding: 0;
	margin: 0;
}
h1 {
	color: #ad0000;
	font-size: 1rem;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
}
h2 {
	color: #1e3c5c;
	font-size: 1.2rem;
	line-height: 1.5;
	font-weight: 600;
	text-transform: uppercase;
}
h3 {
	color: #1e3c5c;
	font-size: 1rem;
	line-height: 1.75;
	font-weight: 700;
	text-transform: none;
}
h4 {
	color: #1e3c5c;
	font-size: 0.8rem;
	line-height: 2.5;
	font-weight: 700;
	text-transform: none;
}
h5 {
	color: #ffffff;
	font-size: 1rem;
	line-height: 1;
	font-weight: 700;
	text-transform: none;
}
h6 {
	color: #ad5656;
	font-size: 0.8rem;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
}
/* correct image alignment */
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
}

/* carousel */
#my_carousel_Startpage {
	position: absolute;
	top: 76.44px;}
#my_carousel_Startpage, .carousel-inner, .carousel-item, .carousel-item.active {
	width: 100%;	
	height: 400px;
}
.carousel-control-next, .carousel-control-prev {
	background: none;
	border: 0;
}
.carousel-control-next:hover, .carousel-control-prev:hover {
	background: none;
	border: 0;
}
body.home main {
	padding-top: 323.56px;}
.carousel-item {      
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
}
.carousel-indicators button {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px 3px 5px 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000\9;
  background-color: rgba(0,0,0,0);
  border: 1px solid #fff;
  border-radius: 10px;  
}
.carousel-indicators button.active {
  background-color: #fff;
}
.carousel-control-prev:hover  {
  background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
  background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
  background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control-next:hover {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
  background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
  background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}


.carousel-item_0 {background-image: url("http://www.heimatverein-nikolausberg.de/wp-content/uploads/2025/09/banner1_SoUnterg.jpg");}  .carousel-item_1 {background-image: url("http://www.heimatverein-nikolausberg.de/wp-content/uploads/2025/09/banner4_SchneeSendemast.jpg");}  .carousel-item_2 {background-image: url("http://www.heimatverein-nikolausberg.de/wp-content/uploads/2025/09/banner2_Nebelwiese.jpg");}  .carousel-item_3 {background-image: url("http://www.heimatverein-nikolausberg.de/wp-content/uploads/2025/09/banner6_KlosterFruehjahr.jpg");}  .carousel-item_4 {background-image: url("http://www.heimatverein-nikolausberg.de/wp-content/uploads/2025/09/banner5_SchneeRieswarte.jpg");}  .carousel-item_5 {background-image: url("http://www.heimatverein-nikolausberg.de/wp-content/uploads/2025/09/banner3_Woken.jpg");}  .carousel-item_6 {background-image: url("http://www.heimatverein-nikolausberg.de/wp-content/uploads/2025/09/banner7_KlosterHerbst.jpg");}  /* navbar and sticky header */
.custom-navtoggler-icon {
	color: #ffffff;
}
header {
	position: fixed; 
	top: 0; 
	width: 100%; 
	z-index: 500; 
}
header.show {
	background: #ccbfb6; 
}
header.show.page-home {
	background: #ccbfb690; 
}
.top-header {
	padding: 0.5rem 0;	
	display: flex;
	align-items: end;
	justify-content: flex-start;
	overflow: hidden;
	transition: all 0.4s ease;	
}
.top-header-title {
	margin-left: 0;
	padding-left: 0;
}
.top-header-logo {
	padding-left: 0;
}
.top-header.hidden {
	opacity: 0;
}
.top-header img {
	height: 98px;				
	transition: height 0.4s ease;
}
.navbar-logo {
	height: 0;
	opacity: 0;
	transition: all 0.4s ease;
}
.navbar-logo.show {
	height: 65.66px;	opacity: 1;
}
.navbar-brand {
	padding: 5px 0;
}
#main-navbar {
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
	background-color: #1e3c5c;
	position: relative;
	top: 0;
	margin: 0;
	padding: 0;
	height: 76.44px;}
.menue-header .nav-item {
  margin: 0 15px;
  position: relative;
  bottom:-16px;
}
.menue-header .nav-item .nav-link {
  text-transform: uppercase;
  font-weight: 600;
}
.menue-header .nav-item::before {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 6px;
  width: 100%;
  content: "";
  background: #ffffff;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.3s ease;
  pointer-events: none;
}
.menue-header .nav-item:hover::before, .nav-item.active::before {
  transform: scaleY(1);
  transform-origin: bottom;
}
.navbar-light .menue-header .navbar-nav .nav-link,
.navbar-light .menue-header .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link,
.navbar-light .menue-header .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover,
.navbar-dark .menue-header .navbar-nav .nav-link,
.navbar-dark .menue-header .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .menue-header .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
  color: #ffffff;
  font-weight: 100;
}
.navbar-expand-lg .menue-header .navbar-nav .nav-link {
  padding: 8px 0;
}
.navbar .menue-header .nav-item > .dropdown-toggle::after {
  border: 0;
  margin-left: 0.255em;
  vertical-align: 1px;  
  font-family: "Font Awesome 5 Free";
  content: "\f078";
  font-size: 0.8rem;
  width: auto;
  font-weight:800;
}
.navbar .menue-header .dropdown .dropdown-menu li {
  padding-top: 10px;
}
.navbar .menue-header .dropdown .dropdown-menu li:last-child {
  margin-bottom: 2rem;
}
.navbar .dropdown .dropdown-menu.dropdown-submenu {
  top: 0;
}
.navbar .menue-header .dropdown .dropdown-item .dropdown-toggle {
  display: block;
  line-height: 1.8;
}
.navbar .menue-header .dropdown:hover > .dropdown-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.navbar .menue-header .dropdown-menu {
  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12);
  border-bottom: 5px solid #1e3c5c;
  padding: 0 0.75rem;
  padding-left: 0.3rem;
  border-radius: 0;
  margin-top: 0;
  display: block;
  visibility: hidden;
  transition: 0.3s ease;
  opacity: 0;
  transform: translateY(20px);
  background: #ffffff;
}
.navbar .menue-header .dropdown-menu.show {
  visibility: hidden;
}
.navbar-light .menue-header .navbar-nav .dropdown-menu .nav-link{
  color: #000;
  font-size: 0.75rem;
  font-weight: 400;
  padding: 0.25rem;
  margin:0;
}
.navbar-light .menue-header .navbar-nav .dropdown-menu .nav-link:hover{
	color: #1e3c5c;
}
.navbar-light .menue-header .navbar-nav .dropdown-menu .nav-item::before {  
	height: 2px;
	background: #1e3c5c;
}
/* contacts */
.contact_box .fa-solid {
	margin: 0.8rem 0 0 0;
}
@media (max-width: 991px) {
   html {
	font-size: 17.1px;	   
   }
   .navbar-logo {
	   margin-left: 1rem;
   }
  .navbar-collapse {
	z-index: 1000;  
    background: #1e3c5c;
    max-height: calc(100vh - 80px);
  }
  .navbar-collapse.show {
    overflow-y: auto;
  }  
  .menue-header .nav-item::before {
    opacity: 0;
    height: 100%;
  }
  .menue-header .navbar-nav {
	  margin-bottom: 1rem;
  }  
  .navbar .menue-header .dropdown > .dropdown-menu {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
	background: #1e3c5c;
  }
  .navbar-light .menue-header .navbar-nav .dropdown-menu .nav-link{
	color: #ffffff;
    padding: 0.25rem;
	margin:0;
  }
  .navbar-light .menue-header .navbar-nav .dropdown-menu .nav-link:hover{
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
  }   
}
@media (max-width: 767px) {
  html {
	font-size: 15.2px;	  
  }
  .top-header img {
	height: 81.34px; 
  }
}
@media (max-width: 575px) {
  html {
	font-size: 11.4px;  
  }
  .top-header img {
	height: 54.88px; 
	margin-left: 1rem;
  }
  .shrink-on-devices {
	  height: 50%;
  }
  body.home main {
	padding-top: 145.12px;  }
  #my_carousel_Startpage, .carousel-inner, .carousel-item, .carousel-item.active {
	height: 200px;  }  
}