.button {
background-color:#fa7d19;
}

.button.button-tertiary {
    color: #fa7d19;
    border: 1px solid #fa7d19;
}


.column-link--transparent.active {
    color: #fa7d19;
}

.prose a {
    color: #fa7d19;
}

.prose a:active, .prose a:focus, .prose a:hover {
    text-decoration: none;
}

.column-header__back-button {
    color: #fa7d19;
}

.icon-button.active {
    color: #fa7d19;
}

.notification__message .fa {
    color: #fa7d19;
}

.reply-indicator__content a.unhandled-link,
.status__content a.unhandled-link {
    color: #fa7d19;
}

.react-toggle--checked .react-toggle-track {
    color: #fa7d19;
}

.about__section__title {
    color: #fa7d19;
}


/*Farbe*/
:root {
  /* ZDF-Orange als Markenfarbe */
  --color-bg-brand-base: #FA7D19;
  --color-bg-brand-subtle: #FA7D1922;      /* orange mit ~13% Opacity für Hintergründe */
  --color-bg-brand-bold: #E56A0A;          /* etwas dunkler, für Hover */
  --color-bg-brand-onBrand: #FA7D19;

  --color-text-brand-base: #FA7D19;
  --color-text-brand-bold: #E56A0A;
  --color-text-on-brand-base: #FFFFFF;     /* Textfarbe AUF orangenen Buttons */

  --color-border-brand-base: #FA7D19;
  --color-border-brand-bold: #E56A0A;

  /* Legacy-Variable, die manche Stellen (v. a. Fokus-Ringe, Links) noch nutzen */
  --color-accent: #FA7D19;
}

:root {
  --color-border-focus: #FFD1A8;   /* helles Peach für Focus-Outline */
  --color-bg-brand-base-hover: #E56A0A;    /* dunkleres Orange für :hover */
  --color-bg-brand-base-active: #C85A00;   /* noch dunkler für :active (Klick) */
}

/*Logos*/

:root {
  --zdf-logo: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='496 -272 503 300'%3E%3Cpath fill='%23FA7D19' d='M950.2-164.8H999V-188h-58.7c-31.6,0-44.6,17.7-44.6,45.4l0,2.7c-5.3-32.6-24.7-48.1-60.2-48.1H776c-24-48-73.5-81-130.9-81C564.5-269,499-203.5,499-122.8c0,80.7,65.5,146.1,146.1,146.1c57,0,106.3-32.5,130.4-80h60.7c14.5,0,27.6-0.9,40.9-11.5c9.6-7.6,15.6-18.4,18.4-32.5v43.8h27.8l0-51.5h65.7v-22.9h-65.8l0.4-9.3C923.7-155.7,928.3-164.8,950.2-164.8z M834.9-79.9h-30.7v-84.9h30.7c24.1,0,32.8,10.3,32.8,42.5C867.7-90.2,859.1-79.9,834.9-79.9z'/%3E%3Cpath fill='%23FFFFFF' d='M709.8-133.7H728c14.4,0,22.9-2.9,22.9-15.1c0-12.6-8.5-16.1-23.3-16.1h-61.5v-23.1h71.6c36.3,0,41.5,25.4,41.5,39.6c0,15.1-6.2,39-41.5,39h-17.6c-22,0-26.7,7.9-26.7,23v7h82.2V-57H665.3v-32.5C665.3-117.3,678.3-133.7,709.8-133.7z'/%3E%3C/svg%3E");
}

/* Sidebar (eingeloggtes UI) — Inline-SVG */
.column-link--logo .logo { display: none !important; }
.column-link--logo {
  background: var(--zdf-logo) no-repeat left center / contain;
  min-height: 40px;
  width: 180px;
}

/* Landing / About — Wordmark */
.logo--wordmark > use { display: none; }
.logo--wordmark {
  background: var(--zdf-logo) no-repeat center / contain;
  min-height: 60px;
}

/* Admin-Bereich — <img> tag */
.admin-wrapper .sidebar .logo.logo--icon {
  content: var(--zdf-logo);
  width: auto;
  height: 60px;
  margin: 40px auto;
}