p.caption {
  color: #777;
  margin-top: 10px;
}
p code {
  white-space: inherit;
}
pre {
  word-break: normal;
  word-wrap: normal;
}
pre code {
  white-space: inherit;
}

.watermark {
  opacity: 0.3;
  position: fixed;
  top: 90%;
  right:10%;
  font-size: 300%;
  color: #575756;
}

.list-group-item.active {
	background-color: #8792C9;
	border-color: #8792C9;
}

.list-group-item.active:hover {
	background-color: #8792C9;
	border-color: #8792C9;
}

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.leaflet-container {
	background-color: #FFFFFF;
}

body{
  font-family: Arial;
  overflow-x: hidden;
}

/*
Anpassungen b2

Farben
grün: #c8d400
türkis: #21b5ea
grau: #dbdad7
dunkelblau: #303b4f

Inhalt
00 Generelle Elemente
01 Data Tables
02 Leaflet Maps
03 Plotly Graphs

*/


/* 00 Generelle Elemente*/

pre {
  margin-top: 15px;
  margin-bottom: 15px;
  border-radius: 0 !important;
}

.main-container {
  padding-bottom: 30px;
  padding-left: 50px;
  padding-right: 50px;
  max-width: 800px;
  margin: auto;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
}

.body-inner {
  overflow-y: unset !important;
}

.page-inner {
  max-width: 940px !important;
}

#header {
  margin-bottom: 60px;
  margin-top: 10px;
}

/*#header::before {
  content: '';
  height: 100px;
  background-image: url(logo_header_weiss.png);
  display: block;
  z-index: 9;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}*/

.book-header:before {
  content: '';
  height: 50px;
  background-image: url(logo_header_weiss.png);
  display: block;
  z-index: 9;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  width: 130px;
  left: calc(50% - 65px);
}

.book-header {
  background-color: #303b4f !important;
}

.book-header h1 {
  display: none;
}

.section {
  padding-top: 15px;
  padding-bottom: 15px;
}

.book-body .title {
  margin-bottom: 0 !important;
}

.title{
  background-color: #c8d400;
  font-weight: 600;
  width: fit-content;
  padding: 2px 5px;
  color: #222121;
  margin-bottom: 0;
}

.author, .date {
  font-size: 16px;
  background: #f1f0f0;
  font-weight: bold;
  margin: 0 !important;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;

  margin-top: 10px !important;
  width: fit-content;
  display: block;
}


.book .book-body .page-wrapper .page-inner section.normal em {
  font-style: normal !important;
}

.book:not(.with-summary) a[aria-label="Toggle Sidebar"] i {
  color: #fff;
  opacity: 0.75;
}


.section h2 {
  font-weight: 600 !important;
  margin-bottom: 30px;
  border-bottom: 4px solid #c8d400;
  padding-bottom: 10px;
}

.caption {
    margin-bottom: 15px;
    font-style: italic;
    /*background-color: #f1f0f0;*/
    width: fit-content;
}

.caption[objecttype="figure"]:before {
      content: '';
    width: 30px;
    height: 25px;
    background-image: url(photo.png);
    background-size: contain;
    background-position: left bottom;
    background-repeat: no-repeat;
    display: inline-flex;
    vertical-align: bottom;
}

.caption[objecttype="table"]:before {
      content: '';
    width: 30px;
    height: 25px;
    background-image: url(list.png);
    background-size: contain;
    background-position: left bottom;
    background-repeat: no-repeat;
    display: inline-flex;
    vertical-align: bottom;
}

.caption[objecttype="map"]:before {
      content: '';
    width: 30px;
    height: 25px;
    background-image: url(map.png);
    background-size: contain;
    background-position: left bottom;
    background-repeat: no-repeat;
    display: inline-flex;
    vertical-align: bottom;
}


.rstudio-HelpFrame {
  overflow: hidden !important;
}

body {
  overflow-y: hidden !important;
}

.book .book-body .page-wrapper .page-inner {
  padding-left: 30px;
  padding-right: 30px;
}

/* Book Summary*/

.book-summary {
  position: fixed;
}

.book-summary ul li a {
  color: #303b4f !important;
}

