@charset "UTF-8"; /* News & Accordion all Devices */ .news, .acc { position: relative; float: left; width: 100%; height: auto; color: #333333; } /* width */ .news .news_teaser, .news .news_more { width: 65%; } .acc .news_teaser, .acc .news_more { width: 100%; } /* margin & padding */ .news { margin: -20px 0 10px 0; padding: 30px 45px 5px 25px; } .acc { margin-top: -30px; } .news .news_teaser h3, .news .news_more h3, .news .news_teaser p, .news .news_more p { margin-bottom: -7px; } .acc .news_teaser h3, .acc .news_more h3, .acc .news_teaser p, .acc .news_more p { margin-bottom: 10px; } /* news teaser */ .news_teaser { margin: 0; padding: 0; } .news_teaser:hover { text-decoration: none; cursor: default; } .news_teaser.news_active .news_more_open { display: inline; } /* header */ .news .news_header_wide { margin: 10px 25px 12px -25px; padding: 8px 25px; border-bottom: 1px solid rgb(221, 221, 221); background-color: #f5f5f5; max-width: 100%; font-size: 1.35em; font-weight: 600; color: #3f474a; line-height: 1.15em; } /* font size */ .news_teaser h3 { font-size: 1.3em; } .news .news_teaser h3 { color: #69C600; } .news_teaser .news_text, .news_more .news_text { font-size: 1.2em; } .news_source { font-size: 1.1em; color: #BBB; } /* more & close link */ .news_more_open, .news_more_close { color: #69C600; display: none; cursor: pointer; } /* divider */ .news_divider { height: 1px; margin: 30px 50px 12px 0px; border-bottom: 1px solid rgb(221, 221, 221); } /* End News & Accordion all Devices */ /* News & Accordion Bigger Screens */ @media only screen and (min-width: 900px) and (max-width: 1050px) /* and (orientation : landscape) */ { .news_teaser, .news_more { } .news .news_header_wide { font-size: 1.2em; } .news_teaser h3 { font-size: 1.2em; } .news_teaser .news_text, .news_more .news_text { font-size: 1.1em; } .news_source { font-size: 1em; } } /* End News & Accordion Bigger Screens Media Query */ /* News & Accordion Medium Screens (Pads, etc.) */ @media only screen and (max-width: 899px) { .news_teaser, .news_more { width: 90%; } .news .news_header_wide { font-size: 1.2em; } .news_teaser h3 { font-size: 1.2em; } .news_teaser .news_text, .news_more .news_text { font-size: 1.1em; } .news_source { font-size: 1em; } } /* End News & Accordion Medium Screens Media Query */ /* News & Accordion Small Screens (Smart Phones, etc.) */ @media only screen and (max-width: 568px) { .news .news_teaser, .news .news_more { width: 90%; } .news .news_teaser, .news .news_more, .news .news_source { margin-left: -14px; } .news .news_header_wide { font-size: 1.2em; margin: 10px 10px 12px -40px; } .news_teaser h3 { font-size: 1.1em; } .news_teaser .news_text, .news_more .news_text { font-size: 1em; } .news_source { font-size: 0.9em; } } /* End News & Accordion Small Screens Media Query */