body {color:#676767;}
body, .body_bg, #container_main, #container_bottom3_modules {
  background-color: transparent !important;
}
.hornav {
  position: absolute;
  bottom: 10px;
}

.c8waswirmachen div.backstretch, .c8liegenschaften div.backstretch, .c8lieg-burgerweg div.backstretch, .c8lieg-u-boenigstrasse-4a div.backstretch, .c8lieg-u-boenigstrasse-6a div.backstretch, .c8lieg-u-boenigstrasse-12 div.backstretch, .c8gemeinnuetziges div.backstretch, .c8forsthausaenderberg div.backstretch, .c8forsthausbreitlauenen div.backstretch, .c8wald div.backstretch, .c8burgerrat div.backstretch, .c8burgerwappen div.backstretch, .c8dokumente div.backstretch, .c8intern div.backstretch {
  opacity: 0.4;
}

body.c8home {background-image:none;}

.hornav ul.menu > li > a, .hornav ul.menu > li > span {
  font-size: 1.2em;
  text-transform:none;
  font-weight: 400;
  letter-spacing:1px;
}
.hornav .parent-indicator::before, .hornav ul.menu .parent-indicator, .parent-indicator.j51-inline-icon {display: none;}
.c8home ul.uk-slideshow-items {aspect-ratio:inherit !important;}
.c8home .sticky-wrapper {position: absolute;}  
.c8home #container_header {background-color: rgba(255,255,255,0.5) !important;}
.c8home .is-sticky #container_header {background-color: rgba(255,255,255,1) !important;}
.menu-toggle {position: absolute; top: 0; right: 0;}

.outside_header {
  max-width: 100vw !important;
}
.c8logo {height:80px; max-height:80px;}
.is-sticky .c8logo {height:60px; transition: all 300ms ease;}
/* topnav */
#mod-custom223 {
	position:absolute; 
	top: 15px;
	right: 15px;
	width: 100px;
}
/*
.c8home #container_main {margin-top: -10vH;}
*/

#container_header {
  background-color:transparent !important; 
  background-image: linear-gradient(180deg,rgba(255, 255, 255,0.9),rgba(255,255,255,0.6));
  box-shadow: 0 0 6px 2px rgba(0,0,0,0);
}
.is-sticky #container_header {
  box-shadow: 0 0 6px 2px rgba(0,0,0,0.1);
}
.header_main {
  align-items: baseline;
}
.logo {transition: all 0.4s ease;}
.logo-image {height: 102px; max-height: 102px !important; transition: all 0.4s ease;}
.logo-text {font-weight: 400; letter-spacing:1px;}
.is-sticky .logo-image {height: 50px !important; transition: all 0.4s ease;}

.c8topnav {
  text-align: right;
  font-size: 16px;
}
.c8topnav a {
  text-decoration: none;
}
.wrapper_contenttop {
  padding: 0px;
}
.contenttop .module_surround {
  padding: 0 !important;
}

.hornav {
  justify-content: flex-end;
  width: 100%;
}
.hornav > ul > li > ul, .hornav > ul > li > ul > li > ul, .hornav > ul > li > ul > li > ul > li > ul {
  min-width: 250px;
}

