body {
  background-color: #00459a; /* Standardfarbe */
  min-height: 100vh;
}

body.landingpage {
  background-color: #fff;
}


/* lato-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: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/lato-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v24-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/lato-v24-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/lato-v24-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/lato-v24-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/dancing-script-v28-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/dancing-script-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/dancing-script-v28-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/dancing-script-v28-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/dancing-script-v28-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/dancing-script-v28-latin-700.svg#DancingScript') format('svg'); /* Legacy iOS */
}


h2, .h2 {font-family: 'Dancing Script';}

a {
  color: #00459a;
}
a:hover {
  color: #000;
}
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li:hover > a {
  color: #ccdff0;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  background: #00459a;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #ccdff0;
}
#offcanvas-toggler > i {
  color: #fff;
}
#offcanvas-toggler > i:hover {
  color: #ccdff0;
}
.btn-primary,
.sppb-btn-primary {
  border-color: #0faae4;
  background-color: #00459a;
}
.btn-primary:hover,
.sppb-btn-primary:hover {
  border-color: #0d8ab9;
  background-color: #0e9cd1;
}
ul.social-icons > li a:hover {
  color: #00459a;
}
.sp-page-title {
  background: #00459a;
}
.layout-boxed .body-innerwrapper {
  background: #ffffff;
}
.sp-module ul > li > a {
  color: #fff;
}
.sp-module ul > li > a:hover {
  color: #fff;
}
.sp-module .latestnews > div > a {
  color: #fff;
}
.sp-module .latestnews > div > a:hover {
  color: #00459a;
}
.sp-module .tagscloud .tag-name:hover {
  background: #00459a;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
  background: #00459a;
}
.search .btn-toolbar button {
  background: #00459a;
}
.post-format {
  background: #00459a;
}
.voting-symbol span.star.active:before {
  color: #00459a;
}
.sp-rating span.star:hover:before,
.sp-rating span.star:hover ~ span.star:before {
  color: #0e9cd1;
}
.entry-link,
.entry-quote {
  background: #00459a;
}
blockquote {
  border-color: #00459a;
}
.carousel-left:hover,
.carousel-right:hover {
  background: #00459a;
}
#sp-footer {
  background: #00459a;
}
.sp-comingsoon body {
  background-color: #00459a;
}
.pagination > li > a,
.pagination > li > span {
  color: #000000;
}
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #000000;
}
.pagination > .active > a,
.pagination > .active > span {
  border-color: #00459a;
  background-color: #00459a;
}
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  border-color: #00459a;
  background-color: #00459a;
}

@media (max-width:450px){#sp-header .logo a {font-size: 32px;}p.logo-slogan {font-size: 24px;}}
@media (max-width:380px){#sp-header .logo a {font-size: 30px;}p.logo-slogan {font-size: 20px;}}

#sp-main-body {background-color: #fff;}
body.landingpage #sp-main-body {background: #00459a; color: #fff;}
.landingpage h1, .landingpage h2, .landingpage h3, .landingpage a {color: #fff;}
.eb-inst h1, .eb-inst h2, .eb-inst h3 {color: #00459a;}

#sp-slideshow .container {padding: 0; max-width: 100%;}
#sp-title p {margin: 5px 0;}

#sp-header {max-width: 100% !important;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {color: #fff;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus, .offcanvas-menu .offcanvas-inner .sp-module li.active > a{
color: #00459a; background: #fff;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {color: #fff;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {color: #fff;}

.logo-slogan {font-size: 25px; margin-top: 5px; color: #fff;}
.logo a:hover {color: #fff}

#sp-slider img {display: table; text-align: center; width: 100%;}
#sp-slider p {margin: 0;}

#sp-bottom3 table {font-size: 16px;  line-height: 22px; margin: 0 auto;}
#sp-bottom a{ color: #103668;}

.eb-inst {background: rgba(0,93,180,0.7);