body {
  font-family: 'Barlow', sans-serif;
  color: #fff;
}
body.keinlogo .schall {
  display: none;
}
#sp-main-body > .container {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}
.grey, .darkgrey {
  padding: 70px 0 70px 0;  
}
.darkgrey {
  background-color: #1e1e1e;
}
.no-padding {
  padding-left: 0;
}
.col-lg-12.nopadding {
  padding-right: 0px;
  padding-left: 0px;
}
#sp-main-body {
  padding: 0px;
  background-color: #343434;
}
article.item {
  margin-bottom: 0px;
}
.entry-header {
  display: none;
}
.telefonhandy {
  display: none;
}
@media (max-width: 425px) {
  .telefondesktop {
    display: none;
  }
  .telefonhandy {
    display: block;
  }
}
h1, h2, h3, h4 {
  font-family: 'Barlow Condensed', sans-serif;
  color: #e30613;
}
h1 {
  font-weight: 400;
  font-size: 34px;
  line-height: 48px;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}
h2 {
  font-size: 30px;
  line-height: 44px;
  text-transform: uppercase;
  font-weight: 400;
  margin-top: 0;
}
h3 {
  font-size: 25px;
  line-height: 41px;
  text-transform: uppercase;
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 0px;
}
h4 {
  font-size: 20px;
  line-height: 41px;
  text-transform: uppercase;
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 0px;
}
p, ul li, ol li {
  font-size: 17px;
  line-height: 34px;
}
a {
  color: #e30613;
  text-decoration: underline;
}
a:hover {
  color: #e30613;
  text-decoration: underline;
}
.telhandy {
  display: none;
}
@media (max-width: 425px) {
  .teldesktop {
    display: none;
  }
  .telhandy {
    display: block;
  }
}
/*img.produkt {
  -webkit-filter: drop-shadow(1px 1px 0 #E30913)
    drop-shadow(-1px -1px 0 #E30913);
  filter: drop-shadow(1px 1px 0 #E30913) 
    drop-shadow(-1px -1px 0 #E30913);
}*/

/* POP UP */
.popup {
  text-align: center;
  margin: 25px;
}
.popup a:hover {
  color: #fff;
}

/* BUTTON */
p.button.center {
  text-align: center;
}
p.button a {
  background-color: #fff;
  color: #343434;
  text-decoration: none;
  padding: 15px;
}
p.button a:hover {
  background-color: #E30913;
  color: #fff;
  text-decoration: none;
}

/* HEADER */
#sp-header {
  box-shadow: none;
  height: auto;
  padding: 30px 0 40px 0;
}
#sp-header .logo {
  height: auto;
  float: right;
  /*margin: 0 auto;*/
}
/*
body.jobs #sp-header .logo {
  float: none;
}
*/
#sp-header .logo img {
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0,0,0,1.0));
  filter: drop-shadow(5px 5px 5px rgba(0,0,0,1.0));
}
body.filialen-karte #sp-header {
  display: none;
}

/* HEADER-BILDER */
body.headerimage #sp-header {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top left;
  padding: 550px 0 100px 0;
  height: 85vh;
}
body.ueber-uns #sp-header {
  background-image: url(/images/headerbilder/header-brot-2022-2.jpg);
}
body.brot #sp-header {
  background-image: url(/images/headerbilder/header-brot-2022.jpg);
}
body.filialen #sp-header {
  background-image: url(/images/headerbilder/header-filialen-neu-2.jpg);
}
body.karte #sp-header {
  background-image: url(/images/headerbilder/header-filialen-neu-2.jpg);
}
body.wir-baecker #sp-header {
  background-image: url(/images/headerbilder/header-wir-sind-baecker-2.jpg);
}
body.jobs #sp-header {
  background-image: url(/images/headerbilder/header-arbeiten-bei-uns-2.jpg);
}
body.kontakt #sp-header {
  background-image: url(/images/headerbilder/header-kontakt-neu-2.jpg);
}
body.broetchen #sp-header {
  background-image: url(/images/headerbilder/header-broetchen-2022-2.jpg);
}
body.suesses-kaffee #sp-header {
  background-image: url(/images/headerbilder/header-suesses-zum-kaffee-2022-2.jpg);
}
body.suessteilchen #sp-header {
  background-image: url(/images/headerbilder/header-suessteilchen-2022-2.jpg);
}
body.trockenkuchen #sp-header {
  background-image: url(/images/headerbilder/header-trockenkuchen-2022-2.jpg);
  background-position: top;
}
body.kuchen #sp-header {
  background-image: url(/images/headerbilder/header-kuchen-2022-2.jpg);
  background-position: top;
}
body.torten #sp-header {
  background-image: url(/images/headerbilder/header-torte-2022-2.jpg);
  background-position: top;
}


