html {
    height:100%;
}
/*
#####################################################
   TYPOGRAPHY
   mac & i FONTS
#####################################################
*/

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

@font-face {
	font-family: 'regular';
	src: url('../fonts/DejaVuSansCondensed.ttf') format('truetype');
	font-weight: normal;
}
@font-face {
	font-family: 'regularitalic';
	src: url('../fonts/DejaVuSansCondensed-Oblique.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'regularbold';
	src: url('../fonts/DejaVuSansCondensed-Bold.ttf') format('truetype');
	font-weight: normal;
}
@font-face {
	font-family: 'regularbolditalic';
	src: url('../fonts/DejaVuSansCondensed-BoldOblique.ttf') format('truetype');
	font-style: oblique !important;
}

@font-face {
	font-family: 'heavy';
	src: url('../fonts/BombardierRegular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'heavyitalic';
	src: url('../fonts/BombardierRegulare.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
	
/*
#####################################################
   TYPOGRAPHY
   fonts, sizes, colors, decoration, styles
#####################################################
*/
body {
    color: #030303;
    font-family: 'regular', sans-serif;/*, 'DevanagariSangamMN';*/
    font-size: 16px;
    line-height: 1.5em;
}
body.fontSize12 {
    font-size: 12px;
}
body.fontSize14 {
    font-size: 14px;
}
body.fontSize16 {
    font-size: 16px;
}
body.fontSize20 {
    font-size: 20px;
}
body.fontSize24 {
    font-size: 24px;
}

h1, h2, h3, h4, h5, h6,
.article_head h1,
.article_kurz_vorgestellt h3.z,
.article_kurz_vorgestellt h3.z1,
.article_kurz_vorgestellt .tel,
.body_autoinhalt p.rubric,
.article_redaktionsmail {
    font-family: 'heavy', sans-serif;
}

.article_text .kasten_link .kasten_title,
strong {
    font-family: 'regularbold', sans-serif;
}
.vorspann strong {
    font-family: 'heavy', sans-serif;
    font-size:115%;
    line-height: 1.95em;
}
pre, code,
.kasten .lf,
.kasten span[name=lf],
.box_code,
textarea.pre {
	font-family: 'freemono', 'Courier New', Courier, monospace;
}

a {
	text-decoration: none;
	color: #030303;
}
.p a,
.fussnote a,
span[name="a"],
span a,
.kasten a,
.tel a {
	text-decoration: underline;
}
.textkaesten a,
.kasten_img a {
	text-decoration: none;
}

h1 {
	font-size: 3.5em; 
	line-height: 4.3em;
}
h2, h3, h4, h5 {
	font-size: 1.5em;
	line-height: 1.3em;
}
.article_head h2,
.kasten h5 {
    font-size: 1.9em;
}
.content_text h3 {
    margin: 1.2em 0 0.6em 0;
}
.body_hotline .content_text h3,
.faq_thema h3,
.hotline_thema h3 {
	clear:both;
}
.text_editorial h4 {
	font-size: 1.0em;
	font-family: 'regular', 'DevanagariSangamMN', sans-serif;
}
.article_kurz_vorgestellt h4 {
	font-size: 2.3em;
}

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

/* seitennummern */
.seite {
	float:right;
	margin-right:-50px;
	display:none;
	text-decoration:none;
	font-size:75%;
}
div.content_text,
div.content_text_vorgestellt,
div.leserbrief {
	font-size: 1.0em;
}
.article_head h1 {
    line-height: 1em;
}
.aufmacher3_headline, 
.aufmacher5_headline {
    font-size: 0.95em;
}

p.article_description {
    font-family: 'heavy',sans-serif;
    font-weight: 600;
    font-size:1.1em;
    line-height: 1.95em;
}

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

.fussnote {
    font-size: 0.86em;
	line-height:1.3em;
}
.fussnote li {
	padding:0 0 0.625em 1.875em;
}

.faq_headline {
    float: left;
    height: 18em;
    width: 25em;
    line-height: 1.2em;
    padding-bottom: 0;
	text-indent:0;
}
.faq_headline img {
    max-width: 70%;
}
.faq_title {
    padding-bottom:0.3em;
    line-height: 1.1em;
    font-size: 400%;
}
.question {
    min-height:4.5em;
		text-indent: 0 !important;
}
.icon_replace {
	float:left;
    display: inline-block;
    height: 4.5em;
    width: 3.3em;
    padding:0.2em 0.5em 0 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0.35em;
}
.question .icon_replace {
    background-image: url("../../../assets/mi/images/hotline_fragezeichen.png");
}
.answer .icon_replace {
    background-image: url("../../../assets/mi/images/hotline_ausrufezeichen.png");
}

.frage,
.italic,
.redaktion,
em {
	font-style:italic;	
}
.zit {
	font:normal 1.8em/1.1em 'heavy',sans-serif;
	text-align:center;
}
sup {
	font-size:0.7em;
    vertical-align:baseline;
}
sub {
	font-size:0.7em;
    vertical-align:baseline;
}
span[name="Initial"],
span.Initial {
    float: left;
    display: inline-block;
    font: 5.75em/0.4em 'heavy', sans-serif !important;
    padding: 0.18em 0.1em 0 0;
    text-indent: 0;
}
span.InitialBild {
    float:left;
    max-width:4.39em;
    padding:0.2em 0.5em 0 0;
}
.NormalBlau {
    font-weight:bold;
}

.article_text .kasten_link {
    font-style: italic;
}
.article_text .kasten_link .kasten_title{
    font-style: normal;
}
.vita {
	font-style:italic;
}
.article_leserbriefe p {
    font-size: 0.86em;
}
.article_leserbriefe h1 {
    line-height: 1em;
}
.servicebox_leserbriefe {
    font-size: 0.86em;
}

.body_aktuell h2 {
    line-height: 1.4em;
}

.webcode a,
.Softnicht a {
    font-family: 'regularbold',sans-serif;
    color:#368abe;
    font-style: italic;
}

.figcaption,
.figcaptionQuelle,
.play_text {
	font: 0.92em/1.5em 'heavy',sans-serif;
}

.spaltenkasten h2 {
	color:#fff;
	font-size: 1.466em;
}
.spaltenkasten h3 {
	font-size: 1.2em;
}

/* listings */
.box_code {
    white-space: pre;
    font-size: 0.8em;
}
.preListingBox {
	text-align:right;
}
pre {
    margin:1.5em 0;
    border:1px solid rgba(0, 0, 0, .02);
}
#htmlId_1370575256623714 pre {
    white-space: pre-wrap;
}
pre::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
    height: 5px;
    background-color: rgba(0, 0, 0, .02);
}

pre::-webkit-scrollbar-thumb {
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, .05);
    background-color: rgba(0, 0, 0, .05);
}

/** aufmacher **/
.article_head {
    padding: 0;
}
p.article_description {
    font-size:120%;
    font-weight: inherit;
    line-height: 1.75em;
}

.vorspann {
	font: 1.075em/1.5em 'heavy',sans-serif;
}

/* impressum **/
.box_impressum .headline {
	font-size: 3.5em; 
	line-height: 2.0em;
    color:#3ca1da;
}
.box_impressum h3,
.Titel_Impressum {
    font-family: 'regularbold',sans-serif;
    font-size: 0.9em;
    color:#030303;
}
.box_impressum p {
    padding-bottom:0;
    font-size: 0.7em;
    text-indent:0 !important;
}
.ib {
    display:block;
    font-family: 'regularbold',sans-serif;
}
.NormalSchwarz {
    font-weight: bold;
}

.blau_zitat {
    font-family: 'heavy', sans-serif;
	font-size:140%;
}

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

blue = #46a2db, orig #3ca1da
fontblack = #030303
grau = #8c8c8c
kastengrau = #808080, orig #4c4c4c
kastengrau10 = #ededed
kastenblau = #46a2db, orig #3ca1da
&-blau = #f2f8fc
webcode = #368abe
trenner blau = #b8e2fc
*/

.article_leserbriefe h4,
.text_editorial h4,
.article_kurz_vorgestellt .kasten,
.artrubrik_spiele .kasten,
.NormalSchwarz {
    color:#030303;
}

article h1, article h2, article h3, article h4, article h5, article h6,
p.Initial .Initial,
.seite,
.zit,
.article_head,
.article_kurz_vorgestellt .kasten h5,
.artrubrik_spiele .kasten h5,
.content_text_vorgestellt .vorspann,
.article_redaktionsmail {
    color:#8c8c8c;
}

.farbig article h1, .farbig article h2, .farbig article h3.z, .farbig article h4, .farbig article h5, .farbig article h6,
.farbig p.Initial .Initial,
.farbig .article_head,
.farbig .zit,
.farbig .article_description,
.farbig .aufmacher_kolumne_headline h1 ,
.farbig .article_autor,
.article h3.z1,
.NormalBlau,
.pucAautor,
.question,
.body_jetzt_im_netz .article_description a,
.color3ca1da,
.abJahre,
.frage,
.article_kurz_vorgestellt h4,
.article_kurz_vorgestellt h3,
.article_kurz_vorgestellt  p.Initial .Initial,
/*.article_kurz_vorgestellt .vorspann,*/
.article pro-und-contra h1,
.article pro-und-contra .article_description,
.blau_zitat {
    color:#3ca1da;
}

.farbig .article h3.z1{
    color:#8c8c8c;
}
.kasten,
.textkaesten {
	background:#ededed; /* kastengrau10% */
}
.farbig .kasten,
.farbig .textkaesten {
	background:#3ca1da; /* kastenblau */
    color:#fff
}
.textkaesten.zitat {
    background:none !important;
}
.farbig .kasten h1, .farbig .kasten h2, .farbig .kasten h3, .farbig .kasten h4, .farbig .kasten h5, .farbig .kasten h6,
.farbig .kasten_img .figcaption,
.farbig .kasten a,
.farbig .aufmacher3_headline .article_description,
.farbig .aufmacher5_headline .article_description,
.farbig .aufmacher3_headline .article_autor,
.farbig .aufmacher5_headline .article_autor {
	color:#fff !important;
}
.pro-und-contra .kasten a{
    color:#030303 !important;
}

.kasten h3 {
    padding:1em 0 0.5em;
}
.textkaesten a {
	display:block;
}
.farbig .textkaesten a {
	color:#fff;
}
.kasten_img {
    display:inline-block;
    width:100%;
    padding-top:2em;
}
.kasten_img img {
	border:0;
}


/* pro und contra */

.body_pro_und_contra .article_head {
    padding-bottom:2em;
}
.body_pro_und_contra h1,
.body_pro_und_contra .article_description {
    color:#3ca1da !important;
}
.body_pro_und_contra .kasten {
    padding:0;
    background:none;
    color:#030303;
    z-index: 100;
}
.body_pro_und_contra .kasten h5 {
    padding:0;
    color:#8c8c8c !important;
}
.pucAuthor {
    color:#3ca1da;
}
.pucAmp {
    position:fixed;
    width:100%;
    line-height: 1.0em;
    text-align:center;
    vertical-align: middle;
    font-family: sans-serif;
    font-size:40em;
    font-weight:bold;
    color:#f2f8fc;
    z-index:-1;
}
.body_pro_und_contra .kasten_img {
    position:relative;
    width:100%;
    min-height:14em;
    margin-bottom:2em;
}
.body_pro_und_contra .kasten img {
    dieplay:block;
    float:left;
    max-width:10em;
    margin-right: 1em;
}
.body_pro_und_contra .kasten .figcaption {
    position: absolute;
    bottom:0;
    margin-left:11em;
    color:#8c8c8c !important;
}
.body_pro_und_contra .kasten span.Normal {
    clear: both;
}

.trenner_color {
    margin-top:4em;
    padding:0.2em 0;
    background-color:#b8e2fc;
}

/*
#####################################################
    LAYOUT
#####################################################
*/

.content_text,
.content_text_vorgestellt {
    padding-bottom: 1em;
}


/* editorial */
.article_editorial {
	padding: 1em;
	border-top:3em solid #3ca1da;
	border-bottom:3em solid #3ca1da;
	border-left:1em solid #3ca1da;
}
.image_editorial {
	position:relative;
	width:210px;
	height:233px;
	margin: 0 auto;
	overflow:hidden;
	text-align: center;
}
.editorialRahmen {
	position:absolute;
	top:0;
	left:0;
	background:url(../images/editorial-rahmen.png) no-repeat;
	width:212px;
	height:234px;
	z-index:2;
}
.image_editorial img {
	position:absolute;
	top:0;
	left:0;
	width:212px;
	z-index:1;
	-webkit-transform:rotate(5deg); /* Safari */
	   -moz-transform:rotate(5deg); /* Firefox 3.6 Firefox 4 */
	    -ms-transform:rotate(5deg); /* IE9 */
	     -o-transform:rotate(5deg); /* Opera */
	        transform:rotate(5deg); /* W3C */
}
.text_editorial {
	padding-top:1em;
}
.text_editorial h4,
.text_editorial p {
	padding-bottom:1.0em;
}
.unterschrift img {
	display:block;
	max-width:20.625em;
	padding:2em 0 1em 0;
}
.text_editorial .button{
	display:inline-block;
	margin:0 3em 2em 3em;
}
.text_editorial .kasten {
    padding:0;
    background:none;
    color:#030303;
}

.article_leserbriefe {
	border-top:5em solid #3ca1da;
}
.leserbrief {
    padding-bottom:2em;
}
.leserbrief .asset_link img {
    max-height: 25em;
	-webkit-box-shadow: 0px 5px 8px 6px rgba(0, 0, 0, 0.2); /* WebKit */
	   -moz-box-shadow: 0px 5px 8px 6px rgba(0, 0, 0, 0.2); /* Firefox */
	        box-shadow: 0px 5px 8px 6px rgba(0, 0, 0, 0.2); /* W3C */
}
.leserbriefContent .italic,
.leserbriefContent .redaktion {
	color:#3ca1da;
	font-style:normal;
}
.leserbriefContent .italic a,
.leserbriefContent .redaktion a{
	color:#3ca1da;
	text-decoration: underline;
}
.leserbriefKontextUndContent a {
    text-decoration: underline;
}

/* leserbriefe */
.article_leserbriefe .blauzitat p {
    margin: 0;
}
.leserbrief.blauzitat {
    padding-bottom: 1em;
}

.servicebox_leserbriefe {
	display:none;
}

.faq_header {
    padding-bottom:1em;
}
.faq_header_text .article_redaktionsmail {
    padding-top:1em;
    text-align:right;
    font-size:110%;
}

/** aufmacher **/
.article_aufmacher_headline .article_head,
.aufmacher2_headline,
.aufmacher3_headline,
.aufmacher4_headline,
.aufmacher5_headline {
    padding:0.5em 1em;
}

.aufmacher4_headline {
	position:relative;
    margin-top:-15%;
    background:#fff;
    z-index: 10;
}

.farbig .aufmacher3_headline,
.farbig .aufmacher5_headline {
	position:absolute;
    color:#fff !important;
	background:rgba(70,162,219,0.9);
}

.aufmacher3_holder,
.aufmacher5_holder {
    position:relative;
}
.aufmacher3_holder .figcaptionQuelle,
.aufmacher5_holder .figcaptionQuelle {
    position:absolute;
    right:0;
    bottom:0;
    padding:0.1em 1em 0.5em 1em;
    background:rgba(255,255,255,0.5);
}
.article_autor {
	padding-top:1em;
	text-align:right;
    font-size:1.05em;
}
.article_autor strong {
    font-family: 'heavy',sans-serif !important;
    font-size:1.05em;
}

/** kolumne **/
.artrubrik_kolumne .article_head h1 {
	line-height: 1em;	
}
.artrubrik_kolumne .article_autor {
	padding-top:0em;
	text-align:left;	
}


/** kurz vorgestellt **/
.article_kurz_vorgestellt .kasten,
.artrubrik_spiele .kasten {
    padding:0;
    background:none;
}
.article_kurz_vorgestellt .kasten h5,
.artrubrik_spiele .kasten h5 {
    font-size: 1.5em;
}

/* jetzt im netz */
.body_jetzt_im_netz .kasten a {
   color:#fff;
}
.body_jetzt_im_netz .kasten .webcode p {
    padding-left:1em;
}
.body_jetzt_im_netz .kasten .webcode a {
   color:#fff;
   text-decoration:none;
}
.body_jetzt_im_netz .kasten {
    padding:1em 0 0 0;
    margin-left: 0 !important;
    color:#fff;
    background-color:#808080;
    background-image: url(../images/mi_lines_vorschau.png);
    background-repeat: repeat-x;
    background-size: 1.5em;
}
.body_jetzt_im_netz .kasten .item {
    padding:0 1em 3em 1em;
    background-image: url(../images/mi_lines_vorschau.png);
    background-repeat: repeat-x;
    background-size: 1.5em;
    background-position: 0 bottom;
}

.body_jetzt_im_netz .kasten h3 {
    clear:both;
    padding-top:1em;
    color:#fff;
}
.body_jetzt_im_netz .kasten .Softnicht {
    padding-top:1em;
    font-family: 'regularbold',sans-serif;
    text-decoration: none;
}

/** sonderlocken **/
/*#htmlId_1381394877300486*/
.clearcontent {
	clear:both;
}


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

@media screen and (min-width: 602px) {
	/*article:before{content:"min-width: 602px"}*/
    article,
    #appInhalt {
        padding:1.875em 3.5em;
    }
    .article_aufmacher_headline .article_head,
    .aufmacher2_headline,
    .aufmacher3_headline,
    .aufmacher4_headline,
    .aufmacher5_headline,
    .aufmacher_kolumne_headline {
        padding:0.5em 3.5em 1em 3.5em;
    }
	
	.article_editorial {
		padding: 1.875em 3.5em 1.875em 2.5em !important;
		border-top:5em solid #3ca1da;
		border-bottom:5em solid #3ca1da;
	}
	.image_editorial {
		float:left;
		margin:0 2em 1em 0;
	}
		
	.text_editorial {
		padding-top:0;
	}
}

