@font-face {
  font-family: Roboto;
  src: url(../fonts/RobotoFlex.ttf);
}


body { hyphens: auto; font-size: 1em !important; font-family: Roboto, serif; font-weight: 300; }
b, strong { font-weight: 600; }
a:link, a:hover, a:visited { color: #218043; }
img { display: initial !important; }
i { margin-right: 10px; }

/* Editor */
#editor-xtd-buttons, #com-content-form div button:nth-child(4), #com-content-form div button:nth-child(6) { display: none; }
.mceToolbarRow button { display: inherit !important; }
.btn-primary { color: #fff !important; }

#sp-top-bar, #sp-footer { background: #218043; color: #fff; }
#sp-top-bar a, #sp-footer a { color: #fff; }
a:hover { color: #218043;}
.sp-scroll-up { background: #fff; border: 1px solid #218043; }

#sp-header { background: #ffffffd6; height: 100px; }
#sp-header.header-sticky { box-shadow: 0 0 10px #a8a8a8; }
//#sp-header.header-sticky .sp-megamenu-parent > li > a { color: #fff; }
#sp-header.header-sticky .sp-megamenu-parent > li:hover > a { font-weight: bold; }
.container, .container-sm  { max-width: 100% !important; }
#sp-section-1 .container, .container-sm { padding: 0; }

.breadcrumb { font-size: 80%; background: none; }

.slideshow-desktop { display: none !important; }

.home #sp-component { padding: 0; }
.home #sp-main-body { margin: 20px; padding: 0; }

/*Logo*/
#sp-header .logo { height: 100px; }
.logo-image-phone { height: 70px !important; }
  
/*Menu*/
.sp-megamenu-parent > li:hover > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover, .sp-megamenu-parent > li.active > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a, .offcanvas-menu .offcanvas-inner ul.menu li.active a { color: #218043 !important; }
.sp-menu-item .home img { height: 20px; width: auto; }
.sp-dropdown-inner, .offcanvas-inner { padding: 20px 0 !important; }
.sp-megamenu-wrapper li li.sp-menu-item a, .offcanvas-inner .menu.nav-pills li a, .offcanvas-inner .sp-contact-info, .offcanvas-inner .social-icons, .offcanvas-menu .offcanvas-inner .header-modules { padding-right: 20px !important; padding-left: 20px !important; }
.sp-menu-separator, .menu-divider {background: #eaeaea; width: 100%; padding-left: 20px !important; }

/* Usermenu */
//#sp-top1 { width: 100%; background: #c3c3c3; color: #000; position: fixed; top: 0; left: 0; z-index: 999; }
.sp-module.login { margin-top: 20px; border-radius: 5px 5px 0 0; }
.sp-module.usermenu { border-radius: 0 0 5px 5px; }
.sp-module.login, .sp-module.usermenu { padding: 5px 20px; background: #ffffffd6; }
ul.menu-user { margin-top: 30px; padding-left: 0; }
.menu-user li { display: inline; margin-right: 20px; }
.menu-user li a { color: #218043 !important; font-weight: bold; }

/* Newsmenu */
ul.menu-news li { display: block; padding: 5px 15px; }
ul.menu-news li.current { background-color: #218043; }
ul.menu-news li.current a { color: #fff; }
ul.menu-news { padding: 0; border: 1px solid #218043; border-radius: 5px; text-transform: uppercase; display: block; } 

.home .article-intro-image img { object-fit: cover; height: 300px; width: 100%; }  
.news .article-intro-image img { object-fit: cover; height: 400px; width: 100%; }   
.bloghome, .home .sp-module.events { border-radius: 5px; } 
.bloghome .row { margin: 0; }
.bloghome .col-lg-4 { border-bottom: 1px solid #252525; margin-bottom: 30px; }
.bloghome .col-lg-4, .home .sp-module.events { background: #fff; margin-bottom: 30px; }
.article-list .article { border: none; }
.home .article-list .article { padding: 20px 0; }
.article-body { margin: 0 -20px; }
.article-details .article-full-image img { width: 100%; object-fit: cover; height: 100%; max-height: 600px; }
.heimatverein div[itemprop="articleBody"] img { width: 100%; margin: 0; }
.heimatverein img.logo {width: 150px !important; height: auto; }

#sp-footer .container-inner { border: none !important; }
#sp-footer #sp-footer1 { text-align: center; }
#sp-footer .col-lg-3 { margin-bottom: 30px; }
#sp-footer .sp-module-title { text-transform: uppercase; font-size: 1.3rem; margin-bottom: 15px; }
#sp-footer ul.menu li { display: block; }
#sp-bottom { padding: 0; margin:0; box-shadow: 0 0 10px #3d4246; background: #ffffffd6 !important; }
img.footer-logo { display: inline-block; height: 50px; width: auto; margin: 0 15px; }
#sp-footer iframe { border-radius: 5px; }

/*FlipBook*/
.df-popup-thumb { width: 250px; }
/*Events*/
.sp-module.events { border: none !important; padding: 0 !important; }
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title { padding-bottom: 0; font-weight: 500; border-bottom: none; }
.mod-dpcalendar-upcoming-icon .dp-link { font-weight: 500; }
.event-title { font-weight: 500; color: #218043; }

.sp-module.shortlink { padding: 10px 15px !important; text-transform: inherit; background: #218043; border-radius: 5px !important; box-shadow: 0 0 10px #7d7d7d; }
.sp-module.shortlink p { margin-bottom: 0 !important; }
.sp-module.shortlink a { color: #fff; }

/* Suche */
.sp-module.search-mobile { margin: 25px 0px; }
.sp-module.search-desktop { display: none; }
.searchintro .badge { --bs-badge-font-size: 100%; --bs-badge-color: #252525; }

/*Forms*/
.nui.form .field > label, .nui.form .fields > label { font-weight: 500 !important; }
.nui.form .field input[type="date"], .nui.form .field input[type="datetime-local"], .nui.form .field input[type="email"], .nui.form .field input[type="month"], .nui.form .field input[type="number"], .nui.form .field input[type="password"], .nui.form .field input[type="text"], .nui.form .field input[type="time"], .nui.form .field input[type="week"], .nui.form .field textarea, input.check-selector { border-width: calc(var(--bw) * 1) !important; }
.nui.checkbox > label::before { border: calc(var(--bw) * 1) solid hsl(var(--h),var(--s),var(--lbo)) !important; } 
button#submit { background: #218043; color: #fff; }
button#submit svg.icon { background-color: #ffffff29; }

dialog { max-width: 1000px !important; border: none; box-shadow: 0 0 10px #929292; height: 100% !important; max-height: 785px; }
dialog  .buttons-holder { display: none; }

@media (min-width: 600px) {
    .heimatverein div[itemprop="articleBody"] img { margin: 0 15px 15px 15px; }  
    .heimatverein .sigplus-gallery img { margin: 0; }    
} 

@media (min-width: 992px) {
    .slideshow-desktop, .search-desktop { display: block !important; }
    .slideshow-mobile, .search-mobile { display: none !important; }   
  //  .home #sp-banner { margin-top: 100px; } 
    #sp-section-1 {  height: 0; }
    .home #sp-main-body { margin: 0; padding: 100px 0; }
    .heimatverein #sp-main-body { padding: 0; }  
    .home #sp-component { padding: auto; }
    .sp-module.events { border: 1px solid #f3f3f3 !important; padding: 30px !important; }
    .container, .container-sm  { max-width: 960px !important; }    
    .bloghome .col-lg-4, .home .sp-module.events { background: #ffffffd6; border-radius: 5px !important; box-shadow: 0 0 10px #7d7d7d; margin-bottom: 0; }
    .bloghome .col-lg-4 { margin: 0 30px 30px 0; flex: 30%; padding-top: calc(var(--bs-gutter-x) * .5)}
    .article-list .article { padding: 20px !important; }
    .home .article-intro-image img { height: 180px; }    
    .news .article-intro-image img { height: 250px; } 
    ul.menu-news, ul.menu-news li { display: inline-block; }
    #sp-footer .col-lg-3 { margin-bottom: 0; }    
}
@media (min-width: 1200px) {
    .container, .container-sm  { max-width: 1400px !important; }
}