/* Core */

:root {
    --ACSblau: #008491;
    --platin: #aed6e9;
    --gold: #ffd700;
    --silber: #c0c0c0;
    --bronze: #cd7f32;
    --nav-inactive: rgb(153, 153, 153);
    --sponsorfontsize: 30px;
    --mainheadfontsize: 35px;
    --standard-font-size: 16px;
    --standard-line-height: 25px;
    --standard-font-family: Arial, sans-serif;

    /* Oswald */

    --Os-Regular: Oswald Regular, Arial, sans-serif;
    --Os-Bold: Oswald Bold, Arial, sans-serif;

    /* End Oswald */
}

.astroid-wrapper {
    box-shadow: none !important;
}

small {
    letter-spacing: initial !important;
}

a small {
    color: inherit !important;
}

img {
    max-width: 100%;
}
a small,
a strong
{
    color: inherit;
}
*:focus-visible {
    outline: none !important;
}
ul li::marker,
ol li::marker
{
    color: var(--ACSblau);
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.grid {
    display: -ms-grid;
    display: grid;
}
.link {
    color: var(--ACSblau) !important;
    text-decoration: underline;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
strong,
small
{
    font-size: inherit !important;
    line-height: inherit !important;
    font-family: inherit !important;
}
strong a {
    font-weight: inherit !important;
    font-size: inherit !important;
}
p i {
    color: inherit;
}
.module-title::before,
h2[itemprop="headline"]::before {
    content: "";
    display: inline-block;
    position: relative;
    top: calc(-0.1 * 1em);
    vertical-align: middle;
    height: calc(4px + 0.7em);
    margin-right: calc(5px + 0.2em);
    border-left: calc(5px + 0.1em) solid var(--ACSblau);
}

/* End Core */

.banner-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
#ac-touh7e0sq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* Slideshow  */

.headline-slides h1 {
    font-size: 3rem;
    font-family: var(--Os-Regular)
}
.headline-slides h2 {
    text-align: center;
    font-family: var(--Os-Regular);
}

/* Module Customizations */

.uk-dotnav li a {
    border: 1px solid #fff;
}
.uk-dotnav li a:hover {
    background-color: #fff !important;
}
.uk-dotnav > .uk-active > * {
    background-color: #fff;
    border-color: transparent;
}

/*-------------------- */

/* End Slideshow */

/* YouTube Link */

.watchyt {
    position: relative;
    max-width: 600px;
    margin: 30px auto 10px auto;
}

.watchyt > img {
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: -webkit-filter .27s ease-in-out;
    transition: -webkit-filter .27s ease-in-out;
    -o-transition: filter .27s ease-in-out;
    transition: filter .27s ease-in-out, -webkit-filter .27s ease-in-out;
}

.watchyt > a {
    position: absolute;
    right: 0 ;
    bottom: 0 ;
    left: 0 ;
    top: 0 ;
    background: rgba(0, 0, 0, 0.45);
    color: #FFF !important;
    text-shadow: 0 1px #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px !important;
    line-height: 24px !important;
    padding: 24px;
    opacity: 0;
    -webkit-transition: opacity .27s ease-in-out;
    -o-transition: opacity .27s ease-in-out;
    transition: opacity .27s ease-in-out;
    z-index: 40;
}

.watchyt:hover > a {
    opacity: 1;
}

.watchyt:hover > img {
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

/* End YouTube Link */

#logo-main {
    max-width: 440px;
    background: #fff;
    border-radius: 30px 0 30px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
#logo-main > img {
    filter: invert();
}
#homepage > .headline {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#homepage > .headline > h2 {
    text-align: center;
    font-size: var(--mainheadfontsize);
    font-family: var(--Os-Regular) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--ACSblau);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}
