:root {
  /* 
   * @since 2025-11-28 Objekt-Typ-Badges
   */
  /*
  --color-background : #9B968A; 
  --color-muted      : #FEE7B3;   
  --color-primary    : #FCCD64; 
  --color-secondary  : #333333;
  */
  --color-background: #cBc6bA;
  --color-muted: #FFF6DF;
  --color-primary: #FFA500;
  --color-secondary: #666;
}

@font-face {
  font-family: 'Radley';
  src: url('/_resources/fonts/Radley-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('/_resources//fonts/Roboto-VariableFont_wdth_wght.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@keyframes fadeInOut {
  0%, 100% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.5;
  }
}

.loadingAnimation {
  animation: fadeInOut 3s infinite ease-in-out;
  height: 150px;
  opacity: 0.3;
}


html {
  height: 100vh;                    /* Höhe 100% Viewport */
  margin: 0;                       /* Kein Margin */
  background: linear-gradient(
    120deg,
    #e8e6df 10%,
    #cBc6bA 60%,
    #a29d90 90%
  );
  background-attachment: fixed;    /* Fixiert den Hintergrund beim Scrollen */
  background-size: cover;           /* Deckt ganze Fläche ab */
  background-repeat: no-repeat;     /* Kein Wiederholen */
}

body {
    font-family: 'Roboto';
}

/* @since 2025-12-05 */
.uk-subnav-pill>.uk-active>a {
    background-color: var(--color-primary);
    color: #000;
}

.uk-badge.pdhc-objecttype-MOLD {
  background-color:#D8F2D0 ;
  color: #2F4D28 !important;
}

.uk-badge.pdhc-objecttype-MODEL {
  background-color:#D1E8FF;
  color: #1F3B4D !important;
}

.uk-badge.pdhc-objecttype-PAINTING {
  background-color:#F4D9FF ;
  color: #4B325C !important;
}

.uk-label {
  background-color: transparent;
  border: var(--color-secondary) 1px solid;
  color: var(--color-secondary);
}

.uk-label.uk-label-secondary {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  color: #fff;
}

.uk-button {
  text-transform: initial;
  font-weight: bold;
}

.uk-heading-small {
  font-size: 2.75rem;
}

.uk-input,
.uk-select {
  color: #000;
}

.uk-input::placeholder,
.uk-select option.uk-text-muted {
  color: #ccc;
}

.uk-button-primary,
.uk-button-primary:hover
{
	background-color : var(--color-primary);
	color            : #000000;;
}

.uk-background-secondary,
.uk-button-secondary {
	background-color: var(--color-secondary);
}

.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
  border: var(--color-primary) 2px solid;

}

.uk-notification-message-success {
  background-color: #1c7c4f;
  color: #fff;
}

.uk-notification-message-danger {
  background-color: #610b0b;
  color: #fff;
}

.uk-legend {
  font-size: 1.2rem;
}
.uk-form-label {
  opacity: 0.7;
}

nav.uk-background-secondary {
	background-color: var(--color-secondary) !important;
}

.uk-modal {
  background: rgba(0,0,0,.8);
}


.uk-heading-small {
  font-family: 'Radley';
}


.uk-table-striped tbody tr:nth-of-type(odd), .uk-table-striped>tr:nth-of-type(odd),
.uk-background-muted
{
	background-color : var(--color-muted); 
}