
.kyf{--creme:#FBF6EF;--sand:#F4EEE6;--linie:#EADFD2;--tinte:#1F2233;--text:#33374A;--leise:#4E5266;--rost:#A8431F;--rost-tief:#7E3015;--cta:#C4532B;--cta-tief:#A8431F;
--navy:#22304F;--navy-tief:#1A2540;--auf-navy:#FBF6EF;--auf-navy-leise:#C9CFDC;--trenn:rgba(251,246,239,.16);--gold:#FFC858;--gruen:#2F7D55;
--f-display:"Fraunces",Georgia,serif;--f-text:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;--f-ui:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
--rand-x:20px;--max:1200px;--eli-platz:96px;
font-family:var(--f-text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;color:var(--auf-navy);display:block}
.kyf *,.kyf *::before,.kyf *::after{box-sizing:border-box}
.kyf :where(h2,h3,p,ul,li){margin:0;padding:0}
.kyf :where(ul){list-style:none}
.kyf :where(img){display:block;max-width:100%}
.kyf :where(button){font:inherit;color:inherit;background:none;border:0;margin:0;padding:0;cursor:pointer}
.kyf a,.kyf button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.kyf a:focus-visible,.kyf button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:8px}
.kyf-in{max-width:var(--max);margin:0 auto;padding-left:var(--rand-x);padding-right:var(--rand-x)}
.kyf-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kyf-nw{white-space:nowrap}


