/* Grundstruktur */
body {
    font-family: Verdana, sans-serif;
    margin: 0;
    /* Braunton
     * background-color: #FBF7ED; /* Cremehintergrund *
    color: #2F2F2F; /* Dunkelgrau für Text */
    
    /* Grauton */
    background-color: #262626;
    color:#F2F2F2;
    
    line-height: 1.6;
}

a {
	color:#4A6D7C;
}

header {
    /*
     * background-color: #FBF7ED; /* Weißer Header wegen Logo */
     height:25px;
    background-color: #f0f0f0;/*#F2F2F2; */
    color: #262626;
     
    padding: 1em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*
     * border-bottom: 2px solid #F4B400; /* Akzentlinie */
     
     border-bottom: 2px solid #4A6D7C;
}




nav ul {
    list-style: none;
    display: flex;
    gap: 1em;
    margin: 0;
    padding: 0;
}

nav a {
    text-decoration: none;
    color: #2F2F2F;
    font-weight: bold;
}

main {
    max-width: 900px;
    margin: 2em auto;
    padding: 0 1em;
}

article {
	float: left;
	margin-right: 5em;
    margin-bottom: 1.3em;
    overflow: auto;
}

.thumbnail {
    float: left;
    margin-right: 1em;
    width: 200px;
}

.thumbnail img, .thumbnail_teaser img {
    max-width: 100%;
    height: auto;
    display: block;
}

img {
    border-radius: 15px;
}

.thumbnail_teaser {
    float: left;
    margin-right: 1em;
    margin-bottom: 1.5em;
    width: 100px;
}

.thumbnail_article {
    float: left;
    margin-right: 1em;
    margin-bottom: 1.2em;
}

.thumbnail_article_right {
    float: right;
    margin-left: 1em;
    margin-bottom: 1.2em;
}

h2 {
    /* Braunton
     * color: #2F2F2F; */
    color:  #F2F2F2;
    margin-top: 0;
}

footer {
    background-color: #2F2F2F;
    color: #FBF7ED;
    text-align: center;
    padding: 1em 0;
    font-size: 0.9em;
}

/* Für Links, ohne decoration */
.neutral {
	text-decoration: none;
    color:#F2F2F2;
}

/* Teaser nicht so breit */
.teaser {
	width:350px;
	height:216px;
	background:#222;
	padding:0.5em;
	border-radius:8px;
	border-right:#000 1px solid;
	border-bottom:#000 1px solid;
	overflow:hidden;
}

.kasten {
	background:#1a1a1a;border-radius:10px;padding:1.3em;margin:1em;
}

t  {
/* Farbempfehlungen von ChatGPT */
	color: #E6C84F; /* harmonisch & ruhig */
	/* color: #F2D14C; /* mehr Aufmerksamkeit */
	/* color: #D9B84A; /* subtiler / eleganter */
	color: #BFA75C;
	color: #C6A95A;	/* Antikes Gold (sehr edel, ruhig) */
	/* color: #BFA75C; /* Staubiges Gold (dezent & modern) */
	/* color: #C2A14A;	/* Gedämpftes Bernstein (wärmer, episch) */
	/* color: #A88E4A; /* Sehr zurückhaltend (fast Bronze) */
	font-weight: 500; /* optional */
}

.textUmbruch {
  white-space: pre-line;
}