/*================================================================
  TYPO3 – Full Stack Automation  |  Global CSS (komplett angepasst)
  Hauptfarben:  Footer/Background  #212431   •   Primär #26989A
                Standard-Text       #BCBCBC
================================================================*/

/*************** 1) FONTS *****************************************/
@font-face{
  font-family:'Eina03-Bold';
  font-style:normal;
  font-weight:700;
  /* Dateien liegen jetzt in fileadmin/src/fonts/Eina03/ */
  src:url('/fileadmin/src/fonts/Eina03/eina-03-bold.woff2') format('woff2'),
      url('/fileadmin/src/fonts/Eina03/eina-03-bold.ttf')  format('truetype');
}

/*************** 2) BASICS *****************************************/
html,body{font-family:Verdana,Arial,Helvetica,sans-serif;color:#212424;background:#ffffff}
.form-control::placeholder{color:#bdbdbd;font-size:12px}

/*************** 3) NAVIGATION *************************************/
/* Hintergrund per Header-Style im Template fixiert */
#mainNav .navbar-brand{margin-left:0.25rem}            /* Logo noch weiter links */
#mainNav .navbar-nav{margin-left:auto}
#mainNav .navbar-nav .nav-link{
  font-family:'Eina03-Bold',Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  color:#fff;
  font-size:1.1rem;      /* größer */
  font-weight:700;       /* Eina Bold */
  letter-spacing:1px;
  padding:.75em 0;
  text-transform:uppercase;
  background:none!important;
  border:none!important;
  transition:color .2s;
}
#mainNav .navbar-nav .nav-link:hover,
#mainNav .navbar-nav .nav-link.active{color:#26989A}
#mainNav .navbar-toggler .navbar-toggler__line{background:#BCBCBC}

/*************** 4) BUTTONS ****************************************/
.btn-primary,.btn-warning{background:#26989A;border-color:#26989A;color:#fff}
.btn-primary:hover{background:#1f7f81;border-color:#1f7f81}
.btn-gray{background:#eaeaea;border-color:#ccc;color:#000}
.btn-gray:hover,.btn-gray:focus{background:#d7d7d7}

/*************** 5) TABLES / DATATABLES ****************************/
.ns-ext-datatable .thead-light tr th,
.ns-ext-datatable tbody tr td{color:#BCBCBC;padding-left:15px}
.ns-ext-datatable.table>thead>tr>th{font-weight:700;padding:10px 0;color:#BCBCBC}
.dataTables_paginate .paginate_button{border:1px solid #bdbdbd;color:#26989A}
.dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button:hover{background:#26989A;color:#fff}

/*************** 6) DASHBOARD / CARDS ******************************/
.dashboard-block{background:#212431;box-shadow:-2px 2px 6px #000;margin-bottom:30px;color:#BCBCBC}
.dashboard-block .dashboard-block-head,
.dashboard-block-content{padding:20px 15px;border-top:1px solid #444}
.custom-card{border-color:#212431;border-radius:2px 2px 0 0;background:#212431;box-shadow:none;margin-bottom:30px}
.custom-card .card-header{background:#212431;padding:10px 20px;display:flex;align-items:center;justify-content:space-between}
.custom-card .card-header h5{color:#BCBCBC;font-size:14px;font-weight:700;margin:0}
.custom-card .card-body{padding:30px 20px;color:#BCBCBC}

/*************** 7) LISTS & ICONS *********************************/
.list-with-symbol li{position:relative;padding-left:25px;font-size:14px;font-style:italic;color:#BCBCBC}
.list-with-symbol li em.fa,
.list-with-symbol li i.fa,
.list-with-symbol li span.fa{position:absolute;left:0;top:50%;transform:translateY(-50%);color:#26989A;font-size:16px}
.ns-plugin-list-wrap li a,
.ns-ext-support-block a h5{color:#BCBCBC;text-decoration:none}
.report-block-icon em.fa{color:#26989A;font-size:42px}

/*************** 8) FORMS *****************************************/
.ns-ext-form .form-control{border:1px solid #212431;border-radius:2px;height:32px;padding-left:15px;color:#BCBCBC;background:#212431}
.ns-ext-form .form-control:focus{border-color:#26989A;box-shadow:none}
.ns-ext-form .custom-checkbox .custom-control-input:checked~.custom-control-label::before{background:#26989A}
.ns-ext-form .custom-radio .custom-control-input:checked~.custom-control-label::after{background:#26989A}

/*************** 9) COLOR HELPERS *********************************/
.bg-primary{background:#26989A!important;color:#fff}
.text-primary{color:#26989A!important}
.text-muted{color:#8a8a8a!important}

/*************** 10) MISC *****************************************/
hr{border-color:#444}
fieldset{border:1px solid #444}
.module-loading-indicator,
.module-docheader.t3js-module-docheader{display:none!important}

/* Ende der globalen angepassten Styles */

/*************** 11) LOGO Sichtbarkeit ***************************/
#mainNav .navbar-brand img{height:40px;width:auto;display:block}