/*
.mdw-brand-selection--button:focus {
    background-color: #e0e0e0; 
    outline: 4px solid blue; 
    transition: background-color 0.3s ease-in-out;
}
*/
/* CSS-Regeln für den Fokuszustand */
/* Diese Regeln sorgen dafür, dass der Fokuszustand für alle Links und Schaltflächen in der Anwendung einheitlich aussieht. */


:root {
  --mdw-focus-outline-color: #0078D4;
  --mdw-focus-outline-width: 3px;
  --mdw-focus-outline-radius: 4px;
}

/* Example usage:
outline: var(--mdw-focus-outline-width) solid var(--mdw-focus-outline-color);
border-radius: var(--mdw-focus-outline-radius);
*/
.mdw-fab-item:has(a:focus) {
  outline: var(--mdw-focus-outline-width) solid var(--mdw-focus-outline-color);
  background-color: #4e4e4e;
  border-radius: var(--mdw-focus-outline-radius);
}

.mdw-nav-tile--buttons a:focus {
    /*background-color: #e0f0ff;*/
    outline: var(--mdw-focus-outline-width) solid var(--mdw-focus-outline-color);
    transition: background-color 0.3s ease-in-out;
}

.mdw-btn--cta:has(a:focus) {
  outline: var(--mdw-focus-outline-width) solid var(--mdw-focus-outline-color);
  /*background-color: #e0f0ff;*/
  border-radius: var(--mdw-focus-outline-radius);
}
.mdw-btn--cta:focus {
  outline: var(--mdw-focus-outline-width) solid var(--mdw-focus-outline-color);
  border-radius: var(--mdw-focus-outline-radius);
}

#BafgMobileMainMenue:focus {
  outline: var(--mdw-focus-outline-width) solid var(--mdw-focus-outline-color);
  /*background-color: #e0f0ff;*/ 
  border-radius: var(--mdw-focus-outline-radius);
}

/* Beispielhafte CSS-Regeln für die Schaltflächen 

a.mdw-btn-filled--primary:focus,
a.mdw-btn-filled--secondary:focus {
  outline: 2px solid #0078D4;
  background-color: #e0f0ff;
  border-radius: 4px;
  transition: background-color 0.3s ease-in-out;
}
  */

[class*=mdw-btn]:focus {
  outline: var(--mdw-focus-outline-width) solid var(--mdw-focus-outline-color) !important;
  /*background-color: #e0f0ff;*/
  border-radius: var(--mdw-focus-outline-radius);
}

.mdw-brand-selection--button:focus {
  outline: var(--mdw-focus-outline-width) solid var(--mdw-focus-outline-color) !important;
  /*background-color: #858789 !important;*/
  border-radius: var(--mdw-focus-outline-radius);
}

.mdw-radiobutton-wrapper input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

.mdw-brand-selection--button:has(a:focus) {
  outline: var(--mdw-focus-outline-width) solid var(--mdw-focus-outline-color) !important;
  /*background-color: #858789 !important;*/
  border-radius: var(--mdw-focus-outline-radius);
}

.mdw-exp-dropdown--item:has(a:focus) {
  outline: var(--mdw-focus-outline-width) solid var(--mdw-focus-outline-color) !important;
  /*background-color: #858789 !important;*/
  border-radius: var(--mdw-focus-outline-radius);
}

.mdw-exp-dropdown--item:has(a:focus) {
  outline: var(--mdw-focus-outline-width) solid var(--mdw-focus-outline-color) !important;
  /*background-color: #858789 !important;*/
  border-radius: var(--mdw-focus-outline-radius);
}

a.mdw-btn-filled--primary:focus, a.mdw-btn-filled--secondary:focus {
  outline: var(--mdw-focus-outline-width) solid var(--mdw-focus-outline-color) !important;
  /*background-color: #e0f0ff !important;*/
  border-radius: var(--mdw-focus-outline-radius);
}

.pagination-start-button {
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: 0.5rem 1rem;
  background-color: #a6621f;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  transition: background-color 0.3s ease;
}

.pagination-start-button:hover,
.pagination-start-button:focus {
  background-color: #FF9933;
  outline: none;
}

.pagination-start-button:focus {
  outline: 4px solid #a6621f;
  border-radius: 4px;
}

a:focus .mdw-offer-item--img,
.mdw-offer-item--img:focus {
  outline: 4px solid #0078D4;
  border-radius: 4px;
}