/* NAVIGATION */
#sp-navigation {
  background: #e30613;
  padding: 20px 0 20px 0;
}
.sp-megamenu-parent {
  float: none;
}
.sp-megamenu-parent >li >a {
  font-size: 17px;
  color: #fff;
  line-height: 0px;
  padding: 0 30px 0 0px;
  text-decoration: none;
}
.sp-megamenu-parent >li.active>a, .sp-megamenu-parent >li:hover>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a{
  color: #fff;
  text-decoration: underline;
  background: #e30613;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  padding: 0px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a {
  font-size: 15px;
  background: #e30613;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
}

/* EINLEITUNG */
.einleitung h1 {
  padding: 0 15px 0 15px;
}

/* TEASER */
.container.teaser {
  margin-bottom: 50px;
}
.container.teaser:last-child {
  margin-bottom: 0px;
}
.container.teaser .textrechts {
  padding: 40px 15px 40px 40px;
}
.container.teaser .textlinks {
  padding: 40px 40px 40px 15px;
}
.container.teaser .fakten h2 {
  margin-bottom: 0px;
}
.container.teaser .fakten {
  margin-bottom: 30px;
}
.container.teaser .fakten.last {
  margin-bottom: 0px;
}

/* FILIALEN KARTE */
.jai-map-wrap .cd-dropdown > span, .jai-map-wrap .cd-dropdown ul {
  min-width: 100%;
  width: 100%;
}
.jai-map-wrap .cd-dropdown > span:after {
  background: #e30613;
}
.jai-map-container, .jai-map-container img {
  width: 100%;
}
.webui-popover p {
  margin-bottom: 0px;
  padding: 30px;
}
.webui-popover .webui-popover-content {
  padding: 0;
}
.webui-popover .webui-popover-content>div:first-child {
  width: 100%;
}
.webui-popover-title {
  display: none;
}
.jai-map-wrap .cd-dropdown > span {
  color: #343434;
}
.jai-map-wrap .cd-dropdown ul li span {
  color: #fff;
}
.jai-map-wrap .top-left .cd-dropdown {
  background-color: none;
  border-bottom: 0;
  padding: 0px;
  margin-bottom: 50px;
}
.webui-popover.bottom > .webui-arrow:after, .webui-popover.bottom-right > .webui-arrow:after, .webui-popover.bottom-left > .webui-arrow:after,
.webui-popover.bottom > .webui-arrow, .webui-popover.bottom-right > .webui-arrow, .webui-popover.bottom-left > .webui-arrow {
  border-bottom-color: #000000;
}

/* MAPS */
#fp_googleMapSidebar {
  display: none;
}
#fp_googleMap .infoBox {
  color: #343434;
  font-size: 15px;
  border-radius: 0px;
}
#fp_googleMap .infoBox h4 {
  /*background: #fff;
  padding: 15px;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;*/
  display: none;
}
#fp_googleMap .infoBox .infoboxcontent {
  margin: 15px;
}
#fp_googleMap .infoboxlink {
  border-top: none;
  padding: 15px 0 0 0;
}
#fp_googleMap .infoBox a {
  color: #e30913;
  text-decoration: none;
}
#fp_googleMap .infoBox a:hover {
  color: #343434;
  text-decoration: underline;
}
#fp_googleMap .infoboxlink a {
  color: #e30913;
  text-decoration: none;
  font-size: 13px;
}
#fp_googleMap .infoboxlink a:hover {
  color: #343434;
  text-decoration: underline;
}

/* ACCORDION */
.accordion .accordion-heading.panel-heading, .accordion.panel-group .panel,
.accordion-group, .accordion-group .accordion-heading.panel-heading {
  border-radius: 0px;
}
.accordion-group span, .accordion-group p, .accordion-group ul li, .accordion-group ol li {
  color: #343434;
  font-size: 17px;
}
.accordion, .accordion-group {
  margin-bottom: 5px;
}
.accordion-group a,
.accordion-group a:hover {
  text-decoration: none;
  color: #343434;
}
.accordion-group.active .accordion-heading.panel-heading, .accordion-heading.panel-heading:hover {
  background-color: #d2d2d2;
}
.accordion-inner {
  padding: 30px 15px 30px 15px;
}
.accordion-inner a {
  color: #e30913;
}
.accordion-inner a:hover {
  text-decoration: underline;
}
@media (max-width: 425px) {
  .accordion-inner img {
    margin-bottom: 20px;
  }
}


