h1 {
    font-size: 1.6rem;
    color: rgb(255, 117, 3);
    font-weight: 600;
    margin-bottom: 1.8rem;
}

.col-nav {
    overflow-x: auto;
}

.beitrag-funktionen {
    text-align: right;
    font-size: 1.5rem;
    padding-right: 5rem;
    background-color: rgb(250,250,250);
    margin-top: -1rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}

#beitrag-inhalt {
    margin-bottom: 2rem;
}

#beitrag-meta {
    border-top: 1px solid rgb(230, 230, 230);
    padding-top: 1.5rem;
}

.beitrag-test {
    text-align: center;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgb(230, 230, 230);
    margin-bottom: 1rem;
}

.beitrag-kaufen {
    background-color: rgb(255, 117, 3);
    color: #fff;
    padding: .3rem 1rem;
    text-align: right;
    margin-bottom: 1.5rem;
    border-radius: .3rem;
}

.btn-kaufen {
    color: #fff;
    margin-left: 1rem;
}

.btn-kaufen:hover {
    background-color: rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255);
}

.bewertung-texte {
    font-size: .85rem;
    color: rgb(120,120,120);
}

.bewertung-text {
    font-style: italic;
}

.bewertung-datum {
    text-align: right;
    margin-bottom: 1rem;
}

.lesenzeichen-hidden {
    display: none;
}

.star-active {
    fill: rgb(255, 117, 3);
}

.star-inactive {
    fill: rgb(230, 230, 230);
}

.star-inactive:hover {
    fill: rgb(255, 117, 3);
}

mark {
    background-color: yellow;
}

#beitrag-inhalt img {
    object-fit: contain;
    max-width: 100%;
}

.bewertung-sterne-senden {
    margin-right: .5rem;
}

@media (prefers-color-scheme: dark) {
    .beitrag-funktionen {
        background-color: rgb(35,35,35);
        border-color: rgb(105,105,105);
    }
}

@media (min-width: 768px) {
  .beitrag-funktionen {margin-right: -1.5rem !important;}
}

@media (min-width: 1px) and (max-width: 767px) {
  .beitrag-funktionen {margin-right: -15px !important;}
}