/*
################################
   TYPOGRAPHY CT
################################
*/

/*
   c’t FONTS
*/

@font-face {
    font-family: 'mono';
    src: url('../fonts/DejaVuSansMono.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'monobold';
    src: url('../fonts/DejaVuSansMono-Bold.ttf');
	font-style: normal;
}

@font-face {
    font-family: 'freemono';
    src: url('../fonts/FreeMono.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'freemonobold';
    src: url('../fonts/FreeMonoBold.ttf');
	font-weight: bold;
	font-style: normal;
}

@font-face {
    font-family: 'regular';
    src: url('../fonts/DejaVuSansCondensed.ttf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'regular';
    src: url('../fonts/DejaVuSansCondensed-Oblique.ttf');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'regular';
    src: url('../fonts/DejaVuSansCondensed-Bold.ttf');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'regular';
    src: url('../fonts/DejaVuSansCondensed-BoldOblique.ttf');
    font-weight: 600;
    font-style: italic;
}

.portrait h1,
.portrait h2,
.portrait h3,
.portrait h4,
.portrait h5,
.portrait h6,
.portrait .article_head h1,
.portrait .article_kurz_vorgestellt h3.z,
.portrait .article_kurz_vorgestellt h3.z1,
.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 {
	font-weight: 600;
}

.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 {
  font-family: 'mono', monospace;
  font-size: 0.95em;
}
.portrait .lf_spalten,
.portrait .Cebit,
.portrait .cebit {
	text-indent: 0 !important;
}
.portrait article,
.portrait .kasten {
    font-size: 0.95em;
}

.portrait .article_head h1 {
    line-height: 1em;
}
.portrait .aufmacher3_headline,
.portrait .aufmacher5_headline {
    font-size: 0.95em;
}

.portrait p.article_description {
    font-weight:bold;
	font-size:0.85em;
	line-height: 1.5em;
}
.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: 2.0em;
    line-height: 4.3em;
}
.portrait h2,
.portrait h3,
.portrait h4,
.portrait h5,
.portrait .box_verzeichnis_headline {
	font-size: 1.15em;
    line-height: 1.3em;
}

.portrait .content_text h3 {
    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 .z_grau {
	font-size:1.3em;
}
.portrait.body_hotline .content_text h3,
.portrait .faq_thema h3,
.portrait .hotline_thema h3 {
    clear:both;
}

.portrait .text_editorial h4 {
    font-size: 1em;
}

.portrait h1,
.portrait h2,
.portrait h3,
.portrait h4,
.portrait h5,
.portrait h6,
.portrait p,
.portrait a,
.portrait .fussnote a,
.portrait .figcaption {
    word-break: break-word;
    
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -hyphens: auto;
    hyphens: auto;
    
    hyphenate-lines: 4;
    
    overflow-wrap: hyphenate;
}

.portrait .figcaption {
    padding: 0.313em 0;
    text-align: left;
    font-weight:600;
	font-size:0.95em;
	line-height: 1.5em;
}
.portrait .figcaption.figsource {
		font-weight: 500;
}

.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 .seite {
    float:right;
    margin-right:-50px;
    display:none;
    text-decoration:none;
    font-size:75%;
}

.portrait .webcode p {
    padding: 1em 0;
    text-indent: 0;
    font-size: 0.95em;
}

.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 .faq_headline {
    float: left;
    height: 18em;
    width: 21em;
    line-height: 1.2em;
    padding-bottom: 0;
    text-indent:0;
}

.portrait .faq_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 .frage,
.portrait .italic,
.portrait .redaktion,
.portrait em {
    font-style:italic;
}
.portrait .zit {
    font-weight:bold;
	font-size:1.8em;
	line-height: 1.1em;
    text-align:center;
}
.portrait sup {
    font-size:0.7em;
    vertical-align:baseline;
}
.portrait sub {
    font-size:0.7em;
    vertical-align:baseline;
}
.portrait span[name="Initial"],
.portrait span.Initial,
.portrait span.initial {
    float: left;
    display: inline-block;
    font-weight:bold;
	font-size:3.21em;
	line-height: 0.7em;
    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;
}

.portrait .webcode a,
.portrait .Softnicht a,
.portrait .softnicht a {
	font-weight: 600;
	font-style: italic;
	text-decoration: none;
}
.portrait span.Softnicht a,
.portrait span.softnicht a {
	font-style: normal;
}

.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,
.portrait .url {
		float:right;
}

/* listings */
.portrait .box_code {
	margin-top:1.5em;
    background-color: #f0f1e2;
	background-repeat: no-repeat;
	background-position: 95% bottom;
	font-size: 0.95em;
    overflow-x: auto;
    padding: 1em;
    white-space: pre;
}
.portrait .kasten .box_code {
	background-color: transparent;
}
.portrait pre,
.portrait .lf_spalten_div {
	  margin: 1em 0;
	padding:0.313em 0;
	text-align:left;
	overflow-x: auto;
    border:1px solid rgba(0, 0, 0, 0.02);
}
.portrait pre .zeile.einzug {
	text-indent:2em;
}

.portrait .listings .figcaption {
	padding:1.5em 0;
}
.portrait .listingsliderbuttons {
	margin:-0.5em 0 1.5em 0;
	text-align: center;
}
.portrait .listingsliderbuttons span {
	margin-left:1em;
}

.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;
}

/** aufmacher **/
.portrait .vorspann {
    font-weight:bold;
	font-size:1.075em;
	line-height: 1.5em;
}

/* 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 p {
    padding-bottom:0;
    font-size: 1em;
}
.portrait .ib {
    display:block;
	font-weight:bold;
}
.portrait .NormalSchwarz
.portrait .normalschwarz {
	font-weight:bold;
}
.portrait .listingtitle {
	font-weight: 600;
	font-size: 110%;
}


/*
#################################
   COLORS
#################################
*/

.portrait body,
.portrait a {
	color: #373737;
}

.portrait .z1 {
	color: #0071a1;
}

.portrait .z_grau {
	color: #7f8185;
}

.portrait .webcode a,
.portrait .Softnicht a,
.portrait .softnicht a {
    color: #0070CF;
}
.portrait .seite {
	color:#999;
}

/** notizen **/
.portrait .box_yellow {
	background: #f0f1e2;
}

/** rubriken **/
.portrait .article_leserbriefe h1,
.portrait .article_leserbriefe .colored,
.portrait.rubrik_standard .colored,
.portrait.rubrik_standard .z1,
.portrait.rubrik_standard .zit,
.portrait.rubrik_standard .article_aktuell p.Initial span[name=Initial],
.portrait.rubrik_standard .article_aktuell p.Initial .Initial,
.portrait.rubrik_standard .article_aktuell p.initial .initial,
.portrait.rubrik_standard .article_text .Initial span[name=Initial],
.portrait.rubrik_standard .article_text .Initial .Initial,
.portrait.rubrik_standard .article_text .initial .initial,
.portrait.rubrik_standard .infobar,
.portrait.rubrik_standard .kastenspalte h3,
.portrait.artrubrik_standard .colored,
.portrait.artrubrik_standard .z1,
.portrait.artrubrik_standard .zit,
.portrait.artrubrik_standard .article_aktuell p.Initial span[name=Initial],
.portrait.artrubrik_standard .article_aktuell p.Initial .Initial,
.portrait.artrubrik_standard .article_aktuell p.initial .initial,
.portrait.artrubrik_standard .article_text .Initial span[name=Initial],
.portrait.artrubrik_standard .article_text .Initial .Initial,
.portrait.artrubrik_standard .article_text .initial .initial,
.portrait.artrubrik_standard .infobar,
.portrait.artrubrik_standard .kastenspalte h3 {
	color: #ab8036;
}
.portrait.rubrik_aktuell .colored,
.portrait.rubrik_aktuell .z1,
.portrait.rubrik_aktuell .zit,
.portrait.rubrik_aktuell .article_aktuell p.Initial span[name=Initial],
.portrait.rubrik_aktuell .article_aktuell p.Initial .Initial,
.portrait.rubrik_aktuell .article_aktuell p.initial .initial,
.portrait.rubrik_aktuell .article_text .Initial span[name=Initial],
.portrait.rubrik_aktuell .article_text .Initial .Initial,
.portrait.rubrik_aktuell .article_text .initial .initial,
.portrait.rubrik_aktuell .infobar,
.portrait.rubrik_aktuell .kastenspalte h3,
.portrait.artrubrik_aktuell .colored,
.portrait.artrubrik_aktuell .z1,
.portrait.artrubrik_aktuell .zit,
.portrait.artrubrik_aktuell .article_aktuell p.Initial span[name=Initial],
.portrait.artrubrik_aktuell .article_aktuell p.Initial .Initial,
.portrait.artrubrik_aktuell .article_aktuell p.initial .initial,
.portrait.artrubrik_aktuell .article_text .Initial span[name=Initial],
.portrait.artrubrik_aktuell .article_text .Initial .Initial,
.portrait.artrubrik_aktuell .article_text .initial .initial,
.portrait.artrubrik_aktuell .infobar,
.portrait.artrubrik_aktuell .kastenspalte h3{
	color: #9b4334;
}
.portrait.rubrik_hardware .colored,
.portrait.rubrik_hardware .z1,
.portrait.rubrik_hardware .zit,
.portrait.rubrik_hardware .article_aktuell p.Initial span[name=Initial],
.portrait.rubrik_hardware .article_aktuell p.Initial .Initial,
.portrait.rubrik_hardware .article_aktuell p.initial .initial,
.portrait.rubrik_hardware .article_text .Initial span[name=Initial],
.portrait.rubrik_hardware .article_text .Initial .Initial,
.portrait.rubrik_hardware .article_text .initial .initial,
.portrait.rubrik_hardware .infobar,
.portrait.rubrik_hardware .kastenspalte h3,
.portrait.artrubrik_hardware .colored,
.portrait.artrubrik_hardware .z1,
.portrait.artrubrik_hardware .zit,
.portrait.artrubrik_hardware .article_aktuell p.Initial span[name=Initial],
.portrait.artrubrik_hardware .article_aktuell p.Initial .Initial,
.portrait.artrubrik_hardware .article_aktuell p.initial .initial,
.portrait.artrubrik_hardware .article_text .Initial span[name=Initial],
.portrait.artrubrik_hardware .article_text .Initial .Initial,
.portrait.artrubrik_hardware .article_text .initial .initial,
.portrait.artrubrik_hardware .infobar,
.portrait.artrubrik_hardware .kastenspalte h3{
	color: #0071a1;
}
.portrait.rubrik_magazin .colored,
.portrait.rubrik_magazin .z1,
.portrait.rubrik_magazin .zit,
.portrait.rubrik_magazin .article_aktuell p.Initial span[name=Initial],
.portrait.rubrik_magazin .article_aktuell p.Initial .Initial,
.portrait.rubrik_magazin .article_aktuell p.initial .initial,
.portrait.rubrik_magazin .article_text .Initial span[name=Initial],
.portrait.rubrik_magazin .article_text .Initial .Initial,
.portrait.rubrik_magazin .article_text .initial .initial,
.portrait.rubrik_magazin .infobar,
.portrait.rubrik_magazin .kastenspalte h3,
.portrait.artrubrik_magazin .colored,
.portrait.artrubrik_magazin .z1,
.portrait.artrubrik_magazin .zit,
.portrait.artrubrik_magazin .article_aktuell p.Initial span[name=Initial],
.portrait.artrubrik_magazin .article_aktuell p.Initial .Initial,
.portrait.artrubrik_magazin .article_aktuell p.initial .initial,
.portrait.artrubrik_magazin .article_text .Initial span[name=Initial],
.portrait.artrubrik_magazin .article_text .Initial .Initial,
.portrait.artrubrik_magazin .article_text .initial .initial,
.portrait.artrubrik_magazin .infobar,
.portrait.artrubrik_magazin .kastenspalte h3,
.portrait.artrubrik_report .colored,
.portrait.artrubrik_report .z1,
.portrait.artrubrik_report .zit,
.portrait.artrubrik_report .article_aktuell p.Initial span[name=Initial],
.portrait.artrubrik_report .article_aktuell p.Initial .Initial,
.portrait.artrubrik_report .article_aktuell p.initial .initial,
.portrait.artrubrik_report .article_text .Initial span[name=Initial],
.portrait.artrubrik_report .article_text .Initial .Initial,
.portrait.artrubrik_report .article_text .initial .initial,
.portrait.artrubrik_report .infobar,
.portrait.artrubrik_report .kastenspalte h3 {
	color: #746177;
}
.portrait.rubrik_software .colored,
.portrait.rubrik_software .z1,
.portrait.rubrik_software .zit,
.portrait.rubrik_software .article_aktuell p.Initial span[name=Initial],
.portrait.rubrik_software .article_aktuell p.Initial .Initial,
.portrait.rubrik_software .article_aktuell p.initial .initial,
.portrait.rubrik_software .article_text .Initial span[name=Initial],
.portrait.rubrik_software .article_text .Initial .Initial,
.portrait.rubrik_software .article_text .initial .initial,
.portrait.rubrik_software .infobar,
.portrait.rubrik_software .kastenspalte h3,
.portrait.rubrik_software .alter,
.portrait.artrubrik_software .colored,
.portrait.artrubrik_software .z1,
.portrait.artrubrik_software .zit,
.portrait.artrubrik_software .article_aktuell p.Initial span[name=Initial],
.portrait.artrubrik_software .article_aktuell p.Initial .Initial,
.portrait.artrubrik_software .article_aktuell p.initial .initial,
.portrait.artrubrik_software .article_text .Initial span[name=Initial],
.portrait.artrubrik_software .article_text .Initial .Initial,
.portrait.artrubrik_software .article_text .initial .initial,
.portrait.artrubrik_software .infobar,
.portrait.artrubrik_software .kastenspalte h3{
	color: #0093a2;
}
.portrait.rubrik_praxis .colored,
.portrait.rubrik_praxis .z1,
.portrait.rubrik_praxis .zit,
.portrait.rubrik_praxis .article_aktuell p.Initial span[name=Initial],
.portrait.rubrik_praxis .article_aktuell p.Initial .Initial,
.portrait.rubrik_praxis .article_aktuell p.initial .initial,
.portrait.rubrik_praxis .article_text .Initial span[name=Initial],
.portrait.rubrik_praxis .article_text .Initial .Initial,
.portrait.rubrik_praxis .article_text .initial .initial,
.portrait.rubrik_praxis .infobar,
.portrait.rubrik_praxis .kastenspalte h3,
.portrait .b1,
.portrait.artrubrik_praxis .colored,
.portrait.artrubrik_praxis .z1,
.portrait.artrubrik_praxis .zit,
.portrait.artrubrik_praxis .article_aktuell p.Initial span[name=Initial],
.portrait.artrubrik_praxis .article_aktuell p.Initial .Initial,
.portrait.artrubrik_praxis .article_aktuell p.initial .initial,
.portrait.artrubrik_praxis .article_text .Initial span[name=Initial],
.portrait.artrubrik_praxis .article_text .Initial .Initial,
.portrait.artrubrik_praxis .article_text .initial .initial,
.portrait.artrubrik_praxis .infobar,
.portrait.artrubrik_praxis .kastenspalte h3 {
	color: #58b6dd;
}
.portrait.rubrik_know-how .colored,
.portrait.rubrik_know-how .z1,
.portrait.rubrik_know-how .zit,
.portrait.rubrik_know-how .article_aktuell p.Initial span[name=Initial],
.portrait.rubrik_know-how .article_aktuell p.Initial .Initial,
.portrait.rubrik_know-how .article_aktuell p.initial .initial,
.portrait.rubrik_know-how .article_text .Initial span[name=Initial],
.portrait.rubrik_know-how .article_text .Initial .Initial,
.portrait.rubrik_know-how .article_text .initial .initial,
.portrait.rubrik_know-how .infobar,
.portrait.rubrik_know-how .kastenspalte h3,
.portrait.artrubrik_know-how .colored,
.portrait.artrubrik_know-how .z1,
.portrait.artrubrik_know-how .zit,
.portrait.artrubrik_know-how .article_aktuell p.Initial span[name=Initial],
.portrait.artrubrik_know-how .article_aktuell p.Initial .Initial,
.portrait.artrubrik_know-how .article_aktuell p.initial .initial,
.portrait.artrubrik_know-how .article_text .Initial span[name=Initial],
.portrait.artrubrik_know-how .article_text .Initial .Initial,
.portrait.artrubrik_know-how .article_text .initial .initial,
.portrait.artrubrik_know-how .infobar,
.portrait.artrubrik_know-how .kastenspalte h3{
	color: #769b42;
}
.portrait.rubrik_internet .colored,
.portrait.rubrik_internet .z1,
.portrait.rubrik_internet .zit,
.portrait.rubrik_internet .article_aktuell p.Initial span[name=Initial],
.portrait.rubrik_internet .article_aktuell p.Initial .Initial,
.portrait.rubrik_internet .article_aktuell p.initial .initial,
.portrait.rubrik_internet .article_text .Initial span[name=Initial],
.portrait.rubrik_internet .article_text .Initial .Initial,
.portrait.rubrik_internet .article_text .initial .initial,
.portrait.rubrik_internet .infobar,
.portrait.rubrik_internet .kastenspalte h3,
.portrait.artrubrik_internet .colored,
.portrait.artrubrik_internet .z1,
.portrait.artrubrik_internet .zit,
.portrait.artrubrik_internet .article_aktuell p.Initial span[name=Initial],
.portrait.artrubrik_internet .article_aktuell p.Initial .Initial,
.portrait.artrubrik_internet .article_aktuell p.initial .initial,
.portrait.artrubrik_internet .article_text .Initial span[name=Initial],
.portrait.artrubrik_internet .article_text .Initial .Initial,
.portrait.artrubrik_internet .article_text .initial .initial,
.portrait.artrubrik_internet .infobar,
.portrait.artrubrik_internet .kastenspalte h3{
	color: #efac1f;
}

/** trenner **/
.portrait.body_kurz_vorgestellt .trenner_color {
	display:none;
}

.portrait.rubrik_standard .trenner_color,
.portrait.rubrik_standard .spaltenkasten h2,
.portrait.rubrik_standard .blauerBalken,
.portrait.rubrik_standard .blauerbalken,
.portrait.artrubrik_standard .trenner_color,
.portrait.artrubrik_standard .spaltenkasten h2,
.portrait.artrubrik_standard .blauerBalken,
.portrait.artrubrik_standard .blauerbalken {
	background-color: #ab8036;
}
.portrait.rubrik_aktuell .trenner_color,
.portrait.rubrik_aktuell .spaltenkasten h2,
.portrait.rubrik_aktuell .blauerBalken,,
.portrait.rubrik_aktuell .blauerbalken,
.portrait.artrubrik_aktuell .trenner_color,
.portrait.artrubrik_aktuell .spaltenkasten h2,
.portrait.artrubrik_aktuell .blauerBalken,
.portrait.artrubrik_aktuell .blauerbalken {
	background-color: #9b4334;
}
.portrait.rubrik_hardware .trenner_color,
.portrait.rubrik_hardware .spaltenkasten h2,
.portrait.rubrik_hardware .blauerBalken,
.portrait.rubrik_hardware .blauerbalken,
.portrait.artrubrik_hardware .trenner_color,
.portrait.artrubrik_hardware .spaltenkasten h2,
.portrait.artrubrik_hardware .blauerBalken,
.portrait.artrubrik_hardware .blauerbalken {
	background-color: #0071a1;
}
.portrait.rubrik_software .trenner_color,
.portrait.rubrik_software .spaltenkasten h2,
.portrait.rubrik_software .blauerBalken,
.portrait.rubrik_software .blauerbalken,
.portrait.artrubrik_software .trenner_color,
.portrait.artrubrik_software .spaltenkasten h2,
.portrait.artrubrik_software .blauerBalken ,
.portrait.artrubrik_software .blauerbalken {
	background-color: #0093a2;
}
.portrait.rubrik_magazin .trenner_color,
.portrait.rubrik_magazin .spaltenkasten h2,
.portrait.rubrik_magazin .blauerBalken,
.portrait.rubrik_magazin .blauerbalken,
.portrait.artrubrik_magazin .trenner_color,
.portrait.artrubrik_magazin .spaltenkasten h2,
.portrait.artrubrik_magazin .blauerBalken,
.portrait.artrubrik_magazin .blauerbalken,
.portrait.artrubrik_report .trenner_color,
.portrait.artrubrik_report .spaltenkasten h2,
.portrait.artrubrik_report .blauerBalken,
.portrait.artrubrik_report .blauerbalken {
	background-color: #746177;
}
.portrait.rubrik_praxis .trenner_color,
.portrait.rubrik_praxis .spaltenkasten h2,
.portrait.rubrik_praxis .blauerBalken,
.portrait.rubrik_praxis .blauerbalken,
.portrait.artrubrik_praxis .trenner_color,
.portrait.artrubrik_praxis .spaltenkasten h2,
.portrait.artrubrik_praxis .blauerBalken,
.portrait.artrubrik_praxis .blauerbalken {
	background-color: #58b6dd;
}
.portrait.rubrik_know-how .trenner_color,
.portrait.rubrik_know-how .spaltenkasten h2,
.portrait.rubrik_know-how .blauerBalken,
.portrait.rubrik_know-how .blauerbalken,
.portrait.artrubrik_know-how .trenner_color,
.portrait.artrubrik_know-how .spaltenkasten h2,
.portrait.artrubrik_know-how .blauerBalken,
.portrait.artrubrik_know-how .blauerbalken {
	background-color: #769b42;
}
.portrait.rubrik_internet .trenner_color,
.portrait.rubrik_internet .spaltenkasten h2,
.portrait.rubrik_internet .blauerBalken,
.portrait.artrubrik_internet .trenner_color,
.portrait.artrubrik_internet .spaltenkasten h2,
.portrait.artrubrik_internet .blauerBalken{
	background-color: #efac1f;
}

.portrait .trenner_grau {
	background-color: #e1e1e1;
}

.portrait .article_buchkritik .caption_source {
	background-color: #746177;
	color:#fff;
}

.portrait.rubrik_standard .spaltenkasten,
.portrait.artrubrik_standard .spaltenkasten {
	border:1px solid #ab8036;
}
.portrait.rubrik_aktuell .spaltenkasten,
.portrait.artrubrik_aktuell .spaltenkasten {
	border:1px solid #9b4334;
}
.portrait.rubrik_hardware .spaltenkasten,
.portrait.artrubrik_hardware .spaltenkasten {
	border:1px solid #0071a1;
}
.portrait.rubrik_software .spaltenkasten,
.portrait.artrubrik_software .spaltenkasten {
	border:1px solid #0093a2;
}
.portrait.rubrik_magazin .spaltenkasten,
.portrait.artrubrik_magazin .spaltenkasten {
	border:1px solid #746177;
}
.portrait.rubrik_praxis .spaltenkasten,
.portrait.artrubrik_praxis .spaltenkasten {
	border:1px solid #58b6dd;
}
.portrait.rubrik_know-how .spaltenkasten,
.portrait.artrubrik_know-how .spaltenkasten {
	border:1px solid #769b42;
}
.portrait.rubrik_internet .spaltenkasten,
.portrait.artrubrik_internet .spaltenkasten {
	border:1px solid #efac1f;
}
.portrait.rubrik_standard .kastenspalte,
.portrait.artrubrik_standard .kastenspalte {
	border-top:1px solid #ab8036;
}
.portrait.rubrik_aktuell .kastenspalte,
.portrait.artrubrik_aktuell .kastenspalte {
	border-top:1px solid #9b4334;
}
.portrait.rubrik_hardware .kastenspalte,
.portrait.artrubrik_hardware .kastenspalte {
	border-top:1px solid #0071a1;
}
.portrait.rubrik_software .kastenspalte,
.portrait.artrubrik_software .kastenspalte {
	border-top:1px solid #0093a2;
}
.portrait.rubrik_magazin .kastenspalte,
.portrait.artrubrik_magazin .kastenspalte {
	border-top:1px solid #746177;
}
.portrait.rubrik_praxis .kastenspalte,
.portrait.artrubrik_praxis .kastenspalte {
	border-top:1px solid #58b6dd;
}
.portrait.rubrik_know-how .kastenspalte,
.portrait.artrubrik_know-how .kastenspalte {
	border-top:1px solid #769b42;
}
.portrait.rubrik_internet .kastenspalte,
.portrait.artrubrik_internet .kastenspalte {
	border-top:1px solid #efac1f;
}


/* kaesten und links zum kasten */
.portrait.rubrik_standard .kasten,
.portrait.rubrik_standard .textkaesten,
.portrait.rubrik_standard .box_verzeichnis,
.portrait.artrubrik_standard .kasten,
.portrait.artrubrik_standard .textkaesten,
.portrait .servicebox_leserbriefe {
	background-color: #E4DDD3;
}
.portrait.rubrik_aktuell .kasten,
.portrait.rubrik_aktuell .textkaesten,
.portrait.rubrik_aktuell .box_verzeichnis,
.portrait.artrubrik_aktuell .kasten,
.portrait.artrubrik_aktuell .textkaesten {
	background-color: #f0f0ea;
}
.portrait.rubrik_hardware .kasten,
.portrait.rubrik_hardware .textkaesten,
.portrait.rubrik_hardware .box_verzeichnis,
.portrait.artrubrik_hardware .kasten,
.portrait.artrubrik_hardware .textkaesten {
	background-color: #e7eada;
}
.portrait.rubrik_software .kasten,
.portrait.rubrik_software .textkaesten,
.portrait.rubrik_software .box_verzeichnis,
.portrait.artrubrik_software .kasten,
.portrait.artrubrik_software .textkaesten {
	background-color: #eff2f9;
}
.portrait.rubrik_magazin .kasten,
.portrait.rubrik_magazin .textkaesten,
.portrait.rubrik_magazin .box_verzeichnis,
.portrait.artrubrik_magazin .kasten,
.portrait.artrubrik_magazin .textkaesten {
	background-color: #e2ebf2;
}
.portrait.rubrik_praxis .kasten,
.portrait.rubrik_praxis .textkaesten,
.portrait.rubrik_praxis .box_verzeichnis,
.portrait.artrubrik_praxis .kasten,
.portrait.artrubrik_praxis .textkaesten {
	background-color: #f2f3ef;
}
.portrait.rubrik_know-how .kasten,
.portrait.rubrik_know-how .textkaesten,
.portrait.rubrik_know-how .box_verzeichnis,
.portrait.artrubrik_know-how .kasten,
.portrait.artrubrik_know-how .textkaesten {
	background-color: #eaebdf;
}
.portrait.rubrik_internet .kasten,
.portrait.rubrik_internet .textkaesten,
.portrait.rubrik_internet .box_verzeichnis,
.portrait.artrubrik_internet .kasten,
.portrait.artrubrik_internet .textkaesten {
	background-color: #f5f3ea;
}
.portrait .textkaesten.spalten {
	background:none !important;
}
.portrait.rubrik_aktuell .box_yellow {
    background: #f0f1e2;
}

/* listings */
.portrait .li_blau {
	color:#33f;
}
.portrait .li_grau {
	color:#999;
}
.portrait .li_rot {
	color:#c00;
}
.portrait .li_gruen {
	color:#0c0;
}
.portrait li_azur {
	color:#5bbad1;
}
.portrait .li_magenta {
	color:#eb228f;
}

/* anleitungskästen */
.portrait .kasten.anleitungskasten {
	background-color:#f0f1e2;
}
.portrait .kasten.anleitungskasten .clear {
	clear:both;
}
.portrait .kasten.anleitungskasten .box_meldungen_zweispaltig {
	text-align: center;
}
.portrait .zahl {
	position: relative;
	clear:both;
	display: inline-block;
	max-width: 100%;
}
.portrait .zahl .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: 600;
}
.portrait .zahl .asset_link {
	width:auto;
	max-width: 100%;
}
.portrait .zahl img{
	display:block;
	max-width:100%;
}
.portrait .anleitungImgBox,
.portrait .anleitungimgbox {
	border:2px solid #ecb17c;
	background-color:#fff;
}



/* schlagseite */
.portrait.body_schlagseite #singleImage {
	margin:0.5em;
	-moz-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	-webkit-transform: rotate(1deg);
    transform: rotate(1deg);
}