#homepage > .headline h2 span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 5px;
}
#homepage > .headline > h2 span img {
    width: calc(var(--mainheadfontsize) + 5px);
    height: auto;
    -webkit-filter: invert(24%) sepia(87%) saturate(2272%) hue-rotate(167deg) brightness(98%) contrast(102%);
    filter: invert(24%) sepia(87%) saturate(2272%) hue-rotate(167deg) brightness(98%) contrast(102%);
}
#homepage .homepage-article {
    text-align: center;
}
#homepage > article .logos .image-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0;
}
#homepage .homepage-article * {
    margin: 10px 0;
}
#homepage .homepage-article > h3 {
    font-size: 20px;
    line-height: var(--standard-line-height);
    font-family: var(--standard-font-family);
}
#wirsuchen-sidebar {
    font-size: 18px;
    line-height: 30px;
    font-family: var(--standard-font-family);
}
#vorstand .flex {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 50px;
}
#vorstand > .email {
    text-align: center;
    margin: 25px 0;
    font-size: 20px;
}
#vorstand > .flex > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
#vorstand > .flex > div p span {
    color: var(--ACSblau);
}
#vorstand > .flex > p:first-of-type {
    max-width: 450px;
}
#vorstand > .flex > div p {
    font-size: 20px !important;
    line-height: 35px !important;
}
#unterricht > .flex {
    margin: 50px 0;
}
#vorstand > p a {
    color: var(--ACSblau);
}
#chronik .pastevent {
    margin: 32px 0;
    line-height: 33px;
}
#chronik .pastevent h3 {
    color: var(--ACSblau);
    font-weight: bold;
    font-size: 25px;
}
#chronik .pastevent h4 {
    color: var(--ACSblau);
    font-size: 20px;
}
#chronik .pastevent p,
#chronik .pastevent a
{
    font-size: 20px;
}
#chronik .pastevent a {
    text-decoration: underline !important;
    color: var(--ACSblau);
}
#ausbilderin h3 + p strong {
    color: var(--ACSblau);
}
#links .link-wrapper {
    margin: 20px 0;
}
#links .link-wrapper a,
#links .link-wrapper p
{
    font-size: 20px;
    line-height: 35px;
}
#orchester > .introduction {
    margin-bottom: 40px;
}
#orchester .image-wrap .image {
    text-align: center;
}
#orchester .image-wrap .image img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    width: 350px;
    height: 300px;
    min-width: 317px;
}
#orchester > .container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#orchester > .container .image-wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100%;
    margin: 40px 0;
}
#orchester > .container .image-wrap .image {
    margin: 0 81px;
    background: #eeeeee;
}
#orchester > .container .image-wrap .image:first-child img {
    float: left;
}
#orchester > .container .image-wrap .image:last-child img {
    float: right;
}
#orchester > .container .image-wrap .image p {
    clear: both;
    padding-top: 15px;
}
#orchester > p:last-child > img {
    max-width: 75%;
}
#orchester > p {
    text-align: center;
}
#orchester > div > .image-wrap p > strong:not(:last-child) {
    color: var(--ACSblau);
}
#ensemble > .image-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px;
}
#ensemble > .image-wrapper img {
    width: 100%;
}
#ensemble > .image-wrapper small {
    margin: 10px 0;
    font-size: 14px;
}
#musikalische-leitung > .flex > .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
}
.lesson {
    font-weight: 300;
}
#melodikaunterricht > .introtext,
#akkordeonunterricht > .introtext
{
    margin: 20px 0;
}
#die-orchester > .lesson,
#unterricht > .lesson,
#melodikaunterricht > .lesson,
#akkordeonunterricht > .lesson
{
    margin: 35px 0;
    border-color: var(--ACSblau);
}
#die-orchester > .lesson h3,
#unterricht > .lesson h3,
#melodikaunterricht > .lesson h3,
#akkordeonunterricht > .lesson h3
{
    color: var(--ACSblau);
}
#die-orchester > .lesson p,
#unterricht > .lesson p,
#akkordeonunterricht .lesson > .left p,
#melodikaunterricht .lesson > .left p
{
    margin-bottom: 0;
}
#unterricht .lesson > .right,
#die-orchester .lesson > .right,
#akkordeonunterricht .lesson > .right,
#melodikaunterricht .lesson > .right
{
    margin-left: 50px;
}

