/*!
 * Start Bootstrap - Blog Home (https://startbootstrap.com/template/blog-home)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-blog-home/blob/master/LICENSE)
 */

:target:before { /* Links zu Ankern (#) auf der selben Seite sollen über das Ziel springen, damit Header/Navbar die Überschrift nicht verdeckt */
    content: "";
    display: block;
    height: 60px;
    margin: -60px 0 0;
}

ul.cont { /* Liste für Inhaltesübersicht content */
    list-style: none; /* Remove default bullets */

}

ul.cont li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color:#718522; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

ul.cont li > ul {
    list-style: none;
}
ul.cont li > ul > li::before{ /* zweite Ebene in Liste */
    content: "→";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color:#718522; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 2em; /* Also needed for space (tweak if needed) */
    margin-left: -2em; /* Also needed for space (tweak if needed) */
}

ul.footnotes{/* Liste für Quellenangaben und Fußnoten */
    list-style: none; /* Remove default bullets */
}

body {
    padding-top: 56px;
    background-color: #ffffff;
    margin: 0px;
}

.bg-dark {
    background-color: #a1be2d !important;
}

.bg-footer-dark {
    background-color: #444444;
}

.btn-primary {
    color: #fff;
    background-color: #a1be2d;
    border-color: #a1be2d;
}

.btn-primary:hover {
    color: #fff;
    background-color: #768b21;
    border-color: #768b21;
}

.btn-primary:focus{
    color: #fff;
    background-color: #768b21;
    border-color: #768b21;
    box-shadow:0 0 0 1px rgba(71, 99, 70, 0.678);
}

.btn-content {
    padding: 3px 6px 3px 6px; /* top right bottom left, 6 12 6 12 */
    background-color: #fff;
    color:  #768b21; 
}
a {
    color: #718522;
}

a:hover {
    color: #768b21;
    text-decoration: none;
}

a .card-body p,
a .card-body p:hover {
    color: #495057;
}

.card {
    break-inside: avoid;
    display: block;
}

.hovergrey:hover {
    background-color: #f8f9fa;
}

@media (max-width:575px) {
    .image-zoom-in {
        max-width: calc(100% + 40px);
        height: auto;
        margin-left: -20px;
        margin-right: -20px;
        margin-top: -12px;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }
}

@media (max-width: 768px) {
    [class*="col-"] {
        margin-bottom: 30px;
    }
}

.page-link {
    color: #768b21;
}

.page-link:hover {
    color: #768b21;
}

.breadcrumb {
    border-radius: 0px;
    background-color: #EEFACA;
}

h1,
h2,
h3,
h4,
h5,
.green-text {
    color: #768b21;
}

img {
    max-width: 100%;
    height: auto;
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
}

.navbar-nav .nav-link:hover {
    color: #ffffff;
    text-decoration: underline;
}

.dropdown-menu {
    margin: 7px;
    border-radius: 0px 0px 5px 5px;
    background-color: #a1be2d;
    border: none;
}

.dropdown-item {
    color: #fff;
}

.dropdown-item:hover {
    color: #a1be2d;
}

.dropdown-item:active {
    background-color: #768b21;
}

.video {
    position: relative;
}

.video a {
    content: "";
    position: absolute;
    top: 0;
    width: 50px;
    height: 20px;
    z-index: 100;
    background: transparent url("https://upload.wikimedia.org/wikipedia/commons/b/b8/YouTube_play_button_icon_%282013%E2%80%932017%29.svg") no-repeat center;
    pointer-events: none;
}

.smallImage {
    max-width: 200px;
    margin: 20px 20px 0px 20px;
}

.tit,
.tit2 {
    display: block;
    color: #718522;
    font-size: 2rem;
    line-height: 1.2;
}

.tit2 {
    font-size: 1.0rem;
}


br {
    line-height: 0px;
    display: none;
}

.table br,
p br,
.newsletter-container br {
    display: block;
}

.headline br {
    display: block;
}

.headline {
    font-size: 25px;
}


/* 
b {
    display: block;
    margin-bottom: 15px;
} */

table b,
table .tit2 {
    display: inline;
}

.table td,
.table th {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.row-table {
    margin: 0px 0px 5px 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #444444;
}

.row-table i {
    color: black;
    display: block;
}

.row-table-title {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #a1be2d;
    color: white;
    font-weight: bold;
}

.row-table-title i {
    color: white;
}

.row-striped:nth-of-type(odd) {
    background-color: #efefef;
}

.row-striped:nth-of-type(even) {
    background-color: #ffffff;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.col-4 {
    max-width: 100%;
}

.artikel.imgcover {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
}

.artikel.imgtitle {
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
}

.teaser-text {
    color: #768b21;
}

#literatur p,
.literatur {
    font-size: 80%;
    color: #444444;
}

#literatur .tit {
    margin-bottom: 15px;
}

div.small {
    margin-bottom: 15px;
}

.greenbox {
    background-color: #EEFACA;
    padding: 10px;
}

.input-group-append,
.input-group-prepend {
    height: calc(1.5em + .75rem + 2px);
}

nav .input-group-append,
nav .input-group-prepend {
    height: unset;
}

nav .form-control,
nav .btn {
    font-size: 0.65rem;
}

.auch-einen-klick-wert .list-group-item {
    background-color: #f0fad2;
}

.anchor {
    scroll-margin-top: 60px;
}

.card-img-top img {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

.card {
    word-wrap: unset;
}

.youtube-overlay {
    position: absolute;
    display: block;
    background: url("/pics/YouTube-icon-full_color.png");
    background-size: 83px 59px;
    height: 59px;
    width: 83px;
    top: calc(50% + 30px);
    left: 50%;
    margin: -42px 0 0 -29px;
}

.share-row {
    display: block;
}

.shariff .orientation-horizontal li {
    max-width: none !important;
    min-width: 0px !important;
}

.social-media-icons {
    font-size: 20px;
}

.social-media-icons a {
    margin-left: 10px;
}

.social-media-icons a:hover {
    color: #a1be2d;
}

@media print {
    .do-not-print {
        display: none;
    }
}

/* --- Alte Formatierungen für online-Artikel ---*/

.artikel.tit2 {
    display: block;
    color: #718522;
    font-size: 1.4rem;
    line-height: 1.2;
    margin-bottom: 6px;
    margin-top: 10px;
}

.artikel.caption {
    font-size: 0.9rem;
    text-align: left;
    color: #718522;
    margin-top: 6pt;
    margin-bottom: 18pt;
}

.artikel.tabelle {
    font-size: 0.9rem;
    text-align: left;
    color: #718522;
    margin-top: 6pt;
    margin-bottom: 3pt;
}

.artikel.einleitung {
    font-size: 1rem;
    text-align: left;
    color: black;
    font-style: italic;
    margin-bottom: 12px;
}

.artikel.literatur,
#literatur {
    font-size: 0.8rem;
    text-align: left;
    color: black;
    display: block;
}

.artikel.footnote {
    font-size: 0.8rem;
    text-align: left;
    margin-bottom: 6px;
}

.artikel.literatur br,
.artikel.small br,
.artikel.footnote br,
.artikel.box br {
    display: block;
}