/* zett kasten */
.portrait #zett_kasten ul {
    padding:0.3em 0;
}
.portrait #zett_kasten li {
    padding:0.2em 0.5em;
}
.portrait #zett_kasten .asset_position {
    margin: 0;
}
.portrait #zett_kasten .boxlinkInfo {
	margin-top:1.5em;
	color:#999;
	font-weight:bold;
}

.portrait .kasten h3 {
    padding:1em 0 0.5em;
}
.portrait .textkaesten a {
	display:block;
}
.portrait .textkaesten .a a {
	display:inline;
}
.portrait .kasten_img {
	padding-top:2em;
}
.portrait .kasten_img:first-child {
	padding-top:0.3em;
}
.portrait .kasten_img img {
	border:0;
}
.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;
}

/* verzeichniskasten */
.portrait .box_verzeichnis {
	padding:0.5em;
}
.portrait .box_verzeichnis li{
  clear:both;
	padding:0.3em 0;
}
.portrait .box_verzeichnis .nobr{
	float:right;
}

.portrait .websites_aktuell .kasten_link {
	display:none;
}

/* leserbriefkasten ng */
.portrait .servicebox_leserbriefe_ng {
	margin-top:2em;
	padding: 0.4em 5em 1em 10em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	background-color: #e5d7be;
	background-position:5em 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:6em;
	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;
}

