a{
    color: #fff;
}
a:hover, a:focus, a:active {
    color: #e10714;
}


body{
    background-color: #1a1a18;

    color: #f5f5f5;
}

.sppb-addon-single-image-container, .sppb-addon-single-image-container img{
    width: 100%;
}

#sp-top-bar {
    position: relative;
    z-index: 2;
    background: #ffffff25;
    backdrop-filter: blur(5px);
    color: #aaaaaa;
}

#sp-header {
    background: #ffffff25;
    backdrop-filter: blur(5px);
}
#sp-header.header-sticky {
    backdrop-filter: blur(5px);
}


sp-header, #sp-header .logo {
    height: 80px;
}


.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
    font-size: 15px;
    color: #f5f5f5;
    text-shadow: 0px 0px 5px #00000094;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #1a1a18;
    border-bottom: solid 5px #e3000f;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    color: #f5f5f5;
}
.burger-icon > span {
    background-color: #f5f5f5;
}
#sp-menu .sp-module ul > li > a {
    color: #fff;
}
#sp-menu .sp-module ul > li > a:hover {
    color: #ec430f;
}


.offcanvas-menu .menu-child > li{
    padding: 4px 0;
    border-bottom: solid thin #ccc;    
}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #151515;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: #b3000c;
}

#sp-header #feuerwehr_thw_logo p{
    margin: 0;
}

@media ( max-width: 991px ){
    #sp-header, #sp-header .logo {
        height: auto;
    }
    #feuerwehr_thw_logo .sppb-row{
        flex-wrap: nowrap;
    }
}

@media ( max-width: 600px ){
    .modul_feuerwehr_thw_logo{
        display: none;
    }
}

section#sp-slider {
    margin-top: -80px;
    border-bottom: solid 8px #e3000f;
}
#sp-slider img{
    width: 100%;
}

section#sp-title{
    margin: -10px 0 0 0;
    
    background: #e3000f;
    background: rgba(226,18,21,1);
    background: -moz-linear-gradient(45deg, rgba(226,18,21,1) 0%, rgba(175,23,15,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(226,18,21,1)), color-stop(100%, rgba(175,23,15,1)));
    background: -webkit-linear-gradient(45deg, rgba(226,18,21,1) 0%, rgba(175,23,15,1) 100%);
    background: -o-linear-gradient(45deg, rgba(226,18,21,1) 0%, rgba(175,23,15,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(226,18,21,1) 0%, rgba(175,23,15,1) 100%);
    background: linear-gradient(45deg, rgba(226,18,21,1) 0%, rgba(175,23,15,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e21215', endColorstr='#af170f', GradientType=1 );
    
    text-align: center;
}
.sp-page-title{
    background: transparent !important;
}
.sp-page-title-heading{
    font-size: 2.5rem !important;
    text-transform: uppercase;
}

@media ( max-width: 600px ){
    .sp-page-title-heading {
        font-size: 2.0rem !important;
        text-transform: uppercase;
    }
}

#sp-main-body{
    background-image: url(../images/hg-feuer-03.png);
    background-repeat: no-repeat;
    background-position: top left;   
}

.hg_red{
    background-color: #bd000c;

    color: #f5f5f5;
}



.fluid.img_left .sppb-row-column:last-child .sppb-addon-title{
    width: 100%;
    
    padding: 10px 100px 12px 45px;
    margin: 0 0 20px 0;
    
    background: rgba(226,18,21,1);
    background: -moz-linear-gradient(45deg, rgba(226,18,21,1) 0%, rgba(175,23,15,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(226,18,21,1)), color-stop(100%, rgba(175,23,15,1)));
    background: -webkit-linear-gradient(45deg, rgba(226,18,21,1) 0%, rgba(175,23,15,1) 100%);
    background: -o-linear-gradient(45deg, rgba(226,18,21,1) 0%, rgba(175,23,15,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(226,18,21,1) 0%, rgba(175,23,15,1) 100%);
    background: linear-gradient(45deg, rgba(226,18,21,1) 0%, rgba(175,23,15,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e21215', endColorstr='#af170f', GradientType=1 );
    
    text-transform: uppercase;
    
    border-radius: 8px 0px 0px 8px;
}
.fluid.img_left .sppb-row-column:last-child .sppb-addon-content{
    padding: 0 100px 0 45px;
}
.fluid.img_left .sppb-row-column:first-child img{
    border-radius: 0px 8px 8px 0px !important;
}


.fluid.img_right .sppb-row-column:first-child .sppb-addon-title{
    padding: 10px 45px 12px 100px;
    margin: 0 0 20px 0;
    
    background: rgba(226,18,21,1);
background: -moz-linear-gradient(45deg, rgba(226,18,21,1) 0%, rgba(175,23,15,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(226,18,21,1)), color-stop(100%, rgba(175,23,15,1)));
background: -webkit-linear-gradient(45deg, rgba(226,18,21,1) 0%, rgba(175,23,15,1) 100%);
background: -o-linear-gradient(45deg, rgba(226,18,21,1) 0%, rgba(175,23,15,1) 100%);
background: -ms-linear-gradient(45deg, rgba(226,18,21,1) 0%, rgba(175,23,15,1) 100%);
background: linear-gradient(45deg, rgba(226,18,21,1) 0%, rgba(175,23,15,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e21215', endColorstr='#af170f', GradientType=1 );
    
    text-transform: uppercase;
    
    border-radius: 0px 8px 8px 0px;
}
.fluid.img_right .sppb-row-column:first-child .sppb-addon-content{
    padding: 0 45px 0 100px;
}
.fluid.img_right .sppb-row-column:last-child img{
    border-radius: 8px 0px 0px 8px !important;
}


@media ( max-width: 600px ){
    
    .fluid.img_right .sppb-row{
        flex-direction: column-reverse;
    }
    .fluid.img_right .sppb-row-column:first-child .sppb-addon-title {
        padding: 10px 45px 12px 45px;
    }
    .fluid.img_right .sppb-row-column:first-child .sppb-addon-content {
        padding: 0 45px 0 45px;
    }
    
}

.border_top_bottom{
    border-top: solid 8px #e3000f;
    border-bottom: solid 8px #e3000f;
}


.sppb-addon-feature.middle .sppb-media{
    display: flex;
    align-items: center;
}
.sppb-addon-feature.middle .sppb-media .sppb-addon-text *{
    margin: 0;
}



.sppb-sp-slider-button .sp-slider-btn-text {
    background: #e3000f;
}
.txtShadow{
    text-shadow: 1px 1px 4px RGBA(0, 0, 0, 0.5);
}



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

.kontaktformular .inner .row{
    margin-bottom: 15px;
}

.kontaktformular .inner .row > div{
    margin-bottom: 15px;
}

.msg_err{
    color: #da1314;
    font-style: italic;
}