/* FOOTER */
#sp-footer {
  background: #343434;
  padding: 50px 0 50px 0;
  text-align: left;
  border-top: 2px solid #1e1e1e;
}
#sp-footer p {
  font-size: 15px;
  line-height: 30px;
}
#sp-footer a {
  text-decoration: none;
}
#sp-footer a:hover {
  text-decoration: underline;
}
#sp-footer #sp-footer4 img {
  float: right;
}
#sp-footer #sp-footer2 .handy {
  display: none;
}
@media (max-width: 425px) {
  #sp-footer #sp-footer2 .desktop {
    display: none;
  }
  #sp-footer #sp-footer2 .handy {
    display: block;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, not all, not all {
  #sp-header .sp-default-logo {
    display: block;
  }
}

@media (max-width: 768px) {
  #offcanvas-toggler  {
    float: none;
    line-height: 0px;
    font-size: 30px;
  }
  #offcanvas-toggler >i {
    color: #fff;
  }
  body.headerimage #sp-header {
    padding: 300px 0 100px 0;
  }
  body.jobs #sp-header {
    padding: 100px 0 300px 0;
  }
}
/*@media (max-width: 425px) {
  body.headerimage #sp-header {
    padding: 100px 0 100px 0;
  }
  body.jobs #sp-header {
    padding: 100px 0 100px 0;
  }
}*/

@media (max-width: 1519px) {
  body.headerimage #sp-header {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top left;
    padding: 430px 0 100px 0;
    height: 85vh;
  }
}
@media (max-width: 1440px) {
  body.headerimage #sp-header {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top left;
    padding: 400px 0 100px 0;
    height: 75vh;
  }
}
@media (max-width: 1280px) {
  body.headerimage #sp-header {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top left;
    padding: 270px 0 100px 0;
    height: 85vh;
  }
}


@media (max-width: 1024px) {
  body.headerimage #sp-header {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top left;
  padding: 350px 0 100px 0;
  height: 85vh;
}
  body.ueber-uns #sp-header {
  background-image: url(/images/headerbilder/header-brot-1024.jpg);
  background-position: center center;
  padding: 430px 0 230px 0;
}
  body.brot #sp-header {
  background-image: url(/images/headerbilder/header-brot-1024-2.jpg);
  background-position: center center;
  padding: 430px 0 230px 0;
}
  body.broetchen #sp-header {
  background-image: url(/images/headerbilder/header-broetchen-1024.jpg);
  background-position: center center;
  padding: 430px 0 230px 0;
}
  body.wir-baecker #sp-header {
  background-image: url(/images/headerbilder/header-wir-sind-baecker-1024.jpg);
  background-position: center center;
  padding: 430px 0 230px 0;
}
  body.suesses-kaffee #sp-header {
  background-image: url(/images/headerbilder/header-suesses-zum-kaffee-1024.jpg);
  background-position: center center;
  padding: 430px 0 230px 0;
}
  body.suessteilchen #sp-header {
  background-image: url(/images/headerbilder/header-suessteilchen-1024.jpg);
  background-position: center center;
  padding: 430px 0 230px 0;
}
  body.trockenkuchen #sp-header {
  background-image: url(/images/headerbilder/header-trockenkuchen-1024.jpg);
  background-position: center center;
  padding: 430px 0 230px 0;
}
  body.kuchen #sp-header {
  background-image: url(/images/headerbilder/header-kuchen-1024.jpg);
  background-position: center center;
  padding: 430px 0 230px 0;
}
  body.torten #sp-header {
  background-image: url(/images/headerbilder/header-torte-1024.jpg);
  background-position: center center;
  padding: 430px 0 230px 0;
  }
  body.filialen #sp-header {
  background-image: url(/images/headerbilder/header-filialen-1024.jpg);
  background-position: center center;
  padding: 430px 0 230px 0;
}
  body.jobs #sp-header {
  background-image: url(/images/headerbilder/header-arbeiten-bei-uns-1024.jpg);
  background-position: center center;
  padding: 430px 0 230px 0;
}
  body.kontakt #sp-header {
  background-image: url(/images/headerbilder/header-kontakt-1024.jpg);
  background-position: center center;
  padding: 430px 0 230px 0;
}
}

