:root{
  --pt-blue:#0b79d0;
  --pt-blue-dark:#075f9f;
  --pt-blue-soft:#eaf4fd;
  --pt-orange:#fb8b3f;
  --pt-bg-top:#0784e8;
  --pt-bg-bottom:#91cbfb;
  --pt-ink:#1f2937;
  --pt-muted:#64748b;
  --pt-line:#d8e2ec;
  --pt-card:#ffffff;
  --pt-soft:#f7f9fc;
  --pt-radius:18px;
  --pt-shadow:0 12px 34px rgba(15,23,42,.16);
  --pt-space-1:clamp(6px,1.3vw,10px);
  --pt-space-2:clamp(10px,2vw,16px);
  --pt-space-3:clamp(14px,3vw,24px);
  --pt-space-4:clamp(20px,4vw,34px);
}
*{box-sizing:border-box}
html,body{margin:0;min-width:0}
body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Arial,Helvetica,sans-serif;color:var(--pt-ink)}
button,input{font:inherit}
a{color:inherit}
[hidden]{display:none!important}
.pt-sr-only{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}

/* ---------- shared participant shell ---------- */
.pt-page{min-height:100vh;min-height:100svh;background:linear-gradient(180deg,var(--pt-bg-top),var(--pt-bg-bottom));}
.pt-shell{width:min(100% - clamp(20px,5vw,56px),980px);margin-inline:auto}
.pt-link{color:var(--pt-blue);text-decoration:none;font-weight:600}
.pt-link:hover{text-decoration:underline}

