@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Yanone+Kaffeesatz:wght@200..700&display=swap');

body {
    font-family: 'Roboto', sans-serif;
 	font-style: normal;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #111;
}

/* HEADINGS */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 500;
    line-height: 1.2;
	color: #666666;
}

.h1, h1 {font-size: 1.5rem;} 	/* 1.625 = 24px */
.h2, h2 {font-size: 1.375rem;} 	/* 1.375 = 22px */
.h3, h3 {font-size: 1.25rem;} 	/* 1.25 = 20px */
.h4, h4 {font-size: 1.125rem;} 	/* 1.125 = 18px */
.h5, h5 {font-size: 1.125rem;} 	/* 1.0 rem = 16px */
.h6, h6 {font-size: 0.875rem; line-height: 1.4;} 	/* 0.875 = 14px */

a:hover, a:focus, a:active {color: #1F4F0F;}
a, a:hover, a:focus, a:active {text-decoration: none;}
a {color: #407436;}

table {
  width: 100%;
  margin: 20px auto;
  table-layout: auto;
}

.fixed {
  table-layout: fixed;
}

table, td, th {
  border-collapse: collapse;
}

th, td {
  padding: 10px;
  border: solid #999 1px;
  text-align: left;
}

/* MENU */

.sp-megamenu-parent>li>a {
    font-family: 'Yanone Kaffeesatz', sans-serif;
	color: #fff;
	font-size: 20px;
	background: #1F4F0F;
    font-weight: normal;
	line-height: 50px;
	margin: 0 5px;
	border-radius: 5px;
}

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {color: #fff; background: #407436;}
.sp-megamenu-parent>li:hover>a {color: #ffffff; background: #407436;}
.sp-megamenu-parent>li:last-child>a {padding: 0px 15px 0px 15px;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {font-size: 16px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {color: #407436;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {color: #407436;}

/* TOP */

#sp-top-bar {background: #eee; color: #555; padding: 4px 0;}
#sp-top-bar a {color: #407436;}
#sp-main-body {padding: 30px 0;}
.awesomplete > ul {z-index: 9999 !important;}

/* FOOTER */

#sp-footer, #sp-bottom {background: #1F4F0F; color: #fff;}
#sp-footer { font-size: 14px; padding: 0;}

/* sub menu rechts */

#sp-left .sp-module, #sp-right .sp-module {
    margin-bottom: 30px;
    border: 1px solid #eee;
    padding: 20px 20px 10px 20px;
    border-radius: 0px;
    margin-top: 0;
    background: #fcfcfc;
	box-shadow: 1px 1px 12px 1px #e8e8e8
}

#sp-right .sp-module-content li.active>a {color: #407436; background: #fff; border-left: 3px solid #407436; }
#sp-right .sp-module-content>ul>li ul>li {padding-left: 20px;}
#sp-right .sp-module ul>li>a {display: block; padding: 5px 5px 5px 10px; line-height: 25px; font-size: 0.875rem;}
#sp-right .sp-module ul>li {border-bottom: 1px solid #ddd;}
#sp-right .sp-module ul>li:first-child {border-top: 0px solid #ddd;}
.sp-module ul>li>a:hover {color: #407436;}

.cat-children {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}

.cat-children h3 {margin-bottom: 4px;}
.btn-primary, .sppb-btn-primary {
    border-color: #1F4F0F;
    background-color: #1F4F0F;
}

.form-control {padding: 0.25rem 0.5rem;}

.sigplus-gallery>ul>li {margin: 5px;}