/* Website-Erstellung: vorhandene Projektinhalte und Fragen im neuen Design. */
.tm-website-page { color:var(--td-ink); font:400 1rem/1.65 var(--td-font); }
.tm-website-page a { color:inherit; text-decoration:none; }
.tm-website-page .tm-page-inner,.tm-website-page .tm-page-inner-wide { width:min(1200px,calc(100% - 64px)); margin-inline:auto; }
.tm-website-page h1,.tm-website-page h2,.tm-website-page h3 { color:var(--td-ink); letter-spacing:-.04em; line-height:1.15; }
.tm-website-page h1 { margin:16px 0; font-size:clamp(2.5rem,4.5vw,3.8rem); }
.tm-website-page h1 > span { display:block; }
.tm-website-page h1 .tm-web-hero-title-accent { color:var(--td-blue-dark); }
.tm-website-page h2 { margin:0 0 16px; font-size:clamp(2rem,3.2vw,2.7rem); }
.tm-website-page h3 { margin:0 0 9px; font-size:1.1rem; }
.tm-website-page p { color:var(--td-body); }
.tm-website-page .tm-eyebrow { margin:0 0 12px; color:var(--td-blue-dark); font-size:.78rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.tm-website-page .tm-web-hero { padding:clamp(55px,7vw,90px) 0; background:linear-gradient(125deg,var(--td-soft),#fff 78%); }
.tm-website-page .tm-page-hero-grid,.tm-website-page .tm-web-stage,.tm-website-page .tm-web-journey-wrap,.tm-website-page .tm-web-status-grid,.tm-website-page .tm-web-person,.tm-website-page .tm-web-faq-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(32px,5vw,70px); align-items:center; }
.tm-website-page .tm-page-hero-lead { max-width:610px; font-size:1.1rem; }
.tm-website-page .tm-page-hero-actions,.tm-website-page .tm-final-cta-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.tm-website-page .tm-btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 17px; border:1px solid var(--td-blue); border-radius:8px; background:var(--td-blue); color:#fff; font-weight:700; text-align:center; }
.tm-website-page .tm-btn:hover { background:var(--td-blue-dark); color:#fff; }
.tm-website-page .tm-btn-light,.tm-website-page .tm-btn-secondary { border-color:var(--td-line); background:#fff; color:var(--td-ink); }
.tm-website-page .tm-btn-light:hover,.tm-website-page .tm-btn-secondary:hover { background:var(--td-soft); color:var(--td-blue-dark); }
.tm-website-page .tm-web-tags { display:flex; flex-wrap:wrap; gap:9px; margin-top:24px; }
.tm-website-page .tm-web-tags span { padding:5px 10px; border:1px solid var(--td-line); border-radius:8px; background:#fff; color:var(--td-body); font-size:.875rem; }
.tm-website-page .tm-web-project-visual { overflow:hidden; border:1px solid var(--td-line); border-radius:14px; background:#fff; box-shadow:0 15px 45px #1b345d12; }
.tm-website-page .tm-web-browser-top { display:flex; align-items:center; gap:14px; padding:12px; border-bottom:1px solid var(--td-line); background:var(--td-soft); color:var(--td-muted); font-size:.8rem; }
.tm-website-page .tm-web-browser-dots { display:flex; gap:4px; }
.tm-website-page .tm-web-browser-dots span { width:7px; height:7px; border-radius:50%; background:#aab7ca; }
.tm-website-page .tm-web-browser-url { flex:1; text-align:center; }
.tm-website-page .tm-web-browser-body { padding:22px; }
.tm-website-page .tm-web-site-preview { padding:18px; border-radius:9px; background:#edf4ff; }
.tm-website-page .tm-web-site-nav { height:12px; width:28%; border-radius:8px; background:#b7cdf6; }
.tm-website-page .tm-web-site-hero { display:grid; grid-template-columns:1.1fr .9fr; gap:12px; margin-top:22px; }
.tm-website-page .tm-web-site-copy strong,.tm-website-page .tm-web-site-copy em { display:block; margin-bottom:10px; }
.tm-website-page .tm-web-site-copy strong { font-size:1.25rem; line-height:1.2; }
.tm-website-page .tm-web-site-copy em { font-size:.8rem; font-style:normal; color:var(--td-body); }
.tm-website-page .tm-web-site-copy b a { display:inline-block; padding:7px 9px; border-radius:6px; background:var(--td-blue); color:#fff; font-size:.8rem; }
.tm-website-page .tm-web-site-image { min-height:120px; border-radius:70px 70px 8px 8px; background:linear-gradient(135deg,#bfd5fa,#90b5ec); }
.tm-website-page .tm-web-mini-page { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:14px; }
.tm-website-page .tm-web-mini-section { padding:10px; border:1px solid var(--td-line); border-radius:8px; }
.tm-website-page .tm-web-mini-section span,.tm-website-page .tm-web-mini-section strong { display:block; font-size:.72rem; line-height:1.4; }
.tm-website-page .tm-web-mini-section span { color:var(--td-blue-dark); font-weight:750; }
.tm-website-page .tm-web-domain-strip { padding:24px 0; background:var(--td-soft-blue); }
.tm-website-page .tm-web-domain-strip-inner { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.tm-website-page .tm-web-domain-strip h2 { margin:0; font-size:1.2rem; }
.tm-website-page .tm-web-section,.tm-website-page .tm-web-final { padding:clamp(55px,7vw,88px) 0; }
.tm-website-page .tm-web-compare-section,.tm-website-page .tm-web-status-section,.tm-website-page .tm-web-faq-section { background:var(--td-soft); }
.tm-website-page .tm-web-head { max-width:850px; margin-bottom:30px; }
.tm-website-page .tm-web-value-board,.tm-website-page .tm-web-compare,.tm-website-page .tm-web-deliverables { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.tm-website-page .tm-web-value-board article,.tm-website-page .tm-web-compare-card,.tm-website-page .tm-web-deliverables article,.tm-website-page .tm-web-project-status { padding:22px; border:1px solid var(--td-line); border-radius:12px; background:#fff; }
.tm-website-page .tm-web-value-board svg,.tm-website-page .tm-web-deliverables svg { width:22px; height:22px; color:var(--td-blue-dark); }
.tm-website-page .tm-web-value-board p,.tm-website-page .tm-web-deliverables p { margin-bottom:0; }
.tm-website-page .tm-web-compare-card ul,.tm-website-page .tm-web-project-status ul { margin:0; padding-left:20px; color:var(--td-body); }
.tm-website-page .tm-web-compare-card li + li,.tm-website-page .tm-web-project-status li + li { margin-top:8px; }
.tm-website-page .tm-web-compare-kicker { color:var(--td-blue-dark); font-size:.85rem; font-weight:750; }
.tm-website-page .tm-web-journey { display:grid; gap:0; margin:0; padding:0; list-style:none; }
.tm-website-page .tm-web-journey li { display:grid; grid-template-columns:38px 1fr; gap:0 10px; padding:12px 0; border-bottom:1px solid var(--td-line); }
.tm-website-page .tm-web-journey li span { grid-row:span 2; color:var(--td-blue-dark); font-weight:800; }
.tm-website-page .tm-web-journey li em { color:var(--td-body); font-style:normal; font-size:.9rem; }
.tm-website-page .tm-web-status-head span,.tm-website-page .tm-web-status-head strong { display:block; }
.tm-website-page .tm-web-status-head span { color:var(--td-muted); font-size:.85rem; }
.tm-website-page .tm-web-project-wall { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.tm-website-page .tm-web-project-wall-card { overflow:hidden; margin:0; border:1px solid var(--td-line); border-radius:10px; background:#fff; }
.tm-website-page .tm-web-project-wall-card img { width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; object-position:top; }
.tm-website-page .tm-web-project-wall-card figcaption { padding:12px; font-weight:700; font-size:.9rem; }
.tm-website-page .tm-web-center { margin-top:26px; }
.tm-website-page .tm-web-person figure { margin:0; }
.tm-website-page .tm-web-person img { width:100%; max-height:480px; object-fit:cover; object-position:center 25%; border-radius:180px 180px 14px 14px; }
.tm-website-page .tm-web-faq details { border-bottom:1px solid var(--td-line); }
.tm-website-page .tm-web-faq summary { display:flex; justify-content:space-between; gap:16px; padding:16px 0; font-weight:700; list-style:none; cursor:pointer; }
.tm-website-page .tm-web-faq summary::-webkit-details-marker { display:none; }
.tm-website-page .tm-web-faq summary::after { content:'+'; color:var(--td-blue-dark); font-size:1.2rem; }
.tm-website-page .tm-web-faq details[open] summary::after { content:'−'; }
.tm-website-page .tm-web-faq details p { margin:0 0 16px; }
.tm-website-page .tm-web-final-box { padding:clamp(28px,4vw,48px); border-radius:14px; background:var(--td-navy); }
.tm-website-page .tm-web-final-box h2 { color:#fff; }
.tm-website-page .tm-web-final-box p { color:#d1dbeb; }
.tm-website-page .tm-web-final-box .tm-eyebrow { color:#a5c1ff; }
@media(max-width:1000px) { .tm-website-page .tm-web-project-wall { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:720px) {
 .tm-website-page .tm-page-inner,.tm-website-page .tm-page-inner-wide { width:calc(100% - 40px); }
 .tm-website-page .tm-page-hero-grid,.tm-website-page .tm-web-stage,.tm-website-page .tm-web-journey-wrap,.tm-website-page .tm-web-status-grid,.tm-website-page .tm-web-person,.tm-website-page .tm-web-faq-grid,.tm-website-page .tm-web-compare { grid-template-columns:1fr; }
 .tm-website-page .tm-web-domain-strip-inner { align-items:stretch; flex-direction:column; }
 .tm-website-page .tm-web-project-wall { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .tm-website-page .tm-web-person figure { max-width:420px; }
 .tm-website-page .tm-page-hero-actions .tm-btn,.tm-website-page .tm-final-cta-actions .tm-btn { width:100%; }
}
@media(max-width:390px) { .tm-website-page .tm-web-value-board,.tm-website-page .tm-web-deliverables,.tm-website-page .tm-web-mini-page { grid-template-columns:1fr; } }