/* 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;
}


/* interview */
.portrait .frage {
	margin:1em 0;
}

.portrait .zit,
.portrait .zitat {
	margin:1em 0 !important;
	background:none !important;
	font-style: italic;
}
.portrait .frage_fett {
	text-indent: 0 !important;
	font-weight:bold;
}
.portrait .frage_fett {
	text-indent: 0 !important;
	font-weight:bold;
}
.portrait .inter_eingerueckt{
	padding:0 0 1em 1em;
	text-indent: 0 !important;
}


/* general */
.portrait article,
.portrait #appInhalt {
	position:relative;
	padding:0.5em 1em;
}

.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 .box_yellow .pen {
	display: block;
    margin-bottom: 1em;
    padding: 0.3em 0 0.1em 1.5em;
    background-repeat:no-repeat;
	background-position: left bottom;
	background-size:contain;
}
.portrait .box_yellow .pen span{
	margin-left:-1.25em;
	padding:0 0 0.08em 1.25em;
	border-bottom:1px solid #373737;
}
.portrait .box_yellow .pen 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,
.portrait .asset_link_tabellen{
    padding-top:1.5em;
}

.portrait .inplacebigholder {
	text-align: right;
	padding-bottom:1em;
}
.portrait .logo_box {
	text-align: center;
}
.portrait .logo_box .Logo {
	max-width:150px;
}



