/* open-sans-300 - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/open-sans-v35-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-regular - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/open-sans-v35-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-500 - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/open-sans-v35-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600 - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/open-sans-v35-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-700 - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/open-sans-v35-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-800 - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/open-sans-v35-latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
 @font-face {
	font-family: "Font Awesome 5 Brands";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("../fonts/fa-brands-400.eot");
	src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
		url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"),
		url("../fonts/fa-brands-400.ttf") format("truetype"),
		url("../fonts/fa-brands-400.svg#fontawesome") format("svg");
}


body. h1, h2, h3, h4, p, a
{font-family: 'Open Sans', sans-serif;}

body {
	font-family:"Open Sans"!important;
	font-display: swap;
	font-size: 1.05rem;
  	font-weight: normal;
  	line-height: 1.6rem;
}
b, strong {
  font-weight: 600;
}
h1, h2, h3, h4, h5, h6{
  font-family:"Open Sans"!important;
	
}
.h1, h1 {
  font-size: 2.0rem;
}
#sp-main-body {
  padding: 30px 0;
}
#sp-top-bar{padding: 40px 0;background-color:#cdcdcd;color:#999999; }
#sp-header {
   background: #2f578e none repeat scroll 0 0;
	color:#ffffff;
  box-shadow: none;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 99;
}
#sp-header a{color:#ffffff;}
#sp-header a:hover{color:#039eff;}
#sp-footer{background-color:#2f578e;padding:0px 0;}

.sp-page-title {
  background: #cdcdcd00!important;
}

.HGbild1{
   	background-image: url('/images/stories/HG_titel5a_NEU.jpg');
   	background-repeat: no-repeat; 	
   	background-size: 100%;
	padding: 0.8em;
}
.entry-header {
  margin-bottom: -16px;
}
.sp-page-title h2 {
  font-size: 2rem;
  line-height: 1;
}
.sp-module-content .nav.menu {
  display: block;
  background-color: #eee;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  display: inline-block;
  padding: 0 25px;
  line-height: 90px;
  font-size: 1.3rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000;
  margin: 0;
}
.layout-boxed .body-innerwrapper {
  max-width: 100%;
  margin: 0 auto;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.sp-megamenu-parent {
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 99;
  display: block;
  float: left;
	font-size: 1.3rem;
  position: relative;
	 background-color: #2f578e;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  display: inline-block;
  padding: 0 15px;
  line-height: 90px;
  font-size: 1.3rem;
  font-weight: 300; 
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ffffff;
  margin: 0;
  background-color: #2f578e;
}
.sp-megamenu-parent > li.active > a {
  color: #ffffff;
	background-color: #000;
}
#sp-user1, #sp-user2, #sp-user3, #sp-user4, #sp-user5{
   background-color: #eff7ff;
}
#sp-user4{
   list-style-type: disc;
}

/* hyphens */
p{
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
	hyphens: auto;}
.h3 h3{
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
	hyphens: auto;}
.responsive th {
  white-space: normal;
}
@media(min-width:1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  width: 1620px;
}
}
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}
@media only screen and (max-width: 40em) 
	{
		.responsive { display: block; position: relative; width: 100%; }
		.responsive thead { display: block; float: left; }
		.responsive tbody { display: block; width: auto; position: relative; overflow-x: auto; }
		.responsive thead tr { display: block; }
		.responsive th { display: block; }
		.responsive tbody tr { display: inline-block; vertical-align: top; }
		.responsive td { display: block; min-height: 1.25em; }

/* sort out borders */

		.rt th { border-bottom: 0; }
		.rt td { border-left: 0; border-right: 0; border-bottom: 0; }
		.rt tbody tr { border-right: none; }
		.rt th:last-child,
		.rt td:last-child { border-bottom: none; }		
		
 ul {
  word-break: normal;}		
}
.tabelle {
  background: #eff7ff;
  padding: 5px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
	min-height: 100%;
}
.tabelle_1 {
  background: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 100%;
}
.sp-module:first-child {
  margin-top: 0;
  background: none;
  padding: 0px;
}
.sp-module ul > li > a::before {
  font-family: none!important;
  font-weight: 300;
  content: none!important;
  margin-right: 8px;
  color: #2f578e;
}
.sp-module ul > li > a:hover {
  background: #2f578e;
  color: #fff;
}
.sp-module ul > li > a:active {
  background: #2f578e;
  color: #fff;	
}
.sp-module ul > li > a {
  display: block;
  padding: 5px 0;
  line-height: 30px;
  -webkit-transition: 300ms;
  transition: 300ms;
  color: #626262;
  padding-left: 10px;
}

