.web-hero h1{max-width:1200px}.web-hero .hero-intro{max-width:1080px}.web-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:40px}.web-sections{display:flex;gap:18px 28px;flex-wrap:wrap;padding-block:24px;border-block:1px solid var(--line);font-size:calc(16px * var(--display-scale,1))}.web-sections a{color:var(--muted);text-decoration:none}.web-sections a:hover{color:var(--red)}
.web-section{padding-block:var(--section-space);border-bottom:1px solid var(--line)}.web-section>h2{max-width:1050px;margin-bottom:32px}.web-lead{font-size:calc(25px * var(--display-scale,1));line-height:1.5;max-width:1040px}.web-content p{max-width:1000px}.web-content h3{line-height:1.15}.web-split{display:grid;grid-template-columns:1fr 1fr;gap:65px}.web-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}.web-card{padding:28px;border:1px solid var(--line);border-radius:var(--button-radius);background:var(--surface)}.web-card h3{font-size:calc(26px * var(--display-scale,1));margin-top:18px}.web-card p{margin-bottom:0}.web-icon{width:40px;height:40px;color:var(--red);display:block}.web-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:40px}.web-benefit{display:grid;grid-template-columns:40px 1fr;gap:20px}.web-benefit h3{font-size:calc(25px * var(--display-scale,1))}.web-benefit p{margin:0}
.web-flow{margin:40px 0 0;padding:30px;border:1px solid var(--line);border-radius:var(--button-radius);background:var(--surface)}.web-flow figcaption{font-size:calc(15px * var(--display-scale,1));color:var(--muted);margin-bottom:28px}.web-flow ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.web-flow li{border-left:2px solid var(--red);padding-left:18px}.web-flow strong{display:block;margin-bottom:10px;font-size:calc(20px * var(--display-scale,1))}.web-flow p{font-size:calc(16px * var(--display-scale,1));margin:0}
.web-comparison{width:100%;border-collapse:collapse;margin-top:35px;font-size:calc(17px * var(--display-scale,1))}.web-comparison caption{text-align:left;font-size:calc(15px * var(--display-scale,1));color:var(--muted);margin-bottom:15px}.web-comparison th,.web-comparison td{text-align:left;vertical-align:top;padding:20px;border-bottom:1px solid var(--line)}.web-comparison thead{background:var(--surface)}.web-comparison th{font-weight:700}.web-comparison tbody th{width:22%}.web-callout{margin-top:35px;border-left:3px solid var(--red);padding:24px 28px;background:var(--surface)}.web-callout p:last-child{margin:0}.web-list{padding-left:22px;margin-block:28px}.web-list li{margin-bottom:14px;color:var(--muted)}.web-faq{padding-block:var(--section-space)}.web-faq details{max-width:1100px;padding:24px 0;border-bottom:1px solid var(--line)}.web-faq summary{font-weight:700;font-size:calc(21px * var(--display-scale,1));cursor:pointer}.web-faq details p{font-size:calc(19px * var(--display-scale,1));max-width:1000px;margin:20px 0 0}
@media(max-width:1100px){.web-split{gap:35px}.web-cards{gap:16px}.web-card{padding:22px}}
@media(max-width:760px){.web-split,.web-cards,.web-benefits{grid-template-columns:1fr}.web-section,.web-faq{padding-block:var(--section-mobile)}.web-lead{font-size:calc(21px * var(--display-scale,1))}.web-flow ol{grid-template-columns:1fr 1fr}.web-flow{padding:22px}.web-comparison{font-size:calc(15px * var(--display-scale,1));table-layout:fixed}.web-comparison th,.web-comparison td{padding:14px 8px;overflow-wrap:anywhere}.web-comparison tbody th{width:24%}.web-hero-actions{gap:22px}.web-sections{gap:14px 20px}.web-faq summary{font-size:calc(19px * var(--display-scale,1))}}
@media(max-width:420px){.web-flow ol{grid-template-columns:1fr}.web-comparison{font-size:calc(14px * var(--display-scale,1))}}