#akkordeonunterricht > .contact,
#melodikaunterricht > .contact {
    margin: 30px 0;
}
#projekte {
    text-align: center;
}
#projekte > .flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 30px 0;
}
#projekte > .info_ytlink {
    margin-bottom: 20px;
    color: var(--ACSblau);
    display: block;
}
#projekte > .flex > img {
    max-width: 90%;
}
#projekte > .iframe {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0;
}
#projekte > .logos {
    margin: 70px 0;
}
#projekte > .logos > .image-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0;
}
#projekte > .logos > .image-wrapper > a > img {
    max-width: 200px;
}
#presse p {
    margin: 0;
}
#sponsoren > .introtext {
    text-align: left;
}
#sponsoren > .platin,
#sponsoren > .gold,
#sponsoren >.silber,
#sponsoren > .bronze
{
    text-align: center;
    margin: 50px 0;
}
#sponsoren div:not(.introtext) a,
#sponsoren div:not(.introtext) p
{
    margin: 10px 0;
    font-size: var(--standard-font-size);
    line-height: var(--standard-line-height);
}
#sponsoren div > h3
{
    margin-bottom: 40px;
    font-size: var(--sponsorfontsize);
    letter-spacing: 1px;
}
#sponsoren div:not(.introtext) h3 > span
{
    margin-right: 5px;
}
#sponsoren > div:not(.introtext) h3 > span svg
{
    width: calc(var(--sponsorfontsize) + 10px);
    height: auto;
}
#sponsoren > .platin > h3 {
    color: var(--platin);
}
#sponsoren > .gold > h3 {
    color: var(--gold);
}
#sponsoren > .silber > h3 {
    color: var(--silber);
}
#sponsoren .bronze > h3 {
    color: var(--bronze);
}
#sponsoren > .platin > h3 > span svg {
    -webkit-filter: invert(100%) sepia(75%) saturate(4059%) hue-rotate(171deg) brightness(101%) contrast(83%);
    filter: invert(100%) sepia(75%) saturate(4059%) hue-rotate(171deg) brightness(101%) contrast(83%);
}
#sponsoren > .gold > h3 > span svg {
    -webkit-filter: invert(81%) sepia(30%) saturate(2462%) hue-rotate(0deg) brightness(105%) contrast(103%);
    filter: invert(81%) sepia(30%) saturate(2462%) hue-rotate(0deg) brightness(105%) contrast(103%);
}
#sponsoren > .silber > h3 > span svg {
    -webkit-filter: invert(79%) sepia(0%) saturate(325%) hue-rotate(160deg) brightness(100%) contrast(88%);
    filter: invert(79%) sepia(0%) saturate(325%) hue-rotate(160deg) brightness(100%) contrast(88%);
}
#sponsoren > .bronze > h3 > span svg {
    -webkit-filter: invert(72%) sepia(77%) saturate(2338%) hue-rotate(337deg) brightness(85%) contrast(86%);
    filter: invert(72%) sepia(77%) saturate(2338%) hue-rotate(337deg) brightness(85%) contrast(86%);
}
#sponsoren .sponsorlist * {
    display: inline-block;
}
#datenschutz h2:last-child {
    margin-top: 20px;
}
#datenschutz h2:last-child > a {
    font-size: inherit;
}
#termine span > strong {
    font-family: var(--Os-Regular) !important;
}
#ausbilderin > ul {
    list-style-type: disclosure-closed;
}
#wettbewerbe h2,
#vereinsaktivitaeten h2,
#konzerte h2
{
    margin-top: 70px;
}
#wettbewerbe h2:first-child,
#vereinsaktivitaeten h2:first-child,
#konzerte > h2:first-child
{
    margin-top: 20px;
}
.abmelden {
    text-align: center;
}
#gallery p:last-child {
    text-align: center;
    margin-top: 40px;
}
#jform_contact_message {
    height: 200px;
}
#unterricht > .flex > .right > p {
    max-width: 450px;
}
#user-registration > fieldset legend {
    line-height: 38px;
    margin-bottom: 20px;
}
#user-registration > fieldset > div {
    margin-bottom: 20px;
}