@media screen and (min-width: 768px) {
    /*article:before{content:"min-width: 768px"}*/
    /*body {background:#FFFF99;}*/
    
    .article_editorial {
	    padding: 1.875em 3.5em 1.875em 2.5em;
    }
    .text_editorial {
        padding-left: 17em;
    }
    .leserbrief {
	    clear:both;
	    padding-left:16em;
    }
    .leserbrief .asset_link {
	    width: 13em;
	    margin: 0.5em 0 2em -16em !important;
    }
    
    .asset_position img, 
    .asset_link img, 
    .small_col_picture img {
	    max-height: 22em;
    }

    .kasten {
	    margin-left:17em;
    }
    .article_kurz_vorgestellt .kasten {
        margin-left:0;
    }
    
    .text_editorial .kasten {
        margin-left: -17em;
    }
    
    /* pro und contra 
    .body_pro_und_contra*/
    .kasten.hasAsset .kasten_default_pic .asset_link,
    .kasten.hasAsset .kasten_default_pic .asset_link_tabellen,
    .kasten.hasAsset .asset_position.tabellen .asset_link_tabellen {
        float:none;
        margin: 0 0 1.5em 0 !important;
        width:inherit !important;
        max-width:100%;
    }
    
    .body_pro_und_contra .kasten h5 {
        float:left;
        max-width:10em;
        margin: 0.15em 0 0 -9em;
    }
    .body_pro_und_contra .kasten_img {
        clear:left;
        float:left;
        width:17em;
        margin: 0 0 1.5em -17em !important;
    }
    .pucAmp {
        top:0.25em;
        line-height: 1em;
        text-align:center;
    }
    .body_pro_und_contra .asset_link {
        float:none;
        margin-left: 0 !important;
        text-align: left !important;
    }
    .body_pro_und_contra .kasten img {
        display:block;
        float:none;
        max-width:8em;
        /*margin-right: 1em;*/
    }
    .body_pro_und_contra .kasten .figcaption {
        position: relative;
        bottom:auto;
        margin-left:0;
        padding-right:2em;
        font-size: 1em;
    }
    
    .body_jetzt_im_netz .kasten.hasAsset .kasten_img {
        float:left;
        padding-top:0.3em !important;
        max-width:16em;
    }
    .body_jetzt_im_netz .kasten.hasAsset .kasten_default_pic .asset_link {
        margin:0 2em 0 0 !important;
    }
    .body_jetzt_im_netz .kasten .Softnicht a {
        color:#fff !important;
        font-family: 'regularbold',sans-serif;
        text-decoration: none;
    }
    
    .basisartikel_image_aufmacherbild .asset_link {
        margin-left: 0 ! important;
    }
    
    /* faq/hotline */
    .faq_thema.hasAsset p,
    .hotline_thema.hasAsset p {
	padding-right:2em;
	overflow:hidden;
    }
    .faq_thema.hasAsset p.question,
    .hotline_thema.hasAsset p {
	padding-right:0;
    }
    .image_rechts {
	clear:right;
	float:right;
	margin:0 0 1em 1.5em;
    }
    
    
    /* seitennummern */
    .seite {
        display:block;
    }
    .body_faq .seite,
    .pvmaker .seite,
    pre .seite {
        display:none;
    }

	/** aufmacher **/
	.article_aufmacher_headline .article_head,
	.aufmacher2_headline,
	.aufmacher3_headline,
	.aufmacher4_headline,
	.aufmacher5_headline {
		padding:0.5em 1em;
	}
	.aufmacher3_headline,
	.aufmacher5_headline {
		position:absolute;
		background:rgba(0,0,0,0.5);
		color:#fff;
	}
	.aufmacher3_headline {
		bottom:10%;
	}
	.aufmacher5_headline {
		top:10%;
	}
}


