.container-header {
    position: relative;
	/*height: 180px;/* change hight */
    z-index: 10;
    /*margin-bottom: 1px;*/
    background-image: linear-gradient(135deg, #3b03b0 0%, #3b03b0, 100%); /* change color */

}
.container-header .mod-menu {
  color: #fff;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: wrap;
  font-size: larger;
}
._access-icon {
    top: 15% !important;
	left: 80% !important;
}
.u_aktuelles,
.u_ueberuns,
.u_suche,
.u_dokumente,
.u_menu_unten {
    height: 50px;
	margin-top: 1px;
    padding-top: 0px;      /* kleiner Abstand oben */
    padding-bottom: 4px;   /* gleichmäßiger Abstand unten */
    line-height: 1;      /* engerer Zeilenabstand */
    background-image: linear-gradient(to right, #182C5A, #3E3E74);
    color: white;
    font-size: larger;
}

/* Link-Formatierung */
.u_aktuelles a,
.u_ueberuns a,
.u_suche a,
.u_dokumente a,
.u_menu_unten a {
    text-decoration: underline;
    color: white;
}

/* Hover-Effekt */
.u_aktuelles a:hover,
.u_ueberuns a:hover,
.u_suche a:hover,
.u_dokumente a:hover,
.u_menu_unten a:hover {
    text-decoration-color: yellow;
    font-weight: bold;
}

.artikelueberschrift {
	h2 {
	font-size: 1.2rem;
	}
}

	
.termine {
	height: 20px;
}
.roterhintergrund {
	background-color: red;
	color: yellow;
}
.u_ueberuns {
    height: 80px;
	line-height: 1.2; 
}	
/* ==========================================
   Gemeindepflege-Animation (nur im Wrapper)
   ========================================== */

.gp-animation-wrapper.gp-petition {
  position: relative;
  width: 100%;
  max-width: 1200px;
  height: 420px;
  margin: 0 auto 2rem;
  background: #ffffff;
  overflow: hidden;
}

.gp-animation-wrapper.gp-petition .gp-animation-bg {
  position: absolute;
  inset: 0;
  background: #ffffff;
}

/* Grundstil aller Texte im Wrapper */
.gp-animation-wrapper.gp-petition .gp-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;

  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
               -webkit-system-font, sans-serif;
  font-weight: 600;
  font-size: 2rem;
  color: #004c91;
  text-align: center;
  line-height: 1.2;
  white-space: normal;
  pointer-events: none;

  /* „Papierkarten“-Look */
  padding: 0.4em 0.9em;
  background: #fffaf0;                    /* warmes Papierweiß */
  border-radius: 0.5rem;                  /* sanft abgerundete Ecken */
  border: 1px solid rgba(0, 0, 0, 0.06);  /* ganz feine Kontur */
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08); /* weicher Schatten */
}


/* --- 1 --- */
.gp-animation-wrapper.gp-petition .gp1 {
  animation: gp1move 6s ease forwards;
}
@keyframes gp1move {
  0%   { opacity: 0; transform: translate(-50%, -50%) scale(0); }
  20%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  70%  { opacity: 1; transform: translate(-50%, -50%) scale(1); } /* ~3 s stehen */
  100% { opacity: 1; left: 6%; top: 12%; transform: translate(0, 0) scale(0.6); font-size: 1.1rem; }
}

/* --- 2 --- */
.gp-animation-wrapper.gp-petition .gp2 {
  animation: gp2move 6s ease forwards;
  animation-delay: 3s;
}
@keyframes gp2move {
  0%   { opacity: 0; transform: translate(-50%, -50%) scale(0); }
  20%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  70%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  100% { opacity: 1; left: 58%; top: 18%; transform: translate(0, 0) scale(0.6); font-size: 1.1rem; }
}

/* --- 3 --- */
.gp-animation-wrapper.gp-petition .gp3 {
  animation: gp3move 6s ease forwards;
  animation-delay: 6s;
}
@keyframes gp3move {
  0%   { opacity: 0; transform: translate(-50%, -50%) scale(0); }
  20%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  70%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  100% { opacity: 1; left: 64%; top: 70%; transform: translate(0, 0) scale(0.6); font-size: 1.1rem; }
}

