/* =========================================
   Tabs v2 — formoline/tabs-v2
   ========================================= */

/* --- Nav --- */
.tabs-v2__nav {
    display: flex !important;
    flex-direction: row !important;
    list-style: none !important;
    margin: 0 !important;
	border-bottom: none !important;
	border: 2px solid var(--formoline-aqua-3) !important;
}

.tabs-v2__nav-item {
    margin: 0 !important;
	flex:1;
	border-right: 2px solid var(--formoline-aqua-3) !important;
}

.tabs-v2__nav-item:last-child {
  border-right: none !important; 
}

.tabs-v2__nav-btn {
    background: #ffffff;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    color: var(--formoline-aqua-2);
    font-family: 'Barlow', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    padding: 16px 32px !important;
    cursor: pointer !important;
    border-radius: 0 !important;
    transition: background 0.2s, color 0.2s !important;
	width:100%;
}

.tabs-v2__nav-btn.active,
.tabs-v2__nav-btn:hover {
    background: var(--formoline-aqua-2) !important;
    color: #ffffff !important;
    border: none !important;
}

.tabs-v2__nav-btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* --- Content area --- */
.tabs-v2__content {
    background: #ffffff !important;
    border: 2px solid var(--formoline-aqua-3) !important;
    border-top: none !important;
}

.tabs-v2__pane {
    padding: 48px !important;
}

/* --- Pane inner: icon left, text right --- */
.tabs-v2__pane-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 32px !important;
}

/* --- Icon --- */
.tabs-v2__image-wrapper {
    flex-shrink: 0 !important;
    width: 120px !important;
    height: 120px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.tabs-v2__image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

/* --- Text --- */
.tabs-v2__text {
    flex: 1 !important;
}

.tabs-v2__title {
    color: var(--formoline-aqua-2) !important;
    margin-bottom: 16px !important;
    font-weight: 400 !important;
}

.tabs-v2__body {
    font-size: 20px !important;
    line-height: 1.6 !important;
    color: var(--formoline-black) !important;
}

.tabs-v2__body p {
    color: var(--formoline-black) !important;
    font-size: 20px !important;
}

/* ===== ACCORDION (Mobile unter 1200px) ===== */
.tabs-v2__accordion-item {
  border: none !important;
  margin-bottom: 8px !important;
}
.tabs-v2__accordion-btn {
  background: var(--formoline-aqua-2) !important;
  color: #ffffff !important;
  font-family: 'Barlow', sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}
.tabs-v2__accordion-btn:not(.collapsed) {
  background: #ffffff !important;
  color: var(--formoline-aqua-2) !important;
  box-shadow: none !important;
}
.tabs-v2__accordion-btn::after {
  filter: invert(1);
}
.tabs-v2__accordion-btn:not(.collapsed)::after {
  filter: none;
}
.tabs-v2__accordion-body {
  background-color: #ffffff !important;
  margin-top: 8px !important;
  padding: 32px !important;
}
/* stack icon above text inside accordion panes */
.tabs-v2__accordion-body .tabs-v2__pane-inner {
  flex-direction: column !important;
  align-items: center !important;
}

.tabs-v2__app-teaser {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    background: var(--formoline-aqua-light, #e6f4f6) !important;
    border-radius: 8px !important;
    padding: 16px 20px !important;
    margin-top: 24px !important;
}
.tabs-v2__app-teaser-icon {
    width: 48px !important;
    height: 48px !important;
    flex-shrink: 0 !important;
    object-fit: contain !important;
}
.tabs-v2__app-teaser-text {
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    color: var(--formoline-aqua-2) !important;
}
.tabs-v2__app-teaser-text strong {
    font-weight: 700 !important;
    color: var(--formoline-aqua-2) !important;
}

/* ===== RESPONSIVE (under 992px, also applies inside accordion) ===== */
@media (max-width: 991px) {
  .tabs-v2__pane-inner {
    flex-direction: column !important;
    align-items: center !important;
  }
  .tabs-v2__image-wrapper {
    width: 80px !important;
    height: 80px !important;
  }
  .tabs-v2__text {
    width: 100% !important;
  }
  .tabs-v2__pane {
    padding: 32px 24px !important;
  }
}