/* Astroid Framework Overrides */

.border-bottom-primary {
    border-bottom: 4px solid var(--ACSblau);
}
.astroid-wrapper .com-content-article li,
.astroid-wrapper .com-content-article p,
.astroid-wrapper .com-content-article a
{
    font-size: var(--standard-font-size);
    line-height: var(--standard-line-height);
    font-family: var(--standard-font-family);
}
.astroid-wrapper .com-content-article a
{
    color: var(--ACSblau);
    text-decoration: underline;
}
.megamenu-container {
    border-top: 4px solid var(--ACSblau);
}
.astroid-logo-sticky {
    max-width: 255px !important;
    margin: 10px !important;
}
.item-title {
    margin-bottom: 20px;
}
.item-title > h2 {
    font-size: 35px;
    line-height: 55px;
}
.uk-subnav > *:first-child {
    display: none;
}
#contact-form {
    margin: 20px 0 !important;
}
#contact-form > fieldset {
    margin-bottom: 20px !important;
}
#contact-form > fieldset > legend {
    margin: 40px 0;
    font-family: var(--Os-Regular);
}
#contact-form > fieldset * {
    margin: 5px 0;
}
.com-contact > .com-contact__container {
    display: none !important;
}
.com-contact > .com-contact__container + h3 {
    display: none !important;
}
.uk-margin-small-top {
    text-align: center;
    margin-top: 30px !important;
}
#astroid-backtotop > i {
    color: #faf9ff !important;
}
#astroid-backtotop {
    background: rgba(119, 119, 119, 0.8) !important;
}
#astroid-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#astroid-footer div {
    margin: 0 5px;
}
#logo-module > p {
    max-width: 440px;
}
#astroid-footer div p {
    margin-top: 0;
    margin-bottom: 0;
}
.astroid-footer-section a[title="Datenschutz"]:hover,
.astroid-footer-section a[title="Impressum"]:hover
{
    color: var(--ACSblau) !important;
}
#astroid-footer div p,
#f1c-qe89el34j a,
#astroid-footer div a
{
    color: rgb(119, 119, 119);
}
.btn, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button {
    background-color: var(--ACSblau) !important;
    border-color: var(--ACSblau) !important;
}
.astroid-nav .nav-link:hover,
.astroid-sidebar-menu .nav-link:hover,
.astroid-nav .nav-link:active, .astroid-nav .nav-link.active, .astroid-sidebar-menu .nav-link:active,
.astroid-sidebar-menu .nav-link.active {
    color: var(--ACSblau);
}
.megamenu-container li.nav-item-submenu > a:hover {
    background-color: var(--ACSblau);
}
.astroid-footer-section a .nav-title {
    all: inherit;
}
.astroid-contact-info i {
    color: var(--ACSblau) !important;
}

/* Custom Gallery Module */

.uk-overlay-primary,
.uk-overlay-default
{
    background-color: rgba(0, 132, 145, 0.6);
    margin: 0;
    width: 100%;
}
.uk-overlay-primary h4,
.uk-overlay-default h4
{
    color: #fff;
    font-size: 20px;
}
.uk-icon {
    background: rgba(255, 255, 255, 0.8) !important;
    border-radius: 3px;
}
.uk-icon > svg > polyline {
    stroke: var(--ACSblau) !important;
}

/* End Custom Gallery Module */

/* Header / Sticky-Header / Mobile-Header / Footer */

#astroid-header li,
#astroid-header a,
#astroid-header p,
#astroid-sticky-header li,
#astroid-sticky-header a,
#astroid-sticky-header p,
#astroid-mobilemenu li,
#astroid-mobilemenu a,
#astroid-mobilemenu p,
.astroid-footer-section a,
.astroid-footer-section p
{
    font-size: 15px;
    font-family: var(--Os-Regular);
}