@media screen and (max-height: 551px) {
	/*article:before{content:"max-height: 551px"}*/
	/*body {background:#FFFF99;}*/
    
    .pucAmp {
        line-height: 0.6em;
        font-size:25em;
    }
}

@media screen and (min-width: 801px) {
    .article_head {
        color:#8c8c8c !important;
    }
    
    .aufmacher2_headline,
    .farbig .aufmacher2_headline .article_description,
    .farbig .aufmacher2_headline .article_autor {
	    color: #fff !important;
    }
    .farbig .aufmacher2_headline {
	    color: #fff !important;
	    background:rgba(70,162,219,0.9);
    }
    
    
    .aufmacher3_image, 
    .aufmacher5_image {
	    float: left;
	    max-width: 19em;
	    width: 40%;
    }
    .aufmacher3_headline, 
    .aufmacher5_headline {
	    position: absolute;
	    top:auto;
	    bottom: 0 !important;
	    margin-bottom: 0;
	    margin-left: 23em;
	    padding: 0 3.5em 0 0;
	    max-width: 57%;
	    font-size: 0.9em;
	    color: #030303;
	    background:none;
    }
    .aufmacher3_headline h1, 
    .aufmacher5_headline h1 {
	    font-size:2.4em
    }
    .aufmacher3_holder .figcaptionQuelle,
    .aufmacher5_holder .figcaptionQuelle {
	left:0;
    }
    
    .farbig .aufmacher3_headline, 
    .farbig .aufmacher5_headline {
        padding:0 3.5em 0 0;
        background:none;
        color:#3ca1da !important;
    }
    .farbig .aufmacher3_headline .article_description,
    .farbig .aufmacher5_headline .article_description,
    .farbig .aufmacher3_headline .article_autor,
    .farbig .aufmacher5_headline .article_autor {
	color:#3ca1da !important;
    }
	
	/*.aufmacher5_headline h1, 
	.aufmacher5_headline h2
	.article_description,
	.article_autor {
		color:#030303;
	}*/
}
	
