:root {
  /*main*/
  --sunburst: #f2911c;
  --magenta-mystique: #a71e69;
  --magenta-light-transparent: rgba(167, 30, 105, 0.10196078431372549);
  --magenta-light: #f6e8f0;
  --magenta-lighten-20: #df4c9c;
  --magenta-light-30: #e4bbd2;
  --magenta-darken-10: #7c164e;
  --obsidian: #323332;
  --obsidian-light: #eaeaea;
  --obsidian-lighten-80: #eaeaea80;
  --obsidian-darken-10: #191919;
  --watergrey: #83929c;
  --watergrey-lighten-40: #83929c40;
  --watergrey-lighten-20: #83929c20;
  /*different to the website*/
  --watergrey-darken-10: #697983;

  /*accent*/
  --mulberry: #3f1031;
  --petrol-blue: #2b4865;
  --jungle: #36b397;
  --sunflower: #f2cd5b;

  /*status*/
  --green: #49ae47;
  --red: #af1d23;

  --white: #fff;
  --white-transparent: rgba(255, 255, 255, 0.2);
}

/* sidebar */
.version {
  mix-blend-mode: normal;
  background-blend-mode: normal;
  color: var(--magenta-mystique) !important;
  opacity: 0.8;
  margin-left: 104px;
  text-align: left;
  margin-top: -14.5px !important;
}

.wy-nav-side {
  background-color: var(--watergrey);
}

.wy-nav-side button.toctree-expand {
  color: var(--obsidian) !important;
  font-family: "Poppins", sans-serif;
}

.wy-menu-vertical ul>li>a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 100%;
  gap: 5px;
}

.wy-menu-vertical li.current[class^="toctree"] {
  background: var(--white) !important;
  background-color: var(--white) !important;
  border: 0px !important;
}

.wy-menu-vertical ul.current li {
  border: 0px !important;
}

.wy-menu-vertical ul.current li.current[class^="toctree"]>a {
  background-color: transparent !important;
  /* color: var(--obsidian) */
  font-family: "Poppins", sans-serif;
  border-top: 0px !important;
  border-left: 0px !important;
}

.wy-menu-vertical ul.current li.current[class^="toctree"] a.reference.internal {
  border: 0px !important;
}

.wy-menu-vertical ul.current li.current[class^="toctree"] a.reference.internal:hover {
  color: var(--obsidian) !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0px !important;
}

.wy-menu-vertical ul.current li.current[class^="toctree"] a button {
  color: var(--magenta-mystique) !important;
}

/* Buttons */
/* .wy-menu-vertical a button.toctree-expand {
    color: var(--magenta-mystique) !important;
  } */
.wy-menu-vertical li[class^="toctree"]>a>button {
  color: var(--obsidian) !important;
}

.wy-menu-vertical li.current[class^="toctree"]>a>button {
  color: var(--magenta-mystique) !important;
}

.wy-menu-vertical li.current [class^="reference internal"] {
  color: var(--obsidian) !important;
  font-family: "Poppins", sans-serif;
  background-color: var(--watergrey-lighten-20) !important;
}

.wy-menu-vertical li.current [class^="reference internal current"] {
  color: var(--obsidian) !important;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
}

.wy-nav-shift,
.wy-nav-side {
  box-shadow: 5px 0px 10px rgba(209, 213, 219, 0.6);
}

.wy-nav-side .caption {
  color: var(--magenta-mystique) !important;
  font-family: "Poppins", sans-serif;
}

.wy-nav-side .reference.internal,
.wy-nav-side .reference.external {
  font-family: "Poppins", sans-serif;
  color: var(--white);
}

.wy-nav-side .reference.internal:hover,
.wy-nav-side .reference.external:hover {
  font-family: "Poppins", sans-serif;
  border-left: 2.5px solid var(--magenta-mystique);
  background: linear-gradient(90deg, var(--white-transparent) 15%, var(--watergrey) 100%) !important;
  /* transition: all ease-out 100ms; */
}

/* content */

.wy-nav-content {
  font-family: "Poppins", sans-serif !important;
  /*display: flex;*/
  width: 100%;
  height: 100vh;
  max-width: 100%;
  /* max-height: 100%; */
}

.rst-content code,
.rst-content tt,
code {
  font-size: 1em;
}

.rst-content .toctree-wrapper>p.caption,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
h8,
legend {
  font-family: "Poppins", sans-serif !important;
}

.wy-nav-content .reference.internal,
.wy-nav-content .reference.external,
.wy-nav-content [class^="docutils"] {
  color: var(--magenta-mystique) !important;
}

.wy-nav-content div[itemprop^="articleBody"] h1 {
  color: var(--obsidian);
}

.wy-nav-content .reference.internal:hover,
.wy-nav-content .reference.external:hover,
.wy-nav-content [class^="docutils"]:hover {
  color: var(--magenta-darken-10) !important;
  /* font-weight: bold !important; */
}

.caption {
  color: var(--obsidian);
}

.wy-nav-content .py.property {
  display: block !important
}

/* code link */
.wy-nav-content .py.class .viewcode-link {
  color: var(--magenta-mystique) !important;
}

.wy-nav-content .py.class .viewcode-link:hover {
  color: var(--magenta-mystique) !important;
  font-weight: bold !important;
}

/* navigation */

.wy-breadcrumbs .icon.icon-home,
.wy-breadcrumbs .wy-breadcrumbs-aside>a {
  color: var(--magenta-mystique) !important;
}

.wy-breadcrumbs .icon.icon-home:hover,
.wy-breadcrumbs .wy-breadcrumbs-aside:hover>a {
  color: var(--magenta-darken-10) !important;
  font-weight: bold !important;
}

.rst-content .viewcode-back,
.rst-content .viewcode-link {
  color: var(--green) !important;
}

/* .rst-content .admonition-title,
.wy-alert-title {
  background: var(--info) !important;
} */
.wy-side-nav-search input[type="text"] {
  display: block;
  height: 37px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--obsidian);
  background-color: var(--white);
  background-image: none;
  border: 1px solid var(--obsidian-light);
  border-radius: 4px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  box-shadow: none;
  padding: 6px 12px 6px 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-search'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: 10px center;
}

.wy-side-nav-search input[type="text"]:focus {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 3.00000429px rgba(50, 115, 235, 0.2);
}

a {
  color: var(--magenta-mystique);
  /* Ändert die Farbe aller Standard-Links */
}

a:visited {
  /* Links, die bereits besucht wurden */
  color: var(--magenta-darken-10);
}

a:link {
  /* Standardlinks, die noch nicht besucht wurden */
  color: var(--magenta-mystique);
}

a:hover {
  /* Wenn der Mauszeiger über einem Link ist */
  color: var(--magenta-darken-10);
}

a:focus {
  /* Wenn der Link fokussiert ist */
  color: var(--magenta-darken-10);
}