MediaWiki:Common.css

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

body {
background:url(/images/d/d8/Bg.svg) no-repeat;
background-position:top;
background-attachment:fixed;
}

@media (max-width: 768px) {
body {
background-position:top left 0px;
}
}

#mw-navigation {
background-color:transparent !important;
}
@media(min-width:1200px) {
#mw-navigation > .container {
background: url(/images/d/db/KRÖTE_beschnitten.svg);
  background-repeat: no-repeat;
  background-size: 200px;
  background-position: 50px 215px;
  padding-bottom: 100px;
}
}
@media(min-width:1400px) {
#mw-navigation > .container {
background-position: 115px 215px;
}
}

#footer {
background-color: transparent !important;
padding-bottom:10px;
}

@media(min-width:576px) {
.navbar-brand {
text-align:center;
width:100%;
display:block;
margin-top:50px;
margin-bottom:50px;
}
@media(min-width:1200px) {
.navbar-brand {
margin-bottom:100px;
}
}

.navbar-brand img {
  height: auto;
max-width:80%;
width:800px;
}

.navbar > .container {
display:block;
}
}

#mw-navigation .navbar-nav.me-auto {
justify-content:center;
margin:auto !important;
}

#mw-navigation .nav-link {
color: white;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  padding-left:10px;
  padding-right:10px;
}
#mw-navigation .nav-link:hover {
color:white;
}
#mw-navigation .navbar-nav .nav-link:active, #mw-navigation .navbar-nav .nav-link.active {
color:white;
}

#mw-navigation .nav-item {
background-color:black;
}
@media(min-width:992px) {
#mw-navigation .nav-item + .nav-item {
margin-left:15px;
}
}
@media(max-width:991.98px) {
#mw-navigation .nav-item + .nav-item {
margin-left:5px;
}
}

#footer .container {
padding-left:40px;
padding-right:25px;
}

@media(max-width:1400px) {
#footer .container {
padding:0;
margin:0;
max-width:100%
}
#footer .container .row {
margin:0;
}
.kroeten-footer-kurs {
margin:0 !important;
}
}

#firstHeading,
#bodyContent p,
.semorg-detail,
h3,
h4 {
background-color:white;
//margin-left:-5px;
//margin-right:-5px;
padding-left:5px;
padding-right:5px;
}

.card {
border:none;
background-color:transparent;
}
.card-text {
background-color:white;
}
.card-title {
background-color:white;
margin-bottom:0;
}

.kroeten-card-ort {
text-align:right;
margin-top:5px;
margin-bottom:10px;
border-bottom:1px solid #666;
}
.kroeten-card-ort-ort {
float:left;
}

#bodyContent .card-title .card-link {
color:black;
text-decoration:none;
}

.card .semorg-msg {
visibility:hidden;
}
.card-body {
background-color:white;
}

@media (min-width: 768px) {
.card-body {
min-height:200px;
}
}

.tweeki-advanced .card:hover .semorg-msg {
visibility:visible;
}

.semorg-filterbox {
background-color:white;
}

.semorg-list-map .maps-leaflet {
height:300px !important;
}

.leaflet-tile-pane {
filter: grayscale() contrast(1.2);
}

#bodyContent a {
text-decoration:underline;
}
#bodyContent btn-primary a {
text-decoration:none;
}

@media screen {
  .mw-parser-output a.extiw, .mw-parser-output a.external {
    color: var(--bs-link-color) !important;
  }
}

.tweeki-non-advanced .semorg-list-header {
display:none;
}

.semorg-form-section, 
.semorg-row, 
.oo-ui-panelLayout {
background-color:white;
}

div.leaflet-marker-icon {
filter:grayscale();
}
img.leaflet-marker-icon {
margin-top:-10px !important;
}

.oo-ui-iconElement-icon {
display:none;
}

.kroeten-footer-kurs {
background:url(/images/a/ab/Krötenkurs_beschnitten.svg);
background-repeat:repeat-x;
height:25px;
margin-left:-6px;
margin-right:-6px;
}
.kroeten-footer-impressum {
text-align:center;
margin-top:20px;
}
#footer .kroeten-footer-impressum a {
color:black;
}

.leaflet-container {
font-family:var(--bs-font-sans-serif);
}
@media(min-width:992px) {
.leaflet-container {
font-size:var(--bs-body-font-size);
}
}
.leaflet-container a {
color:black;
}
#bodyContent .leaflet-bar a,
#bodyContent .leaflet-popup a {
text-decoration:none;
}