#sp-section-1 {
	background-color: #f4f4f4;
}
#sp-main-body {
	background-color: #f4f4f4;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.6rem;
	padding-top: 40px;
}
h1 {
	font-size: 26px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 22px;
}

.article-list .article .article-header h1, .article-list .article .article-header h2 {
    font-size: 26px;
    margin: 0 0 1.25rem 0;
}
img {
	display: inherit;
}
.article-list .article, .articles-more {
	clear:both;
}
.float-left {
	float: left;
}
.article-list .article .article-intro-image {
	margin: 0 30px 0 10px !important;
}
/* Header */
#sp-header-topbar {
	margin-top: 20px;
	padding-top: 25px;	
}
#sp-header {
	background: #c8c8c8;
	margin: 20px 0 20px 0;
	height: 40px;
}
#sp-logo1 {
	color: #ffffff;
	text-shadow: 2px 2px 3px #000;
}
#sp-header-topbar .container-inner {
    border-bottom: none;
}

/* Menü */
.sp-megamenu-parent li:hover {
	background-color: #a5cad7;
}
.sp-megamenu-parent li a:hover {
	color: #202020;
}
.sp-megamenu-parent li.active {
	background-color: #dadae0;
}
.sp-megamenu-parent li.active a, .sp-megamenu-parent li a {
	color: #2e2e2e;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    line-height: 40px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #c8c8c8;
}

/* Sidebar */
#sp-sidebar-a .sp-column .sp-module {
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 20px;
	box-shadow: 5px 5px 6px #ccc;
	border-radius: 5px;
}
.sp-module-title {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #777;
	display:block;
}
.box1 {
	background: #a5cad7;
}
.box2 {
	background: #ffffff;
}
.sp-module.box2 {
	border: 1px solid #e0e0e0;
}
.box3 {
	background: #f9e0a0;
}
.box-tp-1 {
	background: #c67d8c;
}
.box-sw-1 {
	background: #acd3a4;
}
#sp-sidebar-a .menu {
	list-style: none;
	line-height: 33px;
}
#sp-sidebar-a ul.menu {
	padding-left: 0px;
}

#sp-sidebar-a .menu li a {
	display: block;	
}
#sp-sidebar-a ul.menu {
	margin: 0 -18px;
}
#sp-sidebar-a ul.menu li a, ul.menu li a:hover{
	padding-left: 18px;
}
#sp-sidebar-a .menu li a:hover {
display: block;
	background-color: rgba(40, 100, 175, 0.5);
	color: #efefef !important;
}
#sp-sidebar-a .menu li.active {
	background-color: rgba(212, 222, 240, 0.5);
}
#offcanvas-toggler {
    height: 46px;
    line-height: 40px;
}

/* Inhalt */
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
}

.sp-module-content-bottom {
	clear: both;
	padding-top: 40px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.sp-module-content-bottom .sp-module {
	margin:0px 20px 0 20px;;
}
.article-details {
	margin-top: 20px;
}
.cont-bottom {
	background: #6fa4d5;
	padding: 10px;
	border-radius: 10px;
}

/* Modul-Icon */
.sp-module h3.fa:before {
	font-family: "Font Awesome 6 Free";
	padding-right:10px;
}
.sp-module h3.fa {
  font-family: inherit !important;
}

/* Boxen unten */
#sp-bottom {
	font-size: 15px;
}
#sp-bottom1, #sp-bottom2, #sp-bottom3, #sp-bottom4 {
	margin-top: 10px;
}
#sp-bottom .sp-column {
	border-radius: 5px;
}
#sp-bottom .sp-module {
	padding: 10px;	
}
#sp-bottom .sp-module .sp-module-title {
    color: #ffffff;
    border-bottom: 1px solid #8b8b8b;
    display: block;
}
.box-bottom2 .sp-module-title{
    color: #000 !important;
 }
