/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-condensed-v25-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-display: swap;
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-condensed-v25-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-display: swap;
}

:root {
--bs-font-sans-serif: "Roboto Condensed",sans-serif;
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
}

body {
    background: #edeff1 radial-gradient(ellipse at top, #f2f3f4 20%, #c7cdd4 100%) 0 0 fixed;
}



a:hover, #sp-sidebar-b li a:hover {
	text-decoration:underline;
	color: #00587d;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {text-decoration:none;}




#sp-main-body .container {padding: 0;}

.layout-boxed .body-innerwrapper {
  box-shadow: none;
  background: transparent;
}


@media (min-width: 500px) {
#sp-logo-search {margin-bottom: 20px;}
.layout-boxed .body-innerwrapper { margin: 20px auto;}
}

@media (min-width: 575px) {
#sp-logo {padding-left: 0;}
}

@media (max-width: 992px) {
.logo-image { height: 70px!important;}
}



/* hauptmenu */
/*wichtig*/
header#sp-header {
  max-width: 1240px !important;
  width: 100% !important;
}

#sp-header {
  box-shadow: none;
  animation: none;
  background: transparent!important;
}
#sp-header .container {
  box-shadow: none;
  animation: none; /*?*/
background-color: #323539;
background-image: none;
color: rgba(255, 255, 255, 0.5);
background-image: -webkit-linear-gradient(top, #3f4246, #2a2d30);
background-image: linear-gradient(to bottom, #3f4246, #2a2d30);
box-shadow: inset 0 -1px 0 rgba(0,0,0,0);
}

#sp-menu > .sp-column, #sp-menu  .sp-megamenu-wrapper {
  height: 100%;
  justify-content: left !important;
}
#sp-menu .menu {
list-style: none;
padding: 0;
margin: 0px;
display: block;
position: relative;
}
#sp-menu .menu li {
display: inline-block;
position: relative;
padding-left: 10px;
margin-top: 10px;
}

.sp-megamenu-parent > li > a {
  display: inline-block; /*block*/ vertical-align: top; /*!*/
  box-sizing: border-box;
  text-decoration: none;
  height: 55px;
  padding: 0 15px;
  line-height: 55px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 15px;
  font-weight: 300;
}
.sp-megamenu-parent > li:last-child > a {
  padding: 0 15px;
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a {
  background-color: #0196d6;
  color: #fff;
  background-origin: border-box;
  background-image: -webkit-linear-gradient(top, #009fe3, #0290cd);
  background-image: linear-gradient(to bottom, #009fe3, #0290cd);
}

.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li > a:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  outline: none;
  position: relative;
  z-index: 1;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
}
.sp-megamenu-parent > li > a[href="#"] {
  cursor: text;
}
/*subtitle*/
body.ltr .sp-megamenu-parent > li .sp-menu-badge.sp-menu-badge-right {
  margin-left: 0;
}
.sp-megamenu-parent > li.subtitle a {line-height:40px;} /*!*/
.sp-megamenu-parent > li .sp-menu-badge {
  position: absolute;
  width: 100%;
  bottom: 5px; /*!*/
  left: 0;
  background: none;
  color: rgba(255, 255, 255, 0.6);
  z-index: 4;
  margin: 0;
  padding: 0;
  font-size: 11px;
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
}
.sp-megamenu-parent > li.active .sp-menu-badge {
    color: #fff;
}

/*menus 3rd-level*/
@media (min-width: 840px){
	.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner,
	body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after {
	display: none; visibility: hidden;
	}
}

/*linke spalte*/
#sp-sidebar-b .sp-module {
	background-color: #fff;
	margin-bottom: 20px;
    padding: 25px;
}
/*submenu*/
#sp-sidebar-b .nav-side .menu {
    margin: 0 -25px;
}
#sp-sidebar-b .menu,
#sp-sidebar-b .menu-child {
  list-style: none;
}
#sp-sidebar-b .menu {padding-left:0;}
#sp-sidebar-b .menu-child {padding-left:2rem;}

.mostread > li:nth-child(n+2) {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid rgba(0,0,0,0.07);
}
#sp-sidebar-b .menu li > a {display: block;}
#sp-sidebar-b .menu > li.active > a {
  background: #009fe3;
  color: #fff;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}


#sp-sidebar-b .nav-side .menu li > a {
  padding: 10px;
  padding-left: 25px;
}
#sp-sidebar-b .nav-side .menu-child li > a {
  padding: 2px;
}

#sp-sidebar-b .menu-child li.active a {color: #009fe3;}


/* mostread */
#sp-sidebar-b .mostread a {
  color: #009fe3;
}



/* */
#sp-main-body {
  padding: 10px 0;
}