@media screen and (min-width: 916px) {
	/*article:before{content:"min-width: 900px"}*/
	/*body {background:#FC6;}*/
    
    .text_editorial {
        padding-left: 21em;
    }
    
	.leserbrief {
		padding-left:20em;
	}
	.leserbrief .asset_link {
		width: 14em !important;
		margin: 0.3em 0 2em -20em !important;
	}
	
	.aufmacher3_headline, 
	.aufmacher5_headline {
		margin-left: 27em;
		font-size: 0.95em;
	}
	.aufmacher3_image, 
	.aufmacher5_image {
		max-width: 23.5em;
	}
	.aufmacher3_headline h1, 
	.aufmacher5_headline h1 {
		font-size:3.5em
	}
    
	.kasten {
		margin-left:22em;
	}
    .article_kurz_vorgestellt .kasten {
        margin-left:22em;
    }
    .text_editorial .kasten {
        margin-left: -18em;
    }
    
    .body_pro_und_contra .kasten h5 {
        margin-left: -11.6em;
    }
    .body_pro_und_contra .kasten_img {
        float:left;
        width:22em;
        margin: 0 0 1.5em -22em !important;
    }
    .body_pro_und_contra .kasten img {
        max-width:14em;
    }
    
    .body_jetzt_im_netz .kasten.hasAsset .kasten_img {
        max-width:20em;
    }
	
}

