Nabia Khan, Autor bei diind-Deutsches Innovationsinstitut https://diind.de/author/nabia-khan/ Fri, 15 May 2026 17:59:00 +0000 de hourly 1 https://wordpress.org/?v=6.9.4 https://i0.wp.com/diind.de/wp-content/uploads/2023/12/cropped-favicon_diind.png?fit=32%2C32&ssl=1 Nabia Khan, Autor bei diind-Deutsches Innovationsinstitut https://diind.de/author/nabia-khan/ 32 32 209032183 www https://diind.de/www/ https://diind.de/www/#respond Fri, 15 May 2026 17:58:58 +0000 https://diind.de/?p=25932 Der Beitrag www erschien zuerst auf diind-Deutsches Innovationsinstitut .

]]> #ki-quiz-root-1{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif;font-size:15px;line-height:1.5;color:#F0EDE6;max-width:620px;margin:0 auto;padding:16px;display:block} #ki-quiz-root-1 *{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif} #ki-quiz-root-1 .kiq-card{background:rgba(255,255,255,0.05);border:1px solid rgba(200,168,75,0.35);border-radius:16px;padding:36px 40px;box-shadow:0 8px 40px rgba(0,0,0,.5);display:block;width:100%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} #ki-quiz-root-1 .kiq-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px} #ki-quiz-root-1 .kiq-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#C8A84B;background:rgba(200,168,75,0.15);padding:4px 12px;border-radius:20px;margin:0;line-height:1.4;border:1px solid rgba(200,168,75,0.3)} #ki-quiz-root-1 .kiq-count{font-size:12px;font-weight:600;color:rgba(255,255,255,0.4);margin:0} #ki-quiz-root-1 .kiq-bar-track{display:block;height:4px;background:rgba(255,255,255,0.1);border-radius:3px;margin:0 0 28px;overflow:hidden;border:none} #ki-quiz-root-1 .kiq-bar-fill{display:block;height:4px;background:linear-gradient(90deg,#C8A84B,#E8C96A);border-radius:3px;transition:width .5s ease;margin:0;border:none} #ki-quiz-root-1 .kiq-question{display:block;font-size:17px;font-weight:700;line-height:1.55;color:#fff;margin:0 0 22px;padding:0;background:none;border:none} #ki-quiz-root-1 .kiq-options{display:flex;flex-direction:column;gap:10px;margin:0 0 24px;padding:0;list-style:none;border:none;background:none} #ki-quiz-root-1 .kiq-opt{display:flex;align-items:flex-start;gap:13px;padding:14px 18px;margin:0;background:rgba(255,255,255,0.05);border:1.5px solid rgba(255,255,255,0.15);border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;line-height:1.5;color:rgba(255,255,255,0.85);text-align:left;transition:border-color .15s,background .15s;width:100%;outline:none;text-decoration:none;box-shadow:none;-webkit-tap-highlight-color:transparent;user-select:none} #ki-quiz-root-1 .kiq-opt:hover{border-color:#C8A84B;background:rgba(200,168,75,0.12);color:#fff} #ki-quiz-root-1 .kiq-opt.kiq-selected{border-color:#C8A84B;background:rgba(200,168,75,0.2);color:#fff} #ki-quiz-root-1 .kiq-dot-wrap{width:20px;height:20px;min-width:20px;border-radius:50%;border:2px solid rgba(255,255,255,0.3);background:transparent;display:flex;align-items:center;justify-content:center;margin:1px 0 0;flex-shrink:0;transition:border-color .15s,background .15s} #ki-quiz-root-1 .kiq-opt:hover .kiq-dot-wrap{border-color:#C8A84B} #ki-quiz-root-1 .kiq-opt.kiq-selected .kiq-dot-wrap{border-color:#C8A84B;background:#C8A84B} #ki-quiz-root-1 .kiq-dot{display:none;width:7px;height:7px;border-radius:50%;background:#141414;margin:0;padding:0;border:none} #ki-quiz-root-1 .kiq-opt.kiq-selected .kiq-dot{display:block} #ki-quiz-root-1 .kiq-btn{display:block;width:100%;padding:14px 20px;margin:0;border-radius:10px;border:1.5px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.07);font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;color:#fff;text-align:center;letter-spacing:.01em;line-height:1.4;transition:background .15s,border-color .15s;box-shadow:none;outline:none;-webkit-appearance:none;appearance:none} #ki-quiz-root-1 .kiq-btn:disabled{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.08);color:rgba(255,255,255,0.25);cursor:not-allowed;opacity:1} #ki-quiz-root-1 .kiq-btn-dark{background:#C8A84B;border-color:#C8A84B;color:#141414} #ki-quiz-root-1 .kiq-btn-dark:hover:not(:disabled){background:#D4B45A;border-color:#D4B45A;color:#141414} #ki-quiz-root-1 .kiq-btn-gold{background:#C8A84B;border-color:#C8A84B;color:#141414} #ki-quiz-root-1 .kiq-btn-gold:hover:not(:disabled){background:#D4B45A;border-color:#D4B45A} #ki-quiz-root-1 .kiq-form-title{display:block;font-size:20px;font-weight:700;color:#fff;margin:0 0 6px;padding:0;background:none;border:none;line-height:1.3} #ki-quiz-root-1 .kiq-form-sub{display:block;font-size:14px;color:rgba(255,255,255,0.5);margin:0 0 24px;padding:0;background:none;border:none;line-height:1.6} #ki-quiz-root-1 .kiq-fields{display:flex;flex-direction:column;gap:14px;margin:0 0 6px;padding:0;border:none;background:none} #ki-quiz-root-1 .kiq-field{display:block;margin:0;padding:0;border:none;background:none} #ki-quiz-root-1 .kiq-field label{display:block;font-size:11px;font-weight:700;color:rgba(255,255,255,0.4);letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;padding:0;background:none;border:none;line-height:1.3} #ki-quiz-root-1 .kiq-field input,#ki-quiz-root-1 .kiq-field textarea{display:block;width:100%;padding:12px 14px;margin:0;border:1.5px solid rgba(255,255,255,0.15);border-radius:8px;font-size:14px;font-family:inherit;color:#fff;background:rgba(255,255,255,0.07);outline:none;box-shadow:none;transition:border-color .15s;-webkit-appearance:none;appearance:none;line-height:1.5} #ki-quiz-root-1 .kiq-field input::placeholder,#ki-quiz-root-1 .kiq-field textarea::placeholder{color:rgba(255,255,255,0.25)} #ki-quiz-root-1 .kiq-field input:focus,#ki-quiz-root-1 .kiq-field textarea:focus{border-color:#C8A84B;outline:none;box-shadow:none} #ki-quiz-root-1 .kiq-field input.kiq-err,#ki-quiz-root-1 .kiq-field textarea.kiq-err{border-color:#e74c3c} #ki-quiz-root-1 .kiq-field textarea{resize:vertical;min-height:84px} #ki-quiz-root-1 .kiq-error-box{display:none;font-size:13px;color:#e74c3c;background:rgba(231,76,60,0.1);border:1px solid rgba(231,76,60,0.3);border-radius:8px;padding:10px 14px;margin:0 0 14px;line-height:1.5} #ki-quiz-root-1 .kiq-error-box.kiq-show{display:block} #ki-quiz-root-1 .kiq-submit-wrap{margin:20px 0 0;padding:0} #ki-quiz-root-1 .kiq-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(20,20,20,.3);border-top-color:#141414;border-radius:50%;animation:kiq-spin .7s linear infinite;vertical-align:middle;margin:0 8px 0 0;padding:0;background:none} @keyframes kiq-spin{to{transform:rotate(360deg)}} #ki-quiz-root-1 .kiq-result{display:block;text-align:center;margin:0;padding:0} #ki-quiz-root-1 .kiq-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#C8A84B;margin:0 0 8px;padding:0;background:none;border:none} #ki-quiz-root-1 .kiq-result-h{display:block;font-size:22px;font-weight:700;color:#fff;margin:0 0 26px;padding:0;background:none;border:none;line-height:1.3} #ki-quiz-root-1 .kiq-ring-wrap{display:flex;justify-content:center;margin:0 0 18px;padding:0;border:none;background:none} #ki-quiz-root-1 .kiq-ring-wrap svg{overflow:visible;display:block} #ki-quiz-root-1 .kiq-rbadge{display:inline-block;font-size:13px;font-weight:700;padding:6px 20px;border-radius:20px;margin:0 0 22px;border:none} #ki-quiz-root-1 .kiq-rbadge-high{background:rgba(146,43,33,.3);color:#f1948a;border:1px solid rgba(146,43,33,.4)} #ki-quiz-root-1 .kiq-rbadge-med{background:rgba(154,106,0,.3);color:#f0b429;border:1px solid rgba(154,106,0,.4)} #ki-quiz-root-1 .kiq-rbadge-low{background:rgba(30,132,73,.3);color:#58d68d;border:1px solid rgba(30,132,73,.4)} #ki-quiz-root-1 .kiq-summary{display:block;background:rgba(255,255,255,0.06);border-radius:10px;padding:16px 20px;margin:0 0 22px;font-size:14px;line-height:1.75;color:rgba(255,255,255,0.75);text-align:left;border:1px solid rgba(255,255,255,0.1)} #ki-quiz-root-1 .kiq-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 22px;padding:0;border:none;background:none} #ki-quiz-root-1 .kiq-stat{background:rgba(255,255,255,0.06);border-radius:10px;padding:14px 16px;margin:0;text-align:left;border:1px solid rgba(255,255,255,0.1)} #ki-quiz-root-1 .kiq-stat-label{display:block;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,0.4);margin:0 0 5px;padding:0;background:none;border:none} #ki-quiz-root-1 .kiq-stat-value{display:block;font-size:26px;font-weight:800;color:#fff;margin:0;padding:0;background:none;border:none;line-height:1.2} #ki-quiz-root-1 .kiq-cta{display:block;text-align:center;text-decoration:none;background:#C8A84B;color:#141414;padding:14px 20px;margin:0 0 12px;border-radius:10px;border:none;font-size:14px;font-weight:700;letter-spacing:.01em;transition:background .15s;box-shadow:none;line-height:1.4} #ki-quiz-root-1 .kiq-cta:hover{background:#D4B45A;color:#141414;text-decoration:none} #ki-quiz-root-1 .kiq-restart{display:block;width:100%;text-align:center;font-size:13px;color:rgba(255,255,255,.35);cursor:pointer;background:none;border:none;padding:10px;margin:0;font-family:inherit;transition:color .15s;box-shadow:none;outline:none} #ki-quiz-root-1 .kiq-restart:hover{color:rgba(255,255,255,.7);background:none} #ki-quiz-root-1 .kiq-slide-out{animation:kiq-out .22s ease forwards} #ki-quiz-root-1 .kiq-slide-in{animation:kiq-in .3s ease forwards} @keyframes kiq-out{to{opacity:0;transform:translateX(-28px)}} @keyframes kiq-in{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}} @media(max-width:540px){#ki-quiz-root-1 .kiq-card{padding:22px 18px;border-radius:12px}#ki-quiz-root-1 .kiq-question{font-size:15px}#ki-quiz-root-1 .kiq-stats{grid-template-columns:1fr}}

Der Beitrag www erschien zuerst auf diind-Deutsches Innovationsinstitut .

]]> https://diind.de/www/feed/ 0 25932