.highlight {
    background:var(--gzrot);
    padding:19px;
    width:calc(100% - 38px);
    text-align:left;
    color:#fff;
    font-family:Roboto;
    font-size:1.125rem;
    margin-bottom:40px;
}

.highlight h2 {
    color:#fff;
    text-transform:uppercase;
    font-family:RobotoCondensedBold;
    font-size:1.125rem;
    letter-spacing:1px;
    padding:0;
    margin:17px 0 0 0;
    text-align:left;
}

.highlight h3 {
    font-family: Georgia;
    font-size:2.25rem;
    color:#fff;
    text-align:left;
    margin:17px 0 17px 0;
    padding:0;
    line-height:46px;
    word-break: break-all;
}

.highlightimgdiv {
    width:100%;
    text-align: center;

}

.highlight .pionierbtn {
    background:#fff;
    border-radius:31px;
    max-width:170px;
    width:170px;
    height:62px;
    display:flex;
    align-items: center;
    justify-content: center;
    position:absolute;
    right:20px;
    box-shadow: 6px 3px 6px #00000029;
}

.highlight .onlineonlybtn {
    background:#fff;
    font-family: RobotoCondensedBold;
    font-size:1rem;
    color:var(--gzrot);
    border-radius:31px;
    max-width:170px;
    width:170px;
    height:62px;
    display:flex;
    align-items: center;
    justify-content: center;
    position:absolute;
    right:20px;
    box-shadow: 6px 3px 6px #00000029;
}

.highlight .onlineonlybtn p {
    padding:0;
    margin:0;
    letter-spacing:2px;
    font-size:1rem;
}

.highlight .onlineonlybtn p:first-child {
    padding-right:8px;
}

.highlight .onlineonlybtn p:last-child {
    padding-left:8px;
}

.highlightimg {
    width:244px;
    height:244px;
    border-radius:50%;
    margin:14px 0 0 0;
}

.highlightmore {
    text-decoration:underline;
    color:#fff;
    white-space: nowrap;
}

.highlightmore:hover {
    text-decoration:none;
    color:#fff;
}

.highlightbodytxt {
    line-height:28px;
}

.highlighttime {
    font-size:1rem;
    padding-bottom:20px;
}


@media (min-width:450px) {
    .highlightimgdiv {
        text-align:left;
    }
}


@media (min-width:1024px) {
    .highlight {
        display: flex;
        padding:49px;
        width:unset;
        margin:18px 0 60px 0;
    }

    .highlightimgdiv {
        width:244px;
        margin-right:35px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .highlight ul {
       margin:0;
    }

    .highlight .onlineonlybtn {
        right:10px;
        margin-top:-39px;
    }

    .highlight .pionierbtn {
        right:10px;
        margin-top:-39px;
    }

    .highlighttime {
        padding:0;
        margin:0;
    }

}


@media (min-width:1440px) {
    .highlight {
        padding:42px 138px 42px 137px;
        margin:80px 0 122px 0;
    }

    .highlightimgdiv {
        width:444px;
    }

    .highlightimg {
        width:444px;
        height:444px;
        margin:0;
    }

    .highlightmain {
        padding:42px 0 0 0;
        width:718px;
    }

    .highlight .onlineonlybtn {
        right:40px;
        margin-top:-4px;
    }

    .highlight .pionierbtn {
        right:40px;
        margin-top:-4px;
    }
}


@media (min-width:1920px) {
    .highlight {
        position:relative;
        padding:42px 377px 42px 377px;
    }

    .highlight h3 {
        font-size:2.625rem;
        margin:17px 0 41px 0;
    }

    .highlight .onlineonlybtn {
        right:40px;
        margin-top:-4px;
    }

    .highlight .pionierbtn {
        right:40px;
        margin-top:-4px;
    }

}


#c47 .highlight {
    margin-bottom:0;
}

.highlightmain .catlist {
    max-width:80%;

}

.highlightmain .catlist li:after {
    content: " |";
    padding-right:6px;
}

.highlightmain .catlist li:nth-last-child(1)::after {
    content: "";
    padding-right:0px;
}

.highlight .trennero:last-child {
    display:none;
}

@media (max-width:600px) {
    .highlight h3, .highlight h2 {
        word-break:break-all;
    }
}