/* ---------- login ---------- */
.pt-login-page{display:grid;place-items:center;padding:var(--pt-space-3)}
.pt-login-card{width:min(100%,430px);background:#fff;border-radius:22px;padding:clamp(24px,6vw,42px);box-shadow:0 22px 60px rgba(15,23,42,.28);text-align:center}
.pt-login-logo{display:block;width:min(260px,82%);height:auto;margin:0 auto var(--pt-space-3)}
.pt-login-card h1{margin:0;font-size:clamp(26px,6vw,34px);line-height:1.15}
.pt-login-subtitle{margin:8px 0 0;color:#4b5563;font-size:clamp(17px,4vw,21px)}
.pt-login-help{margin:clamp(24px,5vw,32px) 0 14px;color:var(--pt-muted)}
.pt-login-form{display:grid;gap:12px}
.pt-login-input{width:100%;border:2px solid #e6edf4;border-radius:12px;background:#f5f7fa;padding:14px 16px;text-align:center;font-size:18px;outline:none}
.pt-login-input:focus{border-color:#9dc9e9;box-shadow:0 0 0 4px rgba(11,121,208,.12)}
.pt-login-input.has-error{border-color:#ef4444}
.pt-primary-button{border:0;border-radius:12px;background:var(--pt-blue);color:#fff;font-weight:800;padding:14px 20px;cursor:pointer;min-height:48px}
.pt-primary-button:hover{background:var(--pt-blue-dark)}
.pt-text-button{border:0;background:none;color:var(--pt-blue);font-weight:700;cursor:pointer;padding:7px}
.pt-login-error{color:#dc2626;margin:10px 0 0;font-size:14px}
.pt-login-admin{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));font-size:12px;color:#dbeafe;text-decoration:none}

/* ---------- forgot modal ---------- */
.pt-modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(15,23,42,.55);display:none;align-items:center;justify-content:center;padding:20px}
.pt-modal-backdrop.open{display:flex}
.pt-modal{width:min(100%,430px);background:#fff;border-radius:18px;padding:24px;box-shadow:0 28px 80px rgba(0,0,0,.28)}
.pt-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.pt-modal-head h2{margin:0 0 5px;font-size:20px}.pt-modal-head p{margin:0;color:var(--pt-muted);font-size:14px;line-height:1.45}
.pt-modal-close{border:0;background:none;font-size:27px;line-height:1;color:#94a3b8;cursor:pointer}
.pt-modal form{margin-top:18px}.pt-modal input{width:100%;border:1px solid #d7e0e9;border-radius:11px;padding:12px 14px;background:#f8fafc}
.pt-modal-info{margin-top:12px;padding:12px;border:1px solid #dfe7ef;border-radius:10px;background:#f8fafc;font-size:14px;line-height:1.45}
.pt-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.pt-modal-actions button{border:0;border-radius:10px;padding:11px 17px;font-weight:700;cursor:pointer}.pt-modal-actions .secondary{background:#e8edf3;color:#334155}.pt-modal-actions .primary{background:var(--pt-blue);color:#fff}

/* ---------- start / selector ---------- */
.pt-home{min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:max(14px,env(safe-area-inset-top)) 0 max(14px,env(safe-area-inset-bottom))}
.pt-home-header{width:min(100% - 28px,760px);margin:0 auto;padding:clamp(14px,2.7vh,28px) 0;display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,24px);color:#fff}
.pt-home-logo{width:clamp(64px,14vw,100px);height:clamp(64px,14vw,100px);object-fit:contain;background:rgba(255,255,255,.95);border-radius:18px;padding:5px;flex:0 0 auto}
.pt-home-title h1{margin:0;font-size:clamp(22px,5.4vw,36px);line-height:1.08}.pt-home-title p{margin:6px 0 0;font-size:clamp(15px,3.5vw,20px);color:#e8f5ff}
.pt-home-main{display:grid;place-items:center;padding:clamp(4px,1.8vh,18px) 0}
.pt-selector{width:min(100% - 24px,720px);background:#fff;border-radius:20px;box-shadow:var(--pt-shadow);padding:clamp(22px,4vw,36px);display:grid;gap:clamp(18px,3.4vh,30px)}
.pt-selector-intro{text-align:center}.pt-selector-intro h2{margin:0;font-size:clamp(24px,5vw,34px);line-height:1.15}.pt-selector-intro p{margin:6px 0 0;color:var(--pt-muted);font-size:clamp(15px,3.2vw,18px)}
.pt-selector-section{display:grid;gap:12px}.pt-selector-section+.pt-selector-section{border-top:1px solid #e6edf3;padding-top:clamp(16px,3vh,24px)}
.pt-selector-section h3{margin:0;text-align:center;font-size:clamp(17px,3.8vw,20px)}
.pt-guide{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;border:0;border-radius:13px;background:var(--pt-orange);color:#fff;text-decoration:none;font-weight:800;padding:clamp(12px,2.4vw,15px) clamp(14px,3vw,20px);min-height:50px;line-height:1.25}
.pt-guide.disabled{opacity:.55;cursor:not-allowed}.pt-guide-symbol{font-size:20px;flex:0 0 auto}
.pt-count-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr));gap:10px}
.pt-count-button{border:2px solid #bdd9f2;border-radius:12px;background:#f5f9ff;color:#1e40af;font-weight:800;min-height:54px;padding:10px;cursor:pointer}.pt-count-button:hover{border-color:#6bb0e2;background:#edf7ff}.pt-count-button.selected{background:var(--pt-blue);border-color:var(--pt-blue);color:#fff;box-shadow:0 5px 14px rgba(11,121,208,.22)}.pt-count-button:disabled{opacity:.45;cursor:not-allowed}
.pt-start-wrap{display:grid;gap:11px}.pt-start-button{width:100%;border:0;border-radius:13px;background:var(--pt-blue);color:#fff;font-weight:800;padding:14px 18px;min-height:52px;cursor:pointer}.pt-start-button:hover{background:var(--pt-blue-dark)}.pt-start-button:disabled{opacity:.5;cursor:not-allowed}.pt-no-questions{text-align:center;color:#b45309;margin:0;font-size:14px}
.pt-home-footer{display:flex;justify-content:center;align-items:center;gap:9px;padding:clamp(14px,2.2vh,24px) 0;color:#eaf5ff;font-size:14px}.pt-home-footer a{text-decoration:none}.pt-home-footer a:hover{text-decoration:underline}

/* ---------- quiz: one clean grid, no patch stack ---------- */
.pt-quiz-page{height:100vh;height:100svh;min-height:520px;overflow:hidden;background:linear-gradient(180deg,var(--pt-bg-top),var(--pt-bg-bottom));padding:max(8px,env(safe-area-inset-top)) 0 max(8px,env(safe-area-inset-bottom))}
.pt-quiz-shell{width:min(100% - 20px,940px);height:100%;margin:0 auto}
.pt-quiz-card{height:100%;min-height:0;background:var(--pt-soft);border-radius:18px;box-shadow:var(--pt-shadow);overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}
.pt-quiz-progress{background:#fff;padding:clamp(13px,2.3vh,20px) clamp(16px,3vw,28px);border-bottom:1px solid var(--pt-line);z-index:4}
.pt-quiz-counter{font-size:clamp(14px,2.8vw,17px);font-weight:700;color:#536174}.pt-progress-track{height:8px;border-radius:99px;background:#e3eaf2;margin-top:10px;overflow:hidden}.pt-progress-bar{height:100%;width:0;background:var(--pt-blue);border-radius:99px;transition:width .2s ease}
.pt-question-zone{background:var(--pt-soft);padding:clamp(12px,2.1vh,20px) clamp(16px,3vw,28px);z-index:3}
.pt-question-image{text-align:center;margin-bottom:12px}.pt-question-image img{display:block;max-width:100%;max-height:min(26vh,280px);margin:auto;object-fit:contain;border-radius:10px}
.pt-question-card{background:#fff;border:2px solid #d8e1ea;border-radius:13px;padding:clamp(14px,2.8vw,22px);display:grid;gap:9px;overflow:visible;min-height:0}
.pt-question-text{margin:0;font-size:clamp(18px,3.8vw,24px);line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;max-height:none!important;overflow:visible!important;display:block!important;-webkit-line-clamp:unset!important}
.pt-type-badge{justify-self:start;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.pt-type-badge.single{background:#dbeafe;color:var(--pt-blue)}.pt-type-badge.multi{background:#ffedd5;color:#9a3412}
.pt-answers-zone{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 clamp(16px,3vw,28px) clamp(14px,2.2vh,20px);scrollbar-gutter:stable}
.pt-answer-list{display:grid;gap:clamp(10px,1.7vh,15px);padding-top:2px}
.pt-answer{width:100%;min-height:56px;height:auto!important;max-height:none!important;display:flex;align-items:flex-start;gap:13px;text-align:left;border:2px solid #cbd6e2;border-radius:13px;background:#fff;color:#384456;padding:clamp(12px,2.3vw,16px);cursor:pointer;overflow:visible!important}
.pt-answer:hover{border-color:#77b5e1;background:#f8fcff}.pt-answer.selected{border-color:var(--pt-blue);background:#eaf5ff;box-shadow:0 0 0 2px rgba(11,121,208,.10)}
.pt-answer-check{width:25px;height:25px;flex:0 0 25px;border:2px solid #9cadbf;border-radius:7px;display:grid;place-items:center;margin-top:1px}.pt-answer-check>span{width:13px;height:13px;border-radius:3px}.pt-answer.selected .pt-answer-check{border-color:var(--pt-blue)}.pt-answer.selected .pt-answer-check>span{background:var(--pt-blue)}
.pt-answer-text{min-width:0;flex:1;font-size:clamp(16px,3.3vw,19px);font-weight:600;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere;max-height:none!important;overflow:visible!important;display:block!important;-webkit-line-clamp:unset!important}
.pt-quiz-actions{background:#fff;border-top:1px solid var(--pt-line);padding:clamp(10px,1.8vh,15px) clamp(16px,3vw,28px) max(clamp(10px,1.8vh,15px),env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:12px;z-index:5}
.pt-quiz-actions button{border:0;border-radius:11px;min-height:50px;padding:11px 18px;font-weight:800;font-size:16px;cursor:pointer}.pt-prev{background:#e8edf4;color:#526071}.pt-next{background:var(--pt-blue);color:#fff}.pt-quiz-actions button:disabled{opacity:.45;cursor:not-allowed}
.pt-question-dots{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:12px}.pt-question-dot{width:30px;height:30px;border:0;border-radius:50%;background:#e3eaf2;color:#5b6878;font-size:12px;font-weight:700;cursor:pointer}.pt-question-dot.current{background:var(--pt-blue);color:#fff}.pt-question-dot.answered{background:#b9c8d7;color:#243244}

/* ---------- results ---------- */
.pt-results-page{min-height:100vh;min-height:100svh;background:linear-gradient(180deg,var(--pt-bg-top),var(--pt-bg-bottom));padding:clamp(18px,4vw,34px) 0 100px}
.pt-results-shell{width:min(100% - 24px,850px);margin:auto}.pt-result-hero{position:relative;min-height:260px;border-radius:22px;background:rgba(255,255,255,.18);display:grid;place-items:center;overflow:hidden;margin-bottom:26px}.pt-result-hero>img{position:absolute;width:min(430px,80%);opacity:.2}.pt-result-summary{position:relative;text-align:center;background:rgba(255,255,255,.9);border-radius:18px;padding:22px 42px;box-shadow:0 14px 34px rgba(15,23,42,.15)}.pt-result-icon{width:58px;height:58px;margin:auto;border-radius:50%;display:grid;place-items:center;font-size:31px;font-weight:800}.pt-result-icon.pass{background:#dcfce7;color:#16a34a}.pt-result-icon.fail{background:#fee2e2;color:#dc2626}.pt-result-summary h1{margin:10px 0 3px}.pt-result-percent{font-size:clamp(38px,9vw,52px);font-weight:800;color:var(--pt-blue)}.pt-result-summary p{margin:0;color:var(--pt-muted)}.pt-detail-title{color:#fff}.pt-result-list{display:grid;gap:15px}.pt-result-question{background:#fff;border-radius:15px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.11)}.pt-result-image{text-align:center;margin-bottom:14px}.pt-result-image img{max-width:100%;max-height:280px;object-fit:contain;border-radius:10px}.pt-result-question-head{display:flex;align-items:flex-start;gap:12px}.pt-result-question-head>span{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800}.pt-result-question-head>span.correct{background:#22c55e}.pt-result-question-head>span.wrong{background:#ef4444}.pt-result-question h3{margin:2px 0 14px;font-size:17px;line-height:1.45}.pt-result-options{display:grid;gap:8px}.pt-result-option{display:flex;gap:10px;padding:10px 11px;border-radius:9px;background:#f8fafc;color:#475569}.pt-result-radio{width:20px;flex:0 0 20px;font-weight:800}.pt-result-option.right-selected,.pt-result-option.right-missed{background:#f0fdf4;color:#166534}.pt-result-option.wrong-selected{background:#fef2f2;color:#991b1b}.pt-result-option small{display:block;font-size:12px;opacity:.72;margin-top:2px}.pt-result-footer{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #dbe4ed;padding:10px max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom));z-index:20}.pt-result-footer>div{width:min(100%,850px);margin:auto;display:flex;justify-content:center;gap:10px}.pt-result-footer a{text-decoration:none;border-radius:10px;padding:11px 18px;font-weight:800;text-align:center}.pt-result-footer .primary{background:var(--pt-blue);color:#fff}.pt-result-footer .secondary{background:#e8edf3;color:#334155}

/* ---------- breakpoints: structural only ---------- */
@media (min-width:720px){
  .pt-count-grid{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:719px){
  .pt-shell{width:min(100% - 20px,980px)}
  .pt-home-header{justify-content:flex-start;width:min(100% - 28px,720px)}
  .pt-home-logo{width:74px;height:74px;border-radius:14px}.pt-home-title h1{font-size:clamp(22px,6vw,29px)}
  .pt-selector{width:min(100% - 20px,720px);padding:clamp(20px,5vw,28px)}
  .pt-count-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pt-quiz-page{padding:0;background:var(--pt-bg-top);min-height:0}
  .pt-quiz-shell{width:100%;height:100%;margin:0}
  .pt-quiz-card{border-radius:0;box-shadow:none}
  .pt-question-dots{display:none}
  .pt-quiz-progress{padding-top:max(14px,env(safe-area-inset-top))}
  .pt-answer{align-items:flex-start}
  .pt-result-footer>div{flex-direction:column}
}
@media (max-width:380px){
  .pt-home-header{gap:10px}.pt-home-logo{width:62px;height:62px}.pt-home-title p{font-size:14px}
  .pt-selector{padding:18px}.pt-selector{gap:16px}.pt-count-button{min-height:50px}
}

/* Paket 21a: eindeutige Auswahlmarkierung der Antworten */
.pt-answer.is-single .pt-answer-check{border-radius:50%}
.pt-answer.is-single .pt-answer-check>span{border-radius:50%}
.pt-answer.is-multi .pt-answer-check{border-radius:7px}
.pt-answer.is-multi .pt-answer-check>span{border-radius:3px}
.pt-answer:focus-visible{outline:3px solid rgba(11,121,208,.28);outline-offset:2px}


/* Paket 22a: altes Hundeführerschein-Startlogo auf der Loginseite */
.pt-login-logo-legacy{width:min(340px,100%);max-width:100%;margin:0 auto clamp(18px,4vw,26px);display:block;filter:none;background:none!important;border:0!important;box-shadow:none!important}
.pt-login-card{padding-top:clamp(22px,5vw,34px)}