/* * abschluss.css * ------------- * Gezielte Korrekturen, die nach der grossen CSS-Aufraeumaktion (siehe * praxis.css) noch aufgefallen sind. Diese Datei wird OHNE @layer * eingebunden und steht damit automatisch ueber allen Layern aus * praxis.css (Cascade-Layer-Regel: unlayerte Stile gewinnen immer, * unabhaengig von Spezifitaet). So lassen sich einzelne Nachbesserungen * vornehmen, ohne die Layer-Struktur in praxis.css anzufassen. */ /* Bug: Aufzaehlungen in #mainContent (z. B. "Ihre Aufgaben" / "Das bringen Sie mit" auf der Stellenangebot-Seite, oder die Listen auf der J1-Seite) rutschten weit nach rechts. Ursache ist eine alte Regel "#mainContent ul li { margin-left: 160px; }" aus dem historischen Layout, die einst Text neben einem schwebenden Foto einruecken sollte. Fuer heutige Listen ist das nicht mehr passend. */ #mainContent ul li { margin-left: 0; } /* Bug: Auf manchen Handys (v. a. Samsung mit aktiviertem "Dunkles Design" fuer Webseiten) wurde die Seite komplett schwarz statt in den eigentlichen Farben angezeigt. Der Browser rät dann selbst, welche Flaechen er abdunkeln soll, weil die Seite bisher nicht erklaert hat, dass sie nur fuer den hellen Modus gebaut ist. Diese Angabe (zusammen mit dem im jeder Seite) verhindert das zuverlaessig. */ :root { color-scheme: light only; } /* Wunsch: Das Stellenangebot soll in der mobilen Ansicht direkt unter den Sprechzeiten sichtbar sein, nicht erst weiter unten in der Leistungen-Schnellzugriffsleiste. Zusaetzlicher Button, optisch als zweite Wahl (heller/umrandet) neben "Praxis anrufen", damit der Anruf-Button weiterhin die Hauptaktion bleibt. */ @media screen and (max-width: 700px) { body.indexseite .mobile-sprechzeiten .mobile-sprechzeiten-stellenangebot { width: 100%; justify-content: center; margin: 8px 0 0; min-height: 43px; background: #fff; border: 1px solid var(--praxis-blau); color: var(--praxis-blau-dunkel); box-shadow: none; } body.indexseite .mobile-sprechzeiten .mobile-sprechzeiten-stellenangebot:hover, body.indexseite .mobile-sprechzeiten .mobile-sprechzeiten-stellenangebot:focus-visible { background: var(--praxis-hellblau); color: var(--praxis-blau-dunkel); } } /* Bug: Die Telefonnummer im Footer sah nicht auf allen Seiten gleich aus und hatte (vor allem in der mobilen Ansicht) einen hellblauen Kasten mit Rahmen um sich. Ursache ist die allgemeine Regel "a[href^='tel:'] { ... }" bzw. die mobile Kasten-Regel fuer Telefonnummern, die eigentlich fuer Anruf-Buttons im Inhaltsbereich gedacht sind, aber wegen hoeherer Spezifitaet auch den Footer-Link ueberschrieben haben. Hier gewuenscht: einfacher Text, weiss, ohne Kasten, beim Hover hellblau. */ .site-footer a[href^="tel:"] { display: inline; min-height: auto; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #fff; font-weight: 400; text-decoration: none; } .site-footer a[href^="tel:"]:hover, .site-footer a[href^="tel:"]:focus-visible { color: #9cc9f2; text-decoration: none; } /* Footer-Telefon: normale Schrift, auch bei Hover und auf Mobilgeraeten. */ body .site-footer a[href^="tel:"], body .site-footer a[href^="tel:"]:hover, body .site-footer a[href^="tel:"]:focus-visible, body .site-footer a[href^="tel:"]:active { display: inline-block; width: auto; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-family: inherit; font-size: 16px; font-weight: 400; line-height: 1.5; white-space: nowrap; overflow-wrap: normal; text-decoration: none; transform: none; } body .site-footer a[href^="tel:"]:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; } /* Lange Leistungsueberschriften auch auf sehr schmalen Displays lesbar. */ body #mainContent .leistung-inhalt h3 { max-width: 100%; min-width: 0; overflow-wrap: anywhere; hyphens: auto; white-space: normal; }