/* --- 4 --- */
.gp-animation-wrapper.gp-petition .gp4 {
  animation: gp4move 6s ease forwards;
  animation-delay: 9s;
}
@keyframes gp4move {
  0%   { opacity: 0; transform: translate(-50%, -50%) scale(0); }
  20%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  70%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  100% { opacity: 1; left: 10%; top: 72%; transform: translate(0, 0) scale(0.6); font-size: 1.1rem; }
}

/* --- 5 --- */
.gp-animation-wrapper.gp-petition .gp5 {
  animation: gp5move 6s ease forwards;
  animation-delay: 12s;
}
@keyframes gp5move {
  0%   { opacity: 0; transform: translate(-50%, -50%) scale(0); }
  20%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  70%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  100% { opacity: 1; left: 8%; top: 40%; transform: translate(0, 0) scale(0.6); font-size: 1.1rem; }
}

/* --- 6 --- */
.gp-animation-wrapper.gp-petition .gp6 {
  animation: gp6move 6s ease forwards;
  animation-delay: 15s;
}
@keyframes gp6move {
  0%   { opacity: 0; transform: translate(-50%, -50%) scale(0); }
  20%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  70%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  100% { opacity: 1; left: 55%; top: 42%; transform: translate(0, 0) scale(0.6); font-size: 1.1rem; }
}

/* --- 7 --- */
.gp-animation-wrapper.gp-petition .gp7 {
  animation: gp7move 6s ease forwards;
  animation-delay: 18s;
}
@keyframes gp7move {
  0%   { opacity: 0; transform: translate(-50%, -50%) scale(0); }
  20%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  70%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  100% { opacity: 1; left: 70%; top: 8%; transform: translate(0, 0) scale(0.6); font-size: 1.1rem; }
}

/* --- 8 --- */
.gp-animation-wrapper.gp-petition .gp8 {
  animation: gp8move 6s ease forwards;
  animation-delay: 21s;
}
@keyframes gp8move {
  0%   { opacity: 0; transform: translate(-50%, -50%) scale(0); }
  20%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  70%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  100% { opacity: 1; left: 32%; top: 10%; transform: translate(0, 0) scale(0.6); font-size: 1.1rem; }
}

/* --- 9 --- */
.gp-animation-wrapper.gp-petition .gp9 {
  animation: gp9move 6s ease forwards;
  animation-delay: 24s;
}
@keyframes gp9move {
  0%   { opacity: 0; transform: translate(-50%, -50%) scale(0); }
  20%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  70%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  100% { opacity: 1; left: 32%; top: 78%; transform: translate(0, 0) scale(0.6); font-size: 1.1rem; }
}

/* --- 10: Call-to-Action-Link --- */
.gp-animation-wrapper.gp-petition .gp10 {
  animation: gp10move 6s ease forwards;
  animation-delay: 27s;
  text-decoration: none;
  color: #004c91;
  border: 2px solid #004c91;
  border-radius: 0.5em;
  padding: 0.4em 0.8em;
  background: #ffffff;
  pointer-events: auto; /* klickbar */
  transition: background 0.3s, color 0.3s, transform 0.3s;
}
@keyframes gp10move {
  0%   { opacity: 0; transform: translate(-50%, -50%) scale(0); }
  20%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  100% { opacity: 1; transform: translate(-50%, -50%) scale(1.15); font-size: 2rem; }
}
.gp-animation-wrapper.gp-petition .gp10:hover {
  background: #004c91;
  color: #ffffff;
  transform: translate(-50%, -50%) scale(1.22);
  cursor: pointer;
}
.gp-animation-wrapper.gp-petition .gp10 {
  /* Rest deiner Animation + Border etc. bleibt */
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
}


/* Mobile */
@media (max-width: 768px) {
  .gp-animation-wrapper.gp-petition {
    height: 320px;
  }
  .gp-animation-wrapper.gp-petition .gp-text {
    font-size: 1.2rem;
  }
  .gp-animation-wrapper.gp-petition .gp1,
  .gp-animation-wrapper.gp-petition .gp2,
  .gp-animation-wrapper.gp-petition .gp3,
  .gp-animation-wrapper.gp-petition .gp4,
  .gp-animation-wrapper.gp-petition .gp5,
  .gp-animation-wrapper.gp-petition .gp6,
  .gp-animation-wrapper.gp-petition .gp7,
  .gp-animation-wrapper.gp-petition .gp8,
  .gp-animation-wrapper.gp-petition .gp9 {
    font-size: 0.9rem;
  }
}