.book .book-summary ul.summary li a:hover, .book .book-summary ul.summary li.active>a {
  color: #21b5ea !important;
}

.book-summary .part span {
  color: #303b4f !important;
  opacity: 0.5 !important;
}


/* Navigation */
.navigation {
  font-size: 44px !important;
  position: relative !important;
  bottom: 560px !important;
  z-index: 9999999999999 !important;
  color: #a5a5a5 !important;
}

.book .book-body .navigation {
  max-width: auto !important;
  min-width: auto !important;
  width: auto !important;
}

.navigation-next {
  left: 95% !important;
}

.navigation-prev {
  left: 320px;
}


/* Footer */


footer {
  /*padding-top: 30px;
  padding-bottom: 30px;*/
  background-color: #303b4f;
}

footer {
  position: absolute !important;
    bottom: -550px !important;
    width: 100% !important;
    left: 0 !important;
    margin-bottom: 0px !important;
    z-index: 9999999999999999999999999;
}

.page-inner {
  margin-bottom: 275px;
}

footer p, footer h2, footer a {
  color: #fff;

}

footer p {
   font-size: 16px;
  line-height: 1.5;
}

footer ul {
  list-style: none;
  padding-inline-start: 0px;
}

footer ul li a {
  color: #fff;
  text-decoration: none !important;
  font-size: 16px;
  line-height: 1.5;
}

footer a:hover {
  color: #21b5ea;
}

footer h2 {
  margin-top: 0;
}

footer .footer-logo {
  margin-bottom: 30px;
  margin-top: 30px;
}


footer #copyright {
  margin-top:15px;
  font-size: 16px;
}

footer .additional-links, footer .contact {
  min-width: 230px !important;
}

footer .additional-links a:before {
  content: '';
  width: 10px !important;
  height: 0px !important;
  display: inline-block;
  border-top: 10px solid transparent !important;
  border-bottom: 10px solid transparent !important;
  border-right: 7px solid transparent !important;
  border-left: 17px solid #c8d400 !important;
  transform: scale(0.5) translateY(7px) !important;
}

footer .additional-links a:hover:before {
  content: '';
  width: 10px !important;
  height: 0px !important;
  display: inline-block;
  border-top: 10px solid transparent !important;
  border-bottom: 10px solid transparent !important;
  border-right: 7px solid transparent !important;
  border-left: 17px solid #21b5ea !important;
  transform: scale(0.5) translateY(7px) !important;
}

footer .footer-logo img {
  height: 60px;
}

footer .footer-logo img:nth-child(2) {
  margin-left: 30px;
}

footer h2 {
  border-bottom: none !important;
}

.flex-33 {
  width: 33.333%;
}

.flex-50 {
  width: 50%;
}

.flex-100 {
  width: 100%;
}

/* 01 Data Tables (Tabellen)*/



  /* Excel Button */
.datatables .dt-button {
  background: none;
  background-color: #c8d400;
  border: none;
  border-radius: 0 !important;
  font-weight: 600;
  min-width: 80px;
  max-width: 150px;
  height: 40px;
  align-self: end;
  margin-bottom: 0;
}

table.dataTable thead th, table.dataTable thead td, table.dataTable.no-footer {
  border-bottom: 1px solid #dadada !important;
}

.dataTable .form-control {
  border: 1px solid #dadada;
}

table.dataTable.no-footer, .dataTables_scrollHeadInner, .dataTables_scroll {
  width: 100% !important;
}

.dataTables_scrollHeadInner table {
 table-layout: fixed;
}

.dataTables_scrollBody table {
  table-layout: auto;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #dadada;
}

.dataTable tr.even:hover, .dataTable tr.odd:hover {
  background-color: #e3e1e1 !important;
}

table.dataTable tr.selected {
  background-color: #e3e1e1 !important;
}

/*Pagination*/

.dataTables_paginate {
margin-top: 30px;
margin-bottom: 30px;
}

.dataTables_paginate .paginate_button {
border-radius: 0 !important;
}

a.paginate_button.current {
font-weight: 600;
border: 2px solid #c8d400 !important;
background: none !important;
background-color: #c8d400 !important;
box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #21b5ea;
  border: none;
  color: #333;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  border: 2px solid transparent !important;
}