@media only screen 
   and (min-device-width : 768px) 
   and (max-device-width : 1024px) 
   and (orientation : portrait) {
     body.headerimage #sp-header {
       background-size: cover;
       background-repeat: no-repeat;
       background-position: top left;
       padding: 500px 0 50px 0;
       height: 92vh;
}
  body.ueber-uns #sp-header {
  background-image: url(/images/headerbilder/header-ueber-uns-und-brot-768.jpg);
  padding: 550px 0 0px 0;
}
  body.wir-baecker #sp-header {
  background-image: url(/images/headerbilder/header-wir-sind-baecker-768.jpg);
  padding: 550px 0 0px 0;
}
  body.brot #sp-header {
  background-image: url(/images/headerbilder/header-ueber-uns-und-brot-768-2.jpg);
  padding: 550px 0 0px 0;
}
  body.broetchen #sp-header {
  background-image: url(/images/headerbilder/header-broetchen-768.jpg);
  padding: 550px 0 0px 0;
}
  body.suesses-kaffee #sp-header {
  background-image: url(/images/headerbilder/header-suesses-zum-kaffee-768.jpg);
  padding: 550px 0 0px 0;
}
  body.suessteilchen #sp-header {
  background-image: url(/images/headerbilder/header-suessteilchen-768.jpg);
  padding: 550px 0 0px 0;
}
  body.trockenkuchen #sp-header {
  background-image: url(/images/headerbilder/header-trockenkuchen-768.jpg);
  padding: 550px 0 0px 0;
}
  body.kuchen #sp-header {
  background-image: url(/images/headerbilder/header-kuchen-768.jpg);
  padding: 550px 0 0px 0;
}
  body.torten #sp-header {
  background-image: url(/images/headerbilder/header-torte-768.jpg);
  padding: 550px 0 0px 0;
  }
  body.filialen #sp-header {
  background-image: url(/images/headerbilder/header-filialen-768.jpg);
  padding: 550px 0 0px 0;
}
  body.jobs #sp-header {
  background-image: url(/images/headerbilder/header-arbeiten-bei-uns-768.jpg);
  padding: 550px 0 0px 0;
}
  body.kontakt #sp-header {
  background-image: url(/images/headerbilder/header-kontakt-768.jpg);
  padding: 550px 0 0px 0;
}
}


@media (max-width: 425px) {
  .col-xs-8 {
    width: 100%;
}
  body.headerimage #sp-header {
       background-size: cover;
       background-repeat: no-repeat;
       background-position: top left;
       padding: 300px 0 20px 0;
       height: 100%;
}
  body.ueber-uns #sp-header {
  background-image: url(/images/headerbilder/header-ueber-uns-und-brot-425.jpg);
}
  body.wir-baecker #sp-header {
  background-image: url(/images/headerbilder/header-wir-sind-baecker-425.jpg);
}
  body.brot #sp-header {
  background-image: url(/images/headerbilder/header-ueber-uns-und-brot-425-2.jpg);
}
  body.broetchen #sp-header {
  background-image: url(/images/headerbilder/header-broetchen-425.jpg);
}
  body.suesses-kaffee #sp-header {
  background-image: url(/images/headerbilder/header-suesses-zum-kaffee-425.jpg);
}
  body.suessteilchen #sp-header {
  background-image: url(/images/headerbilder/header-suessteilchen-425.jpg);
}
  body.trockenkuchen #sp-header {
  background-image: url(/images/headerbilder/header-trockenkuchen-425.jpg);
}
  body.kuchen #sp-header {
  background-image: url(/images/headerbilder/header-kuchen-425.jpg);
}
  body.torten #sp-header {
  background-image: url(/images/headerbilder/header-torte-425.jpg);
}
  body.filialen #sp-header {
  background-image: url(/images/headerbilder/header-filialen-425.jpg);
}
  body.jobs #sp-header {
  background-image: url(/images/headerbilder/header-arbeiten-bei-uns-425.jpg);
}
  body.kontakt #sp-header {
  background-image: url(/images/headerbilder/header-kontakt-425.jpg);
}
}