@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {.brxe-shortcode{width:100%}}@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link .icon{flex-shrink:0}}@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}.pi-lands { --pi-navy: #002147; --pi-yellow: #fec10d; --pi-ink: #15314d; --pi-muted: #4d6277; --pi-line: #dbe5ef; --pi-canvas: #f3f7fb; --pi-pad: clamp(18px, 3.1vw, 34px); --pi-gap: clamp(14px, 2vw, 24px); --pi-radius: 20px; width: 100%; max-width: none; margin: 0; color: var(--pi-ink); font-size: 17px; line-height: 1.62; text-align: left;} .pi-lands > .pi-shell { width: min(1220px, calc(100% - 64px)); max-width: none; margin-inline: auto; padding: 0;} .pi-lands :is(.pi-stack, .pi-grid, .pi-card, .pi-hero-copy, .pi-route, .pi-detail, .pi-rich) { min-width: 0; } .pi-lands .pi-stack { display: flex; flex-direction: column; align-items: stretch; gap: var(--pi-gap); } .pi-lands .pi-grid { display: grid; gap: var(--pi-gap); width: 100%; } .pi-lands .pi-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pi-lands .pi-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); } .pi-lands .pi-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); } .pi-lands .pi-card { width: 100%; padding: var(--pi-pad); background: #fff; border: 1px solid var(--pi-line); border-radius: var(--pi-radius); } .pi-lands .pi-title { margin: 0; color: var(--pi-navy); font-size: clamp(25px, 2.7vw, 36px); line-height: 1.2; letter-spacing: -.025em; font-weight: 750; text-wrap: balance;} .pi-lands .pi-kicker { margin: 0; color: #255174; font-size: 12px; line-height: 1.45; font-weight: 800; letter-spacing: .105em; text-transform: uppercase;} .pi-lands .pi-muted, .pi-lands .pi-section-intro { margin: 0; color: var(--pi-muted); } .pi-lands .pi-section-intro { max-width: 75ch; } .pi-lands :is(.pi-text, .pi-rich) > :first-child { margin-top: 0; } .pi-lands :is(.pi-text, .pi-rich) > :last-child { margin-bottom: 0; } .pi-lands .pi-rich { overflow-wrap: anywhere; } .pi-lands .pi-rich :is(h2, h3, h4, h5, h6) { margin: 1.45em 0 .45em; color: var(--pi-navy); line-height: 1.27; text-wrap: balance; } .pi-lands .pi-rich h2 { font-size: clamp(25px, 2.7vw, 35px); } .pi-lands .pi-rich h3 { font-size: clamp(21px, 2vw, 27px); } .pi-lands .pi-rich :is(h4, h5, h6) { font-size: 19px; } .pi-lands .pi-rich :is(ul, ol) { padding-inline-start: 22px; } .pi-lands .pi-rich li + li { margin-top: .4em; } .pi-lands .pi-rich li::marker { color: #386b93; } .pi-lands .pi-rich img { max-width: 100%; height: auto; } .pi-lands .pi-article { overflow-x: auto; } .pi-lands .pi-rich table { width: 100%; margin-block: 1em; border-collapse: collapse; font-size: .94em; text-align: left; } .pi-lands .pi-rich :is(th, td) { padding: .6em .7em; border: 1px solid var(--pi-line); vertical-align: top; } .pi-lands .pi-rich th { background: var(--pi-navy); color: #fff; } .pi-lands .pi-rich a, .pi-lands .pi-text-link { color: #164f7a; text-decoration: underline; text-underline-offset: .2em; } .pi-lands .pi-text-link { width: fit-content; font-size: 15px; font-weight: 750; } .pi-lands :is(.pi-text-link, .pi-rich a):hover { color: var(--pi-navy); } .pi-lands .pi-actions { display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; } .pi-lands .pi-button.brxe-button { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; min-height: 48px; padding: 12px 19px; border: 1px solid transparent; border-radius: 11px; background: var(--pi-yellow); color: var(--pi-navy); box-shadow: none; font-size: 15px; font-weight: 750; line-height: 1.4; text-align: center; text-decoration: none; white-space: normal; transition: background-color .15s, border-color .15s;} .pi-lands .pi-button.brxe-button:hover { background: #ffcf3a; color: var(--pi-navy); box-shadow: none; transform: none; } .pi-lands .pi-button--outline.brxe-button { background: #fff; border-color: #bdcede; } .pi-lands .pi-button--outline.brxe-button:hover { background: #eaf2fa; border-color: #7897b0; } .pi-lands .pi-button--ghost.brxe-button { background: transparent; border-color: #7d9bb7; color: #fff; } .pi-lands .pi-button--ghost.brxe-button:hover { background: #214664; border-color: #c7dbee; color: #fff; } .pi-lands :is(a, .pi-button, .pi-detail-summary):focus-visible { outline: 3px solid #246ca5; outline-offset: 3px; } .pi-lands:is(.pi-hero, .pi-content) :is(.pi-hero-copy, .pi-route, .pi-platinum) :is(a, .pi-button):focus-visible { outline-color: var(--pi-yellow); }.pi-lands.pi-hero { padding: clamp(120px, 10vw, 148px) 0 clamp(32px, 5vw, 64px); background: radial-gradient(ellipse at 92% 10%, #194b73 0%, transparent 65%), var(--pi-navy); color: #d9e8f6;} .pi-lands .pi-hero-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: center; gap: clamp(24px, 5vw, 72px); width: 100%; } .pi-lands .pi-hero-copy { gap: 14px; } .pi-lands .pi-hero-copy .pi-kicker { color: var(--pi-yellow); } .pi-lands .pi-h1 { margin: 0; color: #fff; font-size: clamp(34px, 4vw, 60px); font-weight: 800; line-height: 1.09; letter-spacing: -.045em; overflow-wrap: anywhere; text-wrap: balance;} .pi-lands .pi-hero-subtitle { margin: 0; color: #fff; font-size: clamp(18px, 1.9vw, 24px); font-weight: 650; line-height: 1.32; } .pi-lands .pi-hero-intro { max-width: 66ch; overflow-wrap: anywhere; } .pi-lands .pi-hero-copy .pi-actions { margin-top: 5px; } .pi-lands .pi-route { display: grid; gap: 18px; width: 100%; padding: var(--pi-pad); background: #103557; border: 1px solid #547391; border-radius: var(--pi-radius); } .pi-lands .pi-route .pi-kicker { color: #c3d8ec; } .pi-lands .pi-route-track { display: grid; gap: 8px; } .pi-lands .pi-route-track > p { position: relative; margin: 0; padding-inline-start: 26px; } .pi-lands .pi-route-track > p::before { position: absolute; inset: .52em auto auto 1px; width: 11px; height: 11px; border: 2px solid currentColor; border-radius: 50%; content: ""; } .pi-lands .pi-route-origin::after { position: absolute; inset: calc(.52em + 14px) auto -8px 6px; border-inline-start: 1px dashed #9ab6d0; content: ""; } .pi-lands .pi-route-destination { color: #fff; font-size: clamp(22px, 2.4vw, 34px); font-weight: 750; line-height: 1.22; overflow-wrap: anywhere; } .pi-lands .pi-route-track > .pi-route-destination::before { inset-block-start: .39em; background: var(--pi-yellow); border-color: var(--pi-yellow); } .pi-lands .pi-route-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 124px), 1fr)); gap: 8px; width: 100%; } .pi-lands .pi-route-metrics:empty { display: none; } .pi-lands .pi-route-metric { width: 100%; min-width: 0; padding: 11px 12px; border: 1px solid #446785; border-radius: 11px; background: #0b2a48; } .pi-lands .pi-route-value p { margin: 0; color: #cbdff0; font-size: 13px; line-height: 1.4; } .pi-lands .pi-route-value p + p { margin-top: 3px; color: #fff; font-size: clamp(19px, 2.2vw, 26px); font-weight: 780; overflow-wrap: anywhere; } .pi-lands .pi-route-link { width: fit-content; color: #fff; font-size: 14px; font-weight: 650; text-decoration: underline; text-underline-offset: .2em; } .pi-lands .pi-route-link:hover { color: var(--pi-yellow); }.pi-lands.pi-content { padding: clamp(20px, 3vw, 36px) 0 clamp(40px, 6vw, 80px); background: var(--pi-canvas); } .pi-lands .pi-content-flow { display: grid; align-items: start; grid-template-columns: minmax(0, 1fr); gap: clamp(30px, 5vw, 64px); } .pi-lands :is(#pi-versandkosten, #pi-versandinfos, #pi-faq) { scroll-margin-block-start: 130px; } .pi-lands .pi-calculator { display: block; border-top: 4px solid var(--pi-yellow); } .pi-lands .pi-calculator-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; margin-bottom: 18px; } .pi-lands .pi-calculator-copy { gap: 5px; } .pi-lands .pi-calculator-embed { display: block; width: 100%; min-width: 0; } .pi-lands .pi-stats { gap: 12px; } .pi-lands .pi-stat, .pi-lands .pi-feature { gap: 5px; padding: clamp(12px, 2.1vw, 23px); } .pi-lands .pi-stat-value, .pi-lands .pi-feature-title { color: var(--pi-navy); font-weight: 780; line-height: 1.24; } .pi-lands .pi-stat-value { font-size: clamp(20px, 2.8vw, 34px); } .pi-lands .pi-stat-label, .pi-lands .pi-feature-copy, .pi-lands .pi-quote-credit { color: var(--pi-muted); font-size: 15px; } .pi-lands .pi-points, .pi-lands .pi-goods-card { background: #eaf2fa; } .pi-lands .pi-point-list :is(ul, ol) { list-style: none; margin: 0; padding: 0; } .pi-lands .pi-point-list li { position: relative; padding-inline-start: 24px; } .pi-lands .pi-point-list li::before { position: absolute; inset-inline-start: 0; color: #225d88; font-weight: 800; content: "✓"; } .pi-lands .pi-benefit { border-top: 3px solid var(--pi-yellow); } .pi-lands .pi-customs-card { border-inline-start: 3px solid #35678f; } .pi-lands .pi-benefit .pi-rich strong, .pi-lands .pi-related-title { color: var(--pi-navy); } .pi-lands .pi-detail-grid { align-items: start; gap: 12px; } .pi-lands .pi-detail { display: block; width: 100%; border: 1px solid var(--pi-line); border-radius: 14px; background: #fff; } .pi-lands .pi-detail[open] { border-color: #a6bdd2; } .pi-lands .pi-detail-summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 56px; padding: 13px 16px; border-radius: 13px; color: var(--pi-navy); list-style: none; cursor: pointer; } .pi-lands .pi-detail-summary::-webkit-details-marker { display: none; } .pi-lands .pi-detail-summary:hover, .pi-lands .pi-detail[open] > .pi-detail-summary { background: #ecf3fa; } .pi-lands .pi-detail-summary::after { display: grid; flex: 0 0 26px; height: 26px; place-items: center; border-radius: 50%; background: #dfeaf5; color: #194972; content: "+" / ""; font-size: 20px; font-weight: 700; line-height: 1; } .pi-lands .pi-detail[open] > .pi-detail-summary::after { content: "−" / ""; } .pi-lands .pi-detail-title { margin: 0; color: inherit; font-size: 16px; font-weight: 750; line-height: 1.42; overflow-wrap: anywhere; } .pi-lands .pi-detail-body { display: block; padding: 14px 16px 17px; overflow-x: auto; } .pi-lands .pi-long-content { grid-template-columns: minmax(0, 1fr); } .pi-lands .pi-testimonial { gap: 10px; border-inline-start: 4px solid var(--pi-yellow); } .pi-lands .pi-quote { color: var(--pi-navy); font-size: clamp(17px, 2vw, 23px); } .pi-lands .pi-quote blockquote, .pi-lands .pi-quote p { margin: 0; padding: 0; border: 0; background: none; color: inherit; } .pi-lands .pi-review-links { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 4px; } .pi-lands .pi-platinum { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--pi-gap); padding: var(--pi-pad); border-radius: var(--pi-radius); background: var(--pi-navy); } .pi-lands .pi-platinum-title { flex: 1 1 320px; min-width: 0; color: #fff; font-size: clamp(22px, 3vw, 30px); font-weight: 750; line-height: 1.25; } .pi-lands .pi-platinum-title p { margin: 0; } .pi-lands .pi-related-card { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 10px; min-height: 95px; padding: 16px; color: var(--pi-navy); text-decoration: none; } .pi-lands .pi-related-card:hover { border-color: #7d9fbc; background: #f8fbfe; } .pi-lands .pi-related-image { width: 62px; height: 40px; margin: 0; } .pi-lands .pi-related-image img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: left center; border-radius: 4px; } .pi-lands .pi-related-title { font-size: 16px; font-weight: 750; overflow-wrap: anywhere; }@media (max-width: 991px) { .pi-lands > .pi-shell { width: calc(100% - 48px); } .pi-lands .pi-hero-grid { grid-template-columns: minmax(0, 1fr); } .pi-lands .pi-grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pi-lands .pi-grid--three { grid-template-columns: minmax(0, 1fr); }}@media (max-width: 640px) { .pi-lands { font-size: 16px; } .pi-lands > .pi-shell { width: calc(100% - 30px); } .pi-lands.pi-hero { padding-block-start: 110px; } .pi-lands .pi-grid--two { grid-template-columns: minmax(0, 1fr); } .pi-lands .pi-hero-copy .pi-button { flex: 1 1 100%; } .pi-lands .pi-calculator { padding-inline: 12px; } .pi-lands .pi-stat, .pi-lands .pi-feature { padding: 12px; } .pi-lands .pi-related-image { width: 50px; height: 34px; }}@media (prefers-reduced-motion: reduce) { .pi-lands .pi-button { transition: none; }}