CMO:Datierungsmodell/styles.css

/* =========================================================

  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; }