/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 20, 2023 */
@font-face {
    font-family: 'meriendabold';
    src: url('/fonts/merienda/merienda-bold-webfont.eot');
    src: url('/fonts/merienda/merienda-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/merienda/merienda-bold-webfont.woff2') format('woff2'),
         url('/fonts/merienda/merienda-bold-webfont.woff') format('woff'),
         url('/fonts/merienda/merienda-bold-webfont.ttf') format('truetype'),
         url('/fonts/merienda/merienda-bold-webfont.svg#meriendabold') format('svg');
}
@font-face {
    font-family: 'meriendaregular';
    src: url('/fonts/merienda/merienda-regular-webfont.eot');
    src: url('/fonts/merienda/merienda-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/merienda/merienda-regular-webfont.woff2') format('woff2'),
         url('/fonts/merienda/merienda-regular-webfont.woff') format('woff'),
         url('/fonts/merienda/merienda-regular-webfont.ttf') format('truetype'),
         url('/fonts/merienda/merienda-regular-webfont.svg#meriendaregular') format('svg');
}





body{
    font-size: 1.2rem;
    color: #303030;
    
    background-color: #fcde83;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
    font-family: 'meriendaregular';
}
h1, .h1, h1.sppb-title-heading{font-size: 2.3rem; font-weight: bold; margin-bottom: 2rem;}
h2, .h2{font-size: 2.2rem; line-height: 3rem; font-weight: bold; margin-bottom: 1.8rem;}
h3, .h3{font-size: 2.1rem; line-height: 3rem; font-weight: bold; margin-bottom: 1.6rem;}
h4, .h4{font-size: 2.0rem; font-weight: bold; margin-bottom: 1.4rem;}
h5, .h5{font-size: 1.8rem; font-weight: bold; margin-bottom: 1.2rem;}
h6, .h6{font-size: 1.6rem; font-weight: bold; margin-bottom: 1.0rem;}

#sp-page-builder .sppb-section-title h1.sppb-title-heading {
    font-size: 2.75rem; font-weight: bold; margin-bottom: 2rem;
}

p, ul {

}

.sp-megamenu-parent > li > a {
    font-size: 1.3rem;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    font-size: 1.2rem;
}



a {
    color: #009645;
}

#sp-header-topbar .sp-contact-info, #sp-header-topbar .sp-contact-info a{
    color: #009645; 
}

#sp-header-topbar .container-inner {
    border-bottom: none;
}


#sp-header{
    background-color: #009645;
}

.sp-slider .sp-item .sp-background {
    background-position: center;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
.sp-slider-outer-stage{
    height: auto !important;
    margin-top: -2px !important;
    padding-top: 29% !important;
}


.com-sppagebuilder #sp-main-body {
    min-height: 250px;
}


.sp-megamenu-parent > li > a {
    color: #fff;
}
.sp-megamenu-parent > li:hover > a {
    color: #ffee02;
}
.sp-megamenu-parent > li.active > a, 
.sp-megamenu-parent > li.active:hover > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #ffee00cc; 
}

.sp-megamenu-parent .sp-dropdown {
    width: auto !important;
    min-width: 180px;  
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background-color: #009645;  
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    color: #fff;   
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    color: #ffee02;   
}

.burger-icon > span {
    background-color: #fff;
}
.burger-icon:hover > span {
    background-color: #ffee02;
}

.offcanvas-menu {
    background-color: #FCDE83;
}

.offcanvas-menu .offcanvas-inner ul.menu>li {
    border-bottom: solid 1px #252525;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: #009645 !important;
}
.offcanvas-menu .offcanvas-inner ul.menu li:hover a {
    color: #009645;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a{ 
    padding: 15px 0;
    font-size: 20px;
}


.offcanvas-menu .offcanvas-inner ul.menu>li>ul li {
    padding: 10px 0; 
}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    font-size: 1.3rem;    
}
#sppb-addon-1687866051720{
    font-size: 1.1rem;
}



.highlighted {
    font-weight: 500;
}

.offcanvas-menu .offcanvas-inner a {
    color: #7D6F43;
}

