body { /* seitenspezifische Anpassung von <body> */    
    overflow-y: auto;
    overflow-x: hidden;
	background-color: #FAF3D2; /* damit wird die Farbe des Seiteninhalts definiert */
}

/* ============================= */
/*       ZENTRIERTER INHALT     */
/* ============================= */

/* Wrapper, der den Viewport (abzgl. Menü) füllt und zentriert */
main.Seitenmitte {
    min-height: calc(100svh - 130px - 40px); /* Menü + oberer/unterer Body-Rand */
    margin-top: 130px;                       /* Platz für die fixe Menüleiste */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 0;
    text-align: center;
}

/* optionaler Innencontainer für Maximalbreite/Zeilenlänge */
div.verlag-inhalt {
    width: min(90vw, 80ch); /* 	variabel!
								Die Textbreite wird über den Wert ch eingestellt: hier etwa 80 Zeichen pro Zeilenlänge.
								ch gibt die Breite des Zeichens 0 an */
	color: #090907;
}

/* Überschrift */
h1 { margin-bottom: 1.5rem; }

/* Übersetzung in den verschiedenen Sprachen */
h2 {
	text-align: center;
	font-style: italic;
	margin-bottom: 1.2rem;
}

/* Textbereich */
.Textbehaelter {
    margin: 0 auto;
    display: grid;
}

/* Absätze */
.Textbehaelter p {
    margin: 0;
    font-size: 1.4em;
}

/* Links */
.Textbehaelter a {
  color: #2A4F8F;
  text-decoration: underline;
}
.Textbehaelter a:hover {
  color: #1E63A1;  
}

/* ============================= */
/*       RESPONSIVE DESIGN      */
/* ============================= */

@media (max-width: 400px) {
    .verlag-inhalt { width: min(92vw, 60ch); }
	h1 { font-size: 1em; }
	h2 { font-size: 0.8em; }
    .Textbehaelter p { font-size: 0.8em; }
}

@media (min-width: 400px) and (max-width: 700px) {    
    .verlag-inhalt { width: min(88vw, 65ch); }
	h1 { font-size: 1.1em; }
	h2 { font-size: 0.9em; }
    .Textbehaelter p { font-size: 0.9em; }
}

@media (min-width: 700px) {
    .verlag-inhalt { width: min(75vw, 70ch); }
	h1 { font-size: 1.2em; }
	h2 { font-size: 1em; }
    .Textbehaelter p { font-size: 1em; }
}

@media (min-width: 1000px) {
    .verlag-inhalt { width: min(65vw, 75ch); }
	h1 { font-size: 1.4em; }
	h2 { font-size: 1.1em; }
    .Textbehaelter p { font-size: 1.1em; }
}

@media screen and (min-width: 1400px) {
	.verlag-inhalt { width: min(60vw, 80ch); }
	h1 { font-size: 1.6em; }
	h2 { font-size: 1.3em; }
    .Textbehaelter p { font-size: 1.3em; }
}