/* Independent static version; the original design tokens remain in styles.css. */
[hidden]{display:none!important}html{scroll-padding-top:88px}section[id]{scroll-margin-top:80px}noscript{display:block;padding:16px;background:#e7e1d6;text-align:center}
.site-notice{padding:20px;margin-top:20px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-card);overflow-wrap:anywhere}
.site-notice h3{font-family:var(--font-display);font-size:28px;margin-bottom:10px}.site-notice p{margin:10px 0}.site-notice textarea{width:100%;min-height:160px;border:1px solid var(--color-border);padding:12px;font:inherit;background:var(--color-background);border-radius:8px}
.site-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.site-action,.map-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:8px;background:var(--color-accent);color:var(--color-accent-foreground);text-decoration:none;font-size:14px;cursor:pointer}.site-action.secondary{background:var(--color-paper);color:var(--color-foreground)}
.map-placeholder{height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;text-align:center;background:var(--color-paper)}.map-placeholder>p:first-child{font-family:var(--font-display);font-size:28px}
.h-80{height:20rem}.space-y-8>:not(:last-child){margin-bottom:2rem}.map-frame{height:320px;width:100%;border:0;display:block}
#quote-lines li{display:flex;justify-content:space-between;gap:16px;font-size:14px}#quote-lines li+li{margin-top:8px}#quote-lines li span:first-child{opacity:.7}
#quote-description{min-height:2.8em}#chat-log{overflow-wrap:anywhere}#chat-form textarea{min-width:0}#beratung [data-chat-starter]{height:auto;min-height:36px;white-space:normal;text-align:left;padding-top:8px;padding-bottom:8px}
#inquiry-form input,#inquiry-form textarea{max-width:100%}#inquiry-status:focus{outline:2px solid var(--color-accent);outline-offset:3px}
@media(min-width:1024px){.lg\:col-span-6{grid-column:span 6/span 6}}
/* The original menu no longer fits at every tablet width once Impressum is present. */
@media(min-width:768px) and (max-width:1100px){header>div:first-child>nav{display:none!important}#menu-toggle{display:flex!important}#mobile-navigation{display:block}#mobile-navigation[hidden]{display:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
@media(max-width:480px){#top dl{grid-template-columns:.9fr 1.2fr .8fr;gap:12px}#top dl dt{font-size:9px;letter-spacing:.10em}}

/* Green contact presentation, September 2026. No layout or pricing replacement. */
:root{--color-accent:#35584a;--color-ring:#35584a;--color-accent-hover:#294739}
.contact-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:10px;margin-top:18px}
.contact-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;max-width:100%;padding:12px 16px;border:1px solid var(--color-accent);border-radius:12px;background:var(--color-accent);color:var(--color-accent-foreground);font-size:14px;font-weight:500;line-height:1.35;text-decoration:none;text-align:center;white-space:normal;transition:background-color .15s,color .15s,border-color .15s}
.contact-link svg{flex:0 0 19px;width:19px;height:19px}
.contact-link span{min-width:0}
.contact-link--outline{background:transparent;color:var(--color-accent)}
.contact-action-hint{margin-top:12px;max-width:44ch;font-size:12px;line-height:1.6;color:var(--color-muted)}
.email-details{margin-top:18px;max-width:100%;border-top:1px solid var(--color-border);padding-top:6px}
.email-details summary{display:flex;align-items:center;gap:12px;min-height:44px;padding:9px 0;list-style:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--color-accent)}
.email-details summary::-webkit-details-marker{display:none}
.email-details summary::after{content:'+';font-size:21px;line-height:1;margin-left:auto;padding-right:4px}
.email-details[open] summary::after{content:'−'}
.email-details__content{padding:14px 16px 16px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-card);margin-top:4px}
.email-details__label{color:var(--color-muted);font-size:12px;margin-bottom:4px}
.email-address{color:var(--color-accent);font-size:16px;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.email-details__hint{margin-top:8px;color:var(--color-muted);font-size:12px;line-height:1.5}
.contact-actions--footer{flex-direction:column;align-items:flex-start}
footer .contact-link{background:var(--color-accent-foreground);color:var(--color-accent);border-color:var(--color-accent-foreground);font-size:13px;min-height:46px;padding:11px 13px;width:100%}
footer .contact-link--outline{color:var(--color-accent-foreground);background:transparent;border-color:rgba(246,243,238,.5)}
footer :focus-visible{outline-color:var(--color-accent-foreground)}
.form-nojs{border-radius:10px;margin-top:12px;font-size:13px}.form-nojs a{text-decoration:underline}
@media(hover:hover){.hover\:bg-ink-soft:hover,.contact-link:hover{background:var(--color-accent-hover)}.contact-link--outline:hover{color:var(--color-accent-foreground)}footer .contact-link:hover{background:var(--color-paper)}footer .contact-link--outline:hover{color:var(--color-accent);background:var(--color-accent-foreground)}}
@media(max-width:480px){.contact-actions:not(.contact-actions--footer){flex-direction:column}.contact-actions:not(.contact-actions--footer) .contact-link{width:100%}}
@media(prefers-reduced-motion:reduce){.contact-link{transition:none}}
@media print{.email-details:not([open])>.email-details__content{display:block!important}.email-details summary::after{display:none}}
