/*
html.fullheight,
.fullheight body {
height: 100%;
}*/
body {
/*width:100%;*/
margin: 0;
padding: 0;
color: #373737;
font-family: 'regular', sans-serif;
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_text .kasten_link .kasten_title,
strong,
/*.article_head h1,*/
.webcode,
.Softnicht,
/*.article_kurz_vorgestellt h3.z,
.article_kurz_vorgestellt h3.z1,*/
.article_kurz_vorgestellt .tel {
font-family: 'heavy', 'DevanagariSangamMN-Bold', sans-serif;
}
pre, code,
.l,
.lf,
span[name=l],
span[name=lf],
.box_code,
.text_editorial,
.text_editorial h4,
textarea.pre {
font-family: 'mono', monospace;
}
a {
text-decoration: none;
color: #373737;
}
p.Normal a {
text-decoration: underline;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.meldungen_zweispaltig.hasAsset .clear {
display:inline;
float:left; /* need to hack this */
}
h1, h2, h3, h4, h5, h6 {
/*text-rendering: optimizeLegibility;*/
}
/*
h1, h2, h3, h4, h5, h6 {
clear:both;
}*/
h1 {
font-weight: bold;
font-size: 3em;
line-height: 3.8em;
/*line-height: 45px;*/
}
h2 {
font-size: 1.40em;
}
h3 {
font-size: 1.466em;
font-weight: bold;
}
h4 {
font-size: 1.466em;
font-weight: bold;
line-height: 1.2em;
}
h5 {
font-size: 1em;
}
h1, h2, h3, h4, h5, h6,
p,
a,
.fussnote a,
.figcaption {
word-break: break-word;
-ms-word-break: break-all;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-hyphens: auto;
hyphens: auto;
hyphenate-lines: 4;
/** android test **/
overflow-wrap: hyphenate;
}
/*.figcaptionHelper {
display:inline-block;
}*/
.websites_aktuell h4,
.body_aktuell h2 {
text-align: left;
}
/*.article */
.article_vorschau,
.article_buchkritik,
/*.article_spiele,*/
.articel_kids_bits,
.article_kurz_vorgestellt,
.websites_aktuell,
.article_aktuell,
.article_faq,
.article_hotline,
.article {
max-width:924px;
padding: 30px 50px 60px 50px;
}
.article_aufmacher_headline .article_head {
padding: 0 50px;
}
.basisartikel_image_normal {
position: relative;
float:left;
max-width:200px;
}
.basisartikel_image_normal img {
/*position: absolute;*/
left: 0;
top: 0;
max-width: 100%;
}
.article .basisartikel_image_normal img {
max-width: 200px;
}
.article_kurz_vorgestellt h3.z,
.article_kurz_vorgestellt h3.z1 {
margin-bottom: 0;
margin-top: 1.8em;
}
.article_kurz_vorgestellt .asset_link {
float: left;
margin-left:-240px;
}
.article .asset_link {
text-align:center;
}
p.no_indent {
text-indent: 0 !important;
}
.article_aktuell p.Initial,
.article_kurz_vorgestellt p.Initial,
.article_text p.Initial {
text-indent: 0;
display:inline-block;
}
.article_aktuell p.Initial span[name=Initial],
.article_aktuell p.Initial .Initial,
.article_kurz_vorgestellt p.Initial span[name=Initial],
.article_kurz_vorgestellt p.Initial .Initial,
.article_text .Initial span[name=Initial],
.article_text .Initial .Initial {
display: inline-block;
float: left;
padding: 0.18em 0.1em 0 0;
text-indent: 0;
font:normal 3.21em/0.7em 'heavy', 'DevanagariSangamMN-Bold', sans-serif;
color: #000;
/*text-rendering: optimizeLegibility;*/
}
.article_aktuell .no_float_initial p.Initial span[name=Initial],
.article_aktuell .no_float_initial p.Initial .Initial,
.article_kurz_vorgestellt .no_float_initial p.Initial span[name=Initial],
.article_kurz_vorgestellt .no_float_initial p.Initial .Initial,
.article_text .no_float_initial .Initial span[name=Initial],
.article_text .no_float_initial .Initial .Initial {
/*float: none;*/
display: inline-block;
}
.article .content_text {
max-width:450px;
}
.content_text {
margin-bottom: 1em;
}
.content_text p {
position: relative;
text-indent: 1em;
margin: 0;
word-break: break-word;
}
.content_text h3 {
margin: 1.2em 0 .6em 0;
}
sup {
position:relative;
top:-0.7em;
font-size:0.7em;
vertical-align:baseline;
}
.webcode + .forum_button {
margin-top: 0 !important;
}
.forum_button {
margin-top: 1.5em !important;
}
p.author,
.content_text .oe,
.author p {
text-indent: 0;
}
.author {
float:right;
padding-bottom:1em;
}
.article_buchkritik .author {
float:none;
padding-bottom:0;
}
.article_text .kasten_link {
padding: 0.5em 0.5em 0 0.5em;
text-indent: 0;
font-style: italic;
text-align:left;
}
.article_text .textkaesten {
margin-bottom:1em;
}
.article_text .textkaesten.verzeichnis {
display:none;
}
.article_text .kasten_link .kasten_title {
font-weight: bold;
font-style: normal;
text-decoration:none;
}
.article_text p[class*='picto'] {
text-indent: 0;
display:inline-block;
}
.article .os {
float: left;
max-height: 40px;
max-width: 40px;
padding-right: 5px;
position: relative;
bottom: -4px;
margin-bottom: 7px;
}
.article .os:last-child {
padding-right: 13px;
}
.websites_aktuell h3 {
font-size: 1.9em;
margin-bottom: 0.5em;
}
.websites_aktuell .tel {
padding-bottom:0.8em;
}
/*.kasten_default_pic img,*/
.asset_fullwidth .asset_link {
display:inline-block;
width: 100%;
-webkit-column-break-inside: avoid;
column-break-inside: avoid;
padding-bottom:1em;
}
.asset_fullwidth img {
max-width: 100%;
max-height:25em;
}
.assets_float .asset_link {
float: left;
max-width: 250px;
margin-right: 20px;
}
.assets_float .asset_link img {
max-width: 250px;
}
.assets_float h3 {
clear: both;
}
/*.box_meldungen_zweispaltig p,*/
.article_leserbriefe p,
.zweispaltig p {
margin: 0;
margin-bottom: 1em;
}
p.intro {
margin-bottom:0.1em
}
p.ein {
text-indent:-1.2em !important;
padding-left:1.2em;
}
pre,
.kasten .lf,
textarea.pre {
max-width: 100%;
padding: 0.5em 0;
white-space: no-wrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
pre .einzug {
padding-left:1em;
}
/* aus fuer paneview-macher */
.pvmaker pre .einzug {
padding-left:0;
}
.kasten.hasAsset pre {
overflow:visible;
}
.kasten.hasAsset pre .zeile {
word-wrap: break-word;
white-space: normal;
}
.kasten.hasAsset pre .kasten_default_pic {
line-height:0;
padding-top:3em;
}
.kasten.hasAsset pre .kasten_default_pic:first-child {
padding-top:0 !important;
}
a,
.box_code {
position: relative;
z-index: 200;
}
.preListingBox {
}
.box_code {
padding: 0 12px;
background: #F0F1E2 url(../images/copy_button.png) no-repeat right 100%;
/*width: 100%;*/
font-size: 0.95em;
box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow-x: auto;
white-space: pre;
}
.listings {
margin-bottom: 30px;
}
.kasten .box_meldungen_zweispaltig .kasten_default_pic {
clear: left;
display: block;
float: left;
margin: 0 0 10px -260px;
position: relative;
width: 230px;
}
.kasten.hasAsset .kasten_default_pic {
/*float: none;*/
}
/*.box_meldungen_zweispaltig p span {
display:inline;
}*/
.box_meldungen_zweispaltig p.inter span,
.box_meldungen_zweispaltig p.frage span {
display:inline;
}
.box_meldungen_zweispaltig p span.l {
display:inline;
}
.page_control {
position: fixed;
top: 0;
width: 60px;
height: 100%;
}
.page_control.debug.absolute {
background: rgba(255, 0, 255, 0.1);
}
.page_control.right {
right: 0;
}
.page_control.debug.absolute {
background: rgba(0, 0, 255, 0.1);
}
.page_control.absolute {
position: absolute;
}
.box_impressum .headline {
font-size: 1.9em;
}
.body_aktuell h2,
.article_leserbriefe h4 {
margin-bottom: 0.5em;
line-height:1.4em;
}
.figcaption {
/*border-top: solid 1px #a7a7a7;*/
clear:both;
padding: 5px 0;
font-size: 0.86em;
color: #000;
line-height: 1.4em;
text-align: left;
font-family: 'heavy', 'DevanagariSangamMN-Bold', sans-serif;
}
.video_link {
background-image: url(../images/video_link.png);
background-repeat: no-repeat;
padding: 0px 0 20px 25px;
font-size: 0.86em;
color: #797979;
}
.fussnote {
margin: 0;
padding: 0;
font-size: 0.86em;
display:inline-block;
list-style:none;
}
.fussnote a {
text-decoration: underline;
}
.fussnote a:active {
text-decoration: none;
}
.fussnote .literaturverzeichnis_nr {
float:left;
display: inline-block;
width: 25px;
}
.fussnote li {
padding: 0 0 3px 25px;
text-indent:-25px;
}
.fussnote dd:after {
content: ' ';
display: block;
}
.stoerer {
font-size: 1.6em;
font-weight: bold;
font-style:italic;
/*line-height: 30px;*/
color: #0070cf;
text-align: center;
padding: 30px 0 30px 0;
}
/* BASIS TEXT ENDE */
/* AUFMACHER 1 */
.aufmacher2_article
.aufmacher4_article {
padding: 0 20px 60px 20px;
font-size: 1em;
color: #373737;
}
.aufmacher2_article_subsubheadline
.aufmacher4_article_subsubheadline {
font-size: 1.13em;
}
.aufmacher2_article_text
.aufmacher4_article_text {
font-size: 1em;
padding-left: 265px;
}
/* AUFMACHER 1 ENDE */
/* HOTLINE */
.hotline_headline {
height: 62px;
width: 246px;
text-indent: -9000px;
overflow: hidden;
background: url("../images/hotline_headline.png") no-repeat;
float: left;
margin-top: 0 !important;
}
.hotline_buttons {
float: left;
margin-top: 19px;
margin-left: 60px;
}
.hotline_buttons a {
margin-right: 20px;
float: left;
}
.hotline_buttons img {
display: block;
}
.hotline_text {
font-size: 1em;
padding-top: 10px;
/*line-height: 24px;*/
}
.question .icon_replace,
.answer .icon_replace {
height: 35px;
width: 25px;
padding-right: 10px;
margin-top: 7px;
display: inline-block;
background: url(../images/hotline_fragezeichen.png) no-repeat;
}
.answer .icon_replace {
background-image: url(../images/hotline_ausrufezeichen.png);
}
.hotline_autor {
float: right;
}
.image_rechts {
float: right;
clear: right;
max-width: 300px;
padding-left: 50px;
margin-bottom: 20px;
}
.image_rechts img {
max-width: 300px;
}
/* HOTLINE ENDE */
/* FAQ */
.faq_headline {
float: left;
height: 243px;
width: 400px;
padding-bottom: 0px;
line-height:1.2em;
}
.faq_header_text {
padding-top: 30px;
}
.faq_autor {
font-size: 1em;
margin-bottom: 0;
font-weight:bold;
}
.faq_title {
font-size: 2.13em;
font-weight: bold;
margin-bottom: 0;
margin-top: 0.3em;
line-height:1.2em;
}
.tabHolder {
float:left;
margin:0.5em 1em 0 0;
}
.html_table_holder {
max-width: 400px;
}
.html_table_holder .tb_z1 {
min-width: 90px;
}
.html_table_holder table {
text-align: left;
}
.html_table_holder strong {
font-family: "Arial Narrow", Sans-Serif;
}
.article_faq > p,
.article_hotline > p,
.article_aktuell .content_text > p,
.websites_aktuell .content_text > p {
line-height: 1.5em;
}
.websites_aktuell .tel {
text-indent: 0;
line-height: 1.5em !important;
}
.faq_subtitel {
margin-top: 0.4em;
}
/* FAQ ENDE */
.kasten_img img {
float:left;
max-width: 230px;
margin:0 1em 1em 0;
}
.box_yellow img {
max-width: 200px;
}
.box_right img,
.box_right .figcaption,
.box_right .play_text {
/*max-width: 350px;*/
max-width: 200px;
}
.websites_aktuell img {
max-width: 300px;
}
.kasten_img.kasten_inline_pic img {
max-width: 100%;
}
.kasten_inline_pic {
clear:both;
padding-bottom:1.5em;
}
.cover_box {
float:left;
/*margin-left:-300px;*/
}
.cover_box img {
max-width: 220px;
}
.meldung_toptext_small {
/*float:left;*/
margin-left: 240px;
}
.meldung_toptext_small.col_right {
margin-right: 0;
margin-left: 240px;
}
.box_vorgestellt {
height: 280px;
overflow: auto;
padding-right: 15px;
/*line-height: 18px;*/
}
.small_col_picture img {
width: 100%;
max-height: 400px;
}
.small_col_picture {
float: left;
width: 200px;
text-align:center;
}
.small_col_picture.float_left {
float: left;
padding-left: 0;
padding-right: 20px;
}
.kasten_default_pic .figcaption {
border: 0;
}
.box_right_small .bild_recht_vorgestellt img {
max-width: 150px;
}
.article_aktuell h4,
.article_kurz_vorgestellt h4 {
margin-bottom: 2px;
}
/*.article_spiele h4,*/
.article_buchkritik h4,
.article_kurz_vorgestellt h4 {
font-size: 1.8em;
line-height: 1.1em;
}
.article_buchkritik h4 {
margin-top: 0;
margin-bottom: 0.3em;
}
/*.article_spiele h4 {
margin-bottom: .6em;
}*/
/* VORGESTELLT ENDE */
/* MELDUNGEN */
.fontSize20 .meldungen_zweispaltig,
.fontSize24 .meldungen_zweispaltig {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.box_meldungen_zweispaltig.no_col {
column-count: 1;
-webkit-column-count: 1;
}
.box_meldungen_zweispaltig.top_padding {
margin-top: 30px;
}
.box_yellow h4 {
margin-top: 0;
}
.box_yellow .pen {
display: block;
margin-bottom: 1em;
padding-top:0.5em;
}
.box_yellow .pen span {
display: inline-block;
margin-left: 7px;
padding-left: 26px;
padding-right: 5px;
margin-top: 4px;
}
.box_yellow h4 img {
display: none;
}
.bildunterschrift_ohne_linie {
padding-top: 10px;
font-size: 0.86em;
/*line-height: 15px;*/
color: #797979;
}
.bildunterschrift2 {
padding-top: 10px;
font-size: 0.86em;
/*line-height: 15px;*/
color: #797979;
padding-left: 10px;
/*width: 200px;*/
}
.bild_neben_bildunterschrift {
margin-top: 20px;
margin-bottom: 20px;
position: relative;
}
.bild_neben_bildunterschrift img {
margin-right: 10px;
max-width: 150px;
max-height: 200px;
}
.bild_neben_bildunterschrift .figcaption {
border: 0;
bottom: 0;
position: absolute;
margin-left: 160px;
padding: 0;
}
.meldungen_zweispaltig h4 {
column-span: all;
}
.autoGalMoreLink {
text-align:center;
}
.text_grau {
color: #656565;
font-weight: normal;
}
.inhalt_headline {
color: #000;
font-size: 4.33em;
font-weight: bold;
width: 50%;
float: right;
padding-top: 20px;
}
.logo_inhalt {
float: right;
width: 50%;
padding-top: 10px;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: end;
}
/* INHALT ENDE */
/* IMPRESSUM */
.article_impressum,
.article_vorschau {
font-size: 0.86em;
margin: 30px 25px 40px 25px;
}
.box_impressum {
font-size: 0.73em;
/*line-height: 22px;*/
padding: 5px 20px 20px 20px;
background-color: #f1e6d5;
}
.box_impressum .subline {
font-size: 1.333em;
font-weight: bold;
}
.box_impressum .bold,
.impressum_text .bold {
font-weight: bold;
}
.impressum_text {
margin-top: 45px;
font-size: 0.73em;
padding: 5px 20px 20px 20px;
}
/* IMPRESSUM ENDE */
/* SPIELE * /
.bilder_slide {
float: right;
}
.spiele_tabelle {
float: right;
margin-right: -320px;
max-width:280px;
font-size: 0.73em;
/*line-height: 16px;
}
.spiele_tabelle table {
width: 250px;
color: #000;
display:none;
}
.spiele_tabelle th, td {
padding: 5px;
}
.spiele_tabelle th{
color: #FFF;
font-weight: bold;
background-color:#1d98a7;
text-align: left;
}
.spiele_tabelle .table_second {
background-color: #cde4e7;
}
.spiele_tabelle .table_blue {
background-color: #d9ecef;
}
.spiele_tabelle .table_blue_light {
background-color: #e8f8fe;
}
.text_rechts_unten {
margin-left: 250px;
}*/
/* SPIELE ENDE*/
/* KIDS BITS */
.box_kids {
clear:both;
color: #FFF;
background-color: #1d98a7;
padding: 18px 80px 18px 10px;
margin: 25px 0;
background-image: url(../images/kids_bits_box_bg.png);
background-repeat: no-repeat;
background-position: right center;
text-align: center;
}
.box_kids p {
display:inline;
margin:0 0.1em;
}
/* KIDS BITS ENDE */
/* VORSCHAU */
.article_impressum h1 {
/*line-height: 40px;*/
font-size: 2.33em;
}
.vorschau_box_header h1 {
line-height: 1.0em;
margin-bottom: .5em;
}
.vorschau_box_header h1 .logo_vorschau {
position: relative;
top: 4px;
left: 0;
}
.vorschau_box_header .untertitel {
font-size: 1em;
}
.cd_image {
float: right;
}
.logo_vorschau {
position: absolute;
top: 100px;
left: 200px;
}
.thumbnail_vorschau {
float: right;
width: 150px;
padding-left: 20px;
font-size: 0.86em;
}
.article_impressum h5 {
margin-bottom: 3px;
}
.vorschau_box {
padding-top: 10px;
float: left;
}
.big {
width: 60%;
}
.small {
width: 40%;
}
.vorschau_box_hundert {
padding: 10px 0 20px 0;
}
.wrapper {
width: 100%;
position: absolute;
}
.cover {
background-image: url(../images/bg_cover_landscape.png);
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
}
.wrapper_cover {
height: 100%;
position: relative;
margin-left: auto;
margin-right:auto;
}
.box_cover img {
height: 100%;
width: auto;
}
/* ANZEIGE */
.anzeige {
padding-top: 38px;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
}
.anzeige_600_590{
width: 600px;
height: 590px;
background-color:#06F;
margin: 10px;
}
.anzeige_290_290{
width: 290px;
height: 290px;
background-color:#06F;
margin: 0px 10px 36px 10px;
float: left;
}
.anzeige_440_440{
width: 440px;
height: 440px;
background-color:#06F;
margin: 10px;
}
.anzeige_350_350{
width: 350px;
height: 350px;
background-color:#06F;
margin: 10px;
float: left;
}
/* ANZEIGE ENDE */
.caption_source {
margin-top:1em !important;
padding: 20px;
background: #7d6c80;
color: white;
text-align: center !important;
}
.article_hotline p,
.article_faq p,
.kasten p,
.box_yellow p {
text-align: left;
}
.kasten p.zit {
text-align:center;
padding:1em 0;
}
.box_meldungen_zweispaltig p {
margin:0;
}
.kasten,
.box_yellow {
background: #F0F1E2;
padding:0 0 10px 0;
margin: 20px 0 20px 310px;
}
.rubrik_aktuell .box_yellow {
background: #F0F1E2;
padding:0 0 10px 0;
margin: 20px 0;
}
.kasten.hasAsset {
padding:0 0 10px 270px;
margin: 20px 0;
}
.kasten.hasAsset p span:first-child {
/*float:left;*/
}
.box_yellow.hasAsset {
padding:20px 30px 10px 290px;
margin: 20px 0;
}
.kasten .frage {
font-style: italic;
}
.kasten .item {
padding: 0 20px;
}
.kasten h5 {
font-size: 1.4em;
margin: 1em 0;
padding-top:0.5em;
}
.kasten p {
margin:0;
}
.kasten p.Normal_Zeile_Kasten {
display:inline-block;
}
.kasten .TODO {
font-weight:bold;
}
.kasten .kastenBacklinkCell {
padding-top:0.5em;
}
.kasten .kBlCTop {
display:none;
}
.kasten .kBlCBottom{
float:none;
clear:both;
height:2em;
text-align:left;
display:none;
}
.kasten .kastenBacklink {
border-radius: 5px;
border-bottom: 1px solid #a0a2a5;
text-transform: uppercase;
color: #666;
font-size: 0.75em;
font-weight: bold;
text-shadow: 0 1px 0 #eee;
padding: 5px 15px 4px 15px;
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
background: -moz-linear-gradient(bottom, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(0,0,0,0.12)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.12) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to top, rgba(0,0,0,0.12) 0%,rgba(0,0,0,0) 100%); /* W3C */
}
.iosSlider {
/* required */
position: relative;
top: 0;
left: 0;
overflow: hidden;
height: auto !important;
}
.iosSlider .slider {
/* required */
width: 100%;
height: 100%;
}
.iosSlider .slider .slide {
/* required */
float: left;
padding-bottom: 10px;
}
.swipe .slider .slide {
width: 100%;
}
.kasten .slideSelectors {
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
position: relative;
bottom: 0;
left: 0;
width: 100%;
margin: 0 auto;
z-index: 1;
height: 10px;
}
.kasten .slideSelectors .ball {
text-indent: -999px;
overflow: hidden;
width: 9px;
height: 9px;
-webkit-border-radius: 10px;
background: #b2b2b2;
margin: 0 0 0 10px;
opacity: 1;
}
.kasten .slideSelectors .selected {
background: #000;
opacity: 1;
}
.spaltenkasten {
margin-top:1.5em;
padding-bottom:1em;
text-align:left;
}
.spaltenkasten h2 {
margin:0;
padding:0.3em 0.5em;
color:#fff;
font-size: 1.466em;
}
.spaltenkasten h3 {
min-height: 3em;
font-size: 1.2em;
}
.box_spalten.ist-3-spaltig .kastenspalte {
float:left;
max-width:30%;
font-size:0.86em;
}
.box_spalten.ist-2-spaltig .kastenspalte {
float:left;
max-width:47%;
font-size:0.95em;
}
.box_spalten.ist-1-spaltig .kastenspalte {
max-width:98%;
padding-left:300px;
font-size:0.95em;
}
/*.box_spalten.ist-1-spaltig .kastenspalte .asset_link,*/
.box_spalten.ist-1-spaltig .kastenspalte .spaltenkasten_img {
float:left;
display:block;
height:100%;
max-width:240px;
margin-left:-270px;
}
.box_spalten.ist-1-spaltig .kastenspalte h3 {
min-height: auto;
}
.spaltenkasten_img {
height:200px;
text-align:center;
margin-top:0.5em;
}
.kastenspalte {
margin:0 1.5%;
text-align:left;
}
.kastenspalte img{
max-width:100%;
max-height:100%;
}
.kastenspalte p {
margin:0;
line-height: 1.4em;
}
.kastenspalte .oe {
padding-bottom:1em;
}
.spaltenrating {
position: absolute;
bottom:0;
padding:1em 0 0 1em;
}
.spaltenrating p {
clear:both;
padding:0.3em 0;
text-indent:0;
}
.gruenpfeilhoch {
display:inline-block;
width:16px;
height:16px;
margin:0.5em 0.5em 0 0;
background:url(../images/Pfeiloben_klein.png) no-repeat;
}
.rotpfeilrunter {
display:inline-block;
width:16px;
height:16px;
margin:0.5em 0.5em 0 0;
background:url(../images/Pfeilunten_klein.png) no-repeat;
}
span.pu,
span.po {
display:block;
clear:both;
float:left;
width:16px;
height:16px;
margin:0 0.5em 1em -1em;
text-indent:-9999px;
vertical-align: middle;
overflow:hidden;
background-size:contain;
background-repeat:no-repeat;
}
span.pu {
background-image:url(../images/Pfeilunten_klein.png);
}
span.po {
background-image: url(../images/Pfeiloben_klein.png);
}
span.p {
float:left;
text-indent:0em;
padding-left:1em;
max-width:95%;
}
span.p .Troll {
display:none;
}
/* basisartikel */
.article_aufmacher_headline {
position:relative;
top:0;
left:0;
}
/*.article_aufmacher_headline .article_head {
margin: 0;
padding: 20px 30px 0 30px;
}*/
.basisartikel_image_aufmacherbild {
text-align:center;
}
.basisartikel_image_aufmacherbild img {
max-width:100%;
max-height:700px;
}
/* basisartikel ENDE */
/**
aufmacher2:
portrait -
landscape -
aufmacher3:
portrait -
landscape -
aufmacher4:
portrait -
landscape -
aufmacher5:
portrait - überschrift über dem aufmacherbild
landscape - bild links, überschrift vorlauftext rechts
**/
.aufmacher2_holder,
.aufmacher3_holder,
.aufmacher4_holder,
.aufmacher5_holder {
position: relative;
max-width: 1024px;
overflow: hidden;
}
.aufmacher3_holder,
.aufmacher5_holder {
clear: both;
/*min-height: 30em;*/
}
.aufmacher3_image,
.aufmacher5_image {
float: left;
width: 44%;
max-width:310px;
}
.aufmacher2_image {
text-aline:center;
}
.figcaptionAufmacher {
position: absolute;
display:inline-block;
background:rgba(255, 255, 255, 0.75);
bottom: 0.5em;
right: 0;
padding: 0 10px;
font-size: 70%;
z-index:100;
}
.aufmacher2_image img,
.aufmacher3_image img,
.aufmacher4_image img,
.aufmacher5_image img {
max-width: 100%;
display: inline-block;
}
.rubrik_aktuell .aufmacher2_image img,
.rubrik_aktuell .aufmacher4_image img {
max-height: 748px;
}
/*.article_head {
margin-bottom: 30px;
}*/
.aufmacher2_headline {
width:90%;
margin-bottom: 30px;
padding: 10px 50px 30px 50px;
}
.aufmacher3_headline,
.aufmacher5_headline {
position: absolute;
font-size: 0.95em;
color: #373737;
bottom: 0px;
max-width:50%;
margin-left: 360px;
margin-bottom: 0;
}
.aufmacher4_headline {
margin-bottom: 0;
}
.article_head h1,
.article_head h2 {
margin: 0.2em 0 .4em 0;
}
.article_head h1 {
line-height: 1.0em;
}
.article_head h2 {
line-height: 1.2em;
}
p.article_description {
/*max-width:774px;*/
font-family: 'heavy', 'DevanagariSangamMN-Bold', sans-serif;
font-weight:600;
line-height: 1.45em;
}
.aufmacher2_headline .article_description,
.aufmacher3_headline .article_description,
.aufmacher4_headline .article_description,
.aufmacher5_headline .article_description {
margin-bottom: 0;
}
.aufmacher3_article_subsubheadline
.aufmacher5_article_subsubheadline {
font-size: 1.13em;
/*line-height: 22px;*/
}
/*
.aufmacher2_headline {
position: relative;
background: none;
color: #373737;
margin-bottom: 0;
padding: 0 40px;
width:89%;
}
*/
.fontSize20 .aufmacher2_headline,
.fontSize24 .aufmacher2_headline {
position: relative;
background: none;
color: #373737;
margin-bottom: 0;
padding: 0 40px;
}
/*.aufmacher2_image img,
.aufmacher4_image img {
width: 100%;
}*/
.aufmacher2_image,
.aufmacher4_image {
text-align:center;
}
.aufmacher4_headline {
position: relative;
margin-top: -150px;
padding: 15px 40px;
background: #FFF;
z-index:12;
}
/* AUFMACHER 2 ENDE */
/* BASISARTIKEL */
.aufmacher3_headline
.aufmacher5_headline {
padding: 0 0 0 20px;
}
.article_aktuell {
padding-bottom: 20px;
max-width: 1024px;
}
.article_aktuell .content_text.hasAsset {
padding:20px 0 10px 240px;
}
.article_aktuell .meldungen_zweispaltig .asset_link {
float: left;
padding-right: 20px;
width: 190px;
}
.article_aktuell .content_text.hasAsset .asset_link {
position:relative;
clear:left;
margin-left:-240px;
padding:0 0 1em 0;
}
.article.notiz {
margin:20px 0;
}
.article.notiz .box_yellow {
padding:20px 30px 10px 30px;
}
.article.notiz .box_yellow.hasAsset {
padding:20px 30px 10px 240px;
}
.article.notiz .box_yellow.inline_pic,
.article.notiz .box_yellow.only_inline_pic {
padding:20px 30px 10px 30px;
}
.article.notiz .kasten_default_pic {
clear: left;
display: block;
float: left;
margin: 0 0 10px -220px;
position: relative;
width: 200px;
}
p.question {
margin-bottom: 1.5em;
text-indent: 0;
}
p.answer {
margin-bottom: 1.0em;
text-indent: 0;
}
.article_text,
.content_text_vorgestellt {
/*margin-left: 310px;*/
margin-left: 290px;
/*padding-right: 15px;*/
font-size: 0.95em;
}
.bilderslide_holder {
position: relative;
clear:both;
float:left;
height: 185px;
margin: 20px 0 20px -310px;
overflow: hidden;
z-index: 10;
background: #e1e1e1;
}
.bilderslide {
padding-left: 60px;
}
.arrow_wrap {
position: relative;
clear: both;
}
.arrow_wrap .gallery_arrow {
width: 60px;
height: 45px;
background: url(../images/gallery_arrow.png) no-repeat 30px 70px, #e1e1e1;
position: absolute;
right: -75px;
top: 0;
height: 100%;
cursor: pointer;
z-index: 20;
}
.arrow_wrap .gallery_arrow.hide {
display: none;
}
.bilderslide > .bilder,
.bilderslide > .bildgruppen,
.websites_aktuell .bilderslide > .asset_link {
clear:none;
float: left;
position:relative;
margin: 10px 15px;
width: 150px;
height: 150px;
overflow:hidden;
text-align:center;
border: 7px solid #FFF;
background:#fff;
-webkit-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.4);
box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.4);
}
.bilderslide > .bilder img,
.bilderslide > .bildgruppen img,
.websites_aktuell .bilderslide > .asset_link img {
height: 150px;
display: inline-block;
}
.bilderslide .figcaption {
display: none;
}
.bilderslide .moreImageImage img {
margin:20px 10px;
}
/* BASISARTIKEL ENDE */
/* HOTLINE */
.article_hotline {
background-image: url(../images/hotline_bg.png);
background-repeat: no-repeat;
padding-top: 65px;
}
/* HOTLINE ENDE */
/* FAQ */
.article_faq {
padding-top: 18px;
}
/* FAQ ENDE */
/* VORGESTELLT */
/* VORGESTELLT */
.container_vorgstellt {
height: 380px;
}
.container_table_vorgestellt {
/*height: 220px;*/
height: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: end;
box-align: end;
}
.vorgestellt_rechts {
float: right;
width: 220px;
}
.websites_aktuell p,
.article_aktuell,
.article_kurz_vorgestellt {
text-align: left;
word-break: break-word;
}
.article_kurz_vorgestellt {
padding: 30px 50px;
}
/*.content_text_vorgestellt {
max-width:450px;
margin-left:250px;
}*/
.article_kurz_vorgestellt .box_right .asset_link {
margin-left:0;
}
.article_kurz_vorgestellt .box_right,
.article_kurz_vorgestellt .asset_link_tabellen {
clear: left;
position:relative;
float: left;
margin:1em 0 1em -290px; /*-250px*/
}
.box_right.noMargin{
margin-top:0 !important;
margin-bottom:0 !important;
}
.article_aktuell .asset_link_tabellen {
clear: left;
position:relative;
float: left;
max-width:220px;
margin:1em 0 1em -240px;
}
.article_aktuell .small_col_picture .asset_link_tabellen {
margin:1em 0;
}
/*.article_kurz_vorgestellt .content_text_vorgestellt > .box_right {
position:absolute;
top:30px;
}*/
.article_kurz_vorgestellt .box_right img,
.article_kurz_vorgestellt .asset_link_tabellen img,
.article_kurz_vorgestellt .box_right .figcaption,
.article_kurz_vorgestellt .box_right .play_text {
max-width: 240px;
}
article_aktuell .asset_link_tabellen {
max-width: 220px;
}
.article_kurz_vorgestellt .html_table_holder {
display:none;
}
.websites_aktuell .asset_link {
float: right;
margin: 0 0 1em 40px;
text-decoration: none;
max-width:300px;
}
.websites_aktuell .asset_link img {
display: block;
}
.websites_aktuell h3 {
clear: both;
}
/* VORGESTELLT ENDE */
/* SCHLAGSEITE */
article.image_big_bg{background:none !important; padding: 1em; }
/*.image_big_bg {
/*position:absolute;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
width: 99%;
height: 98%;
margin: 0.5% auto;
border-top: transparent solid 2%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.image_big img {
box-sizing: border-box;
-webkit-box-sizing: border-box;
min-height: 100%;
display: block;
padding: 10px;
margin: 0 auto;
}*/
article.image_big {
position:relative;
text-align:center;
}
#singleImage {
max-height:100%;
max-width:100%;
}
.body_schlagseite #singleImage {
margin:0.5em;
-webkit-transform:rotate(1deg);
-moz-transform:rotate(1deg);
-o-transform:rotate(1deg);
-ms-transform:rotate(1deg);
transform:rotate(1deg);
}
/* SCHLAGSEITE ENDE */
/* LESERBRIEFE */
.article_leserbriefe {
max-width:924px;
padding: 45px 50px 60px 50px;
}
.article_leserbriefe h1 {
margin:0 0 1em 0;
line-height:1em;
}
.article_leserbriefe h2,
.article_leserbriefe h4 {
margin-top: 2em;
}
.article_leserbriefe h4:first-child {
margin-top: 0px;
}
.leser {
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: end;
}
.redaktion {
font-style: italic;
}
.italic {
font-style: italic;
}
.servicebox_leserbriefe {
clear:both;
margin-top: 40px;
padding: 6px 12px 12px 12px;
background-color: #e4ddd3;
font-size: 0.86em;
}
.servicebox_leserbriefe h2 {
font-size: 1.2em;
}
.servicebox_leserbriefe ul {
list-style: none;
padding: 0px;
}
.servicebox_leserbriefe li:before {
content: '- ';
}
.article_leserbriefe img {
width: 100%;
}
.article_leserbriefe .asset_link {
float:right;
max-width: 50%;
margin:0 0 1em 1em;
}
.article_leserbriefe .asset_link_tabellen {
float:right;
max-width: 35%;
margin:0 0 1em 1em;
}
/* EDITORIAL */
.image_editorial {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
max-width:1024px;
}
.image_editorial img {
display: block;
width: 100%;
}
.text_editorial {
max-width:924px;
font-size: 1em;
/*line-height: 24px;*/
padding: 25px 50px;
padding-bottom: 120px;
}
.text_editorial h4 {
font-size: 1em;
font-weight: normal;
}
/* BUCHKRITIK */
.body_buchkritik {
/*height: 100%;*/
background: url(../images/handmadepaper.png);
}
.article_buchkritik {
padding-top: 40px;
padding-bottom:40px;
}
.article_buchkritik .no_margin_top {
padding-left:310px;
}
.article_buchkritik .content_text {
padding-left: 310px;
}
.article_buchkritik p {
text-align: left;
}
.article_buchkritik h5 {
margin-top: 0;
}
.spalte_links_buchkritik {
float: left;
width: 180px;
padding-right: 40px;
font-size: 0.86em;
}
.spalte_links_buchkritik p {
margin-bottom: -5px;
}
/* BUCHKRITIK ENDE */
/*.article_spiele {
padding: 30px 350px 60px 50px;
}
.article_spiele .content_text {
max-width:600px;
margin-right:350px;
}
.article_spiele .bilder_slide {
width: 300px !important;
margin-right: -320px;
}* /
.article_spiele .asset_link_tabellen {
margin-top:1em;
}
.article_spiele .asset_link_tabellen img {
max-height: 100%;
max-width:100%;
}
.article_spiele .iosSlider .slider .item {
width: 330px !important;
padding: 0;
text-align:center;
}
.article_spiele .iosSlider .slider .item img {
max-width: 300px;
max-height: 200px;
}
.article_spiele .slideSelectors {
bottom: 60px;
height: 46px;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: end;
}
.article_spiele .slideSelectors .ball {
font-size: 1.466em;
font-weight: bold;
color: #FFF;
text-align: center;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
width: 46px;
height: 42px;
padding-bottom: 4px;
font-family: sans-serif;
-webkit-border-radius: 0;
background: url(../images/spiel_zahl.png) no-repeat;
margin: 0 0 0 10px;
opacity: 1;
}
.article_spiele .slideSelectors .ball.selected {
background-image: url(../images/spiel_zahl_selected.png);
}*/
.articel_kids_bits .asset_link {
width: 300px;
margin: 0 0 1em 40px;
float: right;
clear: right;
text-align:center;
}
.articel_kids_bits a img {
max-height: 330px;
max-width: 300px;
}
.article .asset_position {
display: block;
clear: left;
float: left;
position: relative;
/*width: 225px;*/
width: 240px; /* 1360214674467280 */
margin-left: -290px;
padding-bottom:1em;
text-align:center;
z-index: 200;
}
.article .asset_position.spalten {
float: none;
width:auto;
}
.article .asset_position img {
max-width:100%;
border:1px solid #fafafa;
}
.article .moreImageImage.asset_position img {
position:relative;
width:150px !important;
margin:0 0 0 -75px;
left:50%;
border:none;
}
.autoGalItemHidden {display:none;}
.push {
float: left;
width: 0;
}
.bottom_box {
float: left;
clear: left;
padding-right: 18px;
}
.vorschau_box .asset_link {
float: right;
margin-left: 1em;
}
.vorschau_box .asset_link img {
max-width: 200px;
}
.vorschau_box h3 {
clear: both;
}
.vorschau_box h3:first-child {
display:none;
}
.aufmacher4_image {
margin-bottom: -150px;
position: relative;
z-index: 10;
}
.aufmacher4_text {
background: #fff;
position: relative;
z-index: 20;
}
.media {
clear: both;
width: 400px;
margin: 0 auto;
}
.media img {
max-width: 400px;
display: block;
}
.play_text {
clear:both;
display: block;
min-height: 1.9em;
margin: 10px 0;
padding: 0.15em 0 0.15em 27px;
color: #000;
background: url(../images/video_grey.png) no-repeat 0 1px;
text-align: left;
font:normal 0.86em/1.5em 'heavy', 'DevanagariSangamMN-Bold', sans-serif;
}
.button {
border-radius: 5px;
background: #e1e6ea;
background: -webkit-linear-gradient(top, #f2f3f7, #e1e6ea);
border-bottom: 1px solid #a0a2a5;
text-transform: uppercase;
color: #8c96a0;
font-size: 0.9em;
font-weight: bold;
text-shadow: 0 1px 0 #fff;
padding: 10px 30px 9px 30px;
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
.button:hover {
background: -webkit-linear-gradient(top, #e1e6ea, #f2f3f7);
}
.listingsliderbuttons {
text-align:center;
}
.button.small {
padding: 0.375em 0.9375em 0.3em 0.9375em;
}
.button.deactivated {
background:#f3f3f3;
color: #ddd;
border-bottom: 1px solid #c0c2c5;
box-shadow: none;
}
.kasten .lf {
margin-bottom: 0;
text-align: left;
}
.last_text {
clear:both;
padding-top:1em;
}
.bottom_box p,
.last_text p {
margin: 0;
}
.websites_aktuell a,
p a,
span[name="a"] a,
.websites_aktuell a:active,
p.Normal a:active,
p.Initial a:active,
span[name="a"] a:active
.a a:active {
clear:both;
text-decoration: underline;
}
span.a {
clear:none;
display:inline;
}
span.a a {
text-decoration: underline;
clear:none;
}
.kasten_img a,
.kasten_link a,
.forum_button a,
.box_right a {
text-decoration:none;
}
.zit {
padding:0.5em 1em 0.5em 0;
font-size: 1.3em;
line-height: 1.3em;
font-style: italic;
font-weight:bold;
text-align: center;
}
.webcode p {
text-align: right;
padding:1em 0;
}
.unterschrift {
float: right;
font-weight: bold;
}
.unterschrift img {
display: block;
padding-bottom: 15px;
max-width: 330px;
}
.kasten .webcode p {
margin-bottom: 0;
}
p.faq_headline,
.faq_header_text p {
text-indent: 0;
}
.no_margin_top,
.no_margin_top > *:first-child {
margin-top: 0 !important;
}
.text_left_align {
text-align: left;
}
.webcode,
.Softnicht {
font-style: italic;
color: #0070cf;
text-indent:0 !important;
}
.webcode a,
.Softnicht a {
color: #0070cf;
text-decoration: none;
}
.vita,
#vita {
padding-top:1em;
text-indent:0 !important;
font-style:italic;
}
/*
@media (max-width : 900px) {
}
*/
body.statusbar {
padding-top:35px;
}
.infobar {
position:fixed;
top:0;
height:1.2em;
width: 94%;
padding:0.5em 40px;
z-index:10000;
background:rgba(255,255,255,1.0);
-webkit-box-shadow: 0 10px 10px #fff;
-moz-box-shadow: 0 10px 10px #fff;
box-shadow: 0 10px 10px #fff;
}
.infobar .issue {
float:right;
}
.infobar .rubric {
float:left;
}
.active {background:#f90;}
.moreImageImage {
display:inline-block;
width:150px;
height:150px;
margin:1em;
overflow:hidden;
background-repeat:no-repeat;
background-size:contain;
background-image:url(../ct/images/mehrbilder.png);
}
.moreImageImage img {
left: -9999px;
position: absolute;
}
/*
##############################
MEDIA QUERIES
##############################
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
/*article:before{content:"retina"}*/
.body_buchkritik {
background-image: url(../images/handmadepaper_@2X.png);
background-size: 100px 100px;
}
.hotline_headline {
background-image: url(../images/hotline_headline@2x.png);
background-size: 246px 62px;
}
.play_text {
background-image: url(../images/video_grey@2x.png);
background-size: 20px 20px;
}
.box_code {
background-image: url(../images/copy_button@2x.png);
background-size: 42px 42px;
}
.arrow_wrap .gallery_arrow {
background-image: url(../images/gallery_arrow@2x.png), url(../images/trenner_transparent@2x.png);
background-size: 21px 42px, 8px 4px;
}
.bilderslide_holder,
.trenner_hotline,
.trenner_vorgestellt,
.trenner_grau,
/*.trenner_spiele*/ {
background-image: url(../images/trenner_transparent@2x.png);
background-size: 8px 4px;
}
.box_yellow .pen {
background-image: url(../images/note_pen@2x.png);
background-size: 24px 42px;
}
.gruenpfeilhoch {
background:url(../images/Pfeiloben.png) no-repeat;
}
.rotpfeilrunter {
background:url(../images/Pfeilunten.png) no-repeat;
}
span.pu {
background-image:url(../images/Pfeilunten.png);
}
span.po {
background-image:url(../images/Pfeiloben.png);
}
.moreImageImage {
background-image:url(../ct/images/mehrbilder@2x.png);
}
}
@media screen and (orientation:landscape) {
/*article:before{content:"landscape"}*/
.article_aufmacher_headline {
max-width: 1024px;
margin: 0 auto;
}
/*.article_aufmacher_headline .article_head {
position: absolute;
bottom: 1%;
left:0;
padding: 20px 0;
color: #fff;
background: rgba(0, 0, 0, .5);
z-index:600;
}
.rubrik_aktuell .article_aufmacher_headline .article_head {
position: relative;
top: 0;
padding: 20px 30px;
color: #373737;
background: none;
}*/
.aufmacher2_image img,
.aufmacher3_image img,
.aufmacher4_image img,
.aufmacher5_image img {
max-height: 700px;
}
.aufmacher2_headline,
.article_aufmacher_headline .article_head {
position: absolute;
bottom: 15%;
margin: 0;
/*width:auto;*/
/*padding: 0 40px 20px 40px;*/
background: rgba(0, 0, 0, .5);
color: #fff;
}
.aufmacher5_headline {
bottom:auto;
top: 15%;
margin-left:410px;
}
.aufmacher3_holder {
padding-right:50px;
}
/*.aufmacher3_image {
max-width: 47%
}*/
.aufmacher4_headline {
padding: 15px 50px;
}
p.article_description {
/*max-width:924px;*/
}
.article_text/*,
.article_buchkritik*/ {
margin-left:310px;
}
.article .asset_position {
margin-left:-310px;
width:260px;
}
.article .asset_position.spalten {
width:auto;
}
}
@media screen and (orientation:portrait) {
/*article:before{content:"portrait"}*/
.infobar {
width: 90%;
}
/*.article_aufmacher_headline .article_head {
position: relative;
top: 0;
padding: 20px 30px 0 30px;
color: #000;
background: none;
}*/
.bilderslide_holder {
margin-right: -45px;
}
.arrow_wrap .gallery_arrow {
right: -45px;
}
/*.article_kurz_vorgestellt .box_right,
.article_kurz_vorgestellt .asset_link_tabellen {
margin:1em 0 1em -200px;
}*/
.article_kurz_vorgestellt .box_right .asset_link_tabellen {
margin:1em 0 !important;
}
}
@media screen and (orientation:portrait) and (max-width: 820px) {
/*article:before{content:"portrait, max-width:800px"}*/
.aufmacher2_headline {
/*width:auto;*/
}
.aufmacher3_headline {
position: absolute;
bottom: 15%;
margin:0;
padding: 0 40px 20px 40px;
background: rgba(0, 0, 0, .5);
color: #FFF;
max-width:100%
}
.aufmacher5_headline {
position: absolute;
top: 15%;
bottom: auto !important;
margin: 0;
padding: 0 40px 20px 40px;
background: rgba(0, 0, 0, .5);
color: #FFF;
max-width:100%
}
.aufmacher3_image,
.aufmacher5_image {
float: none;
padding-right: 0;
width: 100% !important;
max-width:100%;
}
.zett_kasten {
width: 240px;
}
.article_aktuell .asset_link_tabellen {
max-width: 220px;
}
}
/*****************
NEXUS STUFF
*****************/
@media screen and (max-width: 740px) {
/*article:before{content:"small tablet"}*/
.article_aktuell .small_col_picture,
.faq_headline,
.possible_gallery,
.asset_link,
.asset_link_tabellen,
.cover_box,
.kasten_default_pic,
.basisartikel_image_normal {
display:block;
clear: both !important;
float: none !important;
margin: 1.5em 0 !important;
padding: 0 !important;
width: 100% !important;
max-width: 100% !important;
text-align:center !important;
/*border: 1px solid #FAFAFA;*/
}
.article .asset_position {
display:block;
clear: both !important;
float: none !important;
margin: 1.5em 0 !important;
width: 100% !important;
max-width: 100% !important;
text-align:center !important;
}
.article_buchkritik {
margin-left:0;
}
.box_right/*,
.spiele_tabelle*/ {
clear:both;
float:none !important;
margin: 2em 0 !important;
}
.image_rechts {
float: none;
clear: both;
max-width: 100% !important;
padding-left: 0;
margin-bottom: inherit;
}
.image_rechts img {
max-width: auto;
}
.asset_position img,
.asset_link img,
.small_col_picture img {
width: 100% !important; /* ?*/
width: auto !important;
max-height: 600px;
max-width: 100% !important;
margin-left:-0;
border:none;
}
.article_aktuell .asset_link_tabellen {
max-width:100% !important;
}
.asset_link_tabellen img {
float:none;
width: 70% !important; /* ?*/
width: auto !important;
max-height: 600px;
max-width: 70% !important;
margin-left:-0;
border:none;
}
.faq_headline {
width:100%;
}
.faq_header_text {
clear:both;
}
.aufmacher2_headline {
position: relative;
top: 0;
bottom:1%;
padding:0 30px !important;
color: #000;
background: none;
}
.aufmacher3_headline,
.aufmacher5_headline {
bottom: 1%;
background: rgba(0, 0, 0, .5);
color: #FFF;
margin-left: 0;
padding:20px;
max-width:100%
}
.aufmacher3_image {
float: none;
padding-right: 0;
width: 100% !important;
max-width: 100%;
text-align:center;
}
.aufmacher5_headline {
position:relative;
background: none;
color: #373737;
padding:20px;
bottom: auto;
top: 10%;
}
.aufmacher4_headline {
margin-top:0;
padding: 10px 30px;
}
.aufmacher4_image {
margin-bottom:0;
}
/*.body_artikel_gross .article,
.aufmacher4_headline {
padding: 10px 30px 60px 30px;
}*/
.aufmacher5_image {
float: none;
padding-right: 0;
width: 100% !important;
max-width: 100%;
text-align:center;
}
/*.aufmacher2_image img,
.aufmacher3_image img,
.aufmacher5_image img {
max-height: 500px !important;
}*/
.article_vorschau,
.article_buchkritik,
/*.article_spiele,*/
.article_kurz_vorgestellt,
.websites_aktuell,
.article_aktuell,
.article_faq,
.article_hotline,
.article {
padding: 30px 30px 60px 30px !important;
}
/*.article_spiele .content_text,*/
.article .content_text {
max-width:100%;
margin-right:0;
}
/** KV portrait *
.article_kurz_vorgestellt {
padding: 30px 40px 30px 240px;
}*/
.article_buchkritik .no_margin_top,
.article_buchkritik .content_text {
padding-left:0 !important;
}
/*.textkaesten,*/
#zett_kasten,
.seite {
display:none !important;
}
.kasten,
.kasten.hasAsset {
padding: 0 0 10px 0 !important;
margin:20px 0 !important;
}
.box_yellow {
padding: 20px 30px 10px 30px !important;
margin:20px 0 !important;
}
.kasten_img img {
float:none;
}
.box_verzeichnis {
padding:0.5em;
}
.question .icon_replace, .answer .icon_replace {
float:left;
}
/*.article_spiele .bilder_slide {
float:none;
width: 100% !important;
margin-right:0 !important;
}*/
.article_text,
.content_text_vorgestellt {
margin-left: 0;
margin:0 auto;
max-width: 100%;
}
.body_artikel_gross .article .asset_position img {
max-width: 100%;
}
.figcaptionHelper {
display:block;
}
.figcaption {
padding: 0.3em 0;
text-align: left;
}
/*.figcaptionHelper .figcaption {
display:inline-block;
}*/
.article_aktuell .content_text.hasAsset {
padding: 20px 0 10px 0;
}
.meldung_toptext_small {
margin: 0;
}
.content_text.hasAsset {
padding: 0 0 10px 0 !important;
margin: 0 auto;
}
/*.basisartikel_image_aufmacherbild img {
max-height: 500px;
}*/
.article_kurz_vorgestellt .box_right {
position:relative !important;
top:0;
}
.article_kurz_vorgestellt .box_right img,
.article_kurz_vorgestellt .asset_link_tabellen img,
.article_kurz_vorgestellt .box_right .figcaption,
.article_kurz_vorgestellt .box_right .play_text {
max-width: 100%;
}
/** spaltenkaesten **/
.textkaesten.spalten {
display:block !important;
}
.box_spalten.ist-3-spaltig .kastenspalte,
.box_spalten.ist-2-spaltig .kastenspalte,
.box_spalten.ist-1-spaltig .kastenspalte {
float:none;
max-width:98%;
padding:0 0 1em 0;
font-size:0.95em;
border-top:1px solid #ddd;
}
.kastenspalte.spalte_0 {
border:none;
}
.spaltenkasten_img {
height:auto;
}
.box_spalten.ist-1-spaltig .kastenspalte .asset_link,
.box_spalten.ist-1-spaltig .kastenspalte .spaltenkasten_img {
float:none;
display:block;
height:auto;
max-width:100%;
margin-left:0;
}
.kastenspalte h3 {
min-height: auto;
}
.spaltenrating {
position: relative;
padding: 1em 0 0 1em;
}
}
@media screen and (max-width: 800px) {
/*article:before{content:"max android portrait"}*/
}
/*@media screen and (min-width: 875px) and (orientation: landscape) {
article:before{content:"min-width: 801px and orientation:landscape"}*/
@media screen and (min-width: 875px) {
/*.article_aufmacher_headline .article_head {
padding: 20px 30px 0 30px;
}*/
.article_text,
.content_text_vorgestellt,
.article_aktuell .content_text.hasAsset,
.meldung_toptext_small {
margin-left:360px;
max-width:550px !important;
}
.article_aktuell .content_text.hasAsset {
padding: 0;
}
.article .asset_position,
.article_kurz_vorgestellt .box_right,
.article_aktuell .content_text.hasAsset .asset_link,
.article_kurz_vorgestellt .asset_link_tabellen {
width:300px;
margin-left:-360px !important;
}
.small_col_picture,
.article_kurz_vorgestellt .asset_link_tabellen,
.article .asset_position .asset_link {
margin-left:0 !important;
width:300px !important;
}
.article_kurz_vorgestellt .box_right img,
.article_kurz_vorgestellt .asset_link_tabellen img,
.article_kurz_vorgestellt .box_right .figcaption,
.article_kurz_vorgestellt .box_right .play_text {
max-width:300px;
}
.article_aktuell .asset_link_tabellen {
margin-left:-360px;
max-width:300px;
}
.article_aktuell .small_col_picture .asset_link_tabellen {
margin-left:0 !important;
}
.aufmacher3_image,
.aufmacher5_image {
max-width: 350px;
}
.aufmacher3_headline {
margin: 0 0 0 410px;
}
.kasten,
.box_yellow {
margin: 20px 0 20px 360px;
}
.kasten.hasAsset,
.box_yellow.hasAsset {
padding: 0 30px 10px 340px !important;
margin: 20px 0;
}
.kasten_img img {
max-width: 290px;
}
.kasten_default_pic {
margin: 0 0 10px -330px !important;
width: 290px;
}
.article.notiz .box_yellow.inline_pic,
.article.notiz .box_yellow.only_inline_pic {
padding:20px 30px 10px 30px !important;
margin: 0 0 10px 360px !important;
}
.bilderslide_holder {
margin: 20px 0 20px -360px;
}
.box_spalten.ist-1-spaltig .kastenspalte {
padding-left:345px;
}
.box_spalten.ist-1-spaltig .kastenspalte .asset_link,
.box_spalten.ist-1-spaltig .kastenspalte .spaltenkasten_img {
max-width:300px;
margin-left:-340px;
}
.spaltenkasten_img {
height:250px;
}
.websites_aktuell .asset_link,
.websites_aktuell .asset_link img {
max-width:360px;
}
}
@media screen and (min-width: 1075px) {
/*article:before{content:"min-width: 1025px and orientation:landscape"}*/
.content_text {
margin-bottom:0 !important;
}
.article_vorschau,
.article_leserbriefe,
.article_buchkritik,
.article_spiele,
.websites_aktuell,
.article_aktuell,
.article_faq,
.article_hotline,
.article.notiz,
.article_impressum,
.article_kurz_vorgestellt,
.article {
width:1024px;
max-width:100%;
margin:0 auto !important;
padding: 30px 0 60px 0 !important;
}
/*.article_head {
padding:0 !important;
}
.article_aufmacher_headline .article_head {
padding: 30px 0 60px 0 !important;
}
.article_buchkritik {
padding:30px 0 60px 400px !important;
max-width:924px;
}*/
.aufmacher2_holder,
.aufmacher3_holder,
.aufmacher4_holder,
.aufmacher5_holder,
.image_editorial,
.text_editorial {
width:1024px;
margin:0 auto;
}
.aufmacher2_headline {
/*width:100%;*/
}
.aufmacher4_headline {
padding: 15px 0;
}
.aufmacher3_headline{
margin-left: 525px;
max-width:50%;
}
.aufmacher5_headline {
margin-left: 505px;
max-width:50%;
}
.aufmacher3_image,
.aufmacher5_image {
max-width: 385px;
}
.article_text,
.content_text_vorgestellt,
.article_aktuell .content_text.hasAsset,
.meldung_toptext_small {
margin-left:500px;
max-width:550px !important;
}
.article .asset_position,
.article_kurz_vorgestellt .box_right,
.article_aktuell .content_text.hasAsset .asset_link {
width:360px;
margin: 0 0 1em -500px !important;
}
.article_kurz_vorgestellt .asset_link_tabellen,
.article_aktuell .asset_link_tabellen {
margin-left:-500px;
max-width:360px !important;
}
.article_kurz_vorgestellt .small_col_picture .asset_link_tabellen,
.article_aktuell .small_col_picture .asset_link_tabellen {
margin-left:0;
}
.small_col_picture {
width:360px;
}
p.article_description {
/*max-width: 1024px;*/
}
.kasten,
.box_yellow {
margin: 20px 0 20px 500px;
max-width: 550px;
}
.kasten.hasAsset,
.box_yellow.hasAsset {
padding: 20px 30px 10px 480px !important;
margin: 20px 0;
}
.kasten_default_pic {
margin: 0 0 10px -460px !important;
width: 340px;
}
.kasten_img img {
width: 340px;
max-width:340px;
}
.kasten_img.kasten_inline_pic img {
width: auto;
max-width:100%;
}
.article.notiz .box_yellow.inline_pic,
.article.notiz .box_yellow.only_inline_pic {
padding:20px 30px 10px 30px !important;
margin: 0 0 10px 460px !important;
}
.bilderslide_holder {
margin: 20px 0 20px -500px;
}
.box_spalten.ist-1-spaltig .kastenspalte {
padding-left:485px;
}
.box_spalten.ist-1-spaltig .kastenspalte .asset_link,
.box_spalten.ist-1-spaltig .kastenspalte .spaltenkasten_img {
max-width:400px;
margin-left:-480px;
}
.spaltenkasten_img {
height:300px;
}
}