') } .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; }
Der Feuerzeug USB Kaufratgeber für 04/2018 Einigen unter Ihnen ist der Name Tesla vielleicht ein Begriff – Nikola Tesla, der unter anderem die Tesla Spule erfunden hat, ist der namensgebende Erfinder. Feuerzeug USBe funktionieren mit Strom und bieten einen ähnlichen, optischen Effekt wie Tesla-Spulen: Der Funkenflug zwischen zwei Kontakten sieht nicht nur beeindruckend aus, sondern sorgt auch dafür, dass Feuerzeug USBe gegenüber herkömmlichen Modellen einige Vorteile mit sich bringen.
Die Vorteile Schlechtes Wetter? Kein Problem! Feuerzeug USBe lassen sich auch bei besonders schlechten Wetterverhältnissen bedienen und sorgen dafür, dass man sich nicht mehr mit kaputten, leeren oder windungeeigneten Feuerzeugen herumschlagen muss. Doch das ist noch nicht alles, was Feuerzeug USBe können: Da sie mit einem Akku betrieben werden, kann man sie ganz leicht via USB aufladen und wieder einsatzbereit machen.
Wie funktionieren Sie? Im Innern eines Feuerzeug USBs 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 Feuerzeug USBen Besonders billige Feuerzeug USBe tendieren dazu, schnell kaputtzugehen oder sich zu überladen. Im schlimmsten Fall kann es sogar dazu kommen, dass Geräte sich überladen; gegebenenfalls bekommt man eine gewischt. Beim Kauf von Feuerzeug USBen sollten Sie also stets darauf achten, sich für einen renommierten Hersteller zu entscheiden. Darüber hinaus sind Sicherheitszertifizierungen aller Art immer ein großer Pluspunkt, wenn es um den Kauf eines Feuerzeug USBs geht.
Worauf sollte ich achten, wenn ich ein Feuerzeug USB kaufe? Wenn Sie sich für den Kauf eines Feuerzeug USBs entscheiden, sollten Sie nicht zuerst auf den Preis achten – denn wer günstig kauft, kauft zweimal. Entscheiden Sie sich am besten für ein Modell, welches nicht nur optisch, sondern auch technisch überzeugen kann – hier spielen sowohl die Akkulaufzeit, -lebensdauer sowie eine gute Verarbeitungsweise und hochwertige Materialien eine entscheidende Rolle.
Wie bereits erwähnt bringen Feuerzeug USBe nicht nur Vorteile, sondern auch Gefahren mit sich, wenn man sich beispielsweise für ein billiges Produkt für unter 10-15€ entscheidet. Glücklicherweise werden immer mehr Sicherheitsstandards im europäischen und besonders deutschen Raum durchgesetzt, die Sie als Verbraucher vor explodierenden Feuerzeug USBen schützen.
Die unterschiedlichen Arten von Feuerzeug USBen Auf dem Markt ist inzwischen eine Vielzahl an unterschiedlichen Varianten von Feuerzeugen erhältlich, die sich für unterschiedliche Einsatzzwecke mehr oder weniger gut eignen. Im Folgenden eine kleine Auflistung der gängigsten Formen von Feuerzeug USBen:
Stabfeuerzeuge Um Kerzen oder Räucherstächen anzünden zu können ohne sich zu verbrennen, kann man auf Stabfeuerzeuge zurückgreifen. Mit eingebauter Kindersicherung und ansprechendem Design die wohl gängigste Lösung, die häufig von deutschen Haushalten gewählt wird.
Taschenfeuerzeug Diese Option ist wohl gerade für die Raucher unter Ihnen relevant – denn wer kennt es nicht: Wind oder Regen sorgen dafür, dass Sie Ihr Feuerzeug einfach nicht angemacht bekommen. Mit Feuerzeug USBen für unterwegs passiert das nicht mehr – der kompakte Begleiter für unterwegs lässt Sie auch bei miesem Wetter Ihre Zigarette anzünden!
Glühdrahtfeuerzeug Wer sich nicht sicher ist ob er gewöhnlichen Feuerzeug USBen 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 -33%
TACKLIFE Feuerzeug, -ElY03 Lichtbogen Feuerzeug, USB-Elektro-Feuerzeug, 220 mAh, 400 Male pro Ladung, Flammlos, Winddicht, Wiederverwendet, Lange Lebensdauer, mit USB-Kabel
9,99 €
4.5 (11)
14,99€
TESLA Lighter T07 | Lichtbogen Feuerzeug, Grillfeuerzeug, Stabfeuerzeug, BBQ, elektronisch wiederaufladbar, aufladbar mit Strom per USB, ohne Gas und Benzin, mit Ladekabel, in edler Geschenkverpackung, Schwarz
19,90 €
4.5 (392)
-