@media screen and (min-width: 1040px) {
	/*article:before{content:"min-width: 1024px"}*/
	/*body {background:#F63;}*/
	
    .article_editorial {
		padding: 1.875em 0 1.875em 2.5em !important;
	}
	.article_leserbriefe {
		padding-left:28em;
	}
	.leserbriefe .asset_link {
		width: 14em !important;
		margin: 0.3em 0 2em -21.5em !important;
	}
	
	.article_leserbriefe .leserbriefContent,
	.article_aktuell .content_text.hasAsset {
		-moz-column-count: 1;
		-moz-column-gap: 0;
		-moz-column-rule: none;
		-webkit-column-count: 1;
		-webkit-column-gap: 0;
		-webkit-column-rule: none;
		column-count: 1;
		column-gap: 0;
		column-rule: none;
	}
	
    .article_aufmacher_headline {
        padding: 0 !important;
    }
	.aufmacher3_headline, 
	.aufmacher5_headline {
		margin-left: 32em;
        padding:0 !important;
	}
    .aufmacher4_headline {
		padding:0.5em 0 1em 0;
	}
    
    .farbig .aufmacher3_headline, 
    .farbig .aufmacher5_headline {
    }
    
	.kasten {
		margin-left:30em;
	}
    .article_kurz_vorgestellt .kasten {
        margin-left:30em;
    }
    
    
    .body_pro_und_contra .kasten h5 {
        margin-left: -15.75em;
    }
    .body_pro_und_contra .kasten_img {
        float:left;
        width:30em;
        margin: 0 0 1.5em -30em !important;
    }
    .body_jetzt_im_netz .kasten.hasAsset .kasten_img {
        max-width:24em;
        
    }
}


