/*
#####################################################
   IMAGES CT
#####################################################
*/


/*2013-11-15 16:27*/

.portrait .play_text {
    background-image: url(../images/video_grey@2x.png);
}

.portrait .po,
.portrait .gruenpfeilhoch {
    background-image: url(../images/Pfeiloben.png);
}

.portrait .pu,
.portrait .rotpfeilrunter {
    background-image: url(../images/Pfeilunten.png);
}

.portrait .pl {
    background-image: url(../images/Pfeillinks.png);
}

.portrait .pr {
    background-image: url(../images/pfeilrechts_gelb.png);
}


/* new ct-link */

.portrait .soft-link .logo {
    /*background-image: url(../images/ct_logo_sw.png);*/
}

.portrait .bewpungerade,
.portrait .bewp:nth-of-type(even) {
    /*background-image: url(../images/gluehbirne.png);*/
}

.portrait .bewpgerade,
.portrait .bewp:nth-of-type(odd) {
    /*background-image: url(../images/kalender.png);*/
}


/* interview */

.portrait .frage .logo,
.portrait .frage .TypeSpecial {
    background-image: url(../images/ct_logo_sw.png);
}


/* vorsicht kunde */

.portrait.artrubrik_vorsicht_kunde .aufmacher_image:after {
    background: url(../images/Vorsicht_Kunde_2016.png) no-repeat;
    background-size: contain;
}


/** tipp kasten **/


/** kommentar ksten */

.portrait div.kasten.kommentar .kasten_img.Person::before {
    background: url(../images/kommentar.png);
}


/** anleitungskasten und anz in Fließtext*/

.portrait.arttyp_tt_blau .kasten.anleitung .anz::before,
.portrait p.anz::before {
    background-image: url(../images/icons/anz-haken-blau.png);
}


/* checkbox gruen */

.portrait p.anzgruen::before {
    display: inline-block;
    background-image: url(../images/icons/anz-haken-gruen.png);
    content: "";
    width: 35px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 1em;
    flex-basis: 30px;
    flex-shrink: 0;
}


/* checkbox orange */

.portrait.arttyp_tt_orange .kasten .anz::before {
    display: inline-block;
    background-image: url(../images/icons/anz-haken-orange.png);
    content: "";
    width: 35px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 1em;
    flex-basis: 30px;
    flex-shrink: 0;
}


/* einkaufslisten ab 2/2018 */

.portrait .tipptexticon {
    clear: both;
    position: relative;
    margin-top: 1.25em;
    padding-left: 3em;
}

.portrait .tipptexticon:first-of-type {
    margin-top: 0.5em;
}

.portrait .tipptext {
    padding-left: 3em;
}

.portrait .kasten.tipp-kasten .tipptext {
    padding-left: 0;
}

.portrait .zeit::before,
.portrait .kosten::before,
.portrait .kauf::before,
.portrait .werkzeug::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5em;
    height: 2em;
    background-repeat: no-repeat;
    background-size: contain;
}

.portrait .zeit::before {
    background-image: url(../images/icons/el_uhr.png);
}

.portrait .kosten::before {
    background-image: url(../images/icons/el_schild.png);
}

.portrait .kauf::before {
    background-image: url(../images/icons/el_wagen.png);
}

.portrait .werkzeug::before {
    background-image: url(../images/icons/el_werkzeug.png);
}

.portrait .tipptextschwierigkeit {
    padding: 2em 0 1em 0;
    text-align: center;
}

.portrait .tipptextschwierigkeit span {
    display: inline-block;
    position: relative;
    width: 250px;
    height: 45px;
    background-repeat: no-repeat;
    background-size: contain;
}

.portrait .tipptextschwierigkeit span::before {
    content: "leicht";
    position: absolute;
    left: 0;
    bottom: 0;
}

.portrait .tipptextschwierigkeit span::after {
    content: "schwer";
    position: absolute;
    right: 0;
    bottom: 0;
}

.portrait .leicht1 {
    background-image: url(../images/icons/el_stufe_eins.png);
}

.portrait .leicht2 {
    background-image: url(../images/icons/el_stufe_zwei.png);
}

.portrait .leicht3 {
    background-image: url(../images/icons/el_stufe_drei.png);
}

.portrait .leicht4 {
    background-image: url(../images/icons/el_stufe_vier.png);
}

.portrait .leicht5 {
    background-image: url(../images/icons/el_stufe_fuenf.png);
}

*/