#tagname {
    margin-top: -78px;
    margin-left: 442px;
}

.current-day {
    font-family: arial black;
    color: #ff9601;
    margin-right: 67px;
}

.other-day {
    font-family: arial black;
    color: #ff0701;
    margin-right: 67px;
    opacity: 0.6;
}

/* Media Queries */

/* Für Laptops (zwischen 1200px und 1400px) */
@media screen and (min-width: 1200px) and (max-width: 1400px) {
#tagname {
    margin-top: -66px;
    margin-left: 442px;
}

.current-day {
    font-family: arial black;
    color: #ff9601;
    margin-right: 30px;
}

.other-day {
    font-family: arial black;
    color: #ff0701;
    margin-right: 30px;
    opacity: 0.6;
}
}

/* Für Laptops (zwischen 992px und 1199px) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    #tagname {
    margin-top: -56px;
    margin-left: 385px;
}

.current-day {
    font-family: arial black;
	font-size:13px;
    color: #ff9601;
    margin-right: 23px;
}

.other-day {
    font-family: arial black;
	font-size:13px;
    color: #ff0701;
    margin-right: 23px;
    opacity: 0.6;
}
}

/* Für Tablets (zwischen 768px und 991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
    #tagname {
    margin-top: -56px;
    margin-left: 285px;
}

.current-day {
    font-family: arial black;
	font-size:11px;
    color: #ff9601;
    margin-right: 12px;
}

.other-day {
    font-family: arial black;
	font-size:11px;
    color: #ff0701;
    margin-right: 12px;
    opacity: 0.6;
}
}

/* Für Smartphones (unterhalb von 768px) */
@media screen and (max-width: 767px) {
    #tagname {
    margin-top: -56px;
    margin-left: 285px;
}

.current-day {
    font-family: arial black;
	font-size:11px;
    color: #ff9601;
    margin-right: 12px;
}

.other-day {
    font-family: arial black;
	font-size:11px;
    color: #ff0701;
    margin-right: 12px;
    opacity: 0.6;
}
}