/* Details */
    p.row { margin-top: 0; margin-bottom: 0; }
    p.row > span.medium-detail-label, p.row > span.medium-detail-wert {
        padding-top: 0.75rem;
        padding-bottom: 0.5rem;
        vertical-align: middle;
        border-bottom: 1px solid #DDE2F6;
    }

    @media only screen and (max-width: 760px) {
        p.row > span.medium-detail-label {
            border: 0;
            padding-bottom: 0;
        }
    }

	/* Bestellbox */

    .bestellbox {
        position: relative;
        z-index: 10;
        margin: 22px 0 36px 0;
    }

    .bestellbox-mit-meldung {			
        padding: 132px 20px 10px 20px;
        border-radius: 2px;
    }
    .hoerbuecher .bestellbox-mit-meldung {
        background: #b8e3be;
    }
    .braille-buecher .bestellbox-mit-meldung {
        background: #b8e3be;
    }
    .hoerfilme .bestellbox-mit-meldung {
        background: #b8e3be;
    }

    .bestellbox-mit-meldung:before {
        content: " ";
        position: absolute;
        display: block;
        width: 142px;
        height: 142px;
        top: -30px;
        background-image: url(../images/bestelllisten-icons.png);
        background-size: 568px 142px;
        background-repeat: no-repeat;
        margin: 0 61px;
    }
    .hoerbuecher .bestellbox-mit-meldung.download:before {
        background-position: 0 0;
    }
    .hoerbuecher .bestellbox-mit-meldung.physical:before {
        background-position: -142px 0;
    }
    .braille-buecher .bestellbox-mit-meldung.physical:before {
        background-position: -284px 0;
    }
    .hoerfilme .bestellbox-mit-meldung.physical:before {
        background-position: -426px 0;
    }

    .bestellbox-mit-meldung .bestellbox-meldung {
        font-weight: 600;
        line-height: 2.4rem;
        margin: 0 0 1.6rem 0;
    }

    .bestellbox .bestell-button {
        line-height: 2.4rem;
        margin: 0;
    }
    .bestellbox .bestell-button a, .bestellbox .bestell-button button {
        position: relative;
        display: block;
        color: #FFF;
        background-color: #146411;
        background-color: var(--wbh-gruen);
        font-weight: 600;
        text-decoration: none;
        padding: .9rem 10px .9rem 15px;
        margin: .2rem 0;
        border-radius: 3px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
    }
    .bestellbox-mit-meldung .bestell-button a {
        line-height: 2.3rem;
        padding: .7rem 10px .9rem 15px;
        margin: .4rem 0;
    }

    .bestellbox .bestell-button .aktion-stornieren {
        background-color: #FFF;
        color: inherit;
    }

    .bestellbox .bestell-button a:hover:before,
    .bestellbox .bestell-button a:focus:before,
    .bestellbox .bestell-button a:active:before {
        content: "";
        display: block;
        position: absolute;
        right: 9px;
        top: .8rem;
        width: 25px;
        height: 25px;
        background-image: url(/files/images/layout/bestellen-icons.png);
        background-repeat: no-repeat;
        background-size: 75px 25px;
        background-position: 0 0;
    }
    .bestellbox-mit-meldung .bestell-button a:hover:before,
    .bestellbox-mit-meldung .bestell-button a:focus:before,
    .bestellbox-mit-meldung .bestell-button a:active:before {
        top: .7rem;
    }

    .bestellbox .bestell-button .aktion-bestellen:hover,
    .bestellbox .bestell-button .aktion-bestellen:focus,
    .bestellbox .bestell-button .aktion-bestellen:active,
    .bestellbox .bestell-button .aktion-download:hover,
    .bestellbox .bestell-button .aktion-download:focus,
    .bestellbox .bestell-button .aktion-download:active, 
    .bestellbox .bestell-button button:hover,
    .bestellbox .bestell-button button:focus,
    .bestellbox .bestell-button button:active {
        background-color: #00a000;
        background-color: var(--wbh-blau);
    }

    .bestellbox .bestell-button .aktion-download:hover:before,
    .bestellbox .bestell-button .aktion-download:focus:before,
    .bestellbox .bestell-button .aktion-download:active:before {
        background-position: -50px 0;
    }

    .bestellbox .bestell-button .aktion-stornieren:hover {
        color: #D20A1E;
    }
    .bestellbox .bestell-button .aktion-stornieren:hover:before {
        background-position: -25px 0;
    }

    .bestellbox .zur-bestellliste {
        font-size: 1.7rem;
        text-align: center;
        margin: 2.6rem 0 .5rem 0;
    }
    .bestellbox .zur-bestellliste a {
        color: #000;
        text-decoration: none;
    }

    .bestellbox .zur-bestellliste a:hover,     .bestellbox .zur-bestellliste a:focus {
        text-decoration: underline;
        color: #146411;
    }