.portrait .asset_position {
	border-top:1em solid transparent;
	border-bottom:1em solid transparent;
}


/* editorial */
.portrait .image_editorial{
    text-align:center;
}
.portrait .text_editorial {
	padding:0 1em 18em 1em;
}
.portrait .text_editorial h4 {
	padding:1.5em 0em;
}
.portrait .unterschrift {
	float:right;
	max-width:20.625em;
	padding:2em 0 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: 40px;
	max-width: 40px;
}
.portrait .article .picto_00,
.portrait .article .picto_01,
.portrait .article .picto_02,
.portrait .article .picto_03,
.portrait .article .picto_04,
.portrait .article .picto_05 {
	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;
}


/** spaltenkasten **/
.portrait .article_text .asset_position.spalten {
	display:block;
	float: none !important;
	width:auto !important;
	background:none;
}
.portrait .spaltenkasten {
	margin-top: 1.5em;
	padding-bottom: 1em;
	text-align: left;
}
.portrait .spaltenkasten h2 {
	margin:0;
	padding:0.3em 0.5em;
}
.portrait .spaltenkasten h3 {
	min-height: 3em;
}
.portrait .spaltenkasten_img {
	height:auto;
	text-align:center;
	margin-top:1em;
}
.portrait .spaltenkasten_img .asset_link{
	float:none;
}
.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 .kastenspalte p {
	margin:0;
	line-height: 1.4em;
}

