@tailwind base;
@tailwind components;
@tailwind utilities;


.custom-button {
     background-color: #1b3e80;
    /* Button-Farbe */
}
 .custom-button:hover {
     background-color: #162f65;
    /* Dunklere Farbe beim Hover */
}
 .montserrat-font {
     font-family: 'Montserrat', sans-serif;
}
 .cindigo {
     background-color: #1b3e80;
    /* Indigo */
}
 .cindigo-hover:hover {
     background-color: #1b3e80;
    /* Hover-Indigo */
}
 .cmargreen {
     background-color: #b2c923;
    /* Märzgrün */
}
 .cmargreen-hover:hover {
     background-color: #b2c923;
    /* Hover-Märzgrün */
}
 .cmargreen-sidebar {
     background-color: #b2c923;
   	 color: #000;
    /* Märzgrün */
}
 .text-cmargreen {
     color: #b2c923;
    /* Märzgrün */
}
 .csteelgray {
     background-color: #acc2e4;
    /* Märzgrün */
}
 .csteelgray-hover:hover {
     background-color: #5a869f;
   color: #ffffff;
    /* Hover-Märzgrün */
}
 .canthrazit {
     background-color: #4a4a4a;
    /* Märzgrün */
}
 .canthrazit-hover:hover {
     background-color: #4a4a4a;
    /* Hover-Märzgrün */
}
 .text-customgreen {
     color: #7bac94;
    /* Beispielhafte grüne Farbe */
}
 .toast {
     position: fixed;
     top: 1rem;
     right: 1rem;
     min-width: 250px;
     max-width: 300px;
     padding: 1rem;
     border-radius: 0.5rem;
     transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
 .toast-hide {
     transform: translateX(100%);
     opacity: 0;
}