@font-face{
    font-family: 'ISOCPEURRegular'; /* Name, den Sie verwenden */
    src: url(../fonts/ISOCPEUR.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'LATO'; /* Name, den Sie verwenden */
    src: url(../fonts/lato.regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'LATO';
    font-weight: normal;
    letter-spacing: .02em;
    line-height: normal;
}
.nav-link {
color:black;
font-size:large !important;

}

.hero-section {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 50vh; 
}

.btn {
border-radius: 0;
}

.logo-img {
height: 80px;
}

@media (min-width: 768px) {
.logo-img {
    height: 100px;
}
}

@media (max-width: 767.98px) {
.logo-img {
height: 50px;
}
}

.btn-custom {
    background-image: url("../img/gn_aterios_website_pfeile-button.png");
    background-repeat: no-repeat;
    background-position: left ;
    background-size: 35px; 
    padding-left: 0px; 
    height: 35px; 
    background-color: #787855;
    color: #fff;
    border: 1px solid #787855;
    font-size: large;

}

.btn-custom:hover {
background-color: #A29A4B;
border-color: #A29A4B;
color: #fff;

}

.btn-custom-Nobg {
color: #787855;
font-size: large;
}

.btn-custom-secondary {
    background-image: url("../img/gn_aterios_website_pfeile-button.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 35px; 
    padding-left: 5px; 
    height: 35px; 
    background-color: #A29A4B;
    color: #fff;
    border: 1px solid #A29A4B;
    font-size: large;
}

.btn-custom-secondary:hover {
background-color: #787855;
border-color: #787855;
color: #fff;
}

.txt-custom-color {
color: #787855;
}

.txt-custom-secondary-color {
color: #A29A4B !important;
}

.bg-custom {
background-color: #EBEBE6;
}

.bg-custom-deactive {
background-color: white;
color: #787855;
border: 2px solid #787855;
border-radius: 0 0px 0px 0; /* Round only right corners */
}

.bg-custom-secondary {
background-color: #F1F0E4;
}
.center-line {
display: flex;
align-items: center;
text-align: center;
margin: 20px 0;
}

.center-line::before,
.center-line::after {
content: "";
flex: 1;
border-bottom: 1px solid #A29A4B; /* الخط */
}

.center-line:not(:empty)::before {
margin-right: .5em;
}

.center-line:not(:empty)::after {
margin-left: .5em;
}

.center-text {
font-size: large; 
text-transform: uppercase;
color: #A29A4B;
margin-top: 15px;
margin-bottom: 15px;
}

.row-box {
display: flex;
align-items: center;
gap: 10px;
}


.two-lines {
display: flex;
flex-direction: column;
}

.two-lines .line1 {
font-size: 18px;
font-weight: bold;
}

.two-lines .line2 {
font-size: 17px;
color: #666;
}
/* Wrapper to keep input and button together */
.search-wrapper {
display: inline-flex; /* Keep children in one row */
align-items: stretch; /* Make both same height */
}

/* Style the input field */
.custom-input {
font-size: large;
border: 2px solid #A29A4B;
border-radius: 0px 0 0 0px; /* Round only left corners */
padding: 0.375rem 0.75rem;
outline: none;
}

/* Style the button */
.btn-search {
background-color: #A29A4B;
color: #fff;
border: 2px solid #A29A4B;
border-radius: 0 0px 0px 0; /* Round only right corners */
font-size: large;
padding: 0 0.75rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}

/* Hover effect */
.btn-search:hover {
background-color: #8c8c66;
border-color: #8c8c66;
}

.ms-table {
width: 100%;
}

.ms-table th {
color: #787855;
font-size: large;
}

.ms-table tbody {
text-align: left;
}

.ms-table tr {
background-color: #F1F0E4;
}

.ms-table label {
padding-left: 10px;
}
.ms-table {
border-collapse: separate !important;
border-spacing: 0 10px; 
}

/* تكبير المربع */
.custom-checkbox input[type="checkbox"] {
width: 25px; 
height: 25px; 
accent-color: #787855; 
cursor: pointer;
border-radius: 0; 
}


.custom-checkbox {
display: flex;
align-items: center;
gap: 10px;
font-size: 18px;
}

.custom-link-secondary {
    font-weight: bolder;
    color: #A29A4B;
}

.img-circle {
    border-radius: 50%;
}
.img-circle-size1 {
    height:30px;
    width:30px;
    border-radius: 50%;
}

.ms-table-secondary tbody tr:nth-child(odd) {
    background-color: #F1F0E4;
}

.ms-table-secondary tbody tr:nth-child(even) {
    background-color: white;
}

    .ms-table-secondary tbody tr:nth-child(even) td:nth-child(even) {
        color: gray;
    }

.ms-table-secondary tbody tr td {
    vertical-align: top;
    min-width: 300px;
    padding: 10px 10px 10px 10px;
    border-width: thin;
}

    .ms-table-secondary tbody tr td p {
        font-size: large;
    }

.ms-table-secondary thead th {
    background-color: #787855;
}

.ms-table-secondary thead th p {
    color: white;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 6px;
}

.dropdown-toggle::after {
    display: none !important;
}

.nav-link-gray {
    margin-top: 4px !important;
    font-size: medium;
}

.nav-link-gray.show {
    background-color: #F1F2ED;
    font-weight:550;
}

.dropdown-menu-gray {
    background-color: #F1F2ED;
    border: 0;
    border-radius: 0;
}

/* Dropdown bei Hover öffnen – nur Desktop (Bootstrap lg und größer) */
@media (min-width: 992px) {
  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0; /* verhindert "springen" */
  }

  /* Optional: sorgt dafür, dass ein Klick nicht "hängen bleibt" */
  .navbar .dropdown > .dropdown-toggle:active {
    pointer-events: none;
  }
}

@media (max-width: 768px) {

    .ms-table-responsive tr {
        display: block;
    }

    .ms-table-responsive td {
        display: block;
        width: 100%;
        max-width: 100% !important;
        text-align: center;
    }

        .ms-table-responsive td + td {
            margin-top: 15px;
        }
}


.RadWindow_Metro .rwTopLeft, .RadWindow_Metro .rwTopRight, .RadWindow_Metro .rwTitlebar, .RadWindow_Metro .rwTopResize {
    color: #fff;
    background: #396476 !important;
}

.list-item{
    margin-left: 25px;
    display:list-item;
    margin-bottom: 0px !important;
}