/***********
    HIRES
************/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	/*article:before{content:"retina"}*/
	
}

/*************************
    PHABLETS
**************************/

@media screen and (max-width: 640px){
   /* article:after{content:"< 640px, landscape"}*/

	body{
		font-size: 0.95em;
		line-height: 1.5em;
	}
	
	.article_big_image, .aufmacher2_image, .aufmacher3_image, basisartikel_image_aufmacherbild, .image_editorial img {
		overflow: hidden;
	}
	.aufmacher_kolumne_headline {
		padding: 0 1em 1em 1em;
	}
	
	h1 {
		font-size: 2.2em;
	}
	h2, h3, h4,
	.article_head h2, .kasten h5 {
		font-size: 1.4em;
	}
	h5 {
	    font-size: 1.0em;
	}
	p.article_description {
	    font-size: 0.95em;
	}
	.pucAmp {
		font-size: 20em;
		line-height: 0.4em;
	}
	.body_pro_und_contra .kasten img {
	    max-width: 8em;
	}
	.figcaptionQuelle {
		margin-left:1em;
	}
	.zit {
	    font-size: 1.3em;
	}
	.vorspann {
	    font: 0.95em/1.1em 'heavy',sans-serif;
	}
	.box_impressum .headline {
		font-size: 2.5em;
	}
}

