/* ============================================================================
   Projekt: IDZ DMS-6 – Globales Stylesheet (sortiert & kommentiert)
   Datum: 2025-10-13
   Hinweis:
   - Struktur nach Sektionen gegliedert (Variablen, Reset/Grundlayout, Typografie,
     Utilities, Layout-Container, Tabs, Komponenten/Boxen, Dashboard/Plots, Tabellen,
     Publikationen, Presse, Leitung, Kontakt, Modals, Intro.js Tooltip, Sonstiges).
   - Bestehende Werte wurden beibehalten; offensichtliche Dopplungen/Konflikte sind
     mit TODO-Kommentaren markiert, aber funktional unverändert.
   - Für bessere Wartbarkeit wurden zusammengehörige Selektoren gruppiert.
   ============================================================================ */

/* ============================================================================
   1) CSS-Variablen (Theme)
   ============================================================================ */
:root {
  --main-bg-color: #ECF0F5;
  --header-color: #2D58BF;
  --active-color: #ed7003;
  --border-color: #ed7003;
  --shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

/* ============================================================================
   2) Reset & Grundlayout (html/body, Bilder, Scrollbar)
   ============================================================================ */
html, body {
  margin: 0;
  padding: 0;
  width: 100vw; /* volle Breite */
  background-color: var(--main-bg-color);
  font-size: 1.0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  scrollbar-width: thin;
  scrollbar-color: #666 #eee
}


.skin-blue{
  min-height: unset !important;
}

/* Bilder – Standard-Effekt */
img {
  border-radius: 12px;
  box-shadow: var(--shadow);
}

/* Bilder – ohne Effekt */
img#no_effekt {
  border-radius: 0;
  box-shadow: none;
}

img#no_effekt_2 {
  border-radius: 0;
  box-shadow: none;
}

/* ============================================================================
   3) Typografie (Überschriften, mobile Varianten)
   ============================================================================ */
.mobile_h1 { display: none; text-align: center; }
.mobile_presse { display: none; }

h1 {
  color: var(--header-color);
  font-size: 2.4rem;
  border-bottom: 1px solid #dfdfdf;
}

h2 {
  color: var(--header-color);
  font-size: 1.6em;
  margin: 0 0 10px 0;
}

h3 {
  color: #2d58bf;
  margin: 0 0 10px 0;
}
h4 {
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  font-size: 1.0rem;
}

/* ============================================================================
   4) Utility-Klassen (kleine, wiederverwendbare Helfer)
   ============================================================================ */
.box-shadow { box-shadow: var(--shadow); }
.border-radius-20 { border-radius: 12px; }
.bg-active-color { background-color: var(--active-color); }
.row { margin-right: 0; margin-left: 0; }

/* ============================================================================
   5) Wrapper/Layout (AdminLTE skin-blue etc.)
   ============================================================================ */
.skin-blue .wrapper {
  background-color: var(--main-bg-color);
  width: 100vw;
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
}

.skin-blue .content-wrapper {
  margin: 16px 10px 10px 15.1vw;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 4.87vh); /* dynamische Höhe */
  background-color: #fff;
  border-radius: 12px;
  box-shadow: var(--shadow);
  background-image: url(csm_Logo_IDZ_HKS_mitUnterzeile-kurz_776db31b8e.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 30px) calc(0% + 20px);
  background-size: 140px 50px;
}

.skin-blue .content-wrapper .content { margin: 0; padding: 15px; height: 100vh; }
.skin-blue .content-wrapper .content .tab-content { margin: 0; padding: 0; height: calc(100% - 30px); }

/* Allgemeine Container-Volldimensionen */
.content-wrapper .content .tab-content .tab-pane { height: 100%; }
.content-wrapper .content .tab-content .container-fluid { width: 100%; height: 100%; padding-right: 0; padding-left: 0; }

/* ============================================================================
   6) Tabs/Navigationsleisten
   ============================================================================ */
.content-wrapper .content .tab-content .tab-pane .container-fluid .tabbable { width: 100%; height: 100%; }

.content-wrapper .content .tab-content .tab-pane .container-fluid .tabbable .nav-tabs { transition: background-color 0.3s ease; }

.content-wrapper .content .tab-content .tab-pane .container-fluid .tabbable .nav-tabs li {
  width: 20%;
  background-color: var(--header-color);
  border-radius: 12px;
  margin: 10px 5px 10px 5px;
}

.content-wrapper .content .tab-content .tab-pane .container-fluid .tabbable .nav-tabs li a {
  width: 100%;
  border-radius: 12px;
  color: white;
}

