/*

  Förderverein

   leuchtend blau: #0450e0;
   LOGO dunkelblau: #005baa;
   brombeere: #c45e71;
   LOGO dunkelrot: #b21a27;

*/

html{
  background-size: 100%;
}

a{
  color: #005baa;
}
a:hover{
  color: #b21a27;
}
h2,
h3{
  color: #b21a27;
}

hr{
  border-top: 1px solid #005baa;
}

.row{
  margin: 0;
}

.layout-boxed .body-innerwrapper {
  _max-width: 1140px;
  max-width: 1200px;
  margin-top: 50px;
  margin-bottom: 50px;
  box-shadow: 0px 0px 36px #000;
  background: #fcfcfc;
}

.container {
    max-width: 1000px;
}

#sp-top-bar {
    padding: 20px 0;
    background: linear-gradient(to bottom, #868686 0%, #eeeeee 20%, #fcfcfc 50%);
    _blau_background: linear-gradient(to bottom, #1d3b56 0%, #aac2d7 60%, #fcfcfc 100%);
    _auchblau_background: linear-gradient(to bottom, #1b3954 0%, #95b1cb 60%, #fcfcfc 100%);
    _viel_blau_background: linear-gradient(to bottom, #1b3954 0%, #95b1cb 45%, #fcfcfc 90%);
}
#sp-name{
    font-size: 24px;
    color: #b21a27;
    font-weight: bold;
    line-height: 36px;
}

#sp-logo{
  padding-left: 0;
}
#sp-logo .sp-default-logo {
  max-width: 64%;
}

#sp-header {
  box-shadow:none;
  height: auto;
  background: #fcfcfc;
}

#sp-position1{
  padding-top: 70px;
}

#sp-menu{
  _margin-top: -50px;
  border-bottom: 8px solid #005baa;
  padding: 0;
}
.ohne_header #sp-menu {
  border:none;
}
.sp-megamenu-parent{
  float: none;
}
.sp-megamenu-parent > li {
  font-size:16px;
}
.sp-megamenu-parent > li > a {
    /* Menü als Balken */
      _background-color: #005baa; 
      _color: #ffffff;
      _border-right: 1px solid #ffffff;
  padding-top:70px;
  color: #005baa;
  font-size:17px;
line-height: 60px;
}
.sp-megamenu-parent > li.active > a, 
.sp-megamenu-parent > li:hover > a {
    /* Menü als Balken */
      _background-color: #b21a27;
      _color: #ffffff;
  color: #b21a27;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    background: #005baa;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #b21a27;
}
.sp-megamenu-parent > li.sp-menu-item.item-119,
.sp-megamenu-parent > li.sp-menu-item.item-120,
.sp-megamenu-parent > li.sp-menu-item.item-121,
.sp-megamenu-parent > li.sp-menu-item.item-122,
.sp-megamenu-parent > li.sp-menu-item.item-123,
.sp-megamenu-parent > li.sp-menu-item.item-124{
  display: none;
}
.offcanvas-menu{
  background-color: rgba(32, 115, 175, 0.7);
}

#sp-fotos{
    padding-top: 30px;
}

#sp-main-body{
  padding: 20px 0;
}
#sp-main-body .container{
  background: url('/images/Punkt_rechts_rot.png') top 15px right 15px no-repeat;
}

#sp-component{
  padding: 0;
}

.entry-header{
    height: 8px;
    background-color: #005baa;
    width: 90%;
  _margin-left: -15px;
}
.ohne_header .entry-header{
  width:90%;
}


#sp-bottom {
  _heller_background: linear-gradient(to bottom, #fff 0%, #dddddd 100%);
  _background: linear-gradient(to bottom, #fcfcfc 0%, #eeeeee 30%, #868686 100%);
  _background: linear-gradient(to bottom, #fcfcfc 10%, #7facd5 70%, #6286a7 100%);
  background-color: #a3a3a3;
  padding: 20px 0 0 0;
  color: #b21a27;
  font-weight: bold;
  border-bottom: 8px solid #005baa;
}
#sp-bottom .container{
  background: url('/images/Punkte_links_rot.png') top left no-repeat;
}
#sp-bottom2,
#sp-bottom3,
#sp-bottom4{
  _border-top: 8px solid #005baa;
  padding-top: 25px;
}