.datatables .dataTables_wrapper {
  flex-wrap: wrap;
  display: flex;
}

.datatables .dataTables_filter {
  max-width: 250px;
}

.dataTables_wrapper .dataTables_filter input {
  border: none;
  border-bottom: 1px solid #aaa;
  border-radius: 0 !important;
}

.datatables .dt-buttons {
  display: flex;
  width: 25%;
  order: 3;
  place-content: start;
  place-self: center;

}

.datatables .dt-button:hover:not(.disabled) {
  background: #21b5ea !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none;
}

.datatables .dt-button:active, .datatables .dt-button:focus {
  background: #21b5ea !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none;
}

.datatables .dataTables_info {
  order: 4;
  width: 25%;
  margin-bottom: 15px;
  display: flex;
  place-content: end;
  place-self: center;
}

.datatables .dataTables_filter {
  display: flex;
  width: 50%;
  order: 1;
}

.datatables table {
  order: 2;
}

.datatables .dataTables_paginate {
  order: 3;
  margin-left: auto;
  margin-right: auto;
}

.datatables .dataTables_filter {
  text-align: left;

}

.datatables .dataTables_filter input {
  display: block;
}

.datatables input[type="search"] {
  border-radius: 0;
}

.form-control:focus {
  box-shadow: none;
      border-color: #21b5ea;
}

.dataTable .noUi-connect {
  background: #21b5ea !important;
}

/* 02 Leaflet Maps*/

.leaflet-container {
background-color: #FFFFFF;
}

.leaflet-container a {
color: #c8d400;
}

/*Leaflet Controlbuttons Zoom*/

.leaflet-control-zoom {
border-radius: 0 !important;
border: none;
}

.leaflet-control-zoom-in {
background: #eee;
font-weight: 900;
}

.leaflet-control-zoom-out {
background: #b5b5b5;
font-weight: 900;
}

.leaflet.html-widget {
  border: 1px solid #eee;
  width: 100% !important;
}

/* 03 Plotly Graphs*/

.html-widget.plotly {
width: 100% !important;
}


g.ytick text, g.xtick text {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

/* Tooltips*/

.hoverlayer g.hovertext path {
  padding: 10px !important;
}

.hoverlayer g.hovertext text {
  line-height: 1.5 !important;
}

/* 04 TOC Inhaltsverzeichnis */

#überschrift-h1.section, #überschrift-h1 .section {
  /*padding: 0 !important;*/
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#überschrift-h1.section h2, #überschrift-h1.section h3, #überschrift-h1.section h4 {
  margin-top: 0 !important;
  margin-bottom: 5px !important;
}

h2 {
  border-bottom: 4px solid #c8d400;
  margin-bottom: 15px !important;
}

h2.hasAnchor {
  background-color: none !important;
  border-bottom: none !important;
}

h2.hasAnchor:hover {
  color: #21b5ea;
}

h2.hasAnchor:hover a.anchor-section::before {
   color: #21b5ea;
}

h1:not(.title) {
  border-bottom: 4px solid #c8d400 !important;
  margin-bottom: 15px !important;
}

.book-header h1 {
  border-bottom: none !important;
}

#überschrift-h1 div[id^="überschrift-h2"] {
  /*margin-left: 5px;*/
  /*border-left: 30px solid #f1f0f0;
  padding-left: 5px !important;
  font-weight: bold;*/
  margin-top: 30px;
  margin-bottom: 15px !important;
}

#überschrift-h1 div[id^="überschrift-h2"] h3 {
  font-weight: 600;
}

#überschrift-h1 div[id^="überschrift-h2"]:last-child {
  margin-bottom: 15px;
}

#überschrift-h1 div[id^="überschrift-h3"] {
  /*margin-left: 10px;*/
  margin-left: 0px;
  /*border-left: 60px solid #f1f0f0;
  padding-left: 5px;*/
}

#überschrift-h1 div[id^="überschrift-h3"]:last-child {
  margin-bottom: 15px;
}

/* Tocify*/

#TOC {
  z-index: 2;
}

.tocify {
  border-radius: 0 !important;
}

