{"id":1248,"date":"2025-04-03T12:46:26","date_gmt":"2025-04-03T09:46:26","guid":{"rendered":"http:\/\/kaksik.ee\/?page_id=1248"},"modified":"2026-06-11T01:08:21","modified_gmt":"2026-06-10T22:08:21","slug":"kasutusvalmis-e-oppematerjal-tellimine","status":"publish","type":"page","link":"https:\/\/kaksik.ee\/en\/kasutusvalmis-e-oppematerjal-tellimine\/","title":{"rendered":"Kasutusvalmis e-\u00f5ppematerjal – tellimine"},"content":{"rendered":"
\n
\n
\n
\n
<\/div>\n<\/div>\n
\n
\n
\n
\n

KASUTUSVALMIS E-\u00d5PPEMATERJAL<\/span><\/h1>\n<\/div>\n<\/div>\n<\/div>\n
\n
<\/div>\n<\/div>\n
\n
\n
\n
\n

\/* \u2500\u2500 RESET & CONTAINER \u2500\u2500 *\/
\n.kk-order * { box-sizing: border-box; margin: 0; padding: 0; }
\n.kk-order {
\n max-width: 620px; margin: 0 auto; font-family: ‘DM Sans’, sans-serif;
\n color: #1a1a2e; -webkit-font-smoothing: antialiased;
\n}<\/p>\n

\/* \u2500\u2500 CARD \u2500\u2500 *\/
\n.kk-order-card {
\n background: #fff; border-radius: 16px;
\n box-shadow: 0 2px 20px rgba(8,27,118,0.07);
\n border: 1px solid rgba(8,27,118,0.06);
\n overflow: hidden;
\n}<\/p>\n

\/* \u2500\u2500 HEADER \u2500\u2500 *\/
\n.kk-order-header {
\n background: linear-gradient(135deg, #081b76 0%, #0d2399 100%);
\n padding: 36px 40px 32px; text-align: center; position: relative; overflow: hidden;
\n}
\n.kk-order-header::before {
\n content: ”; position: absolute; top: -40px; right: -40px;
\n width: 160px; height: 160px;
\n background: radial-gradient(circle, rgba(232,49,110,0.2) 0%, transparent 70%);
\n border-radius: 50%;
\n}
\n.kk-order-header::after {
\n content: ”; position: absolute; bottom: -30px; left: -20px;
\n width: 120px; height: 120px;
\n background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%);
\n border-radius: 50%;
\n}
\n.kk-order-title {
\n font-family: ‘DM Serif Display’, serif; font-size: 28px;
\n color: #fff; line-height: 1.2; position: relative; z-index: 1;
\n}
\n.kk-order-subtitle {
\n font-size: 13px; color: rgba(255,255,255,0.6); margin-top: 10px;
\n position: relative; z-index: 1; font-weight: 400; line-height: 1.6;
\n}<\/p>\n

\/* \u2500\u2500 BODY \u2500\u2500 *\/
\n.kk-order-body { padding: 32px 40px 40px; }
\n@media (max-width: 600px) {
\n .kk-order-body { padding: 24px 20px 32px; }
\n .kk-order-header { padding: 28px 20px 24px; }
\n}<\/p>\n

\/* \u2500\u2500 SECTION LABEL \u2500\u2500 *\/
\n.kk-section-label {
\n font-size: 11px; font-weight: 700; letter-spacing: 0.1em;
\n text-transform: uppercase; color: #081b76; opacity: 0.5;
\n margin-bottom: 10px;
\n}<\/p>\n

\/* \u2500\u2500 FORM FIELDS \u2500\u2500 *\/
\n.kk-field-group { margin-bottom: 20px; }
\n.kk-field-row { display: flex; gap: 14px; margin-bottom: 20px; }
\n@media (max-width: 500px) { .kk-field-row { flex-direction: column; gap: 16px; } }<\/p>\n

.kk-label {
\n display: block; font-size: 13px; font-weight: 600; color: #081b76;
\n margin-bottom: 6px;
\n}
\n.kk-label .kk-optional { font-weight: 400; color: #999; font-size: 11px; }<\/p>\n

.kk-input, .kk-select, .kk-textarea {
\n width: 100%; padding: 12px 14px; border: 1.5px solid #e0e0ea;
\n border-radius: 8px; font-family: ‘DM Sans’, sans-serif; font-size: 14px;
\n color: #1a1a2e; background: #fff; transition: border-color 0.2s;
\n outline: none;
\n}
\n.kk-input:focus, .kk-select:focus, .kk-textarea:focus {
\n border-color: #081b76; box-shadow: 0 0 0 3px rgba(8,27,118,0.06);
\n}
\n.kk-input.error, .kk-select.error { border-color: #e8316e; }
\n.kk-textarea { min-height: 80px; resize: vertical; }
\n.kk-select { appearance: none; cursor: pointer;
\n background-image: url(“data:image\/svg+xml,%3Csvg xmlns=’http:\/\/www.w3.org\/2000\/svg’ width=’12’ height=’8′ fill=’none’%3E%3Cpath d=’M1 1.5l5 5 5-5′ stroke=’%23081b76′ stroke-width=’1.5′ stroke-linecap=’round’ stroke-linejoin=’round’\/%3E%3C\/svg%3E”);
\n background-repeat: no-repeat; background-position: right 14px center;
\n padding-right: 36px;
\n}<\/p>\n

\/* \u2500\u2500 MATERIAL SELECTION (radio cards) \u2500\u2500 *\/
\n.kk-material-options { display: flex; flex-direction: column; gap: 10px; margin-bottom: 24px; }<\/p>\n

.kk-material-card {
\n border: 2px solid #e8e8ee; border-radius: 10px;
\n padding: 16px 18px; cursor: pointer; transition: all 0.2s;
\n display: flex; align-items: center; gap: 14px; background: #fff;
\n}
\n.kk-material-card:hover { border-color: #c7d7f9; background: #fafaff; }
\n.kk-material-card.selected {
\n border-color: #e8316e; background: rgba(232,49,110,0.03);
\n box-shadow: 0 0 0 1px #e8316e;
\n}
\n.kk-radio-dot {
\n width: 20px; height: 20px; min-width: 20px; border-radius: 50%;
\n border: 2px solid #d0d0dd; display: flex; align-items: center;
\n justify-content: center; transition: all 0.15s; flex-shrink: 0;
\n}
\n.kk-material-card.selected .kk-radio-dot {
\n border-color: #e8316e;
\n}
\n.kk-material-card.selected .kk-radio-dot::after {
\n content: ”; width: 10px; height: 10px; border-radius: 50%;
\n background: #e8316e; display: block;
\n}
\n.kk-material-name {
\n font-size: 14px; font-weight: 600; color: #081b76; line-height: 1.4;
\n}<\/p>\n

\/* \u2500\u2500 LANGUAGE TOGGLE \u2500\u2500 *\/
\n.kk-toggle-group { display: flex; gap: 0; }
\n.kk-toggle-btn {
\n padding: 8px 18px; border: 1.5px solid #e0e0ea; font-family: ‘DM Sans’, sans-serif;
\n font-size: 13px; font-weight: 500; color: #666; cursor: pointer;
\n background: #fff; transition: all 0.15s;
\n}
\n.kk-toggle-btn:first-child { border-radius: 8px 0 0 8px; }
\n.kk-toggle-btn:last-child { border-radius: 0 8px 8px 0; border-left: none; }
\n.kk-toggle-btn.active {
\n background: #e8316e; color: #fff; border-color: #e8316e;
\n}
\n.kk-toggle-btn.active + .kk-toggle-btn { border-left-color: #e8316e; }<\/p>\n

\/* \u2500\u2500 DIVIDER \u2500\u2500 *\/
\n.kk-divider { height: 1px; background: #eef0f5; margin: 28px 0; }<\/p>\n

\/* \u2500\u2500 NB NOTE \u2500\u2500 *\/
\n.kk-nb-note {
\n background: #fafaff; border: 1px solid #e0e0ea; border-radius: 8px;
\n padding: 14px 16px; margin-bottom: 24px; font-size: 12px;
\n color: #6b7db3; line-height: 1.6;
\n}
\n.kk-nb-note strong { color: #081b76; }<\/p>\n

\/* \u2500\u2500 GDPR CHECKBOX \u2500\u2500 *\/
\n.kk-gdpr-label {
\n display: flex; align-items: flex-start; gap: 10px; cursor: pointer;
\n margin-bottom: 20px; font-size: 13px; color: #555; line-height: 1.5;
\n}
\n.kk-gdpr-label input[type=”checkbox”] { display: none; }
\n.kk-gdpr-checkmark {
\n width: 20px; height: 20px; min-width: 20px; border-radius: 5px;
\n border: 2px solid #d0d0dd; display: flex; align-items: center;
\n justify-content: center; margin-top: 1px; transition: all 0.15s;
\n flex-shrink: 0;
\n}
\n.kk-gdpr-label:has(input:checked) .kk-gdpr-checkmark {
\n background: #e8316e; border-color: #e8316e;
\n}
\n.kk-gdpr-label:has(input:checked) .kk-gdpr-checkmark::after {
\n content: ”; width: 9px; height: 5px;
\n border-left: 2px solid #fff; border-bottom: 2px solid #fff;
\n transform: rotate(-45deg) translateY(-1px); display: block;
\n}
\n.kk-gdpr-link { color: #e8316e; text-decoration: underline; text-underline-offset: 2px; }
\n.kk-gdpr-link:hover { color: #c0254f; }<\/p>\n

\/* \u2500\u2500 SUBMIT BUTTON \u2500\u2500 *\/
\n.kk-submit-btn {
\n width: 100%; padding: 16px; background: #e8316e; color: #fff;
\n border: none; border-radius: 8px; font-family: ‘DM Sans’, sans-serif;
\n font-size: 15px; font-weight: 600; letter-spacing: 0.04em; cursor: pointer;
\n display: flex; align-items: center; justify-content: center; gap: 10px;
\n transition: background 0.2s, transform 0.15s;
\n}
\n.kk-submit-btn:hover { background: #c0254f; transform: translateY(-1px); }
\n.kk-submit-btn:active { transform: translateY(0); }
\n.kk-submit-btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }
\n.kk-submit-btn .arrow { font-size: 18px; }<\/p>\n

\/* \u2500\u2500 ERROR & SUCCESS \u2500\u2500 *\/
\n.kk-form-error {
\n color: #c0254f; font-size: 12px; margin-bottom: 12px;
\n display: none; text-align: center;
\n}
\n.kk-form-success {
\n display: none; text-align: center; padding: 40px 20px;
\n}
\n.kk-success-icon { font-size: 48px; margin-bottom: 12px; }
\n.kk-success-title {
\n font-family: ‘DM Serif Display’, serif; font-size: 24px;
\n color: #081b76; margin-bottom: 8px;
\n}
\n.kk-success-text { font-size: 14px; color: #6b7db3; line-height: 1.6; }<\/p>\n

\/* \u2500\u2500 SPINNER \u2500\u2500 *\/
\n.kk-spinner {
\n display: inline-block; width: 18px; height: 18px;
\n border: 2px solid rgba(255,255,255,0.3); border-top-color: #fff;
\n border-radius: 50%; animation: kk-spin 0.6s linear infinite;
\n}
\n@keyframes kk-spin { to { transform: rotate(360deg); } }<\/p>\n

\n
\n

<\/p>\n

\n
Kasutusvalmis e-\u00f5ppematerjal<\/div>\n
Kasutusvalmis e-\u00f5ppematerjali tellimiseks t\u00e4ida allolev vorm. P\u00e4rast tellimuse esitamist v\u00e4ljastatakse arve, mille tasumisel saadetakse vormis esitatud meiliaadressile ligip\u00e4\u00e4s koolitusmaterjalile (unikaalne veebilink, mille kaudu saab videot vaadata). Ligip\u00e4\u00e4s koolitusmaterjalile kehtib 3 kuud.<\/div>\n<\/p><\/div>\n

<\/p>\n

\n

<\/p>\n

Tellija andmed<\/div>\n
\n