/* ----------- */

/* Login */

#login-form > .login-greeting {
    text-align: center;
    font-weight: bold;
}
#login-form > .logout-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0;
}
.mod-login > .mod-login__username > .input-group input:first-child,
.mod-login > .mod-login__password > .input-group input:first-child
{
    height: 100%;
}
#info-login p,
#info-login a
{
    font-size: var(--standard-font-size);
    line-height: var(--standard-line-height);
    font-family: var(--standard-font-family);

}
.megamenu-container li.nav-item-submenu > a {
    color: var(--nav-inactive);
}

/* End Login */


/* Responsive */

@media (max-width: 1199.98px){

}

@media (max-width: 991.98px){

    small {
        letter-spacing: 0 !important;
    }
    .menu-module,
    #astroid-footer > div
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    #astroid-footer {
        display: block
    }
    #ac-touh7e0sq {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 10px;
    }
    #logo-module {
        display: -ms-grid;
        display: grid;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 830px) {
    #orchester > .container .image-wrap {
        display: block !important;
    }
    #orchester > .container .image-wrap .image {
        margin: 40px 0;
    }
    #orchester > .container .image-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
    }
}

@media (max-width: 767.98px){

    .astroid-logo-mobile {
        margin: 10px 0;
        max-width: 100px !important;
    }
    #vorstand > .flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    #orchester > .image-wrap,
    #musikalische-leitung > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #orchester > .image-wrap .image img {
        min-width: 260px;
        -o-object-fit: unset;
        object-fit: unset;
        -o-object-position: unset;
        object-position: unset;
        height: auto;
    }

    /* Integrate Custom Mobile-Logo */

    #astroid-header .logo-wrapper {
        display: none !important;
    }
    #astroid-header .header-left-section {
        background-image: url(../../../images/content/logo-mobile.png);
        width: 285px;
        background-size: cover;
        height: 80px;
    }
    .header-mobilemenu-trigger > button {
        margin-left: 20px !important;
    }
    #astroid-header > div > div:nth-child(3) {
        display: none !important;
    }
    .astroid-logo .astroid-logo-mobile,
    .astroid-logo .astroid-logo-sticky
    {
        width: 255px !important;
    }

    /* --------------------------- */
}
@media (max-width: 575.98px){

    #projekte .image-wrapper,
    #projekte .image-wrapper *
    {
        margin: 10px 0;
    }
    #sponsoren > .platin h3,
    #sponsoren > .gold h3,
    #sponsoren > .silber h3,
    #sponsoren > .bronze h3
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #astroid-footer > div p {
        text-align: center;
    }
    .watchyt {
        max-width: 100%;
    }
    .watchyt * {
        max-width: inherit !important;
    }
    .astroid-contact-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    #orchester .container .image-wrap .image img {
        width: 236px;
        height: auto;
        -o-object-fit: unset;
        object-fit: unset;
        -o-object-position: unset;
        object-position: unset;
        min-width: unset;
        float: unset;
    }
    .uk-slideshow-nav {
        margin-bottom: 0;
    }
    .uk-slidenav {
        padding: 2px 5px;
    }
    h2[itemprop=headline] {
        font-size: 26px;
    }
    #die-orchester > .lesson,
    #unterricht > .lesson,
    #melodikaunterricht > .lesson,
    #akkordeonunterricht > .lesson
    {
        flex-direction: column;
    }
    #die-orchester > .lesson > .right,
    #unterricht > .lesson > .right,
    #melodikaunterricht > .lesson > .right,
    #akkordeonunterricht > .lesson > .right
    {
        margin: 45px 0 0 0;
    }

}
@media (max-width: 350.98px) {

    #astroid-header .header-left-section {
        background-image: url(../../../images/content/logo-mobile.png);
        width: 285px;
        background-size: cover;
        height: 68px;
    }
    .astroid-contact-info span:not(:first-child) {
        margin-left: 0;
    }

}

/* End Responsive */