@font-face {
  font-family: "PTSans";
  src: url("fonts/PTSans-Regular.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "PTSans";
  src: url("fonts/PTSans-Bold.ttf") format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: "PTSans";
  src: url("fonts/PTSans-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: "PTSans";
  src: url("fonts/PTSans-BoldItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 700;
}

body, svg text {
  font-family: 'PTSans', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Alle Links in other-links in neuem Tab öffnen */
.quarto-other-links a {
  target-new: tab;
}

/* girafe-SVG-Elemente gezielt ansprechen 
.girafe_container_std text {
  font-family: 'PTSans', sans-serif !important;
} */

.girafe-tooltip {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-lr {
  position: relative;
  left: -10px;
  top: -182px;
}

.light-font{
  font-weight: 300;
}

.mid-font{
  font-weight: 400;
}

.bold-font{
  font-weight: 700;
}

.margin-icon {
  position: relative;
  left: -950px;
  top: -95px;
  width: 20px;
}

h1 {
  font-weight: 300;
}

h2 {
  font-weight: 300;
}

h3 {
  font-weight: 300;
}


.leaflet-control-layers-list {
  text-align: left !important;
}
.leaflet-control-layers-overlays label {
  text-align: left !important;
}


.leaflet-container,
.leaflet-popup-content,
.leaflet-tooltip,
.leaflet-control,
.leaflet-control-layers,
.leaflet-control-attribution {
font-family: "PtSans", sans-serif !important;
}





.info.legend {
  text-align: left !important;
}
.info.legend i {
  margin-right: 5px !important;
}

.tbl-caption {
  text-align: left; /* Links ausrichten */
}

caption {
    text-align: left; /* Links ausrichten */
}

figure.quarto-float-tbl figcaption.quarto-float-caption-top {
    text-align: left; /* Links ausrichten */
}


body, .plotly {
  font-family: "PTSans";
}

.plotly {
  font-family: "PTSans", Times New Roman;
  display: flex;
  justify-content: center;
}


.plotly-container {
  font-family: "PTSans", Times New Roman;
  display: flex;
  justify-content: center;
}

.sucheingabe {
  text-align: left;
}


.reactable-table {
  font-family: "PTSans", Times New Roman;
}

.reactable-header {
  font-family: "PTSans", Times New Roman;
}

.disabled-chapter {
  opacity: 0.5;
  pointer-events: none;
  color: #888;
}

