:root{--bg-img-fmh-logo:url(https://cdn1.fmh.de/images/fmh.svg);--bg-img-inspect-line:url(https://cdn1.fmh.de/images/common/icons/inspect-line.svg);--bg-img-settings-line:url(https://cdn1.fmh.de/images/common/icons/settings-line.svg)}.alf .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.alf .sb-picker{position:relative}.alf .sb-picker>summary{list-style:none;display:flex;align-items:center;outline:0;cursor:default}.alf .sb-picker>summary::-webkit-details-marker{display:none}.alf .sb-picker .sb-picker-content{margin-inline:0;margin-top:4px;padding:12px;border-radius:8px;position:absolute;width:stretch;z-index:1}.alf .sb-picker .sb-picker-content label{display:flex;align-items:center;gap:8px;width:100%;margin:4px 0}fmh-kreditkarten-vergleich .alf .resulttable .additional-result{display:none}fmh-kreditkarten-vergleich .alf .results.show-all-results .additional-result{display:table-row-group}fmh-kreditkarten-vergleich .alf .more-results-control{text-align:center}fmh-kreditkarten-vergleich .alf .more-results-control [hidden]{display:none!important}fmh-kreditkarten-vergleich .alf .result-count,fmh-kreditkarten-vergleich .alf .empty-result{text-align:center}.alf table{border-collapse:collapse;width:100%}.alf p{margin:0}.alf ul{padding:0;margin:0}.alf button{border:0;padding:0;background:none;-webkit-appearance:button;-moz-appearance:button;appearance:button}.alf img{max-width:100%;height:auto}.alf .justify-end{justify-content:flex-end}.alf .text-center{text-align:center}.alf .form-headline{font-weight:bold;margin:8px 0 8px 0}.alf .inputrow{display:flex;flex-wrap:wrap}.alf .inputrow>*{flex-shrink:0;width:100%;max-width:100%;padding-right:0;padding-left:0;margin-top:0}.alf .inputrow .form-input label_,.alf .inputrow .form-label{font-weight:600;display:inline-block;margin:8px 0;width:100%;white-space:normal;vertical-align:middle}.alf .inputrow .tb{width:100%}.alf .inputrow .sb{width:100%}.alf .input-col,.alf .input-col1,.alf .input-col2,.alf .input-col3,.alf .input-col4,.alf .input-col5{flex:0 0 auto;width:25%;padding:4px 4px}.alf .input-col{width:auto}.alf input[type=checkbox]{width:16px;height:16px;margin-right:4px}.alf .sw-btn{position:relative}.alf .sw-btn input{position:absolute;opacity:0;width:0!important;height:0!important}.alf .sw-btn label{display:flex;align-items:center;gap:8px}.alf .sw-btn .slider{position:relative;cursor:pointer;top:0;left:0;right:0;bottom:0;min-width:44px;width:44px;height:24px;background-color:#ccc;border-radius:24px;-webkit-transition:.4s;transition:.4s;outline:0}.alf .sw-btn .slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;-webkit-transition:.4s;transition:.4s}.alf .sw-btn input:checked+.slider{background-color:#1e293b}.alf .sw-btn input:focus+.slider{outline:1px solid #aaa}.alf .sw-btn input:checked+.slider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}.alf .sw-btn span{display:inline-block;position:relative}.alf .select-pnl{position:absolute;overflow-y:auto;max-height:200px;padding:12px;margin-top:4px;border-radius:8px;z-index:1;right:4px;display:flex;flex-direction:column;gap:16px}.alf .select-pnl-item{padding:4px 4px}.alf .details-row{display:none}.alf .result-item.selected .details-row{display:table-row}.alf .anbieterlink{cursor:pointer}.alf dl{display:flex;flex-wrap:wrap;margin-right:0}.alf dt,.alf dd{white-space:wrap;padding:8px 8px;margin:0}.alf dt{width:30%;font-weight:bold}.alf dd{width:70%}.alf .details-full dt,.alf .details-full dd{width:100%}.alf .anbieter-details-auszeichnungen a{font-weight:bold}.alf .auszeichnungen-link-hinweis{font-weight:bold;background:var(--bg-img-inspect-line) no-repeat;background-position:left center;background-size:18px;padding:10px 0 10px 24px;margin:0 0}.alf .auszeichnungen-list{display:flex;gap:20px;flex-wrap:wrap}.alf .auszeichnungen-list img{max-width:180px}.alf .fmh-footer{display:flex;align-items:center;padding:16px;margin-top:24px;flex-wrap:wrap;gap:20px}.alf .fmh-footer>*{flex:3 1 auto}.alf .fmh-footer-werbehinweis{display:flex}.alf .fmh-footer-werbehinweis span{flex:0 0 24px;font-size:24px}.alf .fmh-footer-title1{flex-basis:70%;text-align:left;background:url(https://cdn1.fmh.de/images/common/icons/bar-chart-4.svg) no-repeat;background-position:left 2px;background-size:16px;padding-left:24px}.alf .fmh-footer-title2{flex-basis:20%;text-align:right;white-space:nowrap}.alf .fmh-footer a{font-weight:bold;text-decoration:none;white-space:nowrap}@media(prefers-color-scheme:dark){:root{--bg-img-fmh-logo:url(https://cdn1.fmh.de/images/fmh.svg);--bg-img-inspect-line:url(https://cdn1.fmh.de/images/common/icons/inspect-line-dm.svg);--bg-img-settings-line:url(https://cdn1.fmh.de/images/common/icons/settings-line-dm.svg)}}@media(max-width:840px){.alf .input-col1,.alf .input-col2,.alf .input-col3,.alf .input-col4,.alf .input-col5{width:35%}.alf .select-pnl{right:auto}}@media(max-width:740px){.alf .input-col1,.alf .input-col2,.alf .input-col3,.alf .input-col4,.alf .input-col5{width:35%}}@media(max-width:640px){.alf .input-col1,.alf .input-col2,.alf .input-col3,.alf .input-col4,.alf .input-col5{width:40%}.alf .resulttable .col-vorteile{display:none}.alf dt{width:40%}.alf dd{width:60%}}@media(max-width:560px){.alf .input-col1,.alf .input-col2,.alf .input-col3,.alf .input-col4,.alf .input-col5{width:50%}.alf .fmh-footer{flex-wrap:wrap}}@media(max-width:480px){.alf .inputrow{width:80%;margin:0 10% 0 10%}.alf .input-col,.alf .input-col1,.alf .input-col2,.alf .input-col3,.alf .input-col4,.alf .input-col5{width:100%}.alf .btn-submit{max-width:100%}.alf .resulttable,.alf .resulttable>thead,.alf .resulttable>tbody{display:block}.alf .resulttable .datarow1,.alf .resulttable tr{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center}.alf .resulttable th.col-bausparkasse,.alf .resulttable .col-anbieter{display:flex;align-items:center;justify-content:center}.alf .resulttable .col-anbieter{width:50%!important;border-bottom:0}.alf .resulttable .col-jahrespreis{width:50%!important;border-bottom:0}.alf .resulttable td.col-angebot{width:100%;padding-top:10px}.alf .anbieter-logo{margin:0 0;width:auto!important}.alf dt{width:100%}.alf dd{width:100%}.alf .angebotslink{white-space:normal;width:100%;max-width:100%!important}.alf .schnellcheck-buttonset{display:none}.alf .schnellcheck-buttonset.xs-visible{display:block}.alf .input-form-display-trigger{display:none}.alf .input-form-display-trigger.xs-visible{display:block}.alf .expand-trigger{display:block}.alf .expandable>*:nth-last-child(-n+3){display:none}.alf .expandable.expanded>*{display:block}}@media(max-width:400px){.alf .inputrow{width:100%;margin:0}.alf .input-col1,.alf .input-col2,.alf .input-col3,.alf .input-col4,.alf .input-col5{width:100%}.alf .select-pnl{position:relative}.alf ul.anbieter-details-tabs2 button{width:100%}.alf .details-table{width:100%}}