/* Grundformatierung nur für Inhalte im #textfeld */
#textfeld {
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  font-size: 1rem;
  color: #222;
  margin: 1em;
}

#textfeld img {
  border: 0;
}

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

#textfeld h1 {
  font-size: 2.5rem;
  text-shadow: 2px 2px 2px #000;
}
#textfeld h2 { font-size: 1.5rem; }
#textfeld h3 { font-size: 1.25rem; }
#textfeld h4 { font-size: 1rem; }

#textfeld p {
  color: #222;
  margin-bottom: 1em;
  font-weight:normal !important;
}

/* Flexbox-Layout */
#textfeld article#flexbox {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}

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

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

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

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


/* Links */
#textfeld a, #textfeld a[data-load] {
  color: #0066cc;
  text-decoration: none;
}
#textfeld a:hover, #textfeld a[data-load]:hover,
#textfeld a:active, #textfeld a[data-load]:active {
  text-decoration: underline;
}
#textfeld a:visited, #textfeld a[data-load]:visited {
  color: navy;
  text-decoration: underline;
}

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

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

/* Schriftarten */
#textfeld .sans {
  font-family: "Century Gothic", "Segoe UI", "Candara", "Gill Sans", "Helvetica Neue", "Helvetica", "DejaVu Sans", "Arial", sans-serif;
  font-size: 0.9rem;
}
#textfeld .serif {
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}

#textfeld .monospace {
	font-family:"Courier New", Courier, monospace;
}

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

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


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

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