.sp-module .sp-module-title {
  margin: 0 0 20px;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1;
	color:#2f578e;
}

@media (min-width: 992px){
.d-lg-block {
    min-height: 74px!important;
}
	}
@media (min-width:992px) {
.col-lg-6 {
  flex: 0 0 auto;
  width: 50%;
  padding: 0.5% !important;
}
	}
@media (min-width:768px){
.d-md-block {
  display: block !important;
  padding-top: 1%;
}
 
.d-md-block-md {
display: none !important;
}
}
@media (max-width: 480px) {
	h2,h2{font-size:calc(1.125rem + .3vw)!important}
	
.fa, .fas, [class^="icon-"], [class*=" icon-"], .far, .fal, .fad, .fab, .icon-joomla {
  line-height: 1.3!important;
}
.HGbild1 {
  background-image: url('/images/stories/HG_titel5a_NEU_Mobil.jpg');
  background-repeat: no-repeat;
}	
.bild {
  max-width: 25% !important;
  margin-right: 6% !important;
  
}
	.video {
  max-width: 25% !important;
  margin-right: 6% !important;
}
	.sp-page-title {
display: none!important;	
}
	#sp-top-bar {
  padding-top: 15px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
	#sp-header {
  height: 30px!important;
}
	#offcanvas-toggler {
  line-height: 0px!important;
}
	.h1, h1 {
  font-size: 1.4rem;
}
} 
.offcanvas-menu {
  color: #fff;
  visibility: hidden;
  background-color: #d7d7d7;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li {
  border: 0;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
  position: relative;
  border-bottom: 1px solid rgb(255, 255, 255);
  overflow: hidden;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  padding: 10px 20px;
  font-size: 0.9rem;
  text-transform: uppercase;
  font-weight: 300;
  line-height: 28px;
  color: #000 !important;
}
 table {
 	border-collapse: collapse;
 }
 
 td,
 th {
 	padding: 0.1em;
 }
 
 th:first-child {
 	padding-left: .5em;
 }
 
 th:last-child,
 td:last-child {
 	padding-right: .5em;
 }
 
 thead th {
 	border-bottom: medium solid lightblue;
 }
 
 tbody th {
 	font-weight: normal;
 	text-align: left;
 }
 
 td {
 	text-align: left;
 }
 
 td:nth-child(3) {
 	text-align: right;
 }
 
 
 td.paid {
 	color: green;
 	font-weight: normal;
 }
 
 @media screen and (max-width: 42em) {
 	thead {
 		display: none;
 	}
 	tr:first-child {
 		border-top: thin solid #000000;
		display: none;
 	}
 	tr {
		/*border-top: thin solid #000000;
 		padding: .5em 2em 1em;*/
		border-block-end: thin #000;
		border-block-start: thin #000;
 	}
 	table,
 	tbody,
 	tr {
 		display: block;
		width: 100% !important;
 	}
 	tbody th {
 		display: block;
 		font-weight: bold;
 	}
 	th a {
 		font-weight: normal;
 	}
 	td {
 		display: inline-block;
 		min-width: 30%;
 		padding: .2em 2em;
 		text-align: left;
 	}
 	td:nth-child(3) {
 		text-align: left;
 	}
 	th::before {
 		content: var(--colheader1);
 		white-space: normal;
 	}
 	td:nth-child(2)::before {
 		content: var(--colheader2);
 	}
 	td:nth-child(3)::before {
 		content: var(--colheader3);
 	}
 	td:nth-child(4)::before {
 		content: var(--colheader4);
 	}
 	td.paid + td::before {
 		content: var(--colheader5);
 	}
 }
 
 @media screen and (max-width: 33em) {
 	td {
 		display: block;
 	}
 	tr {
 		padding: .5em .5em 1em;
 	}
 }

hr {
  margin: 0px !important;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: .25;
}