/** * Main CSS definitions. * * @copyright Copyright 2012, Stephan Belitz * @link http://stephanbelitz.com * @author Stephan Belitz * @version 1.0 * @package HENKEL * * Colors: * Magazin #ff9900 * Ratgeber #33b0be * Markenwelt #cc2c1d * Unterhaltung #7e4b96 * TV #8bb22a */ /*= Browser reset ********************************/ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p, blockquote,fieldset,input { margin:0; padding:0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:12px; font-weight:normal; font-style:normal; } ul, ol { list-style:none; } fieldset,img { border:none; display:block; } caption,th { text-align:left; } table { border-collapse:collapse; border-spacing:0; } article,aside,details,figcaption,figure,breadcrumb, footer,header,hgroup,menu,nav,section { display:block; padding:0; margin:0; float: left; } iframe { border:0; } abbr { cursor:help; border:none; } /*= Utilities ********************************/ .left { float:left !important; } .right { float:right !important; } .display_inline { display: inline !important; } .clearfix:before, .clearfix:after { content:''; display:table; } .clearfix:after { clear:both; } .attachement-top { margin-bottom:10px; } .attachement-left, .imageLeft { float:left; margin-right:20px; } .attachement-right, .imageRight { float:right; margin-left:20px; } .link-arrow:after { content: '\00BB'; font-size: 1.4em; position: relative; bottom: -3px; right: -2px; } /*= General definitions ********************************/ html { height:100%; overflow-y:scroll; } body { height:100%; font:14px/18px 'Verdana',sans-serif; color:#666; background:#fff; } .canvas { width:940px; height:100%; margin:0 auto; position:relative; clear: both; font-size: 14px;} /* .canvas ol { padding-left:20px; counter-reset:item; margin-left:15px; } .canvas ol li:before { margin-left:-22px; counter-increment:item; content:counter(item) ". "; font:normal 20px/26px 'Century Gothic','Verdana',sans-serif; } .canvas ul { padding-left:20px; counter-reset:item; margin-left:15px; } */ p, figure, ul, ol, dl, table { margin-bottom:15px; } p.intro { font-weight:bold !important; margin-bottom:0; } strong { font-weight:bold; font-size:inherit; } ::-moz-selection { background:#b2b1b0; color:#cc2c1d; } ::selection { background:#b2b1b0; color:#cc2c1d; } ::-moz-selection { background:#b2b1b0; color:#cc2c1d; } hr#top { position:fixed; top:0; left:0; z-index:1000; width:100%; margin:0; border:0; height:3px; background:#cc2c1d; } /*= Typography ********************************/ /* headlines */ h1, .h1 { color:#666; font:normal 36px/40px 'Century Gothic','Verdana',sans-serif; margin-bottom:10px; } h2, .h2 { color:#ff9900; font:normal 19px/25px 'Century Gothic','Verdana',sans-serif; margin-bottom:15px; } h3, .h3 { color:#666; font:normal 14px/20px 'Century Gothic','Verdana',sans-serif; margin-bottom:4px; } .magazin h1, .magazin h2, .magazin h3, h1.magazin, h2.magazin, h3.magazin, .magazin .h1, .magazin .h2, .magazin .h3, .teaser.magazin h2, .teaser.magazin h3, label.magazin { color:#ff9900; } .ratgeber h1, .ratgeber h2, .ratgeber h3, h1.ratgeber, h2.ratgeber, h3.ratgeber, .ratgeber .h1, .ratgeber .h2, .ratgeber .h3, .teaser.ratgeber h2, .teaser.ratgeber h3, label.ratgeber { color:#33b0be; } .markenwelt h1, .markenwelt h2, .markenwelt h3, h1.markenwelt, h2.markenwelt, h3.markenwelt, .markenwelt .h1, .markenwelt .h2, .markenwelt .h3, .teaser.markenwelt h2, .teaser.markenwelt h3, label.markenwelt, #registration .markenwelt { color:#cc2c1d; } .unterhaltung h1, .unterhaltung h2, .unterhaltung h3, h1.unterhaltung, h2.unterhaltung, h3.unterhaltung, .unterhaltung .h1, .unterhaltung .h2, .unterhaltung .h3, .teaser.unterhaltung h2, .teaser.unterhaltung h3, label.unterhaltung { color:#7e4b96; } .tv h1, .tv h2, .tv h3, h1.tv, h2.tv, h3.tv, .tv .h1, .tv .h2, .tv .h3, .teaser.tv h2, .teaser.tv h3, label.tv { color:#8bb22a; } .ratgeberH3 { color:#33b0be !important; } .home h1, .home h2, .home h3, h1.home, h2.home, h3.home, .home .h1, .home .h2, .home .h3, .teaser.home h2, .teaser.home h3 { color:#666; } /* Related Content Teaser */ .teaser-related-content { padding: 10px 20px 20px 20px !important; margin-bottom: 14px !important; box-sizing: border-box; max-height: 119px; } .teaser-related-content img { margin: -20px -20px -20px 20px !important; padding-top: 10px; } .magazin.teaser-related-content, .magazin.teaser-related-content h2, .magazin.teaser-related-content p, .magazin.teaser-related-content a, .magazin.teaser-related-content a.more { background-color: #FEF5E4 !important; color: #FF9900 !important; } .magazin.teaser-related-content { margin: 0 !important; } .ratgeber.teaser-related-content, .ratgeber.teaser-related-content h2, .ratgeber.teaser-related-content p, .ratgeber.teaser-related-content a, .ratgeber.teaser-related-content a.more { background-color: #E9F7F8 !important; color: #33B0BE !important; } .ratgeber.teaser-related-content { margin: 0 !important; } .markenwelt.teaser-related-content, .markenwelt.teaser-related-content h2, .markenwelt.teaser-related-content p, .markenwelt.teaser-related-content a, .markenwelt.teaser-related-content a.more { background-color: #FBE6E5 !important; color: #CC2C1D !important; } .markenwelt.teaser-related-content { margin: 0 !important; } .unterhaltung.teaser-related-content, .unterhaltung.teaser-related-content h2, .unterhaltung.teaser-related-content p, .unterhaltung.teaser-related-content a, .unterhaltung.teaser-related-content a.more { background-color: #f2edf4 !important; color: #7E4B96 !important; } .unterhaltung.teaser-related-content { margin: 0 !important; } /* links */ a { color:#666; } a:hover { color:#000; -o-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; transition:all 0.2s ease-in; } a.arrow, a.arrow-white { text-decoration:none; color:inherit; } a.arrow:after, a.arrow-white:after { content:' »'; font-family:'Verdana',sans-serif; } a.arrow:hover, a.arrow-white:hover { text-decoration:underline; } a.arrow-white { color: #ffffff; } a.white { color: #ffffff; text-decoration: none; } a.white:hover { text-decoration:underline; } a.more { text-decoration:none; color:#ff9900; font:normal 18px/26px 'Century Gothic','Verdana',sans-serif; } a.more:hover { text-decoration:underline; } a.more:after { content:' »'; font-family:'Verdana',sans-serif; } a.more.no_after:after { content: ''; } .magazin a.more, .teaser.magazin a.more { color:#ff9900; } .ratgeber a.more, .teaser.ratgeber a.more { color:#33b0be; } .markenwelt a.more, .teaser.markenwelt a.more { color:#cc2c1d; } .unterhaltung a.more, .teaser.unterhaltung a.more { color:#7e4b96; } .tv a.more, .teaser.tv a.more { color:#8bb22a; } a.delete { display:inline-block; text-decoration:none; padding-right:30px; line-height:25px; background:url('/themes/hlt/images/sprites.png') right -384px no-repeat; } .button { display:inline-block; padding:0 45px 0 15px; height:36px; font:18px/36px 'Century Gothic','Verdana',sans-serif; text-decoration:none; -o-box-shadow:0 -1px 1px #cacaca inset; -webkit-box-shadow:0 -1px 1px #cacaca inset; -moz-box-shadow:0 -1px 1px #cacaca inset; box-shadow:0 -1px 1px #cacaca inset; -o-border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:#efefef url('/themes/hlt/images/sprites.png') right -204px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -o-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); background-repeat: no-repeat; background-position: right -204px, 0 0; } .button:hover { -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; -o-box-shadow:0px 0px 10px #cc2c1d, 0 1px 1px #fff inset; -webkit-box-shadow:0px 0px 10px #cc2c1d, 0 1px 1px #fff inset; -moz-box-shadow:0px 0px 10px #cc2c1d, 0 1px 1px #fff inset; box-shadow:0px 0px 10px #cc2c1d, 0 1px 1px #fff inset; background:#d3d3d3 url('/themes/hlt/images/sprites.png') right -204px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ffffff)); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:-o-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#ffffff)); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -o-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, linear-gradient(to bottom, #d3d3d3 0%,#ffffff 100%); background-repeat: no-repeat; background-position: right -204px, 0 0; } .magazin .button, .teaser.magazin .button { background:#efefef url('/themes/hlt/images/sprites.png') right -240px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -o-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); background-repeat: no-repeat; background-position: right -240px, 0 0; } .magazin .button:hover, .teaser.magazin .button:hover { -o-box-shadow:0px 0px 10px #ff9900, 0 1px 1px #fff inset; -webkit-box-shadow:0px 0px 10px #ff9900, 0 1px 1px #fff inset; -moz-box-shadow:0px 0px 10px #ff9900, 0 1px 1px #fff inset; box-shadow:0px 0px 10px #ff9900, 0 1px 1px #fff inset; background:#d3d3d3 url('/themes/hlt/images/sprites.png') right -240px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ffffff)); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:-o-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#ffffff)); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -o-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, linear-gradient(to bottom, #d3d3d3 0%,#ffffff 100%); background-repeat: no-repeat; background-position: right -240px, 0 0; } .ratgeber .button, .teaser.ratgeber .button { background:#efefef url('/themes/hlt/images/sprites.png') right -276px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -o-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); background-repeat: no-repeat; background-position: right -276px, 0 0; } .ratgeber .button:hover, .teaser.ratgeber .button:hover { -o-box-shadow:0px 0px 10px #33b0be, 0 1px 1px #fff inset; -webkit-box-shadow:0px 0px 10px #33b0be, 0 1px 1px #fff inset; -moz-box-shadow:0px 0px 10px #33b0be, 0 1px 1px #fff inset; box-shadow:0px 0px 10px #33b0be, 0 1px 1px #fff inset; background:#d3d3d3 url('/themes/hlt/images/sprites.png') right -276px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ffffff)); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:-o-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#ffffff)); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -o-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, linear-gradient(to bottom, #d3d3d3 0%,#ffffff 100%); background-repeat: no-repeat; background-position: right -276px, 0 0; } .markenwelt .button, .teaser.markenwelt .button { background:#efefef url('/themes/hlt/images/sprites.png') right -204px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -o-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); background-repeat: no-repeat; background-position: right -204px, 0 0; } .markenwelt .button:hover, .teaser.markenwelt .button:hover { -o-box-shadow:0px 0px 10px #cc2c1d, 0 1px 1px #fff inset; -webkit-box-shadow:0px 0px 10px #cc2c1d, 0 1px 1px #fff inset; -moz-box-shadow:0px 0px 10px #cc2c1d, 0 1px 1px #fff inset; box-shadow:0px 0px 10px #cc2c1d, 0 1px 1px #fff inset; background:#d3d3d3 url('/themes/hlt/images/sprites.png') right -204px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ffffff)); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:-o-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#ffffff)); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -o-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, linear-gradient(to bottom, #d3d3d3 0%,#ffffff 100%); background-repeat: no-repeat; background-position: right -204px, 0 0; } .unterhaltung .button, .teaser.unterhaltung .button { background:#efefef url('/themes/hlt/images/sprites.png') right -312px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -o-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); background-repeat: no-repeat; background-position: right -312px, 0 0; } .unterhaltung .button:hover, .teaser.unterhaltung .button:hover { -o-box-shadow:0px 0px 10px #7e4b96, 0 1px 1px #fff inset; -webkit-box-shadow:0px 0px 10px #7e4b96, 0 1px 1px #fff inset; -moz-box-shadow:0px 0px 10px #7e4b96, 0 1px 1px #fff inset; box-shadow:0px 0px 10px #7e4b96, 0 1px 1px #fff inset; background:#d3d3d3 url('/themes/hlt/images/sprites.png') right -312px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ffffff)); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:-o-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#ffffff)); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -o-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, linear-gradient(to bottom, #d3d3d3 0%,#ffffff 100%); background-repeat: no-repeat; background-position: right -312px, 0 0; } .unterhaltung.button { background:#efefef url('/themes/hlt/images/sprites.png') right -312px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -o-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); background-repeat: no-repeat; background-position: right -312px, 0 0; } .unterhaltung.button:hover { -o-box-shadow:0px 0px 10px #7e4b96, 0 1px 1px #fff inset; -webkit-box-shadow:0px 0px 10px #7e4b96, 0 1px 1px #fff inset; -moz-box-shadow:0px 0px 10px #7e4b96, 0 1px 1px #fff inset; box-shadow:0px 0px 10px #7e4b96, 0 1px 1px #fff inset; background:#d3d3d3 url('/themes/hlt/images/sprites.png') right -312px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ffffff)); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:-o-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#ffffff)); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, -o-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -312px no-repeat, linear-gradient(to bottom, #d3d3d3 0%,#ffffff 100%); background-repeat: no-repeat; background-position: right -312px, 0 0; } .markenwelt.button { background:#efefef url('/themes/hlt/images/sprites.png') right -204px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -o-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); background-repeat: no-repeat; background-position: right -204px, 0 0; } .markenwelt.button:hover { -o-box-shadow:0px 0px 10px #cc2c1d, 0 1px 1px #fff inset; -webkit-box-shadow:0px 0px 10px #cc2c1d, 0 1px 1px #fff inset; -moz-box-shadow:0px 0px 10px #cc2c1d, 0 1px 1px #fff inset; box-shadow:0px 0px 10px #cc2c1d, 0 1px 1px #fff inset; background:#d3d3d3 url('/themes/hlt/images/sprites.png') right -204px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ffffff)); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:-o-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#ffffff)); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, -o-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -204px no-repeat, linear-gradient(to bottom, #d3d3d3 0%,#ffffff 100%); background-repeat: no-repeat; background-position: right -204px, 0 0;} .ratgeber.button { background:#efefef url('/themes/hlt/images/sprites.png') right -276px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -o-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); background-repeat: no-repeat; background-position: right -276px, 0 0; } .ratgeber.button:hover { -o-box-shadow:0px 0px 10px #33b0be, 0 1px 1px #fff inset; -webkit-box-shadow:0px 0px 10px #33b0be, 0 1px 1px #fff inset; -moz-box-shadow:0px 0px 10px #33b0be, 0 1px 1px #fff inset; box-shadow:0px 0px 10px #33b0be, 0 1px 1px #fff inset; background:#d3d3d3 url('/themes/hlt/images/sprites.png') right -276px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ffffff)); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:-o-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#ffffff)); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, -o-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -276px no-repeat, linear-gradient(to bottom, #d3d3d3 0%,#ffffff 100%); background-repeat: no-repeat; background-position: right -276px, 0 0;} .magazin.button { background:#efefef url('/themes/hlt/images/sprites.png') right -240px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -o-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); background-repeat: no-repeat; background-position: right -240px, 0 0; } .magazin.button:hover { -o-box-shadow:0px 0px 10px #ff9900, 0 1px 1px #fff inset; -webkit-box-shadow:0px 0px 10px #ff9900, 0 1px 1px #fff inset; -moz-box-shadow:0px 0px 10px #ff9900, 0 1px 1px #fff inset; box-shadow:0px 0px 10px #ff9900, 0 1px 1px #fff inset; background:#d3d3d3 url('/themes/hlt/images/sprites.png') right -240px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ffffff)); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:-o-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#ffffff)); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, -o-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -240px no-repeat, linear-gradient(to bottom, #d3d3d3 0%,#ffffff 100%); background-repeat: no-repeat; background-position: right -240px, 0 0;} .tv .tv .button, .teaser.tv .button { background:#efefef url('/themes/hlt/images/sprites.png') right -312px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -o-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); background-repeat: no-repeat; background-position: right -492px, 0 0; } .tv .tv .button:hover, .teaser.tv .button:hover { -o-box-shadow:0px 0px 10px #8bb22a, 0 1px 1px #fff inset; -webkit-box-shadow:0px 0px 10px #8bb22a, 0 1px 1px #fff inset; -moz-box-shadow:0px 0px 10px #8bb22a, 0 1px 1px #fff inset; box-shadow:0px 0px 10px #8bb22a, 0 1px 1px #fff inset; background:#d3d3d3 url('/themes/hlt/images/sprites.png') right -492px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ffffff)); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:-o-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#ffffff)); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -o-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, linear-gradient(to bottom, #d3d3d3 0%,#ffffff 100%); background-repeat: no-repeat; background-position: right -492px, 0 0; } .tv.button { background:#efefef url('/themes/hlt/images/sprites.png') right -492px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -o-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); background-repeat: no-repeat; background-position: right -492px, 0 0; } .tv.button:hover { -o-box-shadow:0px 0px 10px #8bb22a, 0 1px 1px #fff inset; -webkit-box-shadow:0px 0px 10px #8bb22a, 0 1px 1px #fff inset; -moz-box-shadow:0px 0px 10px #8bb22a, 0 1px 1px #fff inset; box-shadow:0px 0px 10px #8bb22a, 0 1px 1px #fff inset; background:#d3d3d3 url('/themes/hlt/images/sprites.png') right -492px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ffffff)); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:-o-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#ffffff)); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, -o-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -492px no-repeat, linear-gradient(to bottom, #d3d3d3 0%,#ffffff 100%); background-repeat: no-repeat; background-position: right -492px, 0 0; } .gelb .button, .gelb.button, .teaser.gelb.button { background:#efefef url('/themes/hlt/images/sprites.png') right -420px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -420px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -420px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -420px no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -420px no-repeat, -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -420px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -420px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -420px no-repeat, -o-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -420px no-repeat, linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); background-repeat: no-repeat; background-position: right -420px, 0 0; } .gelb .button:hover, .gelb.button:hover, .teaser.gelb.button:hover { -o-box-shadow:0px 0px 10px #ffcc00, 0 1px 1px #fff inset; -webkit-box-shadow:0px 0px 10px #ffcc00, 0 1px 1px #fff inset; -moz-box-shadow:0px 0px 10px #ffcc00, 0 1px 1px #fff inset; box-shadow:0px 0px 10px #ffcc00, 0 1px 1px #fff inset; background:#d3d3d3 url('/themes/hlt/images/sprites.png') right -420px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -420px no-repeat, -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -420px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ffffff)); background:url('/themes/hlt/images/sprites.png') right -420px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:-o-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -420px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#ffffff)); background:url('/themes/hlt/images/sprites.png') right -420px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -420px no-repeat, -o-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -420px no-repeat, linear-gradient(to bottom, #d3d3d3 0%,#ffffff 100%); background-repeat: no-repeat; background-position: right -420px, 0 0; } .blau .button, .blau.button,.teaser.blau.button { background:#efefef url('/themes/hlt/images/sprites.png') right -384px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -384px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -384px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -384px no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -384px no-repeat, -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -384px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -384px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -384px no-repeat, -o-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -384px no-repeat, linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); background-repeat: no-repeat; background-position: right -384px, 0 0; } .blau .button:hover, .blau.button:hover, .teaser.blau.button:hover { -o-box-shadow:0px 0px 10px #7fbdfc, 0 1px 1px #fff inset; -webkit-box-shadow:0px 0px 10px #7fbdfc, 0 1px 1px #fff inset; -moz-box-shadow:0px 0px 10px #7fbdfc, 0 1px 1px #fff inset; box-shadow:0px 0px 10px #7fbdfc, 0 1px 1px #fff inset; background:#d3d3d3 url('/themes/hlt/images/sprites.png') right -384px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -384px no-repeat, -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -384px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ffffff)); background:url('/themes/hlt/images/sprites.png') right -384px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:-o-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -384px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#ffffff)); background:url('/themes/hlt/images/sprites.png') right -384px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -384px no-repeat, -o-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -384px no-repeat, linear-gradient(to bottom, #d3d3d3 0%,#ffffff 100%); background-repeat: no-repeat; background-position: right -384px, 0 0; } .dunkelblau .button, .dunkelblau.button,.teaser.dunkelblau.button { background:#efefef url('/themes/hlt/images/sprites.png') right -455px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -384px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -384px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -384px no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -384px no-repeat, -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -455px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -455px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -455px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -455px no-repeat, -o-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -455px no-repeat, linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); background-repeat: no-repeat; background-position: right -455px, 0 0; } .dunkelblau .button:hover, .dunkelblau.button:hover, .teaser.dunkelblau.button:hover { -o-box-shadow:0px 0px 10px #039, 0 1px 1px #fff inset; -webkit-box-shadow:0px 0px 10px #039, 0 1px 1px #fff inset; -moz-box-shadow:0px 0px 10px #039, 0 1px 1px #fff inset; box-shadow:0px 0px 10px #039, 0 1px 1px #fff inset; background:#d3d3d3 url('/themes/hlt/images/sprites.png') right -455px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -384px no-repeat, -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -384px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ffffff)); background:url('/themes/hlt/images/sprites.png') right -455px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:-o-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -455px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#ffffff)); background:url('/themes/hlt/images/sprites.png') right -455px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -455px no-repeat, -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -455px no-repeat, -o-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -455px no-repeat, linear-gradient(to bottom, #d3d3d3 0%,#ffffff 100%); background-repeat: no-repeat; background-position: right -455px, 0 0; } .button-arrow { display:inline-block; position:relative; left:-30px; top:2px; height:26px; width:30px; cursor:pointer; background:url('/themes/hlt/images/sprites.png') right -240px no-repeat; } .magazin .button-arrow, .teaser.magazin .button-arrow { background:url('/themes/hlt/images/sprites.png') right -240px no-repeat; } .ratgeber .button-arrow, .teaser.ratgeber .button-arrow { background:url('/themes/hlt/images/sprites.png') right -276px no-repeat; } .markenwelt .button-arrow, .teaser.markenwelt .button-arrow { background:url('/themes/hlt/images/sprites.png') right -204px no-repeat; } .unterhaltung .button-arrow, .teaser.unterhaltung .button-arrow { background:url('/themes/hlt/images/sprites.png') right -312px no-repeat; } .tv .button-arrow, .teaser.tv .button-arrow { background:url('/themes/hlt/images/sprites.png') right -492px no-repeat; } .gelb.button-arrow { background:url('/themes/hlt/images/sprites.png') right -420px no-repeat; } .blau.button-arrow { background:url('/themes/hlt/images/sprites.png') right -384px no-repeat; } .dunkelblau.button-arrow { background:url('/themes/hlt/images/sprites.png') right -348px no-repeat; } .button-arrow-amazon { width:90px; height:30px; top:6px; left:-90px; background:url('/themes/hlt/images/sprites.png') right -348px no-repeat !important; } .button-amazon { padding-right:90px; background:#efefef url('/themes/hlt/images/sprites.png') right -348px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -o-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); background-repeat: no-repeat; background-position: right -348px, 0 0; } .button-amazon:hover { -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; -o-box-shadow:0px 0px 10px #cc2c1d, 0 1px 1px #fff inset; -webkit-box-shadow:0px 0px 10px #cc2c1d, 0 1px 1px #fff inset; -moz-box-shadow:0px 0px 10px #cc2c1d, 0 1px 1px #fff inset; box-shadow:0px 0px 10px #cc2c1d, 0 1px 1px #fff inset; background:#d3d3d3 url('/themes/hlt/images/sprites.png') right -348px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ffffff)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:-o-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#ffffff)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -o-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, linear-gradient(to bottom, #d3d3d3 0%,#ffffff 100%); background-repeat: no-repeat; background-position: right -348px, 0 0; } .magazin .button-amazon, .teaser.magazin .button-amazon { background:#efefef url('/themes/hlt/images/sprites.png') right -348px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -o-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); background-repeat: no-repeat; background-position: right -348px, 0 0; } .magazin .button-amazon:hover, .teaser.magazin .button-amazon:hover { -o-box-shadow:0px 0px 10px #ff9900, 0 1px 1px #fff inset; -webkit-box-shadow:0px 0px 10px #ff9900, 0 1px 1px #fff inset; -moz-box-shadow:0px 0px 10px #ff9900, 0 1px 1px #fff inset; box-shadow:0px 0px 10px #ff9900, 0 1px 1px #fff inset; background:#d3d3d3 url('/themes/hlt/images/sprites.png') right -348px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ffffff)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:-o-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#ffffff)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -o-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, linear-gradient(to bottom, #d3d3d3 0%,#ffffff 100%); background-repeat: no-repeat; background-position: right -348px, 0 0; } .ratgeber .button-amazon, .teaser.ratgeber .button-amazon { background:#efefef url('/themes/hlt/images/sprites.png') right -348px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -o-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); } .ratgeber .button-amazon:hover, .teaser.ratgeber .button-amazon:hover { -o-box-shadow:0px 0px 10px #33b0be, 0 1px 1px #fff inset; -webkit-box-shadow:0px 0px 10px #33b0be, 0 1px 1px #fff inset; -moz-box-shadow:0px 0px 10px #33b0be, 0 1px 1px #fff inset; box-shadow:0px 0px 10px #33b0be, 0 1px 1px #fff inset; background:#d3d3d3 url('/themes/hlt/images/sprites.png') right -348px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ffffff)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:-o-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#ffffff)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -o-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, linear-gradient(to bottom, #d3d3d3 0%,#ffffff 100%); background-repeat: no-repeat; background-position: right -348px, 0 0; } .markenwelt .button-amazon, .teaser.markenwelt .button-amazon { background:#efefef url('/themes/hlt/images/sprites.png') right -348px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -o-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); } .markenwelt .button-amazon:hover, .teaser.markenwelt .button-amazon:hover { -o-box-shadow:0px 0px 10px #cc2c1d, 0 1px 1px #fff inset; -webkit-box-shadow:0px 0px 10px #cc2c1d, 0 1px 1px #fff inset; -moz-box-shadow:0px 0px 10px #cc2c1d, 0 1px 1px #fff inset; box-shadow:0px 0px 10px #cc2c1d, 0 1px 1px #fff inset; background:#d3d3d3 url('/themes/hlt/images/sprites.png') right -348px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ffffff)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:-o-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#ffffff)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -o-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, linear-gradient(to bottom, #d3d3d3 0%,#ffffff 100%); background-repeat: no-repeat; background-position: right -348px, 0 0; } .unterhaltung .button-amazon, .teaser.unterhaltung .button-amazon { background:#efefef url('/themes/hlt/images/sprites.png') right -348px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -o-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); } .unterhaltung .button-amazon:hover, .teaser.unterhaltung .button-amazon:hover { -o-box-shadow:0px 0px 10px #7e4b96, 0 1px 1px #fff inset; -webkit-box-shadow:0px 0px 10px #7e4b96, 0 1px 1px #fff inset; -moz-box-shadow:0px 0px 10px #7e4b96, 0 1px 1px #fff inset; box-shadow:0px 0px 10px #7e4b96, 0 1px 1px #fff inset; background:#d3d3d3 url('/themes/hlt/images/sprites.png') right -348px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ffffff)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:-o-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#ffffff)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -o-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, linear-gradient(to bottom, #d3d3d3 0%,#ffffff 100%); background-repeat: no-repeat; background-position: right -348px, 0 0; } .tv .button-amazon, .teaser.tv .button-amazon { background:#efefef url('/themes/hlt/images/sprites.png') right -348px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -o-linear-gradient(top, #ffffff 0%,#d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -o-linear-gradient(top, #ffffff 0%, #d3d3d3 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, linear-gradient(to bottom, #ffffff 0%,#d3d3d3 100%); } .tv .button-amazon:hover, .teaser.tv .button-amazon:hover { -o-box-shadow:0px 0px 10px #8bb22a, 0 1px 1px #fff inset; -webkit-box-shadow:0px 0px 10px #8bb22a, 0 1px 1px #fff inset; -moz-box-shadow:0px 0px 10px #8bb22a, 0 1px 1px #fff inset; box-shadow:0px 0px 10px #8bb22a, 0 1px 1px #fff inset; background:#d3d3d3 url('/themes/hlt/images/sprites.png') right -348px no-repeat; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ffffff)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:-o-linear-gradient(top, #d3d3d3 0%,#ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#ffffff)); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -webkit-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, -o-linear-gradient(top, #d3d3d3 0%, #ffffff 100%); background:url('/themes/hlt/images/sprites.png') right -348px no-repeat, linear-gradient(to bottom, #d3d3d3 0%,#ffffff 100%); background-repeat: no-repeat; background-position: right -348px, 0 0; } a.submit { padding-right:20px; color:#cc2c1d; font:bold 14px/25px 'Century Gothic','Verdana',sans-serif; text-decoration:none; text-transform:uppercase; background:url('/themes/hlt/images/arrow_right_common.png') center right no-repeat; } a.submit:hover { text-decoration:underline; } /* lists */ ul.arrow { overflow:hidden; overflow-y:hidden; padding:0; margin:0 0 15px; color:inherit; list-style:none; float: left; width: 100%; } ul.arrow li { padding-left:15px; color:inherit; } ul.arrow li:before { content: '» '; font-family:'Verdana',sans-serif; color:inherit; margin-left:-15px; } ul.arrow li a { color:inherit; text-decoration:none; } ul.arrow li a:hover { text-decoration:underline; } ul.disc, article ul { list-style:disc; padding-left:20px; margin-top: 10px;} ul.disc li { margin-bottom:5px; } ol.decimal { list-style:decimal; padding-left:20px; } /*= Header ********************************/ header { height:130px; background:#fff; width: 100%; } .logo { display:block; position: absolute; margin-top:15px; text-indent:-9999px; } header .logo img { max-width: 100%; } /* navigation */ header nav { float:right; } header nav ul { margin:0; } header nav li { display:inline; font:14px/25px 'Century Gothic','Verdana',sans-serif; } header nav a { text-decoration:none; text-transform:uppercase; } .nav-meta { margin-top:10px; } .nav-meta li { padding-left:20px; } .nav-meta .login { padding:0 30px 0 0; min-width:100px; text-align:right; color:#cc2c1d; font-weight:bold; background:url('/themes/hlt/images/arrow_down_common.png') center right no-repeat; } .nav-main { position:absolute; z-index:1000; bottom:6px; right:-40px; padding:22px 40px 0 0; background:url('/themes/hlt/images/background_navigation.png') top right no-repeat; } .nav-main li { padding-bottom:18px; padding-left:20px; } .nav-main a { display:inline-block; padding-left:35px; font-size:18px; background:url('/themes/hlt/images/sprites.png') -283px 0 no-repeat; } .nav-main .tv a {height: 28px;} .nav-main .magazin a { color:#ff9900; background-position:-283px 0; } .nav-main .ratgeber a { color:#33b0be; background-position:-283px -25px; } .nav-main .markenwelt a { color:#cc2c1d; background-position:-283px -50px; } .nav-main .unterhaltung a { color:#7e4b96; background-position:-283px -75px; } .nav-main .tv a { color:#8bb22a; background-position:-283px -536px; } .nav-main li.current, .nav-main li.active { background:url('/themes/hlt/images/background_navitem.png') bottom center no-repeat; } .subnav { position:absolute; top:130px; left:0; z-index:2; width:100%; height:0; overflow:hidden; background:url('/themes/hlt/images/background_subnav.png') top center repeat-x; } .subnav.magazin { background-color:#ff9900; } .subnav.ratgeber { background-color:#33b0be; } .subnav.markenwelt { background-color:#cc2c1d; } .subnav.unterhaltung { background-color:#7e4b96; } .subnav.tv { background-color:#8bb22a; } .subnav.tv .list ul.arrow { display: none; } .subnav .copy { width:290px !important; margin-top:55px; margin-right:50px; float:left; color:#fff; } .subnav .copy h2 { font-size:36px; line-height:40px; color:#fff; margin-top:-10px; } .subnav .copy input { margin-bottom:0; float:left; } .subnav .copy input.text { width:220px; } .subnav .list { float:left; width:135px; margin-top:55px; margin-right:20px; } .subnav .list h3 { font:bold 14px/18px 'Verdana',sans-serif; margin-bottom:5px; color:#fff; } .subnav .list:last-child { margin-right:0; } .subnav .list li { margin-bottom:5px; color:#fff; } .subnav .list li:last-child { margin:0; } .subnav .list a { color:#fff; text-decoration:none; } .subnav .list a:hover { text-decoration:underline; } /* login layer */ header .layer { top:40px; right:0; width:230px; } header .layer form { width:230px; } header .layer a { display:block; text-decoration:none; } header .layer a:after { content:' »'; } header .layer-login a { display:inline-block; } header .layer-login a:after { content:''; } /* stage */ .stage { height:300px; width: 100%; float: left; background:url('/themes/hlt/images/background_stage.png') top center repeat-x; margin: 0 auto 15px; } .stage .hero { position:relative; z-index:-1; margin:0 auto; } .stage .teaser { margin-top:-260px; left:200px; width:360px; float: left; margin-left:50%; padding:20px; background:#ff9900; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzM0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #ff9900 0%, #cc3400 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9900), color-stop(100%,#cc3400)); background:-webkit-linear-gradient(top, #ff9900 0%,#cc3400 100%); background:-o-linear-gradient(top, #ff9900 0%,#cc3400 100%); background:-webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#cc3400)); background:-webkit-linear-gradient(top, #ff9900 0%, #cc3400 100%); background:-o-linear-gradient(top, #ff9900 0%, #cc3400 100%); background:linear-gradient(to bottom, #ff9900 0%,#cc3400 100%); -webkit-filter:none; filter:none; } .stage h1, .stage p { color:#fff; } .stage input { margin:0; float:left; } .stage input.text { width:175px; padding-right:35px; } .magazin .stage .teaser { background:#ff9900; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzM0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #ff9900 0%, #cc3400 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9900), color-stop(100%,#cc3400)); background:-webkit-linear-gradient(top, #ff9900 0%,#cc3400 100%); background:-o-linear-gradient(top, #ff9900 0%,#cc3400 100%); background:-webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#cc3400)); background:-webkit-linear-gradient(top, #ff9900 0%, #cc3400 100%); background:-o-linear-gradient(top, #ff9900 0%, #cc3400 100%); background:linear-gradient(to bottom, #ff9900 0%,#cc3400 100%); -webkit-filter:none; filter:none; } .ratgeber .stage .teaser { background:#33b0be; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzYjBiZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzY3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #33b0be 0%, #336799 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#336799), color-stop(100%,#336799)); background:-webkit-linear-gradient(top, #33b0be 0%,#336799 100%); background:-o-linear-gradient(top, #33b0be 0%,#336799 100%); background:-webkit-gradient(linear, left top, left bottom, from(#33b0be), to(#336799)); background:-webkit-linear-gradient(top, #33b0be 0%, #336799 100%); background:-o-linear-gradient(top, #33b0be 0%, #336799 100%); background:linear-gradient(to bottom, #33b0be 0%,#336799 100%); -webkit-filter:none; filter:none; } .markenwelt .stage .teaser { background:#cc2c1d; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjMmMxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #cc2c1d 0%, #990000 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc2c1d), color-stop(100%,#990000)); background:-webkit-linear-gradient(top, #cc2c1d 0%,#990000 100%); background:-o-linear-gradient(top, #cc2c1d 0%,#990000 100%); background:-webkit-gradient(linear, left top, left bottom, from(#cc2c1d), to(#990000)); background:-webkit-linear-gradient(top, #cc2c1d 0%, #990000 100%); background:-o-linear-gradient(top, #cc2c1d 0%, #990000 100%); background:linear-gradient(to bottom, #cc2c1d 0%,#990000 100%); -webkit-filter:none; filter:none; } .unterhaltung .stage .teaser { background:#7e4b96; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdlNGI5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YjAwN2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #7e4b96 0%, #4b007f 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e4b96), color-stop(100%,#4b007f)); background:-webkit-linear-gradient(top, #7e4b96 0%,#4b007f 100%); background:-o-linear-gradient(top, #7e4b96 0%,#4b007f 100%); background:-webkit-gradient(linear, left top, left bottom, from(#7e4b96), to(#4b007f)); background:-webkit-linear-gradient(top, #7e4b96 0%, #4b007f 100%); background:-o-linear-gradient(top, #7e4b96 0%, #4b007f 100%); background:linear-gradient(to bottom, #7e4b96 0%,#4b007f 100%); -webkit-filter:none; filter:none; } .tv .stage .teaser { background: #8bb22a; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdlNGI5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YjAwN2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #8bb22a 0%, #647f1d 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #8bb22a), color-stop(100%, #647f1d)); background:-webkit-linear-gradient(top, #8bb22a 0%,#647f1d 100%); background:-o-linear-gradient(top, #8bb22a 0%,#647f1d 100%); background:-webkit-gradient(linear, left top, left bottom, from(#8bb22a), to(#647f1d)); background:-webkit-linear-gradient(top, #8bb22a 0%, #647f1d 100%); background:-o-linear-gradient(top, #8bb22a 0%, #647f1d 100%); background:linear-gradient(to bottom, #8bb22a 0%,#647f1d 100%); -webkit-filter:none; filter:none; } /*= Footer ********************************/ footer { height:auto; overflow:hidden; margin-top:-50px; background: #fff url('/themes/hlt/images/background_footer.png') top left repeat-x; width: 100%; float: left; padding-bottom: 5px; } .copyright { margin-top: -15px; float:left; display: block; padding-left:70px; background:url('/themes/hlt/images/sprites.png') -247px -100px no-repeat; font:12px/50px 'Century Gothic','Verdana',sans-serif; } /* navigation */ footer nav { float:none; } footer nav ul { margin:0; } footer nav li { display:inline; color:#cc2c1d; font:12px/50px 'Century Gothic','Verdana',sans-serif; } footer nav li:not(:last-child):after { content:' | '; } footer nav a { color:#666; text-transform:uppercase; text-decoration:none; } footer nav a:hover { color:#cc2c1d; } /*= Content ********************************/ .content { min-height:100%; } .columns { padding-bottom:50px; margin-bottom:25px; } .col-single { width:100%; } .col-left { width:620px; float:left; max-width: 100%; } .col-left-narrow { width:460px; float:left; max-width: 100%; } .col-right { width:295px; float:right; max-width: 100%; } .col-right-wide { width:460px; float:right; max-width: 100%; } article { width: 100%; padding-bottom:50px; margin-bottom:25px; background:url('/themes/hlt/images/background_teaser.png') bottom center no-repeat; } .article-no-bg { background:none; margin-bottom:0; } article h2 { margin-top:30px; } article .teaser h2 { margin-top:0; } /* breadcrumb */ .breadcrumb { overflow: hidden; width: 650px; color:#999; padding:7px 0 0 0 !important; margin:0 0 20px 0 !important; height:20px; font:normal 12px/15px 'Century Gothic','Verdana',sans-serif; padding-top: 20px !important; } .article-head-panel .breadcrumb { float: left; width: 50%; height: 35px; } .breadcrumb li { display:inline; margin-right:5px; } .breadcrumb a { color:#999; text-decoration:none; font:normal 12px/15px 'Century Gothic','Verdana',sans-serif; } .breadcrumb li:not(:first-child) a:before { content:'> '; color:#cc2c1d; } .magazin .breadcrumb li:not(:first-child) a:before { content:'> '; color:#ff9900; } .ratgeber .breadcrumb li:not(:first-child) a:before { content:'> '; color:#33b0be; } .markenwelt .breadcrumb li:not(:first-child) a:before { content:'> '; color:#cc2c1d; } .unterhaltung .breadcrumb li:not(:first-child) a:before { content:'> '; color:#7e4b96; } .tv .breadcrumb li:not(:first-child) a:before { content:'> '; color:#8bb22a; } .breadcrumb a:hover { color:#cc2c1d; } .magazin .breadcrumb a:hover { color:#ff9900; } .ratgeber .breadcrumb a:hover { color:#33b0be; } .markenwelt .breadcrumb a:hover { color:#cc2c1d; } .unterhaltung .breadcrumb a:hover { color:#7e4b96; } .tv .breadcrumb a:hover { color:#8bb22a; } /* layer */ .layer { display:none; position:absolute; z-index:1000; padding:20px 15px; border:1px solid #aaa; background:#fff; -o-box-shadow:1px 1px 5px #aaa; -webkit-box-shadow:1px 1px 5px #aaa; -moz-box-shadow:1px 1px 5px #aaa; box-shadow:1px 1px 5px #aaa; } .layer hr { margin:15px -15px; padding:0; border:0; height:1px; background:#ccc; } /* brand slider */ .brands { display: table-cell; vertical-align: middle; position:relative; text-align:center; height:65px; padding-bottom:25px; background:url('/themes/hlt/images/background_brands.png') bottom center no-repeat; } .brands li { display: inline; } .brands img { display: inline; margin-top: 10px; margin-left: 2px; margin-right: 2px; } .jqDockWrap { margin: 0 auto; } /* pager */ .pager { margin-bottom: 15px; clear: both; } .pager ol { display: inline; } .pager li { display: inline; cursor: pointer; font:normal 18px/30px 'Century Gothic','Verdana',sans-serif; } .pager li a { background: none !important; } .pager li.pagination--end a, .pager li.pagination--start a { background-image:url('/themes/hlt/images/sprites.png') !important; } .pager li:not(:last-child):after { content:' |'; } .pager li a.current { font-weight:bold; } .magazin .pager li.current a { color: #ff9900 !important; } .ratgeber .pager li.current a { color: #33b0be !important; } .markenwelt .pager li.current a { color: #cc2c1d !important; } .unterhaltung .pager li.current a { color: #7e4b96 !important; } .tv .pager li.current a { color: #8bb22a !important; } .pager a { display:inline-block; width:30px; background-color:#ff9900; text-decoration:none; text-align:center; font: normal 18px/30px 'Century Gothic','Verdana',sans-serif; } .magazin .pager a { background-color:#ff9900; } .ratgeber .pager a { background-color:#33b0be; } .markenwelt .pager a { background-color:#cc2c1d; } .unterhaltung .pager a { background-color:#7e4b96; } .tv .pager a { background-color:#8bb22a; } .pager li.pagination--start a, .pager a.prev { background-image:url('/themes/hlt/images/sprites.png'); background-position:-120px -150px !important; background-repeat:no-repeat; } .pager li.pagination--end a, .pager a.next { background-image:url('/themes/hlt/images/sprites.png'); background-position:-150px -150px !important; background-repeat:no-repeat; } .magazin .pager li.pagination--start a, .magazin .pager li.pagination--end a { background-color:#ff9900 !important; } .ratgeber .pager li.pagination--start a, .ratgeber .pager li.pagination--end a { background-color:#33b0be !important; } .markenwelt .pager li.pagination--start a, .markenwelt .pager li.pagination--end a { background-color:#cc2c1d !important; } .unterhaltung .pager li.pagination--start a, .unterhaltung .pager li.pagination--end a { background-color:#7e4b96 !important; } .tv .pager li.pagination--start a, .tv .pager li.pagination--end a { background-color:#8bb22a !important; } .pager a:hover, .pager a.current, .pager li:after { color:#ff9900; } .magazin .pager a:hover, .magazin .pager a.current, .magazin .pager li:after { color:#ff9900; } .ratgeber .pager a:hover, .ratgeber .pager a.current, .ratgeber .pager li:after { color:#33b0be; } .markenwelt .pager a:hover, .markenwelt .pager a.current, .markenwelt .pager li:after { color:#cc2c1d; } .unterhaltung .pager a:hover, .unterhaltung .pager a.current, .unterhaltung .pager li:after { color:#7e4b96; } .tv .pager a:hover, .tv .pager a.current, .tv .pager li:after { color:#8bb22a; } /* teaser */ .teaser-box { margin-bottom:25px; background:url('/themes/hlt/images/background_teaser.png') bottom center no-repeat; } .teaser-box-last, .teaser-box:last-child { padding:0; margin:0; background:none; } .teaser-box .teaser { margin-bottom:50px; } .teaser-box-double { background:none; } .teaser-box-double .teaser { padding-bottom:14px; margin-bottom:0; background:#e9f7f8 url('/themes/hlt/images/background_teaser.png') bottom center no-repeat; } .teaser-box-double .teaser h2 { padding-top:15px; } .teaser p:last-child { margin:0; } .teaser-half { width:295px; float:left; } .teaser-half:last-child:not(:first-child) { float:left; margin-left:20px !important; } .col-single-large .teaser-half { width: 48%; } .teaser-color { padding:20px; margin-bottom:14px !important; background-color:#ff9900; } .teaser-color h2, .teaser-color p, .teaser-color li, .teaser-color li a, .teaser-color a.more { color:#fff !important; } .teaser-color .attachement-left { margin:-20px 20px 0 -20px; } .teaser-color .attachement-top { margin:-20px -20px 20px -20px; } .magazin .teaser-color, .magazin.teaser-color { background-color:#ff9900; } .ratgeber .teaser-color, .ratgeber.teaser-color { background-color:#33b0be; } .markenwelt .teaser-color, .markenwelt.teaser-color { background-color:#cc2c1d; } .unterhaltung .teaser-color, .unterhaltung.teaser-color { background-color:#7e4b96; } .tv .teaser-color, .tv.teaser-color { background-color:#8bb22a; } .col-right .teaser-color { padding-bottom:40px; background-image:url('/themes/hlt/images/background_teaser.png'); background-position:bottom center; background-repeat:no-repeat; } .col-right .teaser-color h1, .teaser-color h2, .col-right .teaser-color h3 { color:#fff; margin-bottom:15px; } .teaser-color-light { padding-bottom:40px; background-color:#e9f7f8; background-image:url('/themes/hlt/images/background_teaser.png'); background-position:bottom center; background-repeat:no-repeat; } .teaser-color-light p, .teaser-color-light li, .teaser-color-light li a { color:#666 !important; } .teaser-color-light input.text { width:200px; float:left; } .magazin .teaser-color-light, .magazin.teaser-color-light { background-color:#fcdfb4; } .ratgeber .teaser-color-light, .ratgeber.teaser-color-light { background-color:#e9f7f8; } .markenwelt .teaser-color-light, .markenwelt.teaser-color-light { background-color:#fcbfb9; } .unterhaltung .teaser-color-light, .unterhaltung.teaser-color-light { background-color:#f2d5ff; } .tv .teaser-color-light, .tv.teaser-color-light { background-color: #caff38; } .magazin .teaser-color-light h2, .magazin.teaser-color-light h2, .magazin .teaser-color-light .more, .magazin.teaser-color-light .more { color:#ff9900 !important; } .ratgeber .teaser-color-light h2, .ratgeber.teaser-color-light h2, .ratgeber .teaser-color-light .more, .ratgeber.teaser-color-light .more { color:#33b0be !important; } .markenwelt .teaser-color-light h2, .markenwelt.teaser-color-light h2, .markenwelt .teaser-color-light .more, .markenwelt.teaser-color-light .more { color:#cc2c1d !important; } .unterhaltung .teaser-color-light h2, .unterhaltung.teaser-color-light h2, .unterhaltung .teaser-color-light .more, .unterhaltung.teaser-color-light .more { color:#7e4b96 !important; } .tv .teaser-color-light h2, .tv.teaser-color-light h2, .tv .teaser-color-light .more, .tv.teaser-color-light .more { color:#8bb22a !important; } .teaser-gray { background:#f2f2f2; padding:20px; margin-bottom:15px; } .magazin .teaser-gray h2 { color:#ff9900; } .ratgeber .teaser-gray h2 { color:#33b0be; } .markenwelt .teaser-gray h2 { color:#cc2c1d; } .unterhaltung .teaser-gray h2 { color:#7e4b96; } .tv .teaser-gray h2 { color:#8bb22a; } .teaser-white { margin-bottom:14px !important; } .teaser-white h3 { color:#666; font:bold 14px/18px 'Verdana',sans-serif; } .teaser-white .attachement-right { margin:0 0 0 20px; } .teaser-white .attachement-left { margin:0 20px 0 0; } .more.headline-sidebar-teaser { font-size: 20px;} /* social sharing */ body.horoskop #bewerten { width: 450px !important; } body.horoskop #bewerten .rating { width: 85%; } .sharing { clear:both; margin-bottom:15px; } .sharing .share { float:right; } .rating { float:left; font-size:12px; margin-right:15px; width: 90%; } .rating form { float:left; } .rating p { position: inherit; display: inline-block; margin-left: 10px; } .rating .star { width:18px; height:17px; float:left; border:0; cursor:pointer; text-indent:-9999px; background:url('/themes/hlt/images/sprites.png') -48px -150px no-repeat; } .rating .star-active, .rating .star-over { background-position:-30px -150px; } .rating-count { display:block; float:left; margin:-2px 0 0 5px; padding-left:9px; background:url('/themes/hlt/images/sprites.png') -303px -150px no-repeat; } .rating-count span { display:block; border:1px solid #ccc; border-left:0; padding:0 5px 0 2px; font-size:10px; line-height:18px; -o-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; } .tools a { display:block; float:left; margin-right:5px; width:18px; height:17px; text-indent:-9999px; background:url('/themes/hlt/images/sprites.png') -66px -150px no-repeat; } .tools .print { background-position:-66px -150px; } .tools .send { background-position:-84px -150px; } .tools .save { background-position:-102px -150px; } /* comments */ .comments { margin-bottom:15px; position:relative; } .comments .layer { top:0; left:50%; margin-left:-200px; width:400px; } .comments .layer h3 { color:#cc2c1d; font:bold 20px/30px 'Century Gothic','Verdana',sans-serif; text-transform:uppercase; } .comments .layer form { margin-bottom:30px; } .comments .layer input.text { width:220px; float:left; } .comments .layer input.submit { margin:45px 0 20px 20px; } .comments .layer a.password { display:inline-block; margin-left:80px; text-decoration:none; } .comments .layer a.password:hover { text-decoration:underline; } .comments h2 { color:#666; } .comments .comments-list { margin:30px 0; } .comments .comments-list li { margin-bottom:10px; } .comments .comments-list b { display:block; } .comments .comments-toggle { display:none; } .comments .more { color:#666 !important; font:normal 20px/26px 'Century Gothic','Verdana',sans-serif; } /* zodiacs */ .zodiacs { margin:50px 0 0 0 !important; padding:0 !important; list-style:none; } .zodiacs li { width:225px; float:left; padding-bottom:15px; margin-right:10px; cursor:pointer; background:url('/themes/hlt/images/background_zodiac.png') bottom right no-repeat;} .zodiacs li:nth-child(2n+2) { margin-right:0; } .zodiacs li .copy { height:90px; } .zodiacs li:hover .copy, .zodiacs li.current .copy { background:#e0e0e0; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); background:-webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); background:-o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0)); background:-webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background:-o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background:linear-gradient(to bottom, #ffffff 0%,#e0e0e0 100%); -webkit-filter:none; filter:none; } .zodiacs img { float:left; } .zodiacs h2 { margin:0; padding:10px 0 5px; font-size:18px; } /* mondaynut */ .mondaynut { margin:15px 0 50px;} .mondaynut .today { padding:20px; margin-bottom:60px; background:#f2f2f2; } .mondaynut .copy { width: 30%; float:left; } .mondaynut .copy .more { font:normal 20px/26px 'Century Gothic','Verdana',sans-serif; } .mondaynut .image { position:relative; width:504px; height:440px; margin-right:40px; float:right; background-color:#fff; } .mondaynut .image .nut { position:absolute; bottom:-95px; right:-50px; height: auto; width: auto; } .mondaynut .image .visual { position:absolute; top:10px; left:12px; } .mondaynut .image p { position:absolute; top:330px; left:0; width:80%; padding:0 40px; color:#003366; text-align:center; font:normal 14px/26px 'Century Gothic','Verdana',sans-serif; } .carousel { width:940px; overflow-x:scroll; margin-left:20px; float:left; } .carousel ul { width:5000px; } .carousel li { float:left; margin-right:20px; position:relative; cursor:pointer; } .carousel li span { display:none; position:absolute; top:0; left:0; width:100%; height:100%; font:normal 18px/74px 'Century Gothic','Verdana',sans-serif; color:#fff; text-align:center; background:rgb(255,153,0); background:rgba(255,153,0,0.75); } .unterhaltung .carousel li span { display:none; position:absolute; top:0; left:0; width:100%; height:100%; font:normal 18px/74px 'Century Gothic','Verdana',sans-serif; color:#fff; text-align:center; background:rgb(126,75,150); background:rgba(126, 75, 150, 0.5); } .carousel li:hover span, .carousel li.current span { display:block; } .carousel-button { float:left; width:59px; height:74px; cursor:pointer; border:0; } .carousel-next { background:#ff9900 url('/themes/hlt/images/arrow_right_white.png') center center no-repeat; float: right;} .carousel-prev { background:#ff9900 url('/themes/hlt/images/arrow_left_white.png') center center no-repeat; } .unterhaltung .carousel-next { background:#7e4b96 url('/themes/hlt/images/arrow_right_white.png') center center no-repeat; } .unterhaltung .carousel-prev { background:#7e4b96 url('/themes/hlt/images/arrow_left_white.png') center center no-repeat; } /* test results */ .test-results dt { float:left; clear:left; width:330px; margin-bottom:20px; font-weight:bold; } .test-results dd { float:left; width:250px; } .test-results .stars { float:left; margin-top:-3px; } .stars { display:inline-block; margin-right:10px; width:125px; height:23px; background:url('/themes/hlt/images/star_lo.png') 0 0 repeat-x; } .stars img { display:inline; } /* bookmarks */ .bookmarks h2 { margin-bottom:5px; padding-left:35px; background:url('/themes/hlt/images/sprites.png') -283px 0 no-repeat; } .bookmarks h2.magazin { background-position:-283px 0; } .bookmarks h2.ratgeber { background-position:-283px -25px; } .bookmarks h2.markenwelt { background-position:-283px -50px; } .bookmarks h2.unterhaltung { background-position:-283px -75px; } .bookmarks h2.tv { background-position:-283px -536px; } .bookmarks ul { padding:20px 0 0 0; list-style:none; } .bookmarks ul li { margin-bottom:25px; } .bookmarks ul.magazin { border-top:3px solid #ff9900; } .bookmarks ul.ratgeber { border-top:3px solid #33b0be; } .bookmarks ul.markenwelt { border-top:3px solid #cc2c1d; } .bookmarks ul.unterhaltung { border-top:3px solid #7e4b96; } .bookmarks ul.tv { border-top:3px solid #8bb22a; } .bookmark-left { float:left; width:140px; margin-right:20px; } .bookmark-left p { margin:5px 0 0; } .bookmark-middle { float:left; width:600px; margin-right:20px; } .bookmark-middle p { margin-bottom:5px; } .bookmark-middle h3 { margin-top:-5px; font:normal 20px/26px 'Century Gothic','Verdana',sans-serif; } .bookmark-right { float:left; width:180px; } .bookmarks .unavailable h3 { color:#666; } .bookmarks .unavailable .bookmark-left span { display:block; padding:10px 5px; text-align:center; background:#666; color:#fff; font:normal 14px/18px 'Century Gothic','Verdana',sans-serif; } /* Sitemap */ .hlt-user-sitemap-section { width: 100% !important; } .hlt-user-sitemap-section h1 { color: #666; font: normal 36px/40px 'Century Gothic','Verdana',sans-serif; margin-bottom: 10px; } .hlt-user-sitemap { width: 100% !important; } .hlt-user-sitemap ul { padding: 0; margin: 0; list-style: none; } .hlt-user-sitemap a { text-decoration: none; } .hlt-user-sitemap > ul { list-style: none; } .hlt-user-sitemap > ul > li > a { color: #ff9900; font: normal 19px/25px 'Century Gothic','Verdana',sans-serif; margin-bottom: 15px; text-decoration: none; } .hlt-user-sitemap > ul > li { display: block; float: left; width: 31%; list-style: none; padding: 1%; } .hlt-user-sitemap > ul > li:nth-child(4) { clear: both; } .hlt-user-sitemap > ul > li > ul li { list-style: disc; margin-left: 16px; } /*= Sidebar ********************************/ aside { clear:both; margin-bottom:15px; padding-bottom:17px; background:url('/themes/hlt/images/background_aside.png') right bottom no-repeat; } aside h3 { font-size:20px; line-height:26px; } aside form { padding-top:15px; } aside input { float:left; margin-bottom:0; } /* search teaser */ .teaser-search { padding:0; background:none; } .teaser-search form { width:100%; float:right; padding:0; text-align: right; } .teaser-search input.text { width:80%; float: right; } /* newsletter teaser */ .teaser-newsletter form, .teaser-newsletter .background-layer { padding:20px; color:#fff; background:#ff9900; } .teaser-newsletter.magazin form { background:#ff9900; } .teaser-newsletter.ratgeber form { background:#33b0be; } .teaser-newsletter.markenwelt form { background:#cc2c1d; } .teaser-newsletter.unterhaltung form { background:#7e4b96; } .teaser-newsletter.tv form { background:#8bb22a; } .teaser-newsletter input.text { width:230px; } .teaser-newsletter h3 { color:#fff; } .magazin.teaser-newsletter form, .magazin .teaser-newsletter form, .magazin .teaser-newsletter .background-layer { background:#ff9900; } .ratgeber.teaser-newsletter form, .ratgeber .teaser-newsletter form, .ratgeber .teaser-newsletter .background-layer { background:#33b0be; } .markenwelt.teaser-newsletter form, .markenwelt .teaser-newsletter form, .markenwelt .teaser-newsletter .background-layer { background:#cc2c1d; } .unterhaltung.teaser-newsletter form, .unterhaltung .teaser-newsletter form, .unterhaltung .teaser-newsletter .background-layer { background:#7e4b96; } .tv.teaser-newsletter form, .tv .teaser-newsletter form, .tv .teaser-newsletter .background-layer { background:#8bb22a; } /* image teaser */ .teaser-image { padding-bottom:17px; position:relative; } .teaser-image .copy { position:absolute; top:20px; left:20px; width:260px; } .teaser-image .decimal { padding-left:20px; counter-reset:item; margin-left:2px; list-style:none; } .teaser-image .decimal li:before { margin-left:-22px; counter-increment:item; content:counter(item) ". "; font:normal 20px/26px 'Century Gothic','Verdana',sans-serif; } .teaser-image.flecken-abc-teaser a { text-decoration: none; } .teaser-image.flecken-abc-teaser a:hover { text-decoration: underline; } /* zodiac teaser */ .teaser-zodiac { padding:20px; background:#f2f2f2; } .teaser-zodiac h3 { margin:0; padding:10px 0 30px; } .teaser-zodiac .poweredby { padding-top:100px; text-align:right; } .teaser-zodiac .poweredby span { display:inline-block; padding-top:40px; font-size:10px; } .teaser-zodiac .copy { display:none; } .teaser-zodiac .current { display:block; } /*= Forms ********************************/ .error { color:#cc2c1d !important; border-color:#cc2c1d !important; border-width:2px !important; } p.error { background:#cc2c1d; color:#fff !important; text-align:center; padding:8px 20px; } .red-border.red-border.red-border { border: 1px solid #cc2c1d !important; } .placeholder { color:#999; } label, input { margin-bottom:10px; outline:none; } input, textarea { font:normal 14px/30px 'Century Gothic','Verdana',sans-serif; } .required { font-weight: bold; } .fillitup .error a { color: #fff; } /* fields */ input.text, input.file, select, textarea { width:90%; line-height:30px; height:30px; padding:0 10px; font-size:inherit; background:#fff; border:1px solid #A8A8A8; -o-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; -moz-border-radius:20px 20px 20px 20px; border-radius:20px 20px 20px 20px; -o-box-shadow:1px 1px 5px #aaa inset; -webkit-box-shadow:1px 1px 5px #aaa inset; -moz-box-shadow:1px 1px 5px #aaa inset; box-shadow:1px 1px 5px #aaa inset; } input.submit { border:0; margin:0; cursor:pointer; text-align:left; padding-right:20px; color:#cc2c1d; font:bold 14px/25px 'Century Gothic','Verdana',sans-serif; text-transform:uppercase; background:url('/themes/hlt/images/arrow_right_common.png') center right no-repeat; } input.button { border:0; text-align:left; padding-left:20px; width:213px; cursor:pointer; color:#666; } input.search-inline { width:30px; height:30px; margin:1px 0 0 -30px; background:url('/themes/hlt/images/sprites.png') 0 -143px no-repeat; float: right; position: relative; z-index: 1;} input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } input.file { width:80%; } input.radio, input.checkbox { width:24px; height:24px; } textarea { height:140px; } /* buttons */ input.submit-inline { position: relative; width:30px; height:30px; margin:1px 0 0 -35px; background:url('/themes/hlt/images/arrow_right_magazin.png') center center no-repeat; } .magazin input.submit-inline { background:url('/themes/hlt/images/arrow_right_magazin.png') center center no-repeat; } input.submit-inline-magazin { background:url('/themes/hlt/images/arrow_right_magazin.png') center center no-repeat !important; } .ratgeber input.submit-inline { background:url('/themes/hlt/images/arrow_right_ratgeber.png') center center no-repeat; } input.submit-inline-ratgeber { background:url('/themes/hlt/images/arrow_right_ratgeber.png') center center no-repeat !important; } .markenwelt input.submit-inline { background:url('/themes/hlt/images/arrow_right_markenwelt.png') center center no-repeat; } input.submit-inline-markenwelt { background:url('/themes/hlt/images/arrow_right_markenwelt.png') center center no-repeat !important; } .unterhaltung input.submit-inline { background:url('/themes/hlt/images/arrow_right_unterhaltung.png') center center no-repeat; } input.submit-inline-unterhaltung { background:url('/themes/hlt/images/arrow_right_unterhaltung.png') center center no-repeat !important; } .tv input.submit-inline { background:url('/themes/hlt/images/henkel-tv/arrow-green.png') center center no-repeat; } input.submit-inline-tv { background:url('/themes/hlt/images/henkel-tv/arrow-green.png') center center no-repeat !important; } /* common form holder */ .formbox { padding:20px; margin-bottom:15px; background:#f2f2f2; clear:left; } .formbox h2 { margin-top:0; } .formbox h3 { font-size:20px; color:#666; } .formbox label, .formbox .label { display:block; float:left; clear:left; width:100%; padding-top:5px; } .formbox label.checkbox, .formbox label.radio { clear:none; padding:0; width:90%; } .formbox label.inline, .formbox .label.inline { clear:none; width:auto; padding-right:10px; } .formbox input.text, .formbox textarea { width: 95%; float:left; } .formbox input.small { width:205px; margin-right:20px; } .formbox input.tiny { width:80px; margin-right:20px; } .formbox input.submit { float:right; margin-top:15px; } .formbox .login-links { color:#cc2c1d; font:bold 14px/25px 'Century Gothic','Verdana',sans-serif; text-transform:uppercase; } .formbox .login-links a { text-decoration:none; color:#cc2c1d !important; font:bold 14px/25px 'Century Gothic','Verdana',sans-serif; text-transform:uppercase; } .formbox .login-links a:hover { text-decoration:underline; } .formbox a { text-decoration:none; color:#ff9900; } .formbox a:hover { text-decoration:underline; } .magazin .formbox a, .ratgeber .formbox a, .markenwelt .formbox a, .unterhaltung .formbox a, .tv .formbox a { color: #666; text-decoration: underline; } /* product test */ .formbox-producttest-radio { padding:20px 0 0 0; } .formbox-producttest-radio h2 { margin-left:20px; } .formbox .producttest-radio { width:172px; padding:0 10px; float:left; clear:none; text-align:center; font-size:13px; line-height:14px; margin:0; cursor:pointer; } .formbox .producttest-radio-active, .formbox .producttest-radio:hover { background: #f2f2f2; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2M2YzZjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background:-moz-linear-gradient(top, #f2f2f2 0%, #c6c6c6 99%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(99%,#c6c6c6)); background:-webkit-linear-gradient(top, #f2f2f2 0%,#c6c6c6 99%); background:-o-linear-gradient(top, #f2f2f2 0%,#c6c6c6 99%); background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#c6c6c6)); background:-webkit-linear-gradient(top, #f2f2f2 0%, #c6c6c6 99%); background:-o-linear-gradient(top, #f2f2f2 0%, #c6c6c6 99%); background:linear-gradient(to bottom, #f2f2f2 0%,#c6c6c6 99%); } .formbox .producttest-radio .ez-radio { float:none; margin:0 auto !important; } .formbox .producttest-radio span { clear:both; display:block; margin-top:15px; } .formbox .producttest-radio span b { display:block; font-weight:normal; font-size:14px; } .formbox .producttest-checkbox { width: 100%; float:left; clear:none; } .formbox .producttest-checkbox span { padding-left:20px; } .formbox .producttest-file { width:50%; float:left; clear:none; position:relative; } .formbox .producttest-file .h2 { display:block; } .formbox .producttest-file img { margin-bottom:15px; } .formbox .producttest-comment { width:50%; float:right; clear:none; } .formbox .producttest-comment .h2 { display:block; } .formbox input.small { margin-bottom:30px; } /* --------------- CSS changes --------------- */ /* fix for "phpdebugbar-header" */ .phpdebugbar-header #dk_container_undefined { display: none !important; } .css_extra_max_with_100 { max-width: 100% !important; } .agb-wrapper { margin-top: 25px; } .css_prefix_produkttests .agb-wrapper { margin-top: 10px; } .css_prefix_produkttests .agb-wrapper a { color: #fff; } .agb-wrapper .ez-checkbox { position: relative; top: 14px; } body.css_prefix_article article img { max-width: 100%; } body.css_prefix_profile .col-left h2, body.css_prefix_abbestellen_default .col-single h2, body.css_prefix_abbestellen_default .teaserTemplateabbestellen_default a, body.css_prefix_abbestellen .teaserTemplateabbestellen a, body.css_prefix_abbestellen .col-left h2, body.css_prefix_abbestellen .col-single-large h2, body.css_prefix_page_434 h2, body.css_prefix_page_38 h2, body.css_prefix_page_37 h2, body.css_prefix_page_2482 h2, body.css_prefix_page_2483 h2, body.css_prefix_page_2484 h2 { color: #CC2C1D; } body.css_prefix_page_434 .col-left a.more { color: #666; } body.css_prefix_profile .col-left .css_prefix_abbestellen--link, body.css_prefix_abbestellen_default .col-single .css_prefix_abbestellen--link, body.css_prefix_abbestellen .col-left .css_prefix_abbestellen--link, body.css_prefix_abbestellen .col-single-large .css_prefix_abbestellen--link { color: #666; font-size: 14px; font-family: 'Verdana',sans-serif; } body.css_prefix_geheimnisse_voting .formbox .error a { color: #fff; } #gameOnlyFromDText { width: 305px; float: right; padding: 0; margin: 10px 0 0; font-size: 10px; } body.css_prefix_produkttests #teaser_aside_produkttest { width: 100%; padding-top: 0; margin: 0 0 0 -7px; } body.css_prefix_login .registrationArea input.text, body.css_prefix_login .registrationArea input#email { float: right; width: 50% !important; margin-right: 155px !important; } /* --------------------------------------------------------------------------- */ /* lang switch extra */ /* --------------------------------------------------------------------------- */ body.lifetimesCH #lang_switch_extra { width: 130px; float: right; margin-top: 15px; } body.lifetimesCH.survey #lang_switch_extra { margin-top: -22px; } body.lifetimesCH #lang_switch_extra a { float: right; margin-right: 5px; margin-top: 3px; } body.lifetimesCH #lang_switch_extra span { color: #fff; } body.lifetimesCH.survey #lang_switch_extra span { color: #666; } /* --------------------------------------------------------------------------- */ /* video */ /* --------------------------------------------------------------------------- */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cloth, .clr, div.clr, span.fillitup div.clr { margin: 0 !important; clear: both !important; } header.canvas { margin: 0 auto; } .layer-login a.hide { margin: 10px 0 0 10px; } body.register section.col-right aside.teaser-image { height: auto !important; width: 100%; } body.register .col-right .copy ul li { width: 90% !important; list-style: disc !important; margin: 0 0 5px 20px; } body.overview .teaser-color img { margin: -20px -20px -20px 20px; } body.overview .teaser-color p.teaserText { margin-bottom: 8px; } #article_frage_themengebiete { width: 100%; } #brands{ width: 1100px; float: left; left: 50%; margin-left: -550px; position: relative; text-align: center; } .brands { /*margin: 0 auto;*/ width: 960px; display: inline-block; text-align: center; } .brands a { display: inline-block; float: left; } body.lifetimesCH .brands a { margin-right: 2px; } aside.teaser-search { float: right !important; width: 100%; display: block; margin: 13px 0 25px 0; } .teaser-search-label { display: block; float: left; position: relative; top: 5px; } .copy a.button { width: 180px; padding-right: 10px; } .copy ul li { width: 220px; } .backNo { background: none; } .display_none { display: none; } .nav-metaResponsive { display: none; width: 99%; min-height: 335px; position: absolute; top: 4px; right: 1%; left: 0; border: 1px solid gray !important; background-color: #fff; z-index: 200000; } .nav-metaResponsive ul { width: 100%; height: auto; margin: 0 0 20px 20px; float: left; } .nav-metaResponsive ul li { display: block; } .nav-metaResponsive ul li a { display: block; padding: 15px 0 5px 10px !important; } .nav-metaResponsive aside { width: 100%; background: none; left: 25px; position: relative; margin: 20px 0 0 0; padding: 0 0 5px 0; } .nav-metaResponsive input.text.placeholder { width: 60%; } .nav-metaResponsive aside.teaser-search form { display: block; float: left; } a.hide { font: 18px/32px 'Century Gothic','Verdana',sans-serif; margin: 0 0 20px 30px; } .static { position: static !important; } .home .widthMax645, .ratgeber .widthMax645, .widthMax645 { width: 100%; float: left; margin: 20px 10px 0 0; padding-top: 20px; background: none; border-top: 1px solid #dcdcdc; } .copy, .width90pr { width: 90%; float: left; padding: 0; margin: 0;} body.horoskop .copy { width: 100%; } .lessMarginTop { float: left; margin: 20px 0 0 0; position: relative; } #click_mostReadChilds { float: left; } #click_mostReadChilds, #click_bestRatedChilds { font-size: 14px !important; float: left; margin: 15px 0 0 0; } img#responsImg, .nav-main ul li a img, #footerResponsImg, #responsiveNav { display: none; } body.horoskop .article-no-bg { width: 100%; margin-left: 10px; } body.horoskop .article-no-bg ul li { float: left; width: 40%; } body.horoskop .article-no-bg ul li img { width: 25%; height: auto; } body.horoskop .article-no-bg ul li h2 { padding: 0; float: left; width: 75%; height: auto; } body.horoskop .article-no-bg ul li p { float: left; width: 100%; } body.horoskop img.attachement-right { width: 98.5%; max-width: 460px !important; height: auto; float: left; margin: 0; } body.horoskop a img.attachement-right { width: 100%; } body.horoskop aside.grey a.hide_zodiac { padding: 0 45px 0 15px; margin: 20px 0 0 0; display: none; } body.lifetimesCH #brands .brands a { margin: 0 0.9%; } body.lifetimesCH form#registration, body.lifetimes form#registration { width: 90%; } body.lifetimesCH .dosage_order, body.lifetimes .dosage_order { width: 100%; float: left; margin: 0 0 10px 0; } body.lifetimesCH .dosage_order span, body.lifetimes .dosage_order span, body.lifetimesCH .dosage_order label, body.lifetimes .dosage_order label { width: 45%; float: left; margin: 7px 0 0 0; } body.lifetimesCH .dosage_order span.dk_label, body.lifetimes .dosage_order span.dk_label { width: 100%; } body.lifetimesCH form#registration input.text, body.lifetimesCH #dk_container_country, body.lifetimes form#registration input.text, body.lifetimes #dk_container_country { float: left; } body.lost_password form#registration input.text { float: none; } a.dk_toggle { width: auto !important; } a.dk_toggle span { padding: 0 60px 0 0; } body.lifetimesCH.recepies aside.teaser-newsletter { width: 49%; margin-right: 8px; } body.lifetimesCH .dosage_order a.dk_toggle, body.lifetimes .dosage_order a.dk_toggle { background-position: 100% 10px; width: 100% !important; } body.lifetimesCH .dosage_order a.dk_toggle label, body.lifetimes .dosage_order a.dk_toggle label { width: 100%; } body.lifetimesCH .nsa.barcode, body.lifetimes .nsa.barcode { width: 100%; float: left; margin: 20px 0 0 0; } body.lifetimesCH .barcode_string, body.lifetimes .barcode_string { width: 100%; float: left; margin: 0 0 20px 0; } body.lifetimesCH .nsa.barcode p.barcodetext, body.lifetimesCH .nsa.barcode input#ean, body.lifetimes .nsa.barcode p.barcodetext, body.lifetimes .nsa.barcode input#ean { width: 49%; float: left; margin: 0 20px 20px 0; } body.lifetimesCH .nsa.barcode input#ean, body.lifetimes .nsa.barcode input#ean { width: 44%; margin: 0 0 20px 0; } img.barcode { width: 45%; float: right; } body.lifetimesCH #dosage_items, body.lifetimes #dosage_items { margin: 10px 0; float: left; } body.lifetimesCH #dosage_register, body.lifetimes #dosage_register { margin: 10px 0 30px 0; float: left; } body.lifetimesCH .formbox #dosage_items label.left, body.lifetimes .formbox #dosage_items label.left { clear: none; text-align: center; width: 100px; } body.lifetimesCH #dosage_items .left img, body.lifetimes #dosage_items .left img { margin: 0 auto; } body.lifetimesCH #dosage_register .left, body.lifetimes #dosage_register .left { text-align: center; width: 100px; } body.lifetimesCH #dosage_register .left .ez-radio, body.lifetimes #dosage_register .left .ez-radio { float: none; margin: 0 auto; } body.lifetimesCH .dosage_order div.ez-radio, body.lifetimes .dosage_order div.ez-radio { clear: none !important; margin: 0 !important; } body.lifetimesCH .dosage_order.radio label, body.lifetimes .dosage_order.radio label { clear: none !important; width: auto; padding: 0; margin: 2px 10px 0 10px !important; } body.order_newsletter aside { float: right; width: 49.8%; } form#registration fieldset.formbox.main { background: none repeat scroll 0 0 #FFFFFF; padding: 0; } form#registration fieldset.formbox.main .formbox.reg_form label.newsletter { float: none; width: inherit; clear: none; padding-top: 0; display: inline; } form#registration fieldset.formbox.main .formbox.reg_form label.newsletterIntro { margin-top: 0; margin-left: 10px; width: 85%; } form#registration fieldset.formbox.main .formbox.reg_form label.newsletterIntro a, body.css_prefix_profile label.datenschutz_new a { color: #666; text-decoration: underline; } form#registration fieldset.formbox.main .formbox.reg_form label { clear: none; } form#registration fieldset.formbox.main .formbox.reg_form div span, form#registration fieldset.formbox.main .formbox.reg_form div strong, form#registration fieldset.formbox.main .formbox.reg_form div label { width: 37%; float: left; } form#registration fieldset.formbox.main .formbox.reg_form div .dk_toggle span { width: auto; } form#registration fieldset.formbox.main #dk_container_language, form#registration fieldset.formbox.main #dk_container_kids, form#registration fieldset.formbox.main #dk_container_hhsize { float: left; margin-left: 25px !important; } form#registration fieldset.formbox.main.doubleoptin #dk_container_language, form#registration fieldset.formbox.main.doubleoptin #dk_container_kids, form#registration fieldset.formbox.main.doubleoptin #dk_container_hhsize { float: left; margin-left: 0 !important; } #dk_container_sternzeichen a, form#registration fieldset.formbox.main #dk_container_language a, form#registration fieldset.formbox.main #dk_container_kids a, form#registration fieldset.formbox.main #dk_container_hhsize a { color: #666; } form#registration fieldset.formbox.main .formbox.reg_form div div.radio { margin: -5px 0 0 10px; float: left; } form#registration fieldset.formbox.main .formbox.reg_form div input, form#registration fieldset.formbox.main .formbox.reg_form div input#email { float: right; width: 55%; margin: -5px 0 0 0; } form#registration fieldset.formbox.main .formbox.reg_form div input.radio { width: 32px; height: 32px; } body.markenweltShop.de a.more:after, aside.most_read, aside.best_rated { display: none; } a#click_bestRatedChilds { float: right; right: 0; } body.register .content .columns .canvas section.col-right aside.teaser-image.clearfix { height: auto !important; } body.register aside.teaser-image.clearfix #teaserForForm.copy { position: relative; width: 90%; margin-bottom: 10px; } body.henk section.col-left article div, body.henk section.col-left article div object, body.henk section.col-left article div object embed { width: 460px !important; height: 290px !important; } .test_img { width: 175px; float: left; margin: 0 15px 10px 0; } #gsContent #gsContent2 table tbody tr td:first-child { width: 56% !important; } #gsContent2 { margin: 10px 0 0 0; padding-bottom: 10px; float: left; } body.voting section fieldset.formbox { width: 90%; float: left; } body.voting .col-left-narrow { width: 49%; float: left; margin-right: 10px; } body.voting .col-right aside.teaser.teaser-color { background-color: #33B0BE; width: 85%; float: right; margin-top: 10px; border: none; padding-bottom: 20px; } .teaser.valassis-coupon-teaser, .teaser.valassis-coupon-teaser h3 a.more { color: #fff; } body.voting .secrets { width: 47%; float: left; margin: 0 10px 0 0; } body.voting .secrets strong { width: 99%; float: left; margin: 0 0 5px 0; } body.recommand form .formbox strong, body.recommand form .formbox span { width: 98%; float: left; margin: 0 0 10px 0; } .width_auto { width: auto !important; } .survey_reg_wrapper_p { float: left; } .survey_reg { width: 100% !important; margin: 0 !important; } .fillitup { width: 100% !important; float: left !important; } span.fillitup { width: auto !important; float: none !important; } .fillitup strong.width_auto, fieldset.formbox.reg_form strong.gender { margin: 0 !important; } article h2 { width: 100%; clear: both; } article .teaser-color h2 { clear: none; } .content_push { background: url('/themes/hlt/images/background_teaser.png') bottom center no-repeat; padding: 25px 0 0 0; margin: 25px 0 0 0; clear: both; width: 100%; } body.frage .teaser-box-double ul.arrow { width: auto !important; } table { float: left; } body.recepies .col-left article h2 { float: none; margin-top: 25px; } body.recepies .col-left article .teaser-color .attachement-right { margin: 0; } body.secrettips span.fillitup div, body.secrettips span.fillitup div div div { margin: 0 !important; } body.secrettips span.fillitup div div { margin: 20px 0 0 20px !important; } #test_radio audio { width: 320px; float: left; margin: 10px 0 0 0; } input#email { margin: 0 10px 0 0 !important; width: 45% !important; min-width: 160px; } body.survey input#email, body.register input#email { margin: 0 !important; width: 55% !important; min-width: 55%; } .sudoku_game { float: none; } span.fillitup div { border: none !important; margin: 0 5px 10px 0 !important; } body.secrettips .col-right { width: 48%; margin: 0 0 0 10px; } body.secrettips .col-right .formbox { width: 94%; } body.home span.fillitup input.button { width: 45% !important; margin: 0 10px 0 0 !important; } body.home #form_login_default .registrationArea input { float: right; width: 50% !important; margin-right: 155px !important; } body.home #form_login_default .registrationArea input.submit { float: left; width: 100px !important; } .layer.layer-comment a.password.clearfix { margin-left: 0; } body.lifetimes .dosage_order input#email { width: 95% !important; } body.markenweltShop .teaser { padding-bottom: 15px; } body.magazin.recepies .teaser-box .teaser-color { padding: 0; } body.magazin.recepies .teaser-box .teaser-color h2, body.magazin.recepies .teaser-box .teaser-color .white p { width: auto; float: left; margin: 10px 0 0 10px !important; clear: none; } .washing_items #dk_container_marken a.dk_toggle, .markenweltShop .dk_container a.dk_toggle { width: 225px !important; padding: 0 !important; } .washing_items #dk_container_marken a.dk_toggle span, .washing_items .dk_container a.dk_toggle span, .markenweltShop #dk_container_marken a.dk_toggle span, .markenweltShop .dk_container a.dk_toggle span { padding: 0 !important; } .washing_items .washing_category { font: normal 14px/16px 'Verdana', 'Arial', sans-serif; color: #33b0be; width: 100%; margin: 20px 0 10px 0; border-bottom: 2px solid #33b0be; } .washing_items .teaser-box.clearfix { background: none; margin: 0 0 0 0 !important; padding-left: 3.8%; } .washing_items .teaser-box.clearfix .teaserTemplatearticle_teaserhigh_head_content { width: 48.1%; margin: 0 0 0 0 !important; float: left; } .washing_items .teaserTemplatearticle_teaserhigh_head_content .attachement-top { max-width: 88px; width: auto; height: auto; margin: 0 8% 0 0 !important; float: left; } .washing_items .teaserTemplatearticle_teaserhigh_head_content .teaserText { font: normal 14px/17px 'Verdana', 'Arial', sans-serif; width: 63%; float: left; margin: 5px 0 0 0; } .washing_items .teaserTemplatearticle_teaserhigh_head_content h2 { display: none; } body.lifetimes section.page1681 #commentAndRating { margin-top: 950px; } body.lifetimesCH section.page1843 #commentAndRating { margin-top: 950px; } /** * @desc: Changes on register form, 27.05.14 * @author: [HZ] */ #login_area #captcha_input { float: left; } #login_area #captcha_img { float: left; margin-left: 20px; } #login_area .hidden { display: none; } /* ---------------- Profile ------------- */ body.css_prefix_profile form#registration fieldset.formbox.main .formbox.reg_form div label.datenschutz_new { width: 90%; } /** * @desc: Dynamic Overlayer, 16.12.14 * @author: [HZ] */ .hlt-dynamic-overlay { opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .hlt-dynamic-overlay.hlt-dynamic-overlay-open { opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .hlt-dynamic-overlay-bg { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255,255,255,0.7); z-index: 1000; } .hlt-dynamic-overlay-inner { display: block; position: absolute; top: 25%; left: 50%; margin-left: -310px; max-width: 620px; width: 100%; z-index: 1001; } .hlt-dynamic-overlay-close { position: absolute; z-index: 1001; color: #fff; right: 0; top: -25px; background: #fe9900; padding: 2px 5px 3px 5px; font-weight: bold; border: none; cursor: pointer; } /* hlt-overlay */ .overlay-hlt { background: #fe9900; color: #fff; } .overlay-hlt-inner { padding: 10px 40px 40px 40px; } .overlay-hlt-inner h2 { color: #fff; } .overlay-hlt-inner.agb .ez-checkbox { margin: 0 10px 0 0; } .overlay-hlt-inner.agb a { color: white; font-weight: bold; text-decoration: none; } .overlay-hlt-inner.agb a { text-decoration: underline; } .overlay-hlt img { max-width: 100%; height: auto; } @media only screen and (max-width: 640px) { .hlt-dynamic-overlay-inner { top: 25%; left: 0; margin-left: 0; } } /* Cookie Overlayer * * @descr Logic for the cookie overlayer. Namespace: cl- * @author [HZ] * @dpendency - */ .cl-cookie-layer { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); top: 0; left: 0; z-index: 100001; } .cl-cookie-layer p { color: #666; } .cl-hidden { display: none; } .cl-content { position: absolute; width: 100%; padding: 50px; box-sizing: border-box; background: #fff; bottom: 0; left: 0; } .button.cl-button { border: none; } /* svg-social sharing buttons */ .article-head-panel { position: relative; } .new-social-share { float: right; margin: 10px 0 0 0; } .hlt-social-cell { position: relative; display: inline-block; padding-left: 10px; } .new-social-label { position: relative; bottom: 5px; } .hlt-social-share { border: none; background: #999; width: 40px; height: 40px; border-radius: 50%; display: inline-block; position: relative; } .hlt-social-share:hover { cursor: pointer; } .hlt-social-share svg { width: 20px; height: 20px; fill: #fff; cursor: pointer; position: relative; top: 1px; right: 1px; } .icon-print-new { top: 3px; } .hlt-social-tooltip { background: #fff; padding: 20px; box-shadow: 3px 3px 5px rgba(0,0,0,0.2); position: absolute; top: -90px; right: -17px; width: 270px; opacity: 0; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -o-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: all 0.2s cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: all 0.2s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 0.2s cubic-bezier(0.190, 1.000, 0.220, 1.000); -ms-transition: all 0.2s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 0.2s cubic-bezier(0.190, 1.000, 0.220, 1.000); pointer-events: none; z-index: 4; } .hlt-social-tooltip.opened { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940); -moz-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940); -o-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940); -ms-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940); pointer-events: auto; } .hlt-social-tooltip:after { content: ''; position: absolute; bottom: -7px; right: 27px; width: 20px; height: 20px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; box-shadow: 3px 3px 5px rgba(0,0,0,0.2); } .hlt-social-wrapper svg { width: 30px; height: 30px; position: relative; } .hlt-social-wrapper ul { margin: 0; } .hlt-social-wrapper ul li { display: inline-block; width: auto !important; } .hlt-social-wrapper a { background: none; border: none; width: 50px; height: 50px; border-radius: 50%; display: block; cursor: pointer; text-align: center; padding-top: 10px; box-sizing: border-box; } .hlt-social-wrapper .hlt-social-mail-button { background: #666; } .hlt-social-wrapper .hlt-social-gplus-button { background: #DE5145; } .hlt-social-wrapper .hlt-social-facebook-button { background: #547CBD; } .hlt-social-wrapper .hlt-social-twitter-button { background: #55ACEE; } .hlt-social-wrapper .hlt-social-pinterest-button { background: #BD2126; transform: scaleY(-1); } .hlt-social-wrapper .hlt-social-pinterest-button svg { position: relative; left: 4px; bottom: -2px; } .hlt-social-wrapper .hlt-social-icon-mail, .hlt-social-wrapper .hlt-social-icon-google-plus, .hlt-social-wrapper .hlt-social-icon-facebook, .hlt-social-wrapper .hlt-social-icon-twitter, .hlt-social-wrapper .hlt-social-icon-pinterest { fill: #fff; } .hlt-social-wrapper .hlt-social-icon-mail { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); bottom: 4px; width: 26px; } .hlt-social-wrapper .hlt-social-icon-facebook { left: -3px; bottom: 2px; } /* ----------------------------------------- @mediaqueries (START) --- */ /* ----------------------------------------- @mediaqueries (min-width: 1100px) --- */ @media only screen and (min-width: 1100px){ article#hlt_default_article h2 { clear: none; } } /* ----------------------------------------- @mediaqueries (max-width: 1100px) --- */ @media only screen and (max-width: 1100px) { .stage, .stage img.hero { width: 100%; height: auto; float: left; } header { width: 100%; margin: 0 auto; left: 0; } aside.teaser-search { background: none; } body.flecken .brands { height: 65px; } body.gewinnspiel .brands { height: 65px; } .social { width: 100% !important; float: left !important; margin: 5px 0 !important; } } /* ----------------------------------------- @mediaqueries (max-width: 970px) --- */ @media only screen and (max-width: 970px){ .new-social-share { margin: 0 0 10px 0; } body.css_prefix_login .registrationArea input.text, body.css_prefix_login .registrationArea input#email { float: right; width: 100% !important; margin-right: 0 !important; padding: 0 !important; } body.css_prefix_produkttests #teaser_aside_produkttest { width: 95%; margin-left: -14px; } body.css_prefix_produkttests p.intro { width: 45%; } .subnav { width:0 !important; height:0 !important; } .body { width: 100%; } .canvas, .columns { width: 99%; margin-left: 5px; } header nav, header nav .nav-meta { margin: 0; width: 60%; } .logo{ position: absolute; max-width: 29.4791666667%; margin: 10px 0 0 0; min-width: 95px; } .logo img { width: 100%; } .nav-meta { float: right; width: 66%; margin: 20px 0 0 0 !important; } .nav-meta li { padding-left: 2.0618556701%; } .nav-meta .login { float: right; margin-right: 2.8%; width: auto; } .nav-main { height: 42px; background: none; float: right; right: 0; padding: 0; margin: 0 0 5px 0; width: auto; } .nav-main ul { position: relative; top: 20px; left: -5px; } .nav-main ul li { padding: 0; margin: 0 15px 15px 0; float: left; } .stage { width: 100%; height: auto !important; } .stage .hero { width: 100%; height: auto; } .stage .teaser h1 { font-size: 2.2em; } .stage .teaser p { font-size: 0.875em; margin: 0; } .col-left { width: 66%; float: left; margin: 0 0 0 0; } body.markenwelt .brands { height: 45px; } ul.breadcrumb { width: 100% !important; float: left; } .attachement-top { float: left; width: 100%; } .attachement-left { width: 50%; height: auto; } .attachement-right { width: 48%; } .teaser-half { width: 48%; margin-right: 2%; float: left; } :last-child:not(:first-child).teaser-half { margin-left: 0 !important; float: left; } .col-right { float: right; margin: 0; } body.markenweltShop .teaser-box { background: none; position: relative; margin: 0 0 20px 1%; } body.markenweltShop .teaser-box .attachement-left { max-width: 40%; margin-right: 0; } body.markenweltShop .teaser-box h2, body.markenweltShop .teaser-box p { float: left; width: 57%; margin-right: 0; } body.markenweltShop .teaser-half { background: none; width: 32.5%; margin: 0 0.5% 0 0!important; padding-bottom: 10px; float: left; } body.markenweltShop .teaser-half h2, body.markenweltShop .teaser-half p { margin: 0 0 10px 0; width: 99%; } body.markenweltShop .col-left .markenwelt a img.attachement-left { width: 100%; height: auto; margin-right: 20px !important; } body.ratgeber .col-right .teaser-color { background-image: none; } body.css_prefix_geheimnisse_diebesten .col-right .teaser-color { background-color: #33b0be !important; } body.register section.col-right { background: none; float: left; width: 95%; } body.register section.col-right aside.teaser-image, body.register section.col-right aside.teaser-image .copy, body.register section.col-right aside.teaser-image .copy ul.default, body.register section.col-right aside.teaser-image .copy ul.default li { width: 95% !important; } body.register section.col-right aside.teaser-image .copy ul.default li { margin-bottom: 10px; } body.frage section.col-left, body.frage section.col-right { width: 48%; } body.frage section.col-left { margin-right: 10px; } body.frage section.col-left .intro img.imageRight { width: 199px; height: auto; } body.frage .col-right aside { width: 89%; background-color: #33B0BE; } body.frage .col-right aside.teaser-search { background-color: transparent; } body.frage .col-right aside p, body.frage .col-right aside h3 { width: 95%; float: left !important; } body.frage .teaser-half, #commentAndRating { width: 99%; } body.frage .teaser-half img, body.frage .teaser-half h2, body.frage .teaser-half ul.arrow { width: 45%; height: auto; float: left; margin: 0 10px 0 0 !important; position: static !important; } #bewerten { width: 100% !important; } .tools { float: left; } body.frage textarea#comment { width: 80%; } body.flecken .col-left { width: 49%; float: left; } body.ratgeber.flecken section.col-right { width: 47%; float: left; margin-left: 20px; } body.flecken .canvas section.col-right-wide aside.teaser-color div { height: 220px; width: 50% !important; float: left; } body.flecken .canvas section.col-right-wide aside.teaser-color div a img { width: 95%; float: left; } body.gewinnspiel aside.teaser-newsletter { width: 48%; } body.gewinnspiel .col-single-large .teaser-half { width: 47% !important; float: left; } body.gewinnspiel #form_unterhaltung fieldset p { width: 80%; } article { width: 100%; } body.recepies a img.imageContent { width: 100%; } .col-single-large .teaser-box-double .teaser-half { width: 48% !important; } .col-left, section .col-right-wide, section .col-right { float: left !important; } .magazin aside.teaser-newsletter { width: 98% !important; } body.horoskop section.col-right-wide { width: 100%; } body.horoskop .attachement-left { width: 25%; height: auto; } body.frage #commentAndRating section.col-left { width: 115% !important; } body.marken .teaser-half { width: 30% !important; margin: 0 2% 0 0 !important; } body.marken .teaser-box { background: none !important; } body.marken .teaser-box-last, body.marken .teaser-box:last-child { padding: 0 0 20px 0; } .stage .teaser { max-height: 180px; margin-top: -23%; padding: 2.08333333333%; } body.nutoftheweek section.col-left, body.nutoftheweek section.col-right { width: 49%; float: left; margin-left: 1%; } body.horoskop section.col-left section.col-left, body.horoskop section.col-left .social { width: 100%; float: left; margin: 5px 0; } body.horoskop section.col-left .social span.share{ padding-top: 5px; } body.horoskop section.col-left, body.horoskop section.col-right { width: 49%; left: 1%; } body.horoskop section.col-left { margin-right: 2%; } body.horoskop ul.zodiacs li .copy { width: 100%; height: auto; } body.horoskop .article-no-bg ul li { width: 49%; margin-right: 1%; } section.col-left.col-left-narrow article.article-no-bg img.attachement-top { margin: 0; height: auto; } body.order_newsletter aside { float: left; width: 100%; } body.order_newsletter aside fieldset { width: 100%; } .stage .teaser { display: none; } body.register section.col-left { width: 47%; margin-right: 2%; } body.register section.col-right { width: 47%; margin-right: 2%; } body.addons .imageRight { display: none; } #commentAndRating .col-left { width: 100%; float: left; } article.article-no-bg p { width: 90%; float: left; margin-right: 9.8%; } body.voting .col-left, body.voting .col-right-wide { width: 48%; } body.overview .imageRight, body.overview .attachement-right, body.overview .attachement-left, body.overview .imageLeft { width: 48%; left: 0; position: relative; } #teaserPage433 { width: 100%; margin: 0 !important; } #teaserPage433 a img { width: 300px; margin: 0 auto; float: none !important; } #teaserPage642, #teaserPage724, #teaserPage474, .mahjong, .tabtris, .aufgedeckt { display: none; } body.secrettips .col-left { width: 44%; float: left; } body.overview.ratgeber .col-left, body.survey.ratgeber .col-left { width: 60%; float: left; } .formbox .producttest-radio { width: 40% !important; height: auto !important; float: left; clear: none; } } /* ----------------------------------------- @mediaqueries (max-width: 950px) --- */ @media only screen and (max-width: 950px) { body.flecken #dieBestenRight { float: left !important; } #brands { left: 0; max-width: 100%; margin: 0 auto; } .brands { max-width: 100%; background: none; padding-bottom: 0; } .brands a { width: 5.56%; } .brands a img { width: 100%; height: auto; } .carousel { width: 82% !important; } } /* ----------------------------------------- @mediaqueries (max-width: 935px) --- */ @media only screen and (max-width: 935px) { body.ecards .col-single .image, body.ecards .today img { float: left !important; background: none !important; } } /* ----------------------------------------- @mediaqueries (max-width: 920px) --- */ @media only screen and (max-width: 920px) { body.css_prefix_produkttests #teaser_aside_produkttest { width: 91%; margin-left: 8px; } body.css_prefix_produkttests p.intro { width: 40%; } .col-left { width: 65%; float: left; margin: 0 0 0 0; } } /* ----------------------------------------- @mediaqueries (max-width: 890px) --- */ @media only screen and (max-width: 890px){ .col-left { width: 62%; float: left; margin: 0 0 0 0; } } /* ----------------------------------------- @mediaqueries (max-width: 880px) --- */ @media only screen and (max-width: 880px) { body.flecken aside.teaser-search { display: none; } .teaser-box a.arrow-white { padding-bottom: 5px; margin-bottom: 5px; } body.flecken .col-left { width: 98%; float: left; } body.flecken .teaser-color-light { background-image: none; } body.flecken .canvas section.col-right-wide { width: 98% !important; margin: 0; float: left; } body.flecken .canvas section.col-right-wide aside.teaser-color div a img { width: 70%; margin-right: 30%; } article { width: 100%; } body.frage .formbox { width: auto; } body.ratgeber.frage section.col-single-large.clearfix { width: 100%; } body.ratgeber.frage section .teaser.teaser-half.clearfix { width: 65% !important; float: left; } body.frage section.col-single-large .teaser-half { clear: both; } .col-single-large .teaser-box-double .teaser-half { width: 100% !important; } body.fr .nav-meta ul li.navMeta { font-size: 13px; padding-left: 1%; } body.flecken .canvas section.col-right-wide aside.teaser-color div p, body.flecken .canvas section.col-right-wide aside.teaser-color div a { width: 70%; float: left; margin-right: 29%; } .carousel { width: 81% !important; } } /* ----------------------------------------- @mediaqueries (max-width: 840px) --- */ @media only screen and (max-width: 840px) { footer { padding-bottom: 0; } footer nav { float: left; min-width: 80px; padding-left: 10px; } footer nav li { display: none; } .copyright { margin-top: 0; float: right; display: block; padding-right: 70px; background:url('/themes/hlt/images/sprites.png') right -100px no-repeat; } .col-left { width: 60%; float: left; margin: 0 0 0 0; } .survey_reg_wrapper_p { float: none; } .survey_reg { width: 81% !important; } body.frage section.col-left .imageRight { float: none; } body.frage .col-single-large .teaser-box-double .teaser-half { width: 89% !important; } textarea#comment, p#nickname { float: left; width: 90% !important; } body.ratgeber .imageRight { float: left; margin: 0 25px 10px 0; } .mondaynut .image, .mondaynut .today img { width: 60%; } .mondaynut .image .visual { left: 1%; position: absolute; top: 1%; width: 98%; } ul.dk_options_inner li { margin: 0 !important; } .teaser.teaser-color.teaser-color-light.clearfix ul.arrow li { width: 93%; } body.ratgeber.secrettips .col-left { width: 49%; float: left; } } /* ----------------------------------------- @mediaqueries (max-width: 800px) --- */ @media only screen and (max-width: 800px) { li.navMeta, .stage .teaser { display: none; } img#responsImg { cursor: pointer; float: right; margin: 10px 0 0 40px; display: block; } .nav-meta ul { width: 100%; } .nav-meta .login { height: auto; width: auto; float: right; margin-top: 20px; padding-right: 30px; } .nav-meta .de_fr { float: left; margin: 20px 0 0 0; padding: 0; } .col-left { float: left; margin-top: 0; } .col-right { margin: 0 auto; } body.frage .col-right, body.frage .col-right { float: left !important; } img#footerResponsImg { cursor: pointer; display: block; width: 30px; padding: 10px; height: auto; float: left; } .carousel { width: 98% !important; } body.horoskop .attachement-left { width: 25%; height: auto; } body.horoskop aside.grey.teaser .copy img { margin: 0 !important; position: static !important; width: auto !important; height: auto !important; } .nav-metaResponsive ul li .button { display: none !important; } body.henk section.col-left article div, body.henk section.col-left article div object, body.henk section.col-left article div object embed { width: 100% !important; height: auto !important; float: left !important; } body.frage input#email { width: 80% !important; } .carousel { width: 81% !important; } } /* ----------------------------------------- @mediaqueries (max-width: 775px) --- */ @media only screen and (max-width: 775px) { aside.teaser-search { display: none; } section.col-left { width: 99%; margin: 0; } .attachement-top { float: right; width: 50%; margin-left: 5px; } .teaser-half h2 { width: 100%; float: left; margin-left: 5px; } .teaser-half img { width: 100%; float: left; } section.col-right { width: 100%; float: left; } aside { background: none; clear: none; float: left; height: auto; margin: 0; width: 47%; } aside img{ width: 100%; height: auto; } .markenweltShop .teaser-box .markenwelt p a img { width: 30%; height: auto; bottom: 0; position: absolute; } aside .copy { font-size: 14px; } aside .copy br { padding: 0; } #click_mostReadChilds, #click_bestRatedChilds { bottom: 0; position: absolute; } body.flecken .canvas section.col-right-wide { width: 98% !important; float: left; } body.flecken .canvas section.col-right-wide aside { width: 95%; } body.gewinnspiel aside.teaser-newsletter { width: 98%; } body.horoskop aside.grey { width: 87%; } body.horoskop aside.grey p, body.horoskop aside.grey span { width: 100%; float: left; } body.ratgeber.frage section.col-left.col-left-narrow article.article-no-bg img.attachement-top { width: 100%; } .breadcrumb { width: 100%; } body.ratgeber .col-right .teaser-color { margin-top: 47px; } section.col-right aside.teaser-image { margin-right: 10px; } body.ratgeber .imageRight { float: left; margin: 0 25px 10px 0 !important; } body.voting .col-left, body.voting .col-right-wide { width: 99%; } body.ratgeber form .registrationArea { width: 98% !important; } body.ratgeber form .registrationArea textarea { width: 80% !important; margin-right: 19% !important; } body.ratgeber form .registrationArea fieldset.formbox div { width: 90% !important; float: left; } body.ratgeber form .registrationArea fieldset.formbox div input { margin: 0 !important; top: 0 !important; } body.ratgeber form .registrationArea fieldset.formbox div strong { width: 200px; float: left; margin: 0 0 0 0; } body.ratgeber form .registrationArea fieldset.formbox div div { width: 35% !important; float: left !important; } body.ratgeber form .registrationArea fieldset.formbox div div.label.inline { width: 100%; } body.ratgeber form .registrationArea fieldset.formbox div div.ez-checkbox, body.ratgeber form .registrationArea fieldset.formbox div div.ez-radio { width: 24px !important; } body.overview.ratgeber .col-left, body.survey.ratgeber .col-left { width: 98%; } body.secrettips section.col-right { width: 97% !important; float: left; margin: 0 0 0 1%; } body.secrettips .col-right .formbox { width: 94%; } body.ratgeber.secrettips .col-left { width: 100%; } body.voting .col-right-wide aside.teaser-color { float: left !important; } body.css_prefix_produkttests #teaser_aside_produkttest { width: 97%; margin-left: 5px; } body.css_prefix_produkttests p.intro { width: 100%; } .pager{ width: 100%; overflow: hidden; } } /* ----------------------------------------- @mediaqueries (max-width: 769px) --- */ @media only screen and (max-width: 769px) { body.markenweltShop .teaser-box.clearfix .markenwelt.teaser.clearfix p a img { position: static; margin-left: 70%; } article { background: none !important; padding-bottom: 0 !important; } .mondaynut .image, .mondaynut .today img { width: 55%; } .mondaynut .image { height: 400px; } .carousel { width: 78% !important; } body.markenweltShop .teaser-box.clearfix .markenwelt.teaser.clearfix p a img { margin-left: 50%; width: 50%; } } /* ----------------------------------------- @mediaqueries (max-width: 710px) --- */ @media only screen and (max-width: 710px) { header { height: auto; padding-bottom: 150px; } .nav-meta ul li:last-child { display: block; } .nav-main { position: static; height: 105px; background: none; float: left; padding: 0 0 10px 0; margin: 0 0 5px 0; width: 100%; } .nav-main ul li { width: 99.5%; margin: 0 0 5px 5px; float: left; } .nav-main ul li a { color: #fff !important; width: 100%; height: 30px; display: block; padding: 10px 0 5px 0; background: none; float: left; } .nav-main ul li.magazin a { background-color: #ff9900; } .nav-main ul li.ratgeber a { background-color: #33b0be; } .nav-main ul li.markenwelt a { background-color: #cc2c1d; } .nav-main ul li.unterhaltung a { background-color: #7e4b96; } .nav-main ul li.tv a { background-color: #8bb22a; } .nav-main ul li a img { width: 25px; display: block; float: left; padding: 5px; margin: 0 2% 0 0; } .nav-main ul li.magazin a img { top: -8px; position: relative; } .nav-main ul li.ratgeber a img { top: -1px; position: relative; } .nav-main ul li.markenwelt a img { top: -6px; position: relative; } .nav-main ul li.unterhaltung a img { top: -6px; position: relative; } .nav-main ul li.tv a img { top: -6px; position: relative; } body.fr .nav-meta li { font-size: 13px; } body.fr .nav-main ul li a { font-size: 16px; } } /* ----------------------------------------- @mediaqueries (max-width: 700px) --- */ @media only screen and (max-width: 700px) { .social { width: 100%; float: right; margin-top: 10px; } body.register section.col-left { width: 99%; margin-right: 0; } body.register section.col-right { width: 99%; margin-right: 0; } body.register section.col-right aside.teaser-image { width: 100% !important; margin: 0; } form#registration fieldset.formbox.main .formbox.reg_form div span, form#registration fieldset.formbox.main .formbox.reg_form div strong, form#registration fieldset.formbox.main .formbox.reg_form div label { width: 100%; margin: 0; } form#registration fieldset.formbox.main #dk_container_language, form#registration fieldset.formbox.main #dk_container_kids, form#registration fieldset.formbox.main #dk_container_hhsize { margin-left: 0 !important; } form#registration fieldset.formbox.main .formbox.reg_form div div.radio { margin: -5px 0 0 42%; } body.unterhaltung .formbox h2 { margin-bottom: 30px !important; } .washing_items .teaser-box.clearfix .teaserTemplatearticle_teaserhigh_head_content { width: 100%; padding-bottom: 10px !important; } .washing_items .teaserTemplatearticle_teaserhigh_head_content .attachement-top { width: 20%; margin: 0 6% 0 0 !important; } .washing_items .teaserTemplatearticle_teaserhigh_head_content .teaserText { width: 70%; float: left; margin: 15px 0 0 0; } } /* ----------------------------------------- @mediaqueries (max-width: 680px) --- */ @media only screen and (max-width: 680px) { #click_mostReadChilds, #click_bestRatedChilds { text-align: center; width: 50%; float: left; top: -5px; } body.flecken .canvas section.col-right-wide aside.widthMax645 { width: 90% !important; margin: 0; background-color: #33b0be; border: none; } #gsContent #gsContent2 table tbody tr td { width: 55% !important; } #gsContent #gsContent2 table tbody tr td img { width: auto !important; } body.frage aside { width: auto; } body.frage aside form input.text { width: 90% !important; } } /* ----------------------------------------- @mediaqueries (max-width: 660px) --- */ @media only screen and (max-width: 660px) { .teaser.valassis-coupon-teaser, .teaser.valassis-coupon-teaser h3 a.more { color: inherit; } body.nutoftheweek section.col-left, body.nutoftheweek section.col-right { float: left; width: 98%; left: 1%; } body.nutoftheweek aside.widthMax645.teaser-newsletter, body.nutoftheweek form#form_nussderwoche { width: 100% !important; } body.horoskop img.attachement-right { width: 460px; } body.horoskop section.col-left, body.horoskop section.col-right { float: left; margin-left: 1%; width: 98% !important; } body.horoskop .article-no-bg ul li { list-style: none; width: 32%; } body.horoskop aside.grey { background-color: #f2f2f2; position: absolute; top: 20px; padding: 20px; width: 90%; z-index: 5000; border: 1px solid #cdcdcd; display: none; } body.horoskop aside.grey a.hide_zodiac { display: block; float: left; } body.horoskop aside .copy.current.static.widthFullImp { width: 100% !important; } aside.most_read, aside.best_rated { display: block; } aside.most_read_best_rated { display: none; } body.flecken .canvas section.col-right-wide aside.teaser-color div { height: 240px; width: 45% !important; } body.nutoftheweek aside.widthMax645.teaser-newsletter, body.nutoftheweek form#form_nussderwoche { width: 94.5% !important; } } /* ----------------------------------------- @mediaqueries (max-width: 655px) --- */ @media only screen and (max-width: 655px) { body.flecken .canvas section.col-right-wide { background-color: #33b0be; } } /* ----------------------------------------- @mediaqueries (max-width: 650px) --- */ @media only screen and (max-width: 650px) { section.col-right.widthFullImp, aside.teaser.teaser-image .copy.static.widthFullImp, aside.teaser.teaser-image .copy.static.widthFullImp .widthFullImp { width: 100% !important; } header, header .canvas { height: auto; } header { height: auto; padding-bottom: 150px; } .nav-meta ul li:last-child { display: block; } .nav-main { position: static; height: 105px; background: none; float: left; padding: 0 0 10px 0; margin: 0 0 5px 0; width: 100%; } .nav-main ul li { width: 99.5%; margin: 0 0 5px 5px; float: left; } .nav-main ul li a { color: #fff !important; width: 100%; height: 30px; display: block; padding: 10px 0 5px 0; background: none; float: left; } .nav-main ul li.magazin a { background-color: #ff9900; } .nav-main ul li.ratgeber a { background-color: #33b0be; } .nav-main ul li.markenwelt a { background-color: #cc2c1d; } .nav-main ul li.unterhaltung a { background-color: #7e4b96; } .nav-main ul li.tv a { background-color: #8bb22a; } .nav-main ul li.tv a { background-color: #8bb22a; } .nav-main ul li a img { width: 25px; display: block; float: left; padding: 5px; margin: 0 2% 0 0; } .nav-main ul li.magazin a img { top: -8px; position: relative; } .nav-main ul li.ratgeber a img { top: -1px; position: relative; } .nav-main ul li.markenwelt a img { top: -6px; position: relative; } .nav-main ul li.unterhaltung a img { top: -6px; position: relative; } .teaser-box { float: left; } body.markenwelt .teaser-box { width: 100%; } #brands { width: 10%; margin-top: 20px; float: right; } .brands a { width: 90%; clear: both; } body.ecards .col-single { width: 100%; float: left; } .columns .canvas { width: 89%; clear: left; float: left; } .columns .canvas .canvas { width: 100%; } section.col-left { width: 99%; } span.fillitup { width: 100% !important; float: left !important; } span.fillitup ul { display: block; } body.gewinnspiel .col-single-large .teaser-box { width: 100%; } body.flecken .content .columns .canvas { width: 88% !important; clear: left; } #comment, body.ecards .col-single .image, body.ecards .today img, body.ecards textarea, body.ecards input { max-width: 95% !important; left: 0; } .teaser-box { width: 100%; } body.markenwelt .teaser.teaser-color { width: 90%; } .attachement-right, .imageRight { height: auto; float: left; margin: 0 20px 0 0 !important; } body.frage section.col-left .imageRight { width: 35%; height: auto; float: left; margin: 0 !important; position: static !important; } body.erste img.attachement-right { float: right; margin: 0 0 10px 10px; } body.frage section.col-left, body.frage section.col-right { width: 98%; } body.frage .col-single-large .teaser-box-double .teaser-half { width: 97% !important; } .tools { clear: both; } body.survey article img.imageRight { width: 200px !important; height: auto; margin: 10px; } body.marken .teaser-half span { display: none; } body.marken #brands { display: none; } body.marken .teaser-half h2 { font: normal 1.1em/1.2em 'Century Gothic','Verdana',sans-serif; margin: 0 0 10px 10px; } body.marken .teaser-half a.more { font: normal 1em/1.2em 'Century Gothic','Verdana',sans-serif; padding: 0 0 10px 10px; display: block; } body.marken .columns .canvas { width: 100%; } body.marken .teaser-box-last, body.marken .teaser-box:last-child { padding: 0 0 20px 0; } #shadow_top { display: none; } body.ratgeber.frage section .teaser.teaser-half.clearfix { width: 100% !important; } body.ratgeber .col-right .teaser-color { margin-top: 0; width: 90%; } body.ratgeber.frage .col-right .teaser-color { width: 85%; } body.ratgeber.frage a.button { margin: 0 0 20px 0; float: left; } body.order_newsletter aside { float: left !important; width: 94% !important; } fieldset.formbox.main { width: 100%; } form#registration fieldset.formbox.main .formbox.reg_form div input, form#registration fieldset.formbox.main .formbox.reg_form div input#email { width: 90% !important; float: left; margin-top: 5px; } body.home #form_login_default div.registrationArea { width: 100% !important; } body.home #form_login_default .registrationArea strong, body.home #form_login_default .registrationArea .required { width: 100%; float: left; margin: 0 0 10px 0 !important; } body.home #form_login_default .registrationArea input { width: 60% !important; float: left !important; margin: 0 39.9% 10px 0 !important; } body.voting .secrets { width: 99%; } .mondaynut .image { height: auto !important; min-height: 1px !important; } .mondaynut .image, .mondaynut .today img, .mondaynut .copy { width: 100%; float: left; } .mondaynut .copy { margin: 0 0 10px 0; } .mondaynut .image img.visual { width: 100% !important; height: auto; float: left; position: static; margin: 0 0 0 0; } .mondaynut .image p { width: 100%; float: left; margin: 10px 0 0 0; padding: 0; position: static; } .mondaynut .image .nut { right: -20px; bottom: -110px; width: auto; } body.ratgeber .imageRight { margin-right: 30% !important; } .col-left ul li { width: 100%; margin: 0 0 10px 0; list-style: disc; } body.ratgeber .imageRight, .attachement-right, .imageRight, .attachement-left, .imageLeft { width: 300px; position: relative; left: 50%; margin: 0 20px 20px -150px !important; } body.overview .imageRight, body.overview .attachement-right, body.overview .attachement-left, body.overview .imageLeft { width: 47% !important; left: 0 !important; position: relative !important; margin: 0 0 0 0 !important; } body.overview .imageRight, body.overview .attachement-right { float: right; margin-left: 10px !important; } body.overview .attachement-left, body.overview .imageLeft { float: left; margin-right: 20px !important; } form#registration fieldset.formbox { padding: 0; width: 100%; } body.recepies a img.imageContent { float: left; margin: 10px 0 0 0; } body.recepies img.attachement-right { display: none; } body.recepies .teaser-box.clearfix { margin: 10px 0 0 0; } body.markenweltShop .imageRight, body.markenweltShop .attachement-right, body.markenweltShop .imageRight, body.markenweltShop .attachement-left, body.markenweltShop .imageLeft { left: 0; margin: 10px 0 0 0 !important; } body.ratgeber form .registrationArea fieldset.formbox div strong { width: 100%; margin: 0 0 10px 0; } body.ratgeber form .registrationArea fieldset.formbox div input { width: 90% !important; float: left !important; margin: -5px 0 15px !important; } body.ratgeber form .registrationArea fieldset.formbox div div.ez-checkbox, body.ratgeber form .registrationArea fieldset.formbox div div.ez-radio { margin: 0; } .teaser-color a img { display: none !important; } .carousel { width: 72% !important; } body.recepies .teaser-box .teaser-color { padding-bottom: 15px !important; } body.recepies .teaser-box .teaser-color h2, body.recepies .teaser-box .teaser-color .white p { width: -webkit-calc(100% - 10px) !important; width: -moz-calc(100% - 10px) !important; width: calc(100% - 10px) !important; } } /* ----------------------------------------- @mediaqueries (max-width: 645px) --- */ @media only screen and (max-width: 645px) { section.col-right aside:first-child { display: none !important; } body.register section.col-right aside:first-child { display: block !important; } body.register section.col-right aside.teaser-image, body.register section.col-right aside.teaser-image .copy, body.register section.col-right aside.teaser-image .copy ul.default, body.register section.col-right aside.teaser-image .copy ul.default li { display: block; list-style: disc !important; } .copy ul li { width: 93%; } body.markenwelt .teaser-color { width: 100%; } body.markenwelt .teaser-color h2, body.markenwelt .teaser-color p { width: 100%; } body.unterhaltung aside, body.magazin aside, body.markenwelt aside { width: 100%; } body.magazin fieldset.background-layer { width: 92%; } body.markenwelt .teaser-color { width: 95%; } body.flecken .canvas section.col-right-wide aside.widthMax645 { width: 85% !important; margin: 0 !important; padding: 20px !important; border: none; } form#form_unterhaltung, section.col-single-large { width: 98% !important; } form#form_comments input.button { float: left !important; } body.addons .imageRight { margin-left: 10px !important; } body.voting .col-left, body.voting .col-right-wide { width: 99% !important; } body.voting .col-right-wide { margin-top: 10px; float: left; } body.voting .col-right aside.teaser.teaser-color { width: 90%; float: left; } body.voting .article-no-bg { padding-bottom: 10px; } .copy a.button { margin-right: 55%; } } /* ----------------------------------------- @mediaqueries (max-width: 600px) --- */ @media only screen and (max-width: 600px) { .stage { display: none; } .columns .canvas { margin-left: 0; } .teaser-box { width: 99%; } .button{ font: 12px/32px 'Century Gothic',sans-serif,Verdana !important; } .teaser-box a img.attachement-left { width: 50%; } .white { width: 100%; float: left; } section .magazin a img, section .ratgeber a img { width: 50%; } .teaser-box.ratgeber { width: 45%; } .teaser-half img.attachement-top { width: 98%; } .markenwelt .teaser-box .clearfix p a img { margin-left: 67%; } body.markenwelt .teaser-box .markenwelt.teaser { margin-left: 0 !important; } body.frage .teaser-half img { margin-right: 5px; } body.flecken .canvas section.col-right-wide aside { width: 98% !important; margin: 0; border: none; padding-top: 0; } body.flecken .canvas section.col-right-wide aside.teaser-color div a img, #comment { width: 100%; } .content .columns { width: 99% !important; float: left; } .columns .canvas .canvas.clearfix { width: 100%; } .col-single-large .teaser-box-double .teaser-half { width: 95% !important; } img#responsImg { margin-left: 20px; margin-right: 5px; } article h2 { width: 100%; float: left; margin: 10px 0 !important; } ul.arrow { float: left; } #gsContent #gsContent2 table { float: left !important; } body.secrettips span.fillitup div #test_radio { height: 150px; } .formbox .producttest-radio { width: 95% !important; height: auto !important; float: left; clear: none; } body.markenweltShop .teaser-box.clearfix .teaser-half { width: 100% !important; } body.markenweltShop .teaser-box.clearfix .teaser-half img, body.markenweltShop .teaser-box .markenwelt p a img { position: static !important; width: auto !important; height: auto !important; max-width: 100%; } body.markenweltShop.de a.more { float: none; margin: 0 0 10px 0; } body.markenweltShop .teaser-box.clearfix .markenwelt.teaser.clearfix p a img { width: 80%; } body.markenweltShop article img.imageRight { width: 35%; } body.markenweltShop section.col-single .imageRight { width: auto; max-width: 100%; margin: 0 100% 10px 0 !important; float: left; } body.markenweltShop .teaser-half h2 { font: bold 14px/16px 'Century Gothic','Verdana',sans-serif; } body.markenweltShop .teaser-half h2, body.markenweltShop .teaser-half p { margin-left: 10px; } body.markenweltShop .teaser-box.clearfix .teaser-half { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; float: left !important; margin: 0 0.5% 0 0 !important; padding-bottom: 10px !important; width: 32.5% !important; } body.markenweltShop .teaser-box.clearfix .markenwelt.teaser.clearfix p a img { margin-left: 0; } body.markenweltShop .teaser-box.clearfix .teaser-half p { font-size: 12px; text-overflow: ellipsis; overflow: hidden; width: 90% !important; } } /* ----------------------------------------- @mediaqueries (max-width: 570px) --- */ @media only screen and (max-width: 570px) { form fieldset .registrationArea span { float: left; width: 95%; } body.lifetimesCH .nsa.barcode p.barcodetext, body.lifetimes .nsa.barcode p.barcodetext { width: 100%; } a.dk_toggle { padding: 6px 0 !important; } body.markenwelt a.dk_toggle, body.horoskop a.dk_toggle { white-space: nowrap; padding: 0 !important; } body.lifetimesCH .dosage_order span, body.lifetimes .dosage_order span, body.lifetimesCH .dosage_order label, body.lifetimes .dosage_order label { margin: 0 !important; } .carousel { width: 69% !important; } } /* ----------------------------------------- @mediaqueries (max-width: 535px) --- */ @media only screen and (max-width: 535px) { .agb-wrapper { margin-top: 15px; } .teaser-half { width: 100%; } .teaser-box, .col-single-large .teaser-half { width: 100%; margin-bottom: 0; padding: 0 0 10px 0; } .teaser-box .teaser-color { margin-bottom: 20px; border-bottom: 1px solid #d3d3d3; } .teaser-box { padding: 0; background: none; } .teaser-box .teaser { margin-bottom: 10px; } .teaser-box .teaser:last-child { border: none; } .teaser-half h2 { float: left; width: 99%; margin-left: 0; } .teaser-color a img.attachement-left, .teaser-color a img.attachement-top, .teaser-color a img.attachement-right { display: none !important; } .teaser-box p:last-child, .teaser-box a img.attachement-right { display: block; } .teaser-box .teaser-half p:last-child { margin-bottom: 0 !important; } .teaser-box .teaser-half br { display: none; } body.markenweltShop .teaser-box .teaser-half br { display: block; } aside .copy { font-size: 13px; } body.markenwelt .teaser-box { width: 100%; float: left; margin: 0; } body.unterhaltung aside, body.magazin aside { width: 100%; } body.markenwelt .col-left .markenwelt a img.attachement-left { float: right; margin:0 0 0 5px; } body.markenwelt .teaser-box h2, body.markenwelt .teaser-box p { min-width: 50%; margin-right: 10px; } body.markenwelt .attachement-right { width: 43%; float: left; margin: 0 10px 0 0; } .article-no-bg .teaser-color p { width: 100%; } .article-no-bg .teaser-color p span { float: left; margin: 0 5px 0 0; } #dieBestenLeft div { width: 80% !important; } .nav-main ul li { width: 99%; } .formbox input.text, .formbox textarea { width: 90%; } .rating { width: auto; } .tools { clear: none; float: right; } .rating-count, .sharing .share { float: left; } .rating p { clear: none; float: left; margin-left: 10px; } .tools a.print { display: none; } body.overview .imageRight, body.overview .attachement-top, body.overview .attachement-right, body.overview .attachement-left, body.overview .imageLeft { width: 100% !important; position: static !important; margin: 10px 0 5px 0 !important; } p, h2, .h2 { margin: 0 0 5px 0; } } /* ----------------------------------------- @mediaqueries (max-width: 520px) --- */ @media only screen and (max-width: 520px) { body.lifetimesCH form#registration input.text, body.lifetimesCH #dk_container_country, body.lifetimes form#registration input.text, body.lifetimes #dk_container_country { width: 92%; } body.lifetimesCH .dosage_order label, body.lifetimes .dosage_order label { float: left !important; width: 95% !important; margin: -15px 0 10px 5px !important; } body.lifetimesCH .dosage_order.radio label, body.lifetimes .dosage_order.radio label { width: 10% !important; } body.lifetimesCH .dosage_order.radio span, body.lifetimes .dosage_order.radio span { width: 35% !important; margin: 0 0 10px 5px; } body.lifetimesCH.fr .dosage_order.radio label { width: 16% !important; } .carousel { width: 65% !important; } } /* ----------------------------------------- @mediaqueries (max-width: 500px) --- */ @media only screen and (max-width: 500px) { .comments .layer { left: 1%; top: 0; width: 98%; margin: 0; } body.horoskop img.attachement-right { width: 100%; } .nav-main ul li { width: 99%; } body.order_newsletter .col-single-large .teaser-half { width: 100%; } h1 { font: 20px/25px 'Century Gothic','Verdana',sans-serif; } h2 { font: 18px/23px 'Century Gothic','Verdana',sans-serif; } body.ratgeber section.col-single-large .teaser-box .teaser-half { width: 100%; } #commentAndRating .col-left h3 { width: 100%; float: left; } table.sudoku_game { width: 100% !important; height: 100% !important; } .sudoku_game input { width: 100% !important; height: 50%; } .mondaynut .image .nut { width: 105px; } } /* ----------------------------------------- @mediaqueries (max-width: 475px) --- */ @media only screen and (max-width: 475px) { .canvas { margin-left: 0; } header.canvas { margin-left: 5px; } .nav-main { margin-left: 5px; width: 100%; } .logo img { margin-top: 10px; margin-left: 5px !important; } .nav-meta .login { margin-top: 4%; padding-right: 25px; } img#responsImg { width: 10%; margin-left: 0; margin-right: 0; } .nav-main ul li a img { margin-right: 1% !important; } .nav-main ul li.magazin a img { top: -5px; position: relative; } .nav-main ul li.ratgeber a img { top: 0; position: relative; } .nav-main ul li.markenwelt a img { top: -4px; position: relative; } .nav-main ul li.unterhaltung a img { top: -3px; position: relative; } .nav-main ul li a img { width: 20px; } .nav-main a { font-size: 14px; } body.fr .nav-main ul li a { font-size: 12px; } .unterhaltung a img { width: 100%; } .teaser-half { width: 99%; } .teaser-half a img { width: 47%; } article img { width: 99%; height: auto; margin-bottom: 10px; } body.addons .imageRight { width: auto; } body.markenwelt .teaser-half img.attachement-top { width: 100%; } body.markenwelt .teaser-box h2, body.markenwelt .teaser-box p { width: 100% !important; } body.frage .teaser-half img { display: none; } body.frage .teaser-half h2, body.frage .teaser-half ul.arrow { height: auto !important; width: 98% !important; margin: 0 0 0 2% !important; float: left !important; } body.frage .teaser-half h2 { padding-top: 10px; } body.frage .teaser-half ul.arrow { padding-bottom: 10px; } .nav-meta .de_fr { margin-top: 5%; } body.order_newsletter aside { float: left !important; width: 90% !important; } .sharing .share { margin: 0 1% 3% 0; width: 35%; } body.markenwelt .teaser-box .markenwelt.teaser { margin-left: 0 !important; width: 100% !important; } #gsContent #gsContent2 table tbody tr td span { display: none; } #gsContent #gsContent2 table tbody tr td { width: 70% !important; } body.voting .col-right aside.teaser.teaser-color { width: 85%; } .mondaynut .image .nut { bottom: -80px; } #gsContent #gsContent2 table tbody tr td:first-child { width: 80% !important; } .carousel { width: 60% !important; } body.horoskop .article-no-bg ul li { width: 49%; } } /* ----------------------------------------- @mediaqueries (max-width: 450px) --- */ @media only screen and (max-width: 450px) { .washing_items .teaserTemplatearticle_teaserhigh_head_content .teaserText { font: normal 0.8125rem/1rem 'Verdana', 'Arial', sans-serif; margin-top: 5px; } } /* ----------------------------------------- @mediaqueries (max-width: 435px) --- */ @media only screen and (max-width: 435px) { .copyright { float:left; display: block; padding-left:70px; background:url('/themes/hlt/images/sprites.png') -247px -100px no-repeat; font-size: 0.8em; } body.fr .nav-main ul li a { font-size: 10px; } body.fr.lifetimesCH .dk_container { width: 75% !important; } body.fr.lifetimesCH .dk_container a.dk_toggle { width: 100% !important; } body.horoskop .article-no-bg ul li img { margin: 0 70% 0 0; } body.horoskop .article-no-bg ul li h2 { padding: 0; margin: 0 !important; width: 100%; } body.horoskop .article-no-bg ul li p { margin: 5px 0 0 0; float: left; } body.flecken .canvas section.col-right-wide aside.teaser-color div { height: auto; width: 100% !important; margin-bottom: 10px; } #test_radio { font-size: 13px !important; } #test_radio h3 { font-size: 17px !important; } body.addons .imageRight { float: left; margin-right: 40% !important; } body.nutoftheweek aside.widthMax645.teaser-newsletter, body.nutoftheweek form#form_nussderwoche, form#form_horoskop fieldset div { width: 93% !important; } form#form_horoskop fieldset div.ez-checkbox { width: 24px !important; } img.barcode { width: 42%; float: right; } .layer.layer-comment input.submit { margin: 10px 0 10px 0; } } /* ----------------------------------------- @mediaqueries (max-width: 420px) --- */ @media only screen and (max-width: 420px) { .test_img { margin-right: 100%; } body.survey fieldset h2 { margin: 0 0 20px 0; float: left; } body.survey fieldset div div { padding: 0 !important; } body.survey fieldset div div label { width: 100% !important; float: left; margin: 0 0 10px 0 !important; padding: 0 0 10px 0 !important; } #sound_wrapper { width: 90% !important; } #test_radio audio { width: 90%; } body.ratgeber form .registrationArea fieldset.formbox div div { width: 100% !important; margin: 0 0 10px 0 !important; } body.ratgeber form .registrationArea fieldset.formbox div div div { width: 40%; margin: 0 !important; } } /* ----------------------------------------- @mediaqueries (max-width: 400px) --- */ @media only screen and (max-width: 400px) { .carousel { width: 57% !important; } .formbox label.inline, .formbox .label.inline { padding-right: 0 !important; } .hlt-social-tooltip { right: -125px; } /* reset for hlt-tv */ .hlttv .hlt-social-tooltip { right: -17px; } .hlt-social-tooltip:after { right: 135px; } /* reset for hlt-tv */ .hlt-social-tooltip:after { right: 27px; } } /* ----------------------------------------- @mediaqueries (max-width: 375px) --- */ @media only screen and (max-width: 375px){ .copyright { font-size: 0.7em; } body.lifetimesCH #dosage_items, body.lifetimes #dosage_items, body.lifetimesCH #dosage_register, body.lifetimes #dosage_register { width: 100%; } body.lifetimesCH .formbox #dosage_items label.left, body.lifetimes .formbox #dosage_items label.left, body.lifetimesCH #dosage_register .left, body.lifetimes #dosage_register .left { width: 33%; } body.lifetimesCH .dosage_order span, body.lifetimes .dosage_order span { width: 35%; } form#registration fieldset.formbox.main .formbox.reg_form div div.radio { margin: -5px auto 0 auto; } body.lifetimes .dk_container a.dk_toggle span.dk_label { font-size: 12px; } .sharing .share { width: 45%; } .teaser-newsletter input.text { width: 80%; } body.ratgeber .imageRight, .attachement-right, .imageRight, .attachement-left, .imageLeft { width: 100%; left: 0; margin: 0 20px 20px 0 !important; position: relative; } #test_radio { height: 150px !important; width: 90% !important; } .carousel { width: 50% !important; } #teaserPage433 a img { width: 100% !important; } .pager a { width: 25px; } .pager li.pagination--start, .pager a.prev { background-position: -123px -150px !important; } .pager li.pagination--start, .pager a.next { background-position: -151px -150px !important; } } /* ----------------------------------------- @mediaqueries (END) --- */