.fbd-portal{margin:0 auto;padding:10px 0;}
.fbd-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.fbd-company{margin:0 0 4px;font-size:28px;font-weight:800}
.fbd-sub{opacity:.8}
.fbd-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}
.fbd-kpi{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:12px;background:#fff}
.fbd-kpi-label{opacity:.8;font-size:14px}
.fbd-kpi-value{font-size:26px;font-weight:800;margin-top:2px}
.fbd-banner{border:1px solid rgba(245,158,11,.35);background:rgb(255 251 235);border-radius:12px;padding:1.5rem;margin:12px 0}
.fbd-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.fbd-card{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:1.5rem;background:#fff;margin: 12px 0;}
.fbd-card-head{margin-bottom:10px}
.fbd-card-head h3{margin:0 0 4px}
.fbd-card-sub{opacity:.8;font-size:15px}
.fbd-list{display:flex;flex-direction:column;gap:10px}
.fbd-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:17px 20px;background:#f8f8f8}
.fbd-row-title{font-weight:800; font-size: 18px;}
.fbd-row-sub{opacity:.8;font-size:14px}
.fbd-pill{background:rgba(34,197,94,.15);color:rgba(21,128,61,1);padding:0px 20px;border-radius:999px;font-weight:700;font-size:12px}
table .fbd-pill{padding: 5px 20px;}
.fbd-link{display:flex;align-items:center;justify-content:center;padding:5px 16px;border:1px solid rgba(0,0,0,.12);border-radius:7px;background:#fff;text-decoration:none;font-weight:800;margin-top:14px;color:#000;transition: all .2s;}
.fbd-link:hover{border-color: rgba(0,0,0,.22);background:#f8f8f8;color:#000}
.fbd-hint{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:22px 27px 11px;margin-top:10px}
.fbd-hint-blue{background:rgba(59,130,246,.06);border-color:rgba(59,130,246,.18)}
.fbd-hint-yellow{background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.25)}
.fbd-tag{display:inline-block;margin-top:8px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.05);font-size:12px;font-weight:700}
.fbd-btn{white-space:nowrap; padding: 10px 30px 10px 30px!important;}
@media(max-width:900px){.fbd-kpis{grid-template-columns:1fr 1fr}.fbd-grid2{grid-template-columns:1fr}}
.fbd-hint-cat{
  display:inline-block;
  font-size:12px;
  font-weight:800;
  padding:0px 10px;
  border-radius:7px;
    border: 1px solid rgba(0, 0, 0, 0.36);
    color: rgba(0, 0, 0, 0.66);
  margin-bottom:8px;
}

.fbd-hint-critical{background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.35); color: #8b1111;}
.fbd-hint-important{background:rgb(255 251 235);border-color:rgba(245,158,11,.35); color: #7a4f05;}
.fbd-hint-info{background:rgba(107,114,128,.10);border-color:rgba(107,114,128,.25)}
.fbd-hint p {font-size:14px; line-height:1.5; margin-top: 8px;}
.fbd-hint strong {font-size:16px; line-height:1.5;}
.fbd-kpi, .fbd-banner, .fbd-card {box-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);}

/* Verträge Seite – Tabellen & Mitarbeiterkarte */
.fbd-table-wrap{overflow:auto}
.fbd-table{width:100%;border-collapse:collapse}
.fbd-table th{font-size:13px;opacity:.7;text-align:left;padding:10px 8px;border-bottom:1px solid rgba(0,0,0,.08); border-right: none;font-weight: 500;box-shadow: none!important;}
.fbd-table td{padding:12px 8px;border-bottom:1px solid rgba(0,0,0,.06);vertical-align:top; text-align: left; border-right: none;border-top: 1px solid #e6e6e6 !important;}
.fbd-table tr:first-child td {box-shadow: none!important;}
.fbd-price-main{font-weight:800}
.fbd-price-sub{font-size:12px;opacity:.65;margin-top:2px}

.fbd-emp-card .fbd-emp-display{display:flex;align-items:center;gap:12px;margin-top:10px}
.fbd-emp-value{font-size:34px;font-weight:900;line-height:1}
.fbd-emp-label{opacity:.7;font-weight:700}
.fbd-emp-form{display:none;gap:8px;align-items:center;margin-top:10px}
.fbd-emp-form.is-open{display:flex}
.fbd-emp-form input{width:110px;padding:8px 10px;border:1px solid rgba(0,0,0,.15);border-radius:10px}

.fbd-conditions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}
.fbd-cond{border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:12px;background:#fff}
.fbd-cond-label{opacity:.65;font-size:13px}
.fbd-cond-value{font-weight:900;margin-top:4px}

.fbd-svg-icon {float: left; margin-right: 8px; margin-top: 2px;}

.fbd-card-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.fbd-company-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;margin-top:8px}
.fbd-field-label{opacity:.65;font-size:14px;margin-bottom:4px}
.fbd-field-value{font-weight:500;font-size:16px;line-height:1.2}
@media(max-width:900px){.fbd-company-grid{grid-template-columns:1fr}}

@media(max-width:900px){
  .fbd-conditions{grid-template-columns:1fr;}
}


/* My Account Navigation horizontal */
.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 100%;
  margin: 0 0 16px;
  background-color: unset !important;
}


.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-wrap: wrap;           /* bricht um bei kleineren Screens */
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
  justify-content: center;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a[aria-current="page"] {
  border-color: rgba(0,0,0,.25);
  box-shadow: 0 10px 25px rgba(0,0,0,.06);
  background-color: rgba(0, 0, 0, 0.10) !important;
}

/* Optional: den Content darunter auf volle Breite, falls dein Theme zwei Spalten erzwingt */
.woocommerce-account .woocommerce-MyAccount-content {
  float: none;
  width: 100%;
}

/* Optional: falls das Theme der Navigation feste Breite + float gibt */
.woocommerce-account .woocommerce-MyAccount-navigation {
  float: none;
}

.woocommerce .woocommerce-MyAccount-navigation ul li a:before {display: none!important;}





.fbd-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:10px}
.fbd-service-card{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:1.5rem;background:#fff;display:flex;flex-direction:column;gap:10px}
.fbd-service-title{font-weight:900;font-size:18px}
.fbd-service-price{margin-top:6px}
.fbd-service-total{font-weight:900;font-size:22px}
.fbd-service-add{margin-top:auto}

.fbd-active-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.fbd-active-card{border:1px solid rgba(34,197,94,.25);background:rgba(34,197,94,.06);border-radius:12px;padding:1.5rem;position:relative}
.fbd-active-card .fbd-pill{position:absolute;top:12px;right:12px}
.fbd-active-title {font-weight: 700; font-size: 18px; margin-bottom: 20px;}

.fbd-addon-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:10px 0}
.fbd-addon-row{display:flex;justify-content:space-between;gap:10px;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:10px 12px;background:#fff}
@media(max-width:900px){
  .fbd-service-grid{grid-template-columns:1fr}
  .fbd-active-grid{grid-template-columns:1fr}
  .fbd-addon-grid{grid-template-columns:1fr}
}



.fbd-svc-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.fbd-svc-card{
  display:block;
  padding:22px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  background:#fff;
  text-decoration:none;
  color:inherit;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.fbd-svc-card:hover{
  box-shadow:0 18px 45px rgba(0,0,0,.10);
  border-color:rgba(0,0,0,.14);
	color: #000 !important;
	text-decoration: none !important;
}

.fbd-svc-icon{
  width:56px;
  height:56px;
  border-radius:14px;
  background:#f4f5f7;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
  overflow:hidden;
}

.fbd-svc-icon-img{
  width:32px !important;
  height:32px !important;
  object-fit:contain;
}

.fbd-svc-title{
  font-weight:900;
  font-size:22px;
  margin-bottom:8px;
}

.fbd-svc-desc{
  opacity:.8;
  line-height:1.45;
  min-height:44px;
}

.fbd-svc-divider{
  height:1px;
  background:rgba(0,0,0,.06);
  margin:18px 0;
}

.fbd-svc-label{
  opacity:.6;
  font-weight:400;
  margin-bottom:6px;
}

.fbd-svc-price{
  font-size:23px;
  font-weight:700;
  line-height:1.05;
}

@media (max-width: 1000px){
  .fbd-svc-grid{grid-template-columns:1fr; gap:14px;}
}



.ow-cycle-btn {background: #fff; color: #555555;}
.ow-cycle-btn.is-active {border-color: rgba(0, 0, 0, 1); color: #000;background: #f9fafb;}
.ow-services {margin-top: 34px;    padding-top: 34px;    border-top: 1px solid rgba(0, 0, 0, .08);}


.hinweis-list {list-style: none !important; margin: 0!important;}
.hinweis-list li {display: flex;
    align-items: flex-start;
	gap: .5rem;}