/* Keep icon and content in their intended columns, including WordPress paragraph formatting. */
.web-benefit{grid-template-columns:40px minmax(0,1fr);align-items:start}
.web-benefit>.web-icon{grid-column:1;grid-row:1}
.web-benefit>div{grid-column:2;grid-row:1;min-width:0}
.web-benefit>p:empty{display:none}
.web-fair-care{background:var(--surface);padding-inline:clamp(24px,4vw,56px);margin-block:32px;border:1px solid var(--line);border-radius:var(--button-radius)}
.web-care-label{color:var(--red);font-weight:700;margin-bottom:24px}.web-fair-care .web-card{background:var(--paper,#fff)}.web-care-action{margin-top:36px;margin-bottom:0}
.application-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:40px}.application-card{padding:36px}.application-card h3{margin-top:24px;font-size:calc(28px * var(--display-scale,1))}.application-card dl{margin:28px 0 0}.application-card dt{font-size:calc(14px * var(--display-scale,1));font-weight:700;color:var(--red);margin-top:24px}.application-card dd{margin:8px 0 0;color:var(--muted)}.example-note{font-size:calc(15px * var(--display-scale,1));margin-top:32px}.course-outcome{border-top:1px solid var(--line);padding-top:24px}.course-outcome strong{color:var(--ink)}
@media(max-width:760px){.application-grid{grid-template-columns:1fr;gap:22px}.application-card{padding:26px}.application-card h3{font-size:calc(25px * var(--display-scale,1))}}
.case-scenario>h2{margin-top:24px}.case-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:36px 0 48px}.case-comparison h3{font-size:calc(26px * var(--display-scale,1));margin-top:18px}.case-comparison .case-label{font-size:calc(14px * var(--display-scale,1));font-weight:700;color:var(--ink)}.case-after{border-top:3px solid var(--red)}.case-after .case-label{color:var(--red)}.case-details{margin-bottom:32px}.case-details h3{font-size:calc(25px * var(--display-scale,1))}
@media(max-width:760px){.case-comparison{grid-template-columns:1fr;gap:20px;margin-bottom:36px}}
/* Give actions following a process diagram consistent breathing room. */
.web-flow+p{margin-top:40px}
@media(max-width:760px){.web-flow+p{margin-top:32px}}
.chatgpt-publishing{border-top:3px solid var(--red)}.feature-badge{display:inline-block;background:var(--red);color:#fff;border-radius:4px;padding:5px 11px;margin-right:12px;font-size:calc(14px * var(--display-scale,1));letter-spacing:.05em}.chatgpt-publishing .web-callout{margin-top:40px}
.package-highlight{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--red);border-radius:var(--button-radius);padding-inline:clamp(24px,4vw,56px);margin-block:40px}.package-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;color:var(--ink);margin-block:32px}.package-price strong{font-size:calc(clamp(42px,5vw,68px) * var(--display-scale,1));line-height:1.1;letter-spacing:-.04em}.package-price span{flex-basis:100%;font-size:calc(14px * var(--display-scale,1));color:var(--muted)}.package-highlight .button{margin-top:16px}
/* Distinguish guided creation from adding ChatGPT to an existing website. */
#gemeinsam-mit-ki{margin-bottom:88px}
#chatgpt-bestehende-website{margin-top:88px;background:var(--background);border:2px solid var(--line);border-top:4px solid var(--ink)}
#chatgpt-bestehende-website .web-care-label{color:var(--ink)}
#chatgpt-bestehende-website .web-card{background:var(--surface)}
@media(max-width:760px){#gemeinsam-mit-ki{margin-bottom:56px}#chatgpt-bestehende-website{margin-top:56px}}
.about-illustration{margin:12px 0 64px}.about-illustration img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover;border-radius:var(--button-radius);border:1px solid var(--line)}.about-illustration figcaption{font-size:calc(13px * var(--display-scale,1));color:var(--muted);margin-top:16px;line-height:1.6}
@media(max-width:760px){.about-illustration{margin-bottom:40px}.about-illustration img{max-height:none;aspect-ratio:auto}}
.about-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:40px}.about-role{padding:32px}.about-role .about-role-label{font-size:calc(14px * var(--display-scale,1));color:var(--red);font-weight:700;margin:24px 0 16px}.about-role h3{font-size:calc(26px * var(--display-scale,1));margin-bottom:24px}.about-role>p:last-child{margin-bottom:0}.about-team>.web-callout{margin-top:44px}.about-team>.web-callout h3{font-size:calc(27px * var(--display-scale,1));margin-bottom:22px}
@media(max-width:1100px){.about-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.about-team-grid{grid-template-columns:1fr;gap:22px}.about-role{padding:26px}}
.website-comparison{margin-top:36px}.comparison-stage{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--button-radius);aspect-ratio:1200/780}.comparison-stage img{display:block;width:100%;height:100%;object-fit:cover}.comparison-after{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison-line{position:absolute;left:var(--split);top:0;bottom:0;width:3px;background:var(--red);display:flex;align-items:center;justify-content:center;color:var(--red);font-size:28px;text-shadow:0 0 4px white;pointer-events:none}.comparison-tag{position:absolute;top:16px;background:var(--background);color:var(--ink);padding:7px 12px;border:1px solid var(--line);border-radius:6px;font-size:calc(13px * var(--display-scale,1));font-weight:700}.comparison-tag-after{left:16px}.comparison-tag-before{right:16px}.website-comparison>label{display:block;font-weight:700;margin:26px 0 16px;font-size:calc(16px * var(--display-scale,1))}.website-comparison input{display:block;width:100%;height:44px;accent-color:var(--red);cursor:ew-resize;margin-top:12px}.website-comparison>p{font-size:calc(14px * var(--display-scale,1))}

.about-owner-portrait{margin:0 0 24px}.about-owner-portrait img{display:block;width:100%;height:auto;aspect-ratio:1.4;object-fit:cover;object-position:50% 32%;border-radius:8px}.about-owner-portrait figcaption{font-size:13px;color:var(--muted);margin-top:10px}.about-role-owner .about-role-label{margin-top:0}


.about-references>h3{margin-top:48px;margin-bottom:22px}.about-references>.web-callout{margin-top:40px;margin-bottom:44px}.about-references>.web-callout h3{margin-bottom:24px}.about-references>.web-cards{margin-top:32px}


.little-christoph-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start;margin-top:36px}.little-christoph figure{margin:0}.little-christoph figure img{display:block;width:100%;height:auto;border-radius:12px}.little-christoph figcaption{font-size:13px;margin-top:12px;color:var(--muted)}.little-christoph .web-callout{margin-top:32px;margin-bottom:28px}.little-christoph .web-callout h3{margin-bottom:20px}.little-christoph-note{font-weight:700}@media(max-width:900px){.little-christoph-grid{grid-template-columns:1fr;gap:32px}}


