/**************************************/ /* Default styles for news extension */ /**************************************/ .news .clear { clear: both; } .news .nav ul { float: left; display: inline; margin: 0; } .news .nav li { float: left; } .news .nav a { float: left; display: block; } .news .nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .news .article { padding-bottom: 15px; margin-bottom: 15px; } .news .article:last-child { margin-bottom: 0; } .news .article .news-img-wrap a { display: block; float: left; padding: 4px; } .news .article .news-img-wrap img { float: left; height: auto; width: auto; } .news .article .teaser-text { margin: 0 0 10px 0; } .news .article h3 { margin-bottom: 0; } .news .footer { clear: both; padding: 10px 0 0 0; border-top: 1px solid #e7f4fb; /* margin-top: 15px;*/ color: #b5d0e0; font-size : 1em; } .news .footer p { line-height: 1em; } .news .footer span { display: table-cell; padding-right: 5px; /* padding-right: 8px; */ } .news .footer span a { color : #b5d0e0; display : inline-block; margin-right: 8px; padding-right: 8px; /*margin-left: 8px;*/ border-right: 1px solid #b5d0e0; } .news .footer span a:last-child /*.news .footer span a:first-child*/ { border-right: 0; } .news .footer .news-category a { text-transform: uppercase; } .news .no-news-found { color: #DB0202; font-style: italic; } .news .page-navigation p { float: left; } .news .page-navigation ul li { float: left; display: block; padding: 0 2px; background: none; } .news .page-navigation ul li a { display: block; } /* category menu view */ .news-category-view ul li { padding: 5px 8px; } .news-category-view ul li li { padding: 2px 8px 2px 12px; } .news-category-view > ul > li:nth-child(even) { background: #f9f9f9; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .news-category-view .category-desc { padding-left: 10px; margin-left: 10px; border-left: 1px solid #ddd; } /* single view */ .news-single .footer { margin: 30px 0; padding: 0; border: none; font-size: 0.9em; } .news-single .footer p { font-size : 1em !important; margin: 15px 0 0 0 !important; } .news-single .footer span { display: inline-block; padding: 0; margin: 0 5px 0 0; } .news-single .article .news-img-wrap img { float: none; } .news-single .teaser-text { font-size: 15px; color: #034266; } .news-text-wrap { margin-bottom: 10px; } .news-img-caption { color: #888; } /* related news + files */ .news-related-wrap { display: table; margin-top: 20px; width: 100%; } .news-related ul li { line-height: 1em; margin-bottom: 12px; } .news-related ul li span:last-child { border-right: 0; padding-right: 0; } .news-related span, .news-related a { font-size: 0.9em; } .news-related span > a { font-size: 1em; } .news-related h4 { margin-bottom: 10px; } .news-related-files ul li { margin-bottom: 20px; } .news-related-files .news-related-files-link .jpg { background-position: 0 0; } .news-clear { clear: both; } .news-index .news-list-view .article { background : #ffffff; } .news-list-view .article { margin : 0 0 70px 0; padding : 25px; border : #e7f4fb solid 1px; border-radius : 5px; position : relative; overflow : hidden; } .news-list-view .article .news-img-wrap { padding : 10px; width : auto; float : none; max-width : 100%; display : block; } .news-list-view .article .news-img-wrap img { max-width : 100%; max-height : 100%; width : auto; height : auto; float : none; margin : auto; } .news-single .mediaelement-video { position : relative; padding-bottom : 56.25%; padding-top : 0; height : 0; overflow : hidden; } .news-single .mediaelement-video iframe { position : absolute; top : 0; left : 0; right : 0; width : 100%; height : 100%; max-width : 854px; margin : auto; } .news-single .article .news-img-wrap a { position : relative !important; } .news ul.f3-widget-paginator li { margin : 0 0 5px 5px; padding : 0; font-size : 1em; border : none; } .news ul.f3-widget-paginator li.current { padding : 0 12px; font-weight : 700; background : #0073b6; color : #ffffff; } .news ul.f3-widget-paginator li a { padding : 5px 11px 6px 11px; text-decoration : none; background : #eef5f9; } .news ul.f3-widget-paginator li a:hover { background : #ffffff; } .news ul.news-tags li, .news ul.news-tags li:last-child { margin : 0 5px 5px 0; padding : 0; display : inline-block; float : left; border : #e7f4fb solid 1px; border-radius : 5px; overflow : hidden; color : #b5d0e0; } .news ul.news-tags li a { padding : 10px; font-size : 0.8em; line-height: 1.5em; } .news ul.news-tags li a.active { background : #f5f9fb; text-decoration : none; font-weight : 500; } .news .clear { clear : both; } .news .nav ul { float : left; display : inline; margin : 0; } .news .nav li { float : left; } .news-single h2 { margin : 50px 0 25px 0; } h1 a span, h2 a span, h3 a span, h4 a span, h5 a span { line-height : 1.35em; } .news ul { margin : 0; padding : 0; display : table; } .news ul li { margin : 0; padding : 10px 0 10px 50px; border-bottom : 1px solid #e7f4fb; font-size : 1.1em; line-height : 1.9em; position : relative; } .news div.news-text-wrap ul li::before { background : url("/fileadmin/design_inc/img/sprites.png") -221px -117px no-repeat transparent; width : 10px; height : 15px; display : inline-block; position : absolute; content : " "; top : 18px; left : 14px; } .news ul li:last-child { border : none; } .news .nav a { float : left; display : block; } .news .nav::after { content : "."; display : block; height : 0; clear : both; visibility : hidden; } .news .article::after { content : " "; display : block; height : 0; clear : both; visibility : hidden; } .news .article .news-img-wrap a { display : block; } .news .article .news-img-wrap img { float : left; height : auto; width : auto; } .news .article h3 { margin : 0 0 20px 0; padding : 0; } .news span.news-list-date { color: #b5d0e0; margin: 0 0 10px 0; display: block; } .news .footer p { font-size: 0.9em; line-height : 1em; margin : 10px 0 0 0; } .news .footer span.news-list-author span { padding : 0; font-size : 100%; } .news .footer span.news-list-category { font-weight : 400; text-align : left; } .news .footer .news-category a { text-transform : uppercase; } .news .no-news-found { font-style : italic; } .news .page-navigation ul { margin : auto; } .news .page-navigation ul li { float : left; display : block; padding : 0 2px; background : none; } .news .page-navigation ul li a { display : block; } .news .news-backlink-wrap { padding : 50px 0 0 0; display : inline-block; width : 100%; text-align : right; } .news .news-backlink-wrap a { border : #0073b6 solid 1px; padding : 12px 20px; border-radius : 5px; } .news .news-backlink-wrap a:hover { background : #0073b6; color : #ffffff; } .news table { margin : 0 0 25px 0; width : 100%; } .news-category-view ul li { padding : 5px 8px; } .news-category-view ul li li { padding : 2px 8px 2px 12px; } .news-category-view > ul > li:nth-child(even) { background : #f9f9f9; border-top : 1px solid #eee; border-bottom : 1px solid #eee; } .news-category-view .category-desc { padding-left : 10px; margin-left : 10px; border-left : 1px solid #ddd; } .news-single .footer::after { content : ' '; height : 0; clear : both; visibility : hidden; display : block; } .news-single .footer span.news-list-category, .news-single .footer span.news-list-date, .news-single .footer span.news-list-author { margin : 0; color : #0073b6; } .news-single .footer span.news-list-author a { color : #0073b6; } .news-single .footer span.news-list-category > span { margin : 0 10px 0 0; font-weight : 300; } .news-single .article .news-img-wrap { width : auto; max-width : 100%; margin : 20px 0; } .news-single .article .news-img-wrap .outer { margin : 0 0 10px 0; } .news-single .article .news-img-wrap img { float : none; padding : 0; width : auto; max-width : 100%; height : auto; max-height: 400px; background : #ffffff; } .news-single .article .teaser-text { margin : 0 0 50px 0; } .news-single .teaser-text p { font-weight : bold; } .news-single p a { text-decoration : underline; display : inline; } .news-single p a:hover { text-decoration : none; } .news-text-wrap { margin-bottom : 10px; } .news-related-wrap { background : #f5f9fb; margin : 80px 0 0 0; width : 100%; } .news-related { width : 100%; padding : 6% 5% 0 5%; border-bottom : 1px solid #e7f4fb; } .news-related-wrap .news-related:last-child { border : none; } .news-related ul li { margin : 0 0 20px 0 !important ; padding : 0; border : none !important ; background : none; display : table; } .news-related ul li span { display : inline-block; padding : 0; } .news-related ul li span.news-related-files-size { width : auto; } .news-related ul li a { padding : 0 10px 0 30px; } .news-related span.news-related-news-date { margin : 0 0 0 10px; } .news-related span.news-related-files-link-icon { background : url("/fileadmin/design_inc/img/sprites.png") -265px -113px no-repeat transparent; width: 25px; height:25px; position: absolute; top: 4px; } .news-related span.news-related-links-icon { background : url("/fileadmin/design_inc/img/sprites.png") -265px -63px no-repeat transparent; width: 25px; height:25px; position: absolute; top: 4px; } .news-related span.news-related-news-icon { background : url("/fileadmin/design_inc/img/sprites.png") -265px -163px no-repeat transparent; width: 25px; height:25px; position: absolute; top: 4px; } .news-related h4 { margin-bottom : 10px; } .news-related-files ul li { margin-bottom : 20px; } .news-related-files .news-related-files-link .jpg { background-position : 0 0; } .news-list-view .article .news-img-wrap { margin : 0 0 20px 0; display : inline-block; float : none; } @media screen and (min-width:40em) { .news-single .article .news-img-wrap { float : right; /*max-width : 50%;*/ max-width : 60%; min-width : 300px; /*margin : 10px 0 50px 50px;*/ margin : 5px 0 20px 40px; } .news-single .article .news-img-wrap::after { content : ' '; clear : both; } .news-list-view .article .header, .news-list-view .article .newsInfo, .news-list-view .article .teaser-text, .news-list-view .article .footer { float : right; width : 52%; } .news-list-view .article { background : #f5f9fb !important; min-height: 321px; } .news-list-view .article .news-img-wrap { margin : 7px 0 20px 40px; display : inline-block; margin : 0 50px 0 0; width : 40%; height : auto; position : absolute; top : 0; bottom : 0; left : 0; right : 0; overflow : hidden; border-right : 1px solid #e7f4fb; /*background : #ffffff;*/ background : #e7f4fb; } .news-list-view .article .news-img-wrap img { top : 0; bottom : 0; left : -50%; right : -50%; position : absolute; } .news-related { padding : 3% 5% 1% 5%; } } @media screen and (min-width:64em) { .news-list-view .article .header, .news-list-view .article .newsInfo, .news-list-view .article .teaser-text, .news-list-view .article .footer { width : 65%; } .news-list-view .article .news-img-wrap { width : 31.3333%; top : 0; } .news-index .news-list-view .article { display : inline-block; width : 31.3333%; /*min-height : 730px;*/ min-height : 635px; vertical-align : top; margin : 0; padding : 2%; position : relative; background: #f5f9fb; } .news-index .news-list-view .article .header, .news-index .news-list-view .article .newsInfo, .news-index .news-list-view .article .teaser-text, .news-index .news-list-view .article .footer { width : 100%; } .news-index .news-list-view h3 { min-height : 82px; font-size : 1.25em; } .news .article .teaser-text p, .news .article .teaser-text a { font-size : 1em; } .news-index .news-list-view .article .news-img-wrap { width : 100%; margin : 0 0 20px 0; float : none; position : relative; /*height : 280px; height : 150px;*/ height : 146px; top : auto; border : none; } .news-index .news-list-view .article .news-img-wrap img { width : auto; height : auto; max-width : 100%; } .news-index .news-list-view .article:nth-of-type(2) { margin : 0 3%; } .news .footer p { display : inline-block; } .news .article .news-img-wrap a { position : absolute; top:0; bottom:0; left:0; right:0; } .news-single .footer p { margin: 0 20px 0 0 !important; } .news-single .footer span.news-list-date { float:right; } .news-single .article .teaser-text p { font-size:1.2em; } }