html {
    overflow-y: scroll;
}

/* Datatables, provided by https://github.com/babslgam*/

:root {
    --schnitzler-green: #037a33;
  }

div.dataTables_filter {
  text-align:left !important;
}

.btn-link {
  font-size:20px;
}

.exportbuttons {
  text-align: right;
}

.navbar {
    border-bottom: 5px solid var(--schnitzler-green) !important;
}

.dataTables_info {
  text-align: center;
}

.filters th {
    padding-left:0.55rem;
}

.filters input {
  width:100%;
  padding: 3px;
  box-sizing: border-box;
}
 

.dataTables_wrapper table {
  width:100%;
}

#datatable .page-item.active .page-link   {
    background-color:var(--schnitzler-green);
    border-color:var(--schnitzler-green);
    color:white;
    }
    
#datatable .page-link {
    color:var(--schnitzler-green);
}
   
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before
{

    font-family:"Font Awesome 5 Free";
    font-weight: 900;
    content : '\f067';
    background-color:transparent;
    border:none;
    color:var(--schnitzler-green);
    box-shadow:none;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child::before {
    content:'\f068';
    background-color: transparent;
    }   

/**** Font Aweseome ***/
.far {
    font-family: "Font Awesome 5 Free" !important;
}

.index-card {
    border-top: 5px solid #88dbdf; 
    transition: transform .2s;
}

.index-card:hover {
    transform: scale(1.05);
}

.index-link:hover {
    text-decoration: none !important;
}

.btn-round a {
    color: white;
}

p {
    display: block;
}

.carousel-indicators {
    cursor: pointer;
}

span.ssQueryAndButton {
    margin: 2em auto 0.25em auto !important;
    max-width: 50% !important;
    width: 50% !important;
}

input#ssQuery {
    font-size: .9rem !important;
    border-radius: 30px !important;
    padding: .3rem 1.75rem .3rem .75rem !important;
    border: 1px solid rgba(0,0,0,.075) !important;
    background-color: #fff !important;
    color: rgba(0,0,0,.9) !important;
}

button#ssDoSearch {
    border: 0 !important;
    padding: 0 !important;
    background: 0 0 !important;
    cursor: pointer !important;
    color: rgba(0,0,0,.6) !important;
    margin-left: -4.1em !important;
    margin-top: .1em !important;
}

#github-logo {
    width: 10%;
    height: auto;
    padding: 10px 0 10px 0;
    transition: transform .2s;
    margin-left: 1em;
}

#github-logo:hover {
    transform: scale(1.05);
}

body{
 background:#ffffff;   
}
.h1, h1 {
    margin-top: .5rem;
    font-size:1.7rem;
}
.h1 a, h1 a {
    font-size:1.7rem;
    font-weight: 600;
}    
i {
    cursor:pointer;
}

.reference {
    cursor: pointer;
    color: #037a33;
}

span.data-hr {
    background-color: #ffff00;
}

.card {
    overflow: visible;
}

.card_wrapper {
    margin-top:-15px;
    margin-right:-15px;
    margin-left:-15px;
    margin-bottom:30px;
    display:flex;
    flex-wrap:wrap
}

.card_wrapper .card
{   
    border:0;
    padding:0;
    background-color:transparent
}

.card_wrapper .card .card-inner
    
    {
        padding:15px;
        margin:15px;
        border-radius:2px;
        border:1px solid rgba(0,0,0,.1);
        background-color:#fff;
        overflow:hidden;
        position:relative
    }
    
.card_wrapper .card .card-inner .btn-round
    {
        font-size:.9rem;
        padding:.5rem 1rem
    }

.card_wrapper .card .card-inner.card-image-overlay
    {
        border-top:none!important
    }
    
.card_wrapper .card .card-inner.card-image-overlay .entry-top-thumbnail
    {
        position:absolute;
        height:100%;
        margin:-15px 0 0 -15px
    }