.portrait .po,
.portrait .gruenpfeilhoch,
.portrait .pu,
.portrait .rotpfeilrunter {
	display:inline-block;
	width:1em;
	height:1.25em;
	margin-left: -1em;
	padding: 0 0.75em 0.25em 0;
	text-indent: -99em;
	background-repeat:no-repeat;
	background-position: left 0.25em;
	background-size: contain;
	overflow: hidden;
}

.portrait .Normal_Bewertung {
	padding-left:1em;
	text-indent: -0.25em !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;
}


/* KIDS BITS */
.portrait .box_kids {
	clear:both;
	float: left;
	color: #FFF;
	background-color: #1d98a7;
	padding: 18px 80px 18px 10px;
	margin: 25px 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;
    margin-top: 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 .TypeSpecial,
.portrait .typespecial {
	background-position: 0 0.25em;
	background-repeat: no-repeat;
}
.portrait .question .TypeSpecial,
.portrait .question .typespecial,
.portrait .answer .TypeSpecial,
.portrait .answer .typespecial {
	display:inline-block;
	float:left;
    width: 2.5em;
    height: 3em;
	display: inline-block;
	overflow:hidden;
	text-indent: -9999px;
}
.portrait .question {
	min-height: 2.8em;
	margin-bottom: 1em;
	padding-top:1em;
    text-indent: 0 !important;
}
.portrait .answer {
	display: inline-block;
    margin-bottom: 0;
    text-indent: 0 !important;
}
.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 .faq_headline {
	height: 13em;
	width: 15em;
}

.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;
}