.ki-preview{margin:0 0 28px}.ki-preview img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:8px}.ki-preview figcaption{font-size:calc(12px * var(--display-scale,1));line-height:1.5;margin-top:10px;color:var(--ink)}.application-card .ki-preview+svg{margin-top:0}


.case-comparison article>svg{width:30px;height:30px;margin-bottom:20px}.case-details{gap:24px;margin-top:32px!important;margin-bottom:40px}.case-details>div{padding:32px;border-radius:10px}.case-details .case-solution{background:#f4f4f6;border:1px solid var(--line)}.case-details .case-benefit{background:var(--ink);color:var(--background);border-top:3px solid var(--red)}.case-details>div>svg{width:32px;height:32px;color:var(--red);margin-bottom:20px}.case-details .case-detail-label{font-size:13px;font-weight:700;margin-bottom:14px;color:var(--red)}.case-details h3{margin-bottom:24px}.case-details .case-benefit h3,.case-details .case-benefit p{color:#fff}.case-details .case-benefit .case-detail-label{color:#fff}.case-details>div>p:last-child{margin-bottom:0}@media(max-width:640px){.case-details>div{padding:26px}}


.ai-quiz,.kk-pong{border:1px solid var(--line);border-radius:12px;padding:32px;margin:32px 0;background:#f4f4f6}.ai-quiz [hidden]{display:none!important}.quiz-progress{color:var(--red);font-size:14px;font-weight:700}.quiz-question{border:0;padding:0;margin:24px 0}.quiz-question legend{font-size:24px;font-weight:700;line-height:1.5;margin-bottom:24px}.quiz-answer{display:block;width:100%;text-align:left;background:white;color:#111216;border:1px solid #ccc;border-radius:8px;padding:18px;margin:12px 0;font:inherit;cursor:pointer}.quiz-answer:hover:not(:disabled){border-color:var(--red)}.quiz-answer:disabled{opacity:1;cursor:default}.quiz-answer.quiz-correct{border:2px solid #17613b;background:#eaf5ee}.quiz-feedback:not(:empty){padding:22px;background:white;border-left:3px solid var(--red);margin-bottom:24px;line-height:1.7}.quiz-restart{display:block;margin-top:28px;padding:12px 20px;cursor:pointer}.quiz-result h3{margin:24px 0}.kk-pong canvas{display:block;width:100%;height:auto;border-radius:8px;touch-action:none}.pong-controls{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.pong-controls button:not(.button){padding:12px 22px;font:inherit;border:1px solid #aaa;border-radius:6px;cursor:pointer}.pong-help{font-size:14px;line-height:1.7}.pong-score{font-weight:700;margin:20px 0}.pong-message{font-weight:700}.error404 .kk-pong{display:none}@media(max-width:640px){.ai-quiz,.kk-pong{padding:20px}.quiz-question legend{font-size:21px}}

.editorial-dashboard-preview{margin:38px 0 48px}.editorial-dashboard-preview img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px}.editorial-dashboard-preview figcaption{font-size:13px;line-height:1.7;margin-top:14px;max-width:900px}.editorial-dashboard>h3{margin:36px 0 24px}.editorial-dashboard>.web-cards{margin-top:34px}.editorial-dashboard>.web-callout{margin-top:40px;margin-bottom:32px}.editorial-dashboard>.web-callout h3{margin-bottom:24px}


.geo-answer{padding:30px 0;border-bottom:1px solid var(--line);max-width:900px}.geo-answer h3{margin-bottom:22px}.geo-answer p{margin-bottom:0}

.about-business h3{font-size:clamp(25px,2.8vw,34px);margin:42px 0 22px}.about-technology-overview{padding:24px 28px;background:var(--surface);border-left:3px solid var(--red);border-radius:0 8px 8px 0;line-height:1.8}.about-business p{max-width:1000px}@media(max-width:640px){.about-technology-overview{padding:20px}.about-business h3{margin-top:34px}}