/* Compact, shared savings comparison cards. */
.results .offer-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.offer-card.clear-offer,.results .offer-card.clear-offer{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:16px;padding:18px 18px 0;align-items:center;background:white;border:1px solid #d6e2ef;border-radius:12px;box-shadow:0 3px 16px #15365506;min-width:0;overflow:hidden}
.clear-offer:hover{border-color:#9bb9dc}
.clear-offer .offer-main{min-width:0}
.clear-offer .offer-top{display:grid;grid-template-columns:minmax(130px,1.6fr) minmax(105px,1fr) minmax(100px,1fr);gap:10px}
.clear-offer .bank-title{display:flex;align-items:center;justify-content:center;margin:0;padding:14px;background:white;border:1px solid #e2e9f1;border-radius:8px;min-width:0}
.clear-offer .bank-title .reference-bank-logo.compact{width:180px;height:54px;max-width:100%;object-fit:contain;object-position:center}
.clear-offer .bank-title h3{font-size:16px;margin:0}
.clear-offer .offer-rate{grid-area:auto;margin:0;padding:14px 12px;border-radius:8px;background:#eaf3ff;display:flex;flex-direction:column;justify-content:center}
.clear-offer .offer-rate-label,.clear-offer .offer-range>span,.clear-offer .offer-facts>div>span{font-size:11px;line-height:1.4;color:#536b86;display:block;margin-bottom:6px}
.clear-offer .offer-rate strong{display:block;white-space:nowrap;font-size:30px;line-height:1.2;letter-spacing:-1px;color:#125fc5;font-variant-numeric:tabular-nums}
.clear-offer .offer-rate strong span{font-size:22px}
.clear-offer .offer-range{padding:12px;border-radius:8px;background:#f5f8fc;display:flex;flex-direction:column;justify-content:center}
.clear-offer .offer-range b{font-size:13px;line-height:1.5;color:#173453}
.clear-offer .range-separator{display:block;font-size:10px;font-weight:400;color:#718198}
.clear-offer .offer-facts{grid-area:auto;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:10px;margin:10px 0 0;padding:0}
.clear-offer .offer-facts>div{display:block;background:#f5f8fc;border:0;border-radius:8px;padding:10px 12px;min-width:0;font-size:12px;line-height:1.4}
.clear-offer .offer-facts b{font-size:12px;font-weight:600;color:#173453}
.clear-offer .offer-country{display:flex;gap:7px;align-items:center;margin:0}
.clear-offer .offer-country img{width:24px;height:16px;flex-shrink:0}
.clear-offer .offer-country span{font-size:11px}
.clear-offer .offer-decision{display:flex;flex-direction:column;gap:8px;min-width:0}
.clear-offer .offer-decision .btn{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 8px;white-space:normal;text-align:center;font-size:11px;line-height:1.4;border-radius:7px}
.clear-offer .offer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin:0 -18px;padding:11px 18px;background:#fafcff;border-top:1px solid #e9eff6}
.clear-offer .offer-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#718198}
.clear-offer .offer-status-dot{width:5px;height:5px;border-radius:50%;background:#8b9bb0}
.clear-offer .compare-check,.results .clear-offer .compare-check{grid-area:auto;display:flex;align-items:center;gap:8px;margin:0;font-size:11px;color:#536b86;cursor:pointer}
.clear-offer .compare-check input{width:16px;height:16px;margin:0;accent-color:#1460ca}
.clear-offer :focus-visible{outline:3px solid #82b5fa;outline-offset:3px}
@media(max-width:1100px){.offer-card.clear-offer,.results .offer-card.clear-offer{grid-template-columns:minmax(0,1fr)}.clear-offer .offer-decision{flex-direction:row}.clear-offer .offer-decision .btn{flex:1}}
@media(max-width:540px){.offer-card.clear-offer,.results .offer-card.clear-offer{padding:14px 14px 0;gap:12px}.clear-offer .offer-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.clear-offer .bank-title{grid-column:1/-1;padding:16px}.clear-offer .bank-title .reference-bank-logo.compact{height:46px;width:180px}.clear-offer .offer-rate strong{font-size:32px}.clear-offer .offer-range b{display:flex;flex-wrap:wrap;gap:3px 6px}.clear-offer .range-separator{display:inline}.clear-offer .offer-facts{grid-template-columns:1fr 1fr}.clear-offer .offer-facts>div:first-child{grid-column:1/-1}.clear-offer .offer-decision{flex-wrap:wrap}.clear-offer .offer-decision .btn{flex:1 1 130px}.clear-offer .offer-bottom{margin:0 -14px;padding:12px 14px}}
.fg-band .wrap{padding-block:30px;gap:24px}.fg-band span{font-size:17px}.fg-band b{font-weight:600}
.safety-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:65px;padding-block:64px}
.safety-layout>.page-intro{width:100%;padding:0 0 40px;grid-column:1;grid-row:1}
.safety-layout>.two-col{display:contents}
.safety-layout>.two-col>article:first-child{grid-column:1;grid-row:2}
.safety-layout>.two-col>.soft-panel{grid-column:2;grid-row:1/3;align-self:start;margin-top:12px}
@media(max-width:750px){.safety-layout{display:block;padding-block:38px}.safety-layout>.two-col>.soft-panel{margin-top:30px}.fg-band span{font-size:16px}.fg-band .wrap{padding-block:24px}}
/* Homepage FAQ: centered introduction and two equal question columns. */
.cn-home .faq-section{display:block}
.cn-home .faq-section>div:first-child{text-align:center;max-width:720px;margin:0 auto 42px}
.cn-home .faq-section>div:first-child h2{margin-bottom:20px}
.cn-home .faq-section>div:first-child p{margin:0 auto 22px}
.cn-home .faq-section>.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;align-items:start}
.cn-home .faq-section>.faq-list details{min-width:0;margin:0}
.cn-home .faq-section>.faq-list summary{min-height:74px;box-sizing:border-box;align-items:center}
@media(max-width:700px){.cn-home .faq-section>.faq-list{grid-template-columns:minmax(0,1fr)}.cn-home .faq-section>div:first-child{margin-bottom:28px}.cn-home .faq-section>.faq-list summary{min-height:64px}}
.cn-home .faq-section>div:first-child .eyebrow{text-align:center;justify-content:center;margin-inline:auto}
/* Distinct bank columns in the comparison dialog. */
.direct-comparison{margin-top:24px;border-color:#c7d8eb}
.direct-comparison table{table-layout:fixed;min-width:620px;width:100%}
.direct-comparison th,.direct-comparison td{padding:18px 16px;border-right:2px solid #d6e3f1;border-bottom:1px solid #d6e3f1;text-align:center;vertical-align:middle;line-height:1.5;overflow-wrap:anywhere;font-size:13px}
.direct-comparison tr>:last-child{border-right:0}
.direct-comparison tr>:first-child{width:24%;text-align:left;background:#eef3f9;font-weight:600}
.direct-comparison thead th{background:#eaf2fc;font-weight:700;color:#153655;border-bottom:3px solid #b2cce9;padding-block:22px}
.direct-comparison thead th span{display:block;font-size:12px}
.direct-comparison .comparison-bank-logo{display:block;width:120px;height:40px;max-width:100%;object-fit:contain;margin:0 auto 12px}
.direct-comparison tbody td:nth-child(odd){background:#f5f9ff}
.direct-comparison tbody tr:nth-child(2) td{font-size:20px;font-weight:700;color:#125fc5}
.direct-comparison tbody tr:hover td{background:#eaf2fc}
@media(max-width:600px){.direct-comparison th,.direct-comparison td{padding:14px 12px}.direct-comparison tr>:first-child{position:sticky;left:0;z-index:1;box-shadow:2px 0 0 #d6e3f1}.direct-comparison table{min-width:660px}}

/* Clear action hierarchy shared by Festgeld and Tagesgeld. */
.clear-offer .offer-decision{gap:9px}
.clear-offer .offer-decision .btn{min-height:44px;padding:11px 13px;border-radius:9px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s}
.clear-offer .offer-decision button[data-detail]{background:#125fc5;border:1px solid #125fc5;box-shadow:0 3px 8px #125fc51a}
.clear-offer .offer-decision button[data-detail]:hover{background:#0d4da3}
.clear-offer .offer-decision .secondary{background:#fff;border:1px solid #bbcee5;box-shadow:none}
.clear-offer .offer-decision .secondary:hover{background:#f0f6ff;border-color:#125fc5}
.clear-offer .offer-decision .depositor-document{background:#eef4fb;color:#234568;border:1px solid #d5e2f0;box-shadow:none;font-size:11px;line-height:1.5}
.clear-offer .depositor-document small{display:block;font-size:9px;font-weight:400;margin-top:3px;color:#62758c}
.clear-offer .offer-decision .unavailable{opacity:1;cursor:default}
@media(max-width:1100px){.clear-offer .offer-decision{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.clear-offer .offer-decision .depositor-document{grid-column:1/-1}}
@media(max-width:400px){.clear-offer .offer-decision{grid-template-columns:1fr}}

/* Match the depositor PDF action to the other offer buttons, including disabled state. */
.offer-card.clear-offer .offer-decision .btn.depositor-document{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 12px;background:#fff;border:1px solid #bbcee5;border-radius:9px;color:#125fc5;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:600;line-height:1.4;box-shadow:none;text-align:center}
.offer-card.clear-offer .offer-decision .btn.depositor-document>span{font:inherit;line-height:inherit;letter-spacing:normal;color:inherit}
.offer-card.clear-offer .offer-decision a.depositor-document:hover{background:#f0f6ff;border-color:#125fc5}

.fg-offers-title h1{font-family:Arial,Helvetica,sans-serif;font-size:36px;line-height:1.2;letter-spacing:-1px;margin:0 0 20px;color:#153655}@media(max-width:600px){.fg-offers-title h1{font-size:28px}}

/* Give both secondary offer actions the same shading in every state. */
.offer-card.clear-offer .offer-decision .btn.secondary,
.offer-card.clear-offer .offer-decision .btn.depositor-document{background:#fff;border-color:#bbcee5;box-shadow:0 2px 5px rgba(18,95,197,.07)}
.offer-card.clear-offer .offer-decision .btn.secondary:hover,
.offer-card.clear-offer .offer-decision .btn.depositor-document:hover{background:#f0f6ff;border-color:#125fc5;box-shadow:0 3px 8px rgba(18,95,197,.12)}
.offer-card.clear-offer .offer-decision .btn.secondary:focus-visible,
.offer-card.clear-offer .offer-decision .btn.depositor-document:focus-visible{background:#f0f6ff;border-color:#125fc5}

/* Offer details opened by Angebot ansehen. */
.offer-detail-view{color:#173453;font-family:Arial,Helvetica,sans-serif}
.detail-bank-header{display:flex;align-items:center;gap:22px;padding-right:20px;margin-bottom:26px}
.detail-logo-box{flex:0 0 180px;padding:16px 12px;border:1px solid #dfe8f3;border-radius:12px;background:#fff}
.detail-logo-box img{display:block;width:100%;height:54px;object-fit:contain}
.detail-kicker{font-size:10px;letter-spacing:1.4px;color:#536f8f;margin-bottom:10px}
.offer-detail-view h2{font-family:Arial,Helvetica,sans-serif;font-size:24px;line-height:1.25;letter-spacing:-.5px;margin:0 0 12px}
.detail-country{display:flex;align-items:center;gap:8px;font-size:12px;color:#60748c}.detail-country img{width:24px;height:16px}
.detail-overview{display:grid;grid-template-columns:1fr 1.6fr;gap:20px;margin-bottom:26px}
.detail-interest{border-radius:12px;background:#edf5ff;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:9px;color:#125fc5}
.detail-interest>span{font-size:12px}.detail-interest strong{font-size:44px;line-height:1.1;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.detail-interest strong small{font-size:25px;margin-left:7px}
.detail-key-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.detail-key-facts>div{background:#f6f8fb;border-radius:10px;padding:16px;min-width:0}.detail-key-facts dt{font-size:11px;color:#61748c;margin-bottom:8px}.detail-key-facts dd{margin:0;font-size:14px;font-weight:600;line-height:1.4}
.offer-detail-view h3{font-size:17px;margin:0 0 12px}.detail-status{display:inline-block;font-size:10px;color:#6b5c38;background:#faf5e9;border-radius:5px;padding:5px 8px;margin-bottom:8px}.detail-conditions p{font-size:13px;line-height:1.8;color:#596e87;margin:0;white-space:pre-line}
.detail-documents{display:grid;gap:8px;margin-top:20px}.detail-documents a{display:flex;justify-content:space-between;gap:12px;border:1px solid #d6e2f1;border-radius:8px;padding:12px 14px;font-size:12px;color:#125fc5;text-decoration:none}.detail-documents a:hover{background:#f0f6ff}
.detail-advice{font-size:11px;line-height:1.7;color:#65768b;background:#f6f8fb;border-radius:8px;padding:13px 15px;margin-top:22px}
.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.detail-actions .btn{flex:1;justify-content:center;font-size:12px;padding:14px 18px}
@media(max-width:600px){.detail-bank-header{flex-direction:column;align-items:flex-start;gap:16px}.detail-logo-box{flex-basis:auto;width:170px;padding:12px}.offer-detail-view h2{font-size:21px}.detail-overview{grid-template-columns:1fr;gap:12px}.detail-interest{padding:20px}.detail-interest strong{font-size:38px}.detail-actions{flex-direction:column}.detail-key-facts>div{padding:14px}}