.tocify .list-group-item.active {
  background-color: #21b5ea;
  border-color: #21b5ea;
}

.tocify-extend-page {
  height:auto !important;
}

.book-summary ul.summary > li:first-child a {
  padding: 13px 15px !important;
  font-weight: 700;
  font-size: 15px;
}

@media screen and (min-width: 1281px) {

/*Desktop  - 00 Generelle Elemente*/

.flex-xxl-33 {
  width: 33.333%;
}

.flex-xxl-50 {
  width: 50%;
}

.flex-xxl-100 {
  width: 100%;
}

/*Desktop - 01 Data Tables (Tabellen)*/

/*Desktop - 02 Leaflet Maps */

/*Desktop - 03 Plotly Graphs */

}

@media screen and (max-width: 1280px) {

/*Notebook/Tablet  - 00 Generelle Elemente*/

.flex-xl-33 {
  width: 33.333%;
}

.flex-xl-50 {
  width: 50%;
}

.flex-xl-100 {
  width: 100%;
}

/*Notebook/Tablet - 01 Data Tables (Tabellen)*/

/*Notebook/Tablet - 02 Leaflet Maps */

/*Notebook/Tablet - 03 Plotly Graphs */

}

@media screen and (max-width: 991px) {

/*Tablets  - 00 Generelle Elemente*/

.flex-lg-33 {
  width: 33.333%;
}

.flex-lg-50 {
  width: 50%;
}

.flex-lg-100 {
  width: 100%;
}

footer {
  left: calc(455px - 50vw);
}

.toc-content footer {
  left: calc(-35px - 33.3333333vw);
  width: calc(100vw + 5px);
}

/*Tablets  - 01 Data Tables (Tabellen)*/

.dataTables_info {
  margin-top: 15px;
  margin-bottom: 15px;

  text-align: left;
}


/* Tablets - 02 Leaflet Maps */

.leaflet-container {
  height: calc(100vh - 250px) !important;
}

.leaflet-tooltip {
  border-radius: 0;
  font-size: 12px !important;
  font-weight: 600;
}

/* Tablets - 03 Plotly Graphs*/

.plotly .main-svg {
  margin-top: 20px;
}

.modebar-btn .icon {
  font-size: 32px;
}


.caption[objecttype="figure"] {
  margin-top: 40px;
}

}


@media screen and (max-width: 940px) {
  footer {
    left: -15px;
  }
}

@media screen and (max-width: 768px) {

/*Tablet  - 00 Generelle Elemente*/

.flex-md-33 {
  width: 33.333%;
}

.flex-md-50 {
  width: 50%;
}

.flex-md-100 {
  width: 100%;
}

/*Summary Menu Anpassung*/

.book.with-summary .book-body {
  left: 0 !important;
}

.book.with-summary .book-header.fixed {
      left: 0px;
      background-color: #303b4f !important;
}

.book.with-summary .book-body {
    left: 0;
    width: 100vw;
}

.book .book-summary {
  left: 0 !important;
  width: 100% !important;
  top: 50px !important;
}



.book.with-summary a[aria-label="Toggle Sidebar"] i {
  color: #fff;
  opacity: 0.75;
}

.book .book-summary {
  height: 0;
  width: 100%;
  left: 0;
  transition: height 0.4s ease-in;


}

.book.with-summary .book-summary{
  height: fit-content !important;
}

.book.with-summary ul.summary {
  height: fit-content;
  position: relative !important;
  border-bottom: 1px solid #eee;
}

a.navigation-next {
  left: 95% !important;
}

footer .additional-links {
  padding-left:30px;
}

footer .contact {
  padding-right:30px;
}

.toc-content footer {
  left: -20px;
}

/*Tablet - 01 Data Tables (Tabellen)*/

/*Tablet - 02 Leaflet Maps */

/*Tablet - 03 Plotly Graphs */

/*Tablet - 04 TOC */

.toc-content {
  padding-left: 15px !important;
  padding-right: 15px !important;
}


}