/* internet web-tipps */
.portrait.artrubrik_internet .tel{
/*	font-family: 'regularbold', sans-serif;*/
	font-weight: bold;
	text-indent:0;
}

/* story */
.portrait.rubrik_magazin p.Initial,
.portrait.rubrik_magazin p.initial {
	padding-top:1em;
}
.portrait.rubrik_magazin .prelistingbox pre,
.portrait.rubrik_magazin .preListingBox pre {
	border:none;
}

.portrait .linksbuendig{
    display:inline-block;
    width:50%;
}
.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 .forum_button {
	width:100%;
    margin-top: 3em;
}


/* 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;
}
.portrait .servicebox_leserbriefe {
    margin-top: 40px;
    padding: 0.375em 1em;
}
.portrait .servicebox_leserbriefe h2 {
	margin: 1em 0 0.5em 0;
}

.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:"– ";
}

/** trennlinien **/
.portrait .trenner_hotline,
.portrait .trenner_vorgestellt,
.portrait .trenner_grau,
.portrait .trenner_spiele,
.portrait .trenner_vorschau {
	clear:both;
	height: 0.313em;
	margin: 1em 0;
}

/** aufmacher **/
.portrait .figcaptionAufmacher {
    position: absolute;
	display:inline-block;
	background:rgba(255, 255, 255, 0.75);
    bottom: 0.5em;
    right: 0;
    padding: 0 10px;
	z-index:100;
}