.sidecol-a .mod-menu > li + li > a {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.sidecol-a .mod-menu > li > a {
  padding: 3px 0 !important;
  color:#676767;
}
.sidecol-a .mod-menu > li.active > a {
  color:#d01d01;
  opacity:1 !important;
}
.sidecol-a .mod-menu li a {color:#676767;}
.sidecol-a .mod-menu li ul li.active a {color:#000; opacity: 1;}
.mod-list li a:hover {
  text-decoration: none;
}

.sidecol-a .mod-list.menu .mod-menu__sub {
  border-left: 1px solid #d01d01;
  margin-left: 0 !important;
  margin-bottom: 20px;
  padding-left: 15px;
 }

#container_base1_modules a {color:#fff;}
h1, h2, h3, h4, h5, h6 {font-weight: 500;}
h1, h2 {font-size: 30px;}
h3, h3.uk-h3, .uk-scope .uk-h3, .uk-scope h3 {font-size: 1.35em !important; margin-top:1.6rem; margin-bottom:1.2rem; line-height: 1.6rem;}
#userForm h2 {line-height: 1em; margin-bottom: 1.6rem;}
#container_base1_modules h3.mod_standard {margin-top:0;}
p {margin-bottom: 1rem;}

.wrapper_contentbottom .c8box {
  padding: 0 20px 20px 20px;
  margin-bottom:50px;
  background: #f5f5f5;
}
.c8box .module_surround {
  padding: 20px 10px !important;
}
.grecaptcha-badge {
  bottom: 50px !important;
}

.c8home #container_bottom3_modules, .c8home #container_base1_modules {background:#484648 !important;}
#container_main {margin:40px 0 80px 0;}
.c8home #container_main {margin:0;}
#container_main .wrapper960 {background:rgba(255,255,255,1);}
#container_base1_modules .wrapper960 {background:#484648;}
#frontend-module-bcfj .frontendQuickEdit {display:none}
.c8home #container_header {
  background-color: transparent !important;
  box-shadow:none;
}
.c8home .is-sticky #container_header {
 box-shadow: 0 0 6px 2px rgba(0,0,0,0.1);
}
#header_main {height:140px;}
.is-sticky #header_main {height:120px; margin-top: 0px;}
.c8home .wrapper_contenttop {
   margin-top: -140px; 
   height:140px; 
   padding:0; 
   background-image: linear-gradient(180deg,rgba(255, 255, 255,0.7),rgba(255,255,255,1)); 
}
.c8home .contenttop {padding:46px 0;}
.c8home .maincontent {margin-top: -20px; padding-top:0px; background: rgba(255,255,255,0.8); }
.c8home.scrolled .wrapper_contenttop {background-image: linear-gradient(180deg,rgba(255, 255, 255,0.8),rgba(255,255,255,1)); ; transition: all 0.4s ease;}
.copyright, .copyright a, .footermenu ul li a {
  color: #c9c9c9;
  text-decoration:none;
}

.com-users-login__options {display:none !important;}

/* uikit */
.uk-scope .uk-h1, .uk-scope .uk-h2, .uk-scope .uk-h3, .uk-scope .uk-h4, .uk-scope .uk-h5, .uk-scope .uk-h6, .uk-scope .uk-heading-2xlarge, .uk-scope .uk-heading-3xlarge, .uk-scope .uk-heading-large, .uk-scope .uk-heading-medium, .uk-scope .uk-heading-small, .uk-scope .uk-heading-xlarge, .uk-scope h1, .uk-scope h2, .uk-scope h3, .uk-scope h4, .uk-scope h5, .uk-scope h6 {
font-family: Montserrat, Arial, Verdana, sans-serif !important;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.uk-scope .uk-button-default {
background: rgb(29, 29, 29) !important;
color:#fff !important;
border: none !important;
text-transform:none !important;
}
.uk-scope .uk-overlay-primary {
  background: rgba(234,90,78,.8) !important;
}
.uk-scope.uk-gallery-container {
  z-index: 9999;
  position: absolute;
}
.uk-scope .uk-card-body {
  padding: 30px 30px !important;
}
.uk-scope .uk-card-primary {
  background-color: #909497 !important;
}
.uk-scope .uk-card-primary.uk-card-hover:hover {
  background-color: var(--primary) !important;
}
.uk-scope .uk-card-body h4 {margin-bottom:10px;}
.uk-scope .uk-card-body .uk-margin {
  margin-top: 10px !important;
}
.uk-scope .uk-link, .uk-scope a {
  color: #333 !important;
  text-decoration: none;
  cursor: pointer;
}

h1, h2 {
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/* Forsthaus Kalender */
#frontend-module-bcfj .legend {
  border: none !important;
  clear: both;
  float: left;	
}

/* Profil */
#member-profile legend {float: inherit; margin-bottom:30px;}

/* Files */
.rsfiles-layout .breadcrumb {padding: 10px 0px;}
.rsfiles-layout .breadcrumb .divider {padding-left:6px;}
.rsfiles-layout .icon-arrow-up-3, .rsfiles-layout .icon-arrow-down-3 {padding-left:6px;}


@media only screen and (max-width: 1080px) {
  .logo-image {height: 86px;}
 .scrolled .logo {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .scrolled .menu-toggle {
    margin-top: 12px;
    margin-bottom: 20px;
  }
}
.hornav ul.menu li.nav-item.item-502 {display:none;}
.maincontent {
  padding-right: 80px;
}
@media only screen and (max-width: 959px) {
	#container_main {
	  margin: 0 0 80px 0 !important;
	}
	.maincontent {
	  padding-right: 20px;
	}
	.c8topnav {display:none;}
	.hornav ul.menu li.nav-item.item-502 {display:block;}
	h1, h2 {
	  font-size: 2rem;
	  line-height: 2.4rem;
	}
}
@media only screen and (max-width: 767px) {
  .logo {max-width: 280px;}
  .logo-image {height: 68px;}
}
@media only screen and (max-width: 639px) {
 .logo-image {height: 68px;}
	h1, h2 {
	  font-size: 1.8rem;
	  line-height: 2.2rem;
	}
}
@media only screen and (max-width: 400px) {
 .logo-image {height: 68px;}
	h1, h2 {
	  font-size: 1.6rem;
	  line-height: 2rem;
	}
	h3, h3.uk-h3, .uk-scope .uk-h3, .uk-scope h3 {font-size: 1.2rem !important;}
}