@media screen and (max-width: 640px) and (orientation: landscape) {
   /* article:after{content:"< 640px, landscape"}*/

	
	.article_big_image, .aufmacher2_image, .aufmacher3_image, basisartikel_image_aufmacherbild, .image_editorial img {
		float: left;
		max-width:300px;
		max-height:280px;
		margin:0 1em 0.5em 0;
		overflow: hidden;
	}
	.asset_position img, .asset_link img, .small_col_picture img {
    	max-height: 20em;
	}
	
	.pucAmp {
		line-height: 0.6em;
	}
}

@media screen and (max-width: 600px) and (orientation: portrait) {
    /*article:after{content:"< 600px"}*/

	.leserbrief .asset_link img {
	    max-height: 20em;
	}
}

/************
 FONT RESIZE
*************/

@media screen and (min-width: 768px) {
    .fontSize20 article, 
    .fontSize20 .article_aufmacher_headline, 
    .fontSize20 #appInhalt,
    .fontSize24 article, 
    .fontSize24 .article_aufmacher_headline, 
    .fontSize24 #appInhalt {
        max-width: 49.6em;
        padding: 1.875em 3.5em !important;
    }
    /*.fontSize20 .aufmacher1,
    .fontSize24 .aufmacher1 {
        max-width:64em;
    }*/
    .fontSize20 .aufmacher3_headline,
    .fontSize20 .aufmacher5_headline,
    .fontSize24 .aufmacher3_headline,
    .fontSize24 .aufmacher5_headline {
        position: absolute;
        max-width:100%;
        margin-left:0;
        padding: 0.5em 3.5em 1em !important;
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
        color: #fff !important;
    }
    .fontSize20 .aufmacher3_image, 
    .fontSize20 .aufmacher5_image,
    .fontSize24 .aufmacher3_image, 
    .fontSize24 .aufmacher5_image {
        float: none !important;
        max-width: 100% !important;
        width: auto;
    }
    .fontSize20 div.content_text.hasAsset, 
    .fontSize20 div.content_text_vorgestellt, 
    .fontSize20.body_artikel_gross div.content_text,
    .fontSize24 div.content_text.hasAsset, 
    .fontSize24 div.content_text_vorgestellt, 
    .fontSize24.body_artikel_gross div.content_text {
        padding-left:0 !important;
    }
    .fontSize20 .asset_link, 
    .fontSize20 .asset_position, 
    .fontSize20 .asset_link_tabellen, 
    .fontSize20 .possible_gallery, 
    .fontSize20 a[data-pattern="bottom_table"], 
    .fontSize20 .box_right,
    .fontSize24 .asset_link, 
    .fontSize24 .asset_position, 
    .fontSize24 .asset_link_tabellen, 
    .fontSize24 .possible_gallery, 
    .fontSize24 a[data-pattern="bottom_table"], 
    .fontSize24 .box_right {
        float:none !important;
        margin-left: 0 !important;
        width: 100% !important;
    }
    .fontSize20 .kasten,
    .fontSize24 .kasten{
        margin-left: 0 !important;
    }
    
    .fontSize20 #appToc .teaserimg,
    .fontSize24 #appToc .teaserimg {
        width: 15em;
    }
    
    .fontSize20.body_jetzt_im_netz .kasten.hasAsset .kasten_img {
        float:none;
        max-width: 12em;
    }
    .fontSize24.body_jetzt_im_netz .kasten.hasAsset .kasten_img {
        float:none;
        max-width: 100%;
        text-align:center;
    }
    
    .fontSize20.body_pro_und_contra .kasten h5,
    .fontSize24.body_pro_und_contra .kasten h5{
        margin-left: 0;
    }
    .fontSize20.body_pro_und_contra .kasten_img,
    .fontSize24.body_pro_und_contra .kasten_img {
        float:none;
        min-height:11em;
        width:100%;
        margin: 0 !important;
        padding:0 !important;
    }
    .fontSize20.body_pro_und_contra .kasten img,
    .fontSize24.body_pro_und_contra .kasten img{
        float:left;
        
    }
    .fontSize20.body_pro_und_contra .kasten .figcaption,
    .fontSize24.body_pro_und_contra .kasten .figcaption{
        bottom:0 !important;
        margin-left: 11em;
    }
    .fontSize20.body_pro_und_contra .pucAmp {
        top:0.5em;
        font-size:28em;
        line-heigth:0 !important;
    }
    .fontSize24.body_pro_und_contra .pucAmp {
        top:0.35em;
        font-size:25em;
        line-heigth:0 !important;
    }
    
    
    .fontSize24 .leserbrief {
        padding-left:0;
    }
    
    .fontSize20 .faq_headline {
	    height:16em;
	    width:20em;
    }
    .fontSize20 .faq_title {
	font-size: 330%;
    }
}

