/* Grundformatierung für direkt aufgerufene Textseiten */
body {
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  font-size: 1rem;
  color: #222;
  margin: 1em;
}

/* Bilder */
img {
  border: 0;
}

/* Überschriften */
h1,
h2,
h3,
h4,
h5,
.sans {
  font-family: "Century Gothic", "Segoe UI", "Candara", "Gill Sans", "Helvetica Neue", "Helvetica", "DejaVu Sans", "Arial", sans-serif;
  font-weight: 600;
  color: mediumblue;
}

h1 {
  font-size: 2.5rem;
  text-shadow: 2px 2px 2px #000;
}

h2 { font-size: 1.5rem; }
h3 { font-size: 1.25rem; }
h4 { font-size: 1rem; }

/* Absätze */
p {
  color: #222;
  margin-bottom: 1em;
}

/* Flexbox-Layout (Aphorismen u.ä.) */
article#flexbox {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}

article#flexbox section {
  flex: 0 0 19em;
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 1em;
}

/* flexbox für Bilder */
.flextainer {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
}

.flextainer div {
	display:block;
	width: 40%;
	margin: 2%;
}

.flextainer div img {
	display: block;
	width: 100%;
	border: 0;
}


/* Links */
a,
a[data-load] {
  color: #0066cc;
  text-decoration: none;
}

a:hover,
a[data-load]:hover,
a:active,
a[data-load]:active {
  text-decoration: underline;
}

a:visited,
a[data-load]:visited {
  color: navy;
  text-decoration: underline;
}

/* Kleiner Copy-Text */
.copy {
  font-size: 0.8rem;
  margin: 1em 0;
}

/* Rahmen für besondere Elemente */
.rahmen {
  border: 8px solid #000;
  padding: 1em;
  text-align: center;
  width: 300px;
  font-size: 1.2rem;
  color: black;
}

/* Schriftarten-Hilfsklassen */
.sans {
  font-family: "Century Gothic", "Segoe UI", "Candara", "Gill Sans", "Helvetica Neue", "Helvetica", "DejaVu Sans", "Arial", sans-serif;
  font-size: 0.9rem;
}

.serif {
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}

/* Zitate (für CatGPT) */
.monospace {
	font-family:"Courier New", Courier, monospace;
}

/* Textausrichtung Blocksatz */
.justify {
  text-align:justify;
}

q.usernachricht {
	display: inline-block;
	padding: 1.5em 0 1.5em 0;
	font-weight: bold;
}

/* Farben */
.rot { color: red; }
.blau { color: blue; }

/* Icons */
.icon {
  width: 20px;
  height: 25px;
  position: relative;
  top: 5px;
}