/*Import custom Font TheSans*/
@font-face {
    font-family: 'TheSans';
    src: url('/media/fonts/TheSansB_300_.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap; 
}

@font-face {
    font-family: 'TheSans';
    src: url('/media/fonts/TheSansB_400_.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap; 
}

@font-face {
    font-family: 'TheSans';
    src: url('/media/fonts/TheSansB_500_.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap; 
}

@font-face {
    font-family: 'TheSans';
    src: url('/media/fonts/TheSansB_600_.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap; 
}

@font-face {
    font-family: 'TheSans';
    src: url('/media/fonts/TheSansB_700_.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap; 
}

/* expand tailwind CSS */
body {
    font-family: 'TheSans', sans-serif;
    font-weight: 500;
    color:#2F2F2F;
}

.h-map{
    height: 400px;
}

.text-simulix{
  	color: #009eaa;
}

.bg-simulix{
  	background-color: #009eaa;
  --tw-bg-opacity:1;
}

.bg-simulix:hover{
  	background-color: #0f666c;
}

.input-focus {
    outline: none; /* Entfernt den Standard-Fokus-Rahmen */
    border: 2px solid transparent;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.input-focus:focus {
    border-color: #009eaa; /* Blau für den Fokus (entspricht Tailwind's blue-500) */
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5); /* Simuliert den "ring" Effekt */
}


@media (max-width: 640px) {
    .h-map {
        height: 250px;
    }
}