/* ====== CSS zu index.html (Radiologie Lippstadt) ====== 
   ====== weitere Dateien: variables.css, base.css ====== */


/* Hintergrund nur auf HOME anders */
#tab-home:checked ~ .views,
#tab-home:checked ~ .page-wrapper{
  background: var(--back-home);
}
/* =======================================
   1) Sichtbarkeit der Views
   ======================================= */

/* Standard: alle Views ausblenden */
.views > div {
  display: none;
}

/* Haupt-Tabs */
#tab-home:checked           ~ .views #view-home,
#tab-praxis:checked         ~ .views #view-praxis,
#tab-untersuchungen:checked ~ .views #view-untersuchungen,
#tab-vorsorge:checked       ~ .views #view-vorsorge,
#tab-stellen:checked        ~ .views #view-stellen,
#tab-faq:checked            ~ .views #view-faq,
#tab-links:checked      	 ~ .views #view-links,
#tab-datenschutz:checked    ~ .views #view-datenschutz,
#tab-impressum:checked      ~ .views #view-impressum,
#tab-datenschutz:checked    ~ .views #view-datenschutz,

/* Unterpunkte – Praxis */
#tab-leitbild:checked       ~ .views #view-leitbild,
#tab-raeume:checked         ~ .views #view-raeume,

/* Unterpunkte – Untersuchungen */
#tab-mrt:checked            ~ .views #view-mrt,
#tab-ct:checked             ~ .views #view-ct,
#tab-mammographie:checked   ~ .views #view-mammographie,
#tab-roentgen:checked       ~ .views #view-roentgen,
#tab-sonographie:checked    ~ .views #view-sonographie,
#tab-interventionell:checked~ .views #view-interventionell,
#tab-durchleuchtung:checked ~ .views #view-durchleuchtung,
#tab-kontrastmittel:checked ~ .views #view-kontrastmittel,
#tab-thrombektomie:checked  ~ .views #view-thrombektomie,
#tab-ki:checked             ~ .views #view-ki,

/* Unterpunkte – Vorsorge */
#tab-brust:checked          ~ .views #view-brust,
#tab-prostata:checked       ~ .views #view-prostata,
#tab-hirn:checked           ~ .views #view-hirn,
#tab-herz:checked           ~ .views #view-herz,
#tab-lunge:checked          ~ .views #view-lunge,
#tab-blutgefaesse:checked   ~ .views #view-blutgefaesse,
#tab-ganzkoerper:checked    ~ .views #view-ganzkoerper,
#tab-abrechnung:checked     ~ .views #view-abrechnung {
  display: block;
}


/* =======================================
   2) Aktive Tabs (Highlight)
   ======================================= */

/* ----- Desktop ----- */
#tab-home:checked              ~ .site-header .tabs-inner label[for="tab-home"],
#tab-praxis:checked            ~ .site-header .tabs-inner label[for="tab-praxis"],
#tab-untersuchungen:checked    ~ .site-header .tabs-inner label[for="tab-untersuchungen"],
#tab-vorsorge:checked          ~ .site-header .tabs-inner label[for="tab-vorsorge"],
#tab-stellen:checked           ~ .site-header .tabs-inner label[for="tab-stellen"],
#tab-faq:checked               ~ .site-header .tabs-inner label[for="tab-faq"],
#tab-links:checked        		 ~ .site-header .tabs-inner label[for="tab-links"],
#tab-impressum:checked         ~ .site-header .tabs-inner label[for="tab-impressum"],
#tab-datenschutz:checked       ~ .site-header .tabs-inner label[for="tab-datenschutz"],

/* Unterpunkte mappen auf Haupt-Tabs */
#tab-leitbild:checked          ~ .site-header .tabs-inner label[for="tab-praxis"],
#tab-raeume:checked            ~ .site-header .tabs-inner label[for="tab-praxis"],

#tab-mrt:checked               ~ .site-header .tabs-inner label[for="tab-untersuchungen"],
#tab-ct:checked                ~ .site-header .tabs-inner label[for="tab-untersuchungen"],
#tab-mammographie:checked      ~ .site-header .tabs-inner label[for="tab-untersuchungen"],
#tab-roentgen:checked          ~ .site-header .tabs-inner label[for="tab-untersuchungen"],
#tab-sonographie:checked       ~ .site-header .tabs-inner label[for="tab-untersuchungen"],
#tab-interventionell:checked   ~ .site-header .tabs-inner label[for="tab-untersuchungen"],
#tab-durchleuchtung:checked    ~ .site-header .tabs-inner label[for="tab-untersuchungen"],
#tab-kontrastmittel:checked    ~ .site-header .tabs-inner label[for="tab-untersuchungen"],
#tab-thrombektomie:checked     ~ .site-header .tabs-inner label[for="tab-untersuchungen"],
#tab-ki:checked                ~ .site-header .tabs-inner label[for="tab-untersuchungen"],

