84b28d64f5
Self-injecting script following impressum.js pattern: - data-tone attribute: playful | serious | minimal | none - Reads document.documentElement.lang for KI (de) vs AI (en) - MutationObserver on lang attr for i18n toggle compat - All tones link to msbls.de/ki - Injected into all 54 custom sites with data-tone="playful" - Template infra: base.html includes script, render.sh reads disclosure.tone - disclosure.tone added to 3 example site.yaml files Implements m/onepager#2
645 lines
24 KiB
HTML
645 lines
24 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>OmaKIse — KI-Erlebnis, vom Chef kuratiert</title>
|
|
<meta name="description" content="OmaKIse — Omakase + KI. Kuratierte KI-Beratung wie ein Omakase-Menü. Du bekommst was der Chef empfiehlt.">
|
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🍣</text></svg>">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
|
|
<style>
|
|
*, *::before, *::after {
|
|
margin: 0; padding: 0; box-sizing: border-box;
|
|
}
|
|
|
|
:root {
|
|
--ink: #1a1a1a;
|
|
--ink-soft: #4a4a4a;
|
|
--ink-faint: #8a8a8a;
|
|
--ink-ghost: #c5c5c5;
|
|
--washi: #faf6f0;
|
|
--washi-warm: #f5ede0;
|
|
--washi-cool: #f0ece6;
|
|
--hinoki: #c9a96e;
|
|
--hinoki-dark: #a08040;
|
|
--hinoki-glow: rgba(201, 169, 110, 0.15);
|
|
--sumi: #2c2c2c;
|
|
--aka: #c23b22;
|
|
--aka-soft: rgba(194, 59, 34, 0.08);
|
|
--matcha: #7a9a5a;
|
|
}
|
|
|
|
html { scroll-behavior: smooth; }
|
|
|
|
body {
|
|
font-family: 'Inter', -apple-system, sans-serif;
|
|
background: var(--washi);
|
|
color: var(--ink);
|
|
line-height: 1.7;
|
|
-webkit-font-smoothing: antialiased;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.jp {
|
|
font-family: 'Noto Serif JP', serif;
|
|
}
|
|
|
|
/* === NAV === */
|
|
nav {
|
|
position: fixed; top: 0; left: 0; right: 0; z-index: 100;
|
|
padding: 16px 0;
|
|
background: rgba(250, 246, 240, 0.9);
|
|
backdrop-filter: blur(20px);
|
|
}
|
|
|
|
nav .inner {
|
|
max-width: 880px; margin: 0 auto; padding: 0 32px;
|
|
display: flex; justify-content: space-between; align-items: center;
|
|
}
|
|
|
|
.logo {
|
|
font-family: 'Noto Serif JP', serif;
|
|
font-size: 1.1rem; font-weight: 600;
|
|
color: var(--ink);
|
|
letter-spacing: 0.02em;
|
|
}
|
|
|
|
.logo .ki { color: var(--aka); font-weight: 700; }
|
|
|
|
nav a {
|
|
color: var(--ink-faint); text-decoration: none;
|
|
font-size: 0.8rem; font-weight: 400;
|
|
letter-spacing: 0.08em;
|
|
transition: color 0.3s;
|
|
}
|
|
nav a:hover { color: var(--ink); }
|
|
|
|
/* === HERO === */
|
|
.hero {
|
|
min-height: 100vh;
|
|
display: flex; flex-direction: column;
|
|
align-items: center; justify-content: center;
|
|
text-align: center; padding: 140px 32px 100px;
|
|
position: relative;
|
|
}
|
|
|
|
.hero::before {
|
|
content: '';
|
|
position: absolute; top: 0; left: 0; right: 0; bottom: 0;
|
|
background:
|
|
radial-gradient(ellipse at 50% 40%, var(--hinoki-glow) 0%, transparent 60%);
|
|
pointer-events: none;
|
|
}
|
|
|
|
.hero-kanji {
|
|
font-family: 'Noto Serif JP', serif;
|
|
font-size: clamp(3rem, 8vw, 5rem);
|
|
font-weight: 300;
|
|
color: var(--ink-ghost);
|
|
letter-spacing: 0.3em;
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
h1 {
|
|
font-family: 'Noto Serif JP', serif;
|
|
font-size: clamp(2.8rem, 7vw, 4.5rem);
|
|
font-weight: 600;
|
|
letter-spacing: -0.01em;
|
|
line-height: 1.1;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
h1 .ki {
|
|
color: var(--aka);
|
|
position: relative;
|
|
}
|
|
|
|
.hero-sub {
|
|
font-size: 1.05rem;
|
|
color: var(--ink-soft);
|
|
font-weight: 300;
|
|
max-width: 420px;
|
|
margin: 0 auto 16px;
|
|
line-height: 1.8;
|
|
}
|
|
|
|
.hero-sub em {
|
|
font-style: normal;
|
|
color: var(--ink);
|
|
font-weight: 500;
|
|
}
|
|
|
|
.hero-meaning {
|
|
font-family: 'Noto Serif JP', serif;
|
|
font-size: 0.85rem;
|
|
color: var(--ink-faint);
|
|
margin-bottom: 40px;
|
|
letter-spacing: 0.05em;
|
|
}
|
|
|
|
.cta-group {
|
|
display: flex; gap: 16px;
|
|
justify-content: center; flex-wrap: wrap;
|
|
}
|
|
|
|
.btn {
|
|
display: inline-flex; align-items: center; gap: 8px;
|
|
padding: 14px 36px;
|
|
font-family: 'Inter', sans-serif;
|
|
font-size: 0.85rem; font-weight: 500;
|
|
text-decoration: none; border: none; cursor: pointer;
|
|
transition: all 0.3s;
|
|
letter-spacing: 0.03em;
|
|
}
|
|
|
|
.btn-primary {
|
|
background: var(--ink);
|
|
color: var(--washi);
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
background: var(--sumi);
|
|
transform: translateY(-1px);
|
|
box-shadow: 0 8px 24px rgba(26, 26, 26, 0.12);
|
|
}
|
|
|
|
.btn-ghost {
|
|
background: transparent;
|
|
color: var(--ink-soft);
|
|
border: 1px solid var(--ink-ghost);
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.btn-ghost:hover {
|
|
border-color: var(--ink-soft);
|
|
color: var(--ink);
|
|
}
|
|
|
|
/* Decorative line */
|
|
.ichi {
|
|
width: 60px; height: 1px;
|
|
background: var(--hinoki);
|
|
margin: 0 auto;
|
|
}
|
|
|
|
/* === CONTAINER === */
|
|
.container {
|
|
max-width: 880px; margin: 0 auto; padding: 0 32px;
|
|
}
|
|
|
|
/* === SECTIONS === */
|
|
section { padding: 100px 0; }
|
|
|
|
.section-jp {
|
|
font-family: 'Noto Serif JP', serif;
|
|
font-size: 0.75rem;
|
|
color: var(--ink-faint);
|
|
letter-spacing: 0.2em;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
h2 {
|
|
font-family: 'Noto Serif JP', serif;
|
|
font-size: clamp(1.6rem, 4vw, 2.2rem);
|
|
font-weight: 500;
|
|
margin-bottom: 12px;
|
|
letter-spacing: -0.01em;
|
|
}
|
|
|
|
.section-desc {
|
|
color: var(--ink-soft);
|
|
font-size: 0.9rem;
|
|
max-width: 480px;
|
|
margin-bottom: 56px;
|
|
line-height: 1.8;
|
|
font-weight: 300;
|
|
}
|
|
|
|
/* === PHILOSOPHY === */
|
|
.philosophy {
|
|
text-align: center;
|
|
padding: 100px 32px;
|
|
background: var(--washi-warm);
|
|
}
|
|
|
|
.philosophy-text {
|
|
font-family: 'Noto Serif JP', serif;
|
|
font-size: clamp(1.2rem, 2.5vw, 1.6rem);
|
|
font-weight: 400;
|
|
line-height: 2;
|
|
color: var(--ink-soft);
|
|
max-width: 560px; margin: 0 auto;
|
|
}
|
|
|
|
.philosophy-text strong { color: var(--ink); font-weight: 600; }
|
|
.philosophy-text .ki { color: var(--aka); font-weight: 600; }
|
|
|
|
/* === OMAKASE COURSES === */
|
|
.courses-list {
|
|
display: flex; flex-direction: column;
|
|
gap: 1px;
|
|
background: var(--ink-ghost);
|
|
border-top: 1px solid var(--ink-ghost);
|
|
border-bottom: 1px solid var(--ink-ghost);
|
|
}
|
|
|
|
.course {
|
|
display: grid;
|
|
grid-template-columns: 80px 1fr;
|
|
gap: 32px;
|
|
padding: 36px 0;
|
|
background: var(--washi);
|
|
align-items: start;
|
|
}
|
|
|
|
.course-number {
|
|
font-family: 'Noto Serif JP', serif;
|
|
font-size: 2.2rem;
|
|
font-weight: 300;
|
|
color: var(--ink-ghost);
|
|
text-align: right;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.course-body h3 {
|
|
font-family: 'Noto Serif JP', serif;
|
|
font-size: 1.1rem;
|
|
font-weight: 600;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.course-jp {
|
|
font-family: 'Noto Serif JP', serif;
|
|
font-size: 0.75rem;
|
|
color: var(--hinoki-dark);
|
|
letter-spacing: 0.1em;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.course-body p {
|
|
color: var(--ink-soft);
|
|
font-size: 0.85rem;
|
|
line-height: 1.7;
|
|
font-weight: 300;
|
|
max-width: 480px;
|
|
}
|
|
|
|
/* === PRINCIPLES === */
|
|
.principles-section {
|
|
background: var(--sumi);
|
|
color: var(--washi);
|
|
}
|
|
|
|
.principles-section .section-jp { color: var(--hinoki); }
|
|
.principles-section h2 { color: var(--washi); }
|
|
.principles-section .section-desc { color: var(--ink-ghost); }
|
|
|
|
.principles-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
gap: 1px;
|
|
background: rgba(255,255,255,0.06);
|
|
}
|
|
|
|
.principle {
|
|
padding: 36px 28px;
|
|
background: var(--sumi);
|
|
}
|
|
|
|
.principle-kanji {
|
|
font-family: 'Noto Serif JP', serif;
|
|
font-size: 2rem;
|
|
color: var(--hinoki);
|
|
margin-bottom: 16px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.principle h3 {
|
|
font-family: 'Noto Serif JP', serif;
|
|
font-size: 0.95rem;
|
|
font-weight: 500;
|
|
margin-bottom: 8px;
|
|
color: var(--washi);
|
|
}
|
|
|
|
.principle p {
|
|
font-size: 0.8rem;
|
|
color: var(--ink-ghost);
|
|
line-height: 1.7;
|
|
font-weight: 300;
|
|
}
|
|
|
|
/* === SEASONAL === */
|
|
.seasonal {
|
|
text-align: center;
|
|
padding: 80px 32px;
|
|
background: var(--washi-warm);
|
|
}
|
|
|
|
.seasonal-items {
|
|
display: flex; justify-content: center;
|
|
gap: 48px; flex-wrap: wrap;
|
|
margin-top: 32px;
|
|
}
|
|
|
|
.seasonal-item {
|
|
text-align: center;
|
|
}
|
|
|
|
.seasonal-emoji {
|
|
font-size: 2rem;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.seasonal-name {
|
|
font-family: 'Noto Serif JP', serif;
|
|
font-size: 0.85rem;
|
|
font-weight: 500;
|
|
color: var(--ink);
|
|
}
|
|
|
|
.seasonal-sub {
|
|
font-size: 0.75rem;
|
|
color: var(--ink-faint);
|
|
margin-top: 2px;
|
|
}
|
|
|
|
/* === CTA === */
|
|
.cta-section {
|
|
text-align: center;
|
|
padding: 100px 32px;
|
|
}
|
|
|
|
.cta-section h2 { margin-bottom: 12px; }
|
|
.cta-section .section-desc { margin: 0 auto 40px; }
|
|
|
|
/* === FOOTER === */
|
|
footer {
|
|
padding: 32px 0;
|
|
text-align: center;
|
|
border-top: 1px solid var(--ink-ghost);
|
|
}
|
|
|
|
footer p {
|
|
font-size: 0.75rem;
|
|
color: var(--ink-faint);
|
|
font-weight: 300;
|
|
}
|
|
|
|
footer a {
|
|
color: var(--ink-faint);
|
|
text-decoration: none;
|
|
}
|
|
footer a:hover { color: var(--ink-soft); }
|
|
|
|
/* === ANIMATIONS === */
|
|
@keyframes fadeIn {
|
|
from { opacity: 0; transform: translateY(12px); }
|
|
to { opacity: 1; transform: translateY(0); }
|
|
}
|
|
|
|
.hero > * {
|
|
animation: fadeIn 0.8s ease-out both;
|
|
}
|
|
.hero > *:nth-child(2) { animation-delay: 0.15s; }
|
|
.hero > *:nth-child(3) { animation-delay: 0.3s; }
|
|
.hero > *:nth-child(4) { animation-delay: 0.45s; }
|
|
.hero > *:nth-child(5) { animation-delay: 0.6s; }
|
|
.hero > *:nth-child(6) { animation-delay: 0.75s; }
|
|
.hero > *:nth-child(7) { animation-delay: 0.9s; }
|
|
|
|
/* === MOBILE === */
|
|
@media (max-width: 768px) {
|
|
.principles-grid { grid-template-columns: 1fr; }
|
|
.course { grid-template-columns: 48px 1fr; gap: 20px; }
|
|
.course-number { font-size: 1.6rem; }
|
|
.seasonal-items { gap: 28px; }
|
|
}
|
|
|
|
@media (max-width: 640px) {
|
|
.hero { padding: 120px 24px 80px; }
|
|
section { padding: 72px 0; }
|
|
nav .inner { padding: 0 24px; }
|
|
.container { padding: 0 24px; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<nav>
|
|
<div class="inner">
|
|
<div class="logo">Oma<span class="ki">KI</span>se</div>
|
|
<a href="#kontakt" data-de="Platz nehmen" data-en="Reserve a seat">Platz nehmen</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<section class="hero">
|
|
<div class="hero-kanji">お任せ</div>
|
|
<h1>Oma<span class="ki">KI</span>se</h1>
|
|
<p class="hero-sub" data-de="<em>Omakase</em> — ich überlasse es dem Chef.<br>
|
|
Kuratierte KI-Beratung. Kein Menü. Kein Rätselraten.<br>
|
|
Du bekommst, was am besten passt." data-en="<em>Omakase</em> — I leave it to the chef.<br>
|
|
Curated AI consulting. No menu. No guessing.<br>
|
|
You get what fits best.">
|
|
<em>Omakase</em> — ich überlasse es dem Chef.<br>
|
|
Kuratierte KI-Beratung. Kein Menü. Kein Rätselraten.<br>
|
|
Du bekommst, was am besten passt.
|
|
</p>
|
|
<p class="hero-meaning" data-de="おまかせ + KI — Vertrauen trifft Intelligenz" data-en="おまかせ + AI — Trust meets intelligence">おまかせ + KI — Vertrauen trifft Intelligenz</p>
|
|
<div class="ichi"></div>
|
|
<br>
|
|
<div class="cta-group">
|
|
<a href="#kontakt" class="btn btn-primary" data-de="Platz nehmen" data-en="Reserve a seat">Platz nehmen</a>
|
|
<a href="#menu" class="btn btn-ghost" data-de="Das Menü" data-en="The menu">Das Menü</a>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="philosophy">
|
|
<div class="container">
|
|
<p class="philosophy-text" data-de="Beim Omakase wählt der <strong>Meister</strong>.<br>
|
|
Nicht aus Arroganz — aus <strong>Erfahrung</strong>.<br>
|
|
Er kennt die <strong>Zutaten</strong>, den <strong>Moment</strong>,<br>
|
|
und was <em>genau jetzt</em> am besten schmeckt.<br><br>
|
|
So arbeiten wir mit <span class="ki">KI</span>." data-en="In omakase, the <strong>master</strong> chooses.<br>
|
|
Not out of arrogance — out of <strong>experience</strong>.<br>
|
|
He knows the <strong>ingredients</strong>, the <strong>moment</strong>,<br>
|
|
and what tastes best <em>right now</em>.<br><br>
|
|
That's how we work with <span class="ki">AI</span>.">
|
|
Beim Omakase wählt der <strong>Meister</strong>.<br>
|
|
Nicht aus Arroganz — aus <strong>Erfahrung</strong>.<br>
|
|
Er kennt die <strong>Zutaten</strong>, den <strong>Moment</strong>,<br>
|
|
und was <em>genau jetzt</em> am besten schmeckt.<br><br>
|
|
So arbeiten wir mit <span class="ki">KI</span>.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<section id="menu">
|
|
<div class="container">
|
|
<div class="section-jp" data-de="献立 — MENÜFOLGE" data-en="献立 — COURSE SEQUENCE">献立 — MENÜFOLGE</div>
|
|
<h2 data-de="Das OmaKIse-Menü" data-en="The OmaKIse Menu">Das OmaKIse-Menü</h2>
|
|
<div class="section-desc" data-de="Sieben Gänge. Jeder aufeinander abgestimmt.
|
|
Vom ersten Kennenlernen bis zur laufenden Lösung —
|
|
kuratiert, nicht von der Karte bestellt." data-en="Seven courses. Each one attuned to the next.
|
|
From the first meeting to the running solution —
|
|
curated, not ordered from a menu.">
|
|
Sieben Gänge. Jeder aufeinander abgestimmt.
|
|
Vom ersten Kennenlernen bis zur laufenden Lösung —
|
|
kuratiert, nicht von der Karte bestellt.
|
|
</div>
|
|
|
|
<div class="courses-list">
|
|
<div class="course">
|
|
<div class="course-number">一</div>
|
|
<div class="course-body">
|
|
<h3 data-de="Sakizuke — Der erste Eindruck" data-en="Sakizuke — The first impression">Sakizuke — Der erste Eindruck</h3>
|
|
<div class="course-jp">先付</div>
|
|
<p data-de="Ein kurzes Kennenlernen. Wir hören zu, stellen die richtigen Fragen und verstehen, was Sie wirklich brauchen — nicht was Sie bestellen würden." data-en="A brief introduction. We listen, ask the right questions and understand what you really need — not what you would order.">Ein kurzes Kennenlernen. Wir hören zu, stellen die richtigen Fragen und verstehen, was Sie wirklich brauchen — nicht was Sie bestellen würden.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="course">
|
|
<div class="course-number">二</div>
|
|
<div class="course-body">
|
|
<h3 data-de="Hassun — Die Zusammenstellung" data-en="Hassun — The composition">Hassun — Die Zusammenstellung</h3>
|
|
<div class="course-jp">八寸</div>
|
|
<p data-de="Analyse Ihrer Daten, Prozesse und Ziele. Wir kuratieren die perfekte Kombination von KI-Technologien für Ihren spezifischen Fall." data-en="Analysis of your data, processes and goals. We curate the perfect combination of AI technologies for your specific case.">Analyse Ihrer Daten, Prozesse und Ziele. Wir kuratieren die perfekte Kombination von KI-Technologien für Ihren spezifischen Fall.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="course">
|
|
<div class="course-number">三</div>
|
|
<div class="course-body">
|
|
<h3 data-de="Mukōzuke — Das Rohe" data-en="Mukōzuke — The raw">Mukōzuke — Das Rohe</h3>
|
|
<div class="course-jp">向付</div>
|
|
<p data-de="Ehrliche Bestandsaufnahme. Ungeschönt zeigen wir, wo KI Wert schafft — und wo nicht. Keine Garnierung, keine Beschönigung." data-en="Honest assessment. We show plainly where AI creates value — and where it doesn't. No garnish, no embellishment.">Ehrliche Bestandsaufnahme. Ungeschönt zeigen wir, wo KI Wert schafft — und wo nicht. Keine Garnierung, keine Beschönigung.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="course">
|
|
<div class="course-number">四</div>
|
|
<div class="course-body">
|
|
<h3 data-de="Yakimono — Die Zubereitung" data-en="Yakimono — The preparation">Yakimono — Die Zubereitung</h3>
|
|
<div class="course-jp">焼物</div>
|
|
<p data-de="Prototyp in Tagen. Wir bauen die erste KI-Lösung — getestet mit echten Daten, echten Nutzern. Funktional, nicht dekorativ." data-en="Prototype in days. We build the first AI solution — tested with real data, real users. Functional, not decorative.">Prototyp in Tagen. Wir bauen die erste KI-Lösung — getestet mit echten Daten, echten Nutzern. Funktional, nicht dekorativ.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="course">
|
|
<div class="course-number">五</div>
|
|
<div class="course-body">
|
|
<h3 data-de="Nimono — Das Einkochen" data-en="Nimono — The simmering">Nimono — Das Einkochen</h3>
|
|
<div class="course-jp">煮物</div>
|
|
<p data-de="Integration in bestehende Systeme. Langsam, sorgfältig, mit Tiefe. Die Lösung zieht ein und entfaltet ihren vollen Geschmack." data-en="Integration into existing systems. Slowly, carefully, with depth. The solution settles in and develops its full flavour.">Integration in bestehende Systeme. Langsam, sorgfältig, mit Tiefe. Die Lösung zieht ein und entfaltet ihren vollen Geschmack.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="course">
|
|
<div class="course-number">六</div>
|
|
<div class="course-body">
|
|
<h3 data-de="Shokuji — Die Sättigung" data-en="Shokuji — The satisfaction">Shokuji — Die Sättigung</h3>
|
|
<div class="course-jp">食事</div>
|
|
<p data-de="Skalierung und Verfeinerung. Das System läuft, das Team versteht es, die Ergebnisse sprechen für sich." data-en="Scaling and refinement. The system runs, the team understands it, the results speak for themselves.">Skalierung und Verfeinerung. Das System läuft, das Team versteht es, die Ergebnisse sprechen für sich.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="course">
|
|
<div class="course-number">七</div>
|
|
<div class="course-body">
|
|
<h3 data-de="Mizumono — Der süße Abschluss" data-en="Mizumono — The sweet finale">Mizumono — Der süße Abschluss</h3>
|
|
<div class="course-jp">水物</div>
|
|
<p data-de="Übergabe und Autonomie. Ihr Team kann selbst. Wir bleiben als Sparring-Partner — aber der Meister sind jetzt Sie." data-en="Handover and autonomy. Your team can do it themselves. We remain as sparring partners — but now you are the master.">Übergabe und Autonomie. Ihr Team kann selbst. Wir bleiben als Sparring-Partner — aber der Meister sind jetzt Sie.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="principles-section">
|
|
<div class="container">
|
|
<div class="section-jp" data-de="哲学 — PHILOSOPHIE" data-en="哲学 — PHILOSOPHY">哲学 — PHILOSOPHIE</div>
|
|
<h2 data-de="Die Prinzipien" data-en="The principles">Die Prinzipien</h2>
|
|
<div class="section-desc" data-de="Drei japanische Konzepte leiten unsere Arbeit." data-en="Three Japanese concepts guide our work.">
|
|
Drei japanische Konzepte leiten unsere Arbeit.
|
|
</div>
|
|
|
|
<div class="principles-grid">
|
|
<div class="principle">
|
|
<div class="principle-kanji">信</div>
|
|
<h3 data-de="Shin — Vertrauen" data-en="Shin — Trust">Shin — Vertrauen</h3>
|
|
<p data-de="Omakase beginnt mit Vertrauen. Sie vertrauen uns die Auswahl an — wir liefern das Beste, was die Saison hergibt." data-en="Omakase begins with trust. You entrust the selection to us — we deliver the best the season has to offer.">Omakase beginnt mit Vertrauen. Sie vertrauen uns die Auswahl an — wir liefern das Beste, was die Saison hergibt.</p>
|
|
</div>
|
|
<div class="principle">
|
|
<div class="principle-kanji">旬</div>
|
|
<h3 data-de="Shun — Die richtige Zeit" data-en="Shun — The right time">Shun — Die richtige Zeit</h3>
|
|
<p data-de="Nicht jede KI-Technologie ist heute reif. Wir wissen, was jetzt Saison hat — und was besser noch reifen sollte." data-en="Not every AI technology is mature today. We know what's in season now — and what should ripen a little longer.">Nicht jede KI-Technologie ist heute reif. Wir wissen, was jetzt Saison hat — und was besser noch reifen sollte.</p>
|
|
</div>
|
|
<div class="principle">
|
|
<div class="principle-kanji">技</div>
|
|
<h3 data-de="Waza — Handwerk" data-en="Waza — Craft">Waza — Handwerk</h3>
|
|
<p data-de="Kein Schnickschnack, kein Overengineering. Präzise Schnitte, jahrelange Übung, respektvoller Umgang mit dem Material." data-en="No frills, no overengineering. Precise cuts, years of practice, respectful handling of the material.">Kein Schnickschnack, kein Overengineering. Präzise Schnitte, jahrelange Übung, respektvoller Umgang mit dem Material.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="seasonal">
|
|
<div class="container">
|
|
<div class="section-jp" data-de="季節 — SAISON" data-en="季節 — SEASON">季節 — SAISON</div>
|
|
<h2 data-de="Was gerade Saison hat" data-en="What's in season right now">Was gerade Saison hat</h2>
|
|
<div class="seasonal-items">
|
|
<div class="seasonal-item">
|
|
<div class="seasonal-emoji">🤖</div>
|
|
<div class="seasonal-name" data-de="LLM-Integration" data-en="LLM Integration">LLM-Integration</div>
|
|
<div class="seasonal-sub" data-de="Hochsaison" data-en="Peak season">Hochsaison</div>
|
|
</div>
|
|
<div class="seasonal-item">
|
|
<div class="seasonal-emoji">📊</div>
|
|
<div class="seasonal-name" data-de="RAG-Systeme" data-en="RAG Systems">RAG-Systeme</div>
|
|
<div class="seasonal-sub" data-de="Erntezeit" data-en="Harvest time">Erntezeit</div>
|
|
</div>
|
|
<div class="seasonal-item">
|
|
<div class="seasonal-emoji">🔍</div>
|
|
<div class="seasonal-name" data-de="KI-Agenten" data-en="AI Agents">KI-Agenten</div>
|
|
<div class="seasonal-sub" data-de="Frische Ernte" data-en="Fresh harvest">Frische Ernte</div>
|
|
</div>
|
|
<div class="seasonal-item">
|
|
<div class="seasonal-emoji">🎯</div>
|
|
<div class="seasonal-name" data-de="Prozessautomation" data-en="Process automation">Prozessautomation</div>
|
|
<div class="seasonal-sub" data-de="Ganzjährig" data-en="Year-round">Ganzjährig</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<section id="kontakt" class="cta-section">
|
|
<div class="container">
|
|
<div class="section-jp" data-de="予約 — RESERVIERUNG" data-en="予約 — RESERVATION">予約 — RESERVIERUNG</div>
|
|
<h2 data-de="Platz nehmen" data-en="Reserve a seat">Platz nehmen</h2>
|
|
<div class="section-desc" style="margin-left:auto; margin-right:auto;" data-de="Die besten Plätze sind am Tresen. Direkt beim Chef.
|
|
Schreiben Sie uns — wir bereiten Ihren ersten Gang vor." data-en="The best seats are at the counter. Right next to the chef.
|
|
Write to us — we'll prepare your first course.">
|
|
Die besten Plätze sind am Tresen. Direkt beim Chef.
|
|
Schreiben Sie uns — wir bereiten Ihren ersten Gang vor.
|
|
</div>
|
|
<a href="mailto:omakise@msbls.de?subject=OmaKIse%20—%20Reservierung" class="btn btn-primary" data-de="omakise@msbls.de" data-en="omakise@msbls.de">
|
|
omakise@msbls.de
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<p>Oma<span style="color:var(--aka);">KI</span>se.de — ein Projekt von <a href="https://msbls.de">msbls.de</a></p>
|
|
<button data-i18n-toggle style="margin-top:12px;background:none;border:1px solid var(--ink-ghost);color:var(--ink-faint);padding:5px 12px;border-radius:4px;font-size:0.75rem;cursor:pointer;font-family:inherit;letter-spacing:0.06em;">EN</button>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="/shared/ai-disclosure.js" data-tone="playful"></script>
|
|
<script src="/shared/i18n.js"></script>
|
|
</body>
|
|
</html>
|