/* Ruhige, helle Weiterführung der Mondbüro-Marke. */
:root {
  --color-indigo-dark: #302347;
  --color-indigo: #4B3F72;
  --color-gold: #E8B45E;
  --color-gold-dark: #947038;
  --color-gold-text: #65502D;
  --color-cream: #FAF8F3;
  --color-grey: #6B5F7B;
  --color-night: #F7F5FB;
  --color-night-alt: #ECE7F5;
  --color-night-deep: #EEE9F5;
  --color-text: #302347;
  --color-text-muted: #6B5F7B;
  --color-text-on-dark: #302347;
  --color-text-on-dark-muted: #6B5F7B;
  --color-text-on-gold: #302347;
  --color-heading: #302347;
  --color-surface: #FFFFFF;
  --color-surface-strong: #F0EBF6;
  --color-surface-alt: #F0EDF5;
  --color-border: #D9D0E4;
  --color-border-soft: #E3DCEB;
  --color-jade: #2E746D;
  --shadow-soft: 0 12px 38px -26px rgba(48,35,71,.15);
  --shadow-card: 0 8px 24px -20px rgba(48,35,71,.16);
  --shadow-lift: 0 12px 28px -22px rgba(48,35,71,.2);
  --bevel: none;
  --space-section: clamp(3.5rem,6vw,5.5rem);
}
body { background: var(--color-night); }
.site-header { border-color: var(--color-border-soft); }
.site-header::before,.light-page .site-header::before,.site-header.is-scrolled::before { background:rgba(250,248,253,.97);box-shadow:none;backdrop-filter:blur(12px); }
.logo-image { filter:none; }
.nav-toggle { border-color:var(--color-border); }
.nav-toggle-bar { background:var(--color-indigo-dark); }
.primary-nav { background:#FAF8FD; }
.primary-nav a:not(.btn) { color:var(--color-indigo-dark); }
.primary-nav a:not(.btn):hover { color:var(--color-jade); }
.hero,.page-hero { background:linear-gradient(115deg,#51447A 0%,#4B3F72 48%,#382C58 100%); }
.hero { padding-top:calc(76px + 4.5rem);padding-bottom:4.5rem;min-height:0; }
.hero-glow,.hero-stars { display:none; }
.hero-inner { max-width:920px;margin-inline:auto;text-align:center; }
.hero-eyebrow,.eyebrow { color:var(--color-jade); }
.hero-headline { color:#FCFAFF;font-size:clamp(2.6rem,5.3vw,4.7rem);line-height:1.06;letter-spacing:-.035em;margin:1.25rem 0 1.5rem; }
.hero-headline span { color:#DFD6EE; }
.hero-subline { color:#E6DFF0;font-family:var(--font-body);font-style:normal;font-weight:400;font-size:clamp(1.05rem,1.6vw,1.22rem);line-height:1.7;max-width:590px;margin:0 auto; }
.hero-actions { justify-content:center;margin-top:2rem;gap:.85rem; }
.hero-copy,.hero-trust li { color:var(--color-text-muted); }
.hero-copy a { color:var(--color-jade); }
.btn { box-shadow:none;transform:none;transition:background .2s ease,color .2s ease,border-color .2s ease; }
.btn-primary { background:var(--color-indigo-dark);border-color:var(--color-indigo-dark);color:#FFFFFF;box-shadow:none; }
.btn-primary:hover { background:var(--color-indigo);color:#FFFFFF;box-shadow:none;transform:none; }
.btn-ghost,.btn-outline { background:transparent;color:var(--color-indigo-dark);border:1px solid #B9AACD;box-shadow:none; }
.btn-ghost:hover,.btn-outline:hover { background:#ECE7F5;border-color:var(--color-indigo);color:var(--color-indigo-dark);box-shadow:none;transform:none; }
:focus-visible { outline:3px solid var(--color-jade);outline-offset:4px; }
.quiet-offerings { background:#FFFFFF;padding:3.5rem 0; }
.quiet-offering-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem; }
.quiet-offering-grid article + article { border-left:1px solid var(--color-border-soft);padding-left:2.5rem; }
.quiet-offering-grid h2 { font-size:1.65rem;line-height:1.2; }
.quiet-offering-grid p:not(.eyebrow) { color:var(--color-text-muted);font-size:.95rem;line-height:1.7;margin:1rem 0 1.3rem; }
.quiet-offering-grid .eyebrow { font-size:.7rem; }
.text-link { font-size:.88rem;font-weight:600;color:var(--color-jade);text-underline-offset:5px;display:inline-block;min-height:44px;padding-top:.4rem; }
.text-link:hover { text-decoration:underline; }
.leistungen .section-head { max-width:740px;margin-bottom:1.75rem; }
.leistungen .section-head h2 { font-size:clamp(2rem,3.5vw,2.8rem); }
.leistungen-block { margin-bottom:1.5rem; }
.quiet-terms { color:var(--color-text-muted);font-size:.85rem;margin-bottom:1.5rem; }
.pricing-tabs { background:#EBE6F2;border:1px solid var(--color-border-soft);box-shadow:none; }
.pricing-tab.is-active,.pricing-tab[aria-selected=true] { color:white;background:var(--color-indigo-dark);box-shadow:none; }
.pricing-grid { gap:1.25rem; }
.price-card,.bundle-card { border:1px solid var(--color-border);background:#FFFFFF;box-shadow:none;backdrop-filter:none;transform:none!important;padding:1.75rem; }
.price-card:hover,.bundle-card:hover,.price-card.is-featured { transform:none!important;box-shadow:none;background:#FFFFFF; }
.price-card-price .amount { color:var(--color-indigo-dark); }
.price-card .btn { margin-top:1.25rem; }
.package-details { margin:.25rem 0 1rem; }
.package-details summary { color:var(--color-jade);font-size:.9rem;min-height:44px;cursor:pointer;padding:.7rem 0; }
.package-details .price-card-features { margin-top:1rem; }
.price-card-features li { font-size:.9rem; }
.quiet-details { border-top:1px solid var(--color-border);margin:0; }
.quiet-details:last-child { border-bottom:1px solid var(--color-border); }
.quiet-details > summary { cursor:pointer;min-height:60px;padding:1.1rem .5rem;font-weight:500;font-size:.98rem;color:var(--color-indigo-dark); }
.quiet-details > summary::marker,.package-details summary::marker { color:var(--color-jade); }
.quiet-details[open] > summary { color:var(--color-jade); }
.quiet-details-body { padding:.5rem .5rem 1.5rem; }
.quiet-details .fremdkosten-box,.quiet-details .paket-gilt,.quiet-details .bundle-section,.quiet-details .assistant-calculator { margin:0;padding:1rem 0;border:0;background:transparent;box-shadow:none; }
.quiet-details .probe { margin:0; }
.quiet-details h3,.quiet-details h4 { font-size:1.2rem; }
.probe { background:#FFFFFF;border:1px solid var(--color-border);box-shadow:none; }
.probe-chat { background:#EEE9F5;border-color:var(--color-border);box-shadow:none; }
.blase-aus { background:#DFEEE8;border-color:#A9C5BA;color:#254F46; }
.blase-ein { background:#FFFFFF;border-color:var(--color-border);color:var(--color-indigo-dark); }
.probe-eyebrow,.probe-chat .blase-menue,.probe-qr p { color:var(--color-jade); }
.probe-btn { animation:none; }
.btn-whatsapp,.btn-whatsapp:hover { background:#DDEEE5;color:#245244;border:1px solid #A9C5BA;box-shadow:none; }
.ueber-uns { background:#4B3F72;--color-heading:#FCFAFF;--color-text:#E6DFF0;--color-text-muted:#DFD6EE; }
.ueber-uns-grid { gap:3rem; }
.portrait-placeholder { width:150px;height:150px;background:#DCD3EA;border:0;box-shadow:none; }
.portrait-placeholder span { color:var(--color-indigo); }
.ueber-uns-portrait { max-width:180px; }
.ueber-uns-content h2 { font-size:clamp(1.8rem,3vw,2.5rem);max-width:23ch; }
.kontakt { background:#FFFFFF; }
.kontakt .section-head { max-width:720px; }
.kontakt-form { background:#F7F5FB;border-color:var(--color-border);box-shadow:none; }
.form-field input,.form-field textarea { background:#FFFFFF;color:var(--color-indigo-dark);border:1px solid #B9AACD;box-shadow:none; }
.form-field input:focus,.form-field textarea:focus { background:#FFFFFF;box-shadow:0 0 0 3px #DDEEE8;border-color:var(--color-jade); }
.kontakt-icon,.value-icon { background:#ECE7F5;color:var(--color-indigo); }
.product-section,.product-demo { padding:3.5rem 0; }
.product-status { color:var(--color-jade);border-color:#B4D0C5;background:#E5F0EB;font-size:.85rem; }
.product-workspace { box-shadow:none;border-color:var(--color-border);background:#FFFFFF; }
.product-workspace-top,.product-flow li { border-color:var(--color-border-soft); }
.product-workspace-top span,.product-label { color:var(--color-jade); }
.product-paper { background:#F0EBF6; }
.product-feature-grid article { background:#FFFFFF;border-color:var(--color-border); }
.product-label-next { color:var(--color-text-muted); }
.product-note { background:#F0EBF6;border-left-color:var(--color-gold); }
.product-points article { border-color:var(--color-border); }
.legal-table-wrap,.legal-page address,.ort-hinweis { background:#FFFFFF;box-shadow:none;border-color:var(--color-border); }
.legal-num,.legal-table th,.legal-page address a,.ort-weitere a { color:var(--color-jade); }
.site-footer { background:#302347;--color-text:#F7F5FB;--color-heading:#FFFFFF;--color-text-muted:#D3C9E1;--color-text-on-dark:#FFFFFF;--color-text-on-dark-muted:#D3C9E1;--color-gold-text:#E8B45E; }
.site-footer a { color:#E2D8EF; }
.site-footer a:hover { color:#FFFFFF; }
.site-footer .footer-orte-titel { color:#E8B45E; }
@media(min-width:900px){.primary-nav{background:transparent}.primary-nav ul{gap:1.5rem}}
@media(max-width:899px){.hero{padding-top:calc(76px + 3rem);padding-bottom:3rem}.quiet-offering-grid{gap:1.75rem}.quiet-offering-grid article + article{padding-left:1.5rem}.quiet-offering-grid h2{font-size:1.4rem}}
@media(max-width:639px){.hero-inner{text-align:left}.hero-actions{justify-content:flex-start}.hero-subline{margin:0}.hero-headline{font-size:2.9rem}.quiet-offering-grid{grid-template-columns:1fr;gap:1.5rem}.quiet-offering-grid article + article{border-left:0;border-top:1px solid var(--color-border-soft);padding:1.5rem 0 0}.quiet-offerings{padding:2.5rem 0}.product-section .product-split{gap:1.75rem}.ueber-uns-portrait{display:none}.price-card,.bundle-card{padding:1.5rem}.quiet-details-body{padding-inline:0}.hero-actions .btn{width:auto;min-width:0}.hero-actions{align-items:flex-start}}

.package-intro{font-size:.9rem;line-height:1.6;color:var(--color-text-muted);margin:.7rem 0 0;min-height:2.9em}

/* Hervorgehobene Bereiche wieder im ursprünglichen Mondbüro-Lila. */
.hero .hero-eyebrow,.page-hero .eyebrow,.ueber-uns .eyebrow{color:#F2C879}
.hero .hero-copy,.hero .hero-trust li,.page-hero p{color:#E6DFF0}
.page-hero h1{color:#FCFAFF}
.hero .btn-primary{background:#F2C879;border-color:#F2C879;color:#302347}
.hero .btn-primary:hover{background:#F8D89B;border-color:#F8D89B;color:#302347}
.hero .btn-ghost{background:transparent;border-color:#BCAFCD;color:#FCFAFF}
.hero .btn-ghost:hover{background:#615184;border-color:#DFD6EE;color:#FFFFFF}
.hero .product-status{background:#5B4C7C;border-color:#BCAFCD;color:#FCFAFF}
.hero :focus-visible,.ueber-uns :focus-visible{outline-color:#F2C879}
.ueber-uns .portrait-placeholder{background:#635382}
.ueber-uns .portrait-placeholder span{color:#F2C879}
.btn-primary,.pricing-tab.is-active,.pricing-tab[aria-selected=true]{background:#4B3F72;border-color:#4B3F72}
.btn-primary:hover{background:#382C58;border-color:#382C58}

/* Verbindliche Software- und Dienstleistungsstruktur, 05.10.2026. */
.hero-product-stage{font-size:.85rem;color:#DFD6EE;margin:1rem 0 0}
.pricing-availability{font-size:.9rem;color:var(--color-text-muted);line-height:1.7;margin-bottom:1.75rem;max-width:850px}
.pricing-availability a{color:var(--color-jade);text-decoration:underline;text-underline-offset:3px}
.price-card-head h3{font-size:1.35rem;margin:0}
.package-scope{font-size:.92rem;color:var(--color-text-muted);line-height:1.65}
.archive-included{font-size:.8rem;font-weight:600;color:var(--color-jade);margin:.6rem 0}
.website-project{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem;padding:2rem;border:1px solid var(--color-border);border-radius:var(--radius-l);background:white;margin:1.5rem 0 2.5rem}
.website-project h3{font-size:1.65rem}.website-project p{color:var(--color-text-muted);line-height:1.7}.website-project-price{display:flex;flex-direction:column;gap:.7rem;align-items:flex-start}.website-project-price strong{font-family:var(--font-display);font-size:2.7rem;line-height:1.15}.website-project-price span{font-size:.85rem;color:var(--color-text-muted)}.care-heading{font-size:1.4rem;margin-bottom:1.5rem}
@media(max-width:700px){.website-project{grid-template-columns:1fr;padding:1.5rem}.pricing-tabs{width:100%}.pricing-tab{font-size:.85rem;padding:.8rem .9rem}.package-details summary{font-size:.85rem}}

/* ==========================================================================
   Zusammenführung 06.10.2026
   Bausteine aus der Claude-Linie (Seite websites/, Kontaktformular v2) im
   hellen Erscheinungsbild von d027038. Links und Fokus in Jade wie im übrigen
   Stand; Gold nur auf dem lila Grund, wo es den Kontrast hält.
   ========================================================================== */
.feature-status{display:inline-block;margin-left:.35rem;padding:.05rem .5rem;border:1px solid #B4D0C5;border-radius:999px;background:#E5F0EB;color:#245244;font-size:.72rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;vertical-align:.08em}
.website-project-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin:0}
.website-project-amount .amount{font-family:var(--font-display);font-size:2.7rem;line-height:1.15;font-weight:600;color:var(--color-indigo-dark)}
.website-project-amount .period{font-size:1rem;font-weight:600;color:var(--color-indigo-dark)}
.website-project .text-link{padding-top:0}
/* Formular: Auswahl, Bestätigung, Hilfetexte, fehlerhafte Felder */
.form-field select{font-family:inherit;font-size:.96rem;padding:.85em 1em;border-radius:var(--radius-s);border:1px solid #B9AACD;background:#FFFFFF;color:var(--color-indigo-dark);min-width:0;width:100%;min-height:44px}
.form-field select:focus{border-color:var(--color-jade);box-shadow:0 0 0 3px #DDEEE8}
.form-optional{font-weight:400;color:var(--color-text-muted)}
.form-hilfe{font-size:.82rem;color:var(--color-text-muted);margin:0}
.form-zustimmung label{display:flex;align-items:flex-start;gap:.7rem;font-weight:400;font-size:.9rem;line-height:1.55;cursor:pointer}
.form-zustimmung input[type=checkbox]{flex:0 0 auto;width:1.25rem;height:1.25rem;min-width:1.25rem;margin:.15rem 0 0;padding:0;accent-color:var(--color-indigo)}
.form-zustimmung a,.kontakt-form-note a,.paket-gilt a,.faq details a,.section-intro a,.compare-footnote a,.ort-weitere a{color:var(--color-jade);text-decoration:underline;text-underline-offset:3px}
.form-auswahl input[type=radio]{accent-color:var(--color-indigo)}
.form-field [aria-invalid=true]{border-color:#B3261E;box-shadow:0 0 0 2px #F6D6D3}
.form-zustimmung input[aria-invalid=true]{outline:2px solid #B3261E;outline-offset:2px}
.kontakt-form-success{color:var(--color-indigo-dark)}
.kontakt-form-success.is-erfolg{background:#E5F0EB;border-color:#7FAE9C}
.kontakt-form-success.is-fehler{background:#FBEDEB;border-color:#B3261E}
.kontakt-form-success.is-pruefung{background:#FBF4E6;border-color:#947038}
.kontakt-form-success .kontakt-aktion{color:var(--color-indigo-dark)}
.kontakt-kennung{display:block;margin-top:.5rem}
.kontakt-kennung code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em;word-break:break-all;background:#FFFFFF;border:1px solid var(--color-border);border-radius:4px;padding:.05rem .3rem}
/* Seite websites/: Preis-Kasten im lila Kopf */
.hero .angebot-kopf{margin:2rem auto;text-align:left;background:rgba(255,255,255,.07);border-color:rgba(242,200,121,.55)}
.hero .angebot-kopf-name,.hero .angebot-kopf-art,.hero .angebot-kopf-hinweis strong{color:#FCFAFF}
.hero .angebot-kopf-mwst,.hero .angebot-kopf-hinweis{color:#E6DFF0}
.hero .angebot-kopf-preis .amount{color:#F2C879}
.paket-gilt{border:1px solid var(--color-border);border-left:3px solid var(--color-gold-dark);box-shadow:none;background:#FFFFFF}
.paket-gilt li::before{background:var(--color-jade)}
.muster-karte{box-shadow:none;background:#FFFFFF}
.muster-marke{background:#E5F0EB!important;border-color:#B4D0C5!important;color:#245244!important}
.faq details{background:#FFFFFF;border-color:var(--color-border)}
.faq summary{color:var(--color-indigo-dark)}
.faq summary:focus-visible{outline-color:var(--color-jade)}
.preis-beispiel{background:#FFFFFF;border-color:#B9AACD}
.ablauf-liste li{background:#FFFFFF}
.ablauf-liste li::before{background:var(--color-indigo);color:#FFFFFF}
#mondbuero-software .section-head{margin-bottom:0}
/* Fuß und Rechtsseiten: Fokus auf dunklem Grund in Gold */
.site-footer :focus-visible{outline-color:#F2C879}
.legal-page address{background:#F7F5FB}
.ort-hinweis{background:#F7F5FB}
.ort-liste li::before{background:var(--color-jade)}
/* Lange deutsche Wörter („Datenschutzerklärung“, „Unternehmenswebsite.“) liefen
   bei 320 und 768 px über den Rand und erzeugten waagerechtes Scrollen
   (auch schon im Stand d027038). Umbruch nur, wenn ein Wort nicht passt. */
h1,h2,h3{overflow-wrap:break-word}
.website-project{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
@media(max-width:900px){.page-hero h1,.quiet-offering-grid h2,.website-project h3,.section-head h2{-webkit-hyphens:auto;hyphens:auto}}
@media(max-width:700px){.website-project{grid-template-columns:minmax(0,1fr)}}