') } .amp-carousel-button-prev { background-image: url('data:image/svg+xml;charset=utf-8,') } .ampstart-dropdown { min-width: 200px } .ampstart-dropdown.absolute { z-index: 100 } .ampstart-dropdown.absolute>section, .ampstart-dropdown.absolute>section>header { height: 100% } .ampstart-dropdown>section>header { background-color: #fff; border: 0; color: #ff3737 } .ampstart-dropdown>section>header:after { display: inline-block; content: "+"; padding: 0 0 0 2rem; color: #003f93 } .ampstart-dropdown>[expanded]>header:after { content: "–" } .absolute .ampstart-dropdown-items { z-index: 200 } .ampstart-dropdown-item { background-color: #fff; color: #003f93; opacity: .9 } .ampstart-dropdown-item:active, .ampstart-dropdown-item:hover { opacity: 1 } .ampstart-footer { background-color: #fff; color: #000; font-size: .75rem; padding-top: 7rem; padding-bottom: 7rem } .ampstart-footer .ampstart-icon { fill: #000 } .ampstart-footer .ampstart-social-follow li:last-child { margin-right: 0 } .ampstart-image-fullpage-hero { color: #ff3737 } .ampstart-fullpage-hero-heading-text, .ampstart-image-fullpage-hero .ampstart-image-credit { -webkit-box-decoration-break: clone; box-decoration-break: clone; background: #fff; padding: 0 1.5rem .2rem } .ampstart-image-fullpage-hero>amp-img { max-height: calc(100vh - 3.5rem) } .ampstart-image-fullpage-hero>amp-img img { -o-object-fit: cover; object-fit: cover } .ampstart-fullpage-hero-heading { line-height: 5rem } .ampstart-fullpage-hero-cta { background: 0 0 } .ampstart-readmore { background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .65), transparent); background: linear-gradient(0deg, rgba(0, 0, 0, .65) 0, transparent); color: #ff3737; margin-top: 7rem; padding-bottom: 5rem } .ampstart-readmore:after { display: block; content: "⌄"; font-size: 2rem } @media (min-width:52.06rem) { .ampstart-image-fullpage-hero>amp-img { height: 60vh } } .ampstart-image-heading { color: #ff3737; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .65), transparent); background: linear-gradient(0deg, rgba(0, 0, 0, .65) 0, transparent) } .ampstart-image-heading>* { margin: 0 } amp-carousel .ampstart-image-with-heading { margin-bottom: 0 } .ampstart-image-with-caption figcaption { color: #4f4f4f; line-height: 1.125rem } amp-carousel .ampstart-image-with-caption { margin-bottom: 0 } .ampstart-input { max-width: 100%; width: 300px; min-width: 100px; font-size: 1rem; line-height: 1.5rem } .ampstart-input [disabled], .ampstart-input [disabled]+label { opacity: .5 } .ampstart-input [disabled]:focus { outline: 0 } .ampstart-input>input, .ampstart-input>select, .ampstart-input>textarea { width: 100%; margin-top: 1rem; line-height: 1.5rem; border: 0; border-radius: 0; border-bottom: 1px solid #4a4a4a; background: 0 0; color: #4a4a4a; outline: 0 } .ampstart-input>label { color: #003f93; pointer-events: none; font-size: .875rem; line-height: 1rem; opacity: 0; -webkit-animation: .2s; animation: .2s; -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1); animation-timing-function: cubic-bezier(.4, 0, .2, 1); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .ampstart-input>input:focus, .ampstart-input>select:focus, .ampstart-input>textarea:focus { outline: 0 } .ampstart-input>input:focus::-webkit-input-placeholder, .ampstart-input>select:focus::-webkit-input-placeholder, .ampstart-input>textarea:focus::-webkit-input-placeholder { color: transparent } .ampstart-input>input:focus:-ms-input-placeholder, .ampstart-input>select:focus:-ms-input-placeholder, .ampstart-input>textarea:focus:-ms-input-placeholder { color: transparent } .ampstart-input>input:focus::placeholder, .ampstart-input>select:focus::placeholder, .ampstart-input>textarea:focus::placeholder { color: transparent } .ampstart-input>input:not(:placeholder-shown):not([disabled])+label, .ampstart-input>select:not(:placeholder-shown):not([disabled])+label, .ampstart-input>textarea:not(:placeholder-shown):not([disabled])+label { opacity: 1 } .ampstart-input>input:focus+label, .ampstart-input>select:focus+label, .ampstart-input>textarea:focus+label { -webkit-animation-name: a; animation-name: a } @-webkit-keyframes a { to { opacity: 1 } } @keyframes a { to { opacity: 1 } } .ampstart-input>label:after { content: ""; height: 2px; position: absolute; bottom: 0; left: 45%; background: #003f93; -webkit-transition: .2s; transition: .2s; -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: cubic-bezier(.4, 0, .2, 1); visibility: hidden; width: 10px } .ampstart-input>input:focus+label:after, .ampstart-input>select:focus+label:after, .ampstart-input>textarea:focus+label:after { left: 0; width: 100%; visibility: visible } .ampstart-input>input[type=search] { -webkit-appearance: none; -moz-appearance: none; appearance: none } .ampstart-input>input[type=range] { border-bottom: 0 } .ampstart-input>input[type=range]+label:after { display: none } .ampstart-input>select { -webkit-appearance: none; -moz-appearance: none; appearance: none } .ampstart-input>select+label:before { content: "⌄"; line-height: 1.5rem; position: absolute; right: 5px; zoom: 2; top: 0; bottom: 0; color: #003f93 } .ampstart-input-chk, .ampstart-input-radio { width: auto; color: #4a4a4a } .ampstart-input input[type=checkbox], .ampstart-input input[type=radio] { margin-top: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 20px; border: 1px solid #003f93; vertical-align: middle; margin-right: 1rem; text-align: center } .ampstart-input input[type=radio] { border-radius: 20px } .ampstart-input input[type=checkbox]:not([disabled])+label, .ampstart-input input[type=radio]:not([disabled])+label { pointer-events: auto; -webkit-animation: none; animation: none; vertical-align: middle; opacity: 1 } .ampstart-input input[type=checkbox]+label:after, .ampstart-input input[type=radio]+label:after { display: none } .ampstart-input input[type=checkbox]:after, .ampstart-input input[type=radio]:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: " "; line-height: 1.4rem; vertical-align: middle; text-align: center; background-color: #ff3737 } .ampstart-input input[type=checkbox]:checked:after { background-color: #003f93; color: #ff3737; content: "✓" } .ampstart-input input[type=radio]:checked { background-color: #ff3737 } .ampstart-input input[type=radio]:after { top: 3px; bottom: 3px; left: 3px; right: 3px; border-radius: 12px } .ampstart-input input[type=radio]:checked:after { content: ""; font-size: 3rem; background-color: #003f93 } .ampstart-input>label, _:-ms-lang(x) { opacity: 1 } .ampstart-input>input:-ms-input-placeholder, _:-ms-lang(x) { color: transparent } .ampstart-input>input::placeholder, _:-ms-lang(x) { color: transparent } .ampstart-input>input::-ms-input-placeholder, _:-ms-lang(x) { color: transparent } .ampstart-input>select::-ms-expand { display: none } .ampstart-headerbar { background-color: #fff; color: #000; z-index: 999; box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1) } .ampstart-headerbar+:not(amp-sidebar), .ampstart-headerbar+amp-sidebar+* { margin-top: 3.5rem } .ampstart-headerbar-nav .ampstart-nav-item { padding: 0 1.5rem; background: 0 0; opacity: .8 } .ampstart-headerbar-nav { line-height: 3.5rem } .ampstart-nav-item:active, .ampstart-nav-item:focus, .ampstart-nav-item:hover { opacity: 1 } .ampstart-navbar-trigger:focus { outline: 0 } .ampstart-nav a, .ampstart-navbar-trigger, .ampstart-sidebar-faq a { cursor: pointer; text-decoration: none } .ampstart-navbar-trigger { line-height: 3.5rem; font-size: 2rem } .ampstart-headerbar-nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .ampstart-nav-search { -webkit-box-flex: .5; -ms-flex-positive: .5; flex-grow: .5 } .ampstart-headerbar .ampstart-nav-search:active, .ampstart-headerbar .ampstart-nav-search:focus, .ampstart-headerbar .ampstart-nav-search:hover { box-shadow: none } .ampstart-nav-search>input { border: none; border-radius: 3px; line-height: normal } .ampstart-nav-dropdown { min-width: 200px } .ampstart-nav-dropdown amp-accordion header { background-color: #fff; border: none } .ampstart-nav-dropdown amp-accordion ul { background-color: #fff } .ampstart-nav-dropdown .ampstart-dropdown-item, .ampstart-nav-dropdown .ampstart-dropdown>section>header { background-color: #fff; color: #000 } .ampstart-nav-dropdown .ampstart-dropdown-item { color: #003f93 } .ampstart-sidebar { background-color: #fff; color: #000; min-width: 300px; width: 300px } .ampstart-sidebar .ampstart-icon { fill: #003f93 } .ampstart-sidebar-header { line-height: 3.5rem; min-height: 3.5rem } .ampstart-sidebar .ampstart-dropdown header, .ampstart-sidebar .ampstart-dropdown-item, .ampstart-sidebar .ampstart-faq-item, .ampstart-sidebar .ampstart-nav-item, .ampstart-sidebar .ampstart-social-follow { margin: 0 0 2.5rem } .ampstart-sidebar .ampstart-nav-dropdown { margin: 0 } .ampstart-sidebar .ampstart-navbar-trigger { line-height: inherit } amp-user-notification { background: #fff; box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1) } .ampstart-related-article-section { border-color: #4a4a4a } .ampstart-related-article-section .ampstart-heading { color: #4a4a4a; font-weight: 400 } .ampstart-related-article-readmore { color: #fff; letter-spacing: 0 } .ampstart-related-section-items>li { border-bottom: 1px solid #4a4a4a } .ampstart-related-section-items>li:last-child { border: none } .ampstart-related-section-items .ampstart-image-with-caption { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0 } .ampstart-related-section-items .ampstart-image-with-caption>amp-img, .ampstart-related-section-items .ampstart-image-with-caption>figcaption { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .ampstart-related-section-items .ampstart-image-with-caption>figcaption { padding-left: 1.5rem } @media (min-width:40.06rem) { .ampstart-related-section-items>li { border: none } .ampstart-related-section-items .ampstart-image-with-caption>figcaption { padding: 1.5rem 0 } .ampstart-related-section-items .ampstart-image-with-caption>amp-img, .ampstart-related-section-items .ampstart-image-with-caption>figcaption { -ms-flex-preferred-size: 100%; flex-basis: 100% } } .ampstart-social-box { display: -webkit-box; display: -ms-flexbox; display: flex } .ampstart-social-box>amp-social-share { background-color: #fff } .ampstart-icon { fill: #003f93 } .editor, .editor .gutter { background-color: #fff; color: #555 } .editor .indent-guide, .editor .invisible-character { color: rgba(85, 85, 85, .2) } .editor .wrap-guide { background-color: rgba(85, 85, 85, .2) } .editor .gutter { color: #555; background: #fff } .editor .fold-marker:after, .editor .gutter .line-number.folded, .editor .gutter .line-number:after { color: #e87b00 } .editor .invisible { color: #555 } .editor .selection .region { background-color: #e1e1e1 } .editor.is-focused .cursor { border-color: #000 } .editor.is-focused .selection .region { background-color: #afc4da } .editor.is-focused .line-number.cursor-line-no-selection, .editor.is-focused .line.cursor-line { background-color: rgba(255, 255, 134, .34) } .editor .comment { color: #998; font-style: italic } .editor .string { color: #d14 } .editor .source .string .meta.embedded.line, .editor .source .string .source { color: #5a5a5a } .editor .source .string .punctuation.section.embedded, .editor .source .string .punctuation.section.embedded .source { color: #920b2d } .editor .constant.numeric { color: #d14 } .editor .constant.character, .editor .constant.language, .editor .constant.other { color: #606aa1 } .editor .constant.symbol { color: #990073 } .editor .constant.numeric.line-number.find-in-files .match { color: rgba(143, 190, 0, .63) } .editor .variable { color: teal } .editor .variable.parameter { color: #606aa1 } .editor .keyword { color: #222; font-weight: 700 } .editor .keyword.unit { color: #458 } .editor .keyword.special-method { color: #0086b3 } .editor .storage, .editor .storage.type { color: #222 } .editor .entity.name.class, .editor .entity.other.inherited-class { text-decoration: underline; color: #606aa1 } .editor .entity.name.function { color: #900 } .editor .entity.name.tag { color: teal } .editor .entity.other.attribute-name { color: #458; font-weight: 700 } .editor .entity.name.filename.find-in-files { color: #e6db74 } .editor .support.constant, .editor .support.function, .editor .support.type { color: #458 } .editor .support.class { color: teal } .editor .invalid { color: #f8f8f0; background-color: #00a8c6 } .editor .invalid.deprecated { color: #f8f8f0; background-color: #8fbe00 } .editor .meta.structure.dictionary.json>.string.quoted.double.json, .editor .meta.structure.dictionary.json>.string.quoted.double.json .punctuation.string { color: navy } .editor .meta.structure.dictionary.value.json>.string.quoted.double.json { color: #d14 } .editor .meta.diff, .editor .meta.diff.header { color: #75715e } .editor .css.support.property-name { font-weight: 700; color: #333 } .editor .css.constant { color: #099 } .editor .source.gfm { color: #444 } .editor .gfm .markup.heading { color: #111 } .editor .gfm .link, .editor .gfm .variable.list { color: #888 } .editor .markdown .paragraph { color: #444 } .editor .markdown .heading { color: #111 } .editor .markdown .link, .editor .markdown .link .string { color: #888 } .editor .search-results .marker .region { background-color: transparent; border: 1px solid #999 } .editor .search-results .marker.current-result .region { border: 1px solid #000 } .bracket-matcher { background-color: #c9c9c9; opacity: .7; border-bottom: 0 none } .editor .tag.block { display: inline } html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article, aside, footer, header, nav, section { display: block } h1 { font-size: 2em; margin: .67em 0 } figcaption, figure, main { display: block } figure { margin: 1em 40px } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent; -webkit-text-decoration-skip: objects } a:active, a:hover { outline-width: 0 } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b, strong { font-weight: inherit; font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } dfn { font-style: italic } mark { background-color: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } audio, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } img { border-style: none } svg:not(:root) { overflow: hidden } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { display: inline-block; vertical-align: baseline } textarea { overflow: auto } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details, menu { display: block } summary { display: list-item } canvas { display: inline-block } [hidden], template { display: none } .h1 { font-size: 3rem } .h2 { font-size: 2rem } .h3 { font-size: 1.5rem } .h4 { font-size: 1.125rem } .h5 { font-size: .875rem } .h6 { font-size: .75rem } .font-family-inherit { font-family: inherit } .font-size-inherit { font-size: inherit } .text-decoration-none { text-decoration: none } .bold { font-weight: 700 } .regular { font-weight: 400 } .italic { font-style: italic } .caps { text-transform: uppercase; letter-spacing: .2em } .left-align { text-align: left } .center { text-align: center } .right-align { text-align: right } .justify { text-align: justify } .nowrap { white-space: nowrap } .break-word { word-wrap: break-word } .line-height-1 { line-height: 1rem } .line-height-2 { line-height: 1.125rem } .line-height-3 { line-height: 1.5rem } .line-height-4 { line-height: 2rem } .list-style-none { list-style: none } .underline { text-decoration: underline } .truncate { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .list-reset { list-style: none; padding-left: 0 } .inline { display: inline } .block { display: block } .inline-block { display: inline-block } .table { display: table } .table-cell { display: table-cell } .overflow-hidden { overflow: hidden } .overflow-scroll { overflow: scroll } .overflow-auto { overflow: auto } .clearfix:after, .clearfix:before { content: " "; display: table } .clearfix:after { clear: both } .left { float: left } .right { float: right } .fit { max-width: 100% } .max-width-1 { max-width: 24rem } .max-width-2 { max-width: 32rem } .max-width-3 { max-width: 48rem } .max-width-4 { max-width: 64rem } .border-box { box-sizing: border-box } .align-baseline { vertical-align: baseline } .align-top { vertical-align: top } .align-middle { vertical-align: middle } .align-bottom { vertical-align: bottom } .m0 { margin: 0 } .mt0 { margin-top: 0 } .mr0 { margin-right: 0 } .mb0 { margin-bottom: 0 } .ml0, .mx0 { margin-left: 0 } .mx0 { margin-right: 0 } .my0 { margin-top: 0; margin-bottom: 0 } .m1 { margin: 1rem } .mt1 { margin-top: 1rem } .mr1 { margin-right: 1rem } .mb1 { margin-bottom: 1rem } .ml1, .mx1 { margin-left: 1rem } .mx1 { margin-right: 1rem } .my1 { margin-top: 1rem; margin-bottom: 1rem } .m2 { margin: 1.5rem } .mt2 { margin-top: 1.5rem } .mr2 { margin-right: 1.5rem } .mb2 { margin-bottom: 1.5rem } .ml2, .mx2 { margin-left: 1.5rem } .mx2 { margin-right: 1.5rem } .my2 { margin-top: 1.5rem; margin-bottom: 1.5rem } .m3 { margin: 2rem } .mt3 { margin-top: 2rem } .mr3 { margin-right: 2rem } .mb3 { margin-bottom: 2rem } .ml3, .mx3 { margin-left: 2rem } .mx3 { margin-right: 2rem } .my3 { margin-top: 2rem; margin-bottom: 2rem } .m4 { margin: 2.5rem } .mt4 { margin-top: 2.5rem } .mr4 { margin-right: 2.5rem } .mb4 { margin-bottom: 2.5rem } .ml4, .mx4 { margin-left: 2.5rem } .mx4 { margin-right: 2.5rem } .my4 { margin-top: 2.5rem; margin-bottom: 2.5rem } .mxn1 { margin-left: -1rem; margin-right: -1rem } .mxn2 { margin-left: -1.5rem; margin-right: -1.5rem } .mxn3 { margin-left: -2rem; margin-right: -2rem } .mxn4 { margin-left: -2.5rem; margin-right: -2.5rem } .ml-auto { margin-left: auto } .mr-auto, .mx-auto { margin-right: auto } .mx-auto { margin-left: auto } .p0 { padding: 0 } .p0 li{float: left} .pt0 { padding-top: 0 } .pr0 { padding-right: 0 } .pb0 { padding-bottom: 0 } .pl0, .px0 { padding-left: 0 } .px0 { padding-right: 0 } .py0 { padding-top: 0; padding-bottom: 0 } .p1 { padding: 1rem } .pt1 { padding-top: 1rem } .pr1 { padding-right: 1rem } .pb1 { padding-bottom: 1rem } .pl1 { padding-left: 1rem } .py1 { padding-top: 1rem; padding-bottom: 1rem } .px1 { padding-left: 1rem; padding-right: 1rem } .p2 { padding: 1.5rem } .pt2 { padding-top: 1.5rem } .pr2 { padding-right: 1.5rem } .pb2 { padding-bottom: 1.5rem } .pl2 { padding-left: 1.5rem } .py2 { padding-top: 1.5rem; padding-bottom: 1.5rem } .px2 { padding-left: 1.5rem; padding-right: 1.5rem } .p3 { padding: 2rem } .pt3 { padding-top: 2rem } .pr3 { padding-right: 2rem } .pb3 { padding-bottom: 2rem } .pl3 { padding-left: 2rem } .py3 { padding-top: 2rem; padding-bottom: 2rem } .px3 { padding-left: 2rem; padding-right: 2rem } .p4 { padding: 2.5rem } .pt4 { padding-top: 2.5rem } .pr4 { padding-right: 2.5rem } .pb4 { padding-bottom: 2.5rem } .pl4 { padding-left: 2.5rem } .py4 { padding-top: 2.5rem; padding-bottom: 2.5rem } .px4 { padding-left: 2.5rem; padding-right: 2.5rem } .col { float: left } .col, .col-right { box-sizing: border-box } .col-right { float: right } .col-1 { width: 8.33333% } .col-2 { width: 16.66667% } .col-3 { width: 25% } .col-4 { width: 33.33333% } .col-5 { width: 41.66667% } .col-6 { width: 50% } .col-7 { width: 58.33333% } .col-8 { width: 66.66667% } .col-9 { width: 75% } .col-10 { width: 83.33333% } .col-11 { width: 91.66667% } .col-12 { width: 100% } @media (min-width:40.06rem) { .sm-col { float: left; box-sizing: border-box } .sm-col-right { float: right; box-sizing: border-box } .sm-col-1 { width: 8.33333% } .sm-col-2 { width: 16.66667% } .sm-col-3 { width: 25% } .sm-col-4 { width: 33.33333% } .sm-col-5 { width: 41.66667% } .sm-col-6 { width: 50% } .sm-col-7 { width: 58.33333% } .sm-col-8 { width: 66.66667% } .sm-col-9 { width: 75% } .sm-col-10 { width: 83.33333% } .sm-col-11 { width: 91.66667% } .sm-col-12 { width: 100% } } @media (min-width:52.06rem) { .md-col { float: left; box-sizing: border-box } .md-col-right { float: right; box-sizing: border-box } .md-col-1 { width: 8.33333% } .md-col-2 { width: 16.66667% } .md-col-3 { width: 25% } .md-col-4 { width: 33.33333% } .md-col-5 { width: 41.66667% } .md-col-6 { width: 50% } .md-col-7 { width: 58.33333% } .md-col-8 { width: 66.66667% } .md-col-9 { width: 75% } .md-col-10 { width: 83.33333% } .md-col-11 { width: 91.66667% } .md-col-12 { width: 100% } } @media (min-width:64.06rem) { .lg-col { float: left; box-sizing: border-box } .lg-col-right { float: right; box-sizing: border-box } .lg-col-1 { width: 8.33333% } .lg-col-2 { width: 16.66667% } .lg-col-3 { width: 25% } .lg-col-4 { width: 33.33333% } .lg-col-5 { width: 41.66667% } .lg-col-6 { width: 50% } .lg-col-7 { width: 58.33333% } .lg-col-8 { width: 66.66667% } .lg-col-9 { width: 75% } .lg-col-10 { width: 83.33333% } .lg-col-11 { width: 91.66667% } .lg-col-12 { width: 100% } } .flex { display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width:40.06rem) { .sm-flex { display: -webkit-box; display: -ms-flexbox; display: flex } } @media (min-width:52.06rem) { .md-flex { display: -webkit-box; display: -ms-flexbox; display: flex } } @media (min-width:64.06rem) { .lg-flex { display: -webkit-box; display: -ms-flexbox; display: flex } } .flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } .items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 100%; overflow: auto; } .items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .self-start { -ms-flex-item-align: start; align-self: flex-start } .self-end { -ms-flex-item-align: end; align-self: flex-end } .self-center { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } .self-baseline { -ms-flex-item-align: baseline; align-self: baseline } .self-stretch { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch } .justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .justify-around { -ms-flex-pack: distribute; justify-content: space-around } .content-start { -ms-flex-line-pack: start; align-content: flex-start } .content-end { -ms-flex-line-pack: end; align-content: flex-end } .content-center { -ms-flex-line-pack: center; align-content: center } .content-between { -ms-flex-line-pack: justify; align-content: space-between } .content-around { -ms-flex-line-pack: distribute; align-content: space-around } .content-stretch { -ms-flex-line-pack: stretch; align-content: stretch } .flex-auto { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; min-height: 0 } .flex-none { -webkit-box-flex: 0; -ms-flex: none; flex: none } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .order-last { -webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999 } .relative { position: relative } .absolute { position: absolute } .fixed { position: fixed } .top-0 { top: 0 } .right-0 { right: 0 } .bottom-0 { bottom: 0 } .left-0 { left: 0 } .z1 { z-index: 1 } .z2 { z-index: 2 } .z3 { z-index: 3 } .z4 { z-index: 4 } .border { border-style: solid; border-width: 1px } .border-top { border-top-style: solid; border-top-width: 1px } .border-right { border-right-style: solid; border-right-width: 1px } .border-bottom { border-bottom-style: solid; border-bottom-width: 1px } .border-left { border-left-style: solid; border-left-width: 1px } .border-none { border: 0 } .rounded { border-radius: 3px } .circle { border-radius: 50% } .rounded-top { border-radius: 3px 3px 0 0 } .rounded-right { border-radius: 0 3px 3px 0 } .rounded-bottom { border-radius: 0 0 3px 3px } .rounded-left { border-radius: 3px 0 0 3px } .not-rounded { border-radius: 0 } .hide { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px) } @media (max-width:40rem) { .xs-hide { display: none } } @media (min-width:40.06rem) and (max-width:52rem) { .sm-hide { display: none } } @media (min-width:52.06rem) and (max-width:64rem) { .md-hide { display: none } } @media (min-width:64.06rem) { .lg-hide { display: none } } .display-none { display: none } * { box-sizing: border-box } body { background: #fff; color: #4a4a4a; line-height: 1.5rem; font-family: Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Arial, sans-serif; min-width: 315px; overflow-x: hidden; font-smooth: always; -webkit-font-smoothing: antialiased } main { max-width: 100%; margin: 0 auto } p { padding: 0; margin: 0 } .ampstart-subtitle { color: #4f4f4f; font-size: .875rem } .ampstart-accent { color: #003f93 } #content:target { margin-top: calc(0px - 3.5rem); padding-top: 3.5rem } .ampstart-card { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 1px -1px rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12) } .h1, h1 { font-size: 1.5rem; line-height: 2rem; } .h2, h2 { font-size: 2rem; line-height: 2.5rem } .h3, h3 { font-size: 1.5rem; line-height: 2rem } .h4, h4 { font-size: 1.125rem; line-height: 1.5rem } .h5, h5 { font-size: .875rem; line-height: 1.125rem } .h6, h6 { font-size: .75rem; line-height: 1rem } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: 400; letter-spacing: .06em } .ampstart-btn { font-family: inherit; font-weight: inherit; font-size: 1rem; line-height: 1.125rem; padding: .7em .8em; text-decoration: none; white-space: nowrap; word-wrap: normal; vertical-align: middle; cursor: pointer; background-color: #fff; color: #ff3737; border: 1px solid #ff3737 } .ampstart-btn:active .ampstart-btn:focus { opacity: .8 } .ampstart-btn[disabled], .ampstart-btn[disabled]:active, .ampstart-btn[disabled]:focus, .ampstart-btn[disabled]:hover { opacity: .5; outline: 0; cursor: default } .ampstart-dropcap { padding-top: 1.5rem; margin-top: 2rem } .ampstart-dropcap:first-letter { color: #fff; font-size: 3rem; font-weight: 700; margin-left: -2px } .ampstart-pullquote { border: none; border-left: 4px solid #fff; font-size: 1.5rem; padding-left: 2rem } .www-header, h1, h2, h3, h4, h5, h6 { font-family: Inconsolata, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Arial, sans-serif } .ampstart-headerbar-nav .ampstart-nav-item { padding-right: 1rem } .ampstart-headerbar-nav .ampstart-nav-item.www-current-page { color: #066573 } .ampstart-headerbar-nav .ampstart-nav-item.www-current-page:after, .www-component-anchor[selected]:after { content: ""; display: block; height: 4px; background: #ff3737 } .www-header { background-image: #ff3737; padding: 7rem 0; color: #fff; -webkit-clip-path: polygon(100% 100%, 100% 0, -400% 0); clip-path: polygon(100% 100%, 100% 0, -400% 0) } .www-heading { letter-spacing: inherit; color: #000 } .www-heading:after { content: ""; display: block; height: 2px; width: 2.5rem; background: #4a4a4a; position: absolute; bottom: 0 } .ampstart-footer { position: relative } .ampstart-footer:before { content: ""; position: absolute; width: 100%; height: 35px; background-image: #ff3737; top: 0; left: 0; right: 0 } .ampstart-device-preview-mask, .ampstart-device-preview-select { background: #f9f7f7 } .ampstart-device-preview-select { box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1) } .www-components-sec-nav { padding-top: 7rem; margin-top: calc(-1 * 7rem); box-shadow: 5px 0 5px -5px rgba(0, 0, 0, .4); min-width: 160px } .www-component-anchors { position: -webkit-sticky; position: sticky; top: 7rem } .www-component-anchor { clear: both } body .www-component-anchors .www-component-anchor[option][selected] { outline: 0 } .www-component-anchor[selected]:after { content: ""; display: block; height: 4px; background: #ff3737 } .www-header>* { padding-left: 7rem; padding-right: 7rem } .www-component-desc>* { padding-left: 5rem; padding-right: 5rem } .www-component-desc { margin-bottom: 5rem } .www-component-desc h3 { letter-spacing: inherit } .www-component-desc:target:before { content: ""; display: block; height: 3.5rem } .www-component-desc [placeholder] { background: #fff } .www-component-rendered { margin-top: 3.5rem } .www-component-desc pre { font-family: monospace; line-height: 1rem; font-size: 1.125rem; white-space: pre-line; background: #f9f7f7; overflow-y: auto; margin: 0 } .www-example-code, .www-example-code h3 { background: #f9f7f7 } .www-example-code amp-accordion h3:after { content: ""; background: url(https://ampbyexample.com/img/www/caret.svg) 0 0 transparent no-repeat; width: 11px; height: 7px; display: inline-block; margin-left: 2rem } .www-example-code amp-accordion [expanded] h3:after { -webkit-transform: scaleY(-1); transform: scaleY(-1) } @media (max-width:40rem) { .www-component-desc>* { padding-left: 0; padding-right: 0 } .www-component-desc { margin-bottom: 3.5rem } .www-components { margin-right: 1.5rem } .www-header>* { padding-left: 1.5rem; padding-right: 1.5rem } } @media (min-width:40.06rem) and (max-width:52rem) { .www-components { margin-right: 1.5rem } .www-header { margin-left: calc(-1 * 1rem) } .www-header>* { padding-left: 0; padding-right: 0 } } @media (max-width:363px) { .www-component-iframe-container>amp-iframe { -webkit-transform: scale(.792); transform: scale(.792); -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 343px } } * { -webkit-tap-highlight-color: rgba(255, 255, 255, 0) } body { font-family: Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Arial, sans-serif } a.abe-primary { color: #ff3737 } .abe-info { background: #fffde7 } .ampstart-nav-item { position: relative } .ampstart-nav-item.abe-nav-list::before { bottom: 0; box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1); content: ''; left: -10px; opacity: 0; position: absolute; right: -10px; top: 10px; transition: opacity .2s ease-out } .ampstart-nav-item.abe-nav-list:hover::before { opacity: 1 } .ampstart-nav-item .abe-list-container { left: -10px; top: 100%; transition: .2s ease-out; z-index: -1; opacity: 0; pointer-events: none; position: absolute } .ampstart-nav-item:hover .abe-list-container { opacity: 1; pointer-events: all; z-index: 0 } .ampstart-nav-item .abe-list-shadow { bottom: -50px; left: -50px; overflow: hidden; position: absolute; right: -50px; top: 0 } .ampstart-nav-item .abe-list-shadow::before { bottom: 50px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1); content: ''; left: 50px; position: absolute; right: 50px; top: 0 } .ampstart-nav-item .abe-list-container>ul { background: #fff; min-width: 250px; position: relative; margin: 0; padding: 0 } .ampstart-nav-item .abe-list-container>ul { list-style: none } .ampstart-nav-item .abe-list-container>ul li { box-sizing: border-box; position: relative } .ampstart-nav-item .abe-list-container>ul li a { display: block; padding: 7.5px 30px } .ampstart-nav-item .abe-list-container>ul li a { color: #333; font-size: 16px; line-height: 26px } .ampstart-nav-item .abe-list-container>ul li:hover { background: #f8f8f8 } .abe-sublist, .ampstart-nav-item .abe-list-container { opacity: 0; pointer-events: none; position: absolute } .ampstart-nav-item .abe-list-container .abe-sublist::-webkit-scrollbar { -webkit-appearance: none; width: 6px } .ampstart-nav-item .abe-list-container .abe-sublist::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .2) } .ampstart-nav-item .abe-list-container .abe-sublist { background: #f8f8f8; box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1); right: 0; top: 0; transform: translateX(99%); transition: opacity .3s; max-height: calc(100vh - 180px); overflow-y: auto } .ampstart-nav-item .abe-list-container>ul li:hover .abe-sublist { opacity: 1; pointer-events: all } .ampstart-nav-item .abe-list-container>ul .abe-sublist li:hover, .ampstart-nav-item .abe-list-container>ul li:hover .abe-sublist li:hover { background: #fff } .ampstart-nav-item .abe-list-container>ul li.abe-has-sublist::after { width: 24px; height: 24px; content: ''; position: absolute; right: 16px; top: 8px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2NjY2NjYyI+DQogICAgPHBhdGggZD0iTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eiIvPg0KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4NCjwvc3ZnPg==) } .www-components-sec-nav { min-width: 200px } .ampstart-card a:not(.ampstart-btn), .www-component-desc li a:not(.ampstart-btn), .www-component-desc p a:not(.ampstart-btn) { text-decoration: none; color: #ff3737 } .ampstart-headerbar-nav .ampstart-nav-item.www-current-page { color: #ff3737 } .ampstart-nav-dropdown .ampstart-dropdown-item { color: #ff3737; margin: 0 } .ampstart-icon, .ampstart-sidebar .ampstart-icon { fill: #ff3737 } .ampstart-dropdown-item a { display: block; padding: 8px } .ampstart-dropdown-item a:active, .ampstart-sidebar .ampstart-dropdown header:active { background: #f2f2f2 } .ampstart-sidebar .ampstart-dropdown header { padding: 1rem 0; margin: 0 } .ampstart-sidebar .ampstart-social-follow { margin-top: 1rem } .ampstart-dropdown>section>header:after { color: #ff3737; padding: 0 0 0 .5rem } .ampstart-sidebar { width: 340px } .ampstart-input>label { color: #ff3737 } .ampstart-input>label:after { background: #ff3737 } .ampstart-input input[type=checkbox], .ampstart-input input[type=radio] { border: 1px solid #ff3737 } .ampstart-input input[type=checkbox]:after, .ampstart-input input[type=checkbox]:checked, .ampstart-input input[type=checkbox]:checked:after, .ampstart-input input[type=radio]:after, .ampstart-input input[type=radio]:checked { background: 0 0 } .ampstart-input input[type=radio]:checked:after { background: #ff3737 } .ampstart-btn.disabled { pointer-events: none; opacity: .5 } .ampstart-btn:active, .ampstart-btn:focus, .ampstart-btn:hover, a.ampstart-btn:active, a.ampstart-btn:focus, a.ampstart-btn:hover { color: #db004d; border: 1px solid #db004d } .ampstart-btn-secondary:active, .ampstart-btn-secondary:focus, .ampstart-btn-secondary:hover, a.ampstart-btn-secondary:active, a.ampstart-btn-secondary:focus, a.ampstart-btn-secondary:hover { color: #fff; background: #db004d; border: 1px solid #fff } .ampstart-btn-secondary[disabled], .ampstart-btn-secondary[disabled]:focus, .ampstart-btn-secondary[disabled]:hover, a.ampstart-btn-secondary.disabled, a.ampstart-btn-secondary.disabled:focus, a.ampstart-btn-secondary.disabled:hover { color: #fff; background: #ff3737; border: 1px solid #fff } .ampstart-btn-secondary:visited { color: #000 } .ampstart-btn { background-color: #f39c12; border-color: #f39c12; color: #fff; flex: 1; margin: 5px; transition: all 0.2s ease-in-out; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; cursor: pointer; background-image: none; border-radius: 4px; } .ampstart-btn-secondary { background-color: #cccccc ; color: #000000 ; border: 1px solid #000000 ; } body { background: #f9f7f7; opacity: .8 } #abe-preview-header { background: #fff; color: #000; height: 56px; width: 100vw; z-index: 100 } #abe-preview-header>a { line-height: 16px } #abe-preview-header-title { width: 100% } #abe-preview { background: #fff; min-height: 100vh; width: 100vw; margin: 0 auto; max-width: 960px; margin-top: 56px } article#preview { background-color: #f5f5f5; } amp-carousel { margin: 0; } .header { position: relative; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); padding-top: 52px; } .header { background-color: #ff5e5e; } .header #sample-menu { position: absolute; top: 0; left: 0; font-size: 18px; font-weight: 700; color: white; text-transform: uppercase; padding: 13px; } .header #sample-logo { position: absolute; top: 0; left: 36px; font-size: 18px; font-weight: 400; color: white; text-transform: uppercase; margin: 0 16px; height: 32px; text-decoration: none; line-height: 52px; } .header form { padding: 0; } .header input::-webkit-search-decoration, .header input::-webkit-search-cancel-button { display: none; } .header input[type=submit] { position: absolute; top: 10px; right: 8px; background-color: #ff3737; background-position: center; background-repeat: no-repeat; background-image: -webkit-image-set( url('https://ampbyexample.com/img/ic_search_white_1x_web_24dp.png') 1x, url('https://ampbyexample.com/img/ic_search_white_2x_web_24dp.png') 2x); border: 0 none; height: 32px; width: 36px; -webkit-appearance: none; border-radius: 0; -moz-border-top-right-radius: 4px; -moz-border-bottom-right-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .header input[type=search], .header input[type=text] { position: absolute; top: 10px; right: 24px; background: #ededed; padding: 0 8px; width: 20vw; height: 32px; font-family: inherit; font-size: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; border: solid 0px #ccc; border-radius: 0; -moz-border-top-left-radius: 4px; -moz-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-transition: all .9s; -moz-transition: all .9s; transition: all .9s ease; } .header input[type=search]:focus, .header input[type=text]:focus { box-sizing: border-box; width: 80vw; max-width: 700px; height: 32px; background-color: #fff; border-color: #ff3737; -webkit-box-shadow: 0 0 5px rgba(109, 207, 246, .5); -moz-box-shadow: 0 0 5px rgba(109, 207, 246, .5); box-shadow: 0 0 5px rgba(109, 207, 246, .5); outline: none; } .header input:-moz-placeholder, .header input::-webkit-input-placeholder { color: #999; } .header input:focus+ #sample-logo { visibility: hidden; opacity: 0; transition: visibility 0s 0.7s, opacity 0.7s ease; } .header input+ #sample-logo { visibility: visible; opacity: 1; transition: opacity 1.5s ease; } @media (min-width: 600px) { .header input[type=search] { width: 100px; } .header input[type=search]:focus { width: 600px; } } .items, amp-list.items> div { display: flex; justify-content: space-around; flex-wrap: wrap; } .item { flex-grow: 1; flex-shrink: 1; } .tile { background-color: white; width: 120px; height: 200px; display: block; margin: 8px; -webkit-tap-highlight-color: #eee; max-width: 200px; } @media (max-width: 500px) { .items .tile { width: 150px; height: 200px; } } .tile:active { background-color: #eee; } .tile p { margin: 0; padding: 0 8px; font-size: 14px; line-height: 20px; } .tile .name { margin-top: 8px; } .tile .price { margin-bottom: 8px; } .tile .price, .tile .star { color: black; } #product-description { clear: both; } amp-lightbox { background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: absolute; } amp-accordion h4 { font-size: 18px; } amp-carousel .selected { border: solid 2px red; } .amp-youtube-container { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .video { flex: 1; } .price-description { color: grey; font-weight: 400; margin-top: 24px; margin-bottom: 16px; padding: 0 16px; } .product-gallery> ul { margin: 0; padding: 0; float: left; list-style: none; line-height: 0; max-height: 570px; overflow: auto; } .product-gallery> ul> li { cursor: pointer; margin: 0 1em 1em 1em; opacity: 1; will-change: opacity; transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .product-gallery> ul> li:active { opacity: 0.5; } .product-gallery> ul> li:focus { outline: none; } .product-gallery amp-img:focus { outline: none; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { animation-duration: 1s; animation-fill-mode: both; animation-name: fadeIn; } .hide { display: none; } .show { display: block; } .unavailable { position: relative; background: gray; overflow: hidden; opacity: 0.6; pointer-events: none; user-select: none; } .unavailable:before, .unavailable:after { position: absolute; content: ''; background: grey; display: block; width: auto; height: 1px; min-width: 56px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: -11px; right: 0; top: 0; bottom: 0; margin: auto; border-bottom: 2px solid; } .unavailable:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } div.square { width: 40px; height: 40px; background-position: center; background-size: contain; background-repeat: no-repeat; } .green { background-color: #008000; } .red { background-color: #FF0000; } .golden { background-color: #DAA520; } @media (max-width: 1024px) { .product-gallery> ul { display: none; } } .lightbox { width: 100%; height: 100%; display: flex; align-items: center; } .ampTabContainer { display: flex; flex-wrap: wrap; } .tabButton { list-style: none; text-align: center; cursor: pointer; outline: none; } amp-selector [option][selected] { outline: #fff; } .tabContent { line-height: 1.5rem; display: none; width: 100%; order: 1; } .tabButton[selected]::after { content: ''; display: block; height: 4px; background: #ff3737; } .tabButton[selected]+.tabContent { display: block; } .items, amp-list.items> div { justify-content: flex-start; } .close-gallery-button { z-index: 1; position: absolute; right: 0; } .preis-alt { text-decoration: line-through; font-size: 0.8em; } #portfolio-list{ padding: 0; position: relative; list-style: none; } .portfolio-item { margin-bottom: 30px; position: relative; } .produkt_li .speks .body{ color: #222222; text-align: left; font-size: 16px; } .produkt_li .speks .body .body-text{ height: 45px; overflow: hidden; font-weight: 600; margin-bottom: 10px; } .produkt_li .pris-alt{ text-decoration: line-through; text-align: right; } .produkt_li .pris-alt_none { text-align: right; color: #fff; } .produkt_li .pris-neu{ text-align: right; font-size: 20px; } .produkt_li .prime{ background-image: url("/images/prime.jpg"); background-repeat: no-repeat; } .produkt_li .border{ border: 1px solid; margin: 5px; padding: 5px; border-color: #ccc; padding-bottom: 20px; } .icon-list{ display: flex; } .icon-list a, .icon-list button{ flex: 1; margin: 5px; } .produkt_li .akzion{ position: absolute; z-index: 9999; background: #f39c12; right: 6px; top: 6px; padding: 1px 11px; color: #222; } .produkt_li .sml{ padding: 0 5px; } .produkt_li .rate i{ color: #e8b904; } .produkt_li .rate{ text-align: left; } .produkt_li .tumb img,.produkt_li .tumb amp-img{ width: 46px; } .produkt_li .tumb{ flex: 1; } .portfolio-item .akzion{ right: 21px; } ul{ list-style: none; }