.astroid-offcanvas {width: 320px;} .astroid-offcanvas .dropdown-menus {width: 320px !important;}.st-effect-3.astroid-offcanvas-open .astroid-content{-webkit-transform:translate3d(320px, 0, 0);transform:translate3d(320px, 0, 0);}.st-effect-3.astroid-offcanvas-open .st-effect-3.astroid-offcanvas{-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0);}.st-effect-3.astroid-offcanvas{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}.st-effect-3.astroid-offcanvas-open .st-effect-3.astroid-offcanvas{visibility:visible;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}.st-effect-3.astroid-offcanvas::after{display: none;}.offcanvasDirRight .st-effect-3.astroid-offcanvas-open .astroid-content {-webkit-transform: translate3d(-320px, 0, 0);transform: translate3d(-320px, 0, 0);}.offcanvasDirRight .st-effect-3.astroid-offcanvas {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}#hs-1529472563843{padding-right:0px}#mls-1h205i4hz{background-color:rgb(239, 45, 43);}#ac-1528971561366{margin-left:50px}#ac-1528971561366{margin-left:50px}#fs-1528971627712{background-color:rgb(44, 46, 54);color:rgb(255, 255, 255);}#fs-1528971627712 a{color:rgb(255, 255, 255);}#fs-1528971627712 a:hover{color:rgb(255, 51, 102);}body, .body{font-weight:500;text-transform:none;font-size:1em;letter-spacing:0em;line-height:1.7em;font-family:Source Sans Pro, Arial, Helvetica, sans-serif;}h1, .h1{font-weight:500;text-transform:none;font-size:3.5em;letter-spacing:0em;line-height:1.2em;font-family:Source Sans Pro, Arial, Helvetica, sans-serif;}h2, .h2{font-weight:400;text-transform:none;font-size:2.5em;letter-spacing:0em;line-height:1em;font-family:Source Sans Pro, Arial, Helvetica, sans-serif;}h3, .h3{font-weight:400;text-transform:none;font-size:1.5em;letter-spacing:0em;line-height:1em;font-family:Source Sans Pro, Arial, Helvetica, sans-serif;}h4, .h4{font-weight:500;text-transform:none;font-size:0em;letter-spacing:0em;line-height:0em;font-family:Source Sans Pro, Arial, Helvetica, sans-serif;}h5, .h5{font-weight:500;text-transform:none;font-size:0em;letter-spacing:0em;line-height:0em;font-family:Source Sans Pro, Arial, Helvetica, sans-serif;}h6, .h6{font-weight:500;text-transform:none;font-size:0em;letter-spacing:0em;line-height:0em;font-family:Source Sans Pro, Arial, Helvetica, sans-serif;}.astroid-nav > li > a, .astroid-sidebar-menu > li > a{font-weight:400;text-transform:none;font-size:1em;letter-spacing:0em;line-height:1.7em;font-family:Source Sans Pro, Arial, Helvetica, sans-serif;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu{font-weight:400;text-transform:none;font-size:1em;letter-spacing:0em;line-height:2em;font-family:Source Sans Pro, Arial, Helvetica, sans-serif;}body{background-color:rgb(255, 255, 255);color:rgb(44, 46, 54);}body a{color:rgb(196, 0, 0);}body a:hover{color:rgb(239, 45, 43);}header{color:rgb(44, 46, 54);}.astroid-header-section, .astroid-sidebar-header{background-color:rgb(255, 255, 255);}.astroid-logo-text .site-title{color:rgb(239, 45, 43);}.astroid-logo-text .site-tagline{color:rgb(44, 46, 54);}#astroid-sticky-header{background-color:rgb(255, 255, 255);}#astroid-sticky-header .astroid-nav .nav-link{color:rgb(44, 46, 54);}#astroid-sticky-header .astroid-nav .nav-link:hover{color:rgb(239, 45, 43);}#astroid-sticky-header .astroid-nav .nav-link:active, #astroid-sticky-header .astroid-nav .nav-link.active{color:rgb(239, 45, 43);}.astroid-nav .nav-link, .astroid-sidebar-menu .nav-link{color:rgb(44, 46, 54);}.astroid-nav .nav-link:hover, .astroid-sidebar-menu .nav-link:hover{color:rgb(239, 45, 43);}.astroid-nav .nav-link:focus, .astroid-sidebar-menu .nav-link:focus{color:rgb(239, 45, 43);}.astroid-nav .nav-link:active, .astroid-nav .nav-link.active, .astroid-sidebar-menu .nav-link:active, .astroid-sidebar-menu .nav-link.active{color:rgb(239, 45, 43);}.megamenu-container{background-color:rgb(255, 255, 255);}.megamenu-container .nav-submenu .nav-submenu{background-color:rgb(255, 255, 255);}.has-megamenu.open .arrow{border-bottom-color:rgb(255, 255, 255);}.megamenu-container li.nav-item-submenu > a{color:rgb(0, 0, 0);}.megamenu-container li.nav-item-submenu > a:hover{color:rgb(255, 255, 255);background-color:rgb(239, 45, 43);}.megamenu-container li.nav-item-submenu > a:active, .megamenu-container li.nav-item-submenu > a.active{color:rgb(255, 255, 255);background-color:rgb(239, 45, 43);}.astroid-offcanvas, .astroid-offcanvas .burger-menu-button, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{ background-color: rgb(255, 255, 255) !important;}.astroid-offcanvas { color: rgb(0, 0, 0) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a, .astroid-offcanvas .menu-indicator{ color: rgb(0, 0, 0) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-offcanvas .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{ color: rgb(239, 45, 43) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active { background-color: rgb(255, 255, 255) !important;}.header-offcanvas-trigger.burger-menu-button .inner, .header-offcanvas-trigger.burger-menu-button .inner::before, .header-offcanvas-trigger.burger-menu-button .inner::after{background-color: rgb(255, 255, 255);}.astroid-offcanvas .burger-menu-button .inner, .astroid-offcanvas .burger-menu-button .inner::before, .astroid-offcanvas .burger-menu-button .inner::after{background-color: rgb(0, 0, 0);}.astroid-mobilemenu, .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{ background-color: rgb(255, 255, 255) !important;}.astroid-mobilemenu { color: rgb(0, 0, 0) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a, .astroid-mobilemenu .menu-indicator{ color: rgb(0, 0, 0) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{ color: rgb(239, 45, 43) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active { background-color: rgb(255, 255, 255) !important;}.header-mobilemenu-trigger.burger-menu-button .inner, .header-mobilemenu-trigger.burger-menu-button .inner::before, .header-mobilemenu-trigger.burger-menu-button .inner::after{background-color: rgb(0, 0, 0);}.astroid-mobilemenu-open .burger-menu-button .inner, .astroid-mobilemenu-open .burger-menu-button .inner::before, .astroid-mobilemenu-open .burger-menu-button .inner::after{background-color: rgb(0, 0, 0);}.astroid-contact-info i[class*="fa-"]{color:rgb(255, 255, 255);}/* font */
@font-face {
    font-family: "FontAwesome";
    src: url("fonts/fontawesome-webfont.woff2");
}