/*servicemenu oben + unten*/
#sp-subnav .container, #sp-toolbar .container, #sp-footer .container {
  background-color: #fff;
}
#sp-subnav .menu, #sp-toolbar .menu {
list-style: none;
padding: 0;
margin-top: 5px;
display: block;
position: relative;
}
#sp-subnav .menu li, #sp-toolbar .menu li {
display: inline-block;
position: relative;
padding-left: 10px;
margin-top: 10px;
}
#sp-subnav .menu li:after, #sp-toolbar .menu li:after {
content: "";
line-height: 1rem;
}
#sp-subnav .menu > :nth-child(n+1)::after,
#sp-toolbar .menu > :nth-child(n+1)::after {
  margin-left: 10px;
  border-left: 1px solid rgba(0,0,0,0.2);
}
#sp-subnav .menu li:first-child a:before,
#sp-toolbar .menu li:first-child a:before,
.offcanvas-menu .menu li.item-186 a:before /*home*/{
content:"\f015";
font-family: "Font Awesome 5 Free";
font-weight:900;
padding-right: 5px;
font-size: .8rem;
}
#sp-subnav .menu li a:hover, #sp-toolbar .menu li a:hover {text-decoration:none;}



.menu > .active > * {
  color: #009fe3;
}

/*footer*/
#sp-footer {background:transparent;}
#sp-footer .container-inner {
  padding: 0 0 25px 0;
  border-top: 0;
}

#sp-footer1 {
  text-align: center;
}

/*breadcrumbs*/
.breadcrumb .divider.fas.fa-map-marker-alt {display: none;}
.breadcrumb {
  padding: 1rem 0 0 0;
  background-color: transparent;
  border-radius: 0;
  margin: 0;
}


/*seitenzahlen*/
.pagination-wrapper {
  justify-content: center !important;
  background-color: #fff;
  padding: 1.4rem;
  margin-bottom: 10px;
}
.pagination-wrapper .pagination {
  margin-bottom: 0 !important;
  flex-wrap: wrap;
justify-content: center;
}
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  cursor: text;
  color: #fff;
  text-decoration: none;
}
.page-link:focus {box-shadow:none;}

/*cards*/
.article-list .article,
.article-details,
.weblink-category,
.blog .category-desc,
.sp-module-content-top {
margin-bottom: 20px;
padding: 25px;
border: 0px solid #f5f5f5;
border-radius: 0;
background-color: #fff;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.03);

position: relative;
}


/* startseite*/
.container-fluid.blog-featured.startseite {
  padding: 0;
}

/* date box */
.startseite .article .article-info {
position: absolute;
top: 20px;
left: 20px;
width: 80px;
line-height: 28px;
text-align: center;
border: 0px solid #ccc;
display: inline-block;

padding: 10px;
color:#fff;
background-color: #0196d6;
}
.startseite .articleBody,
.startseite .article-body {
  margin-left: 90px;
}

.blog .article .article-info {
position: absolute;
top: 20px;
left: 20px;
width: 50px;
line-height: 20px;
text-align: center;
border: 0px solid #ccc;
display: inline-block;
padding: 1px;
color:#fff;
background-color: #0196d6;
}
.blog .articleBody, .blog .article-body {
  margin-left: 60px;
}

.blog .article-info > span {
  font-size: .8rem;
}
.startseite .article-info > span {
  font-size: 1rem;
}

/*beitrag*/
.article-details .article-info {
display: inline-block;
padding: 10px;
color: #fff;
background-color: #0196d6;

position: absolute;
top: 20px;
left: 20px;
width: 50px;
line-height: 20px;
text-align: center;
border: 1px solid #ccc;
display: inline-block;
padding: 1px;
color:#fff;
background-color: #0196d6;
}
.article-details .article-header {
  margin-left: 60px;
}

/* no-date - zb unterstuetze uns; ganze subnav */
.blog.no-date .article-body,
.article-details.no-date .article-header {margin:0}



/* inhalte */
.article-details .article-header h1,
.article-header h2 {
font-size: 1.375rem;
line-height: 26px;
font-weight: 300;
text-transform: none;
display: inline-block;
margin-top: 0;
padding-bottom: 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
color: #2a2d31;
}
.article-list .article .article-header h1 a,
.article-list .article .article-header h2 a {
  color: #2a2d31;
}

/*
@media (min-width: 1200px) {
.h2, h2 {
  font-size: 1.3rem;
}
}
*/

.h2, h2 {
  /*font-size: calc(1rem + .9vw);*/
  font-size: 1.3rem;
}

.h3, h3 {
  font-size: 20px;
}

em {
  color: #ac6b66;
}



/*tables*/
td { vertical-align:top; }

/* download table*/
.table-responsive {
/*
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
*/
}
.table-responsive td {
 	padding-top: 10px;
	border-bottom: 1px solid #c7cdd4;
}
.table-responsive td:first-child {padding-right: 5px;}
.table-responsive td p {margin-bottom:5px;}



/* searchbox */
#sp-search {
  padding-right: 0;
  /*padding-left: 0;*/
  margin-top: 10px;
}