/* stoerer */
.portrait .stoerer {
	display:none;
}

/* spaltenkasten 0-spaltig */
.portrait .box_spalten.ist-0-spaltig {
	padding:1em;
}


/** vorschau **/
.portrait .vorschau_box_header {
	padding-top:1.875em;
}
.portrait .vorschau_box_header h1 {
	font-size: 2em;
    line-height: 1em;
    margin-bottom: 0.5em;
}
.portrait .vorschau_box_header .untertitel {
    font-size: 1em;
}
.portrait .vorschau_box {
	padding-top:1.875em;
}
.portrait .vorschau_box h3:first-child {
   /* display: none;*/
}
.portrait .vorschau_box h3 {
	clear:both;
	padding:1em 0;
	font-size:1.2em;
}
.portrait .vorschau_box_header img {
	margin-bottom:-5px;
}


/*
#################
##   kaesten   ##
#################
*/
.portrait .kasten {
    margin:2em 0;
	padding:1em;
}
.portrait .kasten h5 {
    padding: 0.3em 0 0.5em 0;
}
.portrait .kastenBacklinkCell {
	display: none;
}



/*
##############################
        MEDIA QUERIES
##############################
*/

@media screen and (max-width: 500px) {
	.portrait .cover_box {
		float:none;
	}
}