/* General */
.eiko_last_table span
{
    float: left;
    min-height: 1px;
    margin-left: 30px;
} 

/* Einsatzkomponenten */

.categories-list > div,
.contact-category li,
.eiko-card {
    padding: 20px;
    margin: 50px;
    box-shadow: 0px 0px 8px 2px grey;
    border-radius: 5px;
    display: grid;
    background-color: rgba(255,255,255,0.7);
}


.eiko-date {
    font-size: 15px;
}

.eiko-title {
    font-size: 24px;
    padding: 1em 0em;
    -moz-hyphens: auto;
    -epub-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; 
}

.eiko-img {
    justify-self: end;
    align-self: flex-end;
}


.eiko-img img {
    display: block;
}

.eiko-img-orig::after {
    font-size: 12px;
    content: 'Einsatzbild';
}

.eiko-img-cat::after {
    font-size: 12px;
    content: 'Symbolbild';
}

.eiko-readMore a {
    float: right;
}


/* responsive design by checking the width */

/* mobile */
.eiko-img {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 9;
}

.eiko-header {
    grid-row-start: 3;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: 9;
}

.eiko-short {
    grid-row-start: 4;
    grid-row-end: 7;
    grid-column-start: 1;
    grid-column-end: 9;
}

.eiko-readMore{
    grid-row-start: 7;
    grid-row-end: 8;
    grid-column-start: 6;
    grid-column-end: 9;
}

.eiko-img img {
    /* max-height: 200px;
    max-width: 200px; */
    object-fit: fill;
}