.form-control {
	border-radius:0;
    color: #515456;
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  outline: 0;
  border-color: rgba(0, 0, 0, 0.12);
  background-clip: padding-box;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
/* search page */
main .search {
  background: #fff;
  padding: 25px;
}

input[type=radio] {/*margin: 0 5px;*/}
#searchForm select {width:auto; display: inline-block;}

.badge {
  padding: 6px;
  background: #0196d6;
  color: #fff;
	font-size: .9rem;
  border-radius:0;
  background-image: -webkit-linear-gradient(top, #009fe3, #0290cd);
  background-image: linear-gradient(to bottom, #009fe3, #0290cd);
}

/*v2.1.0 helixultimate neu: Featured Tag*/
span.badge.bg-danger.featured-article-badge {
    display: none;
}


.search .search-results dt.result-title {
  margin-top: 30px;
  font-size: 1.3rem;
  font-weight: 400;
}


/* global ? */
.btn-primary, .btn-secondary {
  color: #fff;
  background-color: #0196d6;
  background-image: -webkit-linear-gradient(top, #009fe3, #0290cd);
  background-image: linear-gradient(to bottom, #009fe3, #0290cd);
  border: 1px solid rgba(0, 0, 0, 0.16);
  text-transform:uppercase;
}
.btn-primary:hover, .btn-primary:focus,
.btn-secondary:hover, .btn-secondary:focus {
  background-color: #09a5e8;
  color: #fff;
  background-image: none;
  border: 1px solid rgba(0, 0, 0, 0.16);
}


/*readmore button*/
.readmore {
  -webkit-appearance: none;
margin-top: 10px;
  overflow: visible;
  color: #515456;
  display: inline-block;
  padding: 0 12px;
  vertical-align: middle;
  line-height: 30px;
  min-height: 30px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 2px;
  background: #f5f5f5;
  background-image: none;
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f0f0f0);
  background-image: linear-gradient(to bottom,#f9f9f9,#f0f0f0);
  font-weight: 300;
  text-transform: uppercase;

clear:both;
}
.readmore a:hover, .readmore a:focus {
  background-color: #f7f7f7;
  color: #515456;
  outline: none;
  text-decoration: none;
  border-color: rgba(0,0,0,0.16);
  background-image: none;
  text-decoration:none;
}


/*weblinks*/
.list-hits {
font-weight: 300;
white-space: nowrap;
}


/*
 * Custom article date style
 */
.tm-article {
  /* Socialbuttons offset */
  /* Featured article image offset */
}
.tm-article .tm-article-content {
  position: relative;
}
.tm-article .tm-article-content.tm-article-date-true {
  margin-left: 60px;
}
.tm-article .tm-article-date-true .tm-article-date {
  position: absolute;
  top: 5px;
  left: -60px;
  width: 35px;
  padding: 5px;
  border-radius: 2px;
  background: #0196d6;
  color: #ffffff;
  line-height: 18px;
  text-align: center;
}
.tm-article .tm-article-date-true .tm-article-date .tm-article-date-day {
  display: block;
  font-size: 11px;
}
.tm-article .tm-article-date-true .tm-article-date .tm-article-date-year {
  display: block;
  font-size: 15px;
}
.tm-article .tm-socialbuttons {
  margin-left: 60px;
}
.tm-article .tm-article-featured-image {
  margin: -25px -25px 25px -25px;
}




/*global*/
.right {
text-align: right;
}
.center {
text-align: center;
}
.text-larger {
font-size: 1.2rem; 
}


/*to top*/
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
  background: #323539;
}





/*offcanvas*/
.burger-icon > span {
  background-color: #fff;
}

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
  margin-left: 0;
}
.offcanvas-active .burger-icon > span,
#modal-menu-toggler.active .burger-icon > span {
  background-color: #fff;
}
.offcanvas-menu .offcanvas-inner {
  padding: 20px;
}
.offcanvas-menu {
  background-color: #2a2d30;
  color: #ccc;
  overflow-y: scroll;
}
.offcanvas-menu .logo {
  display: none;
  visibility: hidden;
}
.offcanvas-menu .offcanvas-inner ul.menu > li {
  border-bottom: 1px solid #666;
  padding: 0;
  margin: 0;
  font-weight: 400;
  line-height: 20px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li a,
.offcanvas-menu .offcanvas-inner ul.menu > li span {
  color: #fff;
  font-size:1rem;
  opacity: 1;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a  {
  font-size: 15px;
  padding: 4px 0px;
  line-height: 18px;
  font-weight: 400;
  color: #fff;
display:block;
}
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover {
background: transparent;
color: #fff;
outline: none;
text-decoration:none;
}

.offcanvas-menu .offcanvas-inner ul.menu > li.active > a {background-color: transparent; /*121315*/}

.menu-parent .menu-child {
    display: block !important;
}
.menu-parent .menu-toggler {
    display: none!important;
}

.offcanvas-menu .offcanvas-inner ul.menu > li.active > a,
.offcanvas-menu .offcanvas-inner ul.menu .menu-child li.active > a,
.offcanvas-menu .offcanvas-inner ul.menu li.current-item.active > a {
  color: #009fe3!important;
}
.offcanvas-menu .offcanvas-inner ul.menu li > a:hover,
.offcanvas-menu .offcanvas-inner ul.menu li > a:focus
/*,.offcanvas-menu .offcanvas-inner ul.menu > li.active:hover > a*/ {
  color: #009fe3!important;
}