*/
@font-face {
 font-family: 'Aestetico_Regular';
 src: url('./../fonts/ave/Aestetico_Regular/ave/Aestetico_Regular.otf');
}
@font-face {
 font-family: 'Aestetico_SemiBold';
 src: url('./../fonts/ave/Aestetico_SemiBold.otf');
}
@font-face {
 font-family: 'PresicavRg-Bold';
 src: url('./../fonts/ave/PresicavRg-Bold.otf');
}

/* primäre Farbe */
:root {
  --bs-primary-rgb: 17, 118, 188;
}


a {
    text-decoration: none;
}
.login-page {
    width: 100%;
    height: 100vh;
    display: inline-block;
    display: flex;
    align-items: center;
}
.form-right i {
    font-size: 100px;
}
.input-group-text{
	color: #22245b;
}

.form-right {
	background-color: white;
	border-style: solid;
	border-width: 1px;
	border-color:  #1176bc;
	border-left: none;
} 
.form-left {
	border-style: solid;
	border-width: 1px;
	border-color:  #1176bc;	
}

h3{
	color: #22245b;
	text-transform: uppercase;
	font-family: PresicavRg-Bold;
}

.text-secondary{
	color: #000 !important;
}

label{
	font-family: Aestetico_SemiBold;
}

p{
	font-family: Aestetico_SemiBold;
}

input{
	font-family: Aestetico_SemiBold;
	font-weight: lighter;
	font-size: 0.9rem;
	color: #22245b;
}
button{
	font-family: Aestetico_SemiBold;
	letter-spacing: 1px;
	font-size: 0.8rem;
}
.btn-primary {
  background-color: #1176bc;
}
.btn-primary:hover {
	background-color: #22245b;
}

a.ave{
    color: #000 !important;
}
a.ave:hover{
	color: #000 !important;
}

h6{
	font-family: Aestetico_SemiBold;
}
h6 .badge{
	font-size: unset;
}

.width_reducer{
	width: 75% !important;
}

.padding_lefter{
	padding-left: 0px;
}
.padding_righter{
	padding-left: 0px;
}

label.label_margin{
	margin-top: 5px;
}

.image_logo{
	height: 100%;
}

.link_hidden{
display: none;
}

.tooltip {
	background-color: #343a40; /* Hintergrundfarbe des Tooltips */
}

.data{
	border-style: solid;
	border-width: 1px;
	border-color:  #1176bc;
	padding: 3rem !important;
}

.norm_schrift{
	font-family: Aestetico_Regular;

}


div.ave-header-box{
	display: flex;
	align-items: flex-start;
	align-items: stretch;
	margin-top: 4rem;
	margin-bottom: 3rem;
}
div.ave-header{
	display: flex;
	justify-content: flex-start; /* Spans nebeneinander ausrichten */
	align-items: flex-end; /* Spans am unteren Rand von divA platzieren */
	flex-grow: 0; /* Nur so breit wie notwendig */
	border-style: solid !important;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 3px;
	border-color: #000;
}

.ave-header-loc{
	margin-right: 3.5rem;
	margin-bottom: 0.1rem !important;
}
div.ave-header-logo{
	display: flex;
	justify-content: flex-end; /* Bild nach rechts schieben */
	align-items: center; /* Bild vertikal zentrieren (optional) */
	flex-grow: 1; /* Nimmt den restlichen Platz ein */

}

.ave-header-logo img {
  max-width: 100%; /* Bildgröße an den verfügbaren Platz anpassen */
  height: auto;
}


.drop-zone {
	border: 2px dashed #007bff;
	border-radius: 10px;
	padding: 30px;
	text-align: center;
	color: #999;
	cursor: pointer;
}

.drop-zone.dragover {
	background-color: #f0f8ff;
	border-color: #0056b3;
	color: #0056b3;
}

.scrollbar-transfer {
	max-height: var(--bs-scroll-height, 70vh);
	overflow-y: scroll;
	padding-right: 1.5vw;
}

#countdown-overlay {
  font-size: 1.3rem;
  z-index: 10;
  transform: translate(30%, -50%); /* leicht außerhalb oben rechts */
}

cd-small, .cd-small {
  font-size: 0.5rem;
  display: inline-block;
  min-width: 40px; /* Passe die Breite nach Bedarf an */
  text-align: center;
}

cd-label, .cd-label {
  font-size: 0.8rem;
}
 
cd-text-margin, .cd-text-margin {
  margin-right: -20px;
  margin-left: -20px;
  margin-top: 7px;
  margin-bottom: 7px;
}
 
small.erfolgsmeldungen_upload {
	margin-top: -20px;
}