/* wide */
@media only screen and (min-width: 787px) {
    .eiko-header {
        grid-row-start: 1;
        grid-row-end: 2;
        grid-column-start: 1;
        grid-column-end: 6;
    }
    .eiko-img {
        grid-row-start: 3;
        grid-row-end: 7;
        grid-column-start: 5;
        grid-column-end: 6;
    }

    .eiko-short {
        grid-row-start: 3;
        grid-row-end: 6;
        grid-column-start: 1;
        grid-column-end: 5;
    }

    .eiko-readMore{
        grid-row-start: 8;
        grid-row-end: 9;
        grid-column-start: 5;
        grid-column-end: 6;
    }

    .eiko-img img {
    max-height: 200px;
    max-width: 200px;
    }
}
/* Einsatzkomponente Organisation */

.organisation-name {
    font-size: 24px;
}

.fahrzeug-card {
    display: inline-block;
    background-color: rgba(255,255,255,0.7);
    box-shadow: 0px 0px 8px 2px grey;
    border-radius: 5px;
    padding: 15px;
    margin: 20px;
}

.fahrzeug-img img {
    border-radius: 5px;
}

/* Eiko - Einsatzbericht */

.eiko_image_fahrzeugaufgebot {
    margin: 6px;
}

.eiko-bericht {
    font-size: 1em;
}

/* mobile */

.eiko-bericht-head {
    grid-column-start: 1;
    grid-column-end: 4;
}

.eiko-bericht-image {
    grid-column-start: 1;
    grid-column-end: 4;
}
.eiko-bericht-desc-title {
    grid-column-start: 1;
    grid-column-end: 4;
}
.eiko-bericht-desc-cont {
    grid-column-start: 1;
    grid-column-end: 4;
}
.eiko-bericht-desc {
    grid-column-start: 1;
    grid-column-end: 4;
}

.eiko-bericht-main {
    grid-column-start: 1;
    grid-column-end: 4;
}

.eiko-bericht-desc-title, .eiko-bericht-desc-cont {
        font-size: 1.5em;
}

/* desktop */
@media only screen and (min-width: 787px) {
    .eiko-bericht-image {
        grid-column-start: 3;
        grid-column-end: 4;
        grid-row-start: 2;
        grid-row-end: 7;
    }
    .eiko-bericht-desc {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .eiko-bericht-desc-title {
        grid-column-start: 1;
        grid-column-end: 2;
    }
    .eiko-bericht-desc-cont {
        grid-column-start: 2;
        grid-column-end: 3;
    }
}

/* Eiko - Einsatzbericht - Ende */

/* Eiko - Einsatzbericht erstellen */

.full-width select,
.full-width input {
    width: 100%!important;
	text-align: center;
}

.eiko-bericht-erstellen-input input#jform_summary,
.eiko-bericht-erstellen-input input#jform_address
{
    width: 100%!important;
}

/* mobile */
.eiko-bericht-erstellen-label,
.eiko-bericht-erstellen-input{
    grid-column-start: 1;
    grid-column-end: 4;
}

/* desktop */
@media only screen and (min-width: 787px) {
    .eiko-bericht-erstellen-label {
        grid-column-start: 1;
        grid-column-end: 2;
    }
    .eiko-bericht-erstellen-input {
        grid-column-start: 2;
        grid-column-end: 4;
    }
}

/* Eiko - Einsatzbericht erstellen - Ende */

/* Einsatzkomponenten Ende */

/* links */
a::hover {
    color: #ef2d2b;
}

a {
    color: #a71a1a;
    cursor: pointer;
    -moz-hyphens: auto;
    -epub-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; 
}

/* button */
.fwfrg-button:hover, .fwfrg-button:focus {
    background-color: #ac0000;
    color: #ffffff;
    outline: none;
    text-decoration: none;
}

.fwfrg-button  {
    color: #ffffff;
    width: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 14px !important;
    transition: all 0.2s ease-in 0.2s;
    -webkit-transition: all 2s ease-in 2s;
    -moz-transition: all ease-in-out 0.4s;
    -o-transition: all 2s ease-in 2s;
    -webkit-appearance: none;
    margin: 0;
    border: none;
    overflow: visible;

    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    background: #ef2d2b;
    background-color: rgb(239, 45, 43);
    vertical-align: middle;
    line-height: 30px;
    min-height: 30px;
    font-size: 1rem;
    text-decoration: none;
    text-align: center;
}


/* menu styling */
.fwfrg-menu > div {
    margin-right: 0;
    padding: 0;
}

.fwfrg-menu {
    position: absolute;
    background-color: #fff0;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.nav.astroid-nav {
    background-color: #f8f8f8aa;
}
.nav.astroid-nav a {
    color: #000000 !important;
}

#astroid-header {
    padding: 0;
}

