/*
##############################
      LAYOUT 1-COLUMN
##############################
*/
    
    .portrait body {
        width: 100%;
    }
    
    .portrait img {
        max-width: 100%;
    }
    
    .portrait .clear {
        clear: both;
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0;
    }
    
    .portrait .clear.afterauthor {
        height: 1em;
    }
    /*
################################
   TYPOGRAPHY CT
################################
*/
    /*
   c’t FONTS
*/
    
    @font-face {
        font-family: 'mono';
        src: url('../fonts/DejaVuSansMono.ttf');
        /*src: url('../fonts/Akkurat-Mono.otf');*/
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'monobold';
        src: url('../fonts/DejaVuSansMono-Bold.ttf');
        /*src: url('../fonts/Akkurat-Mono.otf');*/
        font-weight: bold;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'typespecial';
        src: url('../fonts/TypeSpecial.otf');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'regular';
        src: url('../fonts/DejaVuSansCondensed.ttf');
        /*src: url('../fonts/LyonText-Regular.otf');*/
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'regular';
        src: url('../fonts/DejaVuSansCondensed-Oblique.ttf');
        /*src: url('../fonts/LyonText-RegularItalic.otf');*/
        font-weight: normal;
        font-style: italic;
    }
    
    @font-face {
        font-family: 'regular';
        src: url('../fonts/DejaVuSansCondensed-Bold.ttf');
        /*src: url('../fonts/LyonText-Semibold.otf');*/
        font-weight: bold;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'regular';
        src: url('../fonts/DejaVuSansCondensed-BoldOblique.ttf');
        /*src: url('../fonts/LyonText-SemiboldItalic.otf');*/
        font-weight: bold;
        font-style: italic;
    }
    
    @font-face {
        font-family: '5by7';
        src: url('5by7.woff') format('woff'),
    }
    
    .portrait h1,
    .portrait h2,
    .portrait h3,
    .portrait h4,
    .portrait h5,
    .portrait h6 {
        font-family: 'regular', sans-serif;
        font-weight: bold;
    }
    
    .portrait .article_kurz_vorgestellt .tel,
    .portrait.body_autoinhalt p.rubric,
    .portrait .article_text .kasten_link .kasten_title,
    .portrait strong,
    .portrait .vorspann strong,
    .portrait .b1,
    .portrait .box_verzeichnis_headline,
    .portrait .vik,
    .portrait .B,
    .portrait .lbold,
    .portrait .infob {
        font-family: 'regular', sans-serif;
        font-weight: bold;
    }
    /*.portrait .article_leserbriefe h1 span,
.portrait .article_hotline .hotline_headline span {
	font-weight: normal;
}*/
    
    .portrait pre,
    .portrait code,
    .portrait .l,
    .portrait .lf,
    .portrait .lf_spalten_div,
    .portrait .span[name="lf"],
    .portrait .box_code,
    .portrait .text_editorial,
    .portrait .text_editorial h4,
    .portrait textarea.pre,
    .portrait .listory,
    .portrait .keinlf,
    .portrait .keinlfa,
    .portrait .keinlfz,
    .portrait .keinlfeinzel,
    .portrait .keinlfeinzeln,
    .portrait .keinlfe {
        font-family: 'mono', monospace;
        font-size: 0.9em;
    }
    
    .portrait .lib,
    .portrait .libp,
    .portrait .lic,
    .portrait .lik,
    .portrait .likn,
    .portrait .limi,
    .portrait .lin,
    .portrait .linc,
    .portrait .linf,
    .portrait .linn,
    .portrait .lio,
    .portrait .liow,
    .portrait .lip,
    .portrait .lis {
        white-space: pre;
    }
    
    .portrait p.article_description {
        padding: 1.5em 0;
        font-size: 1.075em;
        font-family: 'regular', sans-serif;
        font-weight: bold;
        line-height: 1.5em;
        text-indent: 0;
    }
    
    .portrait p.vorspann {
        padding: 1em 0;
    }
    
    .portrait .article_head.no_margin_top {
        padding: 0px 0px 1.875em;
    }
    
    .portrait p.initial,
    .portrait p.normal,
    .portrait p.oe,
    .portrait p.question,
    .portrait p.answer,
    .portrait p.inter,
    .portrait p.infooe1,
    .portrait p.infonormal {
        font-family: 'regular', serif;
        font-size: 1em;
        line-height: 1.5em;
    }
    
    .portrait p.initial {
        overflow: hidden;
    }
    
    .portrait a {
        text-decoration: none;
    }
    
    .portrait .p a,
    .portrait .fussnote a,
    .portrait span[name="a"],
    .portrait span a,
    .portrait .kasten a,
    .portrait .tel a {
        text-decoration: underline;
    }
    
    .portrait .textkaesten a,
    .portrait .kasten_img a {
        text-decoration: none;
    }
    
    .portrait h1 {
        font-size: 2em;
        line-height: 1.25em;
        margin-bottom: 0.5em;
    }
    
    .portrait h2 {
        font-size: 1.5em;
        line-height: 1.3em;
    }
    
    .portrait h3,
    .portrait h4,
    .portrait h5,
    .portrait .box_verzeichnis_headline,
    .portrait p.zt,
    .portrait p.zt1,
    .portrait p.ztklein {
        font-size: 1.35em;
        line-height: 1.3em;
        font-family: 'regular', sans-serif;
        font-weight: bold;
    }
    
    .portrait .box_verzeichnis_headline {
        padding-bottom: 0.5em;
    }
    
    .portrait p.kt {
        font-size: 1.8em;
        line-height: 1.1em;
        font-weight: bold;
    }
    
    .portrait .content_text h3,
    .portrait .content_text_vorgestellt h3,
    .portrait .content_text p.zt,
    .portrait .content_text p.zt1,
    .portrait .content_text p.kt {
        margin: 1.2em 0 0.6em 0;
    }
    
    .portrait .article_buchkritik h4,
    .portrait .article_kurz_vorgestellt h4,
    .portrait .article_kids_bits h4,
    .portrait .article_kurz_vorgestellt h4 {
        font-size: 1.8em;
        line-height: 1.1em;
    }
    
    .portrait .normalblau {
        font-weight: bold;
    }
    
    .portrait .z_grau {
        font-size: 1.3em;
    }
    
    .portrait .z1v {
        font-weight: bold;
        margin-bottom: 1em;
    }
    
    .portrait.body_hotline .content_text h3,
    .portrait .faq_thema h3,
    .portrait .hotline_thema h3,
    .portrait p.zt,
    .portrait p.zt1 {
        clear: both;
        margin-bottom: 0;
    }
    
    .portrait h1,
    .portrait h2,
    .portrait h3,
    .portrait h4,
    .portrait h5,
    .portrait h6,
    .portrait p,
    .portrait p a,
    .portrait .fussnote a,
    .portrait .figcaption,
    .portrait .textkaesten a,
    .portrait .hyphenate {
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        hyphenate-lines: 4;
        overflow-wrap: hyphenate;
    }
    
    .portrait .donthyphenate {
        hyphens: none;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
    }
    
    .portrait p.normal,
    .portrait p.infonormal,
    .portrait .kasten p.infokasteneinzug {
        text-indent: 1em;
    }
    
    .portrait p#p_1 {
        text-indent: 0;
    }
    
    .portrait p.ein {
        text-indent: -1.11em;
        padding-left: 1em;
    }
    
    .portrait p.inter .kasten_img {
        text-indent: 0;
        text-align: center;
        margin-bottom: 1em;
    }
    
    .portrait .t-p {
        margin-top: 1em;
        font-size: 1.2em;
        font-weight: bold;
    }
    
    .portrait .t-p :first-of-type {
        margin-top: 0;
    }
    
    .portrait .l {
        overflow-wrap: auto;
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
    }
    
    .portrait .infooe1 .l,
    .portrait .infooe1link .l {
        white-space: normal;
        word-wrap: normal;
    }
    
    .portrait .infooe1 .infob {
        display: inline-block;
        padding-top: 1em;
    }
    
    .portrait .kasten .infooe1 .infob {
        display: inline;
        padding-top: 0;
    }
    
    .portrait .infozik {
        margin-top: 1em;
        font-weight: bold;
    }
    
    .portrait .a {
        float: right;
        font-family: 'regular', sans-serif;
        ;
        font-style: italic;
    }
    
    .portrait .a a {
        word-break: normal;
        white-space: nowrap;
        -moz-hyphens: none;
        -webkit-hyphens: none;
        hyphens: none;
        overflow-wrap: auto;
    }
    
    .portrait .box_right,
    .portrait .image_rechts {
        text-align: center;
        margin: 1em 0;
    }
    
    .portrait .noMargin {
        display: none;
    }
    
    .portrait .figcaption {
        padding: 0.313em 0;
        text-align: left;
        font-weight: bold;
        font-size: 0.95em;
        line-height: 1.5em;
    }
    
    .portrait .figcaption.figsource {
        font-weight: 500;
    }
    
    .portrait .aufmacher2_image .figcaption {
        margin-bottom: 2em;
        padding: 0 1em 1em 1em !important;
    }
    
    .portrait .play_text {
        padding: 0.313em 0 0.313em 2em !important;
        text-align: left;
        font-weight: bold;
        font-size: 0.95em;
        line-height: 1.5em;
        background-position: left 0.3em;
        background-repeat: no-repeat;
        background-size: 20px 20px;
    }
    
    .portrait .figcaptionQuelle {
        font-size: 70%;
        font-weight: bold;
    }
    
    .portrait .asset_position figure.player figcaption {
        padding-left: 2em;
        text-indent: -2em;
        text-align: left;
        font-size: 0.875em;
    }
    
    .portrait a.seite {
        display: none !important;
    }
    
    .portrait .webcode p {
        padding: 1em 0;
        text-indent: 0;
        font-size: 0.95em;
    }
    
    .portrait p.soft-link {
        padding: 1em 0 0 0;
        text-indent: 0;
        font-weight: bold;
        font-style: italic;
    }
    
    .portrait .soft-link .logo {
        display: inline-block;
        padding: 0 0 0 2em;
        background-repeat: no-repeat;
        background-position: top left;
        background-size: 1.6em;
    }
    
    .portrait .soft-link a {
        /*color: #0083ca;*/
        text-decoration: none;
        white-space: nowrap;
        -moz-hyphens: none;
        -webkit-hyphens: none;
        hyphens: none;
    }
    
    .portrait .soft-link .softvorne {
        padding-right: 0.2em;
    }
    
    .portrait .fussnote {
        font-size: 0.86em;
        line-height: 1.3em;
    }
    
    .portrait .fussnote li {
        padding: 0 0 0.625em 2.25em;
    }
    
    .portrait .fussnote li:before {
        display: inline-block;
        content: "[" counter(section) "] ";
        counter-increment: section;
        width: 1.875em;
        margin-left: -2.2em;
    }
    
    .portrait .fussnote .literaturverzeichnis_nr {
        display: none !important;
    }
    
    .portrait .lit_headline {
        margin: 2em 0 0.5em 0;
    }
    
    .portrait .faq_headline,
    .portrait .faq_text_headline {
        float: left;
        height: 18em;
        width: 21em;
        line-height: 1.2em;
        padding-bottom: 0;
        text-indent: 0;
    }
    
    .portrait .faq_headline,
    .portrait .faq_text_headline,
    .portrait .faq_headline img {
        max-height: 200px;
        max-width: 100%;
    }
    
    .portrait .faq_title {
        padding-bottom: 0.3em;
        line-height: 1.1em;
        font-size: 200%;
    }
    
    .portrait .faq_thema {
        margin-top: 2em;
    }
    
    .portrait .faq_thema p:first-of-type {
        padding-top: 2em;
        border-top: 1px solid #999;
    }
    
    .portrait .hotline_thema {
        margin-bottom: 2em;
        padding-bottom: 2em;
        /* linien bleiben jetzt drin! basta! */
        border-bottom: 2px solid #999;
    }
    
    .portrait .hotline_thema:last-of-type {
        margin-bottom: 0;
        border-bottom: none;
    }
    
    .hotline_thema.hasAsset::after,
    .faq_thema.hasAsset::after {
        clear: both;
        content: "";
        display: block;
    }
    /*.portrait .frage,*/
    
    .portrait .italic,
    .portrait .redaktion,
    .portrait em,
    .portrait.rubrik_magazin.body_story pre {
        font-family: 'regular', sans-serif;
        font-style: italic;
    }
    
    .portrait .frage {
        font-family: 'regular', sans-serif;
        font-weight: bold;
    }
    
    .portrait .frage strong {
        font-style: normal;
    }
    
    .portrait.rubrik_magazin .l {
        font-family: 'mono', monospace;
    }
    
    .portrait .zit {
        max-width: 80%;
        margin: 1em auto;
        font-weight: bold;
        font-size: 1.5em;
        line-height: 1.1em;
        text-align: center;
    }
    
    .portrait .zitq {
        font-weight: bold;
        text-align: center;
        margin-bottom: 0.75em;
    }
    
    .portrait sup {
        font-size: 0.7em;
        vertical-align: super;
    }
    
    .portrait sub {
        font-size: 0.7em;
        vertical-align: baseline;
    }
    
    .portrait span[name="Initial"],
    .portrait span.Initial,
    .portrait span.initial,
    .portrait span.kommentarinitial {
        float: left;
        display: inline-block;
        font-family: 'regular', sans-serif;
        font-size: 3.21em;
        font-weight: bold;
        line-height: 0.8em;
        padding: 0.18em 0.1em 0 0;
        text-indent: 0;
    }
    
    .portrait span.InitialBild,
    .portrait span.initialbild {
        float: left;
        max-width: 4.39em;
        padding: 0.2em 0.5em 0 0;
    }
    
    .portrait .article_text .kasten_link {
        font-style: italic;
    }
    
    .portrait .article_text .kasten_link .kasten_title {
        font-style: normal;
    }
    
    .portrait .vita,
    .portrait #vita {
        font-style: italic;
        padding-top: 1em;
    }
    
    .portrait .article_leserbriefe h1 {
        line-height: 1em;
    }
    
    .portrait .servicebox_leserbriefe,
    .portrait .leserbriefKontext {
        font-size: 0.86em;
    }
    
    .portrait.body_aktuell h2 {
        line-height: 1.4em;
        padding-bottom: 0.5em;
    }
    
    .portrait .webcode a,
    .portrait .Softnicht a,
    .portrait .softnicht a {
        font-style: italic;
        text-decoration: none;
    }
    
    .portrait span.Softnicht a,
    .portrait span.softnicht a {
        font-style: normal;
    }
    
    .portrait .fontspan.myriad-bold {
        font-weight: bold;
    }
    
    .portrait .fontspan.myriad-italic {
        font-style: italic;
    }
    
    .portrait .spaltenkasten h2 {
        color: #fff;
        font-size: 1.466em;
    }
    
    .portrait .spaltenkasten h3 {
        font-size: 1.2em;
    }
    
    .portrait .spaltenkasten .clear {
        clear: both;
    }
    
    .portrait .alter {
        padding: 0.5em 0 1em 0;
        text-indent: 0 !important;
        font-weight: bold;
        font-size: 0.89em;
        line-height: 1.5em;
    }
    
    .portrait .Datum,
    .portrait .datum {
        font-weight: bold;
        padding-bottom: 1em;
    }
    
    .portrait .URL {
        float: right;
    }
    
    .portrait .einkasten {
        padding-left: 0.8em;
        text-indent: -0.8em;
    }
    
    .portrait .oe_linie {
        text-indent: 0;
        margin-top: 2em;
        padding-top: 1em;
        border-top: 1px solid #000;
    }
    
    .portrait .kasten .infooelinie {
        padding-bottom: 1em;
        margin-bottom: 1em;
        border-bottom: 1px solid #7F8185;
    }
    /* Zwischenunterschrift */
    
    .portrait .tteil {
        font-size: 3em;
        font-weight: bold;
        margin-top: 1em;
        line-height: 1.1em;
    }
    
    .portrait .uteil {
        margin-top: 1em;
        font-size: 1.25em;
        font-weight: bold;
    }
    
    .portrait .vteil {
        margin-top: 1em;
        font-size: 1.1em;
        font-weight: bold;
    }
    
    .portrait .ateil {
        margin: 1em 0;
        font-size: 1.1em;
        font-weight: bold;
    }
    /* listings */
    
    .portrait .box_code {
        margin-top: 1.5em;
        background-color: #E1E6EA;
        /* #f0f1e2*/
        background-repeat: no-repeat;
        background-position: 95% bottom;
        overflow-x: scroll;
        padding: 1em 1em 2.5em 1em;
        white-space: pre;
        -webkit-overflow-scrolling: touch;
    }
    
    .portrait .kasten .box_code {
        background-color: transparent;
        background-color: #f0f1e2;
    }
    
    .portrait pre,
    .portrait .lf_spalten_div {
        margin: 1em 0;
        padding: 0.313em 0;
        font-size: 0.95em;
        text-align: left;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .portrait pre {
        white-space: normal;
    }
    /*.portrait pre .zeile.einzug {
	text-indent:2em;
}*/
    
    .portrait pre .br {
        display: inline-block;
    }
    
    .portrait .listings {
        clear: both;
    }
    
    .portrait .listings .figcaption {
        padding: 1.5em 0;
    }
    
    .portrait .listings .box_code+.figcaption {
        padding: 0 0 1.5em 0;
    }
    
    .portrait .listingsliderbuttons {
        margin: -0.5em 0 1.5em 0;
        text-align: center;
    }
    
    .portrait .listingsliderbuttons span {
        margin-left: 1em;
    }
    
    .portrait .li_b {
        font-weight: bold;
    }
    
    .portrait #htmlId_1370575256623714 pre,
    .portrait.rubrik_magazin pre {
        white-space: pre-wrap;
    }
    
    .portrait pre::-webkit-scrollbar,
    .portrait .lf_spalten_div::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 5px;
        height: 5px;
        background-color: rgba(0, 0, 0, 0.02);
    }
    
    .portrait pre::-webkit-scrollbar-thumb,
    .portrait .lf_spalten_div::-webkit-scrollbar-thumb {
        border-radius: 3px;
        border: 1px solid rgba(0, 0, 0, 0.05);
        background-color: rgba(0, 0, 0, 0.05);
    }
    
    .portrait .lf_spalten_div {
        margin: 1em 0;
        width: auto;
        border: 1px solid rgba(0, 0, 0, 0.02);
    }
    
    .portrait .lf_spalten_div table {
        border: 0;
    }
    
    .portrait .lf_spalten_div td {
        padding: 0 1em 0.2em 0;
        white-space: nowrap;
    }
    
    .portrait .lf_spalten_div .l_spalte {
        text-align: right;
    }
    
    .portrait .lf_spalten_div .l_spalte_l {
        text-align: left;
    }
    /* listing neu */
    
    .portrait p.keinlf,
    .portrait p.keinlfa,
    .portrait p.keinlfz,
    .portrait p.keinlfeinzel,
    .portrait p.keinlfeinzeln,
    .portrait p.keinlfe {
        text-indent: 0 !important;
    }
    
    .portrait p.keinlf,
    .portrait p.keinlfa,
    .portrait p.keinlfz {
        padding-bottom: 0.25em;
    }
    
    .portrait p.keinlfa {
        margin-top: 2em;
    }
    
    .portrait p.keinlfz {
        margin-bottom: 2em;
    }
    
    .portrait p.keinlfeinzel,
    .portrait p.keinlfeinzeln,
    .portrait p.keinlfe {
        margin: 2em 0 !important;
    }
    
    .portrait p.keinlf .kein_stil:first-of-type,
    .portrait p.keinlfa .kein_stil:first-of-type,
    .portrait p.keinlfz .kein_stil:first-of-type {
        white-space: normal;
        display: inline;
        word-wrap: break-word;
    }
    
    @media screen and (min-width: 500px) {
        .portrait p.keinlf .kein_stil:first-of-type,
        .portrait p.keinlfa .kein_stil:first-of-type,
        .portrait p.keinlfz .kein_stil:first-of-type {
            white-space: pre;
            display: inline-block;
            vertical-align: middle;
        }
    }
    
    .portrait .fontspan.myriad-semibold {
        font-weight: bold;
    }
    /** aufmacher **/
    
    .portrait .vorspann {
        font-weight: bold;
        font-size: 0.95em;
        line-height: 1.5em;
    }
    
    .portrait .aufmacher_image {
        position: relative;
    }
    
    .portrait .figcaptionAufmacher {
        position: absolute;
    }
    /* vorsicht kunde */
    
    .portrait.artrubrik_vorsicht_kunde .aufmacher_image:after {
        content: "";
        display: block;
        position: absolute;
        top: 1em;
        right: -7%;
        max-width: 300px;
        max-height: 300px;
        height: 25%;
        width: 25%;
        background-size: contain;
    }
    /* impressum **/
    
    .portrait .box_impressum .headline {
        font-size: 3.5em;
        line-height: 2.0em;
    }
    
    .portrait .box_impressum h3 {
        font-weight: bold;
        font-size: 1.2em;
        color: #030303;
    }
    
    .portrait .box_impressum .ii {
        font-style: italic;
    }
    
    .portrait .box_impressum p {
        padding-bottom: 0;
        font-size: 1em;
    }
    
    .portrait .ib {
        font-weight: bold;
    }
    
    .portrait .ib a,
    .portrait .ib .myriad-roman {
        font-weight: 400;
    }
    
    .portrait .NormalSchwarz .portrait .normalschwarz {
        font-weight: bold;
    }
    
    .portrait .listingtitle {
        margin-top: 1em;
        font-weight: bold;
        font-size: 110%;
    }
    
    .portrait .typoregularitalic {
        font-style: italic;
    }
    /*
#################################
   COLORS --> uptard.css
#################################
*/
    
    .portrait body,
    .portrait a {
        color: #000;
    }
    
    .portrait .article_buchkritik .caption_source {
        color: #fff;
    }
    /* listings */
    
    .portrait .li_blau,
    .portrait .liblau {
        color: #33f;
    }
    
    .portrait .li_grau,
    .portrait .ligrau {
        color: #999;
    }
    
    .portrait .li_rot,
    .portrait .lirot {
        color: #c00;
    }
    
    .portrait .li_gruen,
    .portrait .ligruen {
        color: #0c0;
    }
    
    .portrait .li_azur,
    .portrait .liazur {
        color: #5bbad1;
    }
    
    .portrait .li_magenta,
    .portrait .limagenta {
        color: #eb228f;
    }
    /* anleitungskästen */
    
    .portrait .kasten.anleitungskasten {
        background-color: #f0f1e2;
    }
    
    .portrait .kasten.anleitungskasten .clear {
        clear: both;
    }
    
    .portrait .kasten.anleitungskasten .normalhalbkasten {
        clear: both;
        position: relative;
        text-align: center;
    }
    
    .portrait .zahl,
    .portrait .nummer {
        position: relative;
        clear: both;
        /*display: inline-block;*/
        /* full width for small images */
        max-width: 100%;
    }
    
    .portrait .anleitungskasten .nummer {
        position: absolute;
        top: -0.2em;
        left: -0.8em;
        padding: 0 0.5em;
        background-color: #ecb17c;
        -webkit-border-radius: 1em;
        -moz-border-radius: 1em;
        border-radius: 1em;
        border: 3px solid #f0f1e2;
        color: #fff;
        font-weight: bold;
    }
    
    .portrait .anleitungskasten .asset_link {
        width: auto;
        max-width: 100%;
    }
    
    .portrait .anleitungskasten img {
        display: inline-block;
        max-width: 100%;
    }
    
    .portrait .anleitungImgBox {
        border: 2px solid #ecb17c;
        background-color: #fff;
        text-align: center;
    }
    
    .infozahl {
        font-size: 1.75em;
        font-weight: bold;
        font-family: sans-serif;
    }
    /* anleitung praxis */
    
    .portrait .kasten.anleitungskasten {
        background-color: #f2f3ef;
    }
    
    .portrait .zahl .Nummer {
        background-color: #58b6dd;
        border: 3px solid #f2f3ef;
    }
    
    .portrait .anleitungImgBox {
        border: 2px solid #58b6dd;
    }
    /* z ohne k mit icon */
    
    .portrait .bilder.icon,
    .portrait .spaltenkasten_img .icon {
        float: left;
        max-width: 2em;
        padding-top: 0.75em;
    }
    
    .portrait .spaltenkasten_img .icon {
        margin-right: 0.5em;
    }
    
    .portrait .spaltenkasten_img+infooe1 {
        clear: both;
        padding-top: 1em;
    }
    
    .portrait .anzohnekgruen,
    .portrait .anzohnekrot,
    .portrait .anzohnekgelb {
        margin: 1em 0;
        padding-left: 2em;
        font-size: 1.25em;
        font-weight: bold;
    }
    /* schlagseite */
    
    .portrait.body_schlagseite article {
        text-align: center;
    }
    
    .portrait.body_schlagseite #singleImage {
        margin: 0.5em;
        -moz-transform: rotate(1deg);
        -ms-transform: rotate(1deg);
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg);
    }
    
    .portrait.body_schlagseite .schlagseitenlink a {
        display: inline-block;
        margin: 1em 0 2em 0;
        font-weight: bold;
        border-bottom: 1px solid #000;
    }
    /* zett kasten */
    
    .portrait #zett_kasten {
        text-align: left;
        margin: 1em 0;
    }
    
    .portrait #zett_kasten ul {
        padding: 0;
    }
    
    .portrait #zett_kasten li {
        padding: 0.2em 1em;
    }
    
    .portrait #zett_kasten .asset_position {
        margin: 0;
    }
    
    .portrait #zett_kasten .boxlinkInfo {
        margin-top: 1.5em;
        color: #bbb;
        font-style: italic;
    }
    
    .portrait #zett_kasten .boxlinkInfo:first-of-type {
        margin-top: 0;
    }
    
    .portrait .kasten h3 {
        padding: 1em 0 0.5em;
    }
    
    .portrait .spaltenkasten_inline h2 {
        margin: 0 0 0.5em;
    }
    
    .portrait .textkaesten a {
        display: block;
    }
    
    .portrait .textkaesten .a a {
        display: inline;
    }
    
    .portrait .kasten_img.kat_bilder {
        padding: 1em;
        /*background-color: #fff;*/
    }
    
    .portrait .kasten_img img {
        border: 0;
    }
    
    .portrait .kasten_img {
        text-indent: 0 !important;
        text-align: center;
    }
    
    .portrait .kasten .kBlCBottom {
        padding-top: 1em;
    }
    
    .portrait .kasten .kastenBacklink {
        padding: 5px 15px 4px;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.12) 0%, transparent 100%) repeat;
        border-bottom: 1px solid #A0A2A5;
        border-radius: 5px 5px 5px 5px;
        color: #666666;
        font-size: 0.75em;
        font-weight: bold;
        text-shadow: 0 1px 0 #EEEEEE;
        text-transform: uppercase;
        text-decoration: none;
    }
    
    .portrait .kasten_img.kat_logo {
        float: left;
        max-width: 25%;
        margin: 1em 1em 0 0;
    }
    
    .portrait .kasten_img.kat_logo img {
        vertical-align: middle;
    }
    
    .portrait .kasten .item.inner .clear {
        clear: both;
    }
    
    .portrait .kasten p:last-of-type::after {
        clear: both;
        display: block;
        content: "";
        height: 1px;
        font-size: 0;
    }
    /* Kommentarkasten */
    
    .portrait .textkaesten.kommentar {
        margin: 1em 0;
    }
    
    .portrait div.kasten.kommentar {
        padding-bottom: 1.75em;
    }
    
    .portrait div.kasten.kommentar h5 {
        background-color: transparent;
        color: #000;
        padding: 0;
        font-size: 2.75em;
    }
    
    .portrait div.kasten.kommentar .kommentara {
        margin: 0.5em 0;
        font-weight: bold;
    }
    
    .portrait div.kasten.kommentar .kommentart {
        font-size: 2em;
        line-height: 1.2em;
        font-weight: bold;
        margin: 0.5em 0 1em 0;
    }
    
    .portrait div.kasten.kommentar .kommentarperson {
        font-weight: bold;
    }
    
    .portrait div.kasten.kommentar .kasten_img {
        margin: 0;
        text-align: center;
        position: relative;
        padding-bottom: 1em;
        margin: 0 0 1em 0;
    }
    
    .portrait div.kasten.kommentar .kasten_img {
        margin-top: 3em;
    }
    
    .portrait div.kasten.kommentar .kasten_img:first-of-type {
        margin-top: 0;
    }
    
    .portrait div.kasten.kommentar .kasten_img.Person {
        padding-bottom: 4.75em;
    }
    
    .portrait div.kasten.kommentar .kommentar_tabellen {
        margin: 1em 0;
    }
    
    .portrait div.kasten.kommentar .kasten_img.Person::before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        min-height: 7em;
        width: 100%;
        margin: -2em 0 0 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center bottom;
        z-index: 1000;
    }
    
    .portrait div.kasten.kommentar .kasten_img .no_kat_img {
        border-top: none;
    }
    
    .portrait div.kasten.kommentar .kasten_img .no_kat_img img {
        max-width: 75%;
    }
    
    .portrait div.kasten.kommentar .asset_bu {
        margin-top: -2em;
        margin-left: -1em;
        font-size: 0.9em;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);
        transform-origin: 0 0;
    }
    
    .portrait div.kasten.kommentar .asset_bu .figcaption {
        padding: 0;
    }
    
    @media screen and (min-width: 500px) {
        .portrait div.kasten.kommentar .kasten_img .no_kat_img img {
            max-width: 50%;
        }
    }
    
    @media screen and (min-width: 768px) and (max-width: 800px) {
        .portrait div.kasten.kommentar .kasten_img {
            padding-bottom: 2.5em;
        }
        .portrait div.kasten.kommentar .kasten_img::before {
            min-height: 4em;
        }
        .portrait div.kasten.kommentar .kasten_img .no_kat_img img {
            max-width: 50%;
        }
    }
    
    @media screen and (min-width: 800px) and (max-width: 890px) {
        .portrait div.kasten.kommentar .kasten_img {
            padding-bottom: 3.5em;
        }
        .portrait div.kasten.kommentar .kasten_img::before {
            min-height: 5em;
        }
    }
    /* verzeichniskasten */
    
    .portrait .box_verzeichnis {
        padding: 0 1em;
        text-align: left !important;
    }
    
    .portrait .box_verzeichnis li {
        clear: both;
        padding: 0.3em 0;
    }
    
    .portrait .box_verzeichnis .nobr,
    .portrait .box_verzeichnis .nobr-noli {
        float: right;
        white-space: nowrap;
    }
    
    .portrait .content_text .box_verzeichnis {
        display: inline-block;
        width: 100%;
    }
    
    .portrait .content_text .box_verzeichnis li a {
        display: inline;
    }
    
    .portrait .content_text .box_verzeichnis li a:first-of-type {
        display: flex;
        justify-content: space-between;
        max-width: 100%;
        /* 70%;*/
    }
    
    .portrait .content_text .box_verzeichnis li a .kein_stil:first-child {
        flex-shrink: 1;
        padding-right: 5px;
        max-width: 75%;
    }
    
    .portrait .content_text .box_verzeichnis li a .intro-tab+.kein_stil {
        flex-shrink: 0;
    }
    
    .portrait .content_text .box_verzeichnis .intro {
        padding-top: 0.4em;
    }
    
    .portrait .content_text .box_verzeichnis .intro a {
        float: right;
        margin-left: 1em;
    }
    
    .portrait .asset_position.textkaesten {
        text-align: left;
        font-style: normal;
    }
    
    .portrait .asset_position.textkaesten a {
        color: #666;
        font-style: normal;
    }
    
    .portrait .asset_position.textkaesten .zum_kasten {
        font-style: italic;
    }
    
    .portrait .asset_position.textkaesten .kasten_title {
        font-weight: bold;
        font-style: normal;
        color: #000;
    }
    
    .portrait .websites_aktuell .textkaesten {
        display: none;
    }
    
    @media screen and (max-width: 767px) {
        .portrait .content_text .box_verzeichnis {
            margin-bottom: 1em;
        }
    }
    /* leserbriefkasten ng */
    
    .portrait .servicebox_leserbriefe_ng {
        clear: both;
        margin-top: 3em;
        padding: 2em 2em 1em 2em;
        -webkit-border-radius: 1em;
        -moz-border-radius: 1em;
        border-radius: 1em;
        background-color: #e5d7be;
        background-position: 3em 1em;
        background-repeat: no-repeat;
        background-size: 4.5em;
    }
    
    .portrait .servicebox_leserbriefe_ng h2 {
        margin-top: 1.4em;
        font-size: 150%;
        color: #fff;
    }
    
    .portrait .servicebox_leserbriefe_ng h2 allcaps,
    .portrait .servicebox_leserbriefe_ng a {
        color: #7d6c52;
        text-decoration: none;
    }
    
    .portrait .servicebox_leserbriefe_ng h3 {
        margin: 0.5em 0 0 0;
        color: #7d6c52;
    }
    
    .portrait .servicebox_leserbriefe_ng p {
        /*	font-family: 'regularbold', sans-serif;*/
        font-weight: bold;
        color: #6c6e71;
    }
    
    .portrait .servicebox_leserbriefe_ng .sm_icons {
        float: left;
        width: 9em;
        margin-right: 0.75em;
    }
    
    .portrait .servicebox_leserbriefe_ng .sm_icons a {
        display: inline-block;
        width: 2.5em;
        height: 2.5em;
        margin-right: 0.25em;
        background-size: contain;
        background-repeat: no-repeat;
    }
    
    .portrait .servicebox_leserbriefe_ng p.kleiner {
        clear: both;
        margin-top: 0.5em;
        font-size: 80%;
        line-height: 1.3em;
    }
    /* inline kasten */
    
    .portrait.artrubrik_leserforum .spaltenkasten_inline {
        clear: both;
        margin: 1em 0 2em 0;
        padding: 1em 2em;
        -webkit-border-radius: 1em;
        -moz-border-radius: 1em;
        border-radius: 1em;
        background-color: #e5d7be;
    }
    
    .portrait.artrubrik_leserforum .spaltenkasten_inline h2 {
        margin-top: 0.5em;
        font-weight: bold;
        color: #7d6c52;
    }
    
    .portrait.artrubrik_leserforum .spaltenkasten_inline .soft-link a {
        text-decoration: none;
        font-weight: bold;
    }
    /* hotlinekasten fragen sie uns */
    
    .portrait .hotline_fragensieuns {
        clear: both;
        margin-top: 3em;
        padding: 1em;
        -webkit-border-radius: 1em;
        -moz-border-radius: 1em;
        border-radius: 1em;
        background-color: #c5dff1;
    }
    
    .portrait .hotline_fragensieuns h2 {
        font-size: 160%;
        color: #fff;
        margin-bottom: 1em;
    }
    
    .portrait .hotline_fragensieuns h2 allcaps {
        color: #1880ac;
        text-transform: uppercase;
    }
    
    .portrait .hotline_fragensieuns p {
        margin-bottom: 0.5em;
        color: #6c6e71;
        font-weight: 500;
        text-indent: 0;
    }
    
    .portrait .hotline_fragensieuns strong {
        color: #1880ac;
        font-size: 115%;
    }
    
    .portrait .hotline_fragensieuns p.kleiner {
        clear: both;
        margin-top: 0.5em;
        font-size: 85%;
        font-weight: 500;
        line-height: 1.3em;
    }
    
    .portrait .textkaesten .asset_position img,
    .portrait .textkaesten .asset_link img,
    .portrait .textkaesten .small_col_picture img {
        border: none;
    }
    
    .portrait .autoGalMoreLink {
        text-align: center;
    }
    /* interview */
    
    .portrait .kasten .infoz1,
    .portrait .kasten .infofrage,
    .portrait span.inter,
    .portrait .kasten .infointer .infointer {
        font-weight: bold;
    }
    
    .portrait .kasten .infoz1 {
        margin-top: 1em;
    }
    
    .portrait .frage,
    .portrait .kasten .infofrage {
        margin: 1em 0;
    }
    
    .portrait .frage .logo,
    .portrait .frage .TypeSpecial {
        display: block;
        float: left;
        width: 0.75em;
        height: 0.75em;
        text-indent: 1em;
        font-weight: bold;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 4px;
    }
    
    .portrait .frage .TypeSpecial {
        font-style: "regular", sans-serif;
    }
    
    .portrait .zitat {
        margin: 0.75em 0;
    }
    
    .portrait .textkaesten.zitat {
        padding: 0;
    }
    /* general */
    
    body.portrait {
        counter-reset: section;
    }
    
    .portrait article,
    .portrait #appInhalt {
        position: relative;
        padding: 0.5em 1em;
        max-width: 1024px;
        margin: 0 auto;
    }
    
    body.portrait article,
    body.portrait #appInhalt {
        padding: 0.5em 1em 6em 1em;
    }
    
    .portrait.artrubrik_faq article {
        padding: 0em 1em 4em;
    }
    
    .portrait .aufmacher_holder {
        position: relative;
        padding: 0;
        max-width: 1024px;
        margin: 0 auto;
        overflow: hidden;
    }
    
    .portrait article,
    .portrait #appInhalt,
    .portrait.phone .aufmacher_holder {
        max-width: 800px;
    }
    
    .portrait .aufmacher_holder .article_head {
        padding: 1em;
    }
    
    .portrait .aufmacher_holder .imgAndSource {
        position: relative;
    }
    
    .portrait .article.notiz .box_yellow.inline_pic,
    .portrait .article.notiz .box_yellow.only_inline_pic {
        padding: 1.5em 2em 0.75em 2em;
    }
    
    .portrait .article.notiz .box_yellow {
        padding: 1em;
        margin-bottom: 1em;
    }
    
    .portrait .article.notiz .box_yellow p {
        padding-bottom: 0.5em;
    }
    /*.portrait .article.notiz .box_yellow .clear {
    display: none;
}*/
    
    .portrait .pen,
    .portrait .kurz {
        display: block;
        margin-bottom: 1em;
        padding: 0.3em 0 0 1.5em;
        background-repeat: no-repeat;
        background-position: left -2px;
        background-size: 20px;
    }
    
    .portrait .pen span,
    .portrait .kurz span {
        margin-left: -1.25em;
        padding: 0 0 0 1.25em;
        border-bottom: 1px solid #373737;
        line-height: 1.5em;
    }
    
    .portrait .pen img,
    .portrait .kurz img {
        display: none;
    }
    
    .portrait .kasten_img.kasten_inline_pic img {
        max-width: 100%;
    }
    
    .portrait .kasten_inline_pic {
        clear: both;
        padding-bottom: 1.5em;
    }
    
    .portrait .spiele_tabelle {
        padding: 1.875em 0;
        text-align: center;
        text-align: center;
    }
    
    .portrait.body_spiele .asset_position.tabellen {
        clear: both;
    }
    
    .portrait.artrubrik_buchkritik .last_text img {
        border-top: 1em solid transparent;
    }
    
    .portrait.artrubrik_kurz_vorgestellt .last_text .asset_link_tabellen,
    .portrait.artrubrik_kurztest .article_kurz_vorgestellt .last_text .asset_link_tabellen img {
        margin-top: 1em;
    }
    
    .portrait .article_autor {
        clear: both;
        padding-top: 1em;
        font-size: 0.9em;
        font-family: 'regular', sans-serif;
    }
    
    .portrait .inplacebigholder {
        text-align: right;
        padding-bottom: 1em;
    }
    
    .portrait .logo_box {
        text-align: center;
    }
    
    .portrait .logo_box .Logo {
        max-width: 150px;
    }
    
    .portrait .meldungen_zweispaltig .asset_position.logo {
        float: left;
        margin: 0 1em 0 0;
        max-width: 30%;
    }
    
    .portrait .asset_position,
    .portrait .basisartikel_image_aufmacherbild,
    .portrait .basisartikel_image {
        position: relative;
        border-top: 1em solid transparent;
        border-bottom: 1em solid transparent;
        text-align: center;
    }
    
    .portrait .asset_position+.asset_position,
    .portrait .asset_position.icon,
    .portrait .asset_position+.asset_position .no_kat_img {
        border-top: 0;
    }
    
    .portrait .asset_link.sc0 img,
    .portrait .asset_position.bilder.sc0 img {
        border: 1px solid #eee;
    }
    
    .portrait h3+.asset_position,
    .portrait .basisartikel_image_aufmacherbild {
        border-top: none !important;
    }
    
    .portrait .no_kat_img {
        border-top: 1em solid transparent;
        border-bottom: 1em solid transparent;
        max-width: 100%;
        text-align: center;
    }
    
    .portrait .kasten_img .no_kat_img,
    .portrait .asset_position .no_kat_img {
        border-bottom: 0;
    }
    
    .portrait.phone .no_kat_img img {
        max-height: 44em;
    }
    
    .portrait .kasten .normalzeilekasten {
        margin: 1em 0;
    }
    
    .portrait .kasten .normalzeilekasten:first-of-type {
        margin: 0 0 1em 0;
    }
    /* editorial */
    
    .portrait .image_editorial {
        text-align: center;
        margin: 0 auto;
    }
    
    .portrait.phone .image_editorial {
        max-width: 55em;
    }
    
    .portrait .text_editorial {
        padding: 0 1em 18em 1em;
        max-width: 59em;
        margin: 0 auto;
    }
    
    .portrait .text_editorial h4 {
        display: inline-block;
        ;
        margin: 1.5em 0 3.5em 0;
        font-size: 1em;
        font-weight: normal;
        letter-spacing: 0.5em;
        text-decoration: underline;
    }
    
    .portrait.body_editorial p {
        padding-bottom: 0.75em;
        font-family: 'mono', monospace;
        font-size: 0.95em;
        text-indent: 0;
    }
    
    .portrait .unterschrift {
        float: left;
        max-width: 20.625em;
        padding: 1em 0;
    }
    
    .portrait .unterschrift img {
        display: block;
        max-width: 100%;
    }
    
    .portrait .text_editorial .button {
        clear: both;
        float: left;
        display: block;
        margin: 2em 0;
    }
    
    .portrait .article .pict {
        display: inline-block;
        float: left;
        padding: 0.3em 0.5em 0 0;
    }
    
    .portrait .article .os {
        max-height: 36px;
        max-width: 36px;
        margin-right: 5px;
    }
    
    .portrait .article .picto_00,
    .portrait .article .picto_01,
    .portrait .article .picto_02,
    .portrait .article .picto_03,
    .portrait .article .picto_04,
    .portrait .article .picto_05,
    .portrait .article .picto00,
    .portrait .article .picto01,
    .portrait .article .picto02,
    .portrait .article .picto03,
    .portrait .article .picto04,
    .portrait .article .picto05 {
        display: inline-block;
        text-indent: 0;
    }
    
    .portrait .Cebit {
        padding-top: 0.5em;
    }
    /* kids bits */
    
    .portrait .box_kids {
        background-color: #1d98a7;
        background-repeat: no-repeat;
        background-position: right center;
    }
    /* impressum */
    
    .portrait .box_impressum {
        padding: 1.875em;
        font-size: 0.7em;
        background-color: #F1E6D5;
    }
    
    .portrait .impressum_text {
        margin-top: 0;
        padding: 0;
        font-size: 0.7em;
        background: #fff;
    }
    
    .portrait .box_impressum .headline {
        padding-bottom: 0.25em;
        font-size: 1.9em;
    }
    
    .portrait .box_impressum .z,
    .portrait .box_impressum p,
    .portrait .impressum_text h3,
    .portrait .impressum_text p {
        margin: 1em 0 0 0;
        line-height: 1.5em;
    }
    
    .portrait .ib {
        margin-top: 1em;
    }
    
    .portrait .ib:after {
        content: " ";
    }
    
    .portrait .box_impressum p.tel {
        margin: 0 !important;
        font-weight: bold;
    }
    /** spaltenkasten **/
    
    .portrait .article_text .asset_position.spalten {
        display: block;
        float: none !important;
        width: auto !important;
        margin: 0;
        padding: 0;
        background: none;
    }
    
    .portrait .spaltenkasten {
        margin-top: 1.5em;
        /*	padding-bottom: 1em;*/
        text-align: left;
    }
    
    .portrait .spaltenkasten h2,
    .portrait .spaltenkasten .infot {
        margin: 0;
        padding: 0.3em 0;
    }
    
    .portrait .spaltenkasten .uetest {
        padding: 0.5em;
    }
    
    .portrait .spaltenkasten_img {
        height: auto;
        text-align: center;
        margin: 1em 0;
    }
    
    .portrait .spaltenkasten_img .asset_link {
        float: none;
        max-width: 100%;
        width: auto;
        margin-top: 2em;
        margin-bottom: 1em;
    }
    
    .portrait .spaltenkasten_img .asset_link:first {
        margin-top: 0;
    }
    
    .portrait .kastenspalte {
        margin: 0 1.5% 1em 1.5%;
        text-align: left;
    }
    
    .portrait .kastenspalte:first-child {
        border-top: none;
    }
    
    .portrait .kastenspalte img {
        max-width: 100%;
        max-height: 30em;
    }
    
    .portrait .box_spalten .spaltenkasten_img img.logo {
        max-width: 6em;
    }
    
    .portrait .kastenspalte .bew {
        margin-bottom: 0.5em;
    }
    
    .portrait .kastenspalte p {
        margin: 0;
        line-height: 1.4em;
    }
    
    .portrait .content_text .kastenspalte p:nth-of-type(1) {
        text-indent: 0;
    }
    
    .portrait .textkaesten.spalten a {
        display: inline;
    }
    
    .portrait .textkaesten .spaltenkasten h3 {
        font-size: 1.5em;
        margin-top: 2em;
        margin-bottom: 0.75em;
        font-weight: bold;
    }
    
    .portrait .textkaesten .spaltenkasten .kastenspalte.spalte_0>h3 {
        margin-top: 0;
    }
    
    .portrait .textkaesten .spaltenkasten p.infooe1+.bewt,
    .portrait .textkaesten .spaltenkasten p.infonormal+.bewt,
    .portrait .textkaesten .spaltenkasten p.normalhalbkasten+.bewt {
        padding-top: 1em;
        margin-top: 1em;
        border-top: 1px solid #7F8185;
    }
    
    .portrait .kasten .box_meldungen_zweispaltig .bewt .kein_stil {
        font-weight: bold;
    }
    
    .portrait .anzgruen {
        position: relative;
        display: flex;
        margin-bottom: 1em;
    }
    
    .portrait .textkaesten p.infonormallinie,
    .portrait .kasten.hasAsset p.infonormallinie,
    .portrait .textkaesten p.infooelinie {
        margin-bottom: 1em;
        padding-bottom: 1em;
        border-bottom: 1px solid #7F8185;
    }
    
    .portrait .ueinfo {
        font-size: 1.85em;
        margin-bottom: 0.75em;
    }
    
    .portrait .kasten .ueinfo {
        font-size: 1.5em;
    }
    
    .portrait .liste {
        margin-bottom: 1em;
        padding: 1em 0;
        font-size: 0.9em;
        font-weight: bold;
        border-bottom: 1px solid #000;
    }
    
    .portrait.arttyp_tt_dunkelblau .liste {
        color: #27348b;
    }
    
    .portrait .listeschwarz {
        font-weight: bold;
    }
    
    .colorspan.schwarz {
        color: #000;
    }
    
    .anoe {
        padding-left: 1.75em;
    }
    
    .annr {
        display: inline-block;
        width: 1.75em;
        margin-left: -1.75em;
    }
    /* extra falls durch rendern doppelt, dann hiernach fixen */
    
    .portrait .textkaesten .spaltenkasten .bewtstart {
        padding-top: 1em;
        margin-top: 1em;
        border-top: 1px solid #7F8185;
    }
    
    .portrait .textkaesten .spaltenkasten .bewt,
    .portrait .textkaesten .spaltenkasten .bewtoe {
        font-weight: bold;
    }
    
    .portrait .textkaesten .spaltenkasten p.normalhalbkasten {
        text-indent: 1em;
    }
    
    .portrait .textkaesten .spaltenkasten {
        padding: 1em;
    }
    
    .portrait .textkaesten .spaltenkasten .preis {
        margin-top: 1em;
    }
    
    .portrait .textkaesten .spaltenkasten .preis .TypeSpecial {
        font-size: 1.1em;
    }
    /** spalten_inline kasten **/
    
    .portrait .article_text .asset_position.spalten_inline {
        display: block;
        float: none !important;
        width: auto !important;
        padding: 1em;
    }
    
    .portrait .article_text .asset_position.spalten_inline p {
        clear: both;
        text-indent: 0;
    }
    
    .portrait .po,
    .portrait .gruenpfeilhoch,
    .portrait .pu,
    .portrait .rotpfeilrunter,
    .portrait .pl,
    .portrait .pr {
        display: inline-block;
        width: 1.2em;
        height: 1.35em;
        margin: 0 0.2em 0 -1em;
        padding: 0 0.75em 0.25em 0;
        text-indent: -99em;
        background-repeat: no-repeat;
        background-position: left top;
        background-size: contain;
        overflow: hidden;
        vertical-align: middle;
    }
    
    .portrait .Normal_Bewertung,
    .portrait .bewt {
        clear: both;
        padding-left: 1.7em;
        text-indent: -0.6em !important;
    }
    
    .portrait .normal+.bewt {
        padding-top: 1em;
    }
    
    .portrait .bewt>.kein_stil:first-child {
        margin-left: -1em;
    }
    
    .portrait .bew {
        margin: 1.5em 0 0.3em 0;
        padding: 1em 0 0.2em 0;
        text-indent: 0;
        font-weight: bold;
        text-indent: 0 !important;
    }
    /* buchvorstellung */
    
    .portrait .cover_box {
        float: left;
        margin: 0 1.5em 0.5em 0;
        text-align: center;
    }
    
    .portrait .article_buchkritik .caption_source {
        clear: both;
        margin: 1em 0 !important;
        padding: 1.25em;
        text-align: center !important;
    }
    
    .portrait .article_buchkritik .caption_source div {
        display: inline-block;
    }
    
    .portrait .article_buchkritik .caption_source span {
        display: inline-block;
        padding: 0 0.3em;
    }
    
    .portrait .article_buchkritik .caption_source span:before {
        content: "• ";
    }
    
    .portrait .article_buchkritik .caption_source span:first-of-type:before {
        content: "";
    }
    /** buchkritik neu ab ct 14/2017 **/
    
    .portrait.artrubrik_buchkritik .no_kat_img.nki_ {
        float: left;
        margin-right: 1em;
    }
    
    .portrait .buchnormal+.clearcontent {
        clear: both;
    }
    
    .portrait .bucht {
        font-size: 1.25em;
        font-weight: bold;
    }
    
    .portrait .bucht+.buchnormal,
    .portrait .buchu+.buchnormal {
        margin-top: 1em;
    }
    
    .portrait .bucht,
    .portrait .buchu {
        color: #1d98a7;
    }
    /* KIDS BITS */
    
    .portrait .box_kids {
        clear: both;
        color: #FFF;
        background-color: #1d98a7;
        padding: 18px 80px 18px 10px;
        margin: 25px 0 0 0;
        background-repeat: no-repeat;
        background-position: right center;
        text-align: center;
    }
    
    .portrait .box_kids p {
        display: inline;
        margin: 0 0.1em;
    }
    /** hotline / FAQ **/
    
    .portrait .article_hotline {
        background-repeat: no-repeat;
    }
    
    .portrait .hotline_headline {
        display: inline-block;
        float: left;
        margin: 0 !important;
        text-transform: uppercase;
        font-size: 3.2em;
        color: #5cb0de;
    }
    
    .portrait .article_hotline .tel {
        text-indent: 0;
        clear: both;
    }
    
    .portrait .hotline_buttons {
        float: left;
        margin: 1.25em 0;
    }
    
    .portrait .hotline_buttons a {
        float: left;
        margin-right: 1.25em;
    }
    
    .portrait .faq_thema .image_rechts.textkaesten {
        display: none;
    }
    
    .portrait .wir-helfen a.tippslink {
        font-weight: bold;
    }
    
    .portrait.body_faq .oe {
        clear: both;
    }
    
    .portrait.artrubrik_tipps_und_tricks .question,
    .portrait.artrubrik_faq .question {
        display: inline-block;
    }
    
    .portrait.artrubrik_tipps_und_tricks .answer,
    .portrait.artrubrik_faq .answer {
        clear: none;
    }
    
    .portrait.artrubrik_tipps_und_tricks div.content_text h3 {
        margin-top: 1.5em;
        padding-top: 2em;
        border-top: 1px solid #000;
    }
    
    .portrait.artrubrik_tipps_und_tricks div.content_text h3:first-of-type,
    .portrait.artrubrik_faq p#p_1.zt1,
    .portrait.artrubrik_faq p#p_2.zt1 {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }
    
    .portrait p.question,
    .portrait p.answer {
        clear: both;
        margin-top: 1em;
        text-indent: 0 !important;
    }
    
    @media screen and (min-width: 768px) {
        .portrait p.answer {
            margin-top: 2em;
        }
    }
    
    .portrait p.answer .kein_stil .TypeSpecial,
    .portrait p.question .kein_stil .TypeSpecial {
        display: none;
    }
    
    .portrait p.answer .TypeSpecial:first-of-type,
    .portrait p.question .TypeSpecial:first-of-type {
        display: block;
        float: left;
        height: 1.05em;
        width: 0.66em;
        margin: 4px 10px 0 0;
        font-family: 'regular', sans-serif;
        font-size: 2.5em;
        font-weight: bold;
        letter-spacing: 1em;
        color: #fff;
        overflow: hidden;
    }
    
    .portrait p.question .TypeSpecial:first-of-type {
        padding: 11px 4px 0 3px;
    }
    
    .portrait p.answer .TypeSpecial:first-of-type {
        padding: 11px 0px 0 5.5px;
    }
    
    .portrait.body_hotline .question .TypeSpecial:first-of-type:before,
    .portrait.body_faq .question .TypeSpecial:first-of-type:before {
        content: "?";
    }
    
    .portrait.body_hotline .answer .TypeSpecial:first-of-type:before,
    .portrait.body_faq .answer .TypeSpecial:first-of-type:before {
        content: "!";
    }
    
    .portrait p.question .TypeSpecial:first-of-type .colorspan.wei,
    .portrait p.answer .TypeSpecial:first-of-type .colorspan.wei {
        display: none;
    }
    
    .portrait .typespecialfont,
    .portrait .ll,
    .portrait .l_l,
    .portrait .TypeSpecial,
    .portrait .typespecial12pt,
    .portrait .uein,
    .portrait .uaus {
        font-family: 'typespecial';
        font-size: 1.5em;
    }
    
    .portrait .initial .TypeSpecial {
        font-size: 1.2em;
    }
    
    .portrait .uaus {
        opacity: 0.5;
    }
    
    .portrait .ll {
        font-family: 'typespecial';
        font-size: 1.25em;
    }
    
    .portrait.phone .ll {
        margin-left: -0.25em;
        font-size: 1.05em;
    }
    
    .portrait .asset_position.wir-helfen .brief-icon,
    .portrait .leserbriefkasten .brief-icon {
        font-size: 1.25em;
    }
    
    .portrait .asset_position.wir-helfen .forum-icon,
    .portrait .leserbriefkasten .forum-icon {
        font-size: 0.95em;
    }
    
    .portrait .asset_position.wir-helfen,
    .portrait .leserbriefkasten {
        margin-bottom: 2em;
        padding: 1em;
        text-align: left;
    }
    
    .portrait .asset_position.wir-helfen {
        border: 1px solid #000;
    }
    
    .portrait .leserbriefkasten {
        background-color: #d6edf2;
    }
    
    .portrait .asset_position.wir-helfen h4,
    .portrait .leserbriefkasten h4 {
        margin-bottom: 1em;
        padding: 0.1em 0.5em;
        color: #fff;
        background-color: #000;
    }
    
    .portrait .asset_position.wir-helfen p,
    .portrait .leserbriefkasten p {
        text-indent: 0;
    }
    
    .portrait .leserbriefkasten p:last-of-type {
        margin-bottom: 0;
    }
    
    .portrait .leserbriefkasten p.antwort {
        font-style: italic;
    }
    
    .portrait .asset_position.wir-helfen table,
    .portrait .leserbriefkasten table {
        width: 100%;
        margin: 1em 0;
    }
    
    .portrait .asset_position.wir-helfen tr,
    .portrait .leserbriefkasten tr {
        border-bottom: 1px solid #000;
    }
    
    .portrait .asset_position.wir-helfen th,
    .portrait .leserbriefkasten th {
        font-weight: bold;
    }
    
    .portrait .asset_position.wir-helfen th,
    .portrait .asset_position.wir-helfen td,
    .portrait .leserbriefkasten th,
    .portrait .leserbriefkasten td {
        padding: 0.5em 0;
    }
    
    .portrait .asset_position.wir-helfen .addresslabel,
    .portrait .leserbriefkasten .addresslabel {
        font-weight: bold;
    }
    
    .portrait .icon_replace {
        float: left;
        display: inline-block;
        height: 2.8em;
        width: 1.763em;
        padding: 0.2em 0.5em 0 0;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0 0.3em;
    }
    
    .portrait .bewt .question {
        display: block;
        min-height: inherit;
        padding-top: 0;
        padding-bottom: 0.2em;
    }
    
    .portrait .bewt .question .TypeSpecial {
        width: 1.25em;
        margin-left: -1.7em;
        max-height: 1.5em;
        padding-bottom: 0.2em;
        background-position: 0 center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    
    .portrait .faq_headline,
    .portrait .faq_text_headline {
        /* .faq_headline alt? */
        height: 11em;
        width: 15em;
        margin-top: -1.5em;
    }
    
    .portrait .faq_header_text {
        clear: both;
        padding-bottom: 2em;
        max-width: 100%;
    }
    
    .portrait p.faq_headline,
    .portrait .faq_header_text p {
        text-indent: 0;
    }
    
    .portrait .faq_autor {
        /*	font-family: 'regularbold', sans-serif;*/
        font-weight: bold;
    }
    
    .portrait.artrubrik_faq p.soft-link {
        clear: both;
    }
    /* internet web-tipps */
    
    .portrait.artrubrik_internet .tel {
        /*	font-family: 'regularbold', sans-serif;*/
        font-weight: bold;
        text-indent: 0;
    }
    
    .portrait.artrubrik_web-tipps .clear.afterauthor+h3.z {
        border-top: 1px solid #92a0a3;
        padding-top: 1em;
    }
    /* Interview */
    
    .portrait p.inter {
        text-indent: 0;
    }
    
    .portrait.artrubrik_interview p.inter .inter {
        font-weight: bold;
    }
    /* story */
    
    .portrait.arttyp_story p.initial {
        margin-top: 2em;
    }
    
    .portrait.arttyp_story p.initial:first-of-type {
        margin-top: 0;
    }
    
    .portrait.rubrik_magazin .preListingBox pre {
        border: none;
    }
    
    .portrait.arttyp_story p.sternchen,
    .portrait.artrubrik_story p.sternchen {
        text-align: center;
        margin: 0.5em 0px;
        font-weight: bold;
        font-size: 1.5em;
    }
    
    .portrait.artrubrik_story .neuefarbe {
        text-indent: 0em !important;
        margin-left: -1em;
        padding-left: 1em;
        display: inline-block;
    }
    
    .portrait.artrubrik_story .fontspan.lyontextregularitalic {
        float: right;
        margin-top: 1.5em;
        font-weight: bold;
        font-style: italic;
    }
    
    .portrait.artrubrik_story .storyfortsetzung {
        font-weight: bold;
        margin-bottom: 1em;
        font-style: italic;
    }
    
    .portrait.artrubrik_story .oe {
        padding: 0.5em 0;
    }
    
    .portrait .linksbuendig {
        display: inline-block;
        width: 50%;
    }
    
    .portrait .links {
        display: inline-block;
        width: 30%;
    }
    
    .portrait .rechts {
        float: right;
    }
    
    .portrait .tb .mitte {
        display: inline-block;
        width: 30%;
    }
    
    .portrait .tb .rechtsbuendig {
        display: inline-block;
        width: 20%;
        text-align: right;
    }
    
    .portrait .lf_pink {
        color: #d12c71;
        text-indent: 0em !important;
        padding-top: 1em;
    }
    /** form elements **/
    
    .portrait .button {
        background: #e1e6ea;
        border-bottom: 1px solid #a0a2a5;
        border-radius: 0.5em 0.5em 0.5em 0.5em;
        box-shadow: 0 0.063em 0.063em rgba(0, 0, 0, 0.2);
        color: #8c96c0;
        font-size: 0.9em;
        /*    font-family: 'regularbold',sans-serif;*/
        font-weight: bold;
        padding: 0.5em 1.875em 0.3em 1.875em;
        text-shadow: 0 0.063em 0 #fff;
        text-transform: uppercase;
    }
    
    .portrait .button.small {
        padding: 0.375em 0.9375em 0.3em 0.9375em;
    }
    
    .portrait .button.deactivated {
        background: #f3f3f3;
        color: #ddd;
        border-bottom: 1px solid #c0c2c5;
        box-shadow: none;
    }
    
    .portrait .button.new_threads {
        background: #8c96c0;
        border-bottom: 1px solid #7F96D6;
        border-radius: 0.5em 0.5em 0.5em 0.5em;
        box-shadow: 0 0.063em 0.063em rgba(0, 0, 0, 0.2);
        color: #e1e6ea;
        text-shadow: 0 0.063em 0 #3B4562;
    }
    
    .portrait p.forum_button {
        width: 100%;
        margin: 3em 0 2em 0 !important;
    }
    /* leserbriefe */
    
    .portrait .article_leserbriefe p {
        margin: 0 0 1em;
    }
    
    .portrait .article_leserbriefe h1 {
        margin: 0 0 1em;
    }
    
    .portrait .article_leserbriefe h2,
    .portrait .article_leserbriefe h3,
    .portrait .article_leserbriefe h4 {
        margin: 2em 0 0.5em 0;
        clear: both;
    }
    
    .portrait .article_leserbriefe .leserbriefkasten h4 {
        clear: none;
        margin-top: 0.15em;
    }
    
    .portrait .article_leserbriefe h2.colored {
        font-size: 1.7em;
    }
    /*
.portrait .leserbriefContent:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}
.portrait .leserbriefContent .italic a{
    text-decoration: underline;
}
.portrait .leserbriefKontextUndContent a {
    text-decoration: underline;
}
.portrait .leserbriefKontextUndContent .webcode a,
.portrait .leserbriefKontextUndContent a.asset_link {
    text-decoration: none !important;
}

.portrait .leserbriefContent .leser{
    text-align:right;
}
.portrait .servicebox_leserbriefe ul {
	padding-bottom:1em;
}
.portrait .servicebox_leserbriefe li {
	margin-left: 1em;
	text-indent:-0.7em;
}
.portrait .servicebox_leserbriefe li:before {
	position:relative;
	left:-0.3em;
	content:"– ";
}*/
    
    .portrait .article_leserbriefe .name {
        text-align: right;
    }
    
    .portrait .article_leserbriefe .fb,
    .portrait .article_leserbriefe .g,
    .portrait .article_leserbriefe .f,
    .portrait .article_leserbriefe .b,
    .portrait .article_leserbriefe .t {
        padding-left: 0.25em;
        font-family: 'typespecial';
        font-size: 1.25em;
    }
    
    .portrait .article_leserbriefe .f {
        display: inline-block;
        font-size: 0.75em;
        vertical-align: top;
    }
    
    .portrait .article_leserbriefe .b {
        font-size: 0.95em;
    }
    
    @media screen and (max-width: 400px) {
        .portrait .article_leserbriefe .b::after {
            content: "";
            display: block;
        }
    }
    
    .portrait .article_leserbriefe .c {
        font-style: italic;
        font-size: 0.8em;
    }
    
    .portrait .article_leserbriefe .red {
        font-style: italic;
    }
    /* spiele neu */
    
    .portrait .bewt~.bilder.icon {
        margin-top: 2em;
    }
    
    .portrait .spieltteil,
    .portrait .spielt {
        clear: both;
        font-size: 1.35em;
        font-weight: bold;
    }
    
    .portrait span.spiela {
        display: block;
        font-size: 0.8em;
        font-weight: normal;
    }
    
    .portrait p.spiela {
        font-size: 1.1em;
        font-weight: bold;
        padding: 1em 0;
    }
    
    .portrait .spielv {
        clear: both;
        margin: 1em 0;
        font-weight: bold;
    }
    
    .portrait p.spiela+p.oe {
        clear: both;
    }
    
    .portrait .bilder.icon+.bilder.icon {
        margin-left: 0.5em;
    }
    
    .portrait.artrubrik_spielekritik h1 {
        margin-bottom: 0;
    }
    
    .portrait.artrubrik_spielekritik .bilder.icon {
        margin-left: 0;
        margin-right: 0.5em;
    }
    
    .portrait.artrubrik_spielekritik .bilder.icon+.no_float_initial {
        float: left;
    }
    
    .portrait .no_float_initial+.oe {
        clear: both;
    }
    
    .portrait .spieltlinie {
        padding-top: 0.5em;
        border-top: 1px solid #000;
        font-size: 1.4em;
        font-weight: bold;
    }
    /** trennlinien **/
    
    .portrait .trenner_hotline,
    .portrait .trenner_vorgestellt,
    .portrait .trenner_grau,
    .portrait .trenner_spiele,
    .portrait .trenner_vorschau {
        clear: both;
        height: 2px;
        margin: 1em 0;
    }
    
    .portrait .trenner_grau {
        /* schwarz wie im PDF */
        background-color: #000;
    }
    
    .trenner_grau~.kasten {
        margin-top: 3.125em !important;
    }
    /** aufmacher **/
    
    .portrait .figcaptionAufmacher,
    .portrait .figcaptionaufmacher {
        position: absolute;
        display: inline-block;
        top: auto;
        bottom: 0;
        right: 0;
        padding: 0 10px;
        background: rgba(255, 255, 255, 0.75);
        z-index: 100;
    }
    
    .portrait .aufmacher3_holder {
        overflow: hidden;
        position: relative;
        text-align: left;
    }
    
    .portrait .aufmacher3_image {
        position: relative;
    }
    
    .portrait .aufmacher_image img {
        display: inline-block;
        width: 100%;
    }
    /* stoerer */
    
    .portrait .stoerer {
        display: none;
    }
    /* spaltenkasten 0-spaltig */
    
    .portrait .box_spalten.ist-0-spaltig,
    .portrait .box_spalten.ist-1-spaltig {
        padding: 1em;
    }
    /** vorschau **/
    
    .portrait .vorschau_box_header {
        padding-top: 1.875em;
    }
    
    .portrait .vorschau_box_header h1 {
        line-height: 1em;
        margin-bottom: 0.5em;
    }
    
    .portrait .vorschau_box_header .untertitel {
        font-size: 1em;
    }
    
    .portrait .vorschau_box {
        padding-top: 0.75em;
    }
    
    .portrait .vorschau_box h3,
    .portrait .vorschau_box .zt {
        clear: both;
        padding: 1em 0;
    }
    
    .portrait .vorschau_box .no_kat_img {
        border: none;
    }
    
    .portrait .vorschau_box_header img {
        margin-bottom: -5px;
    }
    
    .portrait .vorschau_box .datum .url {
        float: right;
    }
    
    .portrait .vorschau_box .asset_link,
    .portrait .box_right .asset_link {
        margin: 0 0 1em 0;
    }
    
    .portrait .vorschau_box .ausserdem {
        margin-top: 2em;
        clear: both;
    }
    
    .portrait .vorschau_box .ausserdem span {
        background-color: #00B2BD;
        padding: 4px 4px 3px;
        color: white;
    }
    
    .portrait .vorschau_box p {
        text-indent: 0;
    }
    
    .portrait .vorschau_box .datum {
        font-size: 1.25em;
    }
    /** praxis bewertungen **/
    
    .portrait p.bewp,
    .portrait p.bewpgerade,
    .portrait p.bewpungerade {
        padding: 0.25em 2em;
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: 0 0.5em;
        text-indent: 0 !important;
    }
    /*
#################
##   kaesten   ##
#################
*/
    
    .portrait div.kasten,
    .portrait div.textkaesten {
        margin: 2em 0;
        padding: 1em;
    }
    
    .portrait .kasten h3 {
        margin-bottom: 0.5em;
        padding: 0.3em 0;
    }
    
    .portrait .kasten h5 {
        padding: 0.1em 0.5em;
        /* 0.3em 0 */
        margin-bottom: 0.5em;
    }
    
    .portrait .notiz h4.pen {
        padding: 0.1em 0.5em;
        /* 0.3em 0 */
        margin-bottom: 0.5em;
    }
    
    .portrait .notiz h4.pen span {
        border: none;
    }
    
    .portrait .kasten h3 {
        margin-top: 1em;
    }
    
    .portrait .kasten h3:first-of-type {
        margin-top: 0;
    }
    
    .portrait .kastenBacklinkCell {
        display: none;
    }
    
    .portrait .kasten .aik {
        margin: 0.75em 0 0.5em;
        font-weight: bold;
        font-size: 1.1em;
    }
    
    .portrait .kasten.tipp-kasten {
        position: relative;
    }
    
    .portrait .kasten.tipp-kasten h5 {
        position: relative;
        margin-top: 0;
        padding-right: 40px;
        /* 120 */
        font-size: 1.5em;
    }
    
    .portrait .kasten.tipp-kasten p.tipp {
        padding-right: 40px;
        /* 90 */
        font-size: 1.25em;
        font-weight: bold;
        border-bottom: 1px black solid;
        padding-bottom: 0.5em;
    }
    
    .portrait .tipp-kasten .pnotiz,
    .portrait .tipp-kasten .phefte,
    .portrait .tipp-kasten .pdauer,
    .portrait .tipp-kasten .palter,
    .portrait .tipp-kasten .pkosten {
        font-family: 'typespecial';
        font-size: 1.25em;
        flex-shrink: 0;
    }
    
    .portrait .kasten .kasten_img a.asset_link,
    .portrait .textkaesten.kasten .kasten_link a {
        text-decoration: none;
    }
    
    .portrait .textkaesten.spalten {
        position: relative;
        margin: 0 !important;
        border: none;
    }
    /* preispfeil nach unten */
    
    .portrait .content_text .spalten.odd .preis {
        bottom: -35px;
        margin-left: 0%;
        padding-top: 0.75em;
        background: #d2d9dd;
    }
    
    .portrait .content_text .spalten.odd .preis::before {
        bottom: -34.5px;
        border-top: 35px solid #d2d9dd;
    }
    /* preispfeil nach oben */
    
    .portrait .content_text .spalten.even .preis {
        top: -35px;
        margin-left: 37%;
        padding-top: 0.5em;
        background: #d2d2d4;
    }
    
    .portrait .content_text .spalten.even .preis::before {
        top: -35px;
        border-bottom: 35px solid #d2d2d4;
    }
    /* MQs */
    
    @media screen and (min-width: 400px) {
        .portrait .content_text .spalten.odd .preis {
            margin-left: 11%;
        }
    }
    
    @media screen and (min-width: 584px) {
        .portrait .content_text .spalten.odd .preis {
            margin-left: 25%;
        }
        .portrait .content_text .spalten.even .preis {
            margin-left: 45%;
        }
    }
    /* beide preispfeile */
    
    .portrait .content_text .spalten.odd .preis,
    .portrait .content_text .spalten.even .preis {
        display: inline-block;
        position: absolute;
        height: 55px;
        width: 100px;
        font-size: 1.5em;
        font-weight: bold;
        text-align: center;
        text-indent: 0;
        vertical-align: middle;
    }
    
    .portrait .content_text .spalten.odd .preis::before,
    .portrait .content_text .spalten.even .preis::before {
        position: absolute;
        content: "";
        height: 0;
        width: 0;
        left: 0;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
    }
    
    @media screen and (min-width: 767px) {
        .portrait .kasten.hasAsset .box_meldungen_zweispaltig .kasten_img {
            margin-bottom: 1em;
        }
    }
    
    .portrait div.kasten.hasAsset .kasten_default_pic.kat_icon {
        clear: left;
        float: left;
        max-width: 5em;
        margin: 1.25em 1em 0.25em 0 !important;
    }
    
    .portrait .kasten.tipp-kasten .tipptext>span {
        display: inline;
        padding: 0.25em 0 0.25em 0.5em;
    }
    
    .portrait .kasten.tipp-kasten .tipptext {
        margin: 0.75em 0;
    }
    
    .portrait .kasten.tipp-kasten .tipptext {
        display: flex;
    }
    
    .portrait .kasten .infoz,
    .portrait .spalten .infoz {
        margin-top: 1.5em;
        padding-top: 1.5em;
        font-size: 1.25em;
        font-weight: bold;
        border-top: 2px solid #fff;
    }
    
    .infooelinie+.infoz {
        border: none !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    
    .portrait .kasten .infoz:first-of-type,
    .portrait .spalten .infoz:first-of-type {
        margin-top: 0;
        padding-top: 0;
        border: none;
    }
    
    .portrait .spalten .infov {
        margin-top: 1em;
        font-weight: bold;
    }
    
    .portrait .spalten .infov:first-of-type {
        margin-top: 0;
    }
    
    .pnotiz {
        display: block;
    }
    /*.portrait.artrubrik_web-tipps .kasten h5 {
    padding: 0.1em 0.5em;
}*/
    
    .portrait .infooe {
        margin-top: 0.5em;
        padding-top: 0.5em;
        border-top: 1px solid #92a0a3;
    }
    
    .portrait .infooe:first-of-type {
        border: none;
    }
    
    .portrait .infooe1,
    .portrait .infooe1link {
        text-indent: 0 !important;
    }
    
    .portrait .infoein {
        padding-left: 1.5em;
    }
    
    .portrait .infoein .infoeinaz {
        display: inline-block;
        width: 1.25em;
        margin-left: -1.5em;
    }
    /*
##############################
        MEDIA QUERIES
##############################
*/
    
    @media screen and (max-width: 500px) {
        .portrait .cover_box {
            float: none;
        }
    }
    
    @media screen and (min-width: 601px) {
        .portrait .aufmacher_holder {
            padding: 0;
        }
        .portrait .article_head {
            padding: 0 3.5em;
            /* */
            /* padding: 0em 0em 1.5em; */
        }
        .portrait h1 {
            font-size: 3.75em;
        }
        .portrait h2,
        .portrait .z1 {
            font-size: 2em;
        }
        .portrait .faq_headline {
            margin-top: -3em;
        }
    }
    
    @media screen and (min-width: 768px) {
        .portrait article,
        .portrait #appInhalt,
        .portrait .article_editorial {
            padding: 1.875em 3.5em;
        }
    }
    /*************************
   orientation specific
**************************/
    
    @media screen and (max-width: 640px) and (orientation: landscape) {}
    
    @media screen and (max-width: 600px) and (orientation: portrait) {}
    /*
##############################
	  FONT RESIZE PHONE
##############################
*/
    
    .fontSize20 .aufmacher2_headline,
    .fontSize24 .aufmacher2_headline {
        position: relative;
        max-width: 100%;
        margin-left: 0;
        /*padding: 0.5em 3.5em 1em !important;*/
        background: none;
        color: #313131;
    }
    
    .fontSize20 .aufmacher3_headline,
    .fontSize24 .aufmacher3_headline,
    .fontSize20 .aufmacher5_headline,
    .fontSize24 .aufmacher5_headline {
        top: auto;
        bottom: auto;
        max-width: 100%;
        margin-left: 0;
    }
    
    .fontSize20 .article_head h1 {
        font-size: 2.5em !important;
        line-height: 1em;
    }
    
    .fontSize24 .article_head h1 {
        font-size: 2.7em !important;
        line-height: 1em;
    }
    
    .fontSize20 .article_head h2,
    .fontSize20 .kasten h5 {
        font-size: 1.9em !important;
        line-height: 1.1em;
    }
    
    .portrait.fontSize14 .kasten.tipp-kasten .tipptext>span {
        padding: 0.25em 0px 0.25em 2.5em !important;
        background-position: 0px 4px;
    }
    
    .portrait.fontSize12 .kasten.tipp-kasten .tipptext>span {
        padding: 0.25em 0px 0.25em 3em !important;
        background-size: 20px auto;
        background-position: 0px 3px;
    }
    
    .portrait.fontSize20 .article_head.no_margin_top,
    .portrait.fontSize24 .article_head.no_margin_top {
        padding: 0 0 1em 0 !important;
    }
    
    .fontSize20 p.article_description {
        font-size: 1.1em;
    }
    
    .fontSize20 .faq_headline {
        height: 16em;
        width: 20em;
    }
    
    .fontSize24 .faq_headline {
        height: 13em;
        width: 20em;
    }
    
    .fontSize20 .faq_header_text,
    .fontSize24 .faq_header_text {
        position: relative;
        left: 0;
        padding: 0;
    }
    
    .fontSize20 .faq_title {
        font-size: 300%;
    }
    
    .fontSize24 .faq_title {
        font-size: 250%;
    }
    
    .portrait.fontSize12 .box_yellow .pen {
        background-position: left -1px;
        background-size: 15px auto;
    }
    
    .portrait.fontSize14 .box_yellow .pen {
        background-position: left -1px;
        background-size: 17px auto;
    }
    
    .portrait.fontSize20 .box_yellow .pen,
    .portrait.fontSize20 .box_yellow .kurz {
        background-position: left 6px;
        /* vorher left 12px falls .kurz nich funktioniert */
    }
    
    .portrait.fontSize24 .box_yellow .pen,
    .portrait.fontSize24 .box_yellow .kurz {
        background-position: left 14px;
        /* vorher left 22px falls .kurz nich funktioniert */
    }
    
    .fontSize20 .image_rechts,
    .fontSize24 .image_rechts {
        float: none;
        margin: 1em 0;
    }
    
    .rubrik_praxis_tipps.fontSize20 .bildgruppen .no_kat_img,
    .rubrik_praxis_tipps.fontSize24 .bildgruppen .no_kat_img {
        border-top: 0;
    }