@charset "utf-8";
/* CSS Document */

img {display:inline-block;}
.featured-article-badge {display:none}

#sp-main-body {
  padding: 50px 0;
}

/* 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 img { transition: height 1s;}
#sp-header.header-sticky img { height:40px;}
#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;}

@media (max-width: 575px) {
#sp-header {height: 60px;}
  }
@media (max-width:1300px) {
.sp-megamenu-wrapper {display:none!important;}
}

.sp-megamenu-parent > li > a {font-size:16px;}

/* offCanvas */
.offcanvas-menu .logo-image, .offcanvas-menu .logo-image-phone {width:200px!important; height:auto!important;}


@media (max-width: 1399px) {
    .sp-megamenu-parent {display:none!important;}
}
@media (min-width: 1400px) {
   #offcanvas-toggler {display:none!important;}
}


/* 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;}


/* 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;}


/* Google Fonts Local */
/* roboto-mono-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-mono-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body{
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-size:16px;	
	}