.content-wrapper .content .tab-content .tab-pane .container-fluid .tabbable .nav-tabs li a:hover,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.content-wrapper .content .tab-content .tab-pane .container-fluid .tabbable .nav-tabs li a:focus {
  background-color: var(--active-color);
  border-radius: 12px;
}

/* ============================================================================
   7) Download- & Link-Boxen (Home, Publikationen, DMS6)
   ============================================================================ */
.download_box,
.dms6_download_box,
.home_download_box,
.publikation_download_box,
.publikation_download_box_single,
.publikation_download_box_home,
.publication_download_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 1px; /* Hinweis: dekorativ, ohne Stil/Color */
  border-radius: 12px;
  padding: 10px;
  background-color: rgb(236, 240, 245);
  box-shadow: var(--shadow);
}

.download_box { justify-content: center; width: 100%; }
.download_box img { margin-bottom: 10px; }
.download_box div { margin: 0; }

.home_download_box { width: 250px; height: 400px; margin: 0 5px; justify-content: center; }
.dms6_download_box { width: 235px; height: 310px; margin: 0 20px 0 0; justify-content: center; }

.publikation_download_box,
.publikation_download_box_single { width: 285px; height: max-content; margin: 10px 5px; background-color: rgb(245, 245, 245); }
.publikation_download_box_home { width: 350px; height: max-content; margin: 10px 5px 1% 5px; background-color: rgb(245, 245, 245); }

/* Gemeinsame Bildabstände in Boxen */
.home_download_box img,
.publikation_download_box_home img,
.publikation_download_box img,
.publikation_download_box_single img { margin: 0 0 10px 0; }

/* Link-/Button-Zeilen in Boxen */
.link_box { display: flex; width: 100%; margin-right: 10px; }
.link_box a { flex: 0 0 75%; margin: 0; }
.link_box button { flex: 1 2 25%; height: 35.5px; width: 10px !important; min-width: 0 !important; margin-left: 5px !important; text-align: center;}

