.abo_suche_result{
    background-color: #ccc;
    padding: 12px;
    padding-top:16px;
    padding-bottom:16px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.abo_suche_result.aktiv-abos{
    grid-template-columns: repeat(2, 1fr);
}
.page_10 main,
.row_12{
    background-color:  #ccc;
}
.page_10.aktiv-abos main,
.page_10.aktiv-abos .row_12,
.page_10.aktiv-abos .abo_suche_result{
    background-color: #BCEB36;
}
.page_10.komfort-abos main,
.page_10.komfort-abos .row_12,
.page_10.komfort-abos .abo_suche_result{
    background-color: #00A4EA;
}
.abo_info{
    max-width:641px;
    margin:0 auto;
    padding-top:80px;
    padding-bottom:80px;
}
.abo_info article.text .headline .h{
    font-size: 72px;
    line-height: 1.2;
    font-family: 'Gravity-semicondensed';
}
.abo_info article.text .inhalt *{
    font-size: 26px;
    line-height:1.2;
    letter-spacing: .26px;
    font-family:'Gravity-condensed';
}
/* Info Text zu den Abos */
.abo_info{
    display:none;
}
.abo_info article.text.aktiv_abo,
.abo_info article.text.komfort_abo,
.abo_info article.text.basis_abo{
    display:none;
}
body.inhalte_bearbeiten .abo_info,
.abo_info.aktiv-abo,
.abo_info.komfort-abo,
.abo_info.basis-abo{
    display:block;
}
body.inhalte_bearbeiten  .abo_info article.text,
.abo_info.aktiv-abo article.text.aktiv_abo,
.abo_info.komfort-abo article.text.komfort_abo,
.abo_info.basis-abo article.text.basis_abo{
    display:block;
}

@media screen and (max-width:800px){
    .abo_suche_result{
        padding: 4px;
        padding-top:16px;
        padding-bottom:16px;
    }
    .abo_info{
        max-width:641px;
        margin:0 auto;
        padding-top:40px;
        padding-bottom:0px;
    }
    .abo_info article.text .headline .h{
        font-size: 32px;
        line-height: 1.2;
    }
    .abo_info article.text .inhalt *{
        font-size: 22px;
        line-height:1.2;
    }
}