@charset "utf-8";
/* CSS Document */

img {display:inline-block;}
.featured-article-badge {display:none}

.standardsite {padding-top:140px;}
.componentheading {padding-top:40px;}

/* Farben */
.var--grau {rgba(137,137,137,1.0); #898989;}
.var--sw {rgba(17,17,17,1.0); #111111;}


.articleBody {
	width: 100%;
	max-width:1100px; 
	margin: 0 auto;
}

/* Top Bar */
#sp-top-bar {
	padding: 4px 0;
    font-size: 14px;
}

#sp-top-bar a{
	color:#FFF;
	font-size:14px;
}

#sp-top-bar p {
	margin-bottom:0;
}

/* Header */
#sp-header {
    height: 100px;
    left: 0;
    position: fixed;
    top: 27px;
    width: 100%;
    z-index: 99;
    transition: all 0.5s ease;
	background: rgba(255,255,255,0.7);
	background: linear-gradient(0deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.5) 30%, rgba(255,255,255,1) 100%); 
}

#sp-header.header-sticky {
  top: 0px;
  height: 60px;
  background-color: #FFFFFF;
  border-bottom:rgba(137,137,137,1.0) solid 1px;
}

#sp-header img { transition: height 1s;}
#sp-header.header-sticky img { height:36px;}
#sp-header.header-sticky {height: 50px; background:rgba(255,255,255,1.0)!important; }
#sp-header.header-sticky .sp-megamenu-parent > li > a {line-height:50px}
#sp-header.header-sticky  #sp-menu > .sp-column {height: 50px;}
#sp-header.header-sticky .logo {height: 50px; margin-top:0px;}


.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  font-size: 16px;
  text-transform: uppercase;
}

@media (max-width: 575px) {
#sp-header {height: 60px;}
  }
@media (max-width:1300px) {
.sp-megamenu-wrapper {display:none!important;}
}

/* offCanvas */
.offcanvas-menu .logo-image, .offcanvas-menu .logo-image-phone  {width:150px!important; height:auto!important;}


@media (max-width: 1399px) {
    .sp-megamenu-parent {display:none!important;}
}
@media (min-width: 1400px) {
   #offcanvas-toggler {display:none!important;}
}

/* Balbooa */
.ba-field-container i {margin-top: -4px;}

/* Hero 
.com-sppagebuilder #sp-header {
  background: rgba(255,255,255,0);
}
.com-sppagebuilder #sp-header .header-sticky {
  background: rgba(255,255,255,1!important);
}


/* zu verwnden bei "fullsize" Startbild */

.herofullsite #sp-header {background: rgba(255,255,255,0);}
.herofullsite #sp-top-bar {display:none;}
.herofullsite #sp-main-body {margin-top:-100px;}
.herofullsite #sp-header {box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.1);}
.com-sppagebuilder #sp-header .header-sticky {background: rgba(255,255,255,1.0);!important;}

/* Feature Box */
.sppb-addon-feature  img { width:100px; height:auto;}

/* Button */
.btn-default, .sppb-btn-default {
	border-color: rgba(51,51,51,0.2)!important;
	background: rgba(51,51,51,0.2)!important;
	color: #666!important;
}
.btn-default:hover, .sppb-btn-default:hover {
	border-color: rgba(51,51,51,0.25)!important;
	background: rgba(51,51,51,0.25)!important;
	color: #666!important;
}

.btn-primary, .sppb-btn-primary, .m4j_submit {
  border-color: #111!important;
  background-color: #111!important;
  color: #FFF!important;
}
.btn-primary:hover, .sppb-btn-primary:hover, .m4j_submit:hover {
  border-color: #898989!important;
  background-color: #898989!important;
  color: #FFF!important;
}

.btn-success, .sppb-btn-success {
  border-color: #28a745;
  background-color: #28a745;
  color: #FFF!important;
}

.btn-success:hover, .sppb-btn-success:hover {
  border-color: #1e7e34;;
  background-color: #1e7e34;;
  color: #FFF!important;
}


/* Readmoe */
.readmore {margin-top:30px;}

.readmore a,
.readmore a.btn {
  border: none;
  padding: 8px 15px;
  font-size: 14px;
  color: #FFFFFF!important;
  background:#0d8ab9;
  border-radius: 4px;
}

.readmore a:hover,
.readmore a.btn:hover {
  background:#000066;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFF!important;
}

/* Breadcrumb */
.breadcrumb {background-color: #f5f5f5;}
.breadcrumb .float-start {margin-right: 5px;}
.breadcrumb {margin-top: 1rem; }

/* Bottom */
#sp-bottom {
  padding: 40px 0;
  font-size: 14px;
  line-height: 1.6;
}

#sp-bottom .sp-module .sp-module-title {
  font-weight: normal;
  letter-spacing: 0.4px;
  font-size: 20px;
  line-height: 24px;
  color: #FFF;
  margin-bottom: 20px;
}

#sp-footer a, #sp-bottom a {
  color: #FFF;
}

#sp-bottom .sp-module ul > li > a:hover {
    color: #efefef;
}

#sp-bottom .sp-module .active a  {
    color: #ddd!important;
}

/* Footer */
#sp-footer, #sp-bottom {
    background: rgba(137,137,137,1.0);
    color: #FFF;
}

#sp-footer .container-inner {
    padding: 10px 0;
    border-top: 1px solid rgba(137,137,137,1.0);
	font-size:14px;
}

/* Rundes Kontaktbild */
.imgrund { border-radius:100%;}

/* Map */
#sp-map p {margin:0; padding:0; line-height:1.0;}
.map22 {
	width:100%;
	height:355px;
	background:url('../../../images/map_local.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom:15px; 
}

/* Slider Zoom 
.sp-slider .sp-item.active .sp-background{
  animation: zoom 10s; 
}

@keyframes zoom {
  from {
   transform: scale(1);
  }
  to {
  transform: scale(1.5);
  }
}
*/



/* google Local Fonts */
/* orbitron-regular - latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/orbitron-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/orbitron-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/orbitron-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/orbitron-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/orbitron-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/orbitron-v25-latin-regular.svg#Orbitron') format('svg'); /* Legacy iOS */
}

/* orbitron-600 - latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/orbitron-v25-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/orbitron-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/orbitron-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/orbitron-v25-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/orbitron-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/orbitron-v25-latin-600.svg#Orbitron') format('svg'); /* Legacy iOS */
}

/* Headlines */

H1, H2, H3, H4, H5, H6  {color:#898989;}
.page-header H2 {color: #ccc; margin-bottom:20px;}

strong, b {font-weight:bold;}

H1, H2, H3, H4, H5, H6 {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 400;	
	}

H1 {font-size:44px;}
H2 {font-size:28px;}
H3 {font-size:24px;}
H4, H5, H6 {font-size:22px;}

.sp-megamenu-parent > .sp-menu-item a, .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, #sp-header.header-sticky .sp-megamenu-parent > li > a, #sp-header.header-sticky .sp-megamenu-parent > li > span {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 600;	
	}