#sp-footer{
  _heller_background: linear-gradient(to bottom, #dddddd 0%,#aaa 100%);
  _background: linear-gradient(to bottom, #868686 0%,#3c3c3c 100%);
  _blau_background: linear-gradient(to bottom, #005baa 0%,#192735 100%);
  _blau_color: #005baa;
  background-color: #a3a3a3;
  color: #fff;
  font-size: 14px;
}

/* ================ md ============= */
@media only screen and (max-width: 991px), (max-device-width: 991px) {
#sp-menu{
  margin-top: -100px;
}


}

/* ================ sm ============= */
@media only screen and (max-width: 991px), (max-device-width: 991px) {

.layout-boxed .body-innerwrapper {
  margin-top: 80px;
}
#sp-top-bar {
    padding-bottom: 30px;
}
#sp-logo{
  margin-top:-20px;
}
#sp-logo .sp-default-logo {
  max-width: 100%;
  padding-bottom: 10px;
}
#sp-position1{
  padding-top: 0px;
}
#sp-menu{
  margin-top: -50px;
}
.sp-megamenu-parent > li > a {
  padding-top: 0px;
  line-height: 40px;
}
.sp-megamenu-parent > li.sp-menu-item.item-119,
.sp-megamenu-parent > li.sp-menu-item.item-120,
.sp-megamenu-parent > li.sp-menu-item.item-121,
.sp-megamenu-parent > li.sp-menu-item.item-122,
.sp-megamenu-parent > li.sp-menu-item.item-123,
.sp-megamenu-parent > li.sp-menu-item.item-124{
  display: block
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.item-119,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.item-122{
  border-top: 2px solid white;
}
#offcanvas-toggler{
  padding-right: 20px;
}
#sp-bottom1{
  border: none;
}
#sp-bottom2,
#sp-bottom3,
#sp-bottom4{
  _border-top: 8px solid #005baa;
  padding-top: 25px;
}

}
/* oooooooooo zwischendrin - bis 930 px  oooooooooooo  */
@media only screen and (max-width: 930px), (max-device-width: 930px) {
#sp-bottom1{
  border: none;
}
}

/* ================ xs ============= */
@media only screen and (max-width: 767px), (max-device-width: 767px) {

#sp-position1{
  font-size: 20px;
  padding-left: 73px;
  line-height: 26px;
  padding-top: 12%;
}
#offcanvas-toggler {
    line-height: 20px;
}
#sp-menu{
  border:none;
  margin-top: -150px;
}
.entry-header {
    width: 70%;
}
#sp-bottom {
  _background: url('/images/Punkte_links_rot.jpg') 0px 50px no-repeat;
}
#sp-bottom2{
  margin-left: 30%;
}
#sp-bottom3,
#sp-bottom4{
  padding-top:20px;
  padding-left: 50%;
}
#sp-bottom4{
  border: none;
}
#sp-bottom4 .sp-module-content{
  _background-color: #ffffff;
  padding-top: 20px;
}
}

/* ================ xxs ============= */
@media only screen and (max-width: 600px), (max-device-width: 600px) {

#sp-position1 {
  font-size: 16px;
  padding-top: 0px;
  margin-top: 10%;
}
#sp-menu{
  margin-top: -50px;
}
}

/* ================ xxxs ============= */
@media only screen and (max-width: 450px), (max-device-width: 450px) {

#sp-bottom .container{
  background: url('/images/Punkte_links_rot.png') top left no-repeat;
  background-size: 40%;
}
}

/* ================ iPad quer ==========*/
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
.sp-megamenu-parent > li.sp-menu-item.item-119,
.sp-megamenu-parent > li.sp-menu-item.item-120,
.sp-megamenu-parent > li.sp-menu-item.item-121,
.sp-megamenu-parent > li.sp-menu-item.item-122,
.sp-megamenu-parent > li.sp-menu-item.item-123,
.sp-megamenu-parent > li.sp-menu-item.item-124{
  display: none;
}
}