.card_wrapper .card .card-inner {
    border-top-color: var(--schnitzler-green) !important;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1);
    border-top-width: 5px !important;
    box-shadow: 0 0.3rem 1.2rem 0 rgb(5 10 15 / 5%);
}
.card_wrapper .card .card-inner .entry-content p {
color: #212529;
font-size: 1rem;
}
.unlinked-entity {
    color: var(--schnitzler-green);
}

.card-body-tagebuch {
    color: #000000;
    max-width: 750px;
    min-height: 270px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(0,0,0,.02);
    line-height: 1.7rem;
    font-size: 1.1rem;
    padding: 1.25rem;
}
.card-body-meta {
    max-width: 750px;
    min-height: 270px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7rem;
    font-size: 1.1rem;
}
.card-header {
    background-color: inherit;
}
.card-footer {
    background-color: inherit;
}
a {
    color: var(--schnitzler-green);
}

a:not([href]):not([tabindex]) {
    color: var(--schnitzler-green);
    text-decoration: none;
}

.navbar {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 5px solid var(--schnitzler-green);
    box-shadow: 0 0.3rem 1.2rem 0 rgb(5 10 15 / 10%);
}

.navbar .navbar-brand {
    padding-right: 0;
}

.navbar .navbar-brand img {
    height: 4rem;
    max-height: unset;
}

#wrapper-hero-content {
    background-position: top;
    padding: 4rem 0;
}

#wrapper-hero-content::after {
    background-color: rgba(2, 121, 51, 0.10);
}

#wrapper-hero-content>#wrapper-hero-inner>p {
    font-size: 1.25rem;
}

/* @media */

@media (min-width:1200px) {
}
.container {
    padding-top:15px;
    max-width: 850px;
    margin-top: 30px;
}
  .container-fluid {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0rem;
    padding-top: 0rem;
}

.meta.container-fluid {
    max-width: 750px;
}

  .container-fluid-start {
    padding: 0 15px;
    max-width:1200px;
    margin-right: auto;
    margin-left: auto;
}
.container-fluid-empty {
    background:none;
    max-width:1200px;
    margin-right: auto;
    margin-left: auto;
}
#wrapper-hero-inner {
    padding: 0 35% 0 30px;
}
.row-footer {
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.sticky-navbar {
    z-index: 1001;
}

#srcbuttons {
    margin-bottom:0;
    padding:0.5rem;
    text-transform: uppercase;
}

#srcbuttons .nav-link, #srcbuttons .nav-link div {
    display:inline;
}

.rangeslider {
        margin-bottom: 1rem;
}

.btn-link {
        color:var(--schnitzler-green);
        font-size:1.2rem;
    }

#srcbuttons a:hover {
        text-decoration:none;
}

.btn-link.quotationbtn {
    color: var(--schnitzler-green);
    padding-top:0;
    text-decoration:none;
    font-size: 1rem;
    line-height: 1.5;
}

.quotationbtn:hover {
    color:black;
}

.btn-outline-success {
    border-color:var(--schnitzler-green);
    color:var(--schnitzler-green);
}

 .btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
}

 #loader {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index:999;
        width: 150px;
        height: 150px;
        margin: -75px 0 0 -75px;
        border: 16px solid #f3f3f3;
        border-radius: 50%;
        border-top: 16px solid var(--schnitzler-green);
        width: 120px;
        height: 120px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
        }

        /* Safari */
        @-webkit-keyframes spin {
        0% { -webkit-transform: rotate(0deg); }
        100% { -webkit-transform: rotate(360deg); }
        }

        @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
        }

.containingloader {
    min-height:500px;
}

.table td {
    padding:0.3rem 0.3rem 0.3rem 0.75rem;
}

td li {
    list-style-type:none;
}

td p {
    margin-bottom: 0.2rem;
}