.offcanvas-menu .offcanvas-inner a:hover {
    color: #009645;
}

#sp-footer, #sp-bottom {
    background: #2a4536;
    font-size: 16px;
}



.sppb-row{
    justify-content: center;
}


.breadcrumb-item.active {
    color: #4d4d4d;
}






.sppb-section-title, .sppb-addon-title{

}






.wareneinkauf-1 .sppb-row {
  
    background-color: #fbc510;

}
.wareneinkauf-2 {
  
    margin: -65px 0 0 0;
   
}
.wareneinkauf-2 .sppb-column {
    align-items: center;
    
    padding: 40px 10px;
    
    background-color: #009645;

    box-shadow: 0 0 15px #00000025 !important;

    text-align: center;
    
    color: #fff;
    
}
.wareneinkauf-2 .sppb-column .sppb-addon-title{

    font-size: 1.25rem;
    
}


.unser-sortiement-1 .sppb-row {

    background-color: #bcdb6c;

}
.unser-sortiement-1 .sppb-row > div:first-child{

    padding-left: 125px;

}
.unser-sortiement-2 {
  
    margin: -75px 0 0 0;
   
}
.unser-sortiement-2 .sppb-row {

    justify-content: center;

}
.unser-sortiement-2 .sppb-row > div{

    width: calc(100%/5);

}
.unser-sortiement-2 .sppb-column {
    align-items: center;
    
    padding: 40px 10px 25px 10px;
    
    background-color: #fbc510;

    box-shadow: 0 0 15px #00000025 !important;

    text-align: center;
    
    color: #4d4d4d;
    
}
.unser-sortiement-2 .sppb-column .sppb-addon-content a{
   
    display: block;

    font-size: 1.25rem;
    
    color: #4d4d4d;
}





.aktuelles .sppb-column-addons{

    padding: 15px 10px 10px 15px;

    background-color: #fafafa;
    
    box-shadow: 0 0 15px #00000015 !important;    

}








.speasyimagegallery-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}











.schnell_kontakt .flex{
  display: flex;
  
  margin: 0 -15px;
}
.schnell_kontakt .flex > div{
  width: 100%;
  
  padding: 0 15px;
}
.schnell_kontakt .flex > div.left,
.schnell_kontakt .flex > div.right{
  display: flex;
  flex-wrap: wrap;
}
.schnell_kontakt .flex > div.left div{
  width: 100%;
}
.schnell_kontakt .flex > div.left div.name{
  align-self: baseline;
}
.schnell_kontakt .flex > div.left div.tel{
  align-self: center;
}
.schnell_kontakt .flex > div.left div.email{
  align-self: flex-end;
}

.schnell_kontakt .flex > div.right textarea{
  align-self: stretch;
}

.schnell_kontakt input[type="text"],
.schnell_kontakt input[type="tel"],
.schnell_kontakt input[type="email"],
.schnell_kontakt textarea{
    padding: 0.5rem 0.5rem !important;
    
    background-color: #ffffffa0;
    
    border: 1px solid rgba(0, 0, 0, 0.15);
}
.schnell_kontakt input[type="text"]:focus,
.schnell_kontakt input[type="tel"]:focus,
.schnell_kontakt input[type="email"]:focus,
.schnell_kontakt textarea:focus{
    background-color: #fffffff0;
    
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.schnell_kontakt button{
  width: 100%;
  
  padding: 5px;
  
  border: none;
  
  background: #1e9e4b;
  
  color: #fff;
}




/* Styles */
.justifyContentCenter .sppb-row{justify-content: center;}
.justifyContentLeft .sppb-row{justify-content: left;}            
.justifyContentRight .sppb-row{justify-content: right;}


/* datenschutzerklaerung *******************************************************/
.datenschutzerklaerung li{
        
    margin-bottom: 10px; 

}
.datenschutzerklaerung .bold{
        
    font-weight: bold; 

}
.datenschutzerklaerung .title{
        
    margin: 0 0 10px 0; 

}
.datenschutzerklaerung .txt,
.datenschutzerklaerung .txt{
    
        
    font-weight: normal; 

}