/* PIK Produktbanner - erzeugt vom Werkzeug, nicht von Hand aendern.
   Quelle: core/banner.py, core/formen.py, core/icons.py, core/overlay.py */
.LBmain .pbanner { container: pbanner / inline-size; width: 100%; }
.LBmain .pbanner .pbanner-inhalt { container: pbannertxt / inline-size;
    padding: clamp(22px, 4cqi, 56px) clamp(16px, 2.6cqi, 40px); }
.LBmain .pbanner .pbanner-spalte { min-width: 0; }
.LBmain .pbanner .pbanner-hell,
.LBmain .pbanner .pbanner-hell :is(h1,
h2,
h3,
h4,
p,
li,
span,
strong) { color: #fff !important; }
.LBmain .pbanner .pbanner-hell .lb-kicker { color: #9EA3C7 !important; }
.LBmain .pbanner .bg-light-gray .lb-kicker { color: #3d4a7a; }
:is(#maincontent,
.LBmain).LBmain .pbanner .pbanner-titel {
    font-size: clamp(1.45rem, 8.5cqi, 3.2rem) !important;
    line-height: 1.08; margin: 0 0 .35em; }
.LBmain .pbanner .pbanner-sub { font-size: clamp(.95rem, 3.4cqi, 1.4rem) !important;
    line-height: 1.35; margin: 0 0 1.1em; font-weight: 700; }
.LBmain .pbanner .pbanner-inhalt:not(.flex-center):not(.pbanner-rechtsspalte) > .pik-button,
.LBmain .pbanner .pbanner-inhalt:not(.flex-center):not(.pbanner-rechtsspalte) > .cta-button {
    align-self: center; width: auto; }
.LBmain .pbanner .pik-button { min-width: 320px !important;
    padding-left: 48px; padding-right: 48px; }
@container pbannertxt (max-width: 420px) {
.LBmain .pbanner .pik-button { min-width: 0 !important; width: 100%;
        padding-left: 24px; padding-right: 24px; }
}
.LBmain .pbanner .pbanner-rechtsspalte > .pik-button { min-width: 0 !important;
    max-width: 100%; padding-left: clamp(20px, 3cqi, 48px);
    padding-right: clamp(20px, 3cqi, 48px); }
.LBmain .pbanner .pbanner-flaeche { position: absolute; inset: 0;
    object-fit: contain; object-position: center; width: 100%;
    height: 100% !important; }
.LBmain .pbanner .pbanner-buehne { position: relative;
    aspect-ratio: var(--pbanner-ar, 3.2); min-height: clamp(240px, 26cqi, 420px);
    background: #0F1E5A; }
.LBmain .pbanner .pbanner-buehne > .pik-row { min-height: 100%; align-items: center; }
@container pbanner (max-width: 800px) {
.LBmain .pbanner .pbanner-buehne { aspect-ratio: auto; }
.LBmain .pbanner .pbanner-buehne .pbanner-spalte { width: 100% !important; }
.LBmain .pbanner .pbanner-buehne .pbanner-leer { display: none !important; }
.LBmain .pbanner .pbanner-buehne .pbanner-flaeche { object-fit: cover;
        object-position: var(--pbanner-fokus, 50%) center; }
.LBmain .pbanner .pbanner-buehne [class*="pbanner-scrim-"] { background:
        linear-gradient(90deg, rgba(15,30,90,.97) 0%, rgba(15,30,90,.88) 28%,
        rgba(15,30,90,.45) 44%, rgba(15,30,90,0) 55%) !important; }
}
.LBmain .pbanner .pbanner-scrim-beide { background:
    linear-gradient(90deg, rgba(15,30,90,.80) 0%, rgba(15,30,90,.55) 26%,
    rgba(15,30,90,0) 42%, rgba(15,30,90,0) 58%, rgba(15,30,90,.55) 74%,
    rgba(15,30,90,.80) 100%); }
.LBmain .pbanner .pbanner-uspliste { display: flex; flex-direction: column;
    justify-content: center; gap: clamp(10px, 2cqi, 18px);
    width: 100%; margin-bottom: clamp(18px, 3.5cqi, 34px); }
.LBmain .pbanner .pbanner-uspzeile { display: flex; align-items: center;
    gap: 14px; text-align: left; }
.LBmain .pbanner .pbanner-uspzeile .pik-icon { width: clamp(40px, 19cqi, 64px);
    height: clamp(40px, 19cqi, 64px); margin: 0; flex: 0 0 auto; }
.LBmain .pbanner .pbanner-uspzeile .font-600 {
    font-size: clamp(.98rem, 4.6cqi, 1.2rem) !important; line-height: 1.25; }
.LBmain .pbanner .pbanner-uspzeile .text-small.opacity-80 {
    font-size: clamp(.82rem, 3.6cqi, .96rem) !important; line-height: 1.3; }
.LBmain .pbanner .pbanner-rechtsspalte { display: flex; flex-direction: column;
    align-items: flex-start; justify-content: center; align-self: stretch;
    padding-bottom: clamp(14px, 3cqi, 34px); }
.LBmain .pbanner .pbanner-rechtsspalte > .pik-button { align-self: center; }
:is(#maincontent,
.LBmain).LBmain .pbanner .pbanner-buehne .pbanner-titel {
    font-size: clamp(1.9rem, 14cqi, 3.75rem) !important; }
.LBmain .pbanner .pbanner-buehne .pbanner-sub {
    font-size: clamp(1.15rem, 5.6cqi, 1.5rem) !important; }
@container pbanner (max-width: 540px) {
.LBmain .pbanner .pbanner-spalte { width: 100% !important; }
.LBmain .pbanner [class*="pbanner-scrim-"] {
        background: rgba(15,30,90,.90) !important; }
.LBmain .pbanner .pbanner-leer { display: none !important; }
.LBmain .pbanner .pbanner-buehne { aspect-ratio: auto; }
.LBmain .pbanner .pbanner-buehne > .pik-row { height: auto; }
.LBmain .pbanner .pbanner-flaeche { object-fit: cover; opacity: .35; }
}
.LBmain .pik-icon-konnektivitaet {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEzIDEwVjNMNCAxNGg3djdsOS0xMWgtN3oiLz48L3N2Zz4=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEzIDEwVjNMNCAxNGg3djdsOS0xMWgtN3oiLz48L3N2Zz4=");
}
.LBmain .pik-icon-mobil {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTkgMTdhMiAyIDAgMTEtNCAwIDIgMiAwIDAxNCAwek0xOSAxN2EyIDIgMCAxMS00IDAgMiAyIDAgMDE0IDB6Ii8+PHBhdGggZD0iTTEzIDE2VjZhMSAxIDAgMDAtMS0xSDRhMSAxIDAgMDAtMSAxdjEwYTEgMSAwIDAwMSAxaDFtOC0xYTEgMSAwIDAxLTEgMUg5bTQtMVY4YTEgMSAwIDAxMS0xaDIuNTg2YTEgMSAwIDAxLjcwNy4yOTNsMy40MTQgMy40MTRhMSAxIDAgMDEuMjkzLjcwN1YxNmExIDEgMCAwMS0xIDFoLTFtLTYtMWExIDEgMCAwMDEgMWgxIi8+PC9zdmc+");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTkgMTdhMiAyIDAgMTEtNCAwIDIgMiAwIDAxNCAwek0xOSAxN2EyIDIgMCAxMS00IDAgMiAyIDAgMDE0IDB6Ii8+PHBhdGggZD0iTTEzIDE2VjZhMSAxIDAgMDAtMS0xSDRhMSAxIDAgMDAtMSAxdjEwYTEgMSAwIDAwMSAxaDFtOC0xYTEgMSAwIDAxLTEgMUg5bTQtMVY4YTEgMSAwIDAxMS0xaDIuNTg2YTEgMSAwIDAxLjcwNy4yOTNsMy40MTQgMy40MTRhMSAxIDAgMDEuMjkzLjcwN1YxNmExIDEgMCAwMS0xIDFoLTFtLTYtMWExIDEgMCAwMDEgMWgxIi8+PC9zdmc+");
}
.LBmain .pik-icon-skalierbar {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTQgNWExIDEgMCAwMTEtMWg0YTEgMSAwIDAxMSAxdjRhMSAxIDAgMDEtMSAxSDVhMSAxIDAgMDEtMS0xVjV6TTE0IDVhMSAxIDAgMDExLTFoNGExIDEgMCAwMTEgMXY0YTEgMSAwIDAxLTEgMWgtNGExIDEgMCAwMS0xLTFWNXpNNCAxNWExIDEgMCAwMTEtMWg0YTEgMSAwIDAxMSAxdjRhMSAxIDAgMDEtMSAxSDVhMSAxIDAgMDEtMS0xdi00ek0xNCAxNWExIDEgMCAwMTEtMWg0YTEgMSAwIDAxMSAxdjRhMSAxIDAgMDEtMSAxaC00YTEgMSAwIDAxLTEtMXYtNHoiLz48L3N2Zz4=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTQgNWExIDEgMCAwMTEtMWg0YTEgMSAwIDAxMSAxdjRhMSAxIDAgMDEtMSAxSDVhMSAxIDAgMDEtMS0xVjV6TTE0IDVhMSAxIDAgMDExLTFoNGExIDEgMCAwMTEgMXY0YTEgMSAwIDAxLTEgMWgtNGExIDEgMCAwMS0xLTFWNXpNNCAxNWExIDEgMCAwMTEtMWg0YTEgMSAwIDAxMSAxdjRhMSAxIDAgMDEtMSAxSDVhMSAxIDAgMDEtMS0xdi00ek0xNCAxNWExIDEgMCAwMTEtMWg0YTEgMSAwIDAxMSAxdjRhMSAxIDAgMDEtMSAxaC00YTEgMSAwIDAxLTEtMXYtNHoiLz48L3N2Zz4=");
}
.LBmain .pik-zier-kundenkonto {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NiA5NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMzEiIGN5PSI0NSIgcj0iMTQuNSIgZmlsbD0iYmxhY2siIHN0cm9rZT0ibm9uZSIvPjxwYXRoIGQ9Ik02IDk2YzAtMTcgMTEuMi0yOSAyNS0yOXMyNSAxMiAyNSAyOXoiIGZpbGw9ImJsYWNrIiBzdHJva2U9Im5vbmUiLz48Y2lyY2xlIGN4PSI3MyIgY3k9IjU1IiByPSIxMS41IiBmaWxsPSJibGFjayIgc3Ryb2tlPSJub25lIi8+PHBhdGggZD0iTTYxIDk2YzAtMTMgOC41LTIyIDE3LjUtMjJTOTYgODMgOTYgOTZ6IiBmaWxsPSJibGFjayIgc3Ryb2tlPSJub25lIi8+PC9zdmc+");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NiA5NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMzEiIGN5PSI0NSIgcj0iMTQuNSIgZmlsbD0iYmxhY2siIHN0cm9rZT0ibm9uZSIvPjxwYXRoIGQ9Ik02IDk2YzAtMTcgMTEuMi0yOSAyNS0yOXMyNSAxMiAyNSAyOXoiIGZpbGw9ImJsYWNrIiBzdHJva2U9Im5vbmUiLz48Y2lyY2xlIGN4PSI3MyIgY3k9IjU1IiByPSIxMS41IiBmaWxsPSJibGFjayIgc3Ryb2tlPSJub25lIi8+PHBhdGggZD0iTTYxIDk2YzAtMTMgOC41LTIyIDE3LjUtMjJTOTYgODMgOTYgOTZ6IiBmaWxsPSJibGFjayIgc3Ryb2tlPSJub25lIi8+PC9zdmc+");
}
.LBmain .pik-zier-postfach {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NiA5NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZmlsbD0iYmxhY2siIHN0cm9rZT0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYgMjhoNzZ2NThIMTZ6IE0yMyAzNyA1NCA2MCA4NSAzN3Y2TDU0IDY2IDIzIDQzeiIvPjxwYXRoIGQ9Ik0wIDQ2aDEydjVIMHogTTMgNTloOXY1SDN6IE02IDcyaDZ2NUg2eiIgZmlsbD0iYmxhY2siIHN0cm9rZT0ibm9uZSIvPjwvc3ZnPg==");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NiA5NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZmlsbD0iYmxhY2siIHN0cm9rZT0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYgMjhoNzZ2NThIMTZ6IE0yMyAzNyA1NCA2MCA4NSAzN3Y2TDU0IDY2IDIzIDQzeiIvPjxwYXRoIGQ9Ik0wIDQ2aDEydjVIMHogTTMgNTloOXY1SDN6IE02IDcyaDZ2NUg2eiIgZmlsbD0iYmxhY2siIHN0cm9rZT0ibm9uZSIvPjwvc3ZnPg==");
}
h3,
p,
li,
span,
strong) { color: #0F1E5A; }
.LBmain .pbanner-ov-knopf-schatten .pbanner-inhalt .pik-button-white {
    box-shadow: 0 14px 34px rgba(0,0,0,.45) !important; }
.LBmain .pbanner-ov-knopf-schatten .pbanner-ovbox .pik-button-white {
    box-shadow: 0 9px 22px rgba(0,0,0,.45) !important; }
.LBmain .pbanner-ovbox .pik-button {
    transition: color .24s cubic-bezier(0,.6,.25,1),
        background-color .24s cubic-bezier(0,.6,.25,1),
        box-shadow .24s cubic-bezier(0,.6,.25,1); }
@container pbanner (max-width: 620px) {
h3,
p,
li,
span,
strong) {
        color: #fff; }
}
.LBmain .pbanner-ovbox { position: relative; overflow: hidden; flex: 1 1 0;
    display: flex; align-items: center; align-items: safe center;
    min-height: 0; isolation: isolate;
    background: #05070f; container: pbannerbox / inline-size; }
.LBmain .pbanner-ovbox .pbanner-ov-flaeche { position: absolute; inset: 0; z-index: 2;
    pointer-events: none; }
.LBmain .pbanner-ovbox .pbanner-ov-platte { position: absolute; inset: 0; }
.LBmain .pbanner-ovbox.pbanner-ov-ton-navy .pbanner-ov-platte { background: linear-gradient(158deg, rgba(15,30,90,.96) 0%, rgba(15,30,90,.86) 72%); }
.LBmain .pbanner-ovbox-inhalt { position: relative; z-index: 4; width: 100%;
    padding: clamp(18px, 6cqi, 32px) clamp(16px, 5.5cqi, 30px); }
.LBmain .pbanner-ovbox-inhalt,
.LBmain .pbanner-ovbox-inhalt p { color: #fff; }
.LBmain .pbanner-ovbox-titel { font-size: clamp(1.05rem, 7.2cqi, 1.65rem) !important;
    line-height: 1.1; letter-spacing: -.01em; margin: 0 0 .4em !important; }
.LBmain .pbanner-ovbox-text { font-size: clamp(.95rem, 4.8cqi, 1.15rem) !important;
    line-height: 1.45; margin: 0 0 1.15em !important; max-width: 32ch; }
.LBmain .pbanner-ovbox-akzent { color: #e2732a; }
.LBmain .pbanner-ovbox .pik-button,
.LBmain .pbanner-ovbox .pik-button-white { min-width: 0;
    padding: clamp(9px, 2.6cqi, 14px) clamp(18px, 5cqi, 30px);
    font-size: clamp(.82rem, 3.4cqi, 1rem); display: inline-block; }
.LBmain .pbanner-ovbox-zier { position: absolute; z-index: 3; right: 4%;
    bottom: -4%; width: 40%; height: auto; aspect-ratio: 1; margin: 0;
    background-color: #fff; opacity: .2; pointer-events: none; }
@container pbannerbox (min-width: 360px) {
.LBmain .pbanner-ovbox-zier { width: 27%; }
}
.LBmain .pbanner-triofeld { container: pbannertrio / inline-size; width: 100%; }
.LBmain .pbanner-trio { position: relative; display: flex; width: 100%;
    align-items: stretch; }
.LBmain .pbanner-trio .pbanner-ovbox {
    background-image: var(--pbanner-ov-motiv); background-repeat: no-repeat;
    background-size: calc((100% + 30px) / .3) calc(200% + 15px); }
.LBmain .pbanner-trio .pbanner-trio-neben > .pbanner-ovbox {
    background-position: 100% 0; }
.LBmain .pbanner-trio .pbanner-ovbox + .pbanner-ovbox {
    background-position: 100% 100%; }
.LBmain .pbanner-trio:has(.pbanner-buehne) .pbanner-ovbox {
    background-color: #0F1E5A;
    background-size: calc(100% / .2) auto; }
.LBmain .pbanner-trio:has(.pbanner-buehne) .pbanner-trio-neben > .pbanner-ovbox {
    background-position: 100% 30%; }
.LBmain .pbanner-trio:has(.pbanner-buehne) .pbanner-ovbox + .pbanner-ovbox {
    background-position: 100% 70%; }
.LBmain .pbanner-trio .pbanner-trio-haupt { flex: 0 0 70%; min-width: 0;
    display: flex; }
.LBmain .pbanner-trio .pbanner-trio-neben { flex: 1 1 30%; min-width: 0;
    display: flex; flex-direction: column; }
.LBmain .pbanner-trio .pbanner-trio-haupt > .pbanner { width: 100%;
    max-width: 100%; margin-left: 0; margin-right: 0; }
.LBmain .pbanner-trio { gap: 30px; }
.LBmain .pbanner-trio .pbanner-trio-neben { gap: 15px; }
@container pbannertrio (min-width: 901px) {
.LBmain .pbanner-trio .pbanner-ovbox { min-height: min-content; flex: 1 0 auto; }
.LBmain .pbanner-trio .pbanner-buehne { aspect-ratio: auto; width: 100%;
        height: 100%; min-height: 0; }
.LBmain .pbanner-trio .pbanner-buehne .pbanner-flaeche { height: 100%;
        object-fit: cover; }
}
@container pbannertrio (max-width: 900px) {
.LBmain .pbanner-trio { flex-direction: column; }
.LBmain .pbanner-trio .pbanner-trio-haupt { flex: 1 1 auto; }
.LBmain .pbanner-trio .pbanner-trio-neben { flex: 1 1 auto;
        flex-direction: row; }
.LBmain .pbanner-trio .pbanner-ovbox {
        background-size: calc(200% + 15px) 100%; }
.LBmain .pbanner-trio .pbanner-trio-neben > .pbanner-ovbox {
        background-position: 0 100%; }
.LBmain .pbanner-trio .pbanner-ovbox + .pbanner-ovbox {
        background-position: 100% 100%; }
}
@container pbannertrio (max-width: 560px) {
.LBmain .pbanner-trio .pbanner-trio-neben { flex-direction: column; }
.LBmain .pbanner-trio .pbanner-ovbox { flex: 0 0 auto;
        background-size: 100% calc(200% + 15px); }
.LBmain .pbanner-trio .pbanner-trio-neben > .pbanner-ovbox {
        background-position: 0 0; }
.LBmain .pbanner-trio .pbanner-ovbox + .pbanner-ovbox {
        background-position: 0 100%; }
}