@media screen and (max-width: 480px) {

/* Smartphone - 00 Generelle Elemente*/


/*Summary Menu Anpassung*/

.book.with-summary .book-body {
  left: 0 !important;
}

.book.with-summary .book-header.fixed {
      left: 0px;
      background-color: #303b4f !important;
}

.book.with-summary .book-body {
    left: 0;
    width: 100vw;
}

.book .book-summary {
  left: 0 !important;
  width: 100% !important;
  top: 50px !important;
}



.book.with-summary a[aria-label="Toggle Sidebar"] i {
  color: #fff;
  opacity: 0.75;
}

.book .book-summary {
  height: 0;
  width: 100%;
  left: 0;
  transition: height 0.4s ease-in;


}

.book.with-summary .book-summary{
  height: fit-content !important;
}

.book.with-summary ul.summary {
  height: fit-content;
  position: relative !important;
  border-bottom: 1px solid #eee;
}





#header {
  margin-bottom: 30px;
}

.title {
  font-size: 24px !important;
}

.author, .date {
  font-size: 16px;
  margin-top: 0px;
}



.section.level2 h2 {
  font-size: 24px !important;
}

footer {
  bottom: unset !important;
}

.book.with-summary footer {
  z-index: unset;
}

footer .additional-links, footer .contact {
  padding-left:0px;
  padding-right: 0px;
}

footer h2 {
  margin-top: 20px;
}


.flex-sm-33 {
  width: 33.333%;
}

.flex-sm-50 {
  width: 50%;
}

.flex-sm-100 {
  width: 100%;
}


.book.with-summary .book-summary {
  width: 100% !important;
}

.book.with-summary .book-header {
  background-color: #fafafa !important;
}

a.navigation {
  z-index: 0 !important;
  top: -50%;
}

a.navigation.navigation-next {
  left: calc(100vw - 30px) !important
}


/*Smartphones  - 01 Data Tables (Tabellen)*/

.dataTables_info {
  text-align: center;
}



/*Smartphones - 02 Leaflet Maps */

/*Smartphones - 03 Plotly Graph*/

.html-widget.plotly {
  width: 100% !important;
}

.html-widget.plotly {
  margin-top: 75px !important;
}

.plotly-container .svg-container {
  width: 100% !important;
}

/* Controls*/

.modebar {
  width: 100%;
}

.modebar-container {
  top: -50px !important;
}

.modebar-container .modebar{
  z-index: 0 !important;
}

.modebar-btn .icon {
  font-size: 24px;
}


.modebar svg {
  height: 1.5em;
  width: 1.5em;
}

}

@media screen and (max-width: 600px) {
  .book .book-body .page-wrapper .page-inner {
    padding-top: 50px !important;
  }
}

@media screen and (max-width: 1540px) {
  .navigation-prev {
    left: calc(50vw - 400px) !important;
  }
 /* .navigation-next {
    left: calc(50vw + 520px) !important;
  }*/
}


@media screen and (max-width: 940px) {
  .navigation-prev {
    left: 15px !important;
  }

 /* .navigation-next {
    left: calc(100vw - 60px) !important;
  }*/
}


/* Night Theme Anpassungen*/

.color-theme-2 .date, .color-theme-2 .author {
  color: rgb(28, 31, 43);
}

.color-theme-2 span.fu {
  color: #21b5ea;
}

.color-theme-2 .book-summary ul li a {
  color: #fff !important;
}

.color-theme-2 .book-summary ul.summary li a:hover, .book .book-summary ul.summary li.active>a {
  color: #21b5ea !important;
}

.color-theme-2 .book-summary .part span {
  color: #fff !important;
  opacity: 0.5 !important;
}

.color-theme-2 .dataTables_info, .color-theme-2 .dataTables_paginate a.paginate_button, .color-theme-2 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  color: #bdcadb !important;
}

.color-theme-2 a.paginate_button.current {
font-weight: 600;
border: 2px solid rgba(0,0,0,0) !important;
background: none !important;
background-color: #c8d400 !important;
box-shadow: none !important;
}

.color-theme-2 .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #21b5ea !important;
  border: 2px solid rgba(0,0,0,0);
  color: #333 !important;
}



footnote:hover::after {
  content: attr(title);
  position: absolute;
  left: 0;
  top: 100%;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #ccc;
}