/* China Dienst Yang – Footer neu gestaltet (14.10.2026)
   Dunkles Grün-Anthrazit, Akzent im Salbeigrün des Logos (#7a8c78), gestrichelte "Flugroute" an der
   Oberkante mit einem kleinen Flugzeug, das langsam darüber fliegt (Thema Flüge & Reisen),
   Spaltenüberschriften, ruhigere Schrift. Inhalte (Elemente 5, 6, 7) bleiben unverändert. */

#page-footer .footer-section-content {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: radial-gradient(ellipse 70% 120% at 10% 120%, #2b3a30 0%, rgba(43, 58, 48, 0) 65%), #161c18;
  color: #d7ddd4;
  font-size: 15px;
  line-height: 1.75;
  padding: 4rem 0 2.5rem;
}
/* Flugroute: gestrichelte Linie an der Oberkante */
#page-footer .footer-section-content::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 1.4rem;
  height: 2px;
  z-index: -1;
  background: repeating-linear-gradient(90deg, rgba(160, 182, 156, .55) 0 10px, transparent 10px 20px);
}
/* kleines Flugzeug, das in ca. 28 s über die Route fliegt */
#page-footer .footer-section-content::after {
  content: "";
  position: absolute;
  top: calc(1.4rem - 11px);
  left: 0;
  width: 24px;
  height: 24px;
  z-index: -1;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23c9d8c5' d='M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5z' transform='rotate(90 12 12)'/%3E%3C/svg%3E") no-repeat center / contain;
  animation: cd-flug 28s linear infinite;
}
@keyframes cd-flug {
  from { transform: translateX(-40px); }
  to   { transform: translateX(calc(100vw + 40px)); }
}

#page-footer .footer-section-content .section-row { row-gap: 2rem; }
#page-footer .footer-section-content p { margin-bottom: .9rem; }

/* linke Spalte: nicht alles fett – nur der Firmenname hervorgehoben */
#page-footer .footer-section-content-column-left strong { font-weight: 400; color: inherit; }
#page-footer .footer-section-content-column-left p:first-child strong:first-child {
  font-weight: 600; color: #fff; font-size: 1.1em; letter-spacing: .02em;
}
#page-footer .footer-section-content-column-left p:first-child strong:nth-of-type(2) {
  color: #a9bba6; letter-spacing: .25em;
}

/* Spaltenüberschriften mit kurzem salbeigrünen Strich */
#page-footer .footer-section-content-column > .frame:first-child::before {
  display: block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #f1f5ef;
  padding-bottom: .7rem;
  margin-bottom: 1.1rem;
  background: linear-gradient(#8fa58c, #8fa58c) left bottom / 2.2rem 2px no-repeat;
}
#page-footer .footer-section-content-column-left   > .frame:first-child::before { content: "Anschrift"; }
#page-footer .footer-section-content-column-middle > .frame:first-child::before { content: "Kontakt"; }
#page-footer .footer-section-content-column-right  > .frame:first-child::before { content: "Bankverbindung"; }

/* Links */
#page-footer .footer-section-content a {
  color: #c9d8c5;
  text-decoration: none;
  background: linear-gradient(#c9d8c5, #c9d8c5) left bottom / 0 1px no-repeat;
  transition: background-size .25s ease, color .25s ease;
}
#page-footer .footer-section-content a:hover,
#page-footer .footer-section-content a:focus-visible { color: #fff; background-size: 100% 1px; }

/* Copyright und Bildrechte dezent */
#page-footer .footer-section-content-column-right p:last-child { margin-top: 1.2rem; font-size: 13px; color: #8f9a8c; }

/* leere Meta-Leiste (keine Social Links) ausblenden */
#page-footer .footer-section-meta { display: none; }

@media (max-width: 767.98px) {
  #page-footer .footer-section-content { padding: 3.5rem 0 1.5rem; }
  #page-footer .footer-section-content .section-row { row-gap: 0; }
  #page-footer .footer-section-content-column { margin-bottom: 1.6rem; }
  #page-footer .footer-section-content-column .frame,
  #page-footer .footer-section-content-column .frame-container,
  #page-footer .footer-section-content-column .frame-inner { padding-top: 0; padding-bottom: 0; margin: 0; }
}
@media (prefers-reduced-motion: reduce) {
  #page-footer .footer-section-content::after { animation: none; left: 2rem; }
}