/* home.css */
/* Gestaltung der Artikel und Kommentare aller .html-Dateien */

/*  Artikel gestalten - Inhalt */

.Kommentar {
	margin-left: 15%;
	margin-right: 15%;
	text-align: center;
	background-color: silver;
	border-radius: 30px;	
	padding: 15px;
	padding-bottom: 25px;
	box-shadow: 10px 10px 4px gray;
	margin-bottom: 40px;
}
.Title {
	font-size: 44px;
	font-size: clamp(20px,6vw,48px);
	letter-spacing: 2px; 
	font-weight: bold;
	font-family: Comic Sans MS;
	text-shadow: 3px 3px 4px #444;	letter-spacing: 2px;   
}
.Schrift {
	font-size: 18px;
	font-size: clamp(10px,3vh,18px);
}
/* Ende - Artikel gestalten - Inhalt */

@media screen and (min-width: 1200px) {
	.Kommentar {
		margin-left: 20%;	
		margin-right: 20%;
	}
}

@media screen and (max-width: 768px) {
   
   /* Gestaltung Artikel in Mobil-Ansicht */

   .Kommentar {
      margin-right: 5%;
      margin-left: 5%; 
   } 
   /* Ende - Gestaltung in Mobil-Ansicht */
  
}