#copyLinkTextfield-wrapper:before {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    content: "";
    border-width: 5px 5px 0 5px;
    border-color: black transparent transparent transparent;
    z-index: 99;
}


#copyLinkTextfield-wrapper {
    position: absolute;
    width:500px;
    left: -200px;
    top: -75px;
    display: none;
}


#res-act-button-copy-url {
    position: relative;
    z-index: 9;
    display:inline-block;
    color: var(--schnitzler-green);
    cursor:pointer;
}

.res-act-button:hover {
    color:#000000 !important;
}

#copyLinkInputBtn {
    position: absolute;
    z-index: 99;
    left: 10px;
    top: 3px;
    color: var(--schnitzler-green);
}

#copyLinkTextfield {
    position: relative;
    width: 100%;
    background-color: #f1f1f1;
    padding: 2px 5px 2px 30px;
    border: 1px solid black;
    border-radius: 5px;
    color: var(--schnitzler-green);
    font-family: inherit;
    font-style: italic;
    font-size: 13px;
    text-align: left;
    overflow:hidden;
    resize: none;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: green;
    border-color: green;
}
.btn-outline-success:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: var(--schnitzler-green);
    border-color:var(--schnitzler-green);
}
.table {
    font-size:1rem;
}
.container {
    padding-top: 15px;
    margin-top: 30px;
}

/*** calendar ***/

#years-table .btn-light:focus, #years-table .btn-light.focus {
    box-shadow: 0 0 0 0.2rem var(--schnitzler-green);
}

.yearbtn {
    padding: 2px;
    font-size: 0.9rem;
    border: none;
    background-color: transparent;
}

/*** entry ***/

#srcbuttons a {
    cursor: pointer;
    display:inline-block;
}

.infodesc {
    font-weight: 500;
}

/*** search ***/

#ssResults button {
    border-radius: .25rem;
    border: 1px solid rgba(0,0,0,.1);
    background-color: transparent;
    padding: .5rem 1rem;
    font-size: 0.9rem;
    font-weight:500;
    line-height: 0.9rem;

}

#ssResults button:hover {
    background-color: #212529;
    color:white;
}


/* hide score */
#ssResults div span {
    display:none;
}

/*** utils ***/
/* copied from next bootstrap version */
.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: var(--schnitzler-green);
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite;
}

@keyframes spinner-grow {
    0% {
      transform: scale(0);
    }
    50% {
      opacity: 1;
    }
  }

