/* IntelliTuning Quick-Checkout */
[data-buy]{cursor:pointer}
[data-buy]:focus-visible{outline:2px solid #65d5c9;outline-offset:3px}
.itkqc-cardbtn{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;margin-top:auto;padding:9px 14px;border-radius:9px;background:#65d5c9;color:#0b1415;font:600 13px "Sora","Segoe UI",system-ui,sans-serif;transition:transform .2s,filter .2s}
/* Kaufknopf immer am Boden der Kachel, Kacheln einer Reihe gleich hoch */
.itp-pg .grid>.pkg[data-buy],.itk-grid>.itk-pkg[data-buy]{display:flex!important;flex-direction:column!important;height:100%}
.itp-pg .pkg[data-buy]>.itkqc-cardbtn,.itk-pkg[data-buy]>.itkqc-cardbtn,[data-buy]>.itkqc-cardbtn{margin-top:auto!important;align-self:flex-start}
[data-buy]>.itkqc-cardbtn:not(:first-child){position:relative}
[data-buy]>:nth-last-child(2){margin-bottom:18px!important}
[data-buy]:hover .itkqc-cardbtn{transform:translateY(-1px);filter:brightness(1.06)}
html[data-it-theme="light"] .itkqc-cardbtn{background:#006c67;color:#fff}
html.itkqc-lock,html.itkqc-lock body{overflow:hidden!important}
.itkqc{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;font-family:"Poppins","Segoe UI",system-ui,sans-serif}
.itkqc[hidden]{display:none}
.itkqc-bg{position:absolute;inset:0;background:rgba(3,6,7,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:itkqc-fade .18s ease}
.itkqc-card{--sf:#11181a;--sf2:#182123;--ln:#243033;--fg:#f1f4f4;--fg2:#b3bfc1;--fg3:#7f8c8f;--ac:#65d5c9;--ok:#4cc38a;position:relative;width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--sf);color:var(--fg);border:1px solid var(--ln);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.5);animation:itkqc-in .22s cubic-bezier(.2,.8,.3,1);outline:none}
.itkqc-card::before{content:"";position:sticky;display:block;top:0;height:3px;background:linear-gradient(90deg,var(--ac),rgba(101,213,201,.15));border-radius:20px 20px 0 0}
html[data-it-theme="light"] .itkqc-card{--sf:#ffffff;--sf2:#eef2f2;--ln:#d9e1e0;--fg:#172326;--fg2:#3f5053;--fg3:#627376;--ac:#006c67;--ok:#1d7f52;box-shadow:0 30px 80px rgba(0,0,0,.2)}
html[data-it-theme="light"] .itkqc-bg{background:rgba(20,30,32,.45)}
@keyframes itkqc-fade{from{opacity:0}}
@keyframes itkqc-in{from{opacity:0;transform:translateY(12px) scale(.98)}}
.itkqc-in{padding:22px 26px 24px}
.itkqc button.itkqc-x,.itkqc button.itkqc-x:hover,.itkqc button.itkqc-x:focus{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:1px solid var(--ln);background:var(--sf2);color:var(--fg2);font:400 22px/1 system-ui,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:none;outline:none}
.itkqc button.itkqc-x:hover{color:var(--fg);border-color:var(--ac)}
.itkqc-kick{color:var(--ac);font-size:11px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;margin-bottom:8px}
.itkqc h3{font:700 26px/1.15 "Sora","Segoe UI",system-ui,sans-serif;margin:0 44px 10px 0;color:var(--fg)}
.itkqc-sub{list-style:none;margin:0 0 10px;padding:0}.itkqc-sub li{color:var(--fg2);font-size:13.5px;padding:3px 0 3px 18px;position:relative;line-height:1.5}
.itkqc-sub li::before{content:"";position:absolute;left:2px;top:10px;width:7px;height:7px;border-radius:50%;background:var(--ac)}
.itkqc-pills{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}
.itkqc-pills span{font-size:12px;border-radius:999px;padding:4px 10px;border:1px solid}
.itkqc-pills .ok{color:var(--ok);border-color:rgba(76,195,138,.45);background:rgba(76,195,138,.08)}.itkqc-pills .tp{color:var(--ac);border-color:rgba(101,213,201,.45);background:rgba(101,213,201,.08)}
.itkqc-per{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 14px}
.itkqc button[data-per],.itkqc button[data-per]:hover,.itkqc button[data-per]:focus{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:11px 13px;border-radius:12px;border:1px solid var(--ln);background:var(--sf2);color:var(--fg2);cursor:pointer;text-align:left;font-family:inherit;box-shadow:none;outline:none}
.itkqc button[data-per] b{color:var(--fg);font-size:14px}.itkqc button[data-per] span{font-size:13px}.itkqc button[data-per] em{font-style:normal;font-size:11.5px;color:var(--ok)}
.itkqc button[data-per].on{border-color:var(--ac);box-shadow:0 0 0 1px var(--ac) inset}
.itkqc-sum{border:1px solid var(--ln);border-radius:12px;background:var(--sf2);padding:4px 14px;margin:6px 0 8px}
.itkqc-r{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--ln);font-size:14px;color:var(--fg2)}.itkqc-r:first-child{border-top:0}
.itkqc-r b{color:var(--fg);font-weight:600;white-space:nowrap}.itkqc-r.tot{font-size:16px}.itkqc-r.tot b{color:var(--ac);font:700 20px "Sora",system-ui,sans-serif}
.itkqc-note{font-size:12px;color:var(--fg3);margin:6px 0 0;line-height:1.5}
.itkqc-pay{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:12px 0 4px;font-size:12px;color:var(--fg3)}
.itkqc-pay span{margin-right:4px}.itkqc-pay i{font-style:normal;border:1px solid var(--ln);border-radius:8px;padding:4px 9px;color:var(--fg2);background:var(--sf2)}
.itkqc-acts{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.itkqc a.itkqc-btn,.itkqc a.itkqc-btn:visited,.itkqc a.itkqc-btn:hover,.itkqc a.itkqc-btn:focus,.itkqc a.itkqc-btn:active{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:12px;background:var(--ac)!important;color:#0b1415!important;font:600 15px "Sora","Segoe UI",system-ui,sans-serif;text-decoration:none!important;border:1px solid transparent;transition:filter .2s,transform .2s}
.itkqc a.itkqc-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
html[data-it-theme="light"] .itkqc a.itkqc-btn:not(.ghost){color:#fff!important}
.itkqc a.itkqc-btn.ghost,.itkqc a.itkqc-btn.ghost:visited,.itkqc a.itkqc-btn.ghost:hover,.itkqc a.itkqc-btn.ghost:focus,.itkqc a.itkqc-btn.ghost:active{background:transparent!important;color:var(--ac)!important;border-color:rgba(101,213,201,.5)}
.itkqc a.itkqc-btn:focus-visible,.itkqc button:focus-visible{outline:2px solid var(--ac)!important;outline-offset:2px}
.itkqc-b2b{font-size:11.5px;color:var(--fg3);margin:14px 0 0;text-align:center}
.itkqc-wait{padding:40px 0;text-align:center;color:var(--fg3)}
@media(max-width:560px){.itkqc{align-items:flex-end;padding:0}.itkqc-card{width:100%;max-height:92vh;border-radius:20px 20px 0 0}.itkqc-in{padding:20px 18px 22px}.itkqc h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.itkqc-bg,.itkqc-card{animation:none}}
/* Direkt-Checkout: Formular */
.itkqc-form{margin-top:14px}
.itkqc-sec{margin-top:14px;padding-top:14px;border-top:1px solid var(--ln)}
.itkqc-sec>b{display:block;font:600 13px "Sora","Segoe UI",system-ui,sans-serif;color:var(--fg);margin-bottom:8px}
.itkqc-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px}
.itkqc label.itkqc-m{display:flex!important;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--ln);border-radius:10px;background:var(--sf2);cursor:pointer;font-size:13px;color:var(--fg2);margin:0!important}
.itkqc label.itkqc-m.on{border-color:var(--ac);box-shadow:0 0 0 1px var(--ac) inset;color:var(--fg)}
.itkqc label.itkqc-m input{accent-color:var(--ac);margin:0!important;width:16px!important;height:16px!important}
.itkqc label.itkqc-f{display:flex!important;flex-direction:column;gap:4px;margin:0 0 8px!important;font-size:12px;color:var(--fg3);min-width:0}
.itkqc label.itkqc-f input,.itkqc label.itkqc-f select{width:100%!important;box-sizing:border-box!important;background:var(--sf2)!important;border:1px solid var(--ln)!important;border-radius:10px!important;color:var(--fg)!important;font:14px "Poppins","Segoe UI",system-ui,sans-serif!important;padding:10px 12px!important;height:auto!important;min-height:42px!important;box-shadow:none!important;outline:none!important;margin:0!important}
.itkqc label.itkqc-f input:focus,.itkqc label.itkqc-f select:focus{border-color:var(--ac)!important}
.itkqc label.itkqc-f select option{background:var(--sf);color:var(--fg)}
.itkqc-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.itkqc-2.zip{grid-template-columns:120px 1fr}
.itkqc label.itkqc-chk{display:flex!important;gap:10px;align-items:flex-start;margin:12px 0 0!important;font-size:13px;color:var(--fg2);line-height:1.45;cursor:pointer}
.itkqc label.itkqc-chk input{accent-color:var(--ac);width:18px!important;height:18px!important;margin:2px 0 0!important;flex:none}
.itkqc label.itkqc-chk a,.itkqc a.itkqc-login,.itkqc-err a{color:var(--ac)!important;text-decoration:underline!important;background:transparent!important}
.itkqc .itkqc-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.itkqc-err{margin-top:12px;padding:10px 12px;border-radius:10px;border:1px solid rgba(226,109,109,.5);background:rgba(226,109,109,.1);color:#ffb3b3;font-size:13px;line-height:1.45}
html[data-it-theme="light"] .itkqc-err{color:#9b2c2c}
.itkqc button.itkqc-btn,.itkqc button.itkqc-btn:hover,.itkqc button.itkqc-btn:focus{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:50px;padding:12px 18px;border-radius:12px;background:var(--ac)!important;color:#0b1415!important;font:600 15px "Sora","Segoe UI",system-ui,sans-serif!important;border:0!important;cursor:pointer;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;white-space:normal!important;line-height:1.25!important}
.itkqc button.itkqc-btn:hover{filter:brightness(1.06)}
html[data-it-theme="light"] .itkqc button.itkqc-btn{color:#fff!important}
.itkqc-ok{margin-top:14px;padding:14px 16px;border-radius:12px;border:1px solid rgba(76,195,138,.5);background:rgba(76,195,138,.08);font-size:13.5px;color:var(--fg2);line-height:1.5}
.itkqc-ok b{display:block;color:var(--ok);font:600 15px "Sora",system-ui,sans-serif;margin-bottom:6px}.itkqc-ok p{margin:6px 0}
.itkqc-bank{white-space:pre-wrap;font:13px ui-monospace,Consolas,monospace;background:var(--sf2);border:1px solid var(--ln);border-radius:10px;padding:10px 12px;color:var(--fg);margin:8px 0}
.itkqc-spin{display:inline-block;width:18px;height:18px;border:2px solid var(--ln);border-top-color:var(--ac);border-radius:50%;margin-right:10px;vertical-align:-4px;animation:itkqc-rot .8s linear infinite}
@keyframes itkqc-rot{to{transform:rotate(360deg)}}
@media(max-width:560px){.itkqc-2,.itkqc-2.zip{grid-template-columns:1fr}}
/* Knöpfe des Arbeitsbereichs auf /preise/ und /fileservice/: Theme setzt bei a:focus den Hintergrund transparent (!important),
   unterstreicht besuchte Links und färbt a:hover um – Zustände hier fest */
.itp-pg a.btn,.itp-pg a.btn:visited,.itp-pg a.btn:hover,.itp-pg a.btn:focus,.itp-pg a.btn:focus-visible,.itp-pg a.btn:active{background:var(--ac)!important;color:#0b1415!important;text-decoration:none!important;border-color:transparent!important;outline:none}
.itp-pg a.btn.ghost,.itp-pg a.btn.ghost:visited,.itp-pg a.btn.ghost:hover,.itp-pg a.btn.ghost:focus,.itp-pg a.btn.ghost:focus-visible,.itp-pg a.btn.ghost:active{background:transparent!important;color:var(--ac)!important;border:1px solid rgba(101,213,201,.5)!important}
.itp-pg a.btn.ghost:hover{background:rgba(101,213,201,.1)!important}
.itp-pg a.btn:focus-visible{outline:2px solid var(--ac)!important;outline-offset:2px}
html[data-it-theme="light"] .itp-pg a.btn:not(.ghost),html[data-it-theme="light"] .itp-pg a.btn:not(.ghost):visited,html[data-it-theme="light"] .itp-pg a.btn:not(.ghost):hover,html[data-it-theme="light"] .itp-pg a.btn:not(.ghost):focus,html[data-it-theme="light"] .itp-pg a.btn:not(.ghost):active{color:#fff!important}
