/* Inline-Bearbeiten fuer Texte (text-inline.js): das "Aufleuchten" der bearbeitbaren Stellen. Diese Optik ist Teil des Werkzeugs und bleibt neutral - sie nutzt KEINE Kundenfarben. Sie wirkt nur, wenn der Bearbeiten-Modus an ist (Klasse "editor-bearbeiten" am , gesetzt von editor-shell.js). Wichtig: Wir nutzen "outline" statt "border". outline liegt ausserhalb der Box und verschiebt deshalb NICHTS im Layout - das Design der Seite bleibt exakt gleich. */ /* Im Bearbeiten-Modus: bearbeitbare Stellen mit dezentem, gestricheltem Umriss markieren */ .editor-bearbeiten [data-text].text-bearbeitbar { cursor: text; outline: 1px dashed rgba(0, 0, 0, 0.3); outline-offset: 3px; border-radius: 2px; transition: outline-color 0.15s ease, background-color 0.15s ease; } /* Drueberfahren: Umriss kraeftiger, ganz leichter grauer Hintergrund */ .editor-bearbeiten [data-text].text-bearbeitbar:hover { outline-color: #111; background-color: rgba(0, 0, 0, 0.05); } /* Gerade aktiv (man tippt darin): klarer, durchgezogener schwarzer Rahmen. Steht bewusst NACH der Hover-Regel, damit es beim Tippen auch dann gewinnt, wenn die Maus noch darueber steht. */ .editor-bearbeiten [data-text].text-bearbeitbar.text-aktiv { outline: 2px solid #111; outline-offset: 3px; background-color: transparent; }