#tab-brust:checked             ~ .site-header .tabs-inner label[for="tab-vorsorge"],
#tab-prostata:checked          ~ .site-header .tabs-inner label[for="tab-vorsorge"],
#tab-hirn:checked              ~ .site-header .tabs-inner label[for="tab-vorsorge"],
#tab-herz:checked              ~ .site-header .tabs-inner label[for="tab-vorsorge"],
#tab-lunge:checked             ~ .site-header .tabs-inner label[for="tab-vorsorge"],
#tab-blutgefaesse:checked      ~ .site-header .tabs-inner label[for="tab-vorsorge"],
#tab-ganzkoerper:checked       ~ .site-header .tabs-inner label[for="tab-vorsorge"],
#tab-abrechnung:checked        ~ .site-header .tabs-inner label[for="tab-vorsorge"] {
  background: var(--highlight-1);
  color: var(--white);
}

/* ----- Mobile ----- */
@media (max-width: 768px) {
  #tab-home:checked              ~ .site-header .tabs-inner label[for="tab-home"],
  #tab-praxis:checked            ~ .site-header .tabs-inner label[for="tab-praxis"],
  #tab-untersuchungen:checked    ~ .site-header .tabs-inner label[for="tab-untersuchungen"],
  #tab-vorsorge:checked          ~ .site-header .tabs-inner label[for="tab-vorsorge"],
  #tab-stellen:checked           ~ .site-header .tabs-inner label[for="tab-stellen"],
  #tab-faq:checked               ~ .site-header .tabs-inner label[for="tab-faq"],
   #tab-links:checked     			~ .site-header .tabs-inner label[for="tab-links"],
  #tab-impressum:checked         ~ .site-header .tabs-inner label[for="tab-impressum"],
  #tab-datenschutz:checked       ~ .site-header .tabs-inner label[for="tab-datenschutz"],

  /* Unterpunkte → Haupt-Tab highlighten */
  #tab-leitbild:checked          ~ .site-header .tabs-inner label[for="tab-praxis"],
  #tab-raeume:checked            ~ .site-header .tabs-inner label[for="tab-praxis"],

  #tab-mrt:checked               ~ .site-header .tabs-inner label[for="tab-untersuchungen"],
  #tab-ct:checked                ~ .site-header .tabs-inner label[for="tab-untersuchungen"],
  #tab-mammographie:checked      ~ .site-header .tabs-inner label[for="tab-untersuchungen"],
  #tab-roentgen:checked          ~ .site-header .tabs-inner label[for="tab-untersuchungen"],
  #tab-sonographie:checked       ~ .site-header .tabs-inner label[for="tab-untersuchungen"],
  #tab-interventionell:checked   ~ .site-header .tabs-inner label[for="tab-untersuchungen"],
  #tab-durchleuchtung:checked    ~ .site-header .tabs-inner label[for="tab-untersuchungen"],
  #tab-kontrastmittel:checked    ~ .site-header .tabs-inner label[for="tab-untersuchungen"],
  #tab-thrombektomie:checked     ~ .site-header .tabs-inner label[for="tab-untersuchungen"],
  #tab-ki:checked                ~ .site-header .tabs-inner label[for="tab-untersuchungen"],

  #tab-brust:checked             ~ .site-header .tabs-inner label[for="tab-vorsorge"],
  #tab-prostata:checked          ~ .site-header .tabs-inner label[for="tab-vorsorge"],
  #tab-hirn:checked              ~ .site-header .tabs-inner label[for="tab-vorsorge"],
  #tab-herz:checked              ~ .site-header .tabs-inner label[for="tab-vorsorge"],
  #tab-lunge:checked             ~ .site-header .tabs-inner label[for="tab-vorsorge"],
  #tab-blutgefaesse:checked      ~ .site-header .tabs-inner label[for="tab-vorsorge"],
  #tab-ganzkoerper:checked       ~ .site-header .tabs-inner label[for="tab-vorsorge"],
  #tab-abrechnung:checked        ~ .site-header .tabs-inner label[for="tab-vorsorge"] {
    background: var(--highlight-2);
    color: var(--highlight-1);
  }
}