.download_box h2,
.studienplan_download_box_weitere h2 { border-bottom: 1px solid #dfdfdf; padding-bottom: 5px; font-size: 1.3em; width: 100%; }

.home_download_box a,
.publikation_download_box a,
.publikation_download_box_home a,
.publikation_download_box_single a { display: flex; width: 100%; margin: 20px 0 0 0; height: 35.5px; align-items: center; }

.home_download_box a .svg_text,
.publikation_download_box a .svg_text,
.publikation_download_box_home a .svg_text,
.publikation_download_box_single a .svg_text { flex: 0 0 15%; text-align: center; }

.home_download_box .btn,
.publikation_download_box .btn,
.publikation_download_box_home .btn,
.publikation_download_box_single .btn { margin: 5px 0 0 0; }

/* Download-Textflächen */
.download_text { flex: 0 0 85%; text-align: left; color: white; padding: 9px 5px 5px 5px; border-radius: 12px; }

/* ============================================================================
   8) DMS-6 spezifische Container
   ============================================================================ */
#tooltip { display: none; }

section.startseite-section h3 {
  margin-top: 1.8rem;
}
.startseite-section ul {
  margin-left: 1.5rem;
  line-height: 1.5;
}

.studieplan_manu_home { display:flex; align-items: center; justify-content: center; height: 100%; }

.dms_6_container { margin: 0 0 0 20px; height: 100%; }
.dms_6_Title { border-color: #dfdfdf; border-bottom-width: 1px; }
.dms_6_container #keine_Anzeige { display: none; }

.info_container { height: calc(100% - 50px); }
.class_einleitung { height: 50%; }

.dms_6_sub { display: flex; margin: 20px 0 0 0; height: calc(100% - 50px); }
.dms_6_text { flex: 1 0 40%; margin: 0 10px 0 0; overflow: auto}

.dms_6_logo { margin: auto 0 0 0; opacity: 0.4; display: flex; align-items: flex-end; height: 70%; }
.dms_6_logo div { display: flex; justify-content: flex-end; }

.fixed-bottom .col-sm-4 { width: 100%; padding: 0; }

.einleitung_2 { flex: 0 1 50%; margin: 0 0 0 20px; height: 100%; }

/* ============================================================================
   9) Studienplan (Container & Boxen)
   ============================================================================ */
.studienplan_main { margin: 0 0 0 20px; display: flex; flex-direction: column; gap: 16px; height: max-content; }

.studienplan_box1 { display: flex; margin: 0 0 10px 0; height: calc(100% - 50px); }
.studienplan_subcontainer { margin: 0 0 auto 20px; }
.studieplan_manu { display: flex; margin: 0 0 10px 0; }
.studieplan_manu_2 { display: flex; margin: 10px 0 20px 0; }

.studienplan_download_box { display: flex; flex-direction: column; align-items: center; border-top: 1px; width: 300px; height: 350px; border-radius: 12px; padding: 10px; margin: 0 20px; justify-content: center; background-color: rgb(236, 240, 245); box-shadow: var(--shadow); }

.studienplan_download_box h2 { border-bottom: 1px solid #dfdfdf; padding-bottom: 5px; }

.studienplan_download_box a { display: flex; width: 100%; margin: 15px 0 0 0; height: 37.5px; align-items: center; }
.studienplan_download_box a .svg_text { flex: 0 0 15%; text-align: center; }

.studienplan_download_box_weitere { border-top: 1px; width: 100%; height: max-content; border-radius: 12px; padding: 10px; background-color: rgb(236, 240, 245); box-shadow: var(--shadow); margin: 10px 5px 0 5px; }
.studienplan_download_box_weitere a { display: flex; width: 100%; margin: 15px 0 0 0; height: 35.5px; align-items: center; margin-top: 5px; margin-left: 0; }
.studienplan_download_box_weitere a .svg_text { flex: 0 0 15%; text-align: center; }
.studienplan_download_box_weitere a .download_text { flex: 0 0 85%; text-align: left; }

/* ============================================================================
   10) Ziel der Studie (Info & Infografik)
   ============================================================================ */
.ziel_der_studie_main { margin: 0 0 20px 20px; display: flex; flex-direction: column; height: 100%; }
.info_text { flex: 0 1 33%; overflow: auto; }

.ziel_container { display: flex; margin: 20px 0 0 0; justify-content: flex-start; width: 100%; height: calc(100% - 60px); }

.infografik { width: 100%; margin-bottom: auto; height: 70vh; justify-content: center; display: flex; }
.infografik img { width: auto; height: auto; padding: 5px; }

#infografik_ziele { margin: auto 10px auto 50px; }
#infografik_ziele img { padding: 5px; background-color: var(--main-bg-color); box-shadow: var(--shadow); border-radius: 12px; margin-left: 10px; height: auto; width: 100%; }

#querschnitt { color: #ed7003; }
#trend { color: #1266A6; }
#laengsschnitt { color: #33B9BA; }

/* ============================================================================
   11) Expertenkreis / Forschungsbereich
   ============================================================================ */
.expertenkreis_forschungsbereich {
  width: 100%;
  height: 100%;
  background: #ecf0f5;
  padding: 15px;
  box-sizing: border-box;
  border-radius: 12px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  margin: 10px 0;
}

.expertenkreis_main { margin: 20px 0 20px 20px; display: flex; flex-direction: column; gap: 16px; height: max-content; }
.expertenkreis_spalte { margin: 0 15px 0 0; }
.expertenkreis_container { border-top: 1px; border-color: #dfdfdf; display: flex; margin: 0 0 0 30px; height: calc(100% - 50px); }

.expertenkreis_text { width: 66%; overflow: auto; margin-right: 25px; }

.skin-blue .content-wrapper .content .tab-content .image-container img { position: relative; background-color: var(--main-bg-color); box-shadow: var(--shadow); border-radius: 12px; }

#image-container_experte { margin: auto 0; display: flex; width: 100%; height: auto; }
#image-container_experte img { padding: 5px; width: 100%; height: auto; background-color: var(--main-bg-color); box-shadow: var(--shadow); border-radius: 12px; }

/* ============================================================================
   12) Dashboard (Filter, Panels) & Plot-Bereiche
   ============================================================================ */
#plot_choice_dash,
#plot_choice_dash_ero_mih,
#plot_choice_dash_mig { margin-left: 10px; display: flex; width: 400px; }

.form-group { margin: 0; }

.tab-pane.dash .row { overflow: auto; height: 100%; }

#plot_choice_dash_mih_ero-label,
.plot_choice_dash-label { margin: 10px 0 5px 5px; }

label { margin: 10px 0; }

.image-container { display: flex; align-items: center; justify-content: center; width: 100%; }

.shiny-panel-conditional { height: max-content; margin: 0 0 10px 0; }

.shiny-image-output .shiny-bound-output { flex-grow: 1; display: flex; justify-content: center; align-items: center; width: auto; height: auto; }

.radio_dash { background-color: #ecf0f5; box-shadow: var(--shadow); border-radius: 12px; margin: 0 0 10px 0; padding: 10px; width: 500px; }

.image-container .action-button { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; touch-action: manipulation; background-image: none; line-height: 1.42857143; min-width: 40px; width: 40px; z-index: 10; }

.shiny-image-output img { max-width: 100%; max-height: 100%; }

.nav-button { background-color: #007bff; color: white; border: none; padding: 10px 15px; border-radius: 12px; cursor: pointer; font-size: 16px; }
.nav-button:hover { background-color: #0056b3; }

.tab-pane.dash .row .col-sm-8 { width: calc(66.6% - 10px); height: calc(100% - 15px); margin: 10px 10px 0 0; padding: 10px; background-color: var(--main-bg-color); box-shadow: var(--shadow); border-radius: 12px; align-content: center; }

.tab-pane.dash .row .col-sm-2 { width: 33.4%; height: calc(100% - 15px); padding: 10px; margin: 10px 0 0 0; background-color: var(--main-bg-color); box-shadow: var(--shadow); border-radius: 12px; overflow: auto; }

.Schlussfolgerungen_box,
.Ergebnisse_box { background-color: white; padding: 5px; border-radius: 12px; box-shadow: var(--shadow); height: 100%; }

/* Plot-Container */
.introjs-tooltip { max-width: max-content; min-width: 600px; }
.introjs-tooltip-header {
  background-image: url(csm_Logo_IDZ_HKS_mitUnterzeile-kurz_776db31b8e.png);
  background-repeat: no-repeat;
  background-position: calc(0% + 15px) calc(0% + 20px);
  background-size: auto 70%;
  height: 7vh;
}
.introjs-skipbutton { font-size: 1.0rem; }

.btn_sdt a { margin-top: 10px; }

.teaser { height: calc(100% - 61px); display: flex; justify-content: center; align-items: center; }

.content-wrapper .content .tab-content .container-fluid .row.plot { height: calc(100% - 20px); margin-top: 10px; }

.content-wrapper .content .tab-content .container-fluid .row.plot .col-sm-2 .well { height: calc(100% - 10px); display: flex; flex-direction: column; overflow: auto;}

.content-wrapper .content .tab-content .container-fluid .row.plot .col-sm-2 { width: 25%; height: 100%; padding: 10px 10px 0 10px; background-color: var(--main-bg-color); border-radius: 12px; box-shadow: var(--shadow); }

.content-wrapper .content .tab-content .container-fluid .row.plot .col-sm-10 { width: calc(75% - 10px); height: 100%; margin-left: 10px; background-color: var(--main-bg-color); border-radius: 12px; box-shadow: var(--shadow); }

.content-wrapper .content .tab-content .container-fluid .row.plot .col-sm-10 div.row { margin: 10px 0; width: 100%; height: calc(100% - 20.5px); }

.content-wrapper .content .tab-content .container-fluid .row.plot .col-sm-10 .row_plot_frame { height: 100%; }
.content-wrapper .content .tab-content .container-fluid .row.plot .col-sm-10 .row_plot_frame div { height: 100%; }

.content-wrapper .content .tab-content .container-fluid .row.plot .col-sm-12 { width: 100%; height: 100%; }

.plot_stat { margin-top: 5px; }
.plot_stat button { margin: 5px 0; }
.toggle_axis { margin: 10px 0 0 0; }

.plot_info { margin-top: 10px; display: flex; height: max-content; }
.plot_info :nth-child(1) { flex: 1 1 74%; margin: 0 5px 0 0px; }
.plot_info :nth-child(2) { flex: 1 1 10%; padding-left: 15px; padding-right: 10px; margin-right: 4px; margin-left: 5px; }
.plot_erweitert{margin-top: auto;}
.plot_ag,
.plot_stat_extend { border: 1px solid #ccc; padding: 10px; margin-top: 20px; margin-bottom: 10px; background-color: white; border-radius: 5px; }
.plot_stat_extend div{ margin-bottom:5px}
.plot_extend { border: 1px solid #ccc; padding: 10px; margin-top: auto; background-color: white; border-radius: 5px; }
.plot_ag .info_label{
  display: inline-block;
  max-width: 100%;
  font-weight: 700;
}
/* Plot-Ausgabe */
.shiny-plot-output #dash_plot_1 { height: 100%; }

.continuous_stat { margin-top: 10px; border: 1px solid #ccc; padding: 5px; background-color: #fff }
.continuous_stat .shiny-input-radiogroup { flex: 0 0 50%; }

/* ============================================================================
   13) Tabellenbereich (Table Views)
   ============================================================================ */
.text_stat { height: 0; }

#update_table_karies,
 #update_table_paro,
 #update_table_proth,
 #update_table_mih,
 #update_table_ero,
 #update_table_mund{ background: #63b006; }

#btn_info_table { flex: 0 0 10%;}

.table_info { display: flex; flex: 0 0 33%; margin: 0 5px; }

.erklearung_table_test { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 24px; font-weight: bold; text-align: center; background-color: rgb(45, 88, 191); padding: 10px; border-radius: 12px; }

.content-wrapper .content .tab-content .container-fluid .row.table { height: calc(100% - 20px); margin-top: 10px; }
.content-wrapper .content .tab-content .container-fluid .row.table .col-sm-2 .well { height: calc(100% - 10px); overflow: auto; }

.content-wrapper .content .tab-content .container-fluid .row.table .col-sm-2 { width: 25%; height: 100%; padding: 10px 10px 0 10px; background-color: var(--main-bg-color); border-radius: 12px; box-shadow: var(--shadow); }

.content-wrapper .content .tab-content .container-fluid .row.table .col-sm-10 { width: calc(75% - 20px); height: 100%; margin-left: 10px; background-color: var(--main-bg-color); border-radius: 12px; box-shadow: var(--shadow); padding: 0; }

.content-wrapper .content .tab-content .container-fluid .row.table .col-sm-12 { width: 100%; height: 100%; }

.btn-group-container-sw { display: flex; flex-wrap: wrap; }

.btn_sdt { width: 100%; margin-top: 10px; padding-right: 0; margin-left: auto; margin-right: auto; }

.btn-group { flex: 1 0 50%; padding: 5px 10px; }

.plot_table_output_table button ,
.table_info button{
  margin: 0px 5px 0px 5px;
}

/* Mehrfachauswahl: Chip-/Checkbox-Optik */
.btn-group-container-sw .btn {
  text-align: left;             /* besser als zentriert */
  min-height: 44px;             /* Klickfläche */
  white-space: normal;          /* mehrzeilig erlauben */
  line-height: 1.2;
}

/* Hover/Focus deutlicher */
.btn:focus-visible {
  outline: 3px solid #0a84ff;
  outline-offset: 2px;
}

/* Aktiver Toggle: falls Orange bleibt -> dunkler Text für Kontrast */
.btn.active {
  background-color: #ed7003;
  color: #111;                  /* statt weiß -> besserer Kontrast */
}

/* Optional: kleine Unterzeile im Button (Definition) */
.btn .sub {
  display: block;
  font-size: 0.85em;
  opacity: 0.9;
}

/* ============================================================================
   14) Buttons (global & publikationsspezifisch)
   ============================================================================ */
.btn,
.btn-publikation,
.btn.datenschutz {
  appearance: none;
  background-color: var(--header-color);
  color: white;
  white-space: normal;
  font-size: 0.9em;
  cursor: pointer;
  border: none;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.btn { /* Standard-Button */
  padding: 6px 12px;
  width: 99%;
  height: 45px;
  border-radius: 3px;
  box-shadow: none;
  display: inline-block;
  font-weight: 400;
  text-align: left;
  vertical-align: middle;
  line-height: 1.42857143;
  user-select: none;
}

.btn-publikation { /* Publikations-Button */
  width: 99%;
  height: 40px;
  align-content: center;
}

.btn.datenschutz { /* Datenschutz-Button */
  margin: 5px 0;
  font-size: 17px;
  padding: 10px;
  width: 100%;
  height: 50px;
}

[aria-labelledby="plot_radio_altersgruppen_karies-label"],
[aria-labelledby="plot_radio_altersgruppen_paro-label"],
[aria-labelledby="plot_radio_altersgruppen_proth-label"],
[aria-labelledby="plot_radio_altersgruppen_ero-label"],
[aria-labelledby="plot_radio_altersgruppen_mih-label"],
[aria-labelledby="plot_radio_altersgruppen_mund-label"],
[aria-labelledby="karies_table_radio_altersgruppen-label"],
[aria-labelledby="paro_table_radio_altersgruppen-label"],
[aria-labelledby="proth_table_radio_altersgruppen-label"],
[aria-labelledby="ero_table_radio_altersgruppen-label"],
[aria-labelledby="mih_table_radio_altersgruppen-label"],
[aria-labelledby="mund_table_radio_altersgruppen-label"]{
display: block;
}


[aria-labelledby="proth_table_ycol-label"]  .btn {
height: 95px;
}

[aria-labelledby="mih_table_ycol-label"]  .btn {
height: 60px;
}

[aria-labelledby="ero_table_ycol-label"]  .btn {
height: 85px;
}

[aria-labelledby="karies_table_ycol-label"]  .btn {
height: 85px;
}

[aria-labelledby="paro_table_ycol-label"]  .btn {
height: 95px;
}

[aria-labelledby="mund_table_ycol-label"]  .btn {
height: 65px;
}


.btn:focus { background-color: #2D58BF; color: white; }
.btn:hover { background-color: #ed7003; color: white; }
.btn:active { background-color: #ed7003; color: white; transform: scale(1.05); }
.btn.active,
.btn.active:hover,
.btn.active:focus { background-color: #ed7003; color: white; transform: scale(1.05); }

/* ============================================================================
   15) Publikation (Seitenaufbau, Zitation, Abstract)
   ============================================================================ */
.select_div_pub { margin: 0 0 10px 0; justify-content: center; }
#plot_choice_pub-label { margin: 0 0 0 10px; }
#plot_choice_pub { display: flex; border-bottom: 1px solid #ddd; width: 400px; }

.vertikal{
      display: none;
}

.abstact_text { display: flex; }

.content-wrapper .content .tab-content .container-fluid .row.publi {display: block;}

.content-wrapper .content .tab-content .container-fluid .row.publi { height: calc(100% - 10px); margin: 10px 0 0 0; }
.content-wrapper .content .tab-content .container-fluid .row.publi .col-sm-2 .well { height: calc(100% - 10px); }

.content-wrapper .content .tab-content .container-fluid .row.publi .col-sm-2 { width: 33%; height: 100%; padding: 10px 10px 0 10px; background-color: var(--main-bg-color); border-radius: 12px; box-shadow: var(--shadow); display: flex; flex-direction: row; align-items: center; text-align: center; }

.content-wrapper .content .tab-content .container-fluid .row.publi .col-sm-10 { width: 66%; height: 100%; margin: 0 0 0 10px; background-color: var(--main-bg-color); border-radius: 12px; box-shadow: var(--shadow); }

.content-wrapper .content .tab-content .container-fluid .row.publi .col-sm-10 div { border-radius: 12px; }

.publication { display: flex; flex-direction: row; margin: 10px auto 0 auto; justify-content: center; }
.flex_richtung { flex-direction: column; width: 100%; height: 100%; }

.publication_download_box { width: 250px; height: 310px; border-radius: 12px; padding: 10px; background-color: rgb(242, 242, 242); box-shadow: var(--shadow); margin: 0 0 20px 0; }

.plot_table_output { background-color: #fff; border-radius: 12px; box-shadow: var(--shadow); height: calc(100% - 76.9%); padding-right: 15px; }

.zitierung { display: flex; }

.zitierung_text,
.zitierung_text-button { background-color: white; margin: 15px 0 10px 0; padding: 5px 10px; box-shadow: var(--shadow); }
.zitierung_text { height: 116px; }
.zitierung_text-button { display: none; justify-content: center; align-items: center; }

.abstract { background-color: white; padding: 5px 10px; margin: 10px 0; height: calc(100% - 20px); box-shadow: var(--shadow); overflow: auto; }

.abstact_text div { margin: 0 5px; flex: 1 0 40%; }

#citation_karies_ausgabe,
#citation_paro_querschnitt_ausgabe,
#citation_paro_trend_ausgabe,
#citation_andere_mih_ausgabe,
#citation_andere_erosionen_ausgabe,
#citation_mundhygiene_ausgabe,
#citation_proth_ausgabe,
#citation_mig_querschnitt_ausgabe,
#citation_mig_assoziation_ausgabe,
#citation_rauchen_ausgabe,
#citation_zucker_ausgabe,
#citation_herz_ausgabe,
#citation_senior_ausgabe {
  white-space: pre-wrap;
  word-wrap: break-word;
  max-width: 100%;
  overflow-wrap: break-word;
  line-height: 1.5;
  font-family: "Arial", sans-serif;
}

/* ============================================================================
   16) Presse-Bereich
   ============================================================================ */
.content-wrapper .content .tab-content .container-fluid .row.presse { height: calc(100% - 43px); margin-top: 10px; }
.content-wrapper .content .tab-content .container-fluid .row.presse h1 { display: flex; justify-content: center; }

.content-wrapper .content .tab-content .container-fluid .row.presse .col-sm-2 { width: 16%; height: 100%; padding: 10px 10px 0 10px; background-color: var(--main-bg-color); border-radius: 12px; box-shadow: var(--shadow); overflow: auto; }

.presse-themen button { min-width: 120px; margin: 5px 5px; }
.presse-themen .btn:hover { background-color: #ed7003; color: white; }
.presse-themen .btn.active:focus { background-color: #ed7003; color: white; }

.content-wrapper .content .tab-content .container-fluid .row.presse .col-sm-10 { width: calc(84% - 20px); height: 100%; margin-left: 10px; padding: 0 10px 10px 10px; background-color: var(--main-bg-color); border-radius: 12px; box-shadow: var(--shadow); overflow-y: auto; }

.presse-div { background-color: white; margin: 20px 0 0 0; padding: 10px 10px 10px 0; border-radius: 12px; width: 100%; }
.presse_buttons { margin: 5px 0 0 0; display: flex; }
.presse_buttons a { height: 45px;}
.presse-div h2 { border-bottom: 1px solid #dfdfdf; margin-left: 10px; margin-top: 20px; }

.presse_container { display: flex; flex-wrap: wrap; gap: 15px; margin: 15px 0; justify-content: center; }

.presse_mitteilung_link { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; justify-items: end; margin-left: 15px; width: 100%; }
.presse_mitteilung_link .btn_sdt { width: 80%; }

.plot_presse { padding: 10px; border-radius: 12px; box-shadow: var(--shadow); background-color: rgb(236, 240, 245); margin: 0 0 0 10px; width: calc(50% - 30px); min-width: 300px; text-align: center; height: fit-content; }

.plot_presse_presse,
.plot_presse_podcast { padding: 10px; border-radius: 12px; box-shadow: var(--shadow); background-color: rgb(236, 240, 245); margin: 0 0 0 10px; width: 100%; min-width: 165px; text-align: center; height: fit-content; display: flex; }

.plot_presse_presse img { margin: auto 0; }

.plot_presse_presse div a { display: flex; width: 100%; margin: 15px 0 0 0; height: 40px; align-items: center; }
.plot_presse_presse div a .svg_text { flex: 0 0 10%; text-align: center; }
.plot_presse_presse div a .svg_text svg { display: block; }
.plot_presse_presse div a .download_text { flex: 0 0 85%; text-align: left; }

.plot_presse button,
.plot_presse a { margin: 0px 5px 0px 0px; }#download_infografik


/* ============================================================================
   17) Leitung (Team/Träger)
   ============================================================================ */
#shiny-tab-projektleitung { margin-left: 20px; }

.leitung { display: flex; flex-wrap: wrap; gap: 20px; margin: 15px 0 10px 50px; justify-content: center; }
.leitung_bild { margin: 0 50px 0 0; }
.leitung_box1 { overflow: auto; height: calc(100% - 50px); }

.leitung_title_traeger { border-bottom: 1px solid #cfd4db; margin: 20px 0 0 0; }
.leitung_bild_traeger { margin: 0; }

.leitung_box { width: 550px; height: 220px; background: #ecf0f5; padding: 15px; box-sizing: border-box; border-radius: 8px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); margin: 0 50px; }

.leitung_schrift { display: flex; margin-top: 10px; justify-content: space-between; }
.leitung_title { border-bottom: 1px solid #cfd4db; }
.leitung_allg_traeger { display: flex; margin: 10px 0 0 0; justify-content: space-between; }

/* ============================================================================
   18) Kontakt
   ============================================================================ */
.fluid_kontakt { display: grid; grid-template-columns: 1fr 1fr; width: 100%; height: calc(100% - 50px); margin: 20px 0 0 0; }

#submit { margin: 10px 0 0 0; }

.kontakt_bild { margin: 0 25px 0 0; }
.fluid_kontakt .row { width: 100%; height: 100%; }

.fluid_kontakt .col-sm-4 { width: calc(66% - 30px); height: 100%; display: none; }
.fluid_kontakt .col-sm-8 { display: grid; gap: 10px; height: 100%; width: 33.3%; }

.kontakt_allg { display: flex; margin-top: 10px; justify-content: space-between; }

#shiny-tab-kontakt .container-fluid { height: calc(100% - 20px); }

.kontakt_1 { flex: 0 0 50%; margin: 0 auto; }

.kontakt_box { width: 510px; height: 275px; background: #ecf0f5; padding: 15px; box-sizing: border-box; border-radius: 8px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); margin: 0 0 20px 0; }

/* Datenschutz – ergänzende Regeln */
.datenschutz_recht p { padding: 10px 100px 10px 15px; }

/* ============================================================================
   19) Modals & Dialoge
   ============================================================================ */
.modal-dialog { width: fit-content; background-color: var(--main-bg-color); display: flex; align-items: center; justify-content: center; border-radius: 12px; height: auto; }
.modal-content { display: inline-block; width: auto; border-radius: 12px; padding: 5px; }
.modal-content h4 { font-weight: bold; }

.modal-body { position: relative; padding: 15px; margin: 10px; background-color: #ecf0f5; border-radius: 12px; }
.modal-body.my_modal_publikation_download { display: flex; }
.modal-body.my_modal_publikation_download a { display: flex; justify-content: center; padding: 0 5px; width: 200px; margin: 10px 0; }

.fixed-bottom { width: 100%; }
#download_infografik { margin: 10px 0 0 0; align-content: center; }

.modal-footer a { margin: 5px 0px 0px 0px !important; align-content: center;}
/* ============================================================================
   20) Bild-Container / Labels (Name-Overlay)
   ============================================================================ */
.image-container img { width: auto; height: auto; display: block; }

/*
  Hinweis: In der Originalversion war display: none UND später display: block gesetzt.
  Das führt zu Verwirrung. Wir belassen die Sichtbarkeit über "visibility" steuerbar
  und entfernen die doppelte display-Anweisung.
*/
.name-label {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #cccccc;
  padding: 15px;
  z-index: 1000;
  margin: auto;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  background-image: url(IDZ-DMS6-Logo_web_RGB_400x140px.png);
  background-repeat: no-repeat;
  background-position: 100% 10px; /* rechts, 10px von oben */
  background-size: 50px 15px;
  /* Sichtbarkeit standardmäßig ausblenden, aber Layout behalten */
  visibility: hidden;
  white-space: nowrap;
  width: auto;
  height: auto;
  padding-right: 55px;
}

/* ============================================================================
   21) Presse/Modal – sekundäre Einstellungen (Konsolidiert)
   ============================================================================ */


/* ============================================================================
   22) Verschiedenes / Kleinteile
   ============================================================================ */
.dms_6_container #keine_Anzeige { display: none; }

/* TODO-Liste (optional abarbeiten):
   - .modal-dialog war doppelt definiert – konsolidiert.
   - .name-label hatte widersprüchliche display-Regeln – per visibility geklärt.
   - Mehrfach "border-top: 1px" ohne Stil/Color – ggf. ergänzen oder entfernen.
   - Einheitliche Maße (px, rem, %) prüfen, ggf. responsive Breakpoints ergänzen.
   - Langes Selektor-Präfix (content-wrapper …) könnte via BEM o. Scope vereinfacht werden.
*/


/*** Impressum ***/

.dms_6_text_impressum{
  flex: 1 0 33.3%;
  margin: 0px 10px 0px 0px;
}

.content-wrapper .content .tab-content .container-fluid.datenschutz_fluid{
  overflow: auto;
  height: calc(100% - 30px);
}

  @media (min-width: 1750px) {
          .toggle-btn,
          .sidebar-overlay {
            display: none !important;
          }
        }



@media screen and ((max-width: 1025px) and (max-height: 1025px)), 
       screen and ((max-width: 1025px) and (max-height: 1025px)){

 h1 span {
  display: block;
  }

.skin-blue .content-wrapper{
  margin: 10px 10px 10px 10px;
  overflow: auto;
}

.select_div h2{
  border-top-width: 0px;
  border-top-style: solid;
  padding-top: 15px;
  text-align: center;
  border-color: #dfdfdf;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin-bottom: 20px;
  width: 100%;
}

.download_box{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  align-items: center;
}

.download_box div{
  margin: 0px 0px 0px 10px;
}

.mobile_presse{
    display: block;
    width: 100%;
 }

.skin-blue{
  min-height: 0px !important;
}

.studieplan_manu_home{
    flex-direction: column;
  }

.main-header{
    display: none;
  }

#sidebarCollapsed{
  display: none;

}

.skin-blue .content-wrapper{
  margin: 10px 10px 10px 10px;
}

.dms_6_sub{
  display: block;
  overflow: unset;
}

.h1{
  padding: 0px 0px 5px 0px;
}

.mobile_h1{
  display: block;
  text-align: center;
}

.desktop_h1{
  display: none;
}

.dms_6_logo{
  margin: 40px 0px 40px 0px;
}


.studienplan_download_box{
  margin: 10px auto 10px auto;
}

.skin-blue .content-wrapper {
  background-image: none;
}

.content-wrapper{
  margin: 0px 5px 0px 5px;
  background-image:none ;
}

.skin-blue .content-wrapper .content{
  padding:0px 0px 0px 0px; 
}

.einleitung_2{
  height: unset;
  margin-left:0px ;
}

.einleitung_2 h2{
  border-top-width: 0px;
  border-top-style: solid;
  padding-top: 15px;
  text-align: center;
  border-color: #dfdfdf;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin-bottom: 20px;
}


.dms_6_container{
  margin: 0px 10px 0px 10px;
}


.presse-div{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.presse-div h2{
  text-align: center;
}

.publikation_download_box_home{
  width: auto;
  margin-top: 15px;
  margin-bottom: 15px;
}

.plot_presse{
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 0px;
  width: unset;
  min-width: unset;
}

.plot_presse div :nth-child(1){
  display: none;
}

.modal-dialog{
  width:unset;
}

.modal-body.my_modal_publikation_download{
  display: block;
}

.modal-body.my_modal_publikation_download a{
  margin-left: 0px;
  padding-left: 0px;
  width: 100%;
}

.toggle-btn,
.sidebar-overlay {
  display: none !important;
}

.dms_6_logo{
  display: none;
}

}


@media (hover: none) and (pointer: coarse) {
    button:hover,
    a:hover{
       color: inherit !important;
    }
}