:root {
   /* --bs-dark: rgb(3, 32, 94); */
}
body {
	/* min-height: 75rem; */
	padding-top: 4.5rem;
}

.navbar {
	background-color: #03205e !important;
}
.fileuploader {
	background-color: transparent;
	padding: 0px;
}

h1 {
	color: rgb(3, 32, 94) !important;
	font-size: 28px;
}

.btn-custom {
    background-color: #03205e; /* Standardfarbe */
    color: white;
    border: none;
    border-radius: 8px;
    padding: 1rem 1.5rem;
    display: flex;
    flex-direction: column; /* Text und Icon untereinander */
    align-items: center; /* Zentriere Icon und Text horizontal */
    justify-content: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    white-space: nowrap;
}


.btn-custom:hover {
    transform: translateY(-3px); /* Leichtes Hochspringen beim Hover */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    background-color: #0056b3; /* Dunkleres Blau beim Hover */
}

/* Äußerster Container */
.bigbuttons {
    display: flex;
    justify-content: center; /* Zentriere die Bereiche horizontal */
    gap: 2rem; /* Abstand zwischen den Bereichen */
    padding: 2rem;
}

/* Allgemeines Styling für jeden Bereich */
.bigbuttons .section {
    background-color: #f8f8f8; /* Leicht grauer Hintergrund */
    border: 1px solid #ddd; /* Leichter grauer Rahmen */
    border-radius: 8px; /* Abgerundete Kanten */
    padding: 2rem;
    text-align: center;
    flex: 1 1 auto; /* Bereiche gleichmäßig verteilen */
    max-width: 400px; /* Maximale Breite für jeden Bereich */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Leichter Schatten */
}

/* Abschnitt Header (Titel mit Icon) */
.bigbuttons .section-header {
    font-size: 1.5rem;
    font-weight: 600;
    color: #444;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.bigbuttons .section-header i {
    font-size: 1.8rem;
    color: #555;
}

.bigbuttons .infinity-icon {
    transform: rotate(-45deg); /* Infinity-Icon drehen */
}

/* Button-Gruppe (Buttons nebeneinander) */
.bigbuttons .button-group {
    display: flex;
    gap: 1rem; /* Abstand zwischen Buttons */
    justify-content: center; /* Buttons horizontal zentrieren */
    align-items: center; /* Vertikale Ausrichtung (falls nötig) */
}

/* Buttons */
.bigbuttons .btn-button {
    background-color: #03205e; /* Standardfarbe */
    color: white;
    border: none;
    border-radius: 8px;
    padding: 1rem 1.5rem;
    display: flex;
    flex-direction: column; /* Text und Icon untereinander */
    align-items: center; /* Zentriere Icon und Text horizontal */
    justify-content: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    white-space: nowrap;
    min-width: 150px; /* Mindestbreite für konsistente Buttons */
    height: 120px; /* Einheitliche Höhe */
}

.bigbuttons .btn-button i {
    font-size: 2rem; /* Größeres Icon */
}

.bigbuttons .btn-button:hover {
    transform: translateY(-3px); /* Leichtes Hochspringen beim Hover */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    background-color: #0056b3; /* Dunkleres Blau beim Hover */
}

.bigbuttons .btn-button span {
    font-size: 0.9rem;
    white-space: nowrap;
}



/*

.form-control-highlight {
	border-width: 3px;
//	font-weight: bold;
}
.form-label {
	font-weight: bold;
}
.col-form-label {
	font-weight: bold;
}




.btn-primary {
	background-color: #E52B50 !important;
	border-color: #AA0000 !important;
}

.form-control:read-only{
	background-color: #e9ecef;
    opacity: 1;
    transition: none;
    appearance: none;
    pointer-events: none;
}

h1 {
	font-size: 22px;
}


.tbl-lc-text-end thead tr th:last-child {
	text-align:right;
}
.tbl-lc-text-end tbody tr td:last-child {
	text-align:right;
}
.tbl-fc-text-start thead tr th:first-child {
	text-align:left;
}
.tbl-fc-text-start tbody tr td:first-child {
	text-align:left;
}

ol.breadcrumb li.breadcrumb-item a {
	color: var(--bs-secondary-color);
	text-decoration: none;
	color: #000;
}
ol.breadcrumb li.breadcrumb-item a:hover {
	/* color: var(--bs-secondary-color);
	text-decoration: underline;
	color: #000;
}	


.media-imagelist {
		
}

.media-imagelist .media-element {
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	margin-top: 30px;
}
.media-imagelist .media-thumbnail {
	background-size: cover;	
}
.media-imagelist .media-thumbnail:before{
	content: "";
	display: block;
	padding-top: 80%;
}
.media-imagelist .media-element .media-actions {
	background-color: rgba(255,255,255,0.8);
	padding: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	display: inline-block;
	text-align: center;
}
.media-imagelist .media-element .media-actions a {
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;	
	font-size: 17px;
	color: #494949 !important;
}
.media-imagelist .media-element .media-actions a:hover {
	color: #000 !important;	
}
.media-imagelist .media-element .media-actions a.media-action-active {
	color: #3d8c40 !important;
}


.media-imagelist .media-element .media-actions {
	background-color: rgba(255,255,255,0.8);
	padding: 5px;
	bottom: 5px;	
}



.media-filelist .media-element {
	border: 1px solid #efefef;	
	margin-top: 15px;
	padding: 5px;
}
.media-filelist .media-element .media-actions a {
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;	
	font-size: 17px;
	color: #494949 !important;
}
.media-filelist .media-element .media-actions a:hover {
	color: #000 !important;	
}
*/