@media (max-width: 767px) {
   .sppb-article-info-wrap .h3, h3 {
    font-size: 12px;
    }
    .sppb-article-info-wrap .deint {
    font-size: 10px;
        line-height: 1.2 !important;
    }
    .sppb-article-info-wrap h3 {
    padding-top: 10px !important;
    }
    .sppb-article-introtext {
    padding-top: 0px !important;
}
}






#sppb-addon-2457073d-eb44-427d-9e6a-71f14df11b25 .sppb-addon-articles__pagination {
    padding-top: 50px;
}



.sppb-addon-articles .sppb-addon-article-layout-editorial-content, .sppb-addon-articles .sppb-addon-article-layout-magazine-content, .sppb-addon-articles .sppb-addon-article-layout-masonry-content, .sppb-addon-articles .sppb-addon-article-layout-side-content {
    height: auto !important;
}

.joomla-dialog-media-field dialog {height: 90% !important}

/* Container */
#navbar125 .mod-menu {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    margin: 0;
}

/* List reset */
#navbar125 .mod-menu li {
    list-style: none;
}

/* Links */
#navbar125 .mod-menu li a {
    display: block;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 500;
    text-decoration: none;
    color: #333;
    background: #f4f6f9;
    transition: all 0.25s ease;
}

/* Hover */
#navbar125 .mod-menu li a:hover {
    background: #0E60A4;
    color: #fff;
    transform: translateY(-2px);
}

/* Active */
#navbar125 .mod-menu li.active a,
#navbar125 .mod-menu li.current a {
    background: #0E60A4;
    color: #fff;
    box-shadow: 0 4px 12px rgba(14,96,164,0.3);
}

/* Logout etwas dezenter */
#navbar125 .mod-menu li.item-375 a {
    background: #fff0f0;
    color: #b30000;
}

#navbar125 .mod-menu li.item-375 a:hover {
    background: #b30000;
    color: #fff;
}

.blog .article-list .article  {
    background: #fff;
}



button[aria-controls="attrib-helix_ultimate_blog_options"] {
    display: none !important;
}
.sppb-article-introtext.deint {line-height: 20px;}

#column-id-1801f1d3-8163-45a3-a94a-282764c92450 .sppb-addon-title {text-align: right;
    width: 60%;}


.bildausgabe img {
    rotate: 6deg;
}

.article-details figcaption.caption {
    font-size: 8px;

}

.article-details {
    text-align: center;
    padding:20px;
    background:#fff;
}

.article-details .article-header, .introline {text-transform: uppercase;}
.article-details .article-header {color:#D7E079}

/* Alles außer Desktop */
@media (max-width: 1023px) {
        /* Mobile + Tablet Styles */
        #sp-logo {
            margin-top: 10px !important;
        }

        .logo-image-phone {
            height: 45px !important;
        }

        #sp-header {
                height: 47px;
            }

    #offcanvas-toggler .sppb-img-responsive {
    display: block;
    width: 60px;
    height: auto;
}

#sp-component {
    padding-left: 50px !important;
}



}


.offmancastog {
    color: #a4a7ac;
    font-size: 70px;
}
.offcanvas-menu {
    background-color: #b3b3b3;
    color: #fff;
    text-transform: uppercase;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
     color: #fff;
}

.offcanvas-menu a {
    color: #fff;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: #414141;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: #414141;
}

a {
    color: #1f1f1f;
}
#sp-main-body {
    padding:0px 0;
}
#sp-component {padding:50px 0;padding-bottom: 225px;}

/*
#sp-component,
#sp-right {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
    */
#sp-component {
    padding-right: 50px !important;
    padding-left:70px ;
}


body {
    color: #677280 !important;
    font-weight: 400;
    font-size: 14px !important;}

#sp-right .sp-module {
    margin: 0;
    padding: 0;
}

.sppb-addon-article-layout {width: 100%;}

.sppb-addon-article {text-align: center;}

.sppb-article-introtext {
    font-weight: 400;
        line-height: 20px;
}

.sppb-article-introtext  {padding-top: 20px;}
.sppb-article-info-wrap h3  {padding-top: 20px;}

.sppb-addon-article-layout-masonry-content {margin-bottom: 20px;}


.rechts {background:#f5f1ed}
.gruen,
#sp-component {background:#d7e079}
.layout-boxed .body-innerwrapper {
    box-shadow: none !important;
}

#sp-right {    padding-left: 0;}

/*
.row>* {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
*/

#sp-footer {display:none;}
.iconsoben i {font-size: 40px;}

#sp-logo {    margin-top: 48px;}
.burger-icon>span {
    background-color: rgb(171, 171, 171);
}

#mod-custom123 img {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99999;
}

h1, h3, h4, h6, h3 {
        font-family: "roboto" !important;
    font-weight: 300;
   
}

h2, h5 {
    font-family: "neulis-cursive" !important;
    font-weight: bold !important;
    
}

.sppb-addon-article h3 {text-transform: uppercase;}
.mwall-title {text-transform: uppercase;text-align: center;    padding: 10px 15px 20px 15px !important;}
.mwall-title a {    font-size: 28px !important;    line-height: 34px !important;}
.mwall-desc {font-size:14px;font-weight:400;line-height:20px;padding-top:20px;text-align: center;color:#252525 !important}

@media only screen and (max-width: 478px) {
    .mwall-desc {color:#252525 !important; font-size: 11px !important;line-height: 14px;}
    .mwall-title a {
        font-size: 14px !important;line-height: 16px !important;
    }
}

.article-info {display: none;}

.article-intro-image {padding-bottom: 20px;}