:root { --color-primary:#e4007b; /* --color-primary-dark: ; */ --color-primary-light:#FFE1F2; --color-primary-lighter: #fce5f2; /* --color-secondary: ; */ --color-alert: #990000; --color-bodytext: #2a2f31; --color-gray: #7c7c7c; --color-gray-alt: #e7e7e7; --color-shadow: rgba(41,41,41,0.16); /* --color-primary-darkmode:; --color-primary-dark-darkmode:; --color-gray-darkmode:; --color-bodytext-darkmode:; */ } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { border: 0; font-size: 100%; font: inherit; vertical-align: top; margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:after, blockquote:before, q:after, q:before { content: none; } table { border-collapse: collapse; border-spacing: 0; } a { text-decoration: none; } a:active, a:hover { outline: 0; } @keyframes fixedNav { from { top: -44px; } to { top: 0; } } @keyframes archive { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeInFromNoneHalf { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 0.5; } } @keyframes fadeOutToNoneHalf { 0% { display: block; opacity: 0.5; } 99% { display: block; opacity: 0; } 100% { display: none; opacity: 0; } } @keyframes fadeInFromNone { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } @keyframes fadeOutToNone { 0% { display: block; opacity: 1; } 99% { display: block; opacity: 0; } 100% { display: none; opacity: 0; } } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; font-display: fallback; src: url(../fonts/roboto/roboto-condensed-v16-latin-regular.eot); src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(../fonts/roboto/roboto-condensed-v16-latin-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto/roboto-condensed-v16-latin-regular.woff2) format("woff2"), url(../fonts/roboto/roboto-condensed-v16-latin-regular.woff) format("woff"), url(../fonts/roboto/roboto-condensed-v16-latin-regular.ttf) format("truetype"), url(../fonts/roboto/roboto-condensed-v16-latin-regular.svg#RobotoCondensed) format("svg"); } @font-face { font-family: "Roboto Condensed"; font-style: bold; font-weight: 700; font-display: fallback; src: url(../fonts/roboto/roboto-condensed-v16-latin-700.eot); src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(../fonts/roboto/roboto-condensed-v16-latin-700.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto/roboto-condensed-v16-latin-700.woff2) format("woff2"), url(../fonts/roboto/roboto-condensed-v16-latin-700.woff) format("woff"), url(../fonts/roboto/roboto-condensed-v16-latin-700.ttf) format("truetype"), url(../fonts/roboto/roboto-condensed-v16-latin-700.svg#RobotoCondensed) format("svg"); } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; src: url(../fonts/roboto/roboto-v20-latin-regular.eot); src: local(""), url(../fonts/roboto/roboto-v20-latin-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto/roboto-v20-latin-regular.woff2) format("woff2"), url(../fonts/roboto/roboto-v20-latin-regular.woff) format("woff"), url(../fonts/roboto/roboto-v20-latin-regular.ttf) format("truetype"), url(../fonts/roboto/roboto-v20-latin-regular.svg#Roboto) format("svg"); } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; src: url(../fonts/roboto/roboto-v20-latin-500.eot); src: local(""), url(../fonts/roboto/roboto-v20-latin-500.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto/roboto-v20-latin-500.woff2) format("woff2"), url(../fonts/roboto/roboto-v20-latin-500.woff) format("woff"), url(../fonts/roboto/roboto-v20-latin-500.ttf) format("truetype"), url(../fonts/roboto/roboto-v20-latin-500.svg#Roboto) format("svg"); } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; src: url(../fonts/roboto/roboto-v20-latin-700.eot); src: local(""), url(../fonts/roboto/roboto-v20-latin-700.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto/roboto-v20-latin-700.woff2) format("woff2"), url(../fonts/roboto/roboto-v20-latin-700.woff) format("woff"), url(../fonts/roboto/roboto-v20-latin-700.ttf) format("truetype"), url(../fonts/roboto/roboto-v20-latin-700.svg#Roboto) format("svg"); } @font-face { font-family: Iconfont; src: url(../fonts/iconfont.eot); src: url(../fonts/iconfont.eot) format("embedded-opentype"), url(../fonts/iconfont.woff) format("woff"), url(../fonts/iconfont.ttf) format("truetype"), url(../fonts/iconfont.svg) format("svg"); font-weight: 400; font-style: normal; } [data-layout="desktop"] .rsArrowIcn, [data-layout="desktop"] .rsFullscreenIcn, [data-layout="desktop"] .rsThumbsArrowIcn, [data-layout="desktop"] .sbToggle, [data-layout="desktop"] .writecomment-wrapper, [data-layout="desktop"] [class*=" icon-"], [data-layout="desktop"] [class^="icon-"], [data-layout="mobile"] .rsArrowIcn, [data-layout="mobile"] .rsFullscreenIcn, [data-layout="mobile"] .rsThumbsArrowIcn, [data-layout="mobile"] .sbToggle, [data-layout="mobile"] .writecomment-wrapper, [data-layout="mobile"] [class*=" icon-"], [data-layout="mobile"] [class^="icon-"], [data-layout="tablet"] .rsArrowIcn, [data-layout="tablet"] .rsFullscreenIcn, [data-layout="tablet"] .rsThumbsArrowIcn, [data-layout="tablet"] .sbToggle, [data-layout="tablet"] .writecomment-wrapper, [data-layout="tablet"] [class*=" icon-"], [data-layout="tablet"] [class^="icon-"] { font-family: iconfont; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; position: relative; vertical-align: top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [data-layout="desktop"] .rsArrowIcn.arrow-up, [data-layout="desktop"] .rsArrowIcn.thumb-up, [data-layout="desktop"] .rsFullscreenIcn.arrow-up, [data-layout="desktop"] .rsFullscreenIcn.thumb-up, [data-layout="desktop"] .rsThumbsArrowIcn.arrow-up, [data-layout="desktop"] .rsThumbsArrowIcn.thumb-up, [data-layout="desktop"] .sbToggle.arrow-up, [data-layout="desktop"] .sbToggle.thumb-up, [data-layout="desktop"] .writecomment-wrapper.arrow-up, [data-layout="desktop"] .writecomment-wrapper.thumb-up, [data-layout="desktop"] [class*=" icon-"].arrow-up, [data-layout="desktop"] [class*=" icon-"].thumb-up, [data-layout="desktop"] [class^="icon-"].arrow-up, [data-layout="desktop"] [class^="icon-"].thumb-up, [data-layout="mobile"] .rsArrowIcn.arrow-up, [data-layout="mobile"] .rsArrowIcn.thumb-up, [data-layout="mobile"] .rsFullscreenIcn.arrow-up, [data-layout="mobile"] .rsFullscreenIcn.thumb-up, [data-layout="mobile"] .rsThumbsArrowIcn.arrow-up, [data-layout="mobile"] .rsThumbsArrowIcn.thumb-up, [data-layout="mobile"] .sbToggle.arrow-up, [data-layout="mobile"] .sbToggle.thumb-up, [data-layout="mobile"] .writecomment-wrapper.arrow-up, [data-layout="mobile"] .writecomment-wrapper.thumb-up, [data-layout="mobile"] [class*=" icon-"].arrow-up, [data-layout="mobile"] [class*=" icon-"].thumb-up, [data-layout="mobile"] [class^="icon-"].arrow-up, [data-layout="mobile"] [class^="icon-"].thumb-up, [data-layout="tablet"] .rsArrowIcn.arrow-up, [data-layout="tablet"] .rsArrowIcn.thumb-up, [data-layout="tablet"] .rsFullscreenIcn.arrow-up, [data-layout="tablet"] .rsFullscreenIcn.thumb-up, [data-layout="tablet"] .rsThumbsArrowIcn.arrow-up, [data-layout="tablet"] .rsThumbsArrowIcn.thumb-up, [data-layout="tablet"] .sbToggle.arrow-up, [data-layout="tablet"] .sbToggle.thumb-up, [data-layout="tablet"] .writecomment-wrapper.arrow-up, [data-layout="tablet"] .writecomment-wrapper.thumb-up, [data-layout="tablet"] [class*=" icon-"].arrow-up, [data-layout="tablet"] [class*=" icon-"].thumb-up, [data-layout="tablet"] [class^="icon-"].arrow-up, [data-layout="tablet"] [class^="icon-"].thumb-up { transform: none; -o-transform: none; -ms-transform: none; -moz-transform: none; -webkit-transform: none; display: inline-block; line-height: inherit; } [data-layout="desktop"] .rsArrowIcn.arrow-right, [data-layout="desktop"] .rsArrowIcn.thumb-right, [data-layout="desktop"] .rsFullscreenIcn.arrow-right, [data-layout="desktop"] .rsFullscreenIcn.thumb-right, [data-layout="desktop"] .rsThumbsArrowIcn.arrow-right, [data-layout="desktop"] .rsThumbsArrowIcn.thumb-right, [data-layout="desktop"] .sbToggle.arrow-right, [data-layout="desktop"] .sbToggle.thumb-right, [data-layout="desktop"] .writecomment-wrapper.arrow-right, [data-layout="desktop"] .writecomment-wrapper.thumb-right, [data-layout="desktop"] [class*=" icon-"].arrow-right, [data-layout="desktop"] [class*=" icon-"].thumb-right, [data-layout="desktop"] [class^="icon-"].arrow-right, [data-layout="desktop"] [class^="icon-"].thumb-right, [data-layout="mobile"] .rsArrowIcn.arrow-right, [data-layout="mobile"] .rsArrowIcn.thumb-right, [data-layout="mobile"] .rsFullscreenIcn.arrow-right, [data-layout="mobile"] .rsFullscreenIcn.thumb-right, [data-layout="mobile"] .rsThumbsArrowIcn.arrow-right, [data-layout="mobile"] .rsThumbsArrowIcn.thumb-right, [data-layout="mobile"] .sbToggle.arrow-right, [data-layout="mobile"] .sbToggle.thumb-right, [data-layout="mobile"] .writecomment-wrapper.arrow-right, [data-layout="mobile"] .writecomment-wrapper.thumb-right, [data-layout="mobile"] [class*=" icon-"].arrow-right, [data-layout="mobile"] [class*=" icon-"].thumb-right, [data-layout="mobile"] [class^="icon-"].arrow-right, [data-layout="mobile"] [class^="icon-"].thumb-right, [data-layout="tablet"] .rsArrowIcn.arrow-right, [data-layout="tablet"] .rsArrowIcn.thumb-right, [data-layout="tablet"] .rsFullscreenIcn.arrow-right, [data-layout="tablet"] .rsFullscreenIcn.thumb-right, [data-layout="tablet"] .rsThumbsArrowIcn.arrow-right, [data-layout="tablet"] .rsThumbsArrowIcn.thumb-right, [data-layout="tablet"] .sbToggle.arrow-right, [data-layout="tablet"] .sbToggle.thumb-right, [data-layout="tablet"] .writecomment-wrapper.arrow-right, [data-layout="tablet"] .writecomment-wrapper.thumb-right, [data-layout="tablet"] [class*=" icon-"].arrow-right, [data-layout="tablet"] [class*=" icon-"].thumb-right, [data-layout="tablet"] [class^="icon-"].arrow-right, [data-layout="tablet"] [class^="icon-"].thumb-right { display: inline-block; line-height: inherit; } [data-layout="desktop"] .rsArrowIcn.arrow-down, [data-layout="desktop"] .rsArrowIcn.thumb-down, [data-layout="desktop"] .rsFullscreenIcn.arrow-down, [data-layout="desktop"] .rsFullscreenIcn.thumb-down, [data-layout="desktop"] .rsThumbsArrowIcn.arrow-down, [data-layout="desktop"] .rsThumbsArrowIcn.thumb-down, [data-layout="desktop"] .sbToggle.arrow-down, [data-layout="desktop"] .sbToggle.thumb-down, [data-layout="desktop"] .writecomment-wrapper.arrow-down, [data-layout="desktop"] .writecomment-wrapper.thumb-down, [data-layout="desktop"] [class*=" icon-"].arrow-down, [data-layout="desktop"] [class*=" icon-"].thumb-down, [data-layout="desktop"] [class^="icon-"].arrow-down, [data-layout="desktop"] [class^="icon-"].thumb-down, [data-layout="mobile"] .rsArrowIcn.arrow-down, [data-layout="mobile"] .rsArrowIcn.thumb-down, [data-layout="mobile"] .rsFullscreenIcn.arrow-down, [data-layout="mobile"] .rsFullscreenIcn.thumb-down, [data-layout="mobile"] .rsThumbsArrowIcn.arrow-down, [data-layout="mobile"] .rsThumbsArrowIcn.thumb-down, [data-layout="mobile"] .sbToggle.arrow-down, [data-layout="mobile"] .sbToggle.thumb-down, [data-layout="mobile"] .writecomment-wrapper.arrow-down, [data-layout="mobile"] .writecomment-wrapper.thumb-down, [data-layout="mobile"] [class*=" icon-"].arrow-down, [data-layout="mobile"] [class*=" icon-"].thumb-down, [data-layout="mobile"] [class^="icon-"].arrow-down, [data-layout="mobile"] [class^="icon-"].thumb-down, [data-layout="tablet"] .rsArrowIcn.arrow-down, [data-layout="tablet"] .rsArrowIcn.thumb-down, [data-layout="tablet"] .rsFullscreenIcn.arrow-down, [data-layout="tablet"] .rsFullscreenIcn.thumb-down, [data-layout="tablet"] .rsThumbsArrowIcn.arrow-down, [data-layout="tablet"] .rsThumbsArrowIcn.thumb-down, [data-layout="tablet"] .sbToggle.arrow-down, [data-layout="tablet"] .sbToggle.thumb-down, [data-layout="tablet"] .writecomment-wrapper.arrow-down, [data-layout="tablet"] .writecomment-wrapper.thumb-down, [data-layout="tablet"] [class*=" icon-"].arrow-down, [data-layout="tablet"] [class*=" icon-"].thumb-down, [data-layout="tablet"] [class^="icon-"].arrow-down, [data-layout="tablet"] [class^="icon-"].thumb-down { transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); display: inline-block; line-height: inherit; } [data-layout="desktop"] .rsArrowIcn.arrow-left, [data-layout="desktop"] .rsArrowIcn.thumb-left, [data-layout="desktop"] .rsFullscreenIcn.arrow-left, [data-layout="desktop"] .rsFullscreenIcn.thumb-left, [data-layout="desktop"] .rsThumbsArrowIcn.arrow-left, [data-layout="desktop"] .rsThumbsArrowIcn.thumb-left, [data-layout="desktop"] .sbToggle.arrow-left, [data-layout="desktop"] .sbToggle.thumb-left, [data-layout="desktop"] .writecomment-wrapper.arrow-left, [data-layout="desktop"] .writecomment-wrapper.thumb-left, [data-layout="desktop"] [class*=" icon-"].arrow-left, [data-layout="desktop"] [class*=" icon-"].thumb-left, [data-layout="desktop"] [class^="icon-"].arrow-left, [data-layout="desktop"] [class^="icon-"].thumb-left, [data-layout="mobile"] .rsArrowIcn.arrow-left, [data-layout="mobile"] .rsArrowIcn.thumb-left, [data-layout="mobile"] .rsFullscreenIcn.arrow-left, [data-layout="mobile"] .rsFullscreenIcn.thumb-left, [data-layout="mobile"] .rsThumbsArrowIcn.arrow-left, [data-layout="mobile"] .rsThumbsArrowIcn.thumb-left, [data-layout="mobile"] .sbToggle.arrow-left, [data-layout="mobile"] .sbToggle.thumb-left, [data-layout="mobile"] .writecomment-wrapper.arrow-left, [data-layout="mobile"] .writecomment-wrapper.thumb-left, [data-layout="mobile"] [class*=" icon-"].arrow-left, [data-layout="mobile"] [class*=" icon-"].thumb-left, [data-layout="mobile"] [class^="icon-"].arrow-left, [data-layout="mobile"] [class^="icon-"].thumb-left, [data-layout="tablet"] .rsArrowIcn.arrow-left, [data-layout="tablet"] .rsArrowIcn.thumb-left, [data-layout="tablet"] .rsFullscreenIcn.arrow-left, [data-layout="tablet"] .rsFullscreenIcn.thumb-left, [data-layout="tablet"] .rsThumbsArrowIcn.arrow-left, [data-layout="tablet"] .rsThumbsArrowIcn.thumb-left, [data-layout="tablet"] .sbToggle.arrow-left, [data-layout="tablet"] .sbToggle.thumb-left, [data-layout="tablet"] .writecomment-wrapper.arrow-left, [data-layout="tablet"] .writecomment-wrapper.thumb-left, [data-layout="tablet"] [class*=" icon-"].arrow-left, [data-layout="tablet"] [class*=" icon-"].thumb-left, [data-layout="tablet"] [class^="icon-"].arrow-left, [data-layout="tablet"] [class^="icon-"].thumb-left { transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); display: inline-block; line-height: inherit; } [data-layout="desktop"] .icon-arrow-1:before, [data-layout="mobile"] .icon-arrow-1:before, [data-layout="tablet"] .icon-arrow-1:before { content: "\e919"; } [data-layout="desktop"] .icon-arrow-2:before, [data-layout="mobile"] .icon-arrow-2:before, [data-layout="tablet"] .icon-arrow-2:before { content: "\e90a"; } [data-layout="desktop"] .icon-arrow-3:before, [data-layout="mobile"] .icon-arrow-3:before, [data-layout="tablet"] .icon-arrow-3:before { content: "\e919"; } [data-layout="desktop"] .icon-arrow-4:before, [data-layout="mobile"] .icon-arrow-4:before, [data-layout="tablet"] .icon-arrow-4:before { content: "\e90a"; } [data-layout="desktop"] .icon-check:before, [data-layout="mobile"] .icon-check:before, [data-layout="tablet"] .icon-check:before { content: "\e91b"; } [data-layout="desktop"] .icon-checkmark:before, [data-layout="mobile"] .icon-checkmark:before, [data-layout="tablet"] .icon-checkmark:before { content: "\e91b"; } [data-layout="desktop"] .icon-close:before, [data-layout="mobile"] .icon-close:before, [data-layout="tablet"] .icon-close:before { content: "\e925"; } [data-layout="desktop"] .icon-comment:before, [data-layout="mobile"] .icon-comment:before, [data-layout="tablet"] .icon-comment:before { content: "\e91f"; } [data-layout="desktop"] .icon-euro:before, [data-layout="mobile"] .icon-euro:before, [data-layout="tablet"] .icon-euro:before { content: "\e907"; } [data-layout="desktop"] .icon-event:before, [data-layout="mobile"] .icon-event:before, [data-layout="tablet"] .icon-event:before { content: "\e909"; } [data-layout="desktop"] .icon-facebook:before, [data-layout="mobile"] .icon-facebook:before, [data-layout="tablet"] .icon-facebook:before { content: "\e619"; } [data-layout="desktop"] .icon-gmap-pin:before, [data-layout="mobile"] .icon-gmap-pin:before, [data-layout="tablet"] .icon-gmap-pin:before { content: "\e91d"; } [data-layout="desktop"] .icon-gplus:before, [data-layout="mobile"] .icon-gplus:before, [data-layout="tablet"] .icon-gplus:before { content: "\e90d"; } [data-layout="desktop"] .icon-home:before, [data-layout="mobile"] .icon-home:before, [data-layout="tablet"] .icon-home:before { content: "\e906"; } [data-layout="desktop"] .icon-mail:before, [data-layout="mobile"] .icon-mail:before, [data-layout="tablet"] .icon-mail:before { content: "\e924"; } [data-layout="desktop"] .icon-menu:before, [data-layout="mobile"] .icon-menu:before, [data-layout="tablet"] .icon-menu:before { content: "\e910"; } [data-layout="desktop"] .icon-picture:before, [data-layout="mobile"] .icon-picture:before, [data-layout="tablet"] .icon-picture:before { content: "\e904"; } [data-layout="desktop"] .icon-print:before, [data-layout="mobile"] .icon-print:before, [data-layout="tablet"] .icon-print:before { content: "\e91e"; } [data-layout="desktop"] .icon-refresh:before, [data-layout="mobile"] .icon-refresh:before, [data-layout="tablet"] .icon-refresh:before { content: "\e816"; } [data-layout="desktop"] .icon-reply:before, [data-layout="mobile"] .icon-reply:before, [data-layout="tablet"] .icon-reply:before { content: "\e91c"; } [data-layout="desktop"] .icon-resize:before, [data-layout="mobile"] .icon-resize:before, [data-layout="tablet"] .icon-resize:before { content: "\e908"; } [data-layout="desktop"] .icon-search:before, [data-layout="mobile"] .icon-search:before, [data-layout="tablet"] .icon-search:before { content: "\e902"; } [data-layout="desktop"] .icon-skip-arrow-down:before, [data-layout="mobile"] .icon-skip-arrow-down:before, [data-layout="tablet"] .icon-skip-arrow-down:before { content: "\e90c"; } [data-layout="desktop"] .icon-skip-arrow-left:before, [data-layout="mobile"] .icon-skip-arrow-left:before, [data-layout="tablet"] .icon-skip-arrow-left:before { content: "\e90a"; transform: rotate(180deg); } [data-layout="desktop"] .icon-skip-arrow-right:before, [data-layout="mobile"] .icon-skip-arrow-right:before, [data-layout="tablet"] .icon-skip-arrow-right:before { content: "\e90a"; } [data-layout="desktop"] .icon-star:before, [data-layout="mobile"] .icon-star:before, [data-layout="tablet"] .icon-star:before { content: "\e923"; } [data-layout="desktop"] .icon-thumb:before, [data-layout="mobile"] .icon-thumb:before, [data-layout="tablet"] .icon-thumb:before { content: "\e924"; } [data-layout="desktop"] .icon-twitter:before, [data-layout="mobile"] .icon-twitter:before, [data-layout="tablet"] .icon-twitter:before { content: "\e61d"; } [data-layout="desktop"] .icon-user:before, [data-layout="mobile"] .icon-user:before, [data-layout="tablet"] .icon-user:before { content: "\e901"; } [data-layout="desktop"] .icon-video:before, [data-layout="mobile"] .icon-video:before, [data-layout="tablet"] .icon-video:before { content: "\e903"; } [data-layout="desktop"] .icon-whatsapp:before, [data-layout="mobile"] .icon-whatsapp:before, [data-layout="tablet"] .icon-whatsapp:before { content: "\e61e"; } [data-layout="desktop"] .icon-write:before, [data-layout="mobile"] .icon-write:before, [data-layout="tablet"] .icon-write:before { content: "\e92d"; } [data-layout="desktop"] .icon-zoom-in:before, [data-layout="mobile"] .icon-zoom-in:before, [data-layout="tablet"] .icon-zoom-in:before { content: "\e621"; } [data-layout="desktop"] .icon-zoom-out:before, [data-layout="mobile"] .icon-zoom-out:before, [data-layout="tablet"] .icon-zoom-out:before { content: "\e908"; } [data-layout="desktop"] .icon-youtube:before, [data-layout="mobile"] .icon-youtube:before, [data-layout="tablet"] .icon-youtube:before { content: "\e911"; } [data-layout="desktop"] .icon-instagram:before, [data-layout="mobile"] .icon-instagram:before, [data-layout="tablet"] .icon-instagram:before { content: "\e90f"; } [data-layout="desktop"] .writecomment-wrapper:before, [data-layout="mobile"] .writecomment-wrapper:before, [data-layout="tablet"] .writecomment-wrapper:before { content: "\e91a"; } [data-layout="desktop"] [class*="icon-"]::after, [data-layout="desktop"] [class^="icon-"]::after, [data-layout="mobile"] [class*="icon-"]::after, [data-layout="mobile"] [class^="icon-"]::after, [data-layout="tablet"] [class*="icon-"]::after, [data-layout="tablet"] [class^="icon-"]::after { position: absolute; top: 0; left: 0; } [data-layout="desktop"][data-userstate="loggedin"] .icon-user:after, [data-layout="mobile"][data-userstate="loggedin"] .icon-user:after, [data-layout="tablet"][data-userstate="loggedin"] .icon-user:after { visibility: visible; opacity: 1; } [data-layout="desktop"] .sbToggle, [data-layout="mobile"] .sbToggle, [data-layout="tablet"] .sbToggle { transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); } [data-layout="desktop"] .sbToggle:before, [data-layout="mobile"] .sbToggle:before, [data-layout="tablet"] .sbToggle:before { content: "\e90a"; } [data-layout="desktop"] .sbToggle.sbToggleOpen, [data-layout="mobile"] .sbToggle.sbToggleOpen, [data-layout="tablet"] .sbToggle.sbToggleOpen { transform: none; -o-transform: none; -ms-transform: none; -moz-transform: none; -webkit-transform: none; } [data-layout="desktop"] .date-picker-wrapper .caption .next:before, [data-layout="mobile"] .date-picker-wrapper .caption .next:before, [data-layout="tablet"] .date-picker-wrapper .caption .next:before { content: "\e90a"; } [data-layout="desktop"] .date-picker-wrapper .caption .prev:before, [data-layout="mobile"] .date-picker-wrapper .caption .prev:before, [data-layout="tablet"] .date-picker-wrapper .caption .prev:before { content: "\e90a"; } [data-layout="desktop"] .rsArrow.rsArrowRight .rsArrowIcn:before, [data-layout="mobile"] .rsArrow.rsArrowRight .rsArrowIcn:before, [data-layout="tablet"] .rsArrow.rsArrowRight .rsArrowIcn:before { content: "\e90a"; } [data-layout="desktop"] .rsArrow.rsArrowLeft .rsArrowIcn:before, [data-layout="mobile"] .rsArrow.rsArrowLeft .rsArrowIcn:before, [data-layout="tablet"] .rsArrow.rsArrowLeft .rsArrowIcn:before { content: "\e90a"; } [data-layout="desktop"] .rsThumbsArrow.rsThumbsArrowRight .rsThumbsArrowIcn:before, [data-layout="mobile"] .rsThumbsArrow.rsThumbsArrowRight .rsThumbsArrowIcn:before, [data-layout="tablet"] .rsThumbsArrow.rsThumbsArrowRight .rsThumbsArrowIcn:before { content: "\e90a"; } [data-layout="desktop"] .rsThumbsArrow.rsThumbsArrowLeft .rsThumbsArrowIcn:before, [data-layout="mobile"] .rsThumbsArrow.rsThumbsArrowLeft .rsThumbsArrowIcn:before, [data-layout="tablet"] .rsThumbsArrow.rsThumbsArrowLeft .rsThumbsArrowIcn:before { content: "\e90a"; } [data-layout="desktop"] .rsFullscreenIcn:before, [data-layout="mobile"] .rsFullscreenIcn:before, [data-layout="tablet"] .rsFullscreenIcn:before { content: "\e908"; } [data-layout="desktop"] #comments .icon-comment:before, [data-layout="mobile"] #comments .icon-comment:before, [data-layout="tablet"] #comments .icon-comment:before { content: "\e91a"; } [data-layout="desktop"] #comments .icon-comment:after, [data-layout="mobile"] #comments .icon-comment:after, [data-layout="tablet"] #comments .icon-comment:after { content: none; } * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } b, strong { font-weight: 700; } .small, small { font-size: 0.75em; vertical-align: baseline; } em, i { font-style: italic; } u { text-decoration: underline; } s { text-decoration: line-through; } .clear { clear: both; } html { font-size: 16px; } body { position: relative; padding: 0; font-family: "Roboto Condensed"; color: #2a2f31; background: #e8e8e8; text-size-adjust: none; -ms-text-size-adjust: none; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } button, input[type="submit"] { cursor: pointer; } button:active, input[type="submit"]:active { transform: none; -o-transform: none; -ms-transform: none; -moz-transform: none; -webkit-transform: none; } [data-layout="mobile"] body, [data-layout="tablet"] body { padding: 0; background-color: #fff; } a:active, a:link, a:visited { color: #e4007b; } a { transition: color 0.25s ease; -o-transition: color 0.25s ease; -webkit-transition: color 0.25s ease; } a:hover { color: #e4007b; } [data-device="mobile"] a:hover, [data-device="tablet"] a:hover { color: #e4007b; } .brick, .brickgroup { width: 100%; } [data-layout="desktop"] [data-layout-desktop*="w0-"] { display: none !important; visibility: hidden !important; } [data-layout="tablet"] [data-layout-tablet*="w0-"] { display: none !important; visibility: hidden !important; } [data-layout="mobile"] [data-layout-mobile*="w0-"] { display: none !important; visibility: hidden !important; } [data-layout="desktop"] [data-layout-desktop*="w12-"] { width: 100%; } [data-layout="tablet"] [data-layout-tablet*="w12-"] { width: 100%; } [data-layout="mobile"] [data-layout-mobile*="w12-"] { width: 100%; } [data-layout="desktop"] [data-layout-desktop*="c12-"] .item { width: 8.33333333%; } [data-layout="tablet"] [data-layout-tablet*="c12-"] .item { width: 8.33333333%; } [data-layout="mobile"] [data-layout-mobile*="c12-"] .item { width: 8.33333333%; } [data-layout="desktop"] [data-layout-desktop*="w11-"] { width: 91.66666667%; } [data-layout="tablet"] [data-layout-tablet*="w11-"] { width: 91.66666667%; } [data-layout="mobile"] [data-layout-mobile*="w11-"] { width: 91.66666667%; } [data-layout="desktop"] [data-layout-desktop*="c11-"] .item { width: 9.09090909%; } [data-layout="tablet"] [data-layout-tablet*="c11-"] .item { width: 9.09090909%; } [data-layout="mobile"] [data-layout-mobile*="c11-"] .item { width: 9.09090909%; } [data-layout="desktop"] [data-layout-desktop*="w10-"] { width: 83.33333333%; } [data-layout="tablet"] [data-layout-tablet*="w10-"] { width: 83.33333333%; } [data-layout="mobile"] [data-layout-mobile*="w10-"] { width: 83.33333333%; } [data-layout="desktop"] [data-layout-desktop*="c10-"] .item { width: 10%; } [data-layout="tablet"] [data-layout-tablet*="c10-"] .item { width: 10%; } [data-layout="mobile"] [data-layout-mobile*="c10-"] .item { width: 10%; } [data-layout="desktop"] [data-layout-desktop*="w9-"] { width: 75%; } [data-layout="tablet"] [data-layout-tablet*="w9-"] { width: 75%; } [data-layout="mobile"] [data-layout-mobile*="w9-"] { width: 75%; } [data-layout="desktop"] [data-layout-desktop*="c9-"] .item { width: 11.11111111%; } [data-layout="tablet"] [data-layout-tablet*="c9-"] .item { width: 11.11111111%; } [data-layout="mobile"] [data-layout-mobile*="c9-"] .item { width: 11.11111111%; } [data-layout="desktop"] [data-layout-desktop*="w8-"] { width: 66.66666667%; } [data-layout="tablet"] [data-layout-tablet*="w8-"] { width: 66.66666667%; } [data-layout="mobile"] [data-layout-mobile*="w8-"] { width: 66.66666667%; } [data-layout="desktop"] [data-layout-desktop*="c8-"] .item { width: 12.5%; } [data-layout="tablet"] [data-layout-tablet*="c8-"] .item { width: 12.5%; } [data-layout="mobile"] [data-layout-mobile*="c8-"] .item { width: 12.5%; } [data-layout="desktop"] [data-layout-desktop*="w7-"] { width: 58.33333333%; } [data-layout="tablet"] [data-layout-tablet*="w7-"] { width: 58.33333333%; } [data-layout="mobile"] [data-layout-mobile*="w7-"] { width: 58.33333333%; } [data-layout="desktop"] [data-layout-desktop*="c7-"] .item { width: 14.28571429%; } [data-layout="tablet"] [data-layout-tablet*="c7-"] .item { width: 14.28571429%; } [data-layout="mobile"] [data-layout-mobile*="c7-"] .item { width: 14.28571429%; } [data-layout="desktop"] [data-layout-desktop*="w6-"] { width: 50%; } [data-layout="tablet"] [data-layout-tablet*="w6-"] { width: 50%; } [data-layout="mobile"] [data-layout-mobile*="w6-"] { width: 50%; } [data-layout="desktop"] [data-layout-desktop*="c6-"] .item { width: 16.66666667%; } [data-layout="tablet"] [data-layout-tablet*="c6-"] .item { width: 16.66666667%; } [data-layout="mobile"] [data-layout-mobile*="c6-"] .item { width: 16.66666667%; } [data-layout="desktop"] [data-layout-desktop*="w5-"] { width: 41.66666667%; } [data-layout="tablet"] [data-layout-tablet*="w5-"] { width: 41.66666667%; } [data-layout="mobile"] [data-layout-mobile*="w5-"] { width: 41.66666667%; } [data-layout="desktop"] [data-layout-desktop*="c5-"] .item { width: 20%; } [data-layout="tablet"] [data-layout-tablet*="c5-"] .item { width: 20%; } [data-layout="mobile"] [data-layout-mobile*="c5-"] .item { width: 20%; } [data-layout="desktop"] [data-layout-desktop*="w4-"] { width: 33.33333333%; } [data-layout="tablet"] [data-layout-tablet*="w4-"] { width: 33.33333333%; } [data-layout="mobile"] [data-layout-mobile*="w4-"] { width: 33.33333333%; } [data-layout="desktop"] [data-layout-desktop*="c4-"] .item { width: 25%; } [data-layout="tablet"] [data-layout-tablet*="c4-"] .item { width: 25%; } [data-layout="mobile"] [data-layout-mobile*="c4-"] .item { width: 25%; } [data-layout="desktop"] [data-layout-desktop*="w3-"] { width: 25%; } [data-layout="tablet"] [data-layout-tablet*="w3-"] { width: 25%; } [data-layout="mobile"] [data-layout-mobile*="w3-"] { width: 25%; } [data-layout="desktop"] [data-layout-desktop*="c3-"] .item { width: 33.33333333%; } [data-layout="tablet"] [data-layout-tablet*="c3-"] .item { width: 33.33333333%; } [data-layout="mobile"] [data-layout-mobile*="c3-"] .item { width: 33.33333333%; } [data-layout="desktop"] [data-layout-desktop*="w2-"] { width: 16.66666667%; } [data-layout="tablet"] [data-layout-tablet*="w2-"] { width: 16.66666667%; } [data-layout="mobile"] [data-layout-mobile*="w2-"] { width: 16.66666667%; } [data-layout="desktop"] [data-layout-desktop*="c2-"] .item { width: 50%; } [data-layout="tablet"] [data-layout-tablet*="c2-"] .item { width: 50%; } [data-layout="mobile"] [data-layout-mobile*="c2-"] .item { width: 50%; } [data-layout="desktop"] [data-layout-desktop*="w1-"] { width: 8.33333333%; } [data-layout="tablet"] [data-layout-tablet*="w1-"] { width: 8.33333333%; } [data-layout="mobile"] [data-layout-mobile*="w1-"] { width: 8.33333333%; } [data-layout="desktop"] [data-layout-desktop*="c1-"] .item { width: 100%; } [data-layout="tablet"] [data-layout-tablet*="c1-"] .item { width: 100%; } [data-layout="mobile"] [data-layout-mobile*="c1-"] .item { width: 100%; } .grid { width: 100%; max-width: 1020px; font-size: 0; line-height: 0; text-align: left; display: inline-block; background: #fff; position: relative; } .digplugin .grid, .iframe-context .grid { padding: 0 !important; margin: 0 !important; width: 100% !important; } .grid .brickgroup:not(.customized) { display: inline-block; font-size: 0; line-height: 0; text-align: left; position: relative; } .grid .brick:not(.customized) { display: inline-block; font-size: 0; line-height: 0; text-align: left; position: relative; } .grid .brick:not(.customized).is-empty:not([id*="nativendo"]) { display: none; } .grid .brick[data-float="yes"] { display: block; } .itemList { width: 100%; } .item { width: 100%; background: 0 0; display: inline-block; line-height: 0; position: relative; } .content { width: 100%; display: inline-block; word-wrap: break-word; } [data-layout="desktop"] .grid { padding-left: 0; padding-right: 0; border: none; } [data-layout="desktop"] .grid-row-teaser { width: auto; } [data-layout="desktop"] .body>.brick:not(.customized) { margin-bottom: 20px; } [data-layout="desktop"] .body>.brickgroup:not(.customized) { margin-bottom: 20px; } [data-layout="desktop"] .body>article { margin-bottom: 20px; } [data-layout="desktop"] .body>.brickgroup[data-layout-desktop*="w12-"] .brick+.brick[data-layout-desktop*="ia12-"] { margin-top: 20px; } [data-layout="desktop"] .m-topthemen [data-layout-desktop*="w4-c1-"] .item:before, [data-layout="desktop"] .m-topthemen [data-layout-desktop*="w6-c1-"] .item:before { content: ""; background: #e7e7e7; position: absolute; width: 1px; height: calc(100% - 54px); min-height: 290px; left: 0; top: 20px; } [data-layout="desktop"] .m-topthemen [data-layout-desktop*="w4-c1-"].no-br .item:before, [data-layout="desktop"] .m-topthemen [data-layout-desktop*="w6-c1-"].no-br .item:before { display: none; } [data-layout="desktop"] .item { padding: 20px; position: relative; } [data-layout="desktop"] .item+.item:before { content: ""; background: #e7e7e7; position: absolute; width: 1px; height: calc(100% - 54px); min-height: 290px; left: 0; } [data-layout="desktop"] [data-layout-desktop*="c2-"] .item:nth-of-type(2n + 3):before { display: none; } [data-layout="desktop"] [data-layout-desktop*="c3-"] .item:nth-of-type(3n + 4):before { display: none; } [data-layout="desktop"] [data-layout-desktop*="c4-"] .item:nth-of-type(4n + 6):before { display: none; } [data-layout="desktop"] [data-layout-desktop*="c6-"] .item:nth-of-type(6n + 8):before { display: none; } [data-layout="desktop"] [data-layout-desktop*="c6-"] .item:before { min-height: 190px; } [data-layout="desktop"] .content { line-height: 1; padding: 0; } [data-layout="desktop"] .gridline-x { background: #e7e7e7; height: 1px; width: auto; margin: 3px 20px 10px 20px; } [data-layout="desktop"] .br-l:after, [data-layout="desktop"] .br-r:after { content: ""; background: #e7e7e7; position: absolute; } [data-layout="desktop"] .br-r:after { width: 1px; height: calc(100% - 2 * 20px); min-height: 290px; top: 20px; right: 0; } [data-layout="desktop"] .br-l:after { width: 1px; height: calc(100% - 20px); min-height: 290px; top: 20px; left: 0; } [data-layout="desktop"] .br-t:before { content: ""; background: #e7e7e7; position: absolute; width: auto; height: 1px; position: relative; margin: 30px 20px; display: block; } [data-layout="desktop"] .br-b:after { content: ""; background: #e7e7e7; position: absolute; width: auto; height: 1px; position: relative; margin: 30px 20px; display: block; } [data-layout="tablet"] .grid { padding-left: 0; padding-right: 0; border: none; overflow: hidden; min-width: 1px; margin: 0; } [data-layout="tablet"] .grid-row-teaser { margin-left: 0; margin-right: 0; width: auto; } [data-layout="tablet"] .body>.brick:not(.customized) { margin-bottom: 12px; } [data-layout="tablet"] .body>.brickgroup:not(.customized) { margin-bottom: 12px; } [data-layout="tablet"] .body>article { margin-bottom: 12px; } [data-layout="tablet"] .body>.brickgroup[data-layout-tablet*="w12-"] .brick+.brick[data-layout-tablet*="ia12-"] { margin-top: 12px; } [data-layout="tablet"] .m-topthemen [data-layout-desktop*="w4-c1-"] .item:before, [data-layout="tablet"] .m-topthemen [data-layout-desktop*="w6-c1-"] .item:before { content: ""; background: #e7e7e7; position: absolute; width: 1px; height: calc(100% - 54px); min-height: 238px; left: 0; top: 12px; } [data-layout="tablet"] .m-topthemen [data-layout-desktop*="w4-c1-"].no-br .item:before, [data-layout="tablet"] .m-topthemen [data-layout-desktop*="w6-c1-"].no-br .item:before { display: none; } [data-layout="tablet"] .item { padding: 12px; position: relative; } [data-layout="tablet"] .item+.item:before { content: ""; background: #e7e7e7; position: absolute; width: 1px; height: calc(100% - 54px); min-height: 238px; left: 0; } [data-layout="tablet"] [data-layout-desktop*="c2-"] .item:nth-of-type(2n + 3):before { display: none; } [data-layout="tablet"] [data-layout-desktop*="c3-"] .item:nth-of-type(3n + 4):before { display: none; } [data-layout="tablet"] [data-layout-desktop*="c4-"] .item:nth-of-type(4n + 6):before { display: none; } [data-layout="tablet"] [data-layout-desktop*="c6-"] .item:nth-of-type(6n + 8):before { display: none; } [data-layout="tablet"] [data-layout-desktop*="c6-"] .item:before { min-height: 170px; } [data-layout="tablet"] .content { line-height: 1; padding: 0; } [data-layout="tablet"] .gridline-x { background: #e7e7e7; height: 1px; width: auto; margin: 3px 12px 6px 12px; } [data-layout="tablet"] .br-l:after, [data-layout="tablet"] .br-r:after { content: ""; background: #e7e7e7; position: absolute; } [data-layout="tablet"] .br-r:after { width: 1px; height: calc(100% - 2 * 12px); min-height: 238px; top: 12px; right: 0; } [data-layout="tablet"] .br-l:after { width: 1px; height: calc(100% - 12px); min-height: 238px; top: 12px; left: 0; } [data-layout="tablet"] .br-t:before { content: ""; background: #e7e7e7; position: absolute; width: auto; height: 1px; position: relative; margin: 30px 12px; display: block; } [data-layout="tablet"] .br-b:after { content: ""; background: #e7e7e7; position: absolute; width: auto; height: 1px; position: relative; margin: 30px 12px; display: block; } [data-layout="mobile"] .grid { padding-left: 15px; padding-right: 15px; border: none; overflow: hidden; min-width: 1px; margin: 0; } [data-layout="mobile"] .body>.brick:not(.customized) { margin-bottom: 0; } [data-layout="mobile"] .body>.brickgroup:not(.customized) { margin-bottom: 0; } [data-layout="mobile"] .body>article { margin-bottom: 0; } [data-layout="mobile"] .body>.brickgroup[data-layout-mobile*="w12-"] .brick+.brick[data-layout-mobile*="ia12-"] { margin-top: 0; } [data-layout="mobile"] .item { padding: 10px; } [data-layout="mobile"] .grid-row-teaser .item:after { background: #e7e7e7; content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; } [data-layout="mobile"] .grid-row-teaser .item .ad .item:after { display: none; } [data-layout="mobile"] .grid-row-teaser .teaser-hero .item:after { display: none; } [data-layout="mobile"] .grid-row-teaser .teaser-medium .item:before { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; top: -1px; background-color: #fff; } [data-layout="mobile"] .grid-row-teaser .teaser-medium .item:after { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; bottom: -1px; background-color: #fff; } [data-layout="mobile"] .content { line-height: 1; padding: 0; } [data-layout="mobile"] .br-t:before { content: ""; background: #e7e7e7; position: absolute; width: auto; height: 1px; position: relative; margin: 20px 10px; display: block; } [data-layout="mobile"] .br-t.mod-block-ressort:before { display: none; } [data-layout="mobile"] .br-b:after { content: ""; background: #e7e7e7; position: absolute; width: auto; height: 1px; position: relative; margin: 20px 10px; display: block; } [data-layout="mobile"] .br-b.mod-block-ressort:after { display: none; } .appetizer { display: inline-block; width: 100%; } .appetizer-kicker { font-family: "Roboto Condensed"; color: #7c7c7c; position: relative; text-overflow: ellipsis; display: block; float: left; hyphens: none; -o-hyphens: none; -moz-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; word-break: break-word; white-space: normal; } .appetizer-title { font-family: "Roboto Condensed"; color: #2a2f31; overflow: hidden; display: block; float: left; hyphens: none; -o-hyphens: none; -moz-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; word-break: break-word; white-space: normal; } .appetizer-text { font-family: "Roboto Condensed"; color: #2a2f31; display: block; hyphens: none; -o-hyphens: none; -moz-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; word-break: break-word; white-space: normal; overflow: visible; } .appetizer-text.ellipsis:after { font-size: 0.75rem; font-family: "Roboto Condensed"; line-height: 1.6; text-align: right; display: block; position: absolute; bottom: 0; right: 0; color: #e4007b; cursor: pointer; width: 60px; background: #fff; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 35%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 35%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 35%); } .appetizer-text a { color: #e4007b; } .item .content img { max-width: 100%; width: auto; } .item .content .image-wrapper .image img { width: 100%; min-height: 100%; } .no-img figure { display: none; } [data-imagecount="0"].no-img .headline-wrapper figure { display: block; } figure { display: block; float: left; } figcaption:empty { display: none; } .teaser-hero .appetizer .headline-wrapper, .teaser-medium .appetizer .headline-wrapper { display: flex; position: relative; } .teaser-hero .appetizer .headline-wrapper h3, .teaser-medium .appetizer .headline-wrapper h3 { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 3; } .teaser-hero .appetizer .headline-wrapper h3 .appetizer-kicker, .teaser-hero .appetizer .headline-wrapper h3 .appetizer-title, .teaser-medium .appetizer .headline-wrapper h3 .appetizer-kicker, .teaser-medium .appetizer .headline-wrapper h3 .appetizer-title { color: #fff; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); } .topnews-article-list .appetizer { display: flex; flex-flow: row wrap; } .topnews-article-list .appetizer time { width: 15%; font-size: 16px; padding-top: 15px; text-align: center; } .topnews-article-list .appetizer figure { width: 25%; } .topnews-article-list .appetizer h3 { width: 60%; } .topnews-article-list .appetizer .apptizer-category, .topnews-article-list .appetizer .autor { font-size: 14px; font-size: 0.875rem; line-height: 1.5; color: #7c7c7c; justify-content: flex-end; display: flex; width: 100%; } .topnews-article-list .appetizer .apptizer-category>.autor, .topnews-article-list .appetizer .autor>.autor { padding-left: 10px; } .teaser-marketing [data-tags="Verlagsangebot"]:before { display: none; } [data-paidcontent="true"] .appetizer h3 .appetizer-kicker>.paid-icon { padding-top: 1px; display: inline-block; } [data-paidcontent="true"] .appetizer h3 .appetizer-kicker>.paid-icon:before { content: ""; background-image: url("https://www.krzbb.de/staticcontent/kreiszeitung_boeblinger_bote/common/assets/svg/logo/KRZ_PLUS_whitelabel.svg"); background-size: 100%; background-repeat: no-repeat; display: inline-block; height: 14px; width: 40px; margin-right: 5px; } .teaser-hero [data-paidcontent=true] .appetizer h3 .appetizer-kicker>.paid-icon { padding-top: unset !important; } [data-layout="mobile"] .teaser-hero [data-paidcontent=true] .appetizer h3 .appetizer-kicker>.paid-icon { margin-top: -1px; } .m-fstb .appetizer { position: relative; } .m-fstb .appetizer:before { background: url(/staticcontent/stuttgarter_nachrichten/images/feinstaub.png) no-repeat; background-size: 100%; position: absolute; left: 0; top: 0; display: block; content: ""; width: 40px; height: 40px; } .m-fstb .appetizer .appetizer-kicker { display: none; } .m-fstb .appetizer .appetizer-title { margin: 0 !important; padding-left: 60px !important; } .m-fstb .appetizer .appetizer-title:before { content: "+ + Aktueller Feinstaubbericht + +"; color: #d35400; text-transform: uppercase; font-family: "Roboto Condensed"; font-size: 14px; font-size: 0.875rem; display: blocK; } .m-fstb .appetizer figure { display: none !important; } [data-tags*="Interview"] .appetizer h3 .appetizer-kicker:before { content: "Interview"; background-color: #7c7c7c; font-size: 13px; font-size: 0.8125rem; color: #fff; line-height: 1.1; padding: 1px 3px 0 3px; display: inline-flex; margin-right: 5px; justify-content: center; text-transform: uppercase; } [data-tags*="Kommentar"] .appetizer h3 .appetizer-kicker:before, [data-tags*="Meinung"] .appetizer h3 .appetizer-kicker:before { content: "Meinung"; background-color: #7c7c7c; font-size: 13px; font-size: 0.8125rem; color: #fff; line-height: 1.1; padding: 1px 3px 0 3px; display: inline-flex; margin-right: 5px; justify-content: center; text-transform: uppercase; } [data-tags*="Exklusiv"] .appetizer h3 .appetizer-kicker:before { content: "Exklusiv"; background-color: #7c7c7c; font-size: 13px; font-size: 0.8125rem; color: #fff; line-height: 1.1; padding: 1px 3px 0 3px; display: inline-flex; margin-right: 5px; justify-content: center; text-transform: uppercase; } [data-tags="Verlagsangebot"] .appetizer-title { color: #e4007b; } [data-tags="Verlagsangebot"]:before { font-size: 12px; font-size: 0.75rem; color: #a5a5a5; line-height: 1; font-weight: 400; position: absolute; content: "Anzeige"; } [data-tags="Verlagsangebot"]:before .header:before { content: "Anzeige"; font-size: 12px; font-size: 0.75rem; color: #a5a5a5; line-height: 1; font-weight: 400; position: absolute; } .m-label--ki { background: url(https://www.stuttgarter-nachrichten.de/media.media.efad804e-4c24-4757-bf7e-8514e6f61bdc.original.png); width: 120px; height: 20px; display: inline-block; } .m-label--ki>span { display: inline-block; text-indent: -9999px; } .m-label--mz { background: url(https://www.stuttgarter-nachrichten.de/media.media.b607e201-9224-4850-87c3-695614ebfb7b.original.png); background-size: 100%; background-color: #fff; border-radius: 2px; width: 66px; height: 20px; display: inline-block; } .m-label--mz>span { display: inline-block; text-indent: -9999px; } .m-label--n711 { background: url(https://www.stuttgarter-nachrichten.de/media.media.afe9ec38-77ed-4b5e-bd74-da577f592671.original.png); background-size: 100%; background-color: #fff; border-radius: 2px; width: 72px; height: 20px; display: inline-block; } .m-label--n711>span { display: inline-block; text-indent: -9999px; } .load-more { margin: 2rem 0; display: flex; justify-content: center; } .load-more button { margin: 0 auto; width: auto; padding: 1rem 2rem; } .load-more .loading { display: none; margin: 0 auto; } [data-layout="desktop"] .appetizer:hover .badges .badge [class*="icon-"]:before, [data-layout="desktop"] .appetizer:hover .badges a.badge [class*="icon-"]:before { color: #e4007b; } [data-layout="desktop"] [data-layout-desktop*="ia12-"] .appetizer { padding: 0; } [data-layout="desktop"] [data-layout-desktop*="ia4-"] .appetizer { height: 292px; } [data-layout="desktop"] .appetizer-kicker { padding-left: 20px; font-size: 0.875rem; line-height: 1.3; font-weight: 400; } [data-layout="desktop"] [data-layout-desktop*="if12-"] .appetizer-kicker { width: 100%; padding: 0 10px; margin: 15px 0 0 0; } [data-layout="desktop"] .appetizer-title { padding-left: 20px; font-size: 1.375rem; font-weight: 700; line-height: 1.3; margin: 5px 0 15px 0; } [data-layout="desktop"] [data-layout-desktop*="notxt"] .appetizer-title { margin: 5px 0 15px 0; } [data-layout="desktop"] [data-layout-desktop*="if12-"] .appetizer-title { width: 100%; padding: 0 10px; } [data-layout="desktop"] [data-layout-desktop*="ia3-"] .appetizer-title { font-size: 18px; font-size: 1.125rem; } [data-layout="desktop"] [data-layout-desktop*="ia2-"] .appetizer-kicker { padding: 0; } [data-layout="desktop"] [data-layout-desktop*="ia2-"] .appetizer-title { font-size: 16px; font-size: 1rem; padding: 0; } [data-layout="desktop"] .appetizer-text { font-size: 1.0625rem; line-height: 1.4; margin: 0; } [data-layout="desktop"] .appetizer-text a:hover { color: #e4007b; } [data-layout="desktop"] .m-topthemen { margin-top: -20px; } [data-layout="desktop"] .teaser-hero .appetizer .headline-wrapper h3:before, [data-layout="desktop"] .teaser-medium .appetizer .headline-wrapper h3:before { content: ""; position: absolute; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3)); height: 65px; width: 100%; top: -65px; left: 0; } [data-layout="desktop"] .teaser-hero .appetizer .headline-wrapper h3:after, [data-layout="desktop"] .teaser-medium .appetizer .headline-wrapper h3:after { content: ""; position: absolute; background: #000; z-index: -1; height: 100%; left: 0; border: 0; width: 100%; opacity: 0.3; } [data-layout="desktop"] .teaser-hero .appetizer .headline-wrapper { margin-bottom: 15px; } [data-layout="desktop"] .teaser-hero .appetizer .headline-wrapper h3 { padding-bottom: 15px; } [data-layout="desktop"] .teaser-hero .appetizer .headline-wrapper h3 .appetizer-kicker { padding-left: 25px; padding-right: 25px; font-size: 16px; font-size: 1rem; line-height: 1; } [data-layout="desktop"] .teaser-hero .appetizer .headline-wrapper h3 .appetizer-title { padding-left: 25px; padding-right: 85px; font-size: 32px; font-size: 2rem; line-height: 1.3; margin-bottom: 0; } [data-layout="desktop"] .teaser-hero .appetizer .headline-wrapper .appetizer-text { padding-left: 25px; padding-right: 25px; } [data-layout="desktop"] .teaser-medium .appetizer .headline-wrapper { margin-bottom: 15px; } [data-layout="desktop"] .teaser-medium .appetizer .headline-wrapper .image { padding-bottom: 59%; display: flex; height: auto; } [data-layout="desktop"] .teaser-medium .appetizer .headline-wrapper h3 { padding-bottom: 15px; } [data-layout="desktop"] .teaser-medium .appetizer .headline-wrapper h3 .appetizer-kicker { padding-left: 15px; padding-right: 15px; } [data-layout="desktop"] .teaser-medium .appetizer .headline-wrapper h3 .appetizer-title { padding-left: 15px; padding-right: 85px; margin-bottom: 0; } [data-layout="desktop"] .teaser-medium .appetizer .headline-wrapper .appetizer-text { padding-left: 15px; padding-right: 15px; } [data-layout="desktop"] .teaser-medium.top .appetizer .headline-wrapper { margin-bottom: 0; } [data-layout="desktop"] .topnews-article-list .appetizer figure { width: 25%; } [data-layout="desktop"] .topnews-article-list .appetizer figure .image { padding-bottom: 66%; display: flex; height: auto; } [data-layout="desktop"] .topnews-article-list .appetizer .appetizer-kicker { margin: 5px 0 0 0; } [data-layout="desktop"] .m-fstb .appetizer:before { left: 5px; top: 0; } [data-layout="desktop"] .m-fstb:after { content: ""; background: #e7e7e7; position: absolute; width: auto; height: 1px; position: relative; margin: 10px 20px; display: block; } [data-layout="desktop"] [data-tags="Verlagsangebot"]:before, [data-layout="desktop"] [href*="news711.de"]:before { right: 20px; top: 0; } [data-layout="desktop"] .teaser-txt .item { padding-top: 0; padding-bottom: 0; } [data-layout="desktop"] .teaser-txt .item:first-child { padding-top: 5px; } [data-layout="desktop"] [data-layout-desktop*="if12-"] .appetizer-text { width: 100%; padding: 0 10px; overflow: hidden; } [data-layout="desktop"] [data-layout-desktop*="if12-"] .appetizer-text.ellipsis { position: relative; overflow: hidden; } [data-layout="desktop"] [data-layout-desktop*="if12-"] .appetizer-text.ellipsis:after { content: "\00BB\00a0Mehr"; padding: 0 10px; } [data-layout="desktop"] [data-layout-desktop*="if12-"] .appetizer-text.ellipsis:hover:after { color: #e4007b; } [data-layout="desktop"] [data-layout-desktop*="if12-"].teaser-hero .appetizer-text { padding-left: 25px; padding-right: 25px; } [data-layout="desktop"] [data-layout-desktop*="if12-"].teaser-medium .appetizer-text { padding-left: 15px; padding-right: 15px; } [data-layout="desktop"] [data-layout-desktop*="notxt"] .appetizer-text { display: none; visibility: hidden; } [data-layout="desktop"] figure { padding: 0 20px 0 0; margin: 0; } [data-layout="desktop"] [data-layout-desktop*="if12-"] .no-img figure img { display: none; } [data-layout="desktop"] [data-layout-desktop*="if12-"] figure { padding: 0; } [data-layout="desktop"] figcaption { font-family: "Roboto Condensed"; font-size: 0.875rem; line-height: 1.5; color: #4d555a; margin: 9px 0 0; } [data-layout="desktop"] [data-layout-desktop*="if12-"] figure { width: 100%; } [data-layout="desktop"] [data-layout-desktop*="if12-"][data-widget="yes"] figure { width: 100%; } [data-layout="desktop"] [data-layout-desktop*="if12-"] .appetizer-kicker, [data-layout="desktop"] [data-layout-desktop*="if12-"] .appetizer-title { width: 100%; } [data-layout="desktop"] [data-layout-desktop*="if9-"] figure { width: 75%; } [data-layout="desktop"] [data-layout-desktop*="if9-"][data-widget="yes"] figure { width: 75%; } [data-layout="desktop"] [data-layout-desktop*="if9-"] .appetizer-kicker, [data-layout="desktop"] [data-layout-desktop*="if9-"] .appetizer-title { width: 25%; } [data-layout="desktop"] [data-layout-desktop*="if8-"] figure { width: 66.66666%; } [data-layout="desktop"] [data-layout-desktop*="if8-"][data-widget="yes"] figure { width: 66.66666%; } [data-layout="desktop"] [data-layout-desktop*="if8-"] .appetizer-kicker, [data-layout="desktop"] [data-layout-desktop*="if8-"] .appetizer-title { width: 33.33333%; } [data-layout="desktop"] [data-layout-desktop*="if6-"] figure { width: 50%; } [data-layout="desktop"] [data-layout-desktop*="if6-"][data-widget="yes"] figure { width: 50%; } [data-layout="desktop"] [data-layout-desktop*="if6-"] .appetizer-kicker, [data-layout="desktop"] [data-layout-desktop*="if6-"] .appetizer-title { width: 50%; } [data-layout="desktop"] [data-layout-desktop*="if4-"] figure { width: 33.33333%; } [data-layout="desktop"] [data-layout-desktop*="if4-"][data-widget="yes"] figure { width: 33.33333%; } [data-layout="desktop"] [data-layout-desktop*="if4-"] .appetizer-kicker, [data-layout="desktop"] [data-layout-desktop*="if4-"] .appetizer-title { width: 66.66666%; } [data-layout="desktop"] [data-layout-desktop*="if3-"] figure { width: 25%; } [data-layout="desktop"] [data-layout-desktop*="if3-"][data-widget="yes"] figure { width: 25%; } [data-layout="desktop"] [data-layout-desktop*="if3-"] .appetizer-kicker, [data-layout="desktop"] [data-layout-desktop*="if3-"] .appetizer-title { width: 75%; } [data-layout="tablet"] .appetizer:hover .badges .badge [class*="icon-"]:before, [data-layout="tablet"] .appetizer:hover .badges a.badge [class*="icon-"]:before { color: #e4007b; } [data-layout="tablet"] [data-layout-tablet*="ia12-"] .appetizer { padding: 0; } [data-layout="tablet"] .appetizer-kicker { padding-left: 12px; font-size: 0.875rem; line-height: 1.3; font-weight: 400; } [data-layout="tablet"] [data-layout-tablet*="if12-"] .appetizer-kicker { width: 100%; padding: 0 10px; margin: 15px 0 0 0; } [data-layout="tablet"] .appetizer-title { padding-left: 12px; font-size: 1.125rem; font-weight: 700; line-height: 1.2; margin: 5px 0 15px 0; } [data-layout="tablet"] [data-layout-tablet*="notxt"] .appetizer-title { margin: 5px 0 15px 0; } [data-layout="tablet"] [data-layout-tablet*="if12-"] .appetizer-title { width: 100%; padding: 0 10px; } [data-layout="tablet"] [data-layout-tablet*="ia3-"] .appetizer-title { font-size: 18px; font-size: 1.125rem; } [data-layout="tablet"] [data-layout-tablet*="ia2-"] .appetizer-kicker { padding: 0; } [data-layout="tablet"] [data-layout-tablet*="ia2-"] .appetizer-title { font-size: 14px; font-size: 0.875rem; padding: 0; } [data-layout="tablet"] .appetizer-text { font-size: 1.0625rem; line-height: 1.4; margin: 0; } [data-layout="tablet"] .appetizer-text a:hover { color: #e4007b; } [data-layout="tablet"] .m-topthemen { margin-top: -10px; } [data-layout="tablet"] .teaser-hero .appetizer .headline-wrapper h3:before, [data-layout="tablet"] .teaser-medium .appetizer .headline-wrapper h3:before { content: ""; position: absolute; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3)); height: 65px; width: 100%; top: -65px; left: 0; } [data-layout="tablet"] .teaser-hero .appetizer .headline-wrapper h3:after, [data-layout="tablet"] .teaser-medium .appetizer .headline-wrapper h3:after { content: ""; position: absolute; background: #000; z-index: -1; height: 100%; left: 0; border: 0; width: 100%; opacity: 0.3; } [data-layout="tablet"] .teaser-hero .appetizer .headline-wrapper { margin-bottom: 15px; } [data-layout="tablet"] .teaser-hero .appetizer .headline-wrapper h3 { padding-bottom: 15px; } [data-layout="tablet"] .teaser-hero .appetizer .headline-wrapper h3 .appetizer-kicker { padding-left: 25px; padding-right: 25px; font-size: 16px; font-size: 1rem; line-height: 1; } [data-layout="tablet"] .teaser-hero .appetizer .headline-wrapper h3 .appetizer-title { padding-left: 25px; padding-right: 85px; font-size: 32px; font-size: 2rem; line-height: 1.3; margin-bottom: 0; } [data-layout="tablet"] .teaser-hero .appetizer .headline-wrapper .appetizer-text { padding-left: 25px; padding-right: 25px; } [data-layout="tablet"] .teaser-medium .appetizer .headline-wrapper { margin-bottom: 15px; } [data-layout="tablet"] .teaser-medium .appetizer .headline-wrapper .image { padding-bottom: 66%; display: flex; height: auto; } [data-layout="tablet"] .teaser-medium .appetizer .headline-wrapper h3 { padding-bottom: 15px; } [data-layout="tablet"] .teaser-medium .appetizer .headline-wrapper h3 .appetizer-kicker { padding-left: 15px; padding-right: 15px; } [data-layout="tablet"] .teaser-medium .appetizer .headline-wrapper h3 .appetizer-title { padding-left: 15px; padding-right: 85px; margin-bottom: 0; } [data-layout="tablet"] .teaser-medium .appetizer .headline-wrapper .appetizer-text { padding-left: 15px; padding-right: 15px; } [data-layout="tablet"] .teaser-medium.top .appetizer .headline-wrapper { margin-bottom: 0; } [data-layout="tablet"] .topnews-article-list .appetizer figure { width: 25%; } [data-layout="tablet"] .topnews-article-list .appetizer .appetizer-kicker { margin: 5px 0 0 0; } [data-layout="tablet"] .m-fstb .appetizer:before { left: 5px; top: 5px; } [data-layout="tablet"] .m-fstb:after { content: ""; background: #e7e7e7; position: absolute; width: auto; height: 1px; position: relative; margin: 6px 12px; display: block; } [data-layout="tablet"] [data-tags="Verlagsangebot"]:before, [data-layout="tablet"] [href*="news711.de"]:before { right: 12px; top: 0; height: 12px; width: 120px; background-size: contain; } [data-layout="tablet"] .teaser-txt .item { padding-top: 0; padding-bottom: 0; } [data-layout="tablet"] .teaser-txt .item:first-child { padding-top: 5px; } [data-layout="tablet"] [data-layout-tablet*="if12-"] .appetizer-text { width: 100%; padding: 0 10px; overflow: hidden; } [data-layout="tablet"] [data-layout-tablet*="if12-"] .appetizer-text.ellipsis { position: relative; overflow: hidden; } [data-layout="tablet"] [data-layout-tablet*="if12-"] .appetizer-text.ellipsis:after { content: "\00BB\00a0Mehr"; padding: 0 10px; } [data-layout="tablet"] [data-layout-tablet*="if12-"] .appetizer-text.ellipsis:hover:after { color: #e4007b; } [data-layout="tablet"] [data-layout-tablet*="if12-"].teaser-hero .appetizer-text { padding-left: 25px; padding-right: 25px; } [data-layout="tablet"] [data-layout-tablet*="if12-"].teaser-medium .appetizer-text { padding-left: 15px; padding-right: 15px; } [data-layout="tablet"] [data-layout-tablet*="notxt"] .appetizer-text { display: none; visibility: hidden; } [data-layout="tablet"] figure { padding: 0 12px 0 0; margin: 0; } [data-layout="tablet"] [data-layout-tablet*="if12-"] .no-img figure img { display: none; } [data-layout="tablet"] [data-layout-tablet*="if12-"] figure { padding: 0; } [data-layout="tablet"] figcaption { font-family: "Roboto Condensed"; font-size: 0.875rem; line-height: 1.5; color: #4d555a; margin: 9px 0 0; } [data-layout="tablet"] [data-layout-tablet*="if12-"] figure { width: 100%; } [data-layout="tablet"] [data-layout-tablet*="if12-"][data-widget="yes"] figure { width: 100%; } [data-layout="tablet"] [data-layout-tablet*="if12-"] .appetizer-kicker, [data-layout="tablet"] [data-layout-tablet*="if12-"] .appetizer-title { width: 100%; } [data-layout="tablet"] [data-layout-tablet*="if9-"] figure { width: 75%; } [data-layout="tablet"] [data-layout-tablet*="if9-"][data-widget="yes"] figure { width: 75%; } [data-layout="tablet"] [data-layout-tablet*="if9-"] .appetizer-kicker, [data-layout="tablet"] [data-layout-tablet*="if9-"] .appetizer-title { width: 25%; } [data-layout="tablet"] [data-layout-tablet*="if8-"] figure { width: 66.66666%; } [data-layout="tablet"] [data-layout-tablet*="if8-"][data-widget="yes"] figure { width: 66.66666%; } [data-layout="tablet"] [data-layout-tablet*="if8-"] .appetizer-kicker, [data-layout="tablet"] [data-layout-tablet*="if8-"] .appetizer-title { width: 33.33333%; } [data-layout="tablet"] [data-layout-tablet*="if6-"] figure { width: 50%; } [data-layout="tablet"] [data-layout-tablet*="if6-"][data-widget="yes"] figure { width: 50%; } [data-layout="tablet"] [data-layout-tablet*="if6-"] .appetizer-kicker, [data-layout="tablet"] [data-layout-tablet*="if6-"] .appetizer-title { width: 50%; } [data-layout="tablet"] [data-layout-tablet*="if4-"] figure { width: 33.33333%; } [data-layout="tablet"] [data-layout-tablet*="if4-"][data-widget="yes"] figure { width: 33.33333%; } [data-layout="tablet"] [data-layout-tablet*="if4-"] .appetizer-kicker, [data-layout="tablet"] [data-layout-tablet*="if4-"] .appetizer-title { width: 66.66666%; } [data-layout="tablet"] [data-layout-tablet*="if3-"] figure { width: 25%; } [data-layout="tablet"] [data-layout-tablet*="if3-"][data-widget="yes"] figure { width: 25%; } [data-layout="tablet"] [data-layout-tablet*="if3-"] .appetizer-kicker, [data-layout="tablet"] [data-layout-tablet*="if3-"] .appetizer-title { width: 75%; } [data-layout="mobile"] .appetizer:focus { outline: 0; } [data-layout="mobile"] [data-layout-mobile*="ia12-"] .appetizer { padding: 0; } [data-layout="mobile"] .appetizer-kicker { padding-top: 3px !important; padding-left: 8px; font-size: 0.875rem; line-height: 1.25; font-weight: 400; } [data-layout="mobile"] [data-layout-mobile*="if12-"] .appetizer-kicker { width: 100%; padding: 0; margin: 0; } [data-layout="mobile"] .appetizer-title { padding-left: 8px; font-size: 1rem; font-weight: 700; line-height: 1.2; margin: 6px 0; } [data-layout="mobile"] [data-layout-mobile*="notxt"] .appetizer-title { margin: 3px 0 5px; } [data-layout="mobile"] [data-layout-mobile*="if12-"] .appetizer-title { width: 100%; padding: 0; } [data-layout="mobile"] [data-layout-mobile*="c3-"] .appetizer-kicker, [data-layout="mobile"] [data-layout-mobile*="c3-"] .appetizer-title { font-size: 12px; font-size: 0.75rem; } [data-layout="mobile"] [data-layout-mobile*="c3-"] .appetizer-kicker, [data-layout="mobile"] [data-layout-mobile*="c3-"] .appetizer-title { font-size: 12px; font-size: 0.75rem; } [data-layout="mobile"] .appetizer-text { font-size: 1.125rem; line-height: 1.4; margin: 0 0 13.5px; } [data-layout="mobile"] [data-layout-mobile*="if12-"] .appetizer-text { width: 100%; padding: 0; overflow: hidden; } [data-layout="mobile"] [data-layout-mobile*="if12-"] .appetizer-text.ellipsis { position: relative; overflow: hidden; } [data-layout="mobile"] [data-layout-mobile*="if12-"] .appetizer-text.ellipsis:after { content: "\00BB\00a0Mehr"; padding: 0; } [data-layout="mobile"] [data-layout-mobile*="notxt"] .appetizer-text { display: none; visibility: hidden; } [data-layout="mobile"] figure { padding: 0; margin: 0; } [data-layout="mobile"] figure .image { padding-bottom: 65.66666667%; } [data-layout="mobile"] [data-videocount="0"].data[data-tags="Video"] .appetizer .image-wrapper:before { height: 37px; width: 37px; font-size: 11px; font-size: 0.6875rem; top: 7px; left: 7px; } [data-layout="mobile"] [data-layout-mobile*="if12-"] .no-img figure img { display: none; } [data-layout="mobile"] [data-layout-mobile*="if12-"] figure { padding: 0; } [data-layout="mobile"] [data-layout-mobile*="c3-"] figure { margin-bottom: 5px; } [data-layout="mobile"] figcaption { font-family: "Roboto Condensed"; font-size: 0.875rem; line-height: 1.5; margin: 9px 0 0; } [data-layout="mobile"] .teaser-hero { display: flex !important; flex-direction: column; margin: 0 -30px; width: auto; } [data-layout="mobile"] .teaser-hero .appetizer .headline-wrapper .image { padding-bottom: 56.33333333%; } [data-layout="mobile"] .teaser-hero .appetizer .headline-wrapper h3 { padding-bottom: 13px; } [data-layout="mobile"] .teaser-hero .appetizer .headline-wrapper h3:before { content: ""; position: absolute; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3)); height: 35px; width: 100%; top: -35px; left: 0; } [data-layout="mobile"] .teaser-hero .appetizer .headline-wrapper h3:after { content: ""; position: absolute; background: #000; z-index: -1; height: 100%; left: 0; border: 0; width: 100%; opacity: 0.3; } [data-layout="mobile"] .teaser-hero .appetizer .headline-wrapper h3 .appetizer-kicker { padding-left: 19px; padding-right: 19px; font-size: 14px; font-size: 0.875rem; line-height: 1; } [data-layout="mobile"] .teaser-hero .appetizer .headline-wrapper h3 .appetizer-title { padding-left: 19px; padding-right: 59px; font-size: 24px; font-size: 1.5rem; line-height: 1.3; margin-bottom: 0; } @media only screen and (max-width: 320px) { [data-layout="mobile"] .teaser-hero .appetizer .headline-wrapper h3 .appetizer-title { font-size: 20px; font-size: 1.25rem; } } [data-layout="mobile"] .teaser-medium { display: flex !important; flex-direction: column; margin: 0 -20px; width: auto; } [data-layout="mobile"] .teaser-medium .item { padding-left: 5px; padding-right: 5px; } [data-layout="mobile"] .teaser-medium .appetizer .headline-wrapper:before { content: ""; position: absolute; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.75)); height: 100%; width: 100%; top: 0; z-index: 3; } [data-layout="mobile"] .teaser-medium .appetizer .headline-wrapper .image-wrapper { overflow: hidden; } [data-layout="mobile"] .teaser-medium .appetizer .headline-wrapper .image-wrapper .image { padding-bottom: 100%; height: auto; } [data-layout="mobile"] .teaser-medium .appetizer .headline-wrapper .image-wrapper .image img { width: 152.5%; max-width: unset; } [data-layout="mobile"] .teaser-medium .appetizer .headline-wrapper h3 { padding-bottom: 10px; } [data-layout="mobile"] .teaser-medium .appetizer .headline-wrapper h3 .appetizer-kicker { padding-left: 10px; padding-right: 10px; } [data-layout="mobile"] .teaser-medium .appetizer .headline-wrapper h3 .appetizer-title { padding-left: 10px; padding-right: 36px; margin-bottom: 0; } [data-layout="mobile"] .m-topthemen { margin-top: -5px; } [data-layout="mobile"] .m-topthemen .teaser-medium { flex-direction: row; } [data-layout="mobile"] [data-layout-mobile*="c2-"].teaser-medium { flex-flow: row wrap; } [data-layout="mobile"] .teaser-medium.teaser-medium--slider { flex-flow: column nowrap; } [data-layout="mobile"] .topnews-article-list .appetizer time { width: 10%; text-align: left; font-size: 12px; font-size: 0.75rem; } [data-layout="mobile"] .topnews-article-list .appetizer figure { width: 25%; } [data-layout="mobile"] .topnews-article-list .appetizer h3 { width: 65%; } [data-layout="mobile"] .topnews-article-list .appetizer h3 .appetizer-kicker, [data-layout="mobile"] .topnews-article-list .appetizer h3 .appetizer-title { width: 100%; } [data-layout="mobile"] .teaser-marketing { margin: 30px -10px 0 -10px; width: auto; } [data-layout="mobile"] [data-tags="Verlagsangebot"]:before, [data-layout="mobile"] [href*="news711.de"]:before { right: 0; top: 5px; height: 14px; width: auto; background-size: contain; } [data-layout="mobile"] [href*="news711.de"] { width: 120px; } [data-layout="mobile"] .m-fstb .item { padding-left: 0; padding-right: 0; } [data-layout="mobile"] .m-fstb .appetizer:before { left: 5px; top: 5px; } [data-layout="mobile"] .m-fstb .appetizer .appetizer-title { font-size: 15px; font-size: 0.9375rem; } [data-layout="mobile"] [data-layout-mobile*="if12-"] figure { width: 100%; } [data-layout="mobile"] [data-layout-mobile*="if12-"][data-widget="yes"] figure { width: 100%; } [data-layout="mobile"] [data-layout-mobile*="if12-"] .appetizer-kicker, [data-layout="mobile"] [data-layout-mobile*="if12-"] .appetizer-title { width: 100%; } [data-layout="mobile"] [data-layout-mobile*="if9-"] figure { width: 75%; } [data-layout="mobile"] [data-layout-mobile*="if9-"][data-widget="yes"] figure { width: 75%; } [data-layout="mobile"] [data-layout-mobile*="if9-"] .appetizer-kicker, [data-layout="mobile"] [data-layout-mobile*="if9-"] .appetizer-title { width: 25%; } [data-layout="mobile"] [data-layout-mobile*="if8-"] figure { width: 66.66666%; } [data-layout="mobile"] [data-layout-mobile*="if8-"][data-widget="yes"] figure { width: 66.66666%; } [data-layout="mobile"] [data-layout-mobile*="if8-"] .appetizer-kicker, [data-layout="mobile"] [data-layout-mobile*="if8-"] .appetizer-title { width: 33.33333%; } [data-layout="mobile"] [data-layout-mobile*="if6-"] figure { width: 50%; } [data-layout="mobile"] [data-layout-mobile*="if6-"][data-widget="yes"] figure { width: 50%; } [data-layout="mobile"] [data-layout-mobile*="if6-"] .appetizer-kicker, [data-layout="mobile"] [data-layout-mobile*="if6-"] .appetizer-title { width: 50%; } [data-layout="mobile"] [data-layout-mobile*="if4-"] .item { padding-left: 0; padding-right: 0; } [data-layout="mobile"] [data-layout-mobile*="if4-"] figure { width: 33.3%; } [data-layout="mobile"] [data-layout-mobile*="if4-"] figure .image-wrapper { overflow: hidden; } [data-layout="mobile"] [data-layout-mobile*="if4-"] figure .image-wrapper .image { padding-bottom: 74.5%; height: auto; } [data-layout="mobile"] [data-layout-mobile*="if4-"] figure .image-wrapper .image img { width: 112%; max-width: unset; } [data-layout="mobile"] [data-layout-mobile*="if4-"][data-widget="yes"] figure { width: 33.3%; } [data-layout="mobile"] [data-layout-mobile*="if4-"] .appetizer-kicker, [data-layout="mobile"] [data-layout-mobile*="if4-"] .appetizer-title { width: 62%; } [data-layout="mobile"] [data-layout-mobile*="if3-"] figure { width: 25%; } [data-layout="mobile"] [data-layout-mobile*="if3-"][data-widget="yes"] figure { width: 25%; } [data-layout="mobile"] [data-layout-mobile*="if3-"] .appetizer-kicker, [data-layout="mobile"] [data-layout-mobile*="if3-"] .appetizer-title { width: 75%; } .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: 0; } .flickity-enabled.is-draggable { tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: rgba(255, 255, 255, 0); user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } .flickity-prev-next-button { position: absolute; top: 50%; width: 44px; height: 44px; border: none; border-radius: 50%; background: rgba(255, 255, 255, 0.75); cursor: pointer; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .flickity-prev-next-button:hover { background: #fff; } .flickity-prev-next-button:focus { outline: 0; } .flickity-prev-next-button:active { opacity: 0.6; } .flickity-prev-next-button:disabled { opacity: 0.3; cursor: auto; } .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } .flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } .flickity-prev-next-button .arrow { fill: #333; } .flickity-prev-next-button.no-svg { color: #333; font-size: 26px; } .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } [data-layout-desktop*="c3-"] .flickity-slider .item { width: 42.5%; } .date-picker-wrapper { position: absolute; z-index: 3; border: 1px solid #7c7c7c; background-color: #fff; padding: 20px; font-size: 0.75rem; line-height: 20px; color: #5a6064; font-family: "Roboto Condensed"; box-shadow: 0 7px 15px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 7px 15px -5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 7px 15px -5px rgba(0, 0, 0, 0.5); width: 100%; max-width: 100%; top: 100% !important; margin-top: -1px; } .date-picker-wrapper.inline-wrapper { position: relative; box-shadow: none; display: inline-block; } .date-picker-wrapper.single-date { width: auto; } .date-picker-wrapper .footer { margin: 0; padding: 0; border: none; } .date-picker-wrapper .month-name { text-transform: uppercase; font-family: "Roboto Condensed"; font-size: 0.75rem; } .date-picker-wrapper .month-wrapper { cursor: default; position: relative; overflow: hidden; width: auto !important; } .date-picker-wrapper .month-wrapper table td, .date-picker-wrapper .month-wrapper table th { vertical-align: middle; text-align: center; line-height: 0.875rem; margin: 0; padding: 0; width: 14.28571429%; } .date-picker-wrapper .month-wrapper table .day { padding: 5px 0; line-height: 1; font-size: 0.75rem; margin-bottom: 1px; color: #ccc; cursor: default; transition: color 0.25s ease, background 0.25s ease; -o-transition: color 0.25s ease, background 0.25s ease; -webkit-transition: color 0.25s ease, background 0.25s ease; } .date-picker-wrapper .month-wrapper table .day.lastMonth, .date-picker-wrapper .month-wrapper table .day.nextMonth { display: none; } .date-picker-wrapper .month-wrapper table .day.checked { background-color: #e4007b; } .date-picker-wrapper .month-wrapper table .day.has-tooltip { cursor: help !important; } .date-picker-wrapper .month-wrapper table .day.toMonth.valid { color: #4d555a; cursor: pointer; } .date-picker-wrapper .month-wrapper table .day.toMonth.hovering { background-color: #e4007b; } .date-picker-wrapper .month-wrapper table .day.real-today, .date-picker-wrapper .month-wrapper table .day.real-today.valid { background-color: #4d555a; color: #fff; } .date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.real-today.valid.checked { background-color: #e4007b; } .date-picker-wrapper .month-wrapper table .day.real-today.hovering, .date-picker-wrapper .month-wrapper table .day.real-today.valid.hovering { background-color: #e4007b; color: #4d555a; } .date-picker-wrapper .month-wrapper table .week-name { height: 20px; line-height: 20px; font-weight: 400; text-transform: uppercase; } .date-picker-wrapper .gap { position: relative; z-index: 1; width: 2%; font-size: 0; line-height: 0; float: left; top: -5px; visibility: hidden; height: 0; } .date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected { background-color: #e4007b !important; color: #fff !important; } .date-picker-wrapper .caption { height: 44px; } .date-picker-wrapper .caption .next, .date-picker-wrapper .caption .prev { cursor: pointer; font-size: 0; width: 100%; height: 100%; display: block; position: relative; } .date-picker-wrapper .caption .next:before, .date-picker-wrapper .caption .prev:before { font-family: Iconfont; font-size: 0.688rem; display: block; position: absolute; top: 0; } .date-picker-wrapper .caption .next:before { right: 50%; margin-right: -5.5px; } .date-picker-wrapper .caption .prev { transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .date-picker-wrapper .caption .prev:before { left: 50%; margin-left: -5.5px; } .date-picker-wrapper .selected-days { display: none; } .date-picker-wrapper .hide { display: none; } .date-picker-wrapper .date-range-length-tip { position: absolute; margin-top: -4px; margin-left: -8px; display: none; background-color: #4d555a; color: #fff; padding: 0 6px; border-radius: 2px; font-size: 12px; line-height: 16px; } .date-picker-wrapper .date-range-length-tip:after { content: ""; position: absolute; border-left: 4px solid rgba(255, 255, 255, 0); border-right: 4px solid rgba(255, 255, 255, 0); border-top: 4px solid #4d555a; left: 50%; margin-left: -4px; bottom: -4px; } .date-picker-wrapper.two-months.no-gap .month1 .next, .date-picker-wrapper.two-months.no-gap .month2 .prev { display: none; } .date-picker-wrapper.single-month { font-family: "Roboto Condensed"; } .date-picker-wrapper.single-month .month-wrapper { width: 100% !important; } .date-picker-wrapper.single-month .month-wrapper table { max-width: 100%; width: 100%; } [data-layout="desktop"] [data-layout-desktop*="c2-"] .date-picker-wrapper, [data-layout="desktop"] [data-layout-desktop*="c3-"] .date-picker-wrapper, [data-layout="desktop"] [data-layout-desktop*="c4-"] .date-picker-wrapper { width: 100%; } [data-layout="tablet"] .date-picker-wrapper { font-size: 0.875rem; width: 100%; } [data-layout="tablet"] .date-picker-wrapper .month-name { font-size: 1rem; } [data-layout="tablet"] .date-picker-wrapper .month-wrapper table .day { font-size: 0.875rem; } [data-layout="tablet"] .date-picker-wrapper .caption { height: 40px; } [data-layout="tablet"] .date-picker-wrapper .caption .next:before, [data-layout="tablet"] .date-picker-wrapper .caption .prev:before { font-size: 1rem; margin-top: -8px; } [data-layout="mobile"] .date-picker-wrapper { font-size: 0.875rem; width: 100%; } [data-layout="mobile"] .date-picker-wrapper .month-name { font-size: 1rem; } [data-layout="mobile"] .date-picker-wrapper .month-wrapper table .day { font-size: 0.875rem; } [data-layout="mobile"] .date-picker-wrapper .caption { height: 40px; } [data-layout="mobile"] .date-picker-wrapper .caption .next:before, [data-layout="mobile"] .date-picker-wrapper .caption .prev:before { font-size: 1rem; margin-top: -8px; } dig-plugin { display: block; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; min-height: 100px; vertical-align: top; margin: 0; font-size: 1rem; line-height: 1; } dig-plugin[data-alignment="block"] { width: 100%; clear: both; float: none; margin: 15px 0; } dig-plugin[data-type] .dig-plugin-content { width: 100% !important; overflow: hidden; } dig-plugin[data-type] .dig-plugin-content>div, dig-plugin[data-type] .dig-plugin-content>div>iframe { display: block; } dig-plugin .dig-plugin-content .embed-opt-in { background-color: #e8e8e8; padding: 30px 50px; text-align: center; } dig-plugin .dig-plugin-content .embed-opt-in .embed-opt-in-title { font-size: 1.125rem; line-height: 1.3; padding-bottom: 10px; } dig-plugin .dig-plugin-content .embed-opt-in .embed-opt-in-title strong { display: block; font-size: 1.375rem; margin-bottom: 7px; } dig-plugin .dig-plugin-content .embed-opt-in .embed-opt-in-desc a { color: #e4007b; } dig-plugin .dig-plugin-content .embed-opt-in button { height: 36px; text-align: center; display: inline-block; margin: 10px 0 20px 0; } [data-layout="desktop"] dig-plugin[data-alignment="left"] { width: 50%; float: left; margin: 5px 15px 15px 0; } [data-layout="desktop"] dig-plugin[data-alignment="right"] { width: 50%; float: right; margin: 5px 0 15px 15px; } [data-layout="tablet"] dig-plugin[data-alignment="left"] { width: 50%; float: left; padding: 10px 10px 10px 0; } [data-layout="tablet"] dig-plugin[data-alignment="right"] { width: 50%; float: right; padding: 10px 0 10px 10px; } [data-layout="mobile"] dig-plugin[data-alignment="left"], [data-layout="mobile"] dig-plugin[data-alignment="right"] { width: 100%; clear: both; padding: 10px 0 0; float: none; } dig-plugin[data-type="facebook"] .dig-plugin-content>div { text-align: center; } [data-colorscheme="dark"] .fb-comment-embed { background: 0 0; } dig-plugin[data-type="infobox"] .header { padding: 0 !important; } dig-plugin[data-type="infobox"] .slider-text { margin: 10px 0 25px; } dig-plugin[data-template="poll"] .poll-brick { padding: 0; } dig-plugin[data-template="poll"] .poll-brick header { display: none; } dig-plugin[data-type="quotation"] { display: block; position: relative; padding: 0 !important; height: auto; font-family: "Roboto Condensed"; font-size: 0.875rem; line-height: 1.5; min-height: auto; } dig-plugin[data-type="quotation"] .author { font-style: italic; } dig-plugin[data-type="slider"] .dig-plugin-content .header { padding: 0 !important; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery { background: #e8e8e8; padding: 10px; margin-top: 10px; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline { position: relative; margin-top: 10px; display: inline-block; width: 100%; } html.overlayMode dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline { display: none !important; } html.overlayMode dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline.fullscreen { display: block !important; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .gallery-close { position: fixed; right: 8%; top: 30px; cursor: pointer; z-index: 10000000001; display: none; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .gallery-close .icon-close { font-size: 2rem; font-weight: 700; display: block; color: #5b5b5b; } html.overlayMode dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .gallery-close { display: block; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .galleryTop { z-index: 10000000001; position: fixed; color: #fff; cursor: default; top: 28px; left: 8%; display: none; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .galleryTop .portalLogoInvert { float: left; display: block; width: 100px; height: 100px; background: url(../../images/logo-small.jpg) no-repeat 0 center scroll; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .galleryTop .galleryHead { float: left !important; line-height: 100px; font-size: 4.375rem; margin: 0 0 0 10px; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .galleryTop h2 { clear: none !important; color: #fff; } html.overlayMode dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .galleryTop { display: block; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .arrow { display: none; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .collapsed { display: none; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .expanded { display: block; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .expanded .rsThumb.rsNavSelected { border: #7c7c7c 2px solid; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList { position: relative; padding: 0 10px; direction: ltr; } html.overlayMode dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList { position: fixed !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 12% 8% !important; z-index: 10000000000 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; background: rgba(0, 0, 0, 0.9); } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsOverflow { float: left; overflow: visible; width: 100%; height: 100%; position: relative; -webkit-tap-highlight-color: transparent; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsOverflow .rsFullscreenBtn { position: absolute; top: 0; right: 0; cursor: pointer; width: 44px; text-align: center; background: #4d555a; } html.overlayMode dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsOverflow .rsFullscreenBtn { display: none !important; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsOverflow .rsFullscreenBtn .rsFullscreenIcn { line-height: 44px; font-size: 1.75rem; color: #fff; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsOverflow .rsContainer { height: 100%; width: 100%; position: relative; -webkit-tap-highlight-color: transparent; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsOverflow .rsContainer .rsSlide { display: block; height: 100%; width: 100%; overflow: hidden; position: absolute; top: 0; left: 0; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsOverflow .rsArrow { cursor: pointer; width: 44px; height: 58px; position: absolute; z-index: 20; top: 50%; margin-top: -29px; transition: visibility 125ms linear, opacity 125ms linear; -o-transition: visibility 125ms linear, opacity 125ms linear; -webkit-transition: visibility 125ms linear, opacity 125ms linear; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsOverflow .rsArrow.rsHidden { opacity: 0; visibility: hidden; } html.overlayMode dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsOverflow .rsArrow { margin-top: -32px; height: 64px; } html.overlayMode dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsOverflow .rsArrow.rsHidden { opacity: 1; visibility: visible; } html.overlayMode dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsOverflow .rsArrow .rsArrowIcn { background: 0 0; color: #5b5b5b; font-size: 4rem; padding: 0; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsOverflow .rsArrow.rsArrowRight { right: 0; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsOverflow .rsArrow.rsArrowLeft { left: 0; transform: rotate(180deg); } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsOverflow .rsArrow .rsArrowIcn { width: 100%; cursor: pointer; background: #e8e8e8; z-index: 2; font-size: 1.5rem; color: #4d555a; padding: 17px 10px; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsGCaption { width: 100%; float: left; margin-top: 0; padding: 32px 0 10px; position: relative; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsGCaption .gallery-count { font-size: 1rem; font-weight: 300; line-height: 1; position: absolute; top: 8px; left: 0; color: #4d555a; } html.overlayMode dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsGCaption .gallery-count { z-index: 10000000001; position: fixed; left: 8%; bottom: 100px; top: auto !important; color: #5b5b5b; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsGCaption .rsCaption { display: block; min-height: 4.199999999999999em; font-size: 1rem; line-height: 1.4; } html.overlayMode dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsGCaption .rsCaption { z-index: 10000000001; position: fixed; left: 8%; top: 92%; color: #fff; width: 65%; padding-right: 70px; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsGCaption .rsCaption .source { font-style: italic; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsGCaption .rsCaption a { width: auto; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .slider-content { height: 100% !important; text-align: center; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .slider-content .rsImg { height: 100% !important; width: auto !important; margin-left: 0 !important; } html.overlayMode dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .slider-content .rsImg { margin-top: 0 !important; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22; } html.overlayMode dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .rsThumbs { display: none !important; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .rsThumbs.rsThumbsHor { width: 100%; height: 68px; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .rsThumbs.rsThumbsHor .rsThumb { float: left; overflow: hidden; width: 96px; height: 68px; position: relative; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .rsThumbs.rsThumbsHor .rsThumb img { width: 100%; min-height: 68px; position: absolute; top: 50%; transform: translate(0, -50%); } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .rsThumbs.rsThumbsHor .rsThumbsArrow { cursor: pointer; width: 44px; height: 100%; position: absolute; top: 0; transition: opacity 0.25s ease; -o-transition: opacity 0.25s ease; -webkit-transition: opacity 0.25s ease; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .rsThumbs.rsThumbsHor .rsThumbsArrow .rsThumbsArrowIcn { width: 100%; height: 100%; cursor: pointer; position: absolute; background: rgba(255, 255, 255, 0.75); z-index: 2; font-size: 1.5rem; color: #4d555a; padding: 0 10px; line-height: 68px; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .rsThumbs.rsThumbsHor .rsThumbsArrow.rsThumbsArrowLeft { left: 0; transform: rotate(180deg); } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .rsThumbs.rsThumbsHor .rsThumbsArrow.rsThumbsArrowRight { right: -1px; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .rsThumbs.rsThumbsHor .rsThumbsArrow.rsThumbsArrowDisabled { display: none; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .rsTabs { float: left; background: 0 0 !important; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .rsSlide { background: rgba(255, 255, 255, 0) !important; } dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .rsDefault.rsWithThumbsHor .rsThumbsContainer { position: relative; height: 100%; } dig-plugin[data-type="slider"][data-alignment="left"] .dig-plugin-content .header h4, dig-plugin[data-type="slider"][data-alignment="right"] .dig-plugin-content .header h4 { margin: -2px 0 -16px !important; font-size: 3.125rem !important; letter-spacing: -3.5px !important; } dig-plugin[data-type="slider"][data-alignment="left"] .dig-plugin-content .gallery .slider-gallery.inline.loading .itemList, dig-plugin[data-type="slider"][data-alignment="right"] .dig-plugin-content .gallery .slider-gallery.inline.loading .itemList { height: 436px; } dig-plugin[data-type="slider"][data-alignment="left"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsFullscreenBtn, dig-plugin[data-type="slider"][data-alignment="right"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsFullscreenBtn { display: none; } [data-layout="tablet"] dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsOverflow .rsFullscreenBtn { display: none !important; } [data-layout="mobile"] dig-plugin[data-type="slider"] .dig-plugin-content .gallery .slider-gallery.inline .itemList .rsOverflow .rsFullscreenBtn { display: none !important; } dig-plugin[data-type="sliderLink"] .article-gallery-preview .item { padding: 0; } dig-plugin[data-type="sliderLink"] .gallery-preview-header a { color: #4d555a !important; line-height: 1 !important; } dig-plugin[data-type="sliderLink"] .gallery-preview-header h3 { margin: 0 !important; font-wight: normal !important; font-size: 100% !important; } [data-layout="desktop"] dig-plugin[data-type="sliderLink"] .gallery-preview-header a:hover { color: #d65b4a !important; } [data-layout="desktop"] dig-plugin[data-type="sliderLink"] .gallery-preview-header .gallery-link:hover { color: #d65b4a !important; } dig-plugin[data-type="text"] { font-family: "Roboto Condensed"; font-size: 0.875rem; line-height: 1.5; height: auto; min-height: auto; padding: 0 !important; } dig-plugin[data-type="text"] .text-box { width: 100% !important; padding: 10px; } dig-plugin[data-type="twitter"] { min-height: 200px; } dig-plugin[data-type="twitter"] .dig-plugin-content { min-height: 250px; } dig-plugin[data-type="twitter"] .dig-plugin-content>twitterwidget { width: 100% !important; margin: 0 !important; } twitterwidget::shadow .EmbeddedTweet { width: 100%; max-width: 100%; } dig-plugin[data-type="youtube"] { background-position: center; background-repeat: no-repeat; position: relative; display: block; overflow: hidden; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; cursor: pointer; font-size: 14px; } dig-plugin[data-type="youtube"] .plugin-controls { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; display: block; margin-left: -1em; margin-top: -1em; width: 2em; height: 2em; line-height: 2em; border: none; border-radius: 50%; font-size: 3.5em; background-color: rgba(0, 0, 0, 0.45); color: #fff; -webkit-transition: border-color 0.4s, outline 0.4s, background-color 0.4s; -moz-transition: border-color 0.4s, outline 0.4s, background-color 0.4s; -ms-transition: border-color 0.4s, outline 0.4s, background-color 0.4s; -o-transition: border-color 0.4s, outline 0.4s, background-color 0.4s; transition: border-color 0.4s, outline 0.4s, background-color 0.4s; } dig-plugin[data-type="youtube"] .plugin-controls .play { line-height: 1; width: 100%; height: 100%; font-size: 32%; position: relative; box-sizing: border-box; margin-top: 34%; margin-left: 42%; } .twoColFixRtHdr dig-plugin[data-type="youtube"] .plugin-controls .play { margin-top: 34%; } dig-plugin[data-type="youtube"] .play:before { content: ""; display: inline-block; border-left: 1.5em solid #fff; border-top: 1em solid transparent; border-bottom: 1em solid transparent; font-size: 1em; box-sizing: border-box; margin-left: 0; } dig-plugin[data-type="youtube"]:hover .plugin-controls { background-color: #e8e8e8; background-opacity: 0.5; } dig-plugin[data-type="youtube"] .dig-plugin-content { display: block; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; background-repeat: no-repeat; } dig-plugin[data-type="youtube"] .dig-plugin-content embed, dig-plugin[data-type="youtube"] .dig-plugin-content iframe, dig-plugin[data-type="youtube"] .dig-plugin-content object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } dig-plugin[data-type="zoom"] .image { cursor: zoom-in; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; } .mfp-with-zoom .mfp-content { width: 100%; padding: 10% 15%; } .mfp-with-zoom .mfp-content .mfp-figure .image { background: 0 0; } .mfp-with-zoom .mfp-container { padding: 0 !important; } .mfp-with-zoom .mfp-close { font-size: 2rem; color: #7c7c7c; background: 0 0; border: none; right: 30px !important; top: 30px !important; cursor: pointer !important; } .mfp-with-zoom .mfp-close .icon-close { font-weight: 700; } .mfp-with-zoom.mfp-bg { background: #2a2f31 !important; opacity: 0.9 !important; } body[style*="background-image"] { opacity: 1; transition: all 5s ease-in-out; background-repeat: repeat !important; } .Promoad_1, .Promoad_3 { margin-bottom: 40px; } body .trf-declaration-container:before { content: "Anzeige"; font-size: 12px; font-size: 0.75rem; color: #a5a5a5; line-height: 1; font-weight: 400; position: absolute; } body .trf-declaration-container:before .header:before { content: "Anzeige"; font-size: 12px; font-size: 0.75rem; color: #a5a5a5; line-height: 1; font-weight: 400; position: absolute; } body .trf-center-container.Content_1, body .trf-center-container.Content_2, body .trf-center-container.Outstream_1 { margin-top: 30px; margin-bottom: 10px; } body .trf-center-container:before { content: "Anzeige"; font-size: 12px; font-size: 0.75rem; color: #a5a5a5; line-height: 1; font-weight: 400; position: absolute; } body .trf-center-container:before .header:before { content: "Anzeige"; font-size: 12px; font-size: 0.75rem; color: #a5a5a5; line-height: 1; font-weight: 400; position: absolute; } body .trf-center-container.Billboard:before, body .trf-center-container.Interstitial_1:before, body .trf-center-container.Skyscraper:before { display: none; } .ad.invisible { display: none; } .ad.visible { display: block; } [data-tags*="Advertorial"] .image:before { content: "Anzeige"; font-size: 0.875rem; color: #fff; text-shadow: 1px 1px 1px #4d555a; line-height: 1.3; display: block; text-align: right; position: absolute; top: 8px; right: 10px; z-index: 2; } [data-tags*="Advertorial"].article-header:before { content: "Anzeige"; font-size: 0.875rem; color: #7c7c7c; line-height: 1.2; display: block; text-align: right; position: absolute; z-index: 2; padding-left: 15px; margin-top: 4px; } [data-tags*="Advertorial"].article-header .article-kicker { padding-right: 70px; } #taboola-below-article-thumbnails * { font-family: "Roboto Condensed"; } .ad .trf-content { text-align: left; } .ad .trf-content h3 .appetizer-kicker { background-color: #ddd; padding: 2px 5px; display: inline-block; margin-left: 10px; width: auto; text-transform: uppercase; } .mod-sidebar .mod-teaser--adv { line-height: 1.2; } .mod-sidebar .mod-teaser--adv .teaser:before { font-size: 12px; font-size: 0.75rem; color: #a5a5a5; line-height: 1; font-weight: 400; content: "Anzeige"; position: absolute; top: 0; right: 20px; } .mod-sidebar .mod-teaser--adv .teaser:before .header:before { content: "Anzeige"; font-size: 12px; font-size: 0.75rem; color: #a5a5a5; line-height: 1; font-weight: 400; position: absolute; } .mod-sidebar .mod-teaser--adv .teaser strong { font-size: 16px; } .mod-sidebar .mod-teaser--adv .teaser img { margin-top: 7px; width: 60%; } .mod-sidebar .mod-teaser--adv .teaser p { font-size: 16px; font-size: 1rem; line-height: 1.3; margin-top: 10px; } [data-layout="desktop"] body .trf-declaration-container { position: relative; } [data-layout="desktop"] body .trf-declaration-container:before { top: -15px; right: 0; } [data-layout="desktop"] .Billboard, [data-layout="desktop"] .Billboard_OMS, [data-layout="desktop"] .Superbanner, [data-layout="desktop"] .WPSuperbanner { width: 100%; text-align: center; padding-bottom: 10px; } [data-layout="desktop"] #adl_sb_table { width: 100% !important; background: 0 0; max-width: 1020px; } [data-layout="desktop"] #oms_sbwp_top { top: 88px; } [data-layout="desktop"] .WPSuperbanner { text-align: right; } [data-layout="desktop"] #omsv_sky_DhtmlLayer, [data-layout="desktop"] .Skyscraper, [data-layout="desktop"] .Skyscraper_OMS, [data-layout="desktop"] .WPSkyscraper { opacity: 1; height: auto; position: absolute; z-index: 50; top: 88px; left: 1230px; } @media only screen and (max-width: 1440px) { [data-layout="desktop"] #omsv_sky_DhtmlLayer, [data-layout="desktop"] .Skyscraper, [data-layout="desktop"] .Skyscraper_OMS, [data-layout="desktop"] .WPSkyscraper { left: 1030px; } } [data-layout="desktop"] [data-tags*="Advertorial"].article-header:before { top: 20px; right: 20px; } [data-layout="desktop"] .article-body .ad .item { text-align: center; padding: 0 20px; } [data-layout="desktop"] #taboola-below-article-thumbnails { padding: 20px; } [data-layout="desktop"] .ad-ec--article { padding: 20px; } [data-layout="tablet"] body .trf-declaration-container { position: relative; } [data-layout="tablet"] body .trf-declaration-container:before { top: -15px; right: 0; } [data-layout="tablet"] #superbanner { text-align: center; margin-left: 0 !important; } [data-layout="tablet"] [data-tags*="Advertorial"].article-header:before { top: 12px; right: 12px; } [data-layout="tablet"] .article-body .ad .item { text-align: center; padding: 0 12px; } [data-layout="tablet"] #taboola-below-article-thumbnails { padding: 12px; } [data-layout="tablet"] .ad-ec--article { padding: 12px; } [data-layout="mobile"] body .trf-declaration-container { padding-top: 20px; } [data-layout="mobile"] body .trf-declaration-container:before { top: 4px; left: 10px; margin-left: 0; } [data-layout="mobile"] body.gallery .trf-declaration-container { padding-top: 0; } [data-layout="mobile"] body.gallery .trf-declaration-container:before { display: none; } [data-layout="mobile"] .ad .item { padding-left: 0; padding-right: 0; } [data-layout="mobile"] .ad .ad-static { position: relative; } @media only screen and (max-width: 320px) { [data-layout="mobile"] .ad .ad-static { margin-left: -20px; margin-right: -20px; } } [data-layout="mobile"] [data-tags*="Advertorial"].article-header:before { top: 10px; right: 10px; } [data-layout="mobile"] #taboola-below-article-thumbnails { padding: 10px; } [data-layout="mobile"] .article-body .ad .item { text-align: center; padding: 0; margin-top: 20px; } .mod-article { line-height: 1.5; font-size: 18px; font-size: 1.125rem; font-family: "Roboto Condensed"; margin-top: 25px; } .mod-article p { line-height: 1.5; font-size: 18px; font-size: 1.125rem; font-family: "Roboto Condensed"; } .mod-article .article-header .item, .mod-article .article-text .item, .mod-article .intro-text .item, .mod-article figcaption .item { padding: 0; } .mod-article figure.fltlft{ width: 100%; } .mod-article figure.fltlft.inlineImage { padding: unset; margin-top: 20px; margin-bottom: 20px; } .mod-article figure.fltlft.inlineImage img { width: 100%; } .mod-article figure.fltlft.inlineImage figcaption { color: #7c7c7c; padding-left: unset; padding-right: unset; } .mod-article .article-header { color: #2a2f31; } .mod-article .article-header .article-kicker { font-family: "Roboto Condensed"; font-size: 16px; font-size: 1rem; line-height: 1; color: #7c7c7c; display: block; } .mod-article .article-header .article-headline { font-family: "Roboto Condensed"; font-size: 40px; font-size: 2.5rem; font-weight: 700; line-height: 1.1; display: block; margin-top: 2px; } .mod-article .article-header .article-details { font-size: 14px; font-size: 0.875rem; line-height: 1; color: #7c7c7c; margin-top: 8px; } .mod-article .article-header .article-details .publisher { display: none; } .mod-article .article-body .intro-text p { font-size: 20px; font-size: 1.25rem; font-weight: 700; padding-top: 0; } .mod-article .article-body .article-image .item { padding: 0; } .mod-article .article-body .article-image figcaption { font-size: 14px; font-size: 0.875rem; line-height: 1.3; color: #7c7c7c; } .mod-article .article-body .article-image dig-plugin { margin: 0; } .mod-article .article-body .article-video .item { padding: 0; } .mod-article .article-body p { padding-top: 20px; } .mod-article .article-body p.infobox { padding-top: 16px; font-size: 16px; line-height: 24px; } .mod-article .article-body p.infobox+p.infobox { padding-top: 20px; } .mod-article .article-body p.infobox strong { margin-bottom: 6px; color: #e4007b; display: inline-block; } .mod-article .article-body p a { color: #7c7c7c; display: inline; width: auto; border-bottom: 2px dotted #7c7c7c; } .mod-article .article-body p a.art_thema { border: none; } .mod-article .article-body .interviewAnswer, .mod-article .article-body .interviewQuestion { font-size: 18px; font-size: 1.125rem; font-family: "Roboto Condensed"; padding-top: 20px; line-height: 1.5; } .mod-article .article-body .interviewQuestion { font-weight: 700; } .mod-article .article-body .header:after { content: none; } .mod-article .article-body h2, .mod-article .article-body h3, .mod-article .article-body h4, .mod-article .article-body h5, .mod-article .article-body h6 { line-height: 1.3; margin-top: 20px; } .mod-article .article-body h2:first-child, .mod-article .article-body h3:first-child, .mod-article .article-body h4:first-child, .mod-article .article-body h5:first-child, .mod-article .article-body h6:first-child { margin-top: 0; } .mod-article .article-body h2, .mod-article .article-body h3 { font-size: 1.25rem; font-weight: 700; margin-top: 20px; } .mod-article .article-body h2.infobox { line-height: 27px; color: #e4007b; } .mod-article .article-body h4, .mod-article .article-body h5, .mod-article .article-body h6 { font-size: 1.25rem; font-weight: 700; text-transform: none; padding: 0; } .mod-article .article-body h4:after, .mod-article .article-body h4:before, .mod-article .article-body h5:after, .mod-article .article-body h5:before, .mod-article .article-body h6:after, .mod-article .article-body h6:before { content: none; } .mod-article .article-body table { width: 100%; margin-top: 20px; } .mod-article .article-body td, .mod-article .article-body th { font-size: 18px; font-size: 1.125rem; line-height: 1.5; padding: 5px 10px; border: 1px solid #7c7c7c; } .mod-article .article-body ul { padding: 0 0 10px 25px; } .mod-article .article-body ul li { line-height: 1.5; font-size: 18px; font-size: 1.125rem; list-style-type: disc; margin-bottom: 1rem; } .mod-article .article-body ul li:first-child { margin-top: 1rem; } .mod-article .article-body ol { padding: 0 0 10px 25px; } .mod-article .article-body ol li { line-height: 1.5; font-size: 18px; font-size: 1.125rem; list-style-type: decimal; } .mod-article .article-body hr { margin: 16px 0; } .mod-article .article-body a[title="Affiliate-Link"] { color: #e4007b; } .mod-article .article-body a[title="Affiliate-Link"]:after { content: "ANZEIGE"; padding: 0 10px; color: #a5a5a5; } .mod-article .article-body .article-related .item { display: flex; padding: 17px 0 !important; justify-content: center; } .mod-article .article-body .article-related .item .article-topics { display: flex; justify-content: center; } .mod-article .article-body .article-related .item .article-topics .slider-article-topics { display: flex; flex-flow: row wrap; justify-content: center; } .mod-article .article-body .article-related .item .article-topics .slider-article-topics .slider-article-topics-item { width: auto; padding: 0 5px; } .mod-article .article-body .article-related .item .article-topics .slider-article-topics .slider-article-topics-item a { display: inline-block; font-size: 14px; font-size: 0.875rem; line-height: 2; color: #7c7c7c; width: auto; } .mod-article .article-body .article-related .item .article-topics .slider-article-topics .slider-article-topics-item a:before { content: ""; background-image: url(../assets/svg/icon-tag.svg); background-repeat: no-repeat; display: inline-block; background-position: center; width: 12px; height: 13px; padding-right: 7px; } .mod-article .article-body .article-bottom .item { padding: 0; } .mod-article .article-body .article-bottom .item .article-bottom-wrapper { padding: 0; margin: 0; display: inline-block; } .mod-article .article-body .article-bottom .item .article-bottom-wrapper .to-image-slider-wrapper { list-style-type: none; } .mod-article .article-body .article-bottom .item .article-bottom-wrapper .to-image-slider-wrapper .to-image-slider { display: inline-block; background: #e4007b; color: #fff; border: none; font-size: 16px; font-size: 1rem; height: 44px; line-height: 44px; font-weight: 500; cursor: pointer; text-align: center; vertical-align: middle; padding: 0 20px; margin-bottom: 30px; transition: color 0.25s ease, background 0.25s ease; -o-transition: color 0.25s ease, background 0.25s ease; -webkit-transition: color 0.25s ease, background 0.25s ease; } .mod-article .article-body .article-bottom .item .article-bottom-wrapper .to-image-slider-wrapper .to-image-slider.reduced { opacity: 0.3; cursor: default; } .mod-article .article-body .article-bottom .item .article-bottom-wrapper .to-image-slider-wrapper .to-image-slider .icon-picture { line-height: 44px; margin-right: 5px; } .mod-article.mod-article--frm { position: relative; } .mod-article.mod-article--frm:before { content: " "; background-image: url("https://www.krzbb.de/staticcontent/kreiszeitung_boeblinger_bote/common/assets/svg/logo/KRZ_PLUS.svg"); background-size: 100%; background-repeat: no-repeat; position: absolute; top: 0; left: 56px !important; } [data-article-tags*="Kommentar"] .mod-article .article-kicker:before, [data-article-tags*="Meinung"] .mod-article .article-kicker:before { content: "Meinung"; background-color: #7c7c7c; font-size: 13px; font-size: 0.8125rem; color: #fff; line-height: 1.1; padding: 1px 3px 0 3px; display: inline-flex; margin-right: 5px; justify-content: center; text-transform: uppercase; } [data-article-tags*="Exklusiv"] .mod-article .article-kicker:before { content: "Exklusiv"; background-color: #7c7c7c; font-size: 13px; font-size: 0.8125rem; color: #fff; line-height: 1.1; padding: 1px 3px 0 3px; display: inline-flex; margin-right: 5px; justify-content: center; text-transform: uppercase; } [data-tags*=Anzeigenkennung] .appetizer h3 .appetizer-kicker:before, [data-article-tags*=Anzeigenkennung] .mod-article .article-kicker:before { content: "Anzeige"; background-color: #7c7c7c; font-size: .8125rem; color: #fff; line-height: 1.1; padding: 1px 3px 0 3px; display: inline-flex; margin-right: 5px; justify-content: center; text-transform: uppercase; } [data-layout="desktop"] .mod-article .article-body, [data-layout="desktop"] .mod-article .article-header { padding-left: 55px; padding-right: 55px; line-height: 1.5; font-size: 18px; font-size: 1.125rem; } [data-layout="desktop"] .mod-article.mod-article--frm .article-header { padding-top: 35px; } [data-layout="desktop"] .mod-article figcaption { padding-left: 35px; padding-right: 35px; } [data-layout="desktop"] .mod-article .article-image, [data-layout="desktop"] .mod-article .article-video { margin: 19px -35px 30px -35px; } [data-layout="desktop"] .mod-article.mod-article--frm:before { width: 60px; height: 25px; left: 55px; } [data-layout="tablet"] .mod-article .article-body, [data-layout="tablet"] .mod-article .article-header { padding-left: 55px; padding-right: 55px; line-height: 1.5; font-size: 18px; font-size: 1.125rem; } [data-layout="tablet"] .mod-article.mod-article--frm .article-header { padding-top: 35px; } [data-layout="tablet"] .mod-article figcaption { padding-left: 35px; padding-right: 35px; } [data-layout="tablet"] .mod-article .article-image, [data-layout="tablet"] .mod-article .article-video { margin: 19px -35px 30px -35px; } [data-layout="tablet"] .mod-article.mod-article--frm:before { width: 70px; height: 25px; left: 55px; } [data-layout="mobile"] .mod-article { line-height: 1.5; margin-top: 10px; font-size: 18px; font-size: 1.125rem; padding: 0; } [data-layout="mobile"] .mod-article .article-body { line-height: 1.5; font-size: 18px; font-size: 1.125rem; } [data-layout="mobile"] .mod-article p { line-height: 1.5; font-size: 18px; font-size: 1.125rem; } [data-layout="mobile"] .mod-article .article-header { margin-top: 5px; } [data-layout="mobile"] .mod-article .article-header .article-kicker { font-size: 14px; font-size: 0.875rem; line-height: 1.3; } [data-layout="mobile"] .mod-article .article-header .article-headline { font-size: 28px; font-size: 1.75rem; line-height: 1.1; margin-top: 0; } [data-layout="mobile"] .mod-article .article-header .article-details { font-size: 12px; font-size: 0.75rem; line-height: 1; margin-top: 8px; } [data-layout="mobile"] .mod-article.mod-article--frm .article-header { padding-top: 30px; } [data-layout="mobile"] .mod-article .intro-text p { font-size: 18px; font-size: 1.125rem; } [data-layout="mobile"] .mod-article .article-image, [data-layout="mobile"] .mod-article .article-video { margin: 19px -20px 30px -20px; } [data-layout="mobile"] .mod-article .article-image figure, [data-layout="mobile"] .mod-article .article-video figure { width: 100%; } [data-layout="mobile"] .mod-article .article-image figure figcaption, [data-layout="mobile"] .mod-article .article-video figure figcaption { line-height: 1.3; padding: 0 20px; } [data-layout="mobile"] .mod-article.mod-article--frm:before { width: 45px; height: 20px; left: 0px !important; top: 5px; } .article-image figure { margin: 0; } .article-image figure .image { background-image: none; } .article-image .badges .badge, .article-image .badges a.badge { display: block; } .article-image .badges .badge.images, .article-image .badges a.badge.images { margin-left: 0; } .article-image .data { cursor: pointer; } .article-image .data[data-imagecount="0"], .article-image .data[data-imagecount="1"] { cursor: default; } .article-image .data[data-imagecount="0"][data-tags*="Bilder"], .article-image .data[data-imagecount="1"][data-tags*="Bilder"] { cursor: pointer; } .image-box figure { padding: 0 !important; border: 0 !important; width: 100%; } .image-box figure .image .fit { height: auto; width: 100%; } [data-layout="desktop"] .article-image figure { float: none; margin: 0; padding: 0; } [data-layout="tablet"] .article-image figure { float: none; margin: 0; padding: 0; } .article-bottom .article-bottom-wrapper>li.pagination-wrapper { width: 100%; } .article-bottom .article-bottom-wrapper>li.pagination-wrapper .pagination { padding: 0; font-size: 0; } .article-bottom .article-bottom-wrapper>li.pagination-wrapper .pagination .pagination-list { display: block; } .article-bottom .article-bottom-wrapper>li.pagination-wrapper .pagination .pagination-list:before { content: none; } .article-bottom .article-bottom-wrapper>li.pagination-wrapper .pagination .pagination-list li { display: block; margin-top: 2px; padding: 0; } .article-bottom .article-bottom-wrapper>li.pagination-wrapper .pagination .pagination-list li:first-child { margin-top: 0; } .article-bottom .article-bottom-wrapper>li.pagination-wrapper .pagination .pagination-list li a { background: 0 0; position: relative; padding: 6px 0 6px 50px; min-height: 40px; font-size: 1.25rem; font-weight: 500; display: inline-block; width: 100%; height: auto; border: none; text-align: left; line-height: 1.4; } .article-bottom .article-bottom-wrapper>li.pagination-wrapper .pagination .pagination-list li a .number { display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 40px; min-height: 40px; line-height: 1; padding: 10px 0; text-align: center; background: #4d555a; border: none; color: #fff; font-size: 1.125rem; transition: background 0.25s ease; -o-transition: background 0.25s ease; -webkit-transition: background 0.25s ease; } .article-bottom .article-bottom-wrapper>li.pagination-wrapper .pagination .pagination-list li a .number:after, .article-bottom .article-bottom-wrapper>li.pagination-wrapper .pagination .pagination-list li a .number:before { border: solid rgba(255, 255, 255, 0); content: " "; height: 0; width: 0; position: absolute; z-index: 1; top: 100%; left: 50%; transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; -webkit-transition: border-color 0.25s ease; } .article-bottom .article-bottom-wrapper>li.pagination-wrapper .pagination .pagination-list li a .number:before { border-top-color: #fff; border-width: 7px 9px; margin-left: -9px; } .article-bottom .article-bottom-wrapper>li.pagination-wrapper .pagination .pagination-list li a .number:after { border-top-color: #4d555a; border-width: 5px 7px; margin-left: -7px; } .article-bottom .article-bottom-wrapper>li.pagination-wrapper .pagination .pagination-list li:last-child a .number:after, .article-bottom .article-bottom-wrapper>li.pagination-wrapper .pagination .pagination-list li:last-child a .number:before { border: none; } .article-bottom .article-bottom-wrapper>li.pagination-wrapper .pagination .pagination-list li.active a { color: #e4007b; background: 0 0; font-weight: 700; } .article-bottom .article-bottom-wrapper>li.pagination-wrapper .pagination .pagination-list li.active a .number { color: #fff; background: #e4007b; } .article-bottom .article-bottom-wrapper>li.pagination-wrapper .pagination .pagination-list li.active a .number:after { border-top-color: #e4007b; } [data-layout="desktop"] .article-bottom .article-bottom-wrapper>li.pagination-wrapper .pagination .pagination-list li a:hover { color: #e4007b; } [data-layout="desktop"] .article-bottom .article-bottom-wrapper>li.pagination-wrapper .pagination .pagination-list li a:hover .number { background: #e4007b; } [data-layout="desktop"] .article-bottom .article-bottom-wrapper>li.pagination-wrapper .pagination .pagination-list li a:hover .number:after { border-top-color: #e4007b; } #right-column.fixed { left: auto; top: 0; } #right-column.fixed.fixed-bottom { top: auto; bottom: 0; } #right-column.fixed.absolute { top: auto; bottom: 0; } [data-layout="desktop"] #right-column.fixed { position: fixed; max-width: 353.33333333px; } [data-layout="desktop"] #right-column.fixed.absolute { position: absolute; } [data-layout="tablet"] #right-column.fixed { position: static; max-width: 100%; } [data-layout="tablet"] #right-column.fixed.absolute { position: static; } [data-layout="mobile"] #right-column.fixed { position: static; max-width: 100%; } [data-layout="mobile"] #right-column.fixed.absolute { position: static; } .article-social-bar { position: absolute; z-index: 3; } .article-social-bar ol { display: flex; background: #fff; } .article-social-bar ol li { display: flex; padding-left: 4px; } .article-social-bar ol li a { text-align: center; background: #e8e8e8; width: 30px; height: 30px; display: block; color: #4d555a; } .article-social-bar ol li a [class^="icon-"] { display: inline-block; line-height: 30px; font-size: 20px; font-size: 1.25rem; color: #fff; } .article-social-bar ol li a [class^="icon-"].icon-mail { font-size: 16px; font-size: 1rem; } .article-social-bar ol li a:hover { opacity: 0.7; transition: 1s; } .article-social-bar ol li#social-bar-facebook a { background: #3e5294; } .article-social-bar ol li#social-bar-twitter a { background: #55acee; } .article-social-bar ol li#social-bar-mail a { background: #f5a623; } .article-social-bar ol li#social-bar-whatsapp { display: none; } .article-social-bar ol li#social-bar-whatsapp a { background: #25d366; } .article-social-bottom { display: flex; justify-content: center; flex-direction: column; padding: 25px 0 10px 0; border-top: 1px solid #d2d2d2; } .article-social-bottom .header-social-bar { display: flex; text-align: center; justify-content: center; font-size: 18px; font-size: 1.125rem; line-height: 1.3; font-family: "Roboto Condensed"; color: #999; } .article-social-bottom .article-social-bar { position: relative; margin: 15px 0; } .article-social-bottom .article-social-bar ol { justify-content: center; padding: 0; } [data-layout="desktop"] .article-social-bar { position: absolute; top: 10px; right: 20px; } [data-layout="desktop"] .article-social-bottom .article-social-bar { position: relative; top: 0; right: 0; } [data-layout="tablet"] .article-social-bar { top: 10px; right: 20px; } [data-layout="tablet"] .article-social-bottom .article-social-bar { position: relative; top: 0; right: 0; } [data-layout="mobile"] .article-social-bar { top: 10px; right: 10px; } [data-layout="mobile"] .article-social-bar ol li { padding-left: 5px; } [data-layout="mobile"] .article-social-bar ol li a { width: 30px; height: 30px; } [data-layout="mobile"] .article-social-bar ol li a [class^="icon-"] { line-height: 30px; } [data-layout="mobile"] .article-social-bar ol li#social-bar-whatsapp { display: block; } [data-layout="mobile"] .article-social-bottom .header-social-bar { font-size: 16px; font-size: 1rem; } [data-layout="mobile"] .article-social-bottom .article-social-bar { position: relative; top: 0; right: 0; } .article-video dig-plugin, .article-video p dig-plugin { padding-top: 0 !important; padding-bottom: 0 !important; } #switch { position: fixed; bottom: 50px; left: 2px; background: grey; color: #fff; padding: 5px; z-index: 20000000; } .item .content a { display: inline-block; width: 100%; } .item .content .appetizer-text .source, .item .content figcaption .source, .item .content p .source { font-style: italic; } .item .content .appetizer-text a, .item .content figcaption a, .item .content p a { display: inline; width: auto; font-weight: 500; } .item .content h1 { font-size: 2.05rem; font-weight: 700; line-height: 1.1; display: block; margin-top: 2px; margin-bottom: 25px; } .item .content h2 { font-size: 1.7rem; font-weight: 700; line-height: 1.1; display: block; margin-top: 2px; margin-bottom: 25px; } p { font-size: 1rem; line-height: 1.4; } p+p { padding-top: 10px; } iframe:not([id*="ad"]):not([class*="ad-"]):not([class*="ads-"]):not([width]):not([style*="width:"]) { width: 100%; } .dd-trigger { cursor: pointer; } .dropdown { display: block; background: #fff; box-shadow: 0 7px 15px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 7px 15px -5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 7px 15px -5px rgba(0, 0, 0, 0.5); font-size: 0; left: 0; position: absolute; text-transform: none; top: 100%; z-index: 999; visibility: hidden; opacity: 0; border: 1px solid #7c7c7c; transition: visibility 0.25s ease, opacity 0.25s ease; -o-transition: visibility 0.25s ease, opacity 0.25s ease; -webkit-transition: visibility 0.25s ease, opacity 0.25s ease; } .dropdown.visible { visibility: visible; opacity: 1; } .arrow-box { position: relative; background: rgba(255, 255, 255, 0); border: none; padding: 0; } .arrow-box:after, .arrow-box:before { border: solid rgba(255, 255, 255, 0); content: " "; height: 0; width: 0; position: absolute; } .btn, .button, a.button, button { display: inline-block; background: #e4007b; color: #fff; border: none; font-family: "Roboto Condensed"; font-size: 1rem; font-weight: 700; cursor: pointer; text-align: center; vertical-align: middle; padding: 0 20px; transition: color 0.25s ease, background 0.25s ease; -o-transition: color 0.25s ease, background 0.25s ease; -webkit-transition: color 0.25s ease, background 0.25s ease; } .btn.button-reset, .button.button-reset, a.button.button-reset, button.button-reset { color: #fff; background: #4d555a; } .btn [class*="icon-"], .button [class*="icon-"], a.button [class*="icon-"], button [class*="icon-"] { display: inline-block; } .brick.initalized { opacity: 1; transition: opacity 10ms; -o-transition: opacity 10ms; -webkit-transition: opacity 10ms; } .image { position: relative; width: 100%; height: 0; padding-bottom: 56.33333333%; overflow: hidden; font-size: 0; text-align: center; background-image: url(../assets/svg/placeholder.svg); background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-color: #e8e8e8; display: block; } .image.lazyload img { opacity: 0; } .image.lazyload.interlaced img { opacity: 1; transition: none; -o-transition: none; -webkit-transition: none; } .image.lazyloaded { background-image: none; } .image.lazyloaded img { transition: opacity 0.3s; -o-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; } .image img { position: absolute; left: 0; } .image img.fit { object-fit: contain; -webkit-object-fit: contain; -moz-object-fit: contain; -o-object-fit: contain; -ms-object-fit: contain; width: 100%; height: 100%; } html.no-objectfit .image img.fit { opacity: 0; position: relative; left: auto; height: auto; width: auto; } html.no-objectfit .image img.fit.fitted { opacity: 1; } .hover-zoom img { transition: transform 0.4s ease; -o-transition: transform 0.4s ease; -webkit-transition: transform 0.4s ease; } .hover-zoom:hover img { transform: scale(1.08); -o-transform: scale(1.08); -ms-transform: scale(1.08); -moz-transform: scale(1.08); -webkit-transform: scale(1.08); } .badges { display: flex; flex-direction: row; position: absolute; right: 10px; bottom: 10px; gap: 0 8px; z-index: 4; } .badges .badge, .badges a.badge { color: #fff; display: flex; justify-content: center; /* background-repeat: no-repeat; background-size: 100%; */ opacity: 1; width: auto; height: auto; line-height: normal; } .badges .badge .icon-picture, .badges a.badge .icon-picture { font-size: 1.5rem; } .badges .badge .icon-video, .badges a.badge .icon-video { font-size: 1.2rem; } .badges .badge [class*="icon-"], .badges a.badge [class*="icon-"] { display: flex; flex-direction: column; justify-content: center; height: inherit; } .badges .badge [class*="icon-"]:before, .badges a.badge [class*="icon-"]:before { color: #e4007b; transition: color 0.25s ease; -o-transition: color 0.25s ease; -webkit-transition: color 0.25s ease; } [data-layout="desktop"] .badges .icon-video::before, [data-layout="mobile"] .badges .icon-video::before, [data-layout="tablet"] .badges .icon-video::before { content: "" !important; background-image: url(https://www.krzbb.de/staticcontent/kreiszeitung_boeblinger_bote/common/assets/svg/icon_video.svg); background-size: 100%; background-repeat: no-repeat; width: 34px; height: 34px; display: inline-block; opacity: .9; } [data-layout="desktop"] .badges .icon-picture::before, [data-layout="mobile"] .badges .icon-picture::before, [data-layout="tablet"] .badges .icon-picture::before { content: "" !important; background-image: url(https://www.krzbb.de/staticcontent/kreiszeitung_boeblinger_bote/common/assets/svg/icon_galerie.svg); background-size: 100%; background-repeat: no-repeat; width: 34px; height: 34px; display: inline-block; opacity: .9; } [data-tags*="Infografik"] .appetizer .image .badges:after { content: ""; background-image: url(https://www.krzbb.de/staticcontent/kreiszeitung_boeblinger_bote/common/assets/svg/icon_infografik.svg); background-size: 100%; background-repeat: no-repeat; width: 34px; height: 34px; display: inline-block; opacity: .9; } [data-layout="mobile"] .badges { right: 8px; bottom: 8px; gap: 0 6px; } [data-layout="mobile"] [data-tags*="Infografik"] .appetizer .image .badges:after, [data-layout="mobile"] .badges .icon-picture::before, [data-layout="mobile"] .badges .icon-video::before { width: 28px; height: 28px; } [data-layout="mobile"] .badges .badge, [data-layout="mobile"] .badges a.badge { width: 28px; height: 28px; line-height: 28px; } .teaser-hero .data[data-tags*="Infografik"][data-tags*="Video"]:not([data-imagecount="0"]):not([data-imagecount="1"]) .appetizer .image .badges::after, .teaser-hero .data[data-tags*="Infografik"]:not([data-videocount="0"]):not([data-imagecount="0"]):not([data-imagecount="1"]) .appetizer .image .badges::after, .teaser-medium .data[data-tags*="Infografik"][data-tags*="Video"]:not([data-imagecount="0"]):not([data-imagecount="1"]) .appetizer .image .badges::after, .teaser-medium .data[data-tags*="Infografik"]:not([data-videocount="0"]):not([data-imagecount="0"]):not([data-imagecount="1"]) .appetizer .image .badges::after { display: none; } [data-layout="mobile"] .data[data-tags*="Infografik"][data-tags*="Video"]:not([data-imagecount="0"]):not([data-imagecount="1"]) .appetizer .image .badges::after, [data-layout="mobile"] .data[data-tags*="Infografik"]:not([data-videocount="0"]):not([data-imagecount="0"]):not([data-imagecount="1"]) .appetizer .image .badges::after { display: none; } [data-layout="mobile"] .teaser-hero .data[data-tags*="Infografik"][data-tags*="Video"]:not([data-imagecount="0"]):not([data-imagecount="1"]) .badges .badge.videos, [data-layout="mobile"] .teaser-hero .data[data-tags*="Infografik"]:not([data-videocount="0"]):not([data-imagecount="0"]):not([data-imagecount="1"]) .badges .badge.videos, [data-layout="mobile"] .teaser-medium .data[data-tags*="Infografik"][data-tags*="Video"]:not([data-imagecount="0"]):not([data-imagecount="1"]) .badges .badge.videos, [data-layout="mobile"] .teaser-medium .data[data-tags*="Infografik"]:not([data-videocount="0"]):not([data-imagecount="0"]):not([data-imagecount="1"]) .badges .badge.videos { display: none; } [data-layout="mobile"] .teaser-hero .data[data-tags*="Video"]:not([data-imagecount="0"]):not([data-imagecount="1"]) .badges .badge.videos, [data-layout="mobile"] .teaser-hero .data:not([data-videocount="0"]):not([data-imagecount="0"]):not([data-imagecount="1"]) .badges .badge.videos, [data-layout="mobile"] .teaser-hero .data[data-tags*="Infografik"]:not([data-imagecount="0"]):not([data-imagecount="1"]) .appetizer .image .badges::after, [data-layout="mobile"] .teaser-hero .data[data-tags*="Infografik"][data-tags*="Video"] .appetizer .image .badges::after, [data-layout="mobile"] .teaser-hero .data[data-tags*="Infografik"]:not([data-videocount="0"]) .appetizer .image .badges::after, [data-layout="mobile"] .teaser-medium .data[data-tags*="Video"]:not([data-imagecount="0"]):not([data-imagecount="1"]) .badges .badge.videos, [data-layout="mobile"] .teaser-medium .data:not([data-videocount="0"]):not([data-imagecount="0"]):not([data-imagecount="1"]) .badges .badge.videos, [data-layout="mobile"] .teaser-medium .data[data-tags*="Infografik"]:not([data-imagecount="0"]):not([data-imagecount="1"]) .appetizer .image .badges::after, [data-layout="mobile"] .teaser-medium .data[data-tags*="Infografik"][data-tags*="Video"] .appetizer .image .badges::after, [data-layout="mobile"] .teaser-medium .data[data-tags*="Infografik"]:not([data-videocount="0"]) .appetizer .image .badges::after { display: none; } .brick-footer { display: inline-block; width: 100%; padding: 0 20px; } .brick-footer .logo { display: block; float: right; padding-left: 60px; position: relative; } .brick-footer .logo img { max-width: 55px; width: 100%; display: block; } .brick-footer .logo:before { content: "powered by"; font-family: "Roboto Condensed"; font-size: 0.75rem; line-height: 1rem; position: absolute; left: 0; top: 0; } .data[data-videocount="0"] .badges .badge.videos, .data[data-videocount="0"] .badges a.badge.videos { display: none; } .data[data-imagecount="0"] .badges .badge.images, .data[data-imagecount="0"] .badges a.badge.images, .data[data-imagecount="1"] .badges .badge.images, .data[data-imagecount="1"] .badges a.badge.images { display: none; } .data[data-imagecount="0"][data-tags*="Bilder"] .badges .badge.images, .data[data-imagecount="0"][data-tags*="Bilder"] .badges a.badge.images, .data[data-imagecount="1"][data-tags*="Bilder"] .badges .badge.images, .data[data-imagecount="1"][data-tags*="Bilder"] .badges a.badge.images { display: inline-block; } .controls { position: absolute; bottom: -22px; right: 24px; z-index: 1; font-size: 0; line-height: 0; vertical-align: top; display: none; } .controls .arrow.left { margin-right: 1px; } .flickity-enabled .controls, .rsHor .controls { display: block; } .sbHolder { display: inline-block; position: relative; background: #fff; } .sbHolder a.sbToggle { display: block; position: absolute; top: 13px; right: 11px; width: auto; color: #4d555a; } .sbHolder a.sbToggle:before { font-size: 0.688rem; } .sbHolder a.sbSelector { border: 1px solid #7c7c7c; color: #4d555a; display: inline-block; font-size: 0.875rem; line-height: 1; overflow: hidden; padding: 11px 32px 11px 15px; position: relative; text-align: left; width: 100%; z-index: 2; } .sbHolder .sbOptions { position: absolute; display: block; width: 100%; font-size: 0.875rem; line-height: 1; z-index: 5; } .sbHolder .sbOptions li { border-left: 1px solid #7c7c7c; border-right: 1px solid #7c7c7c; background: #fff; } .sbHolder .sbOptions li:last-child { border-bottom: 1px solid #7c7c7c; } .sbHolder .sbOptions li a { padding: 10px; text-align: left; color: #4d555a; display: block; } .sbHolder .sbOptions li a.sbFocus { background: #e8e8e8; } .sbHolder .sbOptions li .sbGroup { padding: 10px; background: #e8e8e8; text-align: left; color: #4d555a; display: block; font-weight: 700; font-size: 1rem; } .editorial { display: inline-block; width: 100%; } .editorial figure { width: 100%; margin: 0; } .editorial figure img { width: 100%; } .editorial.has-media p { margin-top: -5px; } .editorial.has-media p+p { margin-top: 10px; } [data-layout="desktop"] .btn, [data-layout="desktop"] .button, [data-layout="desktop"] a.button { height: 44px; line-height: 44px; } [data-layout="desktop"] .btn:hover, [data-layout="desktop"] .button:hover, [data-layout="desktop"] a.button:hover { background: #e4007b; color: #fff; } [data-layout="desktop"] .btn.button-reset:hover, [data-layout="desktop"] .button.button-reset:hover, [data-layout="desktop"] a.button.button-reset:hover { background: #666; color: #fff; } [data-layout="desktop"] .btn [class*="icon-"], [data-layout="desktop"] .button [class*="icon-"], [data-layout="desktop"] a.button [class*="icon-"] { line-height: 44px; } [data-layout="desktop"] .skip:hover [class*="icon-skip-arrow"] { color: #e4007b; } [data-layout="desktop"] [data-layout-desktop*="c1-"] .editorial.has-media figure { margin-bottom: 20px; } [data-layout="desktop"] [data-layout-desktop*="c1-"] .editorial.has-media p { float: left; display: block; width: 100%; } [data-layout="tablet"] .btn, [data-layout="tablet"] .button, [data-layout="tablet"] a.button { height: 44px; line-height: 44px; } [data-layout="tablet"] .btn [class*="icon-"], [data-layout="tablet"] .button [class*="icon-"], [data-layout="tablet"] a.button [class*="icon-"] { line-height: 44px; } [data-layout="tablet"] [data-layout-tablet*="c1-"] .editorial.has-media figure { margin-bottom: 20px; } [data-layout="tablet"] [data-layout-tablet*="c1-"] .editorial.has-media p { float: left; display: block; width: 100%; } [data-layout="mobile"] .btn, [data-layout="mobile"] .button, [data-layout="mobile"] a.button { height: 44px; line-height: 44px; } [data-layout="mobile"] .btn [class*="icon-"], [data-layout="mobile"] .button [class*="icon-"], [data-layout="mobile"] a.button [class*="icon-"] { line-height: 44px; } [data-layout="mobile"] [data-layout-mobile*="c1-"] .editorial.has-media figure { margin-bottom: 20px; } [data-layout="mobile"] [data-layout-mobile*="c1-"] .editorial.has-media p { float: left; display: block; width: 100%; } [data-layout="mobile"] .badges .badge, [data-layout="mobile"] .badges a.badge { width: 30px; height: 30px; line-height: 30px; } [data-layout="mobile"] .badges .badge .icon-picture, [data-layout="mobile"] .badges a.badge .icon-picture { font-size: 18px; font-size: 1.125rem; } [data-layout="mobile"] .badges .badge .icon-video, [data-layout="mobile"] .badges a.badge .icon-video { font-size: 12px; font-size: 0.75rem; } .brickgroup[data-block="yes"] .header { padding-right: 0 !important; padding-left: 0 !important; } .brickgroup[data-block="yes"] .header:after { content: none; } .brickgroup[data-block="yes"] .header h4 { margin-bottom: -6px; padding-bottom: 0; } .brickgroup[data-block="yes"] .header h4:after, .brickgroup[data-block="yes"] .header h4:before { bottom: -8px; } .brickgroup[data-block="yes"] .block { border: 3px solid #e8e8e8; } .m-bg { background-color: #7c7c7c; } .m-bg.m-ad--note { color: #6e6e6e; } .m-ad--note .header:before { content: "Anzeige"; font-size: 12px; font-size: 0.75rem; color: #a5a5a5; line-height: 1; font-weight: 400; position: absolute; } .m-verl--note:before { content: "Verlagsangebote"; top: 0; font-size: 12px; font-size: 0.75rem; color: #a5a5a5; line-height: 1; font-weight: 400; position: absolute; } .m-verl--note:before .header:before { content: "Anzeige"; font-size: 12px; font-size: 0.75rem; color: #a5a5a5; line-height: 1; font-weight: 400; position: absolute; } [data-layout="desktop"] .brickgroup[data-block="yes"] { padding: 0 20px; } [data-layout="desktop"] .brickgroup[data-block="yes"] .block { padding: 20px; } [data-layout="desktop"] .brickgroup[data-block="yes"] .brick+.brick[data-layout-desktop*="w12-"] { margin-top: 0; } [data-layout="desktop"] .mod-block-ressort { margin-top: 40px; } [data-layout="desktop"] .mod-block-ressort.br-t { margin-top: 0; } [data-layout="desktop"] .mod-submenu .header { margin-top: 20px; } [data-layout="desktop"] .m-bg { padding-top: 20px; } [data-layout="desktop"] .m-bg.m-ad--note:before { color: #6e6e6e; } [data-layout="desktop"] .m-ad--note .header:before { right: 30px; top: 20px; font-size: 14px; font-size: 0.875rem; } [data-layout="desktop"] .m-verl--note { padding-top: 20px; } [data-layout="desktop"] .m-verl--note:before { left: 20px; } [data-layout="tablet"] .brickgroup[data-block="yes"] { padding: 0 12px; } [data-layout="tablet"] .brickgroup[data-block="yes"] .block { padding: 12px; } [data-layout="tablet"] .brickgroup[data-block="yes"] .brick+.brick[data-layout-tablet*="w12-"] { margin-top: 0; } [data-layout="tablet"] .mod-block-ressort { margin-top: 40px; } [data-layout="tablet"] .mod-submenu .header { margin-top: 20px; } [data-layout="tablet"] .m-bg { padding-top: 20px; } [data-layout="tablet"] .m-ad--note:before { right: 12px; top: 10px; } [data-layout="tablet"] .m-verl--note { padding-top: 12px; } [data-layout="tablet"] .m-verl--note:before { left: 12px; } [data-layout="mobile"] .brickgroup[data-block="yes"] { padding: 0 10px; } [data-layout="mobile"] .brickgroup[data-block="yes"] .block { padding: 10px; } [data-layout="mobile"] .brickgroup[data-block="yes"] .brick+.brick[data-layout-mobile*="w12-"] { margin-top: 0; } [data-layout="mobile"] .mod-block-ressort { margin-top: 10px; } [data-layout="mobile"] .mod-block-ressort.br-t { margin-top: 0; } [data-layout="mobile"] .m-bg { margin: 0 -20px; display: block !important; width: auto; padding: 0 20px 10px 20px; margin-top: 20px; } [data-layout="mobile"] .m-bg>.item { padding: 0; } [data-layout="mobile"] .m-ad--note .header:before { right: 10px; } [data-layout="mobile"] .m-verl--note { padding-top: 10px; } [data-layout="mobile"] .m-verl--note:before { left: 10px; } .body { padding: 20px 0 0; display: block !important; width: auto !important; min-height: 10000px; position: relative; } html.domready .body { min-height: 800px; } .digplugin .body { min-height: 0 !important; } .iframe-context .body { min-height: 0 !important; } .body>* { margin: 0; } .body>article { position: relative; } [data-layout="desktop"] .body { margin: 0 -20px; } [data-layout="tablet"] .body { margin: 0 -12px; } [data-layout="mobile"] .body { margin: 0 -10px; } .bottom-nav { position: relative; white-space: nowrap; overflow: hidden; } .bottom-nav .breadcrumb { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: center; } .bottom-nav .breadcrumb .breadcrumb-item { display: inline-block; } .bottom-nav .breadcrumb .breadcrumb-item>a, .bottom-nav .breadcrumb .breadcrumb-item>h1 { font-size: 1rem; line-height: 45px; display: inline-block; padding: 0 0; color: #e4007b; } .bottom-nav .breadcrumb .breadcrumb-item>a.active, .bottom-nav .breadcrumb .breadcrumb-item>h1.active { color: #7c7c7c; } .bottom-nav .breadcrumb .breadcrumb-item:first-child>a, .bottom-nav .breadcrumb .breadcrumb-item:first-child>h1 { display: none; } .bottom-nav .breadcrumb .arrow-right { font-size: 0.5rem; line-height: 1; color: #e4007b; opacity: 0.8; display: inline-block; padding: 4px 8px; } [data-layout="desktop"] .bottom-nav { padding: 0 20px; } [data-layout="desktop"] .bottom-nav .breadcrumb { border-bottom: 1px solid #e7e7e7; } [data-layout="desktop"] .bottom-nav.m-topic--links li a { line-height: 45px; } [data-layout="desktop"] .bottom-nav.m-topic--links li:before { height: 45px; background-position: center; } [data-layout="tablet"] .bottom-nav { padding: 0 12px; } [data-layout="tablet"] .bottom-nav .breadcrumb { border-bottom: 1px solid #e7e7e7; } [data-layout="tablet"] .bottom-nav.m-topic--links li a { line-height: 45px; } [data-layout="tablet"] .bottom-nav.m-topic--links li:before { height: 45px; background-position: center; padding-right: 10px; } [data-layout="mobile"] .bottom-nav.m-topic--links { overflow-x: scroll; } [data-layout="mobile"] .bottom-nav.m-topic--links li { font-size: 12px; font-size: 0.75rem; } [data-layout="mobile"] .bottom-nav.m-topic--links li a { line-height: 30px; } [data-layout="mobile"] .bottom-nav.m-topic--links li:before { height: 30px; background-position: center; padding-right: 5px; } [data-layout="mobile"] .bottom-nav .breadcrumb { display: flex; overflow-x: scroll; position: relative; } [data-layout="mobile"] .bottom-nav .breadcrumb:after { content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; width: 20px; background: rgba(255, 255, 255, 0); background: -moz-linear-gradient(right, #fff 10%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, right top, right bottom, color-stop(10%, #fff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(right, #fff 10%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(right, #fff 10%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(right, #fff 10%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to left, #fff 10%, rgba(255, 255, 255, 0) 100%); } [data-layout="mobile"] .bottom-nav .breadcrumb .breadcrumb-item { display: inline-block; } [data-layout="mobile"] .bottom-nav .breadcrumb .breadcrumb-item>a, [data-layout="mobile"] .bottom-nav .breadcrumb .breadcrumb-item>h1 { font-size: 0.75rem; line-height: 32px; display: inline-block; padding: 0 0; color: #e4007b; } [data-layout="mobile"] .bottom-nav .breadcrumb .breadcrumb-item>a.active, [data-layout="mobile"] .bottom-nav .breadcrumb .breadcrumb-item>h1.active { color: #7c7c7c; } [data-layout="mobile"] .bottom-nav .breadcrumb .breadcrumb-item:first-child>a, [data-layout="mobile"] .bottom-nav .breadcrumb .breadcrumb-item:first-child>h1 { display: none; } [data-layout="mobile"] .article .bottom-nav { padding-top: 10px; padding-bottom: 4px; } [data-layout="mobile"] .article .bottom-nav:after { content: ""; background: #e7e7e7; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 1px; } [data-layout="mobile"] .article .bottom-nav .breadcrumb { max-width: 68%; overflow: hidden; } #cookie-bar { position: fixed; width: 100%; bottom: 0; left: 0; background: #e4007b; height: auto; line-height: 28px; font-size: 14px; font-size: 0.875rem; color: #2a2f31; } #cookie-bar p { display: block; position: relative; font-size: 14px; font-size: 0.875rem; line-height: 1.3; color: rgba(255, 255, 255, 0.75); } #cookie-bar .cb-link { margin-left: 5px; padding: 0; color: #005d28; white-space: nowrap; } #cookie-bar .cb-enable { background: #e4007b; color: #fff; display: block; position: absolute; right: 0; top: 50%; margin-top: -14px; line-height: 28px; padding: 0 25px; transition: background 0.25s ease; -o-transition: background 0.25s ease; -webkit-transition: background 0.25s ease; } #cookie-bar .cb-disable { background: #fff; border: 1px solid #7c7c7c; } #cookie-bar .cb-policy { background: #fff; border: 1px solid #7c7c7c; } [data-layout="desktop"] #cookie-bar p { width: 1020px; padding: 10px 160px 10px 30px; margin-left: 200px; } @media only screen and (max-width: 1440px) { [data-layout="desktop"] #cookie-bar p { margin-left: 0; } } [data-layout="desktop"] #cookie-bar p .cb-enable { right: 50px; } [data-layout="desktop"] #cookie-bar p .cb-enable:hover { background: #e4007b; } [data-layout="tablet"] #cookie-bar p { padding: 20px 160px 20px 20px; } [data-layout="tablet"] #cookie-bar .cb-enable { right: 50px; } [data-layout="mobile"] #cookie-bar { padding: 20px 20px 30px 20px; } [data-layout="mobile"] #cookie-bar .cb-enable { right: 0; top: unset; bottom: -10px; } .mod-footer { position: relative; } .mod-footer>.m-wrapper { border-top: 3px solid #e4007b; } .mod-footer .footer-links { display: block; background-color: #2a2f31; } .mod-footer .footer-links li { display: inline-block; } .mod-footer .footer-links li a { display: block; color: #fff; font-weight: 700; } .mod-footer .footer-links li.copyright { color: #fff; opacity: 0.8; } .mod-footer .footer-extra { background-color: #fff; text-align: center; padding: 30px; } .mod-footer .scroll-to { display: block; visibility: hidden; opacity: 0; position: absolute; width: 44px; height: 44px; font-size: 25px; font-size: 1.5625rem; line-height: 1; text-align: center; transition: background 0.25s ease; -o-transition: background 0.25s ease; -webkit-transition: background 0.25s ease; transform: rotate(-90deg); background-color: #e4007b; } .mod-footer .scroll-to.stick-to-footer { visibility: visible; opacity: 1; } .mod-footer .scroll-to .icon-arrow-1 { color: #fff; line-height: 44px; } [data-layout="desktop"] .mod-footer { margin: 0; width: 100%; padding-left: 200px; } @media only screen and (max-width: 1440px) { [data-layout="desktop"] .mod-footer { padding-left: 0; margin-left: 0; } } [data-layout="desktop"] .mod-footer>.m-wrapper { position: relative; max-width: 1020px; width: 100%; padding: 0; } [data-layout="desktop"] .mod-footer .footer-links { padding: 0; color: #fff; padding: 20px; } [data-layout="desktop"] .mod-footer .footer-links li a { padding: 0 30px 0 0; font-size: 0.875rem; line-height: 1; } [data-layout="desktop"] .mod-footer .footer-links li a:hover { color: #e4007b; } [data-layout="desktop"] .mod-footer .footer-info li a:hover { color: #e4007b; } [data-layout="desktop"] .mod-footer .scroll-to { right: 20px; top: 10px; visibility: visible; opacity: 1; } [data-layout="tablet"] .mod-footer { padding: 12px; } [data-layout="tablet"] .mod-footer .footer-links { padding: 0; text-align: center; } [data-layout="tablet"] .mod-footer .footer-links li { font-size: 14px; font-size: 0.875rem; line-height: 20px; } [data-layout="tablet"] .mod-footer .footer-links li a { padding: 0 12px; } [data-layout="tablet"] .mod-footer .footer-links li.copyright { display: block; padding: 5px 0 20px 0; } [data-layout="tablet"] .mod-footer .scroll-to { right: 12px; top: 10px; visibility: visible; opacity: 1; } [data-layout="mobile"] .mod-footer { padding: 0; margin: 0; } [data-layout="mobile"] .mod-footer .footer-links { padding: 15px; text-align: center; } [data-layout="mobile"] .mod-footer .footer-links li { font-size: 14px; font-size: 0.875rem; line-height: 35px; } [data-layout="mobile"] .mod-footer .footer-links li a { padding: 0 10px; font-weight: 400; } [data-layout="mobile"] .mod-footer .footer-links li.copyright { display: block; padding: 5px 0 20px 0; } [data-layout="mobile"] .mod-footer .scroll-to { bottom: 0; right: 20px; } ::-ms-clear { display: none; height: 0; width: 0; visibility: hidden; } ::-ms-reveal { display: none; height: 0; width: 0; visibility: hidden; } form { display: inline-block; width: 100%; } form>ul { display: inline-block; width: 100%; font-size: 0; } form>ul>li { display: inline-block; } form label { display: flex; font-size: 14px; font-size: 0.875rem; line-height: 1; padding-bottom: 5px; color: #7c7c7c; } form label a { font-weight: 500; } form .sbHolder { width: 100%; border-top: 1px solid #e4007b; border-left: 1px solid #e4007b; border-right: 1px solid #e4007b; border-bottom: 4px solid #e4007b; height: 38px; } form .sbHolder .sbToggle { top: 13px; } form .sbHolder .sbSelector { padding: 11px 32px 11px 10px; border: none; } form .form-required-hint { display: block; font-size: 1rem; line-height: 1.3; margin-top: 18px; } form .form-submit { padding: 20px 0 10px; } input:focus { outline: 0; } select:focus { outline: 0; } textarea:focus { outline: 0; } button:focus { outline: 0; } input, select, textarea { font-family: "Roboto Condensed"; font-size: 17px; font-size: 1.0625rem; color: #666; border-top: 1px solid #e4007b; border-left: 1px solid #e4007b; border-right: 1px solid #e4007b; border-bottom: 4px solid #e4007b; height: 38px; padding: 8px 10px; } input[disabled], select[disabled], textarea[disabled] { background: #e8e8e8; color: #5a6064; } input:-webkit-autofill, input:focus, select:-webkit-autofill, select:focus, textarea:-webkit-autofill, textarea:focus { background: #dcc; color: #666; } input:not([type="radio"]):not([type="checkbox"]), select { line-height: 1; } textarea { line-height: 1.2; resize: none; overflow-x: hidden; overflow-y: auto; } input[type="checkbox"], input[type="radio"] { width: auto; } input[type="checkbox"]+label, input[type="radio"]+label { display: inline-block; font-weight: 400; font-size: 1rem; } .selection { display: block; } .selection input[type="radio"] { display: none; } .selection input[type="radio"]+.selection-text { display: block; position: relative; padding-left: 24px; } .selection input[type="radio"]+.selection-text:before { content: " "; position: absolute; border: 1px solid #4d555a; width: 14px; height: 14px; border-radius: 50%; left: 0; top: 2px; background: #fff; } .selection input[type="radio"]+.selection-text:after { content: " "; position: absolute; background: #d65b4a; width: 8px; height: 8px; border-radius: 50%; left: 4px; top: 6px; display: none; } .selection input[type="radio"]:checked+.selection-text:after { display: block; } .form-standard { display: block; } .form-standard form { background: #e8e8e8; padding: 0 10px; } .form-standard form>p { padding: 5px 10px; } .form-standard .form-standard-header { margin-bottom: 25px; } .form-standard .form-standard-header h2 { margin-bottom: 20px; } .form-standard .form-standard-header h2 .form-standard-kicker { font-family: "Roboto Condensed"; font-weight: 300; font-size: 1.6rem; line-height: 1; display: block; } .form-standard .form-standard-header h2 .form-standard-headline { font-family: "Roboto Condensed"; font-size: 2.1rem; font-weight: 700; line-height: 1.1; display: block; margin-top: 5px; } .form-standard .form-field p { font-size: 0.875rem; line-height: 1.3; color: #4d555a; } .form-standard .check-field { position: relative; } .form-standard #win-form label { margin-top: 12px; color: #2a2f31; font-size: 16px; } .form-standard #win-form .label { font-weight: 700; margin-top: 22px; } .form-standard #win-form .sbHolder, .form-standard #win-form input, .form-standard #win-form select, .form-standard #win-form textarea { border-bottom: 2px solid #e4007b; width: 100%; max-width: 450px; } .form-standard #win-form textarea { height: 100px; } .form-standard #win-form .cbox input[type="checkbox"] { width: 15px; margin: -12px 40px 0 10px; } .form-standard #win-form .cbox, .form-standard #win-form .dbox { margin-top: 15px; } .form-standard #win-form .dbox input[type="checkbox"] { width: 15px; margin: 0 10px 0 5px; } .form-standard #win-form .cbox label { display: inline; font-size: 0.91rem; } .form-standard .check-field input[type="checkbox"], .form-standard .check-field input[type="radio"] { width: auto; margin: 0; position: absolute; margin-top: 6px; } div.form-standard form#win-form { padding: 0; } div.form-standard #win-form ul { clear: both; width: 100%; height: 80px; } div.form-standard #win-form ul li { float: left; width: 50%; max-width: 320px; margin-right: 35px; } div.form-standard #win-form form { background: 0 0; } div.form-standard #win-form form p.label { font-size: 1.3rem; line-height: 1.6rem; } .break { clear: both; } [data-layout="tablet"] div.form-standard #win-form ul li { margin-right: 20px; max-width: 300px; } [data-layout="mobile"] div.form-standard #win-form ul li { width: 100%; margin-right: 0; } [data-layout="desktop"] form .agb { padding: 20px; } [data-layout="desktop"] input:not([type="radio"]):not([type="checkbox"]), [data-layout="desktop"] select { height: 38px; } [data-layout="desktop"] .form-standard { padding: 20px; } [data-layout="desktop"] .form-standard .form-field { padding: 10px 20px; } [data-layout="desktop"] .form-standard .check-field { padding: 10px 20px 10px 40px; } [data-layout="desktop"] .form-standard .check-field input[type="checkbox"], [data-layout="desktop"] .form-standard .check-field input[type="radio"] { top: 20px; left: 20px; } [data-layout="desktop"] [data-layout-desktop*="c2-"] form>ul>li { width: 50%; } [data-layout="desktop"] [data-layout-desktop*="c3-"] form>ul>li { width: 33.33333%; } [data-layout="desktop"] [data-layout-desktop*="c4-"] form>ul>li { width: 25%; } [data-layout="tablet"] form .agb { padding: 12px; } [data-layout="tablet"] input:not([type="radio"]):not([type="checkbox"]), [data-layout="tablet"] select { height: 38px; } [data-layout="tablet"] .form-standard { padding: 12px; } [data-layout="tablet"] .form-standard .form-field { padding: 10px 12px; } [data-layout="tablet"] .form-standard .check-field { padding: 10px 12px 10px 32px; } [data-layout="tablet"] .form-standard .check-field input[type="checkbox"], [data-layout="tablet"] .form-standard .check-field input[type="radio"] { top: 12px; left: 12px; } [data-layout="tablet"] [data-layout-tablet*="c2-"] form>ul>li { width: 50%; } [data-layout="tablet"] [data-layout-tablet*="c3-"] form>ul>li { width: 33.33333%; } [data-layout="tablet"] [data-layout-tablet*="c4-"] form>ul>li { width: 25%; } [data-layout="mobile"] form .agb { padding: 10px; } [data-layout="mobile"] input:not([type="radio"]):not([type="checkbox"]), [data-layout="mobile"] select { height: 38px; } [data-layout="mobile"] .form-standard { padding: 10px; } [data-layout="mobile"] .form-standard .form-field { padding: 10px 10px; } [data-layout="mobile"] .form-standard .check-field { padding: 10px 10px 10px 30px; } [data-layout="mobile"] .form-standard .check-field input[type="checkbox"], [data-layout="mobile"] .form-standard .check-field input[type="radio"] { top: 10px; left: 10px; } [data-layout="mobile"] [data-layout-mobile*="c2-"] form>ul>li { width: 50%; } [data-layout="mobile"] [data-layout-mobile*="c3-"] form>ul>li { width: 33.33333%; } [data-layout="mobile"] [data-layout-mobile*="c4-"] form>ul>li { width: 25%; } [data-layout="mobile"] .redaktion td img { display: none; } .search-form { display: block; font-size: 17px; font-size: 1.0625rem; font-family: "Roboto Condensed"; line-height: 1; } .search-form form #search-period-container { position: relative; width: 100%; } .search-form form ul { display: flex; align-items: flex-end; flex-flow: row wrap; } .search-form form ul li.search-field input { width: 300px; } .search-form form ul li.search-form-submit .button { width: 100%; font-size: 20px; font-size: 1.25rem; } .search-form form ul li.search-form-submit .button .icon-arrow-3 { display: none; } .search-form .search-result { font-size: 30px; font-size: 1.875rem; font-family: "Roboto Condensed"; font-weight: 700; line-height: 1; padding: 25px 0 0 0; } .search-form .search-error { font-size: 1.25rem; font-weight: 500; color: #4d555a; line-height: 1; margin-bottom: -10px; padding: 20px 0 10px; } [data-layout="desktop"] .search-form { padding: 20px; } [data-layout="desktop"] .search-form form>ul>li+li { padding-left: 10px; } [data-layout="desktop"] .search-form form ul { margin-bottom: 15px; } [data-layout="desktop"] .search-form form ul li.search-form-submit .button { height: 38px; line-height: 36px; } [data-layout="desktop"] .search-form form ul li.search-form-submit .button .arrow-right { line-height: 36px; } [data-layout="tablet"] .search-form { padding: 12px; } [data-layout="tablet"] .search-form form>ul>li+li { padding-left: 10px; } [data-layout="tablet"] .search-form form ul { margin-bottom: 15px; } [data-layout="tablet"] .search-form form ul li.search-form-submit .button { height: 38px; line-height: 36px; } [data-layout="tablet"] .search-form form ul li.search-form-submit .button .arrow-right { line-height: 36px; } [data-layout="mobile"] .search-form { padding: 0; } [data-layout="mobile"] .search-form form { margin: 0 -5px; } [data-layout="mobile"] .search-form form ul li { flex-flow: row wrap; padding: 5px; } [data-layout="mobile"] .search-form form ul li.search-form-submit .button { height: 38px; line-height: 36px; } [data-layout="mobile"] .search-form form ul li.search-form-submit .button .arrow-right { line-height: 36px; } [data-layout="mobile"] .search-form .search-result { font-size: 20px; font-size: 1.25rem; } [data-layout=mobile] #search-form { padding: 20px 20px 30px; background-color: #fce5f2; } [data-layout=mobile] #search-form .search-button { background-color: #fff; height: 0; right: 30px; position: absolute; font-size: 0px; } [data-layout=mobile] #search-form .search-button:before { content: ""; background-image: url(https://www.krzbb.de/staticcontent/kreiszeitung_boeblinger_bote/common/assets/svg/icon-suche-pink.svg); background-repeat: no-repeat; width: 24px; height: 24px; position: absolute; right: 0px; margin-top: 7px; display: block; } [data-layout=mobile] #search-form .search-field:focus { background: #fff; color: #25282A; } [data-layout=mobile] #search-form .search-field::placeholder { color: #A5A5A5; } [data-layout=mobile] #search-form .search-field { width: 100%; border: 1px solid #E4007B; border-radius: 5px; box-shadow: inset 0px 1px 3px #4d555a; font-size: 14px; font-family: 'Roboto Condensed'; line-height: 22px; padding: 6px 10px; color: #25282A; } .form-standard.form-standalone form { background: rgba(255, 255, 255, 0); } .form-standard.form-standalone form .form-submit { margin: 0 -20px; display: block; width: auto; } [data-userstate="loading"] .is-logged { display: none !important; } [data-userstate="loggedout"] .is-logged { display: none !important; } [data-userstate="loggedin"] .is-loggedout { display: none !important; } .mod-header { position: fixed; top: 0; left: 0; width: 100%; padding-left: 200px; color: #e4007b; z-index: 999; background: #fff; border-bottom: 3px solid #e4007b; } @media only screen and (max-width: 1440px) { .mod-header { padding-left: 0; } } @media only screen and (max-width: 550px) { .mod-header { background: 0 0; } } [data-layout="tablet"] .mod-header { padding-left: 20px; } .mod-header.headroom { will-change: transform; transition: transform 0.2s linear; } .mod-header.headroom--pinned { transform: translateY(0); } .mod-header.headroom--unpinned { transform: translateY(-100%); } .nav-open .mod-header.headroom--unpinned { transform: none; } .mod-header>.m-wrapper { position: relative; max-width: 1020px; width: 100%; } .mod-header>.m-wrapper>.m-logo { display: block; position: absolute; top: 18px; left: 0; z-index: 1; width: 400px; } @media only screen and (max-width: 1440px) { .mod-header>.m-wrapper>.m-logo { left: 20px; } } @media only screen and (max-width: 768px) { .mod-header>.m-wrapper>.m-logo { top: 12px; left: 10px; } } @media only screen and (max-width: 550px) { .mod-header>.m-wrapper>.m-logo { width: auto; height: auto; overflow: hidden; } } .mod-header>.m-wrapper>.m-logo>.m-link { display: block; } @media only screen and (max-width: 550px) { .mod-header>.m-wrapper>.m-logo>.m-link>.m-img { width: 130px; height: auto; } } .mod-header>.m-wrapper .m-menu { display: flex; justify-content: flex-end; position: relative; width: 100%; height: 100%; } .mod-header>.m-wrapper .m-menu--top { flex: 0; width: 500px; height: 28px; margin-left: auto; background: #fff; } @media only screen and (max-width: 768px) { .mod-header>.m-wrapper .m-menu--top { width: 400px; height: 24px; } } @media only screen and (max-width: 550px) { .mod-header>.m-wrapper .m-menu--top { width: auto; height: 45px; padding-top: 0; background: #fff; } } .mod-header>.m-wrapper .m-menu--top>.m-item { display: flex; align-items: center; border-right: 1px solid rgba(255, 255, 255, 0.3); cursor: pointer; justify-content: center; height: 100%; } @media only screen and (max-width: 550px) { .mod-header>.m-wrapper .m-menu--top>.m-item { border: none; } } .mod-header>.m-wrapper .m-menu--top>.m-item--nav { justify-content: flex-end; position: absolute; bottom: 0; right: 0; transform: translateY(100%); width: 110px; height: 49px; padding: 0 50px 0 15px; z-index: 1; font-size: 1rem; font-family: "Roboto Condensed"; font-weight: 700; letter-spacing: 0.5px; transition: width 0.4s ease-in-out; white-space: nowrap; overflow: hidden; } @media only screen and (max-width: 550px) { .mod-header>.m-wrapper .m-menu--top>.m-item--nav { position: relative; bottom: auto; right: auto; transform: none; width: 110px; height: 100%; padding: 0; border-left: 1px solid rgba(255, 255, 255, 0.3); } } .nav-open .mod-header>.m-wrapper .m-menu--top>.m-item--nav { width: 250px; } @media only screen and (max-width: 550px) { .nav-open .mod-header>.m-wrapper .m-menu--top>.m-item--nav { width: 70px; } } .nav-open .mod-header>.m-wrapper .m-menu--top>.m-item--nav>.m-text--open { display: none; } .nav-open .mod-header>.m-wrapper .m-menu--top>.m-item--nav>.m-text--closed { display: block; color: #e4007b; } .mod-header>.m-wrapper .m-menu--top>.m-item--nav>.m-text { padding: 0; margin: 0; font-size: 18px; font-size: 1.125rem; } @media only screen and (max-width: 550px) { .mod-header>.m-wrapper .m-menu--top>.m-item--nav>.m-text { display: none !important; } } .mod-header>.m-wrapper .m-menu--top>.m-item--nav>.m-text--open { display: block; } .mod-header>.m-wrapper .m-menu--top>.m-item--nav>.m-text--closed { display: none; } .mod-header>.m-wrapper .m-menu--top>.m-item--nav>.m-icon--burger { position: absolute; top: 50%; right: 15px; transform: translate(0, -50%); } @media only screen and (max-width: 550px) { .mod-header>.m-wrapper .m-menu--top>.m-item--nav>.m-icon--burger { right: 50%; transform: translate(50%, -50%); } } .mod-header>.m-wrapper .m-menu--top>.m-item--nav>.m-icon--burger>.m-wrapper { width: 27px; height: 19px; position: relative; transform: rotate(0); transition: 0.4s ease-in-out; cursor: pointer; } .mod-header>.m-wrapper .m-menu--top>.m-item--nav>.m-icon--burger>.m-wrapper>.m-slice { display: block; position: absolute; height: 3px; width: 100%; color: #e4007b; background: #e4007b; opacity: 1; left: 0; transform: rotate(0); transition: 250ms ease-in-out; } .mod-header>.m-wrapper .m-menu--top>.m-item--nav>.m-icon--burger>.m-wrapper>.m-slice:nth-child(1) { top: 0; } .mod-header>.m-wrapper .m-menu--top>.m-item--nav>.m-icon--burger>.m-wrapper>.m-slice:nth-child(2) { top: 8px; opacity: 0; } .mod-header>.m-wrapper .m-menu--top>.m-item--nav>.m-icon--burger>.m-wrapper>.m-slice:nth-child(3) { top: 8px; } .mod-header>.m-wrapper .m-menu--top>.m-item--nav>.m-icon--burger>.m-wrapper>.m-slice:nth-child(4) { top: 16px; } .nav-open .mod-header>.m-wrapper .m-menu--top>.m-item--nav>.m-icon--burger>.m-wrapper>.m-slice { background: #e4007b; } .nav-open .mod-header>.m-wrapper .m-menu--top>.m-item--nav>.m-icon--burger>.m-wrapper>.m-slice:nth-child(1) { top: 8px; width: 0; left: 50%; } .nav-open .mod-header>.m-wrapper .m-menu--top>.m-item--nav>.m-icon--burger>.m-wrapper>.m-slice:nth-child(2) { opacity: 1; transform: rotate(45deg); } .nav-open .mod-header>.m-wrapper .m-menu--top>.m-item--nav>.m-icon--burger>.m-wrapper>.m-slice:nth-child(3) { transform: rotate(-45deg); } .nav-open .mod-header>.m-wrapper .m-menu--top>.m-item--nav>.m-icon--burger>.m-wrapper>.m-slice:nth-child(4) { top: 8px; width: 0; left: 50%; } .mod-header>.m-wrapper .m-menu--bottom { height: 47px; padding-right: 115px; transition: padding 0.4s ease-in-out; } @media only screen and (max-width: 550px) { .mod-header>.m-wrapper .m-menu--bottom { position: absolute; right: 0; display: flex; justify-content: flex-start; height: 48px; padding-right: 0; background: #fff; border-top: 3px solid #e4007b; transition: transform 0.4s ease-in-out; transform: translateX(100%); } } .nav-swiping .mod-header>.m-wrapper .m-menu--bottom { transition: none; } .nav-open .mod-header>.m-wrapper .m-menu--bottom { padding-right: 225px; } @media only screen and (max-width: 550px) { .nav-open .mod-header>.m-wrapper .m-menu--bottom { padding-right: 0; transform: translateX(0); } } @media only screen and (max-width: 550px) { .mod-header>.m-wrapper .m-menu--bottom.is-closing--swipe { transform: translateX(100%); } } .mod-header>.m-wrapper .m-menu--bottom>.m-item { flex: none; } .mod-header>.m-wrapper .m-menu--bottom>.m-item-abo { display: flex; align-items: center; cursor: pointer; position: relative; overflow: hidden; transition: width .4s ease-in-out; } .mod-header>.m-wrapper .m-menu--bottom>.m-item-abo .m-text { font-size: 20px; line-height: 1.4; padding: 12px 15px; color: #E4007B; font-weight: 700; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--search { display: flex; align-items: center; border-right: 1px solid rgba(255, 255, 255, 0.3); cursor: pointer; position: relative; overflow: hidden; transition: width 0.4s ease-in-out; width: 49px; height: 100%; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--search:after, .mod-header>.m-wrapper .m-menu--bottom>.m-item--search:before { display: block; position: absolute; top: 50%; transform: translate(0, -50%); content: ""; background-repeat: no-repeat; z-index: 15; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--search:after { display: none; width: 18px !important; height: 18px !important; transform: translate(50%, -50%); background-image: url(../assets/svg/icon-close.svg) !important; } @media only screen and (max-width: 550px) { .mod-header>.m-wrapper .m-menu--bottom>.m-item--search:after { background-image: url(../assets/svg/icon-close.svg) !important; } } .mod-header>.m-wrapper .m-menu--bottom>.m-item--search.is-open:before { animation: fadeOutToNone 0.4s ease-in-out forwards; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--search.is-open:after { display: block; animation: fadeInFromNone 0.4s ease-in-out forwards; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--search.is-closed:before { animation: fadeInFromNone 0.4s ease-in-out forwards; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--search.is-closed:after { display: block; animation: fadeOutToNone 0.4s ease-in-out forwards; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--search>.m-wrapper:after { position: absolute; top: 0; right: 0; height: 100%; display: block; content: ""; background: #fff; z-index: 10; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--search:before { width: 28px; height: 28px; right: 14px; background-image: url(../assets/svg/icon-search.svg); background-size: 100%; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--search:after { right: 24.5px; } @media only screen and (max-width: 550px) { .mod-header>.m-wrapper .m-menu--bottom>.m-item--search { margin-left: 20px; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--search:before { background-image: url(../assets/svg/icon-search.svg); } } .mod-header>.m-wrapper .m-menu--bottom>.m-item--search.is-open { width: 265px; background-position: right 15px center; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--search.has-border { border-bottom: 5px solid #e4007b; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--search>.m-wrapper { width: 100%; height: 100%; padding-right: 49px; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--search>.m-wrapper:after { width: 49px; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--search>.m-wrapper>.m-form { display: flex; width: 100%; height: 100%; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--search>.m-wrapper>.m-form>.m-input { width: 100%; height: 36px; font-family: "Roboto Condensed"; font-size: 14px; font-size: 0.875rem; color: #e4007b; border: none; margin: 0; padding: 0 10px; background: #fff; border-bottom: 2px solid #e4007b; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--search>.m-wrapper>.m-form>.m-input:focus { outline: 0; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--search>.m-wrapper>.m-form>.m-input::placeholder { color: #e4007b; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--search>.m-wrapper>.m-form>.m-button { margin: 0; padding: 0 10px; width: 49px; height: 100%; border: none; background: #fff; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--search>.m-wrapper>.m-form>.m-button:before { position: absolute; display: block; content: ""; width: 20px; height: 20px; background-image: url(../assets/svg/icon-search.svg); background-repeat: no-repeat; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login { display: flex; align-items: center; border-right: 1px solid rgba(255, 255, 255, 0.3); cursor: pointer; position: relative; overflow: hidden; transition: width 0.4s ease-in-out; width: 49px; height: 100%; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login:after, .mod-header>.m-wrapper .m-menu--bottom>.m-item--login:before { display: block; position: absolute; top: 50%; transform: translate(0, -50%); content: ""; background-repeat: no-repeat; z-index: 15; margin-top: -1px; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login:after { display: none; width: 18px !important; height: 18px !important; transform: translate(50%, -50%); background-image: url(../assets/svg/icon-close.svg) !important; } @media only screen and (max-width: 550px) { .mod-header>.m-wrapper .m-menu--bottom>.m-item--login:after { background-image: url(../assets/svg/icon-close.svg) !important; } } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login>.m-wrapper:after { position: absolute; top: 0; right: 0; height: 100%; display: block; content: ""; background: #fff; z-index: 10; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login:before { width: 28px; height: 28px; right: 16px; background-image: url(../assets/svg/icon-login-default.svg); background-size: 100%; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login.is-logged:before { right: 11px; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login:after { right: 24.5px; } @media only screen and (max-width: 550px) { .mod-header>.m-wrapper .m-menu--bottom>.m-item--login:before { background-image: url(../assets/svg/icon-login-default.svg); } } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login.is-open { width: 49px; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login.is-logged:before { width: 28px; height: 28px; background-image: url(../assets/svg/icon-login-active.svg); background-size: 100%; } @media only screen and (max-width: 550px) { .mod-header>.m-wrapper .m-menu--bottom>.m-item--login.is-logged:before { background-image: url(../assets/svg/icon-login-active.svg); } } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login>.m-wrapper { width: 100%; height: 100%; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login>.m-wrapper:after { width: 45px; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login.is-open>.m-wrapper>.m-loginbox { padding-left: 0px; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login.is-open>.m-wrapper>.m-loginbox .m-loginbox-items { position: fixed; top: 78px; padding: 25px; background-color: #fff; cursor: default; margin-left: -125px; box-shadow: 0px 1px 3px rgba(77, 85, 90, 0.16); } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login.is-open>.m-wrapper>.m-loginbox .m-loginbox-items .m-user { font-size: 16px; line-height: 1.3; color: #2a2f31; text-align: left; font-weight: 700; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login.is-open>.m-wrapper>.m-loginbox .m-loginbox-items .m-logout { border-bottom: 2px solid #2a2f31; margin-left: 40px; cursor: pointer; color: #2a2f31; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login.is-open>.m-wrapper>.m-loginbox .m-loginbox-items .m-logout:hover { color: #2a2f31; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login.is-open>.m-wrapper>.m-loginbox .m-loginbox-items a.m-logout { transition: none; -webkit-transition: none; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login.is-open>.m-wrapper>.m-loginbox .m-loginbox-items ul li { line-height: 1.3; font-weight: 700; text-align: center; border: 1px solid #E4007B; border-radius: 5px; margin-top: 15px; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login.is-open>.m-wrapper>.m-loginbox .m-loginbox-items ul li a { color: #E4007B; font-size: 16px; font-weight: 700; line-height: 1.3; display: inherit; padding: 12px 0; transition: none; -webkit-transition: none; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login>.m-wrapper>.m-loginbox { display: flex; flex-direction: column; justify-content: center; position: relative; font-size: 14px; font-size: 0.875rem; line-height: 1.2; width: 100%; height: 100%; padding-left: 41px; overflow: hidden; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login>.m-wrapper>.m-loginbox a { color: #e4007b; } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login>.m-wrapper>.m-loginbox:before { position: absolute; top: 50%; left: 20.5px; transform: translate(-50%, -50%); display: block; content: ""; width: 28px; height: 28px; background-image: url(../assets/svg/icon-login-active.svg); background-repeat: no-repeat; background-size: 100%; } @media only screen and (max-width: 550px) { .mod-header>.m-wrapper .m-menu--bottom>.m-item--login>.m-wrapper>.m-loginbox:before { background-image: url(../assets/svg/icon-login-active.svg); } } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login>.m-wrapper>.m-loginbox>.m-user { font-family: "Roboto Condensed"; font-size: 14px; font-size: 0.875rem; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width: 550px) { .mod-header>.m-wrapper .m-menu--bottom>.m-item--login>.m-wrapper>.m-loginbox>.m-user { color: COLOR_GREY_DARK_1; } } .mod-header>.m-wrapper .m-menu--bottom>.m-item--login>.m-wrapper>.m-loginbox>.m-logout { font-family: "Roboto Condensed"; font-size: 14px; font-size: 0.875rem; } @media only screen and (max-width: 550px) { .mod-header>.m-wrapper .m-menu--bottom>.m-item--login>.m-wrapper>.m-loginbox>.m-logout { color: #e4007b; } } .gallery .mod-header { position: fixed !important; } .gallery .mod-header>.m-wrapper .m-item--nav { width: auto; } @media only screen and (max-width: 550px) { .gallery .mod-header>.m-wrapper .m-item--nav { display: flex; width: 150px; justify-content: flex-start; padding-left: 20px; } } .gallery .mod-header>.m-wrapper .m-icon--close { position: absolute; top: 45%; right: 15px; } .gallery .mod-header>.m-wrapper .m-icon--close>.m-wrapper { display: flex; width: 27px; height: 19px; position: relative; transition: 0.4s ease-in-out; cursor: pointer; } .gallery .mod-header>.m-wrapper .m-icon--close>.m-wrapper>.m-slice { display: block; position: absolute; height: 3px; width: 100%; background: #fff; opacity: 1; left: 0; transform: rotate(0); transition: 250ms ease-in-out; } .gallery .mod-header>.m-wrapper .m-icon--close>.m-wrapper>.m-slice:nth-child(1) { top: 8px; width: 0; left: 50%; } .gallery .mod-header>.m-wrapper .m-icon--close>.m-wrapper>.m-slice:nth-child(2) { opacity: 1; transform: rotate(45deg); } .gallery .mod-header>.m-wrapper .m-icon--close>.m-wrapper>.m-slice:nth-child(3) { transform: rotate(-45deg); } .gallery .mod-header>.m-wrapper .m-icon--close>.m-wrapper>.m-slice:nth-child(4) { top: 8px; width: 0; left: 50%; } .mod-nav { display: none; position: fixed; top: 0; left: 190px; max-width: 1040px; width: 100%; background: #fff; border: 1px solid #e4007b; z-index: 998; transition: transform ease-in-out 0.4s; transform: translate(0, -100%); overflow-x: hidden; } .mod-nav .m-user { font-size: 16px; line-height: 1.3; padding: 25px 25px 0px; font-weight: bold; color: #2a2f31; text-align: left; } .mod-nav .m-user .link { color: #2a2f31; float: right; border-bottom: 2px solid #2a2f31 } .mod-nav ul li.userstate { font-size: 16px; font-weight: 700; color: #E4007B; border: 1px solid #E4007B; margin: 20px 20px 15px; border-radius: 5px; text-align: center; } .mod-nav ul li.userstate a.link { display: inherit; padding: 12px 0; } @media only screen and (max-width: 1440px) { .mod-nav { left: 0; max-width: 1020px; } } @media only screen and (max-width: 550px) { .mod-nav { display: block; top: 45px; left: auto; right: 0; transform: translate(100%, 0); height: calc(100vh - 93px); overflow-y: scroll; border: none; border-top: 1px solid #e4007b; } } .mod-nav.is-scrollable { height: calc(100vh - 75px); } @media only screen and (max-width: 768px) { .mod-nav.is-scrollable { height: calc(100vh - 45px); } } .mod-nav.is-swiping { transition: none; } .mod-nav.is-open { transform: translate(0, 75px); } @media only screen and (max-width: 768px) { .mod-nav.is-open { transform: translate(0, 71px); } } @media only screen and (max-width: 550px) { .mod-nav.is-open { transform: translate(0, 0); } } @media only screen and (max-width: 550px) { .mod-nav.is-closing--swipe { transform: translate(100%, 0); } } .mod-nav .m-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 40; background-color: #2a2f31; opacity: 0.5; position: absolute; } [data-layout="mobile"] .mod-nav .m-overlay { height: auto; bottom: 0; } .mod-nav .m-overlay.is-open { display: block; } [data-state="is-loggedin"][data-layout="mobile"] .mod-nav .m-overlay.is-open, [data-state="is-subscribed"][data-layout="mobile"] .mod-nav .m-overlay.is-open { margin-top: -186px; } [data-layout="mobile"] .mod-nav .m-overlay.is-open { margin-top: -140px; } .mod-nav .m-overlay.is-closing--swipe, .mod-nav .m-overlay.is-opening--swipe { transition: opacity ease-in-out 0.5s; } .mod-nav .m-overlay.is-closing--swipe { opacity: 0; } .mod-nav .m-overlay.is-opening--swipe { opacity: 0.5; } .mod-nav .m-overlay.is-opening--click { display: block; animation: fadeInFromNoneHalf 0.5s ease-in-out; } .mod-nav .m-overlay.is-closing--click { display: block; animation: fadeOutToNoneHalf 0.5s ease-in-out; } .mod-nav .m-menu { display: none; cursor: auto; background: #fff; } @media only screen and (max-width: 550px) { .mod-nav .m-menu { display: block; overflow-x: hidden; } } .mod-nav .m-menu.is-open { display: block; } [data-layout="mobile"] .mod-nav .m-menu.is-open { overflow: unset; z-index: 999; } .mod-nav .m-menu>.m-item { display: flex; align-items: center; flex-wrap: wrap; cursor: pointer; color: #2a2f31; font-family: "Roboto Condensed"; } .mod-nav .m-menu>.m-item--more:after { display: block; content: ""; width: 13px; height: 22px; margin: 0 5px 0 auto; background-image: url(../assets/svg/icon-arrowright.svg); } .mod-nav .m-menu>.m-item--more a:hover, .mod-nav .m-menu>.m-item--more:hover { color: #fff; } .mod-nav .m-menu>.m-item--more a:hover:after, .mod-nav .m-menu>.m-item--more:hover:after { background-image: url(../assets/svg/icon-arrowright-white.svg); } @media only screen and (max-width: 550px) { .mod-nav .m-menu>.m-item--more a:hover:after, .mod-nav .m-menu>.m-item--more:hover:after { background-image: url(../assets/svg/icon-arrowright.svg); } } .mod-nav .m-menu>.m-item--more.is-active:after { background-image: url(../assets/svg/icon-arrowright-white.svg); } .mod-nav .m-menu>.m-item a:hover, .mod-nav .m-menu>.m-item:hover { background: #e4007b; color: #fff; } .mod-nav .m-menu>.m-item a:hover>.m-link, .mod-nav .m-menu>.m-item:hover>.m-link { color: #fff; } .mod-nav .m-menu>.m-item a:hover>.m-link .m-note, .mod-nav .m-menu>.m-item:hover>.m-link .m-note { color: #fff; } @media only screen and (max-width: 550px) { .mod-nav .m-menu>.m-item a:hover, .mod-nav .m-menu>.m-item:hover { background: 0 0; color: #e4007b; } } @media only screen and (max-width: 550px) { .mod-nav .m-menu>.m-item a:hover>.m-link, .mod-nav .m-menu>.m-item:hover>.m-link { color: #e4007b; } } @media only screen and (max-width: 550px) { .mod-nav .m-menu>.m-item a:hover>.m-no-wrap>.m-note, .mod-nav .m-menu>.m-item:hover>.m-no-wrap>.m-note { color: #a5a5a5; } } .mod-nav .m-menu>.m-item.is-active { background: #e4007b; color: #fff; } .mod-nav .m-menu>.m-item.is-active>.m-link { color: #fff; } .mod-nav .m-menu>.m-item.is-active>.m-link .m-note { color: #fff; } .mod-nav .m-menu>.m-item>.m-link { transition: none; color: #2a2f31; } .mod-nav .m-menu>.m-item>.m-link .m-note { display: inline-block; font-size: 10px; line-height: 0; color: #a5a5a5; margin: 15px 0 0 3px; } .mod-nav .m-menu>.m-item>.m-no-wrap { white-space: nowrap; } .mod-nav .m-menu--1 { position: relative; width: 100%; padding: 0 0 50px 0; z-index: 1; overflow-y: auto; } .mod-nav .m-menu--1>.m-item { width: 66.66666667%; padding: 0 37px; line-height: 50px; font-size: 28px; } .to-image-slider-text { line-height: 47px; } @media only screen and (max-width: 550px) { .mod-nav .m-menu--1>.m-item { width: 100%; height: 45px; padding: 0 20px; line-height: 48px; font-size: 25px; text-align: left !important; } } .mod-nav .m-menu--1>.m-item a { width: 100%; } .mod-nav .m-menu--1>.m-item:first-of-type { margin-top: 10px; } .mod-nav .m-menu--1>.m-item:last-of-type { margin-bottom: 30px; } @media only screen and (max-width: 550px) { .mod-nav .m-menu--1>.m-item:last-of-type { margin-bottom: 10px; } } .mod-nav .m-menu--1.is-open--child>.m-item { width: 33.33333333%; } @media only screen and (max-width: 550px) { .mod-nav .m-menu--1.is-open--child>.m-item { width: 100%; } } [data-layout="mobile"] .mod-nav .m-menu--1.is-open .m-menu--2.is-open { margin-top: -140px; bottom: 0; height: auto; } [data-state="is-loggedin"][data-layout="mobile"] .mod-nav .m-menu--1.is-open .m-menu--2.is-open, [data-state="is-subscribed"][data-layout="mobile"] .mod-nav .m-menu--1.is-open .m-menu--2.is-open { margin-top: -186px; } .mod-nav .m-menu--1>.m-sidebar { display: flex; flex-direction: column; position: absolute; top: 0; right: 0; width: 33.33333333%; height: calc(100% - 50px); border-left: 1px solid #e4007b; margin-left: auto; z-index: 5; overflow-x: hidden; } @media only screen and (max-width: 550px) { .mod-nav .m-menu--1>.m-sidebar { position: static; top: auto; right: auto; width: 100%; height: auto; border: none; margin-left: 0; } } .mod-nav .m-menu--1>.m-sidebar img { width: 100%; } .mod-nav .m-menu--1>.m-sidebar>.m-ads { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; flex: 1; width: 100%; padding: 14px 10px; } @media only screen and (max-width: 550px) { .mod-nav .m-menu--1>.m-sidebar>.m-ads { align-items: flex-start; padding: 7px 20px 10px 20px; order: 1; } } .mod-nav .m-menu--1>.m-sidebar>.m-ads>.m-ad>.m-note { display: block; font-size: 10px; font-size: 0.625rem; color: #a5a5a5; margin-bottom: 2px; } .mod-nav .m-menu--1>.m-sidebar>.m-ads>.m-ad>.m-content { width: 300px; height: 100px; background: #666; border: #e4007b; } .mod-nav .m-menu--1>.m-links { position: absolute; bottom: 0; left: 0; display: flex; align-items: center; width: 100%; height: 50px; background: #fce5f2; border-top: 1px solid #e4007b; overflow: hidden; margin-top: auto; } @media only screen and (max-width: 550px) { .mod-nav .m-menu--1>.m-links { position: static; bottom: auto; left: auto; display: flex; flex-direction: column; align-items: flex-start; height: auto; padding: 10px 0; } } .mod-nav .m-menu--1>.m-links>.m-item { display: flex; align-items: center; height: 17px; padding: 0 13px; border-right: 0 solid #3ab971; cursor: pointer; } @media only screen and (max-width: 768px) { .mod-nav .m-menu--1>.m-links>.m-item { padding: 0 6px; } } @media only screen and (max-width: 550px) { .mod-nav .m-menu--1>.m-links>.m-item { width: 100%; height: auto; padding: 0 20px !important; border: none; } } .mod-nav .m-menu--1>.m-links>.m-item:first-child { padding-left: 35px; } .mod-nav .m-menu--1>.m-links>.m-item:last-child { border: none; padding-right: 40px; } .mod-nav .m-menu--1>.m-links>.m-item>.m-link { font-family: "Roboto Condensed"; font-size: 18px; color: #e4007b; opacity: 1; transition: none; white-space: nowrap; } @media only screen and (max-width: 550px) { .mod-nav .m-menu--1>.m-links>.m-item>.m-link { line-height: 40px; } } .mod-nav .m-menu--2 { z-index: 50; width: 33.33333333%; left: 33.33333333%; } @media only screen and (max-width: 550px) { .mod-nav .m-menu--2 { width: 75%; } } @media only screen and (max-width: 550px) { .mod-nav .m-menu--2.is-open--child { width: 83.33333333%; } } .mod-nav .m-menu--2 .level-1-link { font-weight: 700; } .mod-nav .m-menu--3 { z-index: 55; width: 100%; left: 100%; } @media only screen and (max-width: 550px) { .mod-nav .m-menu--3 { width: 80%; } } .mod-nav .m-menu--3 .level-2-link { font-weight: 700; } .mod-nav .m-menu--2, .mod-nav .m-menu--3 { position: absolute; height: calc(100% - 50px); top: 0; padding: 10px 0; border-left: 1px solid #e4007b; transition: transform ease-in-out 0.4s; overflow-y: auto; } @media only screen and (max-width: 550px) { .mod-nav .m-menu--2, .mod-nav .m-menu--3 { height: 100%; left: auto; right: -50px; padding: 10px 0; box-shadow: 0 0 50px -10px #2a2f31; transition: transform ease-in-out 0.4s, width 0.4s ease-in-out; transform: translate(100%, 0); } } .mod-nav .m-menu--2.is-swiping, .mod-nav .m-menu--3.is-swiping { transition: none; } @media only screen and (max-width: 550px) { .mod-nav .m-menu--2.is-open, .mod-nav .m-menu--3.is-open { transform: translate(-50px, 0); } } .mod-nav .m-menu--2.is-closed, .mod-nav .m-menu--3.is-closed { display: none; } @media only screen and (max-width: 550px) { .mod-nav .m-menu--2.is-closed, .mod-nav .m-menu--3.is-closed { display: block; } } @media only screen and (max-width: 550px) { .mod-nav .m-menu--2.is-closing--swipe, .mod-nav .m-menu--3.is-closing--swipe { transform: translate(100%, 0); } } .mod-nav .m-menu--2>.m-item, .mod-nav .m-menu--3>.m-item { padding: 0 31px; font-size: 18px; line-height: 40px; } @media only screen and (max-width: 550px) { .mod-nav .m-menu--2>.m-item, .mod-nav .m-menu--3>.m-item { padding: 0 21px; font-size: 16px; } } body.nav-open { overflow: hidden; } .gallery .m-menu--top .m-item--nav { border: none; } .gallery .m-menu--top .m-item--nav a { color: #fff; } .gallery .m-menu--top .m-item--nav a:active, .gallery .m-menu--top .m-item--nav a:visited { color: #fff; } .mod-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 40; background-color: #2a2f31; opacity: 0.5; } .mod-overlay.is-open { display: block; } .mod-overlay.is-closing--swipe, .mod-overlay.is-opening--swipe { transition: opacity ease-in-out 0.5s; } .mod-overlay.is-closing--swipe { opacity: 0; } .mod-overlay.is-opening--swipe { opacity: 0.5; } .mod-overlay.is-opening--click { display: block; animation: fadeInFromNoneHalf 0.5s ease-in-out; } .mod-overlay.is-closing--click { display: block; animation: fadeOutToNoneHalf 0.5s ease-in-out; } .header { width: 100%; position: relative; } .header:after { content: " "; display: block; position: absolute; height: 1px; border-bottom: 1px solid #7c7c7c; top: 13px; z-index: 1; } .header h4, .header span { display: inline-block; color: #666; font-weight: 500; line-height: 1; } .header h4 a, .header span a { color: #e4007b; transition: color 0.25s ease; -o-transition: color 0.25s ease; -webkit-transition: color 0.25s ease; } .header .logo { display: flex; align-items: center; position: absolute; top: 0; } .header .logo img { display: block; width: auto; max-width: 100%; height: auto; } .search .header { display: none; } [data-simpleheadline="yes"] .header, [data-simpleheadline="yes"][data-widget="yes"] .header { background: 0 0; } [data-simpleheadline="yes"] .header h4, [data-simpleheadline="yes"] .header span, [data-simpleheadline="yes"][data-widget="yes"] .header h4, [data-simpleheadline="yes"][data-widget="yes"] .header span { color: #666; padding-right: 0; } [data-simpleheadline="yes"] .header .logo, [data-simpleheadline="yes"][data-widget="yes"] .header .logo { display: none; } [data-layout="desktop"] .header { padding: 0 20px; } [data-layout="desktop"] .header h4, [data-layout="desktop"] .header span { font-size: 38px; font-size: 2.15rem; margin: 0 0 4px 0; } [data-layout="desktop"] .header .logo { right: 20px; bottom: -20px; max-width: 80px; } [data-layout="desktop"] .header .logo+h4 { padding-right: 100px; } [data-layout="desktop"] [data-simpleheadline="yes"] .header, [data-layout="desktop"] [data-simpleheadline="yes"][data-widget="yes"] .header { padding: 0 20px; } [data-layout="desktop"] [data-simpleheadline="yes"] .header h4, [data-layout="desktop"] [data-simpleheadline="yes"] .header span, [data-layout="desktop"] [data-simpleheadline="yes"][data-widget="yes"] .header h4, [data-layout="desktop"] [data-simpleheadline="yes"][data-widget="yes"] .header span { font-size: 1.25rem; margin: 4px 0 5px; } [data-layout="desktop"] .teaser-marketing .header h4 { font-size: 18px; font-size: 1.125rem; } [data-layout="desktop"] .first .header { padding-top: 20px; } [data-layout="tablet"] .header { padding: 0 12px; } [data-layout="tablet"] .header h4, [data-layout="tablet"] .header span { font-size: 2.375rem; margin: 0 0 26px 0; } [data-layout="tablet"] .header .logo { right: 12px; bottom: -12px; max-width: 80px; } [data-layout="tablet"] .header .logo+h4 { padding-right: 92px; } [data-layout="tablet"] [data-simpleheadline="yes"] .header, [data-layout="tablet"] [data-simpleheadline="yes"][data-widget="yes"] .header { padding: 0 12px; } [data-layout="tablet"] [data-simpleheadline="yes"] .header h4, [data-layout="tablet"] [data-simpleheadline="yes"] .header span, [data-layout="tablet"] [data-simpleheadline="yes"][data-widget="yes"] .header h4, [data-layout="tablet"] [data-simpleheadline="yes"][data-widget="yes"] .header span { font-size: 2.625rem; margin: 4px 0 5px; } [data-layout="tablet"] .teaser-marketing .header h4 { font-size: 18px; font-size: 1.125rem; } [data-layout="mobile"] .header { padding: 0; margin-top: 20px; } [data-layout="mobile"] .header h4, [data-layout="mobile"] .header span { font-size: 1.5rem; margin: 0 0 9px 0; } [data-layout="mobile"] .header .logo { right: 10px; bottom: -10px; max-width: 70px; } [data-layout="mobile"] .header .logo+h4 { padding-right: 80px; } [data-layout="mobile"] [data-simpleheadline="yes"] .header, [data-layout="mobile"] [data-simpleheadline="yes"][data-widget="yes"] .header { padding: 0; } [data-layout="mobile"] [data-simpleheadline="yes"] .header h4, [data-layout="mobile"] [data-simpleheadline="yes"] .header span, [data-layout="mobile"] [data-simpleheadline="yes"][data-widget="yes"] .header h4, [data-layout="mobile"] [data-simpleheadline="yes"][data-widget="yes"] .header span { font-size: 2.375rem; margin: 4px 0 5px; } [data-layout="mobile"] .teaser-medium>.header { padding: 0 20px; } [data-layout="mobile"] .teaser-marketing .header { margin-left: 10px; } [data-layout="mobile"] .teaser-marketing .header h4 { font-size: 16px; font-size: 1rem; } .include .m-ad--note { font-size: 14px; font-size: 0.875rem; color: #a5a5a5; line-height: 1; display: block; width: 100%; padding: 7px 0; text-align: center; } .include .include-content.ec-content-topline .item { padding-top: 0; padding-bottom: 0; } .include .content { font-size: 16px; font-size: 1rem; line-height: 1.3; } .include .mod_editorial h2 { font-size: 30px; font-size: 1.875rem; margin-bottom: 10px; } .include .mod_editorial p { max-width: 750px; } [data-layout="desktop"] .include .include-header { padding: 0 20px; } [data-layout="desktop"] .include .include-header:after { left: 20px; right: 20px; } [data-layout="desktop"] .include .include-content .item { padding-bottom: 10px; } [data-layout="desktop"] .include .include-content hr { margin: 15px 20px; } [data-layout="desktop"] .include .include-content.ec-content-topline .item { padding-top: 0; padding-bottom: 0; } [data-layout="tablet"] .include .include-header { padding: 0 12px; } [data-layout="tablet"] .include .include-header:after { left: 12px; right: 12px; } [data-layout="tablet"] .include .include-content hr { margin: 15px 12px; } [data-layout="tablet"] .include .include-content.ec-content-topline .item { padding-top: 0; padding-bottom: 0; } [data-layout="mobile"] .include .include-header { padding: 0 10px; } [data-layout="mobile"] .include .include-header:after { left: 10px; right: 10px; } [data-layout="mobile"] .include .item { padding-left: 0; padding-right: 0; } [data-layout="mobile"] .include .include-content hr { margin: 15px 10px; } .open-lightbox { cursor: pointer; } .lightbox { position: relative; background: #fff; width: auto; margin: 0 auto; display: block; } .lightbox[data-type="brightcove"] { max-width: 700px; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; overflow: hidden; position: fixed; background: #2a2f31; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 10001; position: fixed; outline: 0 !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 10002; } .mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #e8e8e8; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 10002; } .mfp-preloader a { color: #e8e8e8; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; right: 0; top: 0; text-align: center; color: #e4007b; font-size: 1rem; cursor: pointer; transition: color 0.25s ease; -o-transition: color 0.25s ease; -webkit-transition: color 0.25s ease; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; margin: 0 auto; } .mfp-figure { line-height: 0; } .mfp-figure figure { margin: 0; } .mfp-title { text-align: left; font-size: 1.5rem; line-height: 1; color: #666; word-wrap: break-word; padding-right: 44px; margin-bottom: 40px; } .mfp-image-holder .mfp-content { max-width: 100%; } [data-layout="desktop"] .lightbox { padding: 50px; } [data-layout="desktop"] .mfp-container { padding: 0 20px; } [data-layout="desktop"] .mfp-close { line-height: 44px; position: absolute; } [data-layout="desktop"] .mfp-close:hover { color: #e4007b; } [data-layout="tablet"] .lightbox { padding: 50px; } [data-layout="tablet"] .mfp-container { padding: 0 12px; } [data-layout="tablet"] .mfp-close { line-height: 44px; position: absolute; } [data-layout="mobile"] .lightbox { padding: 50px; } [data-layout="mobile"] .mfp-container { padding: 0 10px; } [data-layout="mobile"] .mfp-close { line-height: 44px; position: absolute; } .mod-ntf { overflow: auto; display: none; position: fixed; min-width: 320px; z-index: 9999; box-sizing: border-box; overflow: hidden; } .mod-ntf.ntf-open { display: -ms-flexbox; display: flex; animation: open 0.4s ease-out forwards; } .mod-ntf .ntf-container { max-width: 320px; pointer-events: all; z-index: 45; border: 1px solid #e4007b; } .mod-ntf .ntf-container .ntf-item { position: relative; background: #eee; opacity: 0; animation: open 0.4s ease-out forwards; font-size: 1rem; line-height: 1; } .mod-ntf .ntf-container .ntf-item:hover .close { opacity: 0.7; } .mod-ntf .ntf-container .ntf-item:hover .close:hover { opacity: 1; } .mod-ntf .ntf-container .ntf-item.ntf-visible { opacity: 1; } .mod-ntf .ntf-container .ntf-item .ntf-header { display: flex; background-color: #e4007b; padding: 15px 50px 15px 20px; color: #fff; font-family: "Roboto Condensed"; font-size: 1.375rem; line-height: 1.2; } .mod-ntf .ntf-container .ntf-item .ntf-content { font-size: 1.0625rem; line-height: 1.3; color: #454545; padding: 15px 20px; } .mod-ntf .ntf-container .ntf-item .ntf-content figure { margin: 0; } .mod-ntf .ntf-container .ntf-item .ntf-content p { margin: 0; } .mod-ntf .ntf-container .ntf-item .ntf-content figure+figure { margin: 20px 0 0; } .mod-ntf .ntf-container .ntf-item .ntf-content figure+p { margin: 20px 0 0; } .mod-ntf .ntf-container .ntf-item .ntf-content p+figure { margin: 20px 0 0; } .mod-ntf .ntf-container .ntf-item .ntf-content p+p { margin: 20px 0 0; } .mod-ntf .ntf-container .ntf-item .ntf-content img { display: block; width: 100%; border-radius: 6px; } .mod-ntf .ntf-container .ntf-item .ntf-content a { border-bottom: 1px solid; color: rgba(47, 46, 53, 0.7); transition: border-color 0.2s; } .mod-ntf .ntf-container .ntf-item .ntf-content a:hover { border-color: transparent; } .mod-ntf .ntf-container .ntf-item .ntf-footer { padding: 0 20px 20px; } .mod-ntf .ntf-container .ntf-item .ntf-footer label { display: block; margin-top: 15px; } .mod-ntf .ntf-container .ntf-item .ntf-footer label input { height: inherit; line-height: 1; vertical-align: middle; } .mod-ntf .ntf-container .ntf-item .ntf-footer label small { font-size: 14px; font-size: 0.875rem; line-height: 1; } .mod-ntf .container--top { margin-top: 15px; margin-bottom: auto; } .mod-ntf .container--left { margin-left: 2rem; margin-right: auto; } .mod-ntf .container--center { margin: auto; } .mod-ntf .container--center_bottom { max-width: 1112px; margin: auto auto 15px; } .mod-ntf .ntf-close { position: absolute; top: 15px; right: 20px; font-size: 1.375rem; opacity: 1; transition: opacity 0.2s; z-index: 10; color: #fff; cursor: pointer; } .mod-ntf .btn { color: #fff; } .mod-ntf .btn.btn-white { background: #fff; color: #e4007b; } .mod-ntf .btn+.btn { margin-left: 10px; } [data-layout="desktop"] .mod-ntf { bottom: 150px; left: 60%; } [data-layout="tablet"] .notification.breaking-news .header { flex-basis: 105px; } [data-layout="tablet"] .notification.breaking-news .header>div>span.icon-breaking-news { display: none; } [data-layout="tablet"] .notification.live-ticker .header { flex-basis: 105px; } [data-layout="tablet"] .notification.live-ticker .header>div>span.icon-live-ticker { display: none; } [data-layout="tablet"] .notification.tram { padding: 0 170px 0 123px; } [data-layout="tablet"] .notification.tram .header { width: 105px; } [data-layout="tablet"] .notification.tram .header>div>span.icon-tram { margin-right: 3px; } [data-layout="tablet"] .notification.tram .tram-logo { padding-left: 60px; } [data-layout="tablet"] .notification.tram .tram-logo img { max-width: 104px; } [data-layout="tablet"] .notification.tram .tram-logo:before { content: "powered by"; } [data-layout="tablet"] .notification.subway { padding: 0 170px 0 123px; } [data-layout="tablet"] .notification.subway .header { width: 105px; } [data-layout="tablet"] .notification.subway .header>div>span.icon-subway { margin-right: 3px; } [data-layout="tablet"] .notification.subway .subway-logo { padding-left: 60px; } [data-layout="tablet"] .notification.subway .subway-logo img { max-width: 104px; } [data-layout="tablet"] .notification.subway .subway-logo:before { content: "powered by"; } [data-layout="mobile"] .mod-ntf { width: 100%; height: 100%; bottom: 0; left: 0; justify-content: center; } [data-layout="mobile"] .mod-ntf .ntf-overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 40; background-color: #2a2f31; opacity: 0.5; } [data-layout="mobile"] .mod-ntf .ntf-container { width: calc(100% - 30px); margin: 0 auto; top: 35%; position: absolute; } .pagination { margin: 20px 0 70px 0; } .pagination .pagination-list { position: relative; display: flex; justify-content: center; } .pagination .pagination-list .pagination-item { display: flex; width: 50px; height: 50px; } .pagination .pagination-list .pagination-item+.pagination-item { margin-left: 10px; } .pagination .pagination-list .pagination-item a, .pagination .pagination-list .pagination-item span { display: flex; flex-direction: column; justify-content: center; flex: auto; text-align: center; font-size: 30px; font-size: 1.875rem; } .pagination .pagination-list .pagination-item.active a, .pagination .pagination-list .pagination-item.active span { color: #fff; background: #e4007b; } .pagination .pagination-list .pagination-item.next.inactive { display: none; } .pagination .pagination-list .pagination-item.next a { border: none; } .pagination .pagination-list .pagination-item.prev a { border: none; width: auto; } [data-layout="mobile"] .pagination .pagination-list .pagination-item { width: 30px; height: 30px; } [data-layout="mobile"] .pagination .pagination-list .pagination-item a, [data-layout="mobile"] .pagination .pagination-list .pagination-item span { font-size: 20px; font-size: 1.25rem; } .site.digplugin { padding-left: 0 !important; width: 100% !important; margin: 0 !important; } .site.iframe-context { padding-left: 0 !important; width: 100% !important; margin: 0 !important; } [data-layout="desktop"] .site-wrapper { margin: 0 20px; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; width: 1020px; min-height: 1000px; margin-left: 200px; padding-top: 88px; background-color: #fff; } @media only screen and (max-width: 1440px) { [data-layout="desktop"] .site-wrapper { margin-left: 0; } } [data-layout="tablet"] .site { padding: 0; padding-top: 75px; min-height: 800px; } [data-layout="mobile"] .site { padding: 0; padding-top: 50px; overflow-x: hidden; min-height: 700px; } [data-layout="mobile"] .inApp .site { padding-top: 20px; } .slider-brick { position: relative; overflow: hidden; white-space: nowrap; } .slider-brick.compact-brick { padding-bottom: 30px; } .slider-brick.compact-brick [data-tags*="Bilder"] .appetizer .compact-appetizer>h3 { padding: 9px 15px; } .slider-brick.compact-brick .badges { display: none; } .slider-brick .appetizer { border: none; } [data-layout="desktop"] .slider-brick .arrow.skip:hover [class*="icon-skip-arrow"] { color: #e4007b; } [data-layout="desktop"] [data-layout-desktop*="ia1-"] .slider-brick.compact-brick .content, [data-layout="desktop"] [data-layout-desktop*="ia2-"] .slider-brick.compact-brick .content, [data-layout="desktop"] [data-layout-desktop*="ia3-"] .slider-brick.compact-brick .content { font-size: 0.625rem; } [data-layout="desktop"] [data-layout-desktop*="c1-"] .slider-brick { padding-top: 0; padding-right: 0; padding-left: 0; } [data-layout="desktop"] [data-layout-desktop*="c1-"] .slider-brick .flickity-viewport { margin: -3px -3px 0 -3px; } [data-layout="desktop"] [data-layout-desktop*="c1-"] .slider-brick .item { padding: 0; } [data-layout="desktop"] [data-layout-desktop*="c1-"] .slider-brick .appetizer .appetizer-kicker { padding: 0 10px; } [data-layout="desktop"] [data-layout-desktop*="c1-"] .slider-brick .appetizer .appetizer-title { padding: 0 10px; } [data-layout="desktop"] .m-bg .flickity-slider .item:before { content: ""; background-color: #b5b5b5; position: absolute; width: 1px; height: calc(100% - 54px); left: -1px; } [data-layout="tablet"] [data-layout-tablet*="ia1-"] .slider-brick.compact-brick .content, [data-layout="tablet"] [data-layout-tablet*="ia2-"] .slider-brick.compact-brick .content, [data-layout="tablet"] [data-layout-tablet*="ia3-"] .slider-brick.compact-brick .content { font-size: 0.563rem; } [data-layout="tablet"] [data-layout-tablet*="c1-"] .slider-brick { padding-top: 0; padding-right: 0; padding-left: 0; } [data-layout="tablet"] [data-layout-tablet*="c1-"] .slider-brick .flickity-viewport { margin: -3px -3px 0 -3px; } [data-layout="tablet"] [data-layout-tablet*="c1-"] .slider-brick .item { padding: 0; } [data-layout="tablet"] [data-layout-tablet*="c1-"] .slider-brick .appetizer .appetizer-kicker { padding: 0 10px; } [data-layout="tablet"] [data-layout-tablet*="c1-"] .slider-brick .appetizer .appetizer-title { padding: 0 10px; } [data-layout="tablet"] .m-bg .flickity-slider .item:before { content: ""; background-color: #b5b5b5; position: absolute; width: 1px; height: calc(100% - 54px); left: -1px; } [data-layout="mobile"] .slider-brick.compact-brick { padding-bottom: 30px; } [data-layout="mobile"] .slider-brick.compact-brick .appetizer { position: relative; border: none; } [data-layout="mobile"] .slider-brick.compact-brick .appetizer .compact-appetizer>figure { margin: 0; width: 100%; position: relative; } [data-layout="mobile"] .slider-brick.compact-brick .appetizer .compact-appetizer>h3 { position: absolute; text-shadow: 1px 1px 1px #4d555a; background: #2a2f31; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #2a2f31 90%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(90%, #2a2f31)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #2a2f31 90%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #2a2f31 90%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, #2a2f31 90%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #2a2f31 90%); } [data-layout="mobile"] .slider-brick.compact-brick .appetizer .compact-appetizer>h3 .appetizer-kicker { display: none; } [data-layout="mobile"] .slider-brick.compact-brick .appetizer .compact-appetizer>h3 .appetizer-title { color: #fff; white-space: normal; } .mod-gallery h2 { font-size: 14px; font-size: 0.875rem; color: #7c7c7c; padding-right: 84px; line-height: 1.3; } .mod-gallery h2 .article-kicker:after { content: ":"; padding-right: 0.1rem; } .slider-gallery.loading { background-image: url(../../images/loading.gif) !important; background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-color: rgba(255, 255, 255, 0); } .slider-gallery.loading .item-list { overflow: hidden; opacity: 0; } .slider-gallery.loading .gallery-count { display: none; } .slider-gallery .item-list { position: relative; padding: 0; display: flex; flex-direction: column; } .slider-gallery .item-list .rsOverflow { overflow: hidden; position: relative; display: flex; flex-direction: column; order: 2; } .slider-gallery .item-list .rsOverflow .rsContainer { width: 100%; position: relative; } .slider-gallery .item-list .rsOverflow .rsContainer .rsSlide { display: block; width: 100%; overflow: hidden; position: absolute; top: 0; left: 0; text-align: center; } .slider-gallery .item-list .rsOverflow .rsContainer .rsSlide .rsImg { max-width: 100%; } .slider-gallery .item-list .rsOverflow .rsContainer .rsSlide .ad { width: auto; height: auto; display: flex; justify-content: center; flex-direction: column; position: relative; } .slider-gallery .item-list .rsOverflow .rsContainer .rsSlide .appetizer-list { display: flex; width: 100%; justify-content: center; flex-direction: column; position: relative; } .slider-gallery .item-list .rsOverflow .rsContainer .rsSlide .appetizer-list:before { content: "Lesen Sie auch"; font-size: 22px; font-size: 1.375rem; line-height: 1; } .slider-gallery .item-list .gallery-count { position: absolute; top: -32px; right: 20px; line-height: 1; color: #7c7c7c; } .slider-gallery .item-list .gallery-count .all-count, .slider-gallery .item-list .gallery-count .current-count { font-size: 1.125rem; } .slider-gallery .item-list .gallery-count .current-count { color: #2a2f31; } .slider-gallery .item-list .gallery-count .all-count:before { content: "/"; padding: 0 3px; } .slider-gallery .item-list .rsGCaption { display: flex; flex-direction: column; order: 3; width: auto; margin-top: 15px; font-size: 1rem; } .slider-gallery .item-list .rsGCaption .rsCaption { display: block; line-height: 1.4; } .slider-gallery .item-list .rsGCaption .rsCaption .source { font-style: italic; } .slider-gallery .item-list .rsGCaption .rsCaption a { width: auto; } .slider-gallery .back-to-article { display: block; float: left; margin: 15px 0 0; } .slider-gallery .controls { display: none; } [data-layout="desktop"] .mod-gallery { display: flex !important; flex-direction: column; min-height: 700px; max-width: 760px; margin: 0 auto; } [data-layout="desktop"] .slider-gallery { width: 100%; } [data-layout="desktop"] .slider-gallery.loading .item-list { height: 436px; } [data-layout="desktop"] .slider-gallery .item-list { padding: 0 20px; } [data-layout="desktop"] .slider-gallery .item-list .rsOverflow .rsContainer .rsSlide img { max-height: 600px; } [data-layout="desktop"] .slider-gallery .item-list .rsOverflow .rsContainer .rsSlide .ad { width: 100%; height: 475px; padding: 40px 0 40px 0; } [data-layout="desktop"] .slider-gallery .item-list .rsOverflow .rsContainer .rsSlide .appetizer-list { padding-top: 80px; } [data-layout="desktop"] .slider-gallery .item-list .rsArrow { cursor: pointer; width: 44px; height: 100%; position: absolute; z-index: 20; top: 0; transition: visibility 125ms linear, opacity 125ms linear; -o-transition: visibility 125ms linear, opacity 125ms linear; -webkit-transition: visibility 125ms linear, opacity 125ms linear; } [data-layout="desktop"] .slider-gallery .item-list .rsArrow.rsHidden { opacity: 1; visibility: visible; } [data-layout="desktop"] .slider-gallery .item-list .rsArrow.rsArrowRight { right: -24px; } [data-layout="desktop"] .slider-gallery .item-list .rsArrow.rsArrowLeft { left: -24px; } [data-layout="desktop"] .slider-gallery .item-list .rsArrow.rsArrowLeft .rsArrowIcn { transform: rotate(180deg); } [data-layout="desktop"] .slider-gallery .item-list .rsArrow .rsArrowIcn { width: 100%; height: 58px; cursor: pointer; position: absolute; text-align: center; top: 236px; z-index: 2; font-size: 1.5rem; color: #e4007b; padding: 17px 10px; } [data-layout="desktop"] .slider-gallery .item-list .rsGCaption { min-height: 125px; } [data-layout="desktop"] .slider-gallery .back-to-article { padding: 0 20px; } [data-layout="tablet"] .mod-gallery { display: flex !important; flex-direction: column; min-height: 700px; max-width: 760px; margin: 0 auto; } [data-layout="tablet"] .slider-gallery { width: 100%; } [data-layout="tablet"] .slider-gallery.loading .item-list { height: 436px; } [data-layout="tablet"] .slider-gallery .item-list { padding: 0 20px; } [data-layout="tablet"] .slider-gallery .item-list .rsOverflow .rsContainer .rsSlide img { max-height: 600px; } [data-layout="tablet"] .slider-gallery .item-list .rsOverflow .rsContainer .rsSlide .ad { width: 100%; height: 475px; } [data-layout="tablet"] .slider-gallery .item-list .rsOverflow .rsContainer .rsSlide .appetizer-list { padding-top: 80px; } [data-layout="tablet"] .slider-gallery .item-list .rsArrow { cursor: pointer; width: 44px; height: 100%; position: absolute; z-index: 20; top: 0; transition: visibility 125ms linear, opacity 125ms linear; -o-transition: visibility 125ms linear, opacity 125ms linear; -webkit-transition: visibility 125ms linear, opacity 125ms linear; } [data-layout="tablet"] .slider-gallery .item-list .rsArrow.rsHidden { opacity: 1; visibility: visible; } [data-layout="tablet"] .slider-gallery .item-list .rsArrow.rsArrowRight { right: -30px; } [data-layout="tablet"] .slider-gallery .item-list .rsArrow.rsArrowLeft { left: -30px; } [data-layout="tablet"] .slider-gallery .item-list .rsArrow.rsArrowLeft .rsArrowIcn { transform: rotate(180deg); } [data-layout="tablet"] .slider-gallery .item-list .rsArrow .rsArrowIcn { width: 100%; height: 58px; cursor: pointer; position: absolute; text-align: center; top: 236px; z-index: 2; font-size: 1.5rem; color: #e4007b; padding: 17px 10px; } [data-layout="tablet"] .slider-gallery .item-list .rsGCaption { min-height: 125px; } [data-layout="tablet"] .slider-gallery .back-to-article { padding: 0 20px; } [data-layout="mobile"] .mod-gallery .item { padding: 0; } [data-layout="mobile"] .mod-gallery .article-header { margin-top: 10px; } [data-layout="mobile"] .mod-gallery .slider-gallery { padding: 10px 0; margin: 0 -30px; } [data-layout="mobile"] .mod-gallery .slider-gallery.loading .item-list { height: 436px; } [data-layout="mobile"] .mod-gallery .slider-gallery .item-list { padding: 0 10px; } [data-layout="mobile"] .mod-gallery .slider-gallery .item-list .rsOverflow .rsContainer .rsSlide { min-height: 250px; } [data-layout="mobile"] .mod-gallery .slider-gallery .item-list .rsOverflow .rsContainer .rsSlide img { max-height: 300px; } [data-layout="mobile"] .mod-gallery .slider-gallery .item-list .rsOverflow .rsContainer .rsSlide .ad { width: auto; } [data-layout="mobile"] .mod-gallery .slider-gallery .item-list .rsOverflow .rsContainer .rsSlide .appetizer-list { width: auto; margin: 20px; justify-content: center; flex-direction: column; position: relative; } [data-layout="mobile"] .mod-gallery .slider-gallery .item-list .rsOverflow .rsContainer .rsSlide .appetizer-list:before { text-align: left; content: "Lesen Sie auch"; font-size: 22px; font-size: 1.375rem; line-height: 1; } [data-layout="mobile"] .mod-gallery .slider-gallery .item-list .rsOverflow .rsContainer .rsSlide .appetizer-list .item { padding: 10px 0; } [data-layout="mobile"] .mod-gallery .slider-gallery .item-list .rsGCaption { margin: 15px 20px; } [data-layout="mobile"] .mod-gallery .slider-gallery .item-list .rsGCaption .rsCaption { min-height: 120px; } [data-layout="mobile"] .mod-gallery .slider-gallery .back-to-article { display: block; float: left; margin: 0 30px; } [data-layout="mobile"] .mod-gallery .slider-gallery .skip.ad { display: flex; font-size: 20px; font-size: 1.25rem; height: 44px; color: #a5a5a5; } [data-layout="mobile"] .mod-gallery .slider-gallery .skip.ad .arrow { display: flex; align-items: center; line-height: 20px; } [data-layout="mobile"] .mod-gallery .slider-gallery .skip.ad .arrow:before { content: "Anzeige überspringen"; font-size: 14px; font-size: 0.875rem; padding-right: 10px; } [data-layout="mobile"] .mod-gallery .slider-gallery .skip.ad .arrow span { display: flex; align-items: center; } .inserts .slider-brick { padding: 29px 50px; } .inserts .slider-brick figure { margin: 0; width: 100%; } .inserts .slider-brick .image { padding-bottom: 142.33333333%; } .inserts .slider-brick .badges { display: none; } .inserts .slider-brick .appetizer .appetizer-kicker, .inserts .slider-brick .appetizer .appetizer-text, .inserts .slider-brick .appetizer .appetizer-title { display: none; visibility: hidden; } .slider-text { background: #e8e8e8; padding: 10px 50px 14px; position: relative; overflow: hidden; white-space: nowrap; } .slider-text .appetizer-kicker { padding: 0 !important; font-size: 1rem; font-weight: 300; margin-top: 12px !important; } .slider-text .appetizer-title { font-size: 1.25rem; padding: 0 !important; font-weight: 700; margin: 4px 0 10px; } .slider-text .appetizer-text { padding: 0 !important; font-size: 1rem; margin-bottom: 28px; height: auto !important; } .slider-text .arrow { position: absolute; background: #fff; bottom: 0; top: 0; padding: 0; z-index: 3; width: 40px !important; height: auto !important; } .slider-text .arrow.skip { border: 3px solid #e8e8e8; } .slider-text .arrow.skip:after, .slider-text .arrow.skip:before { content: none; } .slider-text .arrow.skip [class*="icon-skip-arrow"] { display: block; height: auto; color: #e4007b; top: 50%; right: 0; left: 0; margin-top: -22px; } .slider-text .arrow.left { left: 0; } .slider-text .arrow.right { right: 0; } .slider-text .slider-count { display: none; } .videos .slider-brick .image { overflow: visible; } .videos .slider-brick .badges { bottom: -8px; right: -8px; } .videos .slider-brick .badges .badge.images, .videos .slider-brick .badges a.badge.images { display: none; } [data-layout="mobile"] .videos .slider-brick .appetizer .appetizer-title { height: 3.5999999999999996em; } [data-tile="yes"] .appetizer { border: none; } [data-tile="yes"] .appetizer figure { margin: 0; width: 100%; } [data-tile="yes"] .appetizer figure .image { padding-bottom: 105.33333333%; } [data-tile="yes"] .appetizer .appetizer-kicker, [data-tile="yes"] .appetizer .appetizer-text, [data-tile="yes"] .appetizer .appetizer-title, [data-tile="yes"] .appetizer .badges { display: none; } .toplists .item-list { display: inline-block; width: 100%; } .toplists .item-list .item { width: 100%; padding-top: 0; padding-bottom: 0; } .toplists .appetizer { border: none; } .toplists .appetizer .badges { display: none; } .toplists .appetizer .appetizer-title { font-size: 1.125rem; } [data-widget="yes"] .toplists { margin-top: -10px; } [data-widget="yes"] .toplists .item-list { border: 3px solid #e8e8e8; padding: 8px 0; } [data-widget="yes"] .toplists .appetizer { padding-left: 20px; position: relative; } [data-widget="yes"] .toplists .appetizer:before { content: attr(data-number); font-size: 3rem; font-weight: 700; color: #7c7c7c; position: absolute; top: -6px; left: 0; } [data-widget="yes"] .toplists .appetizer figure { display: none; } [data-widget="yes"] .toplists .appetizer .appetizer-title { font-size: 1.125rem; margin-bottom: 4px; height: 2.333333em; } [data-layout="desktop"] [data-widget="yes"] .toplists { padding: 0 20px 20px; } [data-layout="desktop"] [data-widget="yes"] .toplists .appetizer-kicker { margin: 0; } [data-layout="desktop"] [data-layout-desktop*="c2-"] .toplists .item-list { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; } [data-layout="desktop"] [data-layout-desktop*="c3-"] .toplists .item-list { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; } [data-layout="desktop"] [data-layout-desktop*="c4-"] .toplists .item-list { column-count: 4; -moz-column-count: 4; -webkit-column-count: 4; } [data-layout="tablet"] [data-widget="yes"] .toplists { padding: 0 12px 12px; } [data-layout="tablet"] [data-widget="yes"] .toplists .appetizer-kicker { margin: 0; } [data-layout="tablet"] [data-layout-tablet*="c2-"] .toplists .item-list { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; } [data-layout="tablet"] [data-layout-tablet*="c3-"] .toplists .item-list { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; } [data-layout="tablet"] [data-layout-tablet*="c4-"] .toplists .item-list { column-count: 4; -moz-column-count: 4; -webkit-column-count: 4; } [data-layout="mobile"] [data-widget="yes"] .toplists { padding: 0 10px 10px; } [data-layout="mobile"] [data-widget="yes"] .toplists .appetizer-kicker { margin: 0; } [data-layout="mobile"] [data-layout-mobile*="c2-"] .toplists .item-list { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; } [data-layout="mobile"] [data-layout-mobile*="c3-"] .toplists .item-list { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; } [data-layout="mobile"] [data-layout-mobile*="c4-"] .toplists .item-list { column-count: 4; -moz-column-count: 4; -webkit-column-count: 4; } .topics-list { font-size: 0.875rem; column-count: 4; line-height: 1.3; } .m-topic--links { flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: center; } .m-topic--links ul { display: flex; } .m-topic--links ul li { display: flex; color: #7c7c7c; } .m-topic--links ul li+li { margin-left: 5px; } .m-topic--links ul li:before { content: ""; width: 19px; height: 13px; content: ""; background-image: url(../assets/svg/icon-tag.svg); background-repeat: no-repeat; display: inline-block; background-position: center; } .m-topic--links ul li:last-child:after { display: none; } .m-topic--links ul li a { display: inline-block; color: #7c7c7c; line-height: 1; } [data-layout="desktop"] .m-topic--links ul li+li { margin-left: 10px; } [data-layout="desktop"] .m-topic--links ul li:before { padding-right: 5px; } [data-layout="desktop"] .m-topic--links ul li a { font-size: 16px; font-size: 1rem; } [data-layout="tablet"] .m-topic--links ul li a { font-size: 16px; font-size: 1rem; } [data-layout="mobile"] .topics-list { column-count: 2; } [data-layout="mobile"] .m-topic--links ul li a { font-size: 12px; font-size: 0.75rem; } [data-widget="yes"] .widget { position: relative; } [data-widget="yes"] .widget .item { background: #e8e8e8; } [data-widget="yes"] .header { background: #e8e8e8; } [data-widget="yes"] .header:after { content: none; } [data-widget="yes"] .header h4 { color: #666; background: 0 0; text-transform: none; margin: 0; padding: 0; } [data-widget="yes"] .header h4:after, [data-widget="yes"] .header h4:before { content: none; } [data-widget="yes"] .header h4 a { color: #e4007b; transition: color 0.25s ease; -o-transition: color 0.25s ease; -webkit-transition: color 0.25s ease; } [data-layout="desktop"] [data-widget="yes"] .widget { padding: 20px; } [data-layout="desktop"] [data-widget="yes"] .widget .item { padding-left: 40px; padding-right: 40px; } [data-layout="desktop"] [data-widget="yes"] .header { padding: 16px 40px; } [data-layout="desktop"] [data-widget="yes"] .header h4 { font-size: 3.125rem; } [data-layout="tablet"] [data-widget="yes"] .widget { padding: 12px; } [data-layout="tablet"] [data-widget="yes"] .widget .item { padding-left: 24px; padding-right: 24px; } [data-layout="tablet"] [data-widget="yes"] .header { padding: 16px 24px 0; } [data-layout="tablet"] [data-widget="yes"] .header h4 { font-size: 2.625rem; } [data-layout="mobile"] [data-widget="yes"] .widget { padding: 10px; } [data-layout="mobile"] [data-widget="yes"] .widget .item { padding-left: 20px; padding-right: 20px; } [data-layout="mobile"] [data-widget="yes"] .header { padding: 16px 20px 0; } [data-layout="mobile"] [data-widget="yes"] .header h4 { font-size: 2.375rem; } .mod-paywall { padding: 0; box-shadow: 0 0 12px rgba(61, 61, 61, 0.7); border-radius: 5px; background-color: #fff; } .mod-paywall .icn{ margin-left: 0px !important; } .mod-paywall .item { padding: 0; } .mod-paywall .content { font-size: 16px; font-size: 1rem; } .mod-paywall .pw-centered-styles { text-align: center; } .mod-paywall .pw-centered-styles.pw-lz .advantages { width: 80%; text-align: left; margin-bottom: 0; } .mod-paywall .pw-centered-styles .container-main { padding: 2rem 0; color: #2a2f31; margin: 0 auto; max-width: 375px; } .mod-paywall .pw-centered-styles .container-login { padding: 1rem 5.8rem; background: #e7e7e7; font-size: 1rem; font-weight: 700; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; color: #2a2f31; } .mod-paywall .pw-centered-styles .container-login a { white-space: nowrap; display: inline; } .mod-paywall .pw-centered-styles .box-logo { position: relative; margin-bottom: 35px; top: 0; left: 0; } .mod-paywall .pw-centered-styles .box-logo img { width: 118px; } .mod-paywall .pw-centered-styles p { margin-top: 15px; padding: 0; font-size: 1rem; } .mod-paywall .pw-centered-styles h2 { font-size: 1.75rem; margin: 0 0 7px; } .mod-paywall .pw-centered-styles h3 { font-size: 1.5rem; text-transform: inherit; margin: 0; font-weight: 400; color: #656565; } .mod-paywall .pw-centered-styles .more-section { text-align: left; margin-top: 25px; } .mod-paywall .pw-centered-styles .more-section label { display: flex; align-items: center; justify-content: center; cursor: pointer; font-weight: 700; } .mod-paywall .pw-centered-styles .more-section label:after { font-family: Iconfont; content: "\e90a"; transform: rotate(90deg); margin-left: 10px; font-size: 0.7rem; font-weight: 700; transition: all 0.2s ease-in-out; } .mod-paywall .pw-centered-styles .more-section label img { margin: 0 7px; max-height: 20px; } .mod-paywall .pw-centered-styles .more-section input { display: none; } .mod-paywall .pw-centered-styles .more-section input:checked+label:after { transform: rotate(-90deg); transition: all 0.2s ease-in-out; } .mod-paywall .pw-centered-styles .more-section input:checked+label+div.expandPaywalltext { max-height: 100%; transition: max-height 0.2s ease-in-out; } .mod-paywall .pw-centered-styles .more-section div.expandPaywalltext { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-in-out; } .mod-paywall .pw-centered-styles ul { padding: 0; margin: 0; } .mod-paywall .pw-centered-styles ul li { position: relative; display: block; margin: 0; padding: 0 0 0 32px; line-height: 1.5; font-size: 1rem; } .mod-paywall .pw-centered-styles ul li+li { margin-top: 0.7rem; } .mod-paywall .pw-centered-styles .advantages { display: inline-block; margin-top: 25px; text-align: left; width: 80%; } .mod-paywall .pw-centered-styles .advantages ul>li:before { display: block; color: inherit; top: 2px; left: 4px; position: absolute; font-family: Iconfont; font-size: 20px; font-style: normal; font-weight: 400; line-height: 1; display: inline-block; text-decoration: none; content: "\e91b"; color: #e4007b; } .mod-paywall .pw-centered-styles .button-section { margin-top: 25px; } .mod-paywall .pw-centered-styles .button-section a { display: block; width: 100%; margin: 0 auto; background: #e4007b; color: #fff; padding: 12px; cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16); font-weight: 500; font-size: 16px; font-size: 1rem; font-weight: 700; } .mod-paywall .pw-centered-styles .button-section a:hover { background: #e8268f; } .mod-paywall .pw-centered-styles .button-section a:focus { outline: 0; } .mod-paywall .pw-centered-styles .button-section a:active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .mod-paywall .pw-centered-styles .login-seciton { font-weight: 400; color: #918e83; font-size: 1rem; margin: 20px 0; } .mod-paywall .pw-centered-styles .login-seciton a { font-size: inherit; color: #e4007b; font-weight: 700; text-decoration: underline; white-space: nowrap; cursor: pointer; } .mod-paywall .pw-centered-styles .subline { font-size: 13px; padding-bottom: 0.5rem; text-align: left; margin-top: 8px; } .mod-paywall .pw-centered-styles .nowrap { white-space: nowrap; } .mod-paywall--gl>div .pw-shared-styles .login-seciton, .mod-paywall--gl div .pw-shared-styles h3 { color: #25282A !important } .mod-paywall--gl .closeIcon path { stroke: #25282A; } .mod-paywall--gl>div .m-logo img { width: 86px !important; } [data-layout="desktop"] .mod-paywall--gl { top: 17px; } @media screen and (max-width: 550px) { .mod-paywall { margin-left: -20px !important; margin-right: -20px !important; } .mod-paywall .pw-centered-styles .mobile-hidden { display: none !important; } .mod-paywall .pw-centered-styles .container-main { padding: 2rem 1.5rem; } .mod-paywall .pw-centered-styles .container-login { padding: 1rem 1.5rem; } .mod-paywall .pw-centered-styles h2 { font-size: 1.375rem; } .mod-paywall .pw-centered-styles h3 { font-size: 1.2rem; } .mod-paywall .pw-centered-styles .advantages ul>li:before { font-family: Iconfont; font-size: 22px; content: "\e91b"; } .mod-paywall .pw-centered-styles .arrow-icon:after { font-family: Iconfont; font-size: 20px; content: "\e90a"; top: 3px; } .mod-paywall .pw-centered-styles .button-section { margin-top: 50px; } } @media screen and (max-width: 340px) { .countdown p span:nth-child(5):after { color: #2a2f31; } } .site-wrapper.site--cm .m-siteheader:before { content: "Anzeige"; font-size: 14px; font-size: 0.875rem; color: #a5a5a5; line-height: 1; display: block; width: 100%; padding: 7px 0; text-align: center; } .site-wrapper.site--cm .m-sidebar--menu { display: none; font-size: 18px; font-size: 1.125rem; line-height: 40px; text-align: right; margin-top: 5px; margin-right: 10px; } @media only screen and (max-width: 550px) { .site-wrapper.site--cm .m-sidebar--menu { display: block; } } .site-wrapper.site--cm .m-sidebar--menu .m-wrapper { width: 27px; height: 19px; position: relative; transform: rotate(0); transition: 0.4s ease-in-out; cursor: pointer; display: inline-block; vertical-align: text-top; margin-left: 10px; } .site-wrapper.site--cm .m-sidebar--menu .m-wrapper .m-slice { display: block; position: absolute; height: 3px; width: 100%; background: #2a2f31; opacity: 1; left: 0; transform: rotate(0); transition: 250ms ease-in-out; } .site-wrapper.site--cm .m-sidebar--menu .m-wrapper .m-slice:nth-child(1) { top: 0; } .site-wrapper.site--cm .m-sidebar--menu .m-wrapper .m-slice:nth-child(2) { top: 8px; opacity: 0; } .site-wrapper.site--cm .m-sidebar--menu .m-wrapper .m-slice:nth-child(3) { top: 8px; } .site-wrapper.site--cm .m-sidebar--menu .m-wrapper .m-slice:nth-child(4) { top: 16px; } @media only screen and (max-width: 550px) { .site-wrapper.site--cm .m-sidebar { display: none; } } .site-wrapper.site--cm .m-sidebar .tw-nav li { float: left; padding: 0 10px 0 6px; } .site-wrapper.site--cm .m-sidebar .tw-nav li img { width: 100%; max-width: 240px; margin-bottom: 20px; } .site-wrapper.site--cm .m-sidebar .tw-nav li a { font-size: 1.2rem; line-height: 2.4rem; } [data-layout="desktop"] .m-siteheader { padding: 0 20px; } [data-layout="desktop"] .m-siteheader+.grid-row-teaser { margin-top: 20px; } [data-layout="tablet"] .m-siteheader { padding: 0 12px; } [data-layout="tablet"] .m-siteheader+.grid-row-teaser { margin-top: 20px; } [data-layout="mobile"] .m-siteheader { margin: 0 -15px; width: auto; } [data-layout="mobile"] .m-siteheader+.grid-row-teaser { margin-top: 10px; } .m-tabs { font-size: 18px; font-size: 1.125rem; display: flex; flex-flow: row wrap; margin-top: 10px; } @media only screen and (max-width: 550px) { .m-tabs { margin-bottom: 20px; } } .m-tabs li { display: flex; background-color: #7c7c7c; margin-right: 10px; margin-top: 10px; } .m-tabs li.is-active { background-color: #e4007b; } .m-tabs li a { color: #fff; padding: 0 10px; line-height: 30px; } .m-sitelinks { font-size: 14px; font-size: 0.875rem; color: #7c7c7c; } .m-sitelinks a { color: #e4007b; font-size: 20px; font-size: 1.25rem; font-weight: 700; } .m-sitelinks ul { display: flex; flex-flow: row wrap; } .m-sitelinks ul li { margin-right: 15px; } .ticker { line-height: 1; } @media only screen and (max-width: 550px) { .ticker .item { padding-left: 0; } } .ticker .ticker-list ul { width: 100%; } .ticker .ticker-list .appetizer-title { display: flex; width: 100%; flex-flow: wrap; } .ticker .ticker-list .appetizer-title .appetizer-date { font-family: "Roboto Condensed"; width: 60px; font-size: 14px; font-size: 0.875rem; color: #e4007b; text-align: center; } @media only screen and (max-width: 550px) { .ticker .ticker-list .appetizer-title .appetizer-date { width: 45px; text-align: left; } } .ticker .ticker-list .appetizer-title .appetizer-kicker { width: calc(100% - 60px); padding: 0; margin: 0; } .ticker .ticker-list .appetizer-title .appetizer-title { display: block; width: auto; height: 32px; border-left: 1px solid #d2d2d2; margin: 0 0 0 30px; padding: 5px 0 0 30px; font-size: 18px; font-size: 1.125rem; line-height: 1.3; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } @media only screen and (max-width: 550px) { .ticker .ticker-list .appetizer-title .appetizer-title { font-size: 14px; font-size: 0.875rem; height: 44px; margin: 0 0 0 17px; padding: 5px 0 0 27px; white-space: normal; } } .ticker .ticker-controls { width: auto; display: flex; justify-content: start; padding: 0 0; margin: 0 40px 20px 90px; } .ticker .ticker-controls .arrow { font-size: 30px; font-size: 1.875rem; transform: rotate(270deg); width: 44px; height: 44px; color: #d2d2d2; display: flex; justify-content: center; text-align: center; flex-direction: column; } .include .hs-widget-body.hs-scoreboard { margin-top: 0; } @media only screen and (max-width: 550px) { .include .hsisdcw.hs-widget { margin-bottom: 10px; } } .include .hsisdcw .hs-more_link { margin-top: 20px; } .include .hsisdcw th { height: 17px; font-size: 12px; } .include .hsisdcw .standing td { height: 41px; } @media only screen and (max-width: 550px) { .include .hsisdcw .standing td { height: 33px; } } @media only screen and (max-width: 550px) { .include .hsisdcw .hs-gameplan { margin-top: 0; } } @media only screen and (max-width: 550px) { .include .hsisdcw .hs-gameplan .match { min-height: 35px; padding: 0; } } .include .hsisdcw .hs-gameplan .match>.team-shortname { display: block; } .include .hsisdcw .hs-gameplan .match>.team-name { display: none; } #nfr .spielerzeugnis { line-height: 1; } .mod-article .article-body .fupa_widget table td { border: none; } .m-follow { justify-content: center; font-size: 1rem; line-height: 50px; display: flex; flex-direction: row; padding-top: 30px; } @media only screen and (max-width: 550px) { .m-follow { flex-direction: column; padding-top: 0; } } .m-follow .header { display: flex; flex-direction: column; justify-content: center; width: auto; } @media only screen and (max-width: 550px) { .m-follow .header { flex-direction: row; margin: 0; padding: 0; } } .m-follow ol { display: flex; flex-direction: row; } @media only screen and (max-width: 550px) { .m-follow ol { justify-content: center; } } .m-follow ol li { display: flex; flex-direction: row; justify-content: center; } .m-follow ol li+li { margin-left: 0.25rem; } .m-follow ol li a { font-size: 1rem; line-height: 1; color: #fff; } .m-follow ol li svg { color: #000; background: #000; } .m-follow ol li .icon-mail { padding-right: 0.5rem; } .m-follow ol li .icon-alert:before { content: ""; display: flex; width: 20px; height: 20px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTE1LjEzNyAzLjk0NWEyLjEwMiAyLjEwMiAwIDAgMS0xLjA0LTEuODJ2LS4wMDNDMTQuMDk3Ljk1IDEzLjE1OCAwIDEyIDBTOS45MDMuOTUgOS45MDMgMi4xMjJ2LjAwM2EyLjEgMi4xIDAgMCAxLTEuMDQxIDEuODJDNC4xOTUgNi42NTcgNi44NzcgMTUuNjYgMiAxNy4yNTFWMTloMjB2LTEuNzQ5Yy00Ljg3Ny0xLjU5MS0yLjE5NS0xMC41OTQtNi44NjMtMTMuMzA2ek04LjQwOSAxNkg2LjUyN2MxLjI0NS0yLjc0MS44NzktOS4wMTIgMy44NzMtMTAuNjU1QzguNjM5IDcuNDEyIDkuNDUgMTIuODQ5IDguNDA5IDE2ek0xMiAzYTEgMSAwIDEgMSAwLTIgMSAxIDAgMCAxIDAgMnpNOSAyMWg2YzAgMS41OTgtMS4zOTMgMy0yLjk3MSAzQzEwLjQ1IDI0IDkgMjIuNTk4IDkgMjF6IiBmaWxsPSIjZmZmIi8+PC9zdmc+); background-size: contain; margin-top: 0.75rem; margin-right: 0.25rem; } .m-follow .social { display: flex; flex-direction: column; justify-content: center; width: 44px; height: 44px; text-align: center; color: #fff; } .m-follow .social .icon { font-size: 1.25rem; } .m-follow .social.fb { background-color: #3e5294; } .m-follow .social.tw { background-color: #55acee; } .m-follow .social.yt { background-color: #cc181e; } .m-follow .social.yt .icon-youtube:before { content: ""; background-image: url(../assets/svg/icon-youtube.svg); background-repeat: no-repeat; display: inline-block; background-position: center; width: 44px; height: 44px; } .m-follow .social.in { background-color: #9d2b61; } .m-follow .social.in .icon-instagram:before { content: ""; background-image: url(../assets/svg/icon-instagram.svg); background-repeat: no-repeat; display: inline-block; background-position: center; width: 44px; height: 44px; } .m-follow .social.wh { background-color: #25d366; } .m-fstb-banner { display: block; position: relative; padding: 15px 10px; background-color: #eeede9; margin: 10px 0; } .m-fstb-banner a { text-decoration: none; } .m-fstb-banner span { display: inline-block; width: 80%; float: right; text-align: left; font-size: 14px; font-size: 0.875rem; line-height: 1.3; color: #918e83; } @media only screen and (max-width: 768px) { .m-fstb-banner span { height: 30px; font-size: 12px; font-size: 0.75rem; } } .m-fstb-banner img { height: 40px; vertical-align: top; display: inline-block; } @media only screen and (max-width: 768px) { .m-fstb-banner img { height: 30px; } } .m-fstb-banner strong { color: #d35400; } .m-fstb-banner strong:before { content: "Anzeige"; color: #918e83; font-size: 13px; position: absolute; top: 0.3rem; right: 0.3rem; z-index: 9; display: block; font-weight: 400; } .m-fstb-banner .adlogo { position: absolute; top: 1.5rem; right: 1rem; } [data-layout="desktop"] .alarm, [data-layout="tablet"] .alarm { position: absolute; right: 20px; top: 7px; font-size: 16px; font-size: 1rem; line-height: 1.3; z-index: 4; } [data-layout="desktop"] .alarm .alarm-btn, [data-layout="tablet"] .alarm .alarm-btn { background-color: #e85117; color: #fff; text-decoration: none; padding: 0.2rem 0.5rem; display: inline-block; } [data-layout="desktop"] .alarm .alarm-btn:hover, [data-layout="tablet"] .alarm .alarm-btn:hover { opacity: 0.8; transition: 0.5s; } [data-layout="desktop"] .alarm .alarm-btn:before, [data-layout="tablet"] .alarm .alarm-btn:before { content: ""; vertical-align: absmiddle; border: 4px solid #fff; height: 8px; width: 8px; display: inline-block; margin-right: 0.25rem; position: relative; top: 2px; border-radius: 50%; background-color: #e85117; animation: blinking 1.5s infinite; } @keyframes blinking { 30%, 50% { opacity: 1; } 100%, 50%, 70%, 90% { opacity: 0.6; } } [data-layout="desktop"] .alarm .alarm-content, [data-layout="tablet"] .alarm .alarm-content { display: none; right: 0; background-color: #e85117; color: #fff; position: absolute; width: 300px; padding: 1rem; z-index: 999; } [data-layout="desktop"] .alarm .alarm-content a, [data-layout="tablet"] .alarm .alarm-content a { color: #fff; text-decoration: underline; padding: 0; font-weight: 700; } [data-layout="desktop"] .alarm:hover .alarm-content, [data-layout="tablet"] .alarm:hover .alarm-content { display: block; } [data-layout="desktop"] .m-fstb-banner, [data-layout="tablet"] .m-fstb-banner { margin: 0 20px; } [data-layout="mobile"] .alarm { position: absolute; right: 20px; top: 5px; font-size: 16px; font-size: 1rem; line-height: 1.3; } [data-layout="mobile"] .alarm .alarm-btn { display: inline-block; text-indent: -999px; } [data-layout="mobile"] .alarm .alarm-btn:before { content: ""; vertical-align: middle; background: url(../../images/feinstaub.png); background-size: contain; background-repeat: no-repeat; height: 20px; width: 20px; position: absolute; right: 0; top: 0; animation: blinking 1.5s infinite; } @keyframes blinking { 30%, 50% { opacity: 1; } 100%, 50%, 70%, 90% { opacity: 0.6; } } [data-layout="mobile"] .alarm .alarm-content { display: none; right: 0; background-color: #e85117; color: #fff; position: absolute; width: 300px; padding: 1rem; z-index: 999; } [data-layout="mobile"] .alarm .alarm-content a { color: #fff; text-decoration: underline; padding: 0; font-weight: 700; } [data-layout="mobile"] .alarm:hover .alarm-content { display: block; } [data-layout="mobile"] .header h4 a { font-weight: 700; } .m-weekli .m-weekli-nav { background: #e00000; position: relative; padding: 10px; font-family: "Open Sans Condensed"; } @media only screen and (max-width: 550px) { .m-weekli .m-weekli-nav { margin: 0 -20px; padding: 5px 20px; } } .m-weekli .m-weekli-nav .m-weekli-anzeige { position: absolute; font-size: 11px; font-size: 0.6875rem; color: #fff; right: 20px; top: 10px; line-height: 1; } .m-weekli .m-weekli-nav a { color: #fff; font-size: 16px; font-size: 1rem; line-height: 30px; } @media only screen and (max-width: 550px) { .m-weekli .m-weekli-nav a { font-size: 13px; font-size: 0.8125rem; } } .m-weekli .m-weekli-nav .m-logo { height: 30px; margin-left: 5px; } .m-weekli .m-weekli-content { padding: 15px 0; }