|
|
| Zeile 1: |
Zeile 1: |
| /* =========================================================
| |
| CMO:Datierungsmodell – Seitenlayout
| |
| ========================================================= */
| |
|
| |
|
| /* Viererspaltiges Raster für Schulen-Karten */
| |
| .cmo-gutachten-raster {
| |
| display: grid;
| |
| grid-template-columns: repeat(2, 1fr);
| |
| gap: 1em;
| |
| margin: 1em 0 1.5em;
| |
| }
| |
|
| |
| @media (max-width: 700px) {
| |
| .cmo-gutachten-raster {
| |
| grid-template-columns: 1fr;
| |
| }
| |
| }
| |
|
| |
| /* Einzelne Schulen-Karte */
| |
| .cmo-gutachten-karte {
| |
| border-top: 4px solid #ccc;
| |
| background: #faf9f7;
| |
| padding: 0.9em 1.1em;
| |
| font-size: 95%;
| |
| }
| |
|
| |
| /* Feldbox mit linkem Akzentstreifen */
| |
| .cmo-gutachten-feldbox {
| |
| border-left: 5px solid #ccc;
| |
| background: #faf9f7;
| |
| padding: 0.8em 1.2em;
| |
| margin: 0.8em 0 1em;
| |
| font-size: 95%;
| |
| }
| |
|
| |
| /* Hinweisbox */
| |
| .cmo-gutachten-hinweis {
| |
| background: #fdf6e3;
| |
| border: 1px solid #e0c97a;
| |
| border-left: 4px solid #C89B3C;
| |
| padding: 0.7em 1.1em;
| |
| margin: 1em 0;
| |
| font-size: 93%;
| |
| }
| |
|
| |
| /* Akzentfarben oben (Karten) */
| |
| .cmo-akzent-karmin { border-top-color: #9B3A2F; }
| |
| .cmo-akzent-petrol { border-top-color: #1F5A5E; }
| |
| .cmo-akzent-gold { border-top-color: #C89B3C; }
| |
| .cmo-akzent-aubergine { border-top-color: #5A3E5B; }
| |
|
| |
| /* Akzentfarben links (Feldboxen) */
| |
| .cmo-akzent-karmin-links { border-left-color: #9B3A2F; }
| |
| .cmo-akzent-petrol-links { border-left-color: #1F5A5E; }
| |
| .cmo-akzent-gold-links { border-left-color: #C89B3C; }
| |
| .cmo-akzent-aubergine-links { border-left-color: #5A3E5B; }
| |
| .cmo-akzent-moos-links { border-left-color: #5E6F3E; }
| |
