') } .amp-carousel-button-prev { background-image: url('data:image/svg+xml;charset=utf-8,Shape ') } .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: 3rem; line-height: 3.5rem } .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; }
Ihr X-Feuerzeug Kaufratgeber für 02/2019 Beim Kauf von X-Feuerzeugen können Sie sich grundsätzlich für Modelle diverser Hersteller entscheiden – doch nicht jedes hält, was es verspricht. Um Ihnen die Auswahl des richtigen X-Feuerzeugs erleichtern zu können, haben wir für Sie einen kleinen Kaufratgeber aufgesetzt, der Ihnen die Vorteile von X-Feuerzeugen näherbringt und zeigt, warum diese so nützlich sind.
Die Vorteile X-Feuerzeuge sind nicht nur „cool zu haben“, sondern bieten tatsächliche Vorteile: In erster Linie denken wir da an die Wetterfestigkeit. Auch bei Regen oder sogar Stürmen ist es kein Problem, X-Feuerzeuge anzuzünden – die wohl lang ersehnte Lösung für alle Raucher unten Ihnen. Schlagen Sie sich nicht länger mit herkömmlichen und unzuverlässigen Feuerzeugen herum, sondern wechseln Sie zu einem X-Feuerzeug, so können Sie auch – wo Sie auch sind – ihr Feuerzeug an eine Steckdose hängen und einfach aufladen.
Wie funktionieren Sie? Im Innern eines X-Feuerzeugs befindet sich ein Akku, von dem aus die Kontakte mit Strom versorgt werden. Wenn die Kontakte unter Strom gesetzt werden, kommt es zu einer elektrischen Spannung, die sich ausgleichen will – und somit zum Funkensprung zwischen den beiden Polen. Dabei wird praktisch kaum Energie verbraucht – lediglich die Energie, die in Form von Wärme abgegeben wird, geht dabei verloren bzw. wird nicht zurück in den Akku geleitet.
Gefahren von X-Feuerzeugen Beim Kauf eines X-Feuerzeugs sollten Sie sich unbedingt dessen bewusst sein, dass nicht nur gute Modelle auf dem Markt sind, mit denen Sie definitiv Freude haben werden – inzwischen sind auch viele Billigfeuerzeuge auf dem Markt, die überladen werden können, was unter Umständen zur Explosion des Geräts und somit zu schmerzhaften Verbrennen führen kann – der finanzielle Schaden hält sich bei solchen Produkten natürlich in Grenzen.
Worauf sollte ich achten, wenn ich ein X-Feuerzeug kaufe? Wer sich nicht sicher ist, woran man ein gutes X-Feuerzeug erkennt, kann einfach auf den Preis achten: Auch, wenn wir diese Philosophie normalerweise nicht vertreten, so lässt sich doch sagen, dass der Preis das wichtigste Qualitätsmerkmal für X-Feuerzeuge ist. Von ihm hängen nämlich nicht nur die gebotenen Sicherheitsstandards ab, sondern auch die Materialbeschaffenheit, die Verarbeitungsqualität und somit natürlich auch die Lebensdauer des X-Feuerzeugs.
Die unterschiedlichen Variationen von X-Feuerzeugen Haben Sie sich letztendlich für den Kauf eines X-Feuerzeugs entschieden, so müssen Sie nur noch die Wahl zwischen den verschiedenen Formen treffen, in denen X-Feuerzeuge angeboten werden. Feuerzeuge können natürlich einerseits schlicht, andererseits kreativ gestaltet worden sein: Bewährt haben sich drei Standardausführungen, die unterschiedliche Vorteile bieten.
Stabfeuerzeuge Wenn Sie ein Feuerzeug für den Heimgebraucht suchen, könnte das Stabfeuerzeug genau das Richte für Sie sein. Es ermöglicht Ihnen, beispielsweise Kerzen anzuzünden, ohne dabei mit den Fingern nahe bei der Flamme sein zu müssen – außerdem hindert eine Kindersicherung Ihren Nachwuchs daran, Unfug anzustellen.
Taschenfeuerzeug Für die Raucher und Wanderlustigen unter Ihnen dürfte dies das empfehlenswerteste X-Feuerzeug sein: Gerade für diejenigen, die sich nicht mehr mit leeren oder nicht funktionstüchtigen Feuerzeugen herumquälen wollen empfiehlt sich das Taschenfeuerzeug, was sich über USB aufladen lässt.
Glühdrahtfeuerzeug Wer sich nicht sicher ist ob er gewöhnlichen X-Feuerzeugen mit Funkensprung vertraut, sollte den Kauf eines Glühdrahtfeuerzeugs in Betracht ziehen. Diese kommen nämlich ohne Kontakte zum Spannungsausgleich aus – eine Heizfläche, die mit der Zündung des Feuerzeugs heiß wird ermöglicht bei diesem Modell das Anzünden von Kerze und Zigarette.
Andere Produkte TESLA Lighter T07 | Lichtbogen Feuerzeug, Grillfeuerzeug, Stabfeuerzeug, BBQ, elektronisch wiederaufladbar, aufladbar mit Strom per USB, ohne Gas und Benzin, mit Ladekabel, in edler Geschenkverpackung, Orange
19,00 €
3.8 (604)
-
TESLA Lighter T07 | Lichtbogen Feuerzeug, Grillfeuerzeug, Stabfeuerzeug, BBQ, elektronisch wiederaufladbar, aufladbar mit Strom per USB, ohne Gas und Benzin, mit Ladekabel, in edler Geschenkverpackung, Blau
19,00 €
3.8 (604)
-
TESLA Lighter T07 | Lichtbogen Feuerzeug, Grillfeuerzeug, Stabfeuerzeug, BBQ, elektronisch wiederaufladbar, aufladbar mit Strom per USB, ohne Gas und Benzin, mit Ladekabel, in edler Geschenkverpackung, Grün
19,00 €
3.8 (604)
-
TESLA Lighter T07 | Lichtbogen Feuerzeug, Grillfeuerzeug, Stabfeuerzeug, BBQ, elektronisch wiederaufladbar, aufladbar mit Strom per USB, ohne Gas und Benzin, mit Ladekabel, in edler Geschenkverpackung, Lila
19,00 €
3.8 (604)
-
TESLA Lighter T07 | Lichtbogen Feuerzeug, Grillfeuerzeug, Stabfeuerzeug, BBQ, elektronisch wiederaufladbar, aufladbar mit Strom per USB, ohne Gas und Benzin, mit Ladekabel, in edler Geschenkverpackung, Silber
19,00 €
3.8 (604)
-
TESLA Lighter T07 | Lichtbogen Feuerzeug, Grillfeuerzeug, Stabfeuerzeug, BBQ, elektronisch wiederaufladbar, aufladbar mit Strom per USB, ohne Gas und Benzin, mit Ladekabel, in edler Geschenkverpackung, Weiß
19,00 €
3.8 (604)
-