@CHARSET "UTF-8";
/* css für chorfahrt.kirche-guben.de/2025 */
/* erstellt 2025-07-19 */
/* letzte Anderung 2025-08-17 */
/* FFEDD0 RGB: 255–237–208 RGB [%]: 100–92.9–81.6 */
/* DBB77E RGB: 219–183–126 RGB [%]: 85.9–71.8–49.4 */
/* AA7F39 RGB: 170–127–57 RGB [%]: 66.7–49.8–22.4 */
/* 794F0B RGB: 121–79–11 RGB [%]: 47.5–31–4.3 */
/* 482D00 RGB: 72–45–0 RGB [%]: 28.2–17.6–0 */

html {
  background-color:#f5b66e;
  color:482d00;
  font-family:sans-serif;
  margin: 0;
  padding:0;
  text-align:center;
  width:100%;
  color:#000000;
  font-size:100.01%;
}

body {
  /*	background: #913f99; */
  /*  background: linear-gradient(270deg,rgba(145, 63, 153, 1) 0%, rgba(73, 171, 114, 1) 48%, rgba(232, 211, 19, 1) 100%); */
  background:transparent;
  background-color:transparent;
  margin:0;
  padding:0.5vh;
}

a {
  color:rgba(94,73,58,1)
}

table, td {
    /*    border-style:solid; */
  margin-left:auto;
  margin-right:auto;
  vertical-align:top;
}

#seite {
  display:flex;
  flex-wrap: wrap;
  flex-direction:row;
  justify-content:center;
  /*  align-content: space-between; */
  margin:0 auto 0 auto;
  padding:0.5vh;
}

#seite .author, .author, #inhalt author {
  text-align:right;
  padding:2vh;
  font-style:italic;
}

#seite .lillu, .lillu {
  clear:left;
  max-width:100%;
  float:left;
  margin:0;
  padding:0ex 0.5vh 0.3vh 0;
}

#seite .rillu, rillu {
  clear:right;
  max-width:100%;
  float:right;
  margin:0;
  padding:0 0 0.3vh 0.5vh;
}

#seite .cillu, .cillu {
  max-width:100%;
  clear:both;
  padding-left:0;
  padding-right:0;
  text-align:center;
  font-size:85%;
  font-style:italic;
}

img {
  border:none;
  margin:0.3vh;
  padding: 0;
  vertical-align:bottom;
}

.gedicht {
  margin-left:auto;
  margin-right:auto;
  width:34ex;
}

td {
  text-align:left;
  padding:0.15vh 0.8vh 0.15vh 0.8vh;
}

#inhalt h3, #inhalt h4, #inhalt h5 {
  padding-top:0.6vh;
  padding-bottom:0.6vh;
}

#inhalt {
  background-color:rgba(255,255,255,0.21);
  max-width:47vh;
  padding:0 1vh 1vh 1vh;
  margin:0 1em 0 1em;
  border-radius: 0 2vh 5vh 0
}

#inhalt p {
  text-align:left;
}

footer {
  font-size:85%;
}

#top {
  padding:0.7vh 2.5vh 0.7vh 2.5vh;
}

#top h1, #top h2, #nav h3, #nav h2 {
  background-color:transparent;
	color:#ffedd0;
}

#top h2 img {
  vertical-align:middle;
  opacity: 0.7;
}

#top a {
  line-height:1vh;
  display:block;
  color:rgba(255,255,255,1);
  text-decoration:none;
}

#top h2 {
}

#top {
  background-repeat: no-repeat ;
  background-position: center; /* Center the image */
  background-size: contain; /* Resize the background image to cover the entire container */
}

#inhalt h1, #inhalt h2, #inhalt h3, #inhalt h4, #inhalt h5 {
	background-color:#ffedd0;
}

#nav .navpointsmall a, #nav .navpointbig a {
  display:block;
  text-decoration:none;
  padding:0 1vh 0 1vh;
}

#nav .navpointbig {
  margin:0.15vh 0 0.15vh 0;
  font-size:130%;
  font-weight:bold;
}

#nav .navpointsmall  {
  margin:0.15vh 0 0.15vh 0;
  font-size:150%;
  font-weight:bold;
}

#nav {
  flex-grow: 0;
  background-color:rgba(255,255,255,0.21);
  padding:0.8vh 0 0.8vh 0;
  border-radius: 2vh 0 0 5vh
}

#inhalt {
  flex-grow: 1;
}

#nav #today {
	color: rgba(250,240,230);
  display:block;
  background-color: rgba(94,73,58,1);
}

#nav a:hover {
  background-color: #794F0B;
  color: #FFEDD0;
}

#inhalt .unav {
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  font-size:85%;
  font-weight:bold;
}

.unav a {
  margin-right:1vh;
  margin-left:1vh;
  text-decoration:none;
}

#inhalt a span {
  text-decoration:underline;
}

#inhalt .unav a:hover {
  background-color: #794F0B;
}

#inhalt {
  text-size-adjust: none;
  font-size:1.5vh;
}

hr {
  border-color:rgba(94,73,58,1);
}

.bild:hover {
  display:block;
  background-color: #794F0B;
}