/*************************
   orientation specific
**************************/

@media screen and (max-width: 640px) and (orientation: landscape) {
	
	.portrait .article_big_image,
	.portrait .aufmacher2_image,
	.portrait .basisartikel_image_aufmacherbild,
	.portrait .image_editorial img {
		float: left;
		max-width:45%;
		max-height:280px;
		margin:0 1em 0.5em 0;
		overflow: hidden;
	}
	.portrait .basisartikel_image_normal {
		float: left;
		max-width:100%;
		max-height:280px;
		margin:0 1em 0.5em 0;
		overflow: hidden;
	}
	.portrait .asset_position img,
	.portrait .asset_link img,
	.portrait .small_col_picture img {
    		max-height: 20em;
	}

}

@media screen and (max-width: 600px) and (orientation: portrait) {
    /*article:after{content:"< 600px"}*/
	
	.portrait .article_big_image,
	.portrait .aufmacher2_image,
	.portrait .basisartikel_image_normal,
	.portrait .basisartikel_image_aufmacherbild {
		max-width:600px;
		max-height:300px;
		overflow: hidden;
	}
	
	.portrait .asset_position img,
	.portrait .asset_link img,
	.portrait .small_col_picture img {
    	max-height: 25.5em;
	}
	.portrait .spiele_tabelle,
	.portrait .asset_link_tabellen {
	    padding-top: 0.5em;
	}
	.portrait .webcode p {
		padding: 0em 0;
	}
	
	.portrait .vorschau_box_header h1 {
		margin-bottom: 1em;
		font-size: 1.5em;
		line-height: 0;
	}
	
	.portrait .box_impressum {
	    padding: 1.5em;
	}
	.portrait .kasten {
		margin: 1em 0 0 0;
	}
	
	.portrait .unterschrift {
		padding: 1em;
	}
	
	.portrait .trenner_hotline,
	.portrait .trenner_vorgestellt,
	.portrait .trenner_grau,
	.portrait .trenner_spiele,
	.portrait .trenner_vorschau {
	    margin-bottom: 1em;
	    margin-top: 1em;
	}
	
	.portrait .article_hotline {
		padding-top: 2em;
	}
	.portrait .hotline_headline {
		background-position: center center;
	}
	.portrait .hotline_buttons {
		float:none;
		margin:1.25em;
		text-align: center;
	}
	.portrait .hotline_buttons a {
		display:inline-block;
	    float: none;
	    margin: 0.5em 0;
	}
	.portrait .servicebox_leserbriefe_ng {
		padding: 2em 2em 1em 2em;
		background-position: 3em 1em;
	}
}