body {
  font-family: "Comum Sans";
  background: #a0cad9;
  color: #2A2A2A;
  margin: 0;
}

main {
  max-width: 800px;
  width: 90%;
  margin: 3rem auto;       /* horizontally centered, vertical spacing */
  background-color: white;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}

.klippenschreiber_Logo {
  background: white;
  min-height: calc(100vh - 40px);
  filter: drop-shadow(0 4px 8px rgba(0,0,0,0.1));
  border-radius: 4px;
  padding: 20px;  
}

img {
	max-width: 100% ;
}

img[src$='#center']
{
    display: block;
    margin: 0.7rem auto; /* you can replace the vertical '0.7rem' by
                            whatever floats your boat, but keep the
                            horizontal 'auto' for this to work */
    /* whatever else styles you fancy here */
}

img[src$='#floatleft']
{
    float:left;
    margin: 0.7rem;      /* this margin is totally up to you */
    /* whatever else styles you fancy here */
}

img[src$='#floatright']
{
    float:right;
    margin: 0.7rem;      /* this margin is totally up to you */
    /* whatever else styles you fancy here */
}

header h1 {
	text-align: center ;
}

footer {
	text-align: center ;
	clear: both ;
}

@font-face {
	font-family: "Great Vibes", cursive;
	src: url('GreatVibes-Regular.ttf');
	font-family: "Comum Sans";
	src: url('ComumSans-Regular.ttf');
}

blockquote {
	font-family: "Great Vibes", cursive;
	font-size: 27px;
}


/* For TAGLIST.HTML */
.taglist {
	text-align: center ;
	clear: both ;
}

/* For nav.html */
nav ul {
  list-style: none;      /* remove bullets */
  padding: 0;            /* remove default padding */
  margin: 0;             /* remove default margin */
  display: flex;         /* put items in a row */
  gap: 1rem;             /* space between items */
  align-items: center;
  justify-content: center;
}

nav li {
  /* optional: center the text vertically if needed */
}

nav a {
  text-decoration: none; /* remove underline */
  color: #333;           /* default link color */
  padding: 0.5rem 1rem;  /* clickable padding */
  display: block;        /* makes padding apply to whole area */
}

nav a:hover,
nav a.menuactive {
  color: white;
  background-color: #0077cc;
  border-radius: 4px;
}


/* For NEXTPREV.HTML */
#nextprev {
	/* The container for both the previous and next articles. */
}
#prevart {
	float: left ;
	text-align: left ;
}
#nextart {
	float: right ;
	text-align: right ;
}
#nextart,#prevart {
	max-width: 33% ;
}