/* Tymok v2 – Shared Styles für Unterseiten */
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
    background: #fff;
    color: #1D1D1F;
}

/* Nav */
.t-nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 100;
    height: 60px; border-bottom: 1px solid #D2D2D7;
    backdrop-filter: saturate(180%) blur(20px);
    background: rgba(255,255,255,0.88);
}
.t-nav-inner {
    max-width: 1120px; margin: 0 auto; height: 100%;
    padding: 0 24px; display: flex; align-items: center; justify-content: space-between;
}
.t-logo {
    font-size: 20px; font-weight: 700; letter-spacing: -0.03em;
    color: #1D1D1F; text-decoration: none;
}
.t-btn-sm {
    background: #0071E3; color: #fff;
    padding: 11px 22px; border-radius: 980px; font-size: 14px;
    font-weight: 500; text-decoration: none; transition: background 0.2s;
    font-family: inherit;
}
.t-btn-sm:hover { background: #0077ED; }

/* Subpage layout */
.t-subpage {
    padding: 120px 24px 96px;
    min-height: 80vh;
}
.t-content {
    max-width: 760px; margin: 0 auto;
}
.t-label {
    font-size: 13px; font-weight: 600; letter-spacing: 0.1em;
    text-transform: uppercase; color: #0071E3; margin-bottom: 16px;
}
.t-h1 {
    font-size: clamp(36px, 5vw, 60px); font-weight: 700;
    letter-spacing: -0.04em; line-height: 1.05; margin-bottom: 48px; color: #1D1D1F;
}

/* Prose */
.t-prose { color: #1D1D1F; }
.t-prose h2 {
    font-size: 22px; font-weight: 600; letter-spacing: -0.02em;
    margin: 40px 0 12px; color: #1D1D1F;
}
.t-prose h2:first-child { margin-top: 0; }
.t-prose h3 {
    font-size: 17px; font-weight: 600; margin: 28px 0 8px; color: #1D1D1F;
}
.t-prose p {
    font-size: 16px; line-height: 1.75; color: #3A3A3C; margin-bottom: 16px;
}
.t-prose ul, .t-prose ol {
    padding-left: 20px; margin-bottom: 16px;
}
.t-prose li {
    font-size: 16px; line-height: 1.75; color: #3A3A3C; margin-bottom: 6px;
}
.t-prose a { color: #0071E3; text-decoration: none; }
.t-prose a:hover { text-decoration: underline; }
.t-prose strong { font-weight: 600; color: #1D1D1F; }
.t-prose .highlight-box {
    background: #F5F5F7; border-radius: 16px; padding: 24px 28px; margin: 32px 0;
}
.t-prose .highlight-box p { margin-bottom: 0; }
.t-prose hr { border: none; border-top: 1px solid #D2D2D7; margin: 40px 0; }

/* Contact form */
.t-form { display: flex; flex-direction: column; gap: 20px; margin-top: 16px; }
.t-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 600px) { .t-form-row { grid-template-columns: 1fr; } }
.t-field label {
    display: block; font-size: 13px; font-weight: 600;
    color: #6E6E73; margin-bottom: 6px; letter-spacing: 0.02em;
}
.t-field input, .t-field select, .t-field textarea {
    width: 100%; border: 1px solid #D2D2D7; border-radius: 12px;
    padding: 13px 16px; font-size: 16px; font-family: inherit; color: #1D1D1F;
    background: #fff; transition: border-color 0.15s; outline: none;
}
.t-field input:focus, .t-field select:focus, .t-field textarea:focus {
    border-color: #0071E3; box-shadow: 0 0 0 3px rgba(0,113,227,0.12);
}
.t-field textarea { resize: vertical; min-height: 140px; }
.t-checkbox { display: flex; align-items: flex-start; gap: 12px; }
.t-checkbox input { width: 18px; height: 18px; margin-top: 2px; flex-shrink: 0; accent-color: #0071E3; }
.t-checkbox label { font-size: 14px; color: #6E6E73; line-height: 1.5; }
.t-submit {
    background: #0071E3; color: #fff; border: none; cursor: pointer;
    padding: 16px 40px; border-radius: 980px; font-size: 17px; font-weight: 500;
    font-family: inherit; transition: background 0.2s; letter-spacing: -0.01em;
    align-self: flex-start;
}
.t-submit:hover { background: #0077ED; }
.t-form-success {
    display: none; background: #F0FFF4; border: 1px solid #34C759;
    border-radius: 16px; padding: 24px 28px; text-align: center; color: #1D7A38;
}

/* Footer */
.t-footer { background: #1D1D1F; border-top: 1px solid rgba(255,255,255,0.08); padding: 60px 24px 36px; }
.t-footer-inner { max-width: 1120px; margin: 0 auto; }
.t-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 32px; margin-bottom: 48px; }
@media (max-width: 740px) { .t-footer-grid { grid-template-columns: 1fr 1fr; } }
.t-footer-brand { font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 12px; }
.t-footer-tagline { font-size: 14px; color: rgba(255,255,255,0.45); line-height: 1.6; }
.t-footer-col-title { font-size: 11px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: rgba(255,255,255,0.35); margin-bottom: 16px; }
.t-footer-links { display: flex; flex-direction: column; gap: 10px; }
.t-footer-links a { font-size: 14px; color: rgba(255,255,255,0.65); text-decoration: none; }
.t-footer-links a:hover { color: #fff; }
.t-footer-bar { border-top: 1px solid rgba(255,255,255,0.08); padding-top: 24px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; }
.t-footer-bar span { font-size: 13px; color: rgba(255,255,255,0.35); }