.box-bottom1 {
	height: 100%;
	background-color: rgba(27, 66, 119, 0.88);
	color: #ffffff;
}
.box-bottom2 {
	height: 100%;
	background-color: rgba(165, 202, 215, 0.88);
	color: #000;
}
.box-bottom3 {
	height: 100%;
	background-color: rgba(27, 66, 119, 0.88);
	color: #343434;
}

.box-bottom-tp-1 {
	height: 100%;
	background-color: rgba(154, 11, 40, 0.81);
	color: #ffffff;
}
.box-bottom-tp-2 {
	height: 100%;
	background-color: rgba(154, 11, 40, 0.51);
	color: #ffffff;
}
.box-bottom-sw-1 {
	height: 100%;
	background-color: rgba(194, 221, 176, 0.9);
	color: #353535;
}
.box-bottom-sw-2 {
	height: 100%;
	background-color: rgba(144, 198, 133, 0.72);
	color: #353535;
}
.box-bottom-sw-1 .sp-module-title, .box-bottom-sw-2 .sp-module-title{
    color: #000 !important;
 }
 .article-list .article {
    margin-bottom: 5px;
}
/*readmore */
.article-list .article .readmore {
    clear: both;
}
.article .readmore a, a.readon {
	color: #fff !important;
    background-color: #26408f;
    font-size: 15px;
    margin-bottom: 10px;
    padding: 11px 21px 10px;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: none;
    text-shadow: none;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    display: inline-block;
    margin: 20px 0;
}
.article .readmore a:hover, a.readon:hover  {
	color: #c3ebff !important;
    background-color: #245dff;
    
}
 /* Ofcanvas */
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover {  	
   color:#000 ;
   background: #e6e6e6;
}
.menu-with-offcanvas .logo {
	float: left;
}
.menu-with-offcanvas .custom {
	margin-left: 20px;
	padding-left: 30px;
	font-size: x-small;
}

/* Zebra List and Table */
 .zebra { 
 	line-height: 2rem;	
 }
/*ul.zebra > li.odd, table.zebra tbody tr.odd {
	background: url(../images/tools/table_zebra.png) 0 0 repeat; 
}
ul.zebra > li:nth-of-type(odd), table.zebra tbody tr:nth-of-type(odd) {
	background: url(../images/tools/table_zebra.png) 0 0 repeat; 
}*/
ul.zebra > li.odd, table.zebra tbody tr.odd {
	background: #fdfdfd;
}
ul.zebra > li:nth-of-type(odd), table.zebra tbody tr:nth-of-type(odd) {
	background: #fdfdfd;
}
table.zebra caption { 
	color: #999; 
}
.table > :not(:first-child) {
    border-top: 0px solid currentColor;
}
.system-transparent #content table.zebra caption,
.mod-box-transparent table.zebra caption,
.mod-box-color1 table.zebra caption,
.mod-box-color2 table.zebra caption {
	color: #fff; 
}

@media (max-width:575px)
	{
	#sp-header-topbar {
	display:none;
	}
	#sp-header {
		margin-top: 20px;
	}
	table {
		width: 100% !important;
	}
	.article-list .article .article-header h1, .article-list .article .article-header h2, .article-details .article-header h1, .article-details .article-header h2 {
    font-size: 24px;
    margin: 0 0 1.25rem 0;
	}
	.container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	padding-left:0px;
    padding-right: 0px;
	}
}
@media (max-width:800px)
{
	.nspArts, .nspLinksWrap {
    padding: 0 !important;
	}
	.nspArt h4.nspHeader {
    font-size: 20px !important;
	}
}	
@media (max-width:990px)
	{
	#sp-header {
	margin-top: 20px;
		padding-top: 2px;
	}	
}

@media (max-width:1200px)
	{
	#sp-logo .sp-module div.custom {
		margin-top: 10px;
	}
	#sp-header-topbar {
	display:none;
	}
}

@media (min-width:990px) and (max-width:1200px)
	{
	img.logo-image  {
	height: 42px;
	}
	.sp-module .sl-klein {
		display: none;
	}
	#sp-header {
		margin-top: 20px;
		/*height: auto;*/
	}
	#sp-header-topbar {
	display:none;
	}
}