.kyf-trust{background:var(--sand);color:var(--text);border-top:1px solid var(--linie)}
.kyf-trust .kyf-in{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding-top:20px;padding-bottom:20px}
.kyf-t{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.4;color:var(--text);text-decoration:none;min-height:44px}
.kyf-t b{display:block;font-family:var(--f-ui);font-weight:600;font-size:14px;line-height:1.35;color:var(--tinte)}
.kyf-t small{display:block;font-size:13px;line-height:1.4;color:var(--leise)}
.kyf-zpp{width:52px;height:auto;flex-shrink:0}
.kyf-rate{font-family:var(--f-display);font-variation-settings:'SOFT' 100;font-weight:600;font-size:28px;line-height:1;color:var(--tinte);min-width:52px;text-align:center}
.kyf-stars{display:block;font-size:15px;letter-spacing:2px;color:#B8621B;line-height:1.2}
.kyf a.kyf-t:hover b{color:var(--rost)}
.kyf-pay{height:28px;width:auto;margin-top:6px}
.kyf-tpay{padding-left:64px}


.kyf-main{background:var(--navy)}
.kyf-main>.kyf-in{padding-top:40px;padding-bottom:32px;display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.kyf-home{display:inline-flex;align-items:center;min-height:44px;border-radius:8px}
.kyf-logo{height:44px;width:auto;margin-left:-6px}
.kyf-claim{font-size:15px;line-height:1.6;color:var(--auf-navy-leise);max-width:40ch;margin-top:8px;text-wrap:pretty}
.kyf-claim strong{display:block;color:var(--auf-navy);font-weight:700;font-size:16px}
.kyf-try{margin-top:24px}
.kyf-try p{font-size:15px;line-height:1.5;color:var(--auf-navy)}
.kyf-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-family:var(--f-ui);font-weight:600;font-size:15px;line-height:1;min-height:48px;padding:0 24px;border-radius:999px;background:var(--cta);color:#fff;text-decoration:none;white-space:nowrap}
.kyf a.kyf-cta:hover{background:var(--cta-tief);color:#fff}
.kyf-contact{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.kyf-pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid rgba(251,246,239,.34);color:var(--auf-navy);text-decoration:none;font-family:var(--f-ui);font-weight:500;font-size:14px;line-height:1.2}
.kyf a.kyf-pill:hover{border-color:var(--gold);color:var(--gold)}
.kyf-social{display:flex;flex-wrap:wrap;align-items:center;gap:0 16px;margin-top:8px;font-size:14px;color:var(--auf-navy-leise)}
.kyf-social a{font-family:var(--f-ui);font-weight:500;color:var(--auf-navy);text-decoration:underline;text-decoration-color:rgba(251,246,239,.35);text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
.kyf-social a:hover{color:var(--gold);text-decoration-color:var(--gold)}


.kyf-nav{display:flex;flex-direction:column}
.kyf-gh{font-family:var(--f-ui);font-weight:600;color:var(--auf-navy);font-size:16px;line-height:1.3}
.kyf-gbtn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;min-height:56px}
.kyf-chev{transition:transform .2s ease;flex-shrink:0;color:var(--gold)}
.kyf-gbtn[aria-expanded="true"] .kyf-chev{transform:rotate(180deg)}
.kyf-list{display:flex;flex-direction:column;padding-bottom:12px}
.kyf-list a{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:44px;padding:4px 0;color:var(--auf-navy);text-decoration:none;font-size:16px;line-height:1.35}
.kyf-list a:hover{color:var(--gold);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.kyf-list a.kyf-more{color:var(--gold);font-weight:700}
.kyf-tag{font-family:var(--f-ui);font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--navy);background:var(--gold);border-radius:999px;padding:3px 8px;line-height:1.2;white-space:nowrap}
.kyf-group{border-top:1px solid var(--trenn)}
.kyf-group:last-child{border-bottom:1px solid var(--trenn)}

@media (max-width:699px){
 .kyf-group--offen{order:-1;border-top:0;padding-bottom:16px}
 .kyf-group--offen .kyf-gh{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
 .kyf-group--offen .kyf-list{flex-direction:row;flex-wrap:wrap;gap:0 24px;padding-bottom:0}
 .kyf.kyf-js .kyf-group:not(.is-open):not(.kyf-group--offen) .kyf-list{display:none}
}


.kyf-legal{background:var(--navy-tief);color:var(--auf-navy-leise)}
.kyf-legal .kyf-in{padding-top:24px;padding-bottom:calc(24px + var(--eli-platz));display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.kyf-llinks{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0 16px}
.kyf-llinks a,.kyf-llinks button{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--auf-navy);text-decoration:none;font-size:15px;line-height:1.3;text-align:left}
.kyf-llinks a:hover,.kyf-llinks button:hover{color:var(--gold);text-decoration:underline;text-underline-offset:4px}
.kyf-btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
.kyf-lbtn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:10px;border:1.5px solid rgba(251,246,239,.55);color:var(--auf-navy);text-decoration:none;font-family:var(--f-ui);font-weight:500;font-size:14px;line-height:1.2;text-align:center}
.kyf a.kyf-lbtn:hover{border-color:var(--auf-navy);background:rgba(251,246,239,.08)}
.kyf-copy{font-size:13px;line-height:1.5;color:var(--auf-navy-leise)}


.kyf--fokus .kyf-main>.kyf-in{padding-bottom:32px}


.kyf--checkout{color:var(--text)}
.kyf--checkout>.kyf-in{max-width:960px;padding-top:24px;padding-bottom:calc(24px + var(--eli-platz));display:grid;grid-template-columns:minmax(0,1fr);gap:12px;border-top:1px solid var(--linie)}
.kyf-help{font-size:15px;line-height:1.5;color:var(--text)}
.kyf-help b{font-family:var(--f-ui);font-weight:600;color:var(--tinte)}
.kyf-help-links{display:flex;flex-wrap:wrap;gap:0 24px;margin-top:4px}
.kyf-help-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--rost);font-weight:700;text-decoration:none;font-size:15px}
.kyf-help-links a:hover{color:var(--rost-tief);text-decoration:underline;text-underline-offset:4px}
.kyf-secure{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.4;color:var(--leise)}
.kyf-secure svg{color:var(--gruen);flex-shrink:0}
.kyf--checkout .kyf-llinks a,.kyf--checkout .kyf-llinks button{color:var(--leise);font-size:14px}
.kyf--checkout .kyf-llinks a:hover,.kyf--checkout .kyf-llinks button:hover{color:var(--tinte)}
.kyf--checkout .kyf-copy{color:var(--leise)}


@media (min-width:700px){
 .kyf{--rand-x:40px;--eli-platz:88px}
 .kyf-trust .kyf-in{grid-template-columns:auto auto auto;justify-content:space-between;align-items:center;gap:24px;padding-top:24px;padding-bottom:24px}
 .kyf-tpay{padding-left:0}
 .kyf-pay{height:26px}
 .kyf-main>.kyf-in{padding-top:48px;padding-bottom:40px;gap:40px}
 .kyf-claim{max-width:56ch}
 .kyf-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px}
 .kyf-try{display:contents}
 .kyf-try p{flex-basis:100%}
 .kyf-cta{margin-top:0;margin-right:8px}
 .kyf-contact{display:contents}
 .kyf-social{flex-basis:100%;margin-top:0}
 .kyf-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
 .kyf-group,.kyf-group:last-child{border:0}
 .kyf-gh{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
 .kyf-gbtn{min-height:0;pointer-events:none;cursor:default;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}
 .kyf-chev{display:none}
 .kyf-list{padding-bottom:0}
 .kyf-list a{min-height:36px;padding:3px 0;font-size:15px}
 .kyf-llinks{display:flex;flex-wrap:wrap;gap:0 20px}
 .kyf-legal .kyf-in{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 32px}
 .kyf-btns{grid-template-columns:auto auto}
 .kyf-copy{grid-column:1 / -1}
 .kyf--checkout>.kyf-in{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 32px}
 .kyf--checkout .kyf-llinks,.kyf--checkout .kyf-copy{grid-column:1 / -1}
}
@media (min-width:960px){
 .kyf-nav{grid-template-columns:1.05fr 1.15fr .95fr .85fr;gap:32px}
}

@media (min-width:1100px){
 .kyf{--rand-x:56px}
 .kyf--voll .kyf-main>.kyf-in{padding-top:56px;padding-bottom:48px;gap:48px}
 .kyf--fokus .kyf-main>.kyf-in{padding-top:48px;padding-bottom:40px}
 .kyf-brand{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 48px;align-items:center}
 .kyf-act{flex-direction:column;align-items:flex-end;margin-top:0}
 .kyf-try{display:flex;flex-direction:column;align-items:flex-end}
 .kyf-try p{flex-basis:auto}
 .kyf-cta{margin:12px 0 0}
 .kyf-contact{display:flex;justify-content:flex-end;margin-top:16px}
 .kyf-social{justify-content:flex-end;flex-basis:auto}
 .kyf-llinks{gap:0 20px}
 .kyf--voll .kyf-llinks a,.kyf--voll .kyf-llinks button,.kyf--fokus .kyf-llinks a,.kyf--fokus .kyf-llinks button{font-size:14px}
 .kyf-pay{height:28px}
 .kyf--checkout>.kyf-in{max-width:1080px}
 .kyf--checkout .kyf-llinks{gap:0 16px}
}
@media (prefers-reduced-motion:reduce){.kyf-chev{transition:none}}
@media (forced-colors:active){.kyf-lbtn,.kyf-pill{border-color:ButtonText}}
/* 13.11.2026 (Adrian): wer dahinter steht, Schnell gefunden am Handy, kürzer, Podcast */
.kyf-wer{display:flex;align-items:center;gap:12px;margin-top:16px;color:var(--auf-navy);text-decoration:none;min-height:44px}
.kyf-wer img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(251,246,239,.5)}
.kyf-wer b{display:block;font-family:var(--f-ui);font-weight:600;font-size:15px;line-height:1.3}
.kyf-wer small{display:block;font-size:14px;line-height:1.4;color:var(--auf-navy-leise)}
.kyf a.kyf-wer:hover b{color:var(--gold)}
.kyf .kyf-pay{margin-left:-9px}@media (min-width:700px) and (max-width:1099px){.kyf .kyf-pay{margin-left:-8px}}   /* Bild hat links 18 von 56 px Rand: bündig mit „Sicher bezahlen“ */
@media (max-width:699px){
 .kyf{--eli-platz:130px}
 .kyf-main>.kyf-in{padding-top:32px;gap:24px}
 .kyf-try{margin-top:16px}
 .kyf-contact{flex-wrap:nowrap;margin-top:16px}
 .kyf-contact .kyf-pill{flex:1 1 0;justify-content:center;padding:0 12px}
 .kyf .kyf-lang,.kyf .kyf-nur-pc{display:none}
}
@media (min-width:700px){.kyf .kyf-kurz,.kyf .kyf-nur-handy{display:none}}
