/* --------------- (c) 2017 alogis ag / beat schaub ----------------------------------------------------------------------------------------------------------------- */ @charset "utf-8"; /* --------------- Colors & Z-Stack ------------------------------------------------------------------------------------------------------------------------------------ light-grey #f3f3f2 Body Background grey #e1e1e1 Background Stripes red #c31922 rgba( 195,25,34,1 ) regiolive.ch #56c2e9 regiolive.tv #e11282 radioinside.ch #6b2c87 ------------------ End Colors --------------------------------------------------------------------------------------------------------------------------------------- */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* --------------- Skelleton ---------------------------------------------------------------------------------------------------------------------------------------- */ html { } body { font-family: 'PT Sans', sans-serif; color: #000000; font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; background: #f3f3f2; } body.gallery { overflow: hidden; } a { cursor: pointer; } .desktop { display: block; } .mobile { display: none; } .container { width: 100%; max-width: 1275px; margin: 0 auto; } h1 { font-family: 'PT Serif', serif; font-size: 48px; } h2 { font-family: 'PT Serif', serif; font-size: 36px; } h3 { font-family: 'PT Serif', serif; font-size: 20px; } .absatz { font-family: 'PT Sans', sans-serif; font-size: 28px; font-weight: 700; color: #4a4a4a; } .subline { font-family: 'PT Sans', sans-serif; font-size: 20px; font-weight: 700; color: #c31299; } .title { font-family: 'PT Sans', sans-serif; font-size: 20px; font-weight: 700; color: #4a4a4a; text-transform: uppercase; } .red { color: rgba( 195,25,34,1 ); } .domain_bg_1 { background: rgba( 195,25,34,1 ); } .domain_bg_2 { background: #56c2e9; } .domain_bg_3 { background: #e11282; } .domain_bg_4 { background: #6b2c87; } .button { padding: 4px 10px; font-size: 14px; color: #c31922; background: #ffffff; border-radius: 3px; border: 1px solid #cccccc; box-shadow: 0px 1px 1px 0px #cccccc; cursor: pointer; line-height: 22px; } .button:hover { color: #4a4a4a } .right { float: right; } .row.row_flex { display: flex; justify-content: space-between; flex-wrap: wrap; align-self: flex-start; } .row.row_flex > div { float: none; } .btn-primary { font-size: 14px; padding: 4px 10px; line-height: 22px; background: #c31922; border-radius: 3px; border-color: #c31922; -webkit-box-shadow: 0px 1px 1px 0px #c31922; -moz-box-shadow: 0px 1px 1px 0px #c31922; box-shadow: 0px 1px 1px 0px #c31922; } .btn-primary:hover, .btn-primary:active { background: #4a4a4a;border-color: #4a4a4a; -webkit-box-shadow: 0px 1px 1px 0px #4a4a4a; -moz-box-shadow: 0px 1px 1px 0px #4a4a4a; box-shadow: 0px 1px 1px 0px #4a4a4a; } .btn-success { font-size: 14px; padding: 4px 10px; line-height: 22px; background: #5cb85c; border-radius: 3px; border-color: #5cb85c; -webkit-box-shadow: 0px 1px 1px 0px #5cb85c; -moz-box-shadow: 0px 1px 1px 0px #5cb85c; box-shadow: 0px 1px 1px 0px #5cb85c; } /*.btn-success:hover, .btn-success:active { background: #4a4a4a;border-color: #4a4a4a; -webkit-box-shadow: 0px 1px 1px 0px #4a4a4a; -moz-box-shadow: 0px 1px 1px 0px #4a4a4a; box-shadow: 0px 1px 1px 0px #4a4a4a; }*/ /*ZTMesse*/ @media (min-width: 768px) { .aki.col-md-8 { width:100%; } .aki.col-md-4{ width: 100%; } messe-links { width:66.666667%; float:left; } messe-rechts { width:33.333333%; float:right; } } /*ZTMesse*/ /* --------------- End Skelleton ------------------------------------------------------------------------------------------------------------------------------------ */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* --------------- HEADER ------------------------------------------------------------------------------------------------------------------------------------------- */ /* --------------- Towerad ------------------------------------------------------------------------------------------------------------------------------------------ */ section#towerad .container { position: relative; height: 0px; } section#towerad .container > div { position: absolute; right: -190px; top: 315px; width: 160px; height: 30px; } @media screen and (max-width: 1675px) { section#towerad { display: none; } } /* --------------- Supertag ----------------------------------------------------------------------------------------------------------------------------------------- */ section#supertag { background: #ffffff; } section#supertag ul { padding: 0; margin: 0; } section#supertag ul:after { display: block; content: ""; clear: both; } section#supertag ul li { float: left; padding: 0 1px 0 0; list-style: none; background: none !important; } section#supertag ul li a { display: block; padding: 0 15px; color: #ffffff; line-height: 32px; text-transform: uppercase; } /* --------------- Header ------------------------------------------------------------------------------------------------------------------------------------------- */ section#header { padding: 20px 0; } section#header .logo img { max-width: 450px; width: 100%; } section#header nav ul { margin: 0; padding: 0 0 20px 0; } section#header nav ul:after { display: block; content: ""; clear: both; } section#header nav ul li { float: right; list-style: none; padding: 0 0 0 20px; } section#header nav ul li a { display: block; font-size: 14px; line-height: 32px; color: #4a4a4a; text-decoration: none; } section#header nav ul li a:hover { color: #c31922 } section#header nav ul li.hSocial a { font-size: 20px; } section#header #metro { border-left: 1px solid #cccccc; padding-left: 20px; color: #999999; } section#header #metro .metro_date { position: relative; } section#header #metro .metro_city { font-size: 20px; font-weight: bold; } section#header #metro .metro_temp { font-size: 28px; font-weight: bold; } section#header #metro .metro_img { position: absolute; left: 174px; bottom: 42px; width: 42px; height: 30px; display: block; content: ""; background-repeat: no-repeat; background-position: center; background-size: contain; } /* --------------- Supertag ----------------------------------------------------------------------------------------------------------------------------------------- */ section#navigation { position: relative; height: 71px; padding: 0 0 20px 0; } section#navigation nav { border-top: 1px solid #cccccc; border-bottom: 4px solid #cccccc; } section#navigation nav ul { margin: 0; padding: 0; } section#navigation nav ul:after { display: block; content: ""; clear: both; } section#navigation nav ul li { float: left; list-style: none; } section#navigation nav ul li a { display: block; padding: 13px; font-size: 20px; line-height: 20px; color: #4a4a4a; text-decoration: none; } section#navigation nav ul li.current a, section#navigation nav ul li a:hover { color: #c31922 } section#navigation #searchmenu { position: absolute; top: 1px; right: 15px; width: 44px; height: 46px; background: url("/pages/img/search_extended.svg") no-repeat right center; background-size: auto 20px; cursor: pointer; } section#navigation #searchmenu:hover { background: url("/pages/img/search_extended_red.svg") no-repeat right center; background-size: auto 20px; } section#navigation #searchmenu nav { display: none; position: absolute; top: 39px; right: 0; z-index: 100000; border: none; padding-top: 10px; } .hot section#navigation #searchmenu nav, section#navigation #searchmenu:hover nav { display: block; } section#navigation #searchmenu nav ul { background: #ffffff; border-top: 1px solid #cccccc; border-bottom: 4px solid #cccccc; } section#navigation #searchmenu nav ul li a { white-space: nowrap; } section#navigation #navigation_toggler { display: none; } .scrolled #navigation { position: fixed; left: 0; top: 0; right: 0; z-index: 99990; } .scrolled #navigation .container { position: relative; height: 51px; background: #f3f3f2; } .scrolled #navigation .container:after { display: block; content: ""; position: absolute; left: 15px; bottom: 0; right: 15px; z-index: 10000000; height: 4px; background: rgba(195,25,34,1) !important; } .scrolled #navigation .container:before { display: block; content: ""; position: absolute; left: 15px; bottom: -15px; right: 15px; height: 15px; background: linear-gradient(to bottom, rgba( 0,0,0,0.05 ) 0%, transparent 100%); } .scrolled #navigation .container .row > div > nav { display: none; } /*.scrolled #header { position: fixed; left: 0; top: 0; right: 0; padding: 0; z-index: 99991; } .scrolled #header .container > div:nth-of-type(1) { display: none; } .scrolled #header .container > div:nth-of-type(3) { display: none; } .scrolled #header .logometro .logo a { display: block; position: absolute; left: 15px; top: 4px; } .scrolled #header .logometro .logo a img { width: auto; height: 40px; } .scrolled #header .logometro #metro { position: absolute; right: 120px; top: 1px; height: 46px; width: 340px; border: none; } .scrolled #header .logometro #metro > div:nth-of-type(1) { position: absolute; left: 0; top: 3px; line-height: 40px; font-size: 14px; } .scrolled #header .logometro #metro > div:nth-of-type(2) { position: absolute; left: auto; top: 2px; right: 60px; line-height: 20px; font-size: 14px; } .scrolled #header .logometro #metro > div:nth-of-type(3) { position: absolute; left: auto; bottom: 4px; right: 60px; line-height: 20px; font-size: 16px; } .scrolled #header .logometro #metro > div:nth-of-type(3) span { line-height: 20px; font-size: 14px !important; } .scrolled #header .logometro #metro > div:nth-of-type(4) { position: absolute; left: auto; bottom: 4px; right: 0; }*/ @media (max-width: 768px) { .scrolled #header .logometro #metro { display: none; } } /* --------------- End HEADER --------------------------------------------------------------------------------------------------------------------------------------- */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* --------------- FOOTER ------------------------------------------------------------------------------------------------------------------------------------------- */ /* --------------- footer ------------------------------------------------------------------------------------------------------------------------------------------- */ section#footer { background: #ffffff; padding: 20px 0; line-height: 40px; } section#footer ul { padding: 0; margin: 0; } section#footer ul li { list-style: none; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; } section#footer ul li a { text-decoration: none; color: #000; font-weight: normal; } section#footer ul li.goLeft a.active, section#footer ul li a:hover { color: #d00c14; } section#footer ul li.goLeft { position: relative; float: left; padding: 0 33px 0 0; } section#footer ul li.goLeft:after, section#footer ul li.goRight b:after { display: block; content: ""; position: absolute; top: 12px; right: 16px; width: 1px; height: 16px; background: #d00c14; } section#footer ul li.goRight b { position: relative; padding-right: 20px; } section#footer ul li.goRight b:after { background: #4a4a4a; top:2px;right:10px;height:14px; } section#footer ul li.goLeft:last-child:after { display: none; } section#footer ul li.goRight { float: right; padding: 0 70px 0 0; background: url("/pages/img/zt-cube-footer.png") no-repeat right center; background-size: 48px auto; } section#footer ul li.goRight a {text-decoration: underline;} section#footer ul li.goRight a:hover {text-decoration: none;} /* --------------- sitemap ------------------------------------------------------------------------------------------------------------------------------------------ */ section#footer_sitemap { padding: 40px 0 0 0; color: #4a4a4a; } section#footer_sitemap .col-sm-3 > div { padding: 0 0 40px 0; } section#footer_sitemap ul { padding: 0; margin: 0; } section#footer_sitemap ul li { list-style: none; } section#footer_sitemap ul li a { display: block; color: #4a4a4a; line-height: 24px; } section#footer_sitemap ul li a i { font-size: 24px; width: 30px; } section#footer_sitemap ul li a:hover { color: #c31922; } /* --------------- End FOOTER --------------------------------------------------------------------------------------------------------------------------------------- */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* --------------- SIDEBAR ------------------------------------------------------------------------------------------------------------------------------------------ */ #sidebar { position: fixed; z-index:99999; top: 0; bottom: 0; right: -395px; width: 395px; height: 100vH; padding: 0 0 50px 0; background: rgba( 255,255,255,0.9 ); border-left: 4px solid #cccccc; transition: right 0.2s; overflow-x: hidden; overflow-y: auto; } .sidebar #sidebar { right: 0; } #sbToggler { padding: 25px; border-bottom: 1px solid #cccccc; } #sbToggler div { height: 30px; cursor: pointer; } #sbToggler div i { /*float: right;*/ width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 28px; } #sbToggler div i:hover { color: #c31922; } #sbSearch { padding: 25px; border-bottom: 1px solid #cccccc; } #sbSearch input { width: 100%; } #sbMainNavigation { padding: 25px; border-bottom: 1px solid #cccccc; } #sbMainNavigation ul { margin: 0; padding: 0; } #sbMainNavigation ul li { list-style: none; } #sbMainNavigation ul li a { display: block; padding: 13px 0; font-size: 20px; line-height: 20px; color: #4a4a4a; text-decoration: none; } #sbMainNavigation nav ul li a:hover { color: #c31922 } #sbHotNavigation { padding: 25px; } #sbHotNavigation ul { margin: 0; padding: 0; } #sbHotNavigation ul li { float: left; list-style: none; } #sbHotNavigation ul li a { display: block; padding: 5px 10px 5px 0; color: #c31922; text-decoration: none; } #sbHotNavigation nav ul li a:hover { text-decoration: underline; } /* --------------- End SIDEBAR -------------------------------------------------------------------------------------------------------------------------------------- */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* --------------- MAIN --------------------------------------------------------------------------------------------------------------------------------------------- */ section.grey { background: #e1e1e1; } section a { color: #c31922; text-decoration: none; } section a:hover { color: #c31922; text-decoration: underline; } .section_header { line-height: 45px; margin: 0 0 20px 0; padding: 15px 0 0 20px; border-bottom: 2px solid #999999; color: #4a4a4a; font-size: 28px; } .section_header button { margin-top: 6px; } /* --------------- News --------------------------------------------------------------------------------------------------------------------------------------------- */ section#home_1_topnews > div > div.row { position: relative; /*padding-bottom: 15px;*/ } /*section#home_1_topnews > div > div.row:after { display: block; content: ""; position: absolute; left: 15px; bottom: 15px; right: 15px; width: auto; height: 1px; background: #cccccc; }*/ .news_box { display: block; color: #000000 !important; text-decoration: none !important; padding-bottom: 15px; cursor: pointer; } .news_image { position: relative; padding: 25%; background-repeat: no-repeat; background-position: center top; background-size: cover; background-color: pink; } .col-lg-8 .news_image { padding: 33%; } .news_video { position: relative; padding: 25%; } .col-lg-8 .news_video { padding: 33%; } .news_video iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; border: none !important; } .news_tag { position: absolute; left: 0; bottom: 15px; padding: 0 15px; color: #ffffff; opacity: 0.9; } .news_text { position: relative; padding: 15px 15px 70px 15px; background: #ffffff; } .news_footer { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 15px 15px 15px; z-index: 100; } .news_footer > * { float: left; font-size: 14px; color: #999999; padding-right: 15px; height: 21px; line-height: 21px; } .news_footer .news_publisher { height: 42px; } .news_footer .news_abo { margin: 0 15px 0 0; padding: 0 5px; background: #c31922; color: #ffffff; } .default_footer .default_abo { margin: 0 15px 0 0; padding: 0 5px; background: #c31922; color: #ffffff; } .news_footer i { margin-right: 5px; } .news_footer div.news_rating { float: right; padding-right: 0; } .news_footer div.news_rating i { margin: 0 0 0 5px; } .news_footer > .news_share, .default_footer > .default_share { position: relative; } .news_footer > .news_share > .share_details, .default_footer > .default_share > .share_details { display: none; position: absolute; left: 0px; top: 21px; color: #fff; background: #c4c4c4; line-height: 30px; padding: 5px; font-size: 35px; z-index: 100; } .news_footer > .news_share:hover > .share_details, .default_footer > .default_share:hover > .share_details { display: block; } .news_comment { display: block; color: #999999; text-decoration: none; } .news_comment:hover { color: #000000; text-decoration: none !important; } .col-lg-8 .news_box h3 { font-size: 36px; } /* --------------- Adbanner ----------------------------------------------------------------------------------------------------------------------------------------- */ #home_2_adbanner.home table { margin: 25px 0 -25px 0; } #home_2_adbanner.article table { margin: 0 0 15px 0; } #home_2_adbanner.tags table { margin: 0 0 -50px 0; } /* --------------- Region ------------------------------------------------------------------------------------------------------------------------------------------- */ section#home_3_region, section#home_5_region { padding: 46px 0; } section#home_3_region, section#home_5_region { padding-bottom: 0px; } section#home_3_region .col-md-4, section#home_5_region .col-md-4 { padding-bottom: 46px; } section#home_3_region.podcasts .col-md-4 { padding-bottom: 0px; } .default_box { position: relative; display: block; height: 100%; padding-bottom: 55px; background: #ffffff; color: #000000 !important; text-decoration: none !important; cursor: pointer; } .default_image { position: relative; padding: 25%; background-repeat: no-repeat; background-position: center top; background-size: cover; background-color: pink; } .default_tag { position: absolute; left: 0; bottom: 15px; padding: 0 15px; color: #ffffff; opacity: 0.9; z-index: 10; } .default_video { position: relative; padding: 25%; } .default_video iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; border: none !important; } .default_text { padding: 15px 15px; } .default_footer { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 15px 15px 15px; } .default_footer > * { float: left; font-size: 14px; color: #999999; padding-right: 15px; height: 21px; line-height: 21px; } .default_footer i { margin-right: 5px; } .default_footer div.news_rating { float: right; padding-right: 0; } .default_footer div.news_rating i { margin: 0 0 0 5px; } .default_comment:hover { color: #000000; text-decoration: none; } .comment_box { display: block; height: 100%; padding: 10px; background: #286AB6; color: #ffffff !important; text-decoration: none !important; } .comment_box.comment_box_12 { background: #c31922; } .comment_box.comment_box_13 { background: #129041; } .comment_box.comment_box_14 { background: #e11282; } .comment_image { width: 50%; padding: 25%; border-radius: 50%; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: pink; } .comment_text { padding: 15px 0; text-align: center; } .comment_text * { line-height: 30px; margin: 0; } .dossier_box { display: block; height: 100%; padding: 10px; background: #C31922; color: #ffffff !important; text-decoration: none !important; } .dossier_image { padding: 25%; background-repeat: no-repeat; background-position: center top; background-size: cover; background-color: pink; } .dossier_video { position: relative; padding: 25%; } .dossier_video iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; border: none !important; } .dossier_text { padding: 20px 0; text-align: center; } /* --------------- All Slider --------------------------------------------------------------------------------------------------------------------------------------- */ section#home_4_slider .slider_header { line-height: 20px; padding: 15px 0 15px 20px; } .slider_container { position: relative; margin: 0 -64px; } #slider_1, #slider_2, #slider_3 { position: relative; width: 1245px; height: 310px; margin: 0 auto; top: 0px; left: 0px; overflow: hidden; } #slider_1 > div > div, #slider_2 > div > div, #slider_3 > div > div { height: 310px; } .slide_image { width: 100%; height: 160px; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: pink; } .slide_image span.regio_tag_name {position:absolute;left:0px;bottom: 40px; width: auto;padding: 0px 10px;background-color:rgba( 195,25,34,1 );color: #fff; font-size: 14px;} #slider_1 .slide_text { height: 100px; padding: 10px; background: rgba( 255,255,255,0.4 ); } #slider_1 .slide_text_1 { height: 24px; overflow: hidden; color: #c31922; line-height: 24px; margin-bottom: 8px; } #slider_1 .slide_text_2 { height: 48px; overflow: hidden; font-weight: bold; line-height: 24px; font-family: 'PT Serif', serif; } #slider_2 .slide_text { height: 100px; padding: 10px; background: #c31922; color: #ffffff; } #slider_2 .slide_text_1 { height: 24px; overflow: hidden; line-height: 24px; margin-bottom: 8px; } #slider_2 .slide_text_2 { height: 48px; overflow: hidden; font-weight: bold; line-height: 24px; font-family: 'PT Serif', serif; } #slider_3 .slide_text { height: 100px; padding: 14px 10px; background: #999999; color: #ffffff; font-family: 'PT Serif', serif; } .slider_pn { position: absolute; top: 0; width: 64px; height: 100%; max-height: 260px; } .slider_pn i { position: absolute; left: 0; top: 50%; width: 64px; height: 64px; margin-top: -32px; text-align: center; font-size: 72px; color: #C31922; cursor: pointer; } .slider_pn.slider_p { left: 0; } .slider_pn.slider_n { right: 0; } .jssorb21 { bottom: 0 !important; height: 32px !important; } .jssorb21 div { float: left; width: 14px !important; height: 14px !important; border-radius: 50%; cursor: pointer; border: 2px solid #4a4a4a; } .jssorb21 div.av { background: #4a4a4a; } @media screen and (max-width: 1373px) { .slider_container { margin: 0 ; } .slider_pn { height: 80px; } } #caption_container_mb {float: left; width: 100%;padding: 10px;background:#fff; color: #6f6f6f; display: none; margin-bottom: 30px;font-size: 14px;} @media (max-width: 768px) { #slider_bp .bp_text { display: none !important; } #caption_container_mb { display: block !important; } } /* --------------- Big Picture -------------------------------------------------------------------------------------------------------------------------------------- */ section#home_8_bigpicture { padding: 0 0 60px 0; } #slider_bp { position: relative; width: 1245px; height: 720px; margin: 0 auto; top: 0px; left: 0px; overflow: hidden; } #slider_bp > div > div { height: 720px; } .bp_image { position: relative; width: 100%; padding: 28.9%; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: pink; } .bp_image iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; border: none !important; } #slider_bp .bp_text { position: absolute; left: 0; bottom: 20px; z-index: 2; width: 50%; padding: 10px; background: rgba( 0,0,0,0.4 ); font-family: 'PT Serif', serif; color: #ffffff; } .bp_slider_pn { position: absolute; top: 50%; width: 50px; height: 70px; margin-top: -35px; background: rgba( 0,0,0,0.7 ); color: #ffffff; line-height: 66px; text-align: center; font-size: 48px; cursor: pointer; } .bp_slider_pn.slider_p { left: 0; } .bp_slider_pn.slider_n { right: 0; } /* --------------- National News (SDA-News) ------------------------------------------------------------------------------------------------------------------------- */ /*section#home_6_national > div > div.row { position: relative; padding-bottom: 50px; }*/ section#home_6_national > div > div.row > h3 { position: relative; padding-bottom: 30px; margin: 0px; } section#home_6_national > div > div.row > h3:after { display: block; content: ""; position: absolute; left: 15px; bottom: 15px; right: 15px; width: auto; height: 2px; background: #cccccc; } section#home_6_national > div > div.row > h3 > a { float: right; font-size: 14px; color: #c31922; background: #fff; border-radius: 3px; border-color: #ccc; -webkit-box-shadow: 0px 1px 1px 0px #ccc; -moz-box-shadow: 0px 1px 1px 0px #ccc; box-shadow: 0px 1px 1px 0px #ccc; } section#home_6_national > div > div.row > h3 > a:hover { color: #4a4a4a } .media { width: 100%; overflow: hidden; padding: 15px 0; background: rgba(255, 255, 255, 0.5); margin-bottom: 1px; } .media:hover, .media:focus { text-decoration: none; } .media img { width: 100px; height: 100px; } .media .no-pic-container { display: block; width: 100px; height: 100px; background-color: #ededed; position: relative; } .media .no-pic-container > .no-pic-icon { width: 60px; height: 45px; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNjBweCIgaGVpZ2h0PSI0NXB4IiB2aWV3Qm94PSItMTIgOCA2MCA0NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMTIgOCA2MCA0NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0IzQjNCMyIgZD0iTTQ3LDUzLjAxYy0wLjIxLDAtMC40Mi0wLjA2LTAuNTktMC4ybC01OC00M2MtMC40NC0wLjMzLTAuNTQtMC45Ni0wLjIxLTEuNGMwLjMzLTAuNDQsMC45Ni0wLjU0LDEuNC0wLjIxIGw1OCw0M2MwLjQ0LDAuMzMsMC41NCwwLjk2LDAuMjEsMS40QzQ3LjYxLDUyLjg3LDQ3LjMxLDUzLjAxLDQ3LDUzLjAxeiIvPjxwYXRoIGZpbGw9IiNCM0IzQjMiIGQ9Ik0zMy41MSwyMmg1YzAuOCwwLDEuNS0wLjcsMS41LTEuNXMtMC43LTEuNS0xLjUtMS41aC01Yy0wLjgsMC0xLjUsMC43LTEuNSwxLjVTMzIuNzEsMjIsMzMuNTEsMjJ6Ii8+PHBhdGggZmlsbD0iI0IzQjNCMyIgZD0iTTI5LjAxLDMzLjAxYzAtNi4wOC00LjkyLTExLTExLTExYy0xLjc1LDAtMy40LDAuNDItNC44NywxLjE1bDE1LjcxLDExLjY1IEMyOC45NSwzNC4yMiwyOS4wMSwzMy42MywyOS4wMSwzMy4wMXoiLz48cGF0aCBmaWxsPSIjQjNCM0IzIiBkPSJNNy4wMSwzMy4wMWMwLDYuMDgsNC45MiwxMSwxMSwxMWMzLjI2LDAsNi4xOS0xLjQzLDguMi0zLjY5TDguNjMsMjcuMjkgQzcuNjEsMjguOTYsNy4wMSwzMC45MSw3LjAxLDMzLjAxeiIvPjxwYXRoIGZpbGw9IiNCM0IzQjMiIGQ9Ik0xOC4wMSwxOS4wMWM3LjczLDAsMTQsNi4yNywxNCwxNGMwLDEuMy0wLjE5LDIuNTYtMC41MywzLjc1TDQzLDQ1LjMxdi0yNi42YzAtMS41LTEuMTktMi43MS0yLjY5LTIuNzEgaC0xMC4zbC0yLjktNC4zYy0wLjYtMS0yLTEuNy0zLjEtMS43aC0xMmMtMS4xLDAtMi41LDAuNy0zLjEsMS43TDYuMDEsMTZIMy40OGw3LjAyLDUuMjFDMTIuNjcsMTkuODIsMTUuMjQsMTkuMDEsMTguMDEsMTkuMDF6IE0zMy41MSwxOWg1YzAuOCwwLDEuNSwwLjcsMS41LDEuNXMtMC43LDEuNS0xLjUsMS41aC01Yy0wLjgsMC0xLjUtMC43LTEuNS0xLjVTMzIuNzEsMTksMzMuNTEsMTl6Ii8+PHBhdGggZmlsbD0iI0IzQjNCMyIgZD0iTTMsMTUuMDFDMywxNC40MSwyLjYxLDE0LDIuMDEsMTRIMC43OUwzLDE1LjY1VjE1LjAxeiIvPjxwYXRoIGZpbGw9IiNCM0IzQjMiIGQ9Ik0xOC4wMSw0Ny4wMWMtNy43MywwLTE0LTYuMjctMTQtMTRjMC0yLjc3LDAuODEtNS4zNCwyLjItNy41MmwtMTIuMS04Ljk2Qy02LjU2LDE3LjAyLTcsMTcuODEtNywxOC43MSB2MjguNkMtNyw0OC44MS01Ljc5LDUwLTQuMjksNTBoNDMuNTZsLTEwLjY0LTcuODhDMjYuMDYsNDUuMTEsMjIuMjYsNDcuMDEsMTguMDEsNDcuMDF6Ii8+PC9zdmc+") no-repeat 0 0; top: 50%; margin-top: -23px; left: 50%; margin-left: -30px; position: absolute; display: block; } .media .media-body { position: relative; padding-bottom: 21px; min-height: 100px; } .media .media-body > h5 { font-size: 16px; color: #c31922; } .media .media-body > h1 { font-size: 16px; color: #000; font-family: "PT Serif"; font-weight: bold; } .media .media-body > .news_date { float: left; position:absolute; bottom: 0px; display: block; color: #999; font-size: 14px; padding-left: 1px; } .media .media-body > .news_date { float: left; position:absolute; bottom: 0px; display: block; color: #999; font-size: 14px; padding-left: 1px; } .sidebar_image { padding: 50%; background-repeat: no-repeat; background-position: center top; background-size: cover; } .todays_news_box .row { margin: 0 !important; } /* --------------- Multimedia ----------------------------------------------------------------------------------------------------------------------------------------- */ section#home_9_multimedia { margin: 0 0 30px 0; padding: 0 0 60px 0; } section#home_9_multimedia .section_header { margin: 0; background: #e1e1e1; } section#home_9_multimedia .section_header_spacer{ height: 20px; background: #e1e1e1; } section#home_9_multimedia .default_box { background: #c31922; color: #ffffff !important; padding-bottom: 0; } /* --------------- Gallery -------------------------------------------------------------------------------------------------------------------------------------------- */ /*#gallery .bwiseGallery { display: none; } #gallery .bwiseGallery.act { display: block; }*/ /* --------------- Agenda --------------------------------------------------------------------------------------------------------------------------------------------- */ /*section#home_10 div#home_10A_agenda > div.row > div { position: relative; padding-bottom: 50px; }"*/ section#home_10 { padding: 0 0 60px 0; } section#home_10 div#home_10A_agenda > div.row > h3 { position: relative; padding-bottom: 30px; margin: 0px; } section#home_10 div#home_10A_agenda > div.row > h3:after { display: block; content: ""; position: absolute; left: 15px; bottom: 15px; right: 15px; width: auto; height: 2px; background: #cccccc; } section#home_10 div#home_10A_agenda > div.row > h3 > a { float: right; font-size: 14px; color: #c31922; background: #fff; border-radius: 3px; border-color: #ccc; -webkit-box-shadow: 0px 1px 1px 0px #ccc; -moz-box-shadow: 0px 1px 1px 0px #ccc; box-shadow: 0px 1px 1px 0px #ccc; } section#home_10 div#home_10A_agenda > div.row > h3 > a:hover { color: #4a4a4a } .agenda-box, .questionoftheday-box { padding: 15px; background: #fff; } .agenda_date, .question_survey_result { height: 360px; background: #c31922; } .question_survey_result { background: none; } .agenda_date div { width: 100%; text-align: center; color: #fff; font-family: "PT Serif"; font-weight: bold; } .agenda_date div.agenda_month, .agenda_date div.agenda_year { font-size: 28px; } .agenda_date div.agenda_day { font-size: 100px; } .agenda_item { width: 100%; border-bottom: 1px solid #ccc; padding-top: 10px; padding-bottom: 25px; position: relative } .agenda_item > .agenda_category { font-size: 16px; color: #c31922; } .agenda_item > .agenda_title { font-size: 16px; color: #000; font-family: "PT Serif"; font-weight: bold; } .agenda_item > .agenda_info { float: left; position:absolute; bottom: 5px; display: block; color: #999; font-size: 14px; } /* --------------- Questionoftheday --------------------------------------------------------------------------------------------------------------------------------------------- */ /*section#home_10 div#home_10B_questionoftheday > div.row > div { position: relative; padding-bottom: 15px; }*/ section#home_10 div#home_10B_questionoftheday > div.row > h3 { position: relative; padding-bottom: 30px; margin: 0px; } section#home_10 div#home_10B_questionoftheday > div.row > h3:after { display: block; content: ""; position: absolute; left: 15px; bottom: 15px; right: 15px; width: auto; height: 2px; background: #cccccc; } section#home_10 div#home_10B_questionoftheday > div.row > h3 > a { float: right; font-size: 14px; color: #c31922; background: #fff; border-radius: 3px; border-color: #ccc; -webkit-box-shadow: 0px 1px 1px 0px #ccc; -moz-box-shadow: 0px 1px 1px 0px #ccc; box-shadow: 0px 1px 1px 0px #ccc; } section#home_10 div#home_10B_questionoftheday > div.row > h3 > a:hover { color: #4a4a4a } .question_survey { position: relative; } .question_survey h1.question { font-size: 20px; font-family: "PT Serif"; font-weight: bold; } .question_survey .choices { list-style: none; padding: 0px; margin: 0px; } .question_survey .choices li { padding: 10px 0px 0px 0px; font-size: 18px; font-family: "PT Sans"; list-style-position: outside; } .question_survey button { position: absolute; right: 0; bottom: 0; } .question_survey_result p { width: 100%; text-align: center; } /* --------------- Marketplace --------------------------------------------------------------------------------------------------------------------------------------------- */ /*section#home_11_marktplace > div > div.row > div { position: relative; padding-bottom: 50px; }*/ section#home_11_marktplace { padding: 0 0 60px 0; } section#home_11_marktplace > div > div.row > h3 { position: relative; padding-bottom: 30px; margin: 0px; } section#home_11_marktplace > div > div.row > h3:after { display: block; content: ""; position: absolute; left: 15px; bottom: 15px; right: 15px; width: auto; height: 2px; background: #cccccc; } section#home_11_marktplace > div > div.row > h3 > a { float: right; font-size: 14px; color: #c31922; background: #fff; border-radius: 3px; border-color: #ccc; -webkit-box-shadow: 0px 1px 1px 0px #ccc; -moz-box-shadow: 0px 1px 1px 0px #ccc; box-shadow: 0px 1px 1px 0px #ccc; } section#home_11_marktplace > div > div.row > h3 > a:hover { color: #4a4a4a } section#home_11_marktplace > div > div.row > div > img { width: 100%; border-bottom: 1px solid #ccc; } .regio_stellen_box, .regio_immo_box { padding: 15px; background: rgba(255,255,255,0.5); width: 100%; position: relative; } .regio_stellen_item, .regio_immo_item { display: block; width: 100%; border-bottom: 1px solid #ccc; padding-top: 10px; padding-bottom: 10px; } .regio_stellen_item:hover, .regio_stellen_item:focus, .regio_immo_item:hover, .regio_immo_item:focus { text-decoration: none; } .regio_stellen_item > .stellen_company { font-size: 16px; color: #c31922; } .regio_stellen_item > .stellen_title { font-size: 16px; color: #000; font-family: "PT Serif"; font-weight: bold; } .regio_stellen_item > .stellen_date { width: 100%; text-align: right; font-size: 12px; color: #949494; } .regio_stellen_search { margin-top: 35px; position: absolute; left: 0px; bottom: 15px; padding-left: 15px; padding-right: 15px; } .regio_stellen_search.input-group-md > .form-control { border-radius: 3px; margin-right: 15px } .regio_stellen_search.input-group > .input-group-btn > button { float: right; border-radius: 3px; font-weight: bold; } .regio_immo_box > button.btn-primary { float: right; margin: 15px 0px 0px 0px;} .regio_immo_item > a > img { width: 100px; height: 65px; } .regio_immo_item > .object-data { padding: 0 15px; } .regio_immo_item > .object-data > h2 { line-height: 20px; height: 29px; overflow: hidden; margin-bottom: 0px; margin-top: -2px; } .regio_immo_item > .object-data > h2 > a { font-family: "PT Serif"; font-size: 18px; color: #000; } .regio_immo_item > .object-data > h2 > a > .object-type, .regio_immo_item > .object-data > h2 > a > .object-facts { display: none; } .regio_immo_item > .object-data > h2 > a > .new { font-size: 10px; color: #f00; } .regio_immo_item > .object-data > .object-details, .regio_immo_item > .object-data > .object-availability { display: none; } .regio_immo_item > .object-data > .object-address { font-family: "PT Sans"; font-size: 14px; } .regio_immo_item > .object-data > .object-price { font-family: "PT Sans"; font-size: 14px; } .regio_immo_item > .object-data > .object-price > .price { font-weight: bold; } .regio_immo_item > a > .no-pic-container { display: block; width: 100px; height: 65px; background-color: #ededed; position: relative; } .regio_immo_item > a > .no-pic-container > .no-pic-icon { width: 60px; height: 45px; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNjBweCIgaGVpZ2h0PSI0NXB4IiB2aWV3Qm94PSItMTIgOCA2MCA0NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMTIgOCA2MCA0NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0IzQjNCMyIgZD0iTTQ3LDUzLjAxYy0wLjIxLDAtMC40Mi0wLjA2LTAuNTktMC4ybC01OC00M2MtMC40NC0wLjMzLTAuNTQtMC45Ni0wLjIxLTEuNGMwLjMzLTAuNDQsMC45Ni0wLjU0LDEuNC0wLjIxIGw1OCw0M2MwLjQ0LDAuMzMsMC41NCwwLjk2LDAuMjEsMS40QzQ3LjYxLDUyLjg3LDQ3LjMxLDUzLjAxLDQ3LDUzLjAxeiIvPjxwYXRoIGZpbGw9IiNCM0IzQjMiIGQ9Ik0zMy41MSwyMmg1YzAuOCwwLDEuNS0wLjcsMS41LTEuNXMtMC43LTEuNS0xLjUtMS41aC01Yy0wLjgsMC0xLjUsMC43LTEuNSwxLjVTMzIuNzEsMjIsMzMuNTEsMjJ6Ii8+PHBhdGggZmlsbD0iI0IzQjNCMyIgZD0iTTI5LjAxLDMzLjAxYzAtNi4wOC00LjkyLTExLTExLTExYy0xLjc1LDAtMy40LDAuNDItNC44NywxLjE1bDE1LjcxLDExLjY1IEMyOC45NSwzNC4yMiwyOS4wMSwzMy42MywyOS4wMSwzMy4wMXoiLz48cGF0aCBmaWxsPSIjQjNCM0IzIiBkPSJNNy4wMSwzMy4wMWMwLDYuMDgsNC45MiwxMSwxMSwxMWMzLjI2LDAsNi4xOS0xLjQzLDguMi0zLjY5TDguNjMsMjcuMjkgQzcuNjEsMjguOTYsNy4wMSwzMC45MSw3LjAxLDMzLjAxeiIvPjxwYXRoIGZpbGw9IiNCM0IzQjMiIGQ9Ik0xOC4wMSwxOS4wMWM3LjczLDAsMTQsNi4yNywxNCwxNGMwLDEuMy0wLjE5LDIuNTYtMC41MywzLjc1TDQzLDQ1LjMxdi0yNi42YzAtMS41LTEuMTktMi43MS0yLjY5LTIuNzEgaC0xMC4zbC0yLjktNC4zYy0wLjYtMS0yLTEuNy0zLjEtMS43aC0xMmMtMS4xLDAtMi41LDAuNy0zLjEsMS43TDYuMDEsMTZIMy40OGw3LjAyLDUuMjFDMTIuNjcsMTkuODIsMTUuMjQsMTkuMDEsMTguMDEsMTkuMDF6IE0zMy41MSwxOWg1YzAuOCwwLDEuNSwwLjcsMS41LDEuNXMtMC43LDEuNS0xLjUsMS41aC01Yy0wLjgsMC0xLjUtMC43LTEuNS0xLjVTMzIuNzEsMTksMzMuNTEsMTl6Ii8+PHBhdGggZmlsbD0iI0IzQjNCMyIgZD0iTTMsMTUuMDFDMywxNC40MSwyLjYxLDE0LDIuMDEsMTRIMC43OUwzLDE1LjY1VjE1LjAxeiIvPjxwYXRoIGZpbGw9IiNCM0IzQjMiIGQ9Ik0xOC4wMSw0Ny4wMWMtNy43MywwLTE0LTYuMjctMTQtMTRjMC0yLjc3LDAuODEtNS4zNCwyLjItNy41MmwtMTIuMS04Ljk2Qy02LjU2LDE3LjAyLTcsMTcuODEtNywxOC43MSB2MjguNkMtNyw0OC44MS01Ljc5LDUwLTQuMjksNTBoNDMuNTZsLTEwLjY0LTcuODhDMjYuMDYsNDUuMTEsMjIuMjYsNDcuMDEsMTguMDEsNDcuMDF6Ii8+PC9zdmc+") no-repeat 0 0; top: 50%; margin-top: -23px; left: 50%; margin-left: -30px; position: absolute; display: block; } /* Regiostellen details page */ /*#job_details { position: relative; }*/ .job_details_content { position: relative; padding-top: 0px; padding-bottom: 50px; } .job_details_content .article_tag { width: auto; padding: 0px 15px; position: absolute; top: 35px; left: 15px; color: #fff } /*.job_details.title_header { width } .job_details.title_header ul { } .job_details.title { width: 100%; }*/ #job_details .regio_stellen_box { padding-top: 0px; } #job_details .container .wrapper, #immo_details .container .wrapper { background: #fff; } #jobSearchForm { padding: 15px; background: #b4b4b4; } #jobSearchForm > #advanced { background: #393939; color: #fff; padding-top: 15px; padding-bottom: 15px; margin-bottom: 15px; } #jobSearchForm > #advanced ul { list-style: none; padding-left: 15px; } #jobSearchForm > #advanced label { font-weight: bold; color: #c4c4c4; } #jobSearchForm > #advanced ul li label { font-weight: normal; color: #fff; } #crump { display: inline-block; } #crump ul { margin: 0 0 10px 0px; padding: 0px; } #crump ul li { list-style: none; display: inline-block; font-family: "PT Sans"; font-size: 16px; color: #4a4a4a; } #crump ul li a { color: inherit; } #crump ul li a i { width: 20px; text-align: center; } #crump ul li a:hover { color: #c31922; text-decoration: none; } #crump ul li a:hover i::before { content: "\f107"; } #article_2_details .container .wrapper { background: #fff; } .container.article_container { padding-left: 0 !important; } .article_details { position: relative; padding: 90px 0px; } .article_details .article_tag { position: absolute; left: 0; top: 30px; padding: 0 15px; color: #ffffff; opacity: 0.9; text-indent: 15px; } .article_details .article_title { padding: 0 0 0 30px; font-size: 36px; font-family: "PT Serif"; font-weight: bold; line-height: 48px; } .article_details .article_publisher_data { position: relative; height: auto; min-height: 70px; padding: 0 0 0 30px; display: block; } .article_details .article_publisher_data .news_footer { position: relative; padding-left: 0px; } .article_details .article_image { margin-bottom: 50px; } .article_details .article_image img { width: 100%; } .article_details .article_image_caption { padding: 5px 0 0 30px; font-size: 15px; font-style: italic; } .article_details .article_sharelines { padding: 0 0 0 30px; margin-bottom: 50px; } .article_details .article_sharelines ul { margin: 0px; padding: 0px; padding-left: 25px; /*list-style-position: inside*/ } .article_details .article_sharelines ul li { font-family: "PT Serif"; font-size: 20px; font-weight: bold; } .article_details .article_sharelines ul li a { text-decoration: underline; cursor: pointer; } .article_details .article_text { font-family: "PT Serif"; font-size: 20px; line-height: 32px; padding: 0 0 50px 30px; } .article_details .article_text .lead p { font-weight: bold; } .article_details .article_text .text > div:first-child p:first-child::first-letter { float: left; font-size: 105px; color: #c31922; line-height: 96px; padding-right: 15px; } .article_details .article_text > p:first-of-type:first-letter { float: left; font-size: 105px; color: #c31922; line-height: 96px; padding-right: 15px; } .article_details .article_tags { display: block; padding: 0 0 0 30px; } .article_details .article_tags ul { margin: 0; padding: 0 } .article_details .article_tags ul li { list-style: none; display: inline-block; margin-right: 10px; } .article_details .article_tags ul li:first-child{ font-weight: bold; margin-right: 15px } .article_details .article_tags ul li a { color: #4dc2e5 } .article_details .article_more_links { display: block; padding: 0 0 0 30px; } .article_details .article_more_links ul { margin: 25px 0; padding: 0 } .article_details .article_more_links ul li { list-style: none; display: inline-block; margin-right: 10px; } .article_details .article_more_links ul li a { color: #4a4a4a; } .article_details .article_telegramm { font-family: "PT Serif"; background: #fdedd3; color: #000; margin-left: 30px; margin-bottom: 50px; padding: 15px; } .article_details .article_telegramm h1 { font-family: 'PT Sans',sans-serif; font-size: 26px; font-weight: bold; } .article_details .article_telegramm p { font-family: "PT Serif"; } .article_details .article_text .article_telegramm { margin-bottom: 20px;font-size: 16px; line-height: 1.5; } .article_details .article_text .article_telegramm p { font-size: 16px; line-height: 1.5; } .article_details .article_text .article_telegramm p:first-of-type:first-letter { float: left; font-size: 16px; color: inherit; line-height: 1.5; padding-right: 0px; } .article_video { position: relative; padding: 25%; margin-bottom: 50px; } .article_video iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; border: none !important; } .article_include { padding: 0 0 50px 30px; } .article_comment { padding: 0 0 50px 30px; } .article_comment .ac_frm { padding: 10px 10px 0 10px; background: #f0f0f0; } .article_comment .ac_frm .row { padding: 0 0 10px 0; } .article_comment .ac_line_empty { line-height: 40px; font-style: italic; } .article_comment .ac_line { padding: 25px 10px; border-bottom: 3px solid #f0f0f0; } .article_comment .ac_name { font-weight: bold; font-size: 14px; line-height: 28px; } .article_comment .ac_date { color: #999999; text-align: right; font-size: 14px; line-height: 28px; } .article_comment .ac_text { text-align: left; font-size: 14px; } #article_2_details .related_articles .col-md-4 {padding-bottom: 46px;} /* --------------- Abo-Service ---------------------------------------------------------------------------------------------------------------------------------------- */ section#home_12_aboservice { padding: 0 0 60px 0; } section#home_12_aboservice .aboservice_box { position: relative; padding: 15px 5px 45px 5px; background: #ffffff; } section#home_12_aboservice .default_text { margin: 15px 0 0 0; padding: 15px 10px; border-top: 2px solid #999999; } section#home_12_aboservice .abo_button { position: absolute; right: 15px; bottom: 10px; } section#home_12_aboservice .form_table { width: 100%; max-width: 800px; margin: 0 auto; } section#home_12_aboservice .form_table td { padding: 3px 10px; line-height: 34px; } section#home_12_aboservice .form_table td.form_label { white-space: nowrap; } section#home_12_aboservice .form_table td.form_input { width: 100%; } section#home_12_aboservice .form_table td.form_input * { width: 100%; line-height: 28px; } section#home_12_aboservice .form_table td.form_input select { padding: 2px; line-height: 28px; height: 34px; } /* --------------- Most Commented Block ---------------------------------------------------------------------------------------------------------------------------------------- */ .mostcommented_list, .mostread_list { } .mostcommented-box_item, .mostread-box_item { display: block; width: 100%; position: relative; padding: 15px 15px 37px 15px; margin-bottom: 1px; border-bottom: #f3f3f2; background: #fff; cursor: pointer; } .mostcommented-box_item:hover, .mostread-box_item:hover { background: #f9f9f9; } .mostcommented-box_item .article_category, .mostread-box_item .article_category { font-size: 16px; color: #c31922; } .mostcommented-box_item .article_name, .mostread-box_item .article_name { height: 50px; font-size: 16px; color: #000; font-family: "PT Serif"; font-weight: bold; } /*@media screen and (max-width: 1270px) { .mostcommented-box_item .article_name { height: 50px; } }*/ /* --------------- Details page Sidebar-right ----------------------------------------------------------------------------------------------------------------------------------------- */ .todays_news_box > a:hover { background: rgba(204, 204, 204, 0.5); } .dossier_box.sidebar > .dossier_link > a { color: #fff; text-decoration: underline; } /* --------------- End MAIN ----------------------------------------------------------------------------------------------------------------------------------------- */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ .lst .col-md-4 { margin-bottom: 30px; } .news_rating, .default_rating { display: none; } /* --------------- Radio & Checkboxes ------------------------------------------------------------------------------------------------------------------------------- */ input[type="radio"], input[type="checkbox"] { display: none; } input[type="radio"] + label, input[type="checkbox"] + label { display: block; position: relative; width: 100%; padding: 3px 0px 3px 30px; font-family: inherit; font-size: inherit; line-height: 24px; cursor: pointer; } input[type="radio"]:disabled + label, input[type="checkbox"]:disabled + label { color: #969696; text-decoration: line-through; cursor: default; } input[type="checkbox"] + label:before, input[type="radio"] + label:before { box-sizing: border-box; content: ''; position: absolute; display: block; left: 0px; top: 3px; width: 24px; height: 24px; text-align: center; background: #f8f8f8; border: 1px solid #aaaaaa; } input[type="checkbox"] + label:before { border-radius: 3px; } input[type="radio"] + label:before { border-radius: 100%; } input[type="checkbox"]:disabled + label:before, input[type="radio"]:disabled + label:before { border-color: #cccccc !important; background: transparent; box-shadow: none !important; } input[type="checkbox"] + label:hover:before, input[type="radio"] + label:hover:before { border-color: #666666; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3) inset; } input[type="checkbox"] + label:after { box-sizing: border-box; content: ''; position: absolute; display: none; left: 3px; top: 6px; width: 18px; height: 18px; background-color: #c31922; background-size: contain; } input[type="checkbox"]:checked + label:after { display: block; } input[type="radio"] + label:after { box-sizing: border-box; content: ''; position: absolute; display: none; left: 5px; top: 8px; width: 14px; height: 14px; border-radius: 100%; background-color: #000000; } input[type="radio"]:checked + label:after { display: block; } div#search_suggestion { display: none; position: absolute; width: 110%; height: auto; max-height: 100%; background: #fff; overflow-y: scroll; } div#search_suggestion .table_row { background: #c4c4c4; border-bottom: 1px solid #fff; } div#search_suggestion .table_row td { padding: 5px; } div#search_suggestion .table_row:hover { background: #cecece; } /** AddThis tool style */ .at-style-responsive .at-share-btn { padding: 0px !important; } /** /AddThis tool style */ /** immo iframe display bug fix **/ #frame-f13e05ff-b055-92a7-c707-ff2f6198b847-2 {display: block !important;} /** /immo iframe display bug fix **/ .bg-white { background: white !important; } #zoom_container .zoom_shadow { position: fixed; z-index: 1000000000; left: 0; top: 0; right: 0; bottom: 0; background: rgba( 0,0,0,0.95 ); cursor: pointer; } #zoom_container .zoom_close { position: fixed; z-index: 1000000010; right: 24px; top: 24px; width: 64px; height: 64px; text-align: center; line-height: 64px; color: #ffffff; font-size: 48px; cursor: pointer; } #zoom_container .zoom_close:before { display: block; content: ""; position: absolute; left: 22px; top: 17px; transform: rotate(45deg); width: 48px; height: 3px; border-radius: 1px; background: #ffffff; } #zoom_container .zoom_close:after { display: block; content: ""; position: absolute; left: 22px; top: 17px; transform: rotate(-45deg); width: 48px; height: 3px; border-radius: 1px; background: #ffffff; } #zoom_container .zoom_image { position: fixed; z-index: 1000000001; left: 24px; top: 24px; right: 24px; bottom: 24px; background-repeat: no-repeat; background-position: center; background-size: contain; } #zoom_container .zoom_legend { position: fixed; z-index: 1000000002; left: 0; right: 0; bottom: 0; background: rgba( 0,0,0,0.95 ); color: #ffffff; padding: 24px; } body.zoom { overflow: hidden; } .article_image.zoom { cursor: zoom-in; }