/*** media queries ***/
@media (min-width: 1200px){
.container {
    max-width: 100%;
}
}
@media (min-width: 992px){
.container {
    max-width: 100%;
}
}
@media (min-width: 768px){
.container {
    max-width: 100%;
}
}
@media (min-width: 576px){
.container {
    max-width: 100%;
    }
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/*  Additions bei MAM for buttons */

a.wikipedia-button {
    display: inline-block;;
    background-color: #fff;
    border: 1px solid black;
    border-radius: 20px;
    padding: .25rem 1.25rem;
    font-size: .8rem;
    font-weight: 600;
    color: black;
    max-width: 10rem;
    transition: background-color ease .2s,color ease .2s;
}

a.PMB-button {
    display: inline-block;;
    background-color: #fff;
    border: 1px solid #9B5F98;
    border-radius: 20px;
    padding: .25rem 1.25rem;
    font-size: .8rem;
    font-weight: 600;
    color: #9B5F98;
    max-width: 10rem;
    transition: background-color ease .2s,color ease .2s;
}

a.briefe-button {
    display: inline-block;;
    background-color: #fff;
    border: 1px solid #A63437;
    border-radius: 20px;
    padding: .25rem 1.25rem;
    font-size: .8rem;
    font-weight: 600;
    color: #A63437;
    max-width: 10rem;
    transition: background-color ease .2s,color ease .2s;
}

a.leseliste-button {
    display: inline-block;;
    background-color: #fff;
    border: 1px solid #022954;
    border-radius: 20px;
    padding: .25rem 1.25rem;
    font-size: .8rem;
    font-weight: 600;
    color: #022954;
    max-width: 10rem;
    transition: background-color ease .2s,color ease .2s;
}

a.tagebuch-button {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #037a33;
    border-radius: 20px;
    padding: .25rem 1.25rem;
    font-size: .8rem;
    font-weight: 600;
    color: #037a33;
    max-width: 10rem;
    transition: background-color ease .2s,color ease .2s;
}

a.bahrschnitzler-button {
    display: inline-block;
    background-color: #fff;
    border: 1px solid orange;
    border-radius: 20px;
    padding: .25rem 1.25rem;
    font-size: .8rem;
    font-weight: 600;
    color: orange;
    max-width: 10rem;
    transition: background-color ease .2s,color ease .2s;
}

a.black-button {
    display: inline-block;
    background-color: #fff;
    border: 1px solid black;
    border-radius: 20px;
    padding: .25rem 1.25rem;
    font-size: .8rem;
    font-weight: 600;
    color: black;
    max-width: 10rem;
    transition: background-color ease .2s,color ease .2s;
}

a.wikipedia-workbutton {
    display: inline-block;;
    background-color: #fff;
    border: 0px solid black;
    border-radius: 10px;
    padding: .25rem 1.25rem;
    font-size: .8rem;
    font-weight: 600;
    color: black;
    max-width: 10rem;
    transition: background-color ease .2s,color ease .2s;
}

a.PMB-workbutton {
    display: inline-block;;
    background-color: #fff;
    border: 0px solid #9B5F98;
    border-radius: 10px;
    padding: .25rem 1.25rem;
    font-size: .8rem;
    font-weight: 600;
    color: #9B5F98;
    max-width: 10rem;
    transition: background-color ease .2s,color ease .2s;
}

a.briefe-workbutton {
    display: inline-block;;
    background-color: #fff;
    border: 0px solid #A63437;
    border-radius: 10px;
    padding: .25rem 1.25rem;
    font-size: .8rem;
    font-weight: 600;
    color: #A63437;
    max-width: 10rem;
    transition: background-color ease .2s,color ease .2s;
}

a.leseliste-workbutton {
    display: inline-block;;
    background-color: #fff;
    border: 0px solid #022954;
    border-radius: 10px;
    padding: .25rem 1.25rem;
    font-size: .8rem;
    font-weight: 600;
    color: #022954;
    max-width: 10rem;
    transition: background-color ease .2s,color ease .2s;
}

a.tagebuch-workbutton {
    display: inline-block;
    background-color: #fff;
    border: 0px solid #037a33;
    border-radius: 10px;
    padding: .25rem 1.25rem;
    font-size: .8rem;
    font-weight: 600;
    color: #037a33;
    max-width: 10rem;
    transition: background-color ease .2s,color ease .2s;
}

a.bahrschnitzler-workbutton {
    display: inline-block;
    background-color: #fff;
    border: 0px solid orange;
    border-radius: 10px;
    padding: .25rem 1.25rem;
    font-size: .8rem;
    font-weight: 600;
    color: orange;
    max-width: 10rem;
    transition: background-color ease .2s,color ease .2s;
}


a.black-workbutton {
    display: inline-block;
    background-color: #fff;
    border: 0px solid black;
    border-radius: 10px;
    padding: .25rem 1.25rem;
    font-size: .8rem;
    font-weight: 600;
    color: black;
    max-width: 10rem;
    transition: background-color ease .2s,color ease .2s;
}




.button-group {
         display: flex;
      }
      .button-group button {
         font-size: 4rem;
         border: 0;
      }

.titel {
    font-style: italic
}

.werke {
    margin-bottom: 1em;
    margin-top: 2em;
    
}

div.level2{
    margin-bottom: 3em;
    
}

.buttonreihe{line-height: 2 ;
}

.button{line-height: 1;}