@media screen and (min-width: 916px) {
    /*.fontSize20 article, 
    .fontSize20 .article_aufmacher_headline, 
    .fontSize20 #appInhalt {
        max-width: 49.6em;
        padding: 1.875em 3.5em !important;
    }*/
    .fontSize20 article, 
    .fontSize20 .article_aufmacher_headline, 
    .fontSize20 #appInhalt {
        max-width: 52.5em;
    }
    .fontSize24 article, 
    .fontSize24 .article_aufmacher_headline, 
    .fontSize24 #appInhalt {
        max-width: 44.5em;
    }
    .fontSize20 .aufmacher3_headline,
    .fontSize20 .aufmacher5_headline {
        position: relative;
        max-width:50%;
        margin-left:23em;
        padding: 0.5em 3.5em 1em 0 !important;
        background: none;
        color: #8c8c8c !important;
    }
    .fontSize20 .aufmacher3_headline h1, 
    .fontSize20 .aufmacher5_headline h1 {
        font-size: 2.4em;
    }
    .fontSize20 .article_head h2, 
    .fontSize20 .kasten h5 {
        font-size: 1.9em;
    }
    .fontSize20 p.article_description {
        font-size: 1.1em;
    }
    .fontSize20 .aufmacher3_image, 
    .fontSize20 .aufmacher5_image {
        float: left !important;
        max-width: 22.8em !important;
        width: 43%;
    }
    .fontSize20 div.content_text.hasAsset, 
    .fontSize20 div.content_text_vorgestellt, 
    .fontSize20.body_artikel_gross div.content_text {
        padding-left:18em !important;
    }
    .fontSize20 .asset_link, 
    .fontSize20 .asset_position, 
    .fontSize20 .asset_link_tabellen, 
    .fontSize20 .possible_gallery, 
    .fontSize20 a[data-pattern="bottom_table"], 
    .fontSize20 .box_right {
        float:left !important;
        margin-left: -18em !important;
        width: 16em !important;
    }
     .fontSize20 .asset_position .asset_link,
     .fontSize20 .asset_position .asset_link_tabellen {
        margin-left: 0 !important;
    }
   
    .fontSize20 .kasten {
        margin-left: 18em !important;
    }
    .fontSize20.body_jetzt_im_netz .kasten {
        margin-left: 0 !important;
    }
    
    .fontSize20.body_pro_und_contra .kasten h5 {
        margin-left: -9.5em;
    }
    .fontSize20.body_pro_und_contra .kasten_img {
        float:left;
        width:18em;
        margin: 0 0 0 -18em  !important;
        padding:0 !important;
    }
    .fontSize20.body_pro_und_contra .kasten .figcaption {
        clear:both;
        bottom:0 !important;
        margin-left: 0;
    }
    .fontSize20.body_pro_und_contra .pucAmp {
        top:0.5em;
        font-size:28em;
        line-heigth:0 !important;
    }
    
}

/*@media screen and (min-width: 916px) {
    .fontSize24 article, 
    .fontSize24 .article_aufmacher_headline, 
    .fontSize24 #appInhalt {
        width:49.6em;
        padding: 1.875em 3.5em !important;
    }
}


@media screen and (min-width: 1040px) {
    .fontSize24 article, 
    .fontSize24 .article_aufmacher_headline, 
    .fontSize24 #appInhalt {
        width:49.6em;
        padding: 1.875em 3.5em !important;
    }
}*/