.header {
    .announcement-banner {
        padding: 10px;

        /*Farbeclasse des Banners*/
        &.darkgrey {
            background: #555;
            color: #fff;

            .announcement-btn {
                color: #fff;
            }
        }

        &.black {
            background: #000;
            color: #fff;

            .announcement-btn {
                color: #fff;
            }
        }

        &.lightgreen {
            background: #749c75;
            color: #fff;

            .announcement-btn {
                color: #fff;
            }
        }

        &.christmasred {
            background: #581a1a;
            color: #fff;

            .announcement-btn {
                color: #fff;
            }
        }

        

        /*---Farbklassen ENDE---*/

        .button,
        .primary  {
            all: unset;
        }
        
        .announcement-btn {
            margin-left: 6px;

            span {
                text-decoration: underline;
            }

            &:hover {
                color: var(--gn-text-hover-color);
                cursor: pointer;
            }
        }
    }
}

@media only screen and (min-width: 550px) {
/*************** Tablet Viewport ***************/
  

}



@media only screen and (min-width: 850px) {
/*************** Tablet Landscape Breakpoint ***************/


}



@media only screen and (min-width: 1110px) {
/*************** Desktop Breakpoint ***************/
  

}