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;
}

.navbar-brand img {
margin-top:0;
}

.navbar-toggler {
border:none !important;
box-shadow:none !important;
}

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

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

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

@media(min-width:1200px) {
.navbar-brand {
margin-bottom:100px;
}
}

@media(max-width:400px) {
.navbar-brand img {
height:30px;
margin-top:10px;
}
}

#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) and (min-width:576px) {
#mw-navigation .nav-item + .nav-item {
margin-left:5px;
}
}
@media(max-width:575.98px) {
#mw-navigation .nav-item {
margin-top:2px;
}
#mw-navigation .nav-item:first-child {
margin-top: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;
}
}

h3,
h4,
h5,
h6 {
font-weight:bold;
}

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

h3 {
background-color: var(--kroetengelb-light); //
}

h4 {
}

h5 {
}

.bg-white {
padding-top:10px;
padding-bottom:10px;
margin-bottom:1rem;
}

h5.card-title {
padding:0;
}

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

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

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

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

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

.tweeki-user-logged-in .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;
}
#content a:hover,
#content a:active,
#content a:focus {
color:var(--kroetenlila) !important;
color:var(--kroetengruen) !important;
}
#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; // weiß nicht mehr, wofür das war, jedenfalls zu generell, zerschießt z.B. Suchformular
}

.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;
}

#bodyContent .einfaerben {
width:100%;
max-width:500px;
}

.k-accordion h2 button {
font-weight:bold;
font-size:1.25rem;
}

.k-accordion .accordion-button:not(.collapsed) {
background-color:white;
box-shadow: none;
}

.semorg-filterbox {
color: #000;
font-size: inherit;
}

.k-startseite-card-text {
margin-top:15px;
line-height:1.3;
}

.kroeten-footer-impressum a+a:before {
content:" · ";
}

#pfForm {
background-color:#ffffffcc;
}

.card .semorg-projekt-logo img {
filter:grayscale(1);
}

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

.kroeten-ticker {
  overflow: hidden;
  color: white;
  background-color: black;
  font-size: var(--bs-body-font-size);
  margin-left:-18px;
  margin-right:-7px;
}