.header-right-section > div {
    padding-right: 0 !important;
    align-self: auto !important;
}

.astroid-nav > li > a {
    line-height: 44px;
}

/* burger-menu-button */

.burger-menu-button {
    width: 48px;
    height: 60px;
    padding: 15px 0;
    background-color: #ef2d2b;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.burger-menu-button:hover {
    background-color: #AC0000;
}

.burger-menu-button .inner {
    width: 15px;
    height: 2px;
}

.burger-menu-button .inner::before {
    top: -5px;
    width: 15px !important;
    margin-left: 0px !important;
}

.burger-menu-button .inner::after {
    bottom: -5px;
    width: 15px !important;
    margin-left: 0 !important;
}


/* submenu */
.submenu_section {
    background: #ef2d2b;
}

.breadcrumb_frg .custom,
.breadcrumb {
    padding: 0;
    margin: 0;
    background-color: unset;
    border-radius: 0;
    color: white;
}

.scroll {
    color: white;
}

/* logo */
.logo_section_frg {
    position: absolute;
    z-index: 1002;
}

/*  funktioniert aktuell nicht, da dann das Burgermenü verdeckt wird. Ohne das, ist aber das Logo nicht Klickbar.
.mobile-logo-section_frg {
    z-index: 1002;
}
*/

@media (max-width: 1199px) {
    .logo_frg img {
        height: 200px
    }
}
@media (min-width: 1200px) {
    .logo_frg img {
        height: 300px
    }
}

/* social links */

@media (max-width: 575px) {
    .absolute {
        display: none;
    }
}

@media (min-width: 576px) {
    .absolute {
        display: inline;
    }
}
.absolute {
    position: fixed;
    z-index: 9999;
    left: 20px;
    top: 39%;
}

.frg-icon-home::before {
    content: "\f015";
}

.frg-icon-envelope::before {
    content: "\f0e0";
}

.frg-icon-facebook::before {
    content: "\f09a";
}

.frg-icon-instagram::before {
    content: "\f16d";
}

.frg-icon-info::before {
    content: "\f129";
}

.absolute .frg-icon-button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    margin: 0 !important;
    background: #dc0b09;
    color: #ffffff;
    -webkit-animation: uk-fade 0.8s ease-in-out;
    animation: uk-fade 0.8s ease-in-out;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    text-decoration: none;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    cursor: pointer;
}

.absolute .menu-icon {
    display: inline-block;
    margin-bottom: 4px !important;
}

.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.astroid-component-section {
    flex-grow: 1;
}@media (max-width: 991.98px) {body, .body{font-size:1em;letter-spacing:0em;line-height:1.7em;}h1, .h1{font-size:3.2em;letter-spacing:0em;line-height:1.2em;}h2, .h2{font-size:2.2em;letter-spacing:0em;line-height:1em;}h3, .h3{font-size:1.2em;letter-spacing:0em;line-height:1em;}h4, .h4{font-size:0em;letter-spacing:0em;line-height:0em;}h5, .h5{font-size:0em;letter-spacing:0em;line-height:0em;}h6, .h6{font-size:0em;letter-spacing:0em;line-height:0em;}.astroid-nav > li > a, .astroid-sidebar-menu > li > a{font-size:1em;letter-spacing:0em;line-height:1.7em;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu{font-size:1em;letter-spacing:0em;line-height:2em;}}@media (max-width: 767.98px) {#ac-1528971561366{margin-left:0px;padding-left:0px}#ac-1528971561366{margin-left:0px;padding-left:0px}body, .body{font-size:1em;letter-spacing:0em;line-height:1.7em;}h1, .h1{font-size:3em;letter-spacing:0em;line-height:1.2em;}h2, .h2{font-size:2em;letter-spacing:0em;line-height:1em;}h3, .h3{font-size:1em;letter-spacing:0em;line-height:1em;}h4, .h4{font-size:0em;letter-spacing:0em;line-height:0em;}h5, .h5{font-size:0em;letter-spacing:0em;line-height:0em;}h6, .h6{font-size:0em;letter-spacing:0em;line-height:0em;}.astroid-nav > li > a, .astroid-sidebar-menu > li > a{font-size:1em;letter-spacing:0em;line-height:1.7em;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu{font-size:1em;letter-spacing:0em;line-height:2em;}}