MediaWiki:Common.css

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Ctrl+F5 oder Ctrl+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Ctrl+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Internet Explorer/Edge: Ctrl+F5 drücken oder Ctrl drücken und gleichzeitig Aktualisieren anklicken
• Opera: Ctrl+F5

body {
	font-family: sans-serif;
	font-size: 15px;
	background-color: #ffffff;
	overflow-y: scroll
}

a,
a:visited,
.mw-footer-container a {
	text-decoration: none;
	color: #108ec7;
	background: none
}

a:hover,
a:focus,
a:active,
a:hover:visited,
.mw-footer-container a:hover,
.mw-footer-container a:active,
.mw-footer-container a:focus {
	text-decoration: none;
	color: #006592
}

a.stub,
a.external,
a.external:visited,
.mw-body a.external,
.mw-body a.external:visited,
.mw-footer-container a:visited {
	color: #108ec7
}

a.new,
a.new:visited,
a.new:visited:hover,
.new a,
.new a:visited,
.new a:visited:hover {
	color: #888
}

a.new:hover,
.new a:hover {
	color: #333
}

.mw-body h1,
.mw-body h2 {
	font-family: 'Georgia', serif;
	line-height: 1.3;
	margin-bottom: 0.5em;
	padding: 0;
	border: none
}

.mw-body h1 {
	font-size: 2.4em
}

.mw-body h1.firstHeading {
	border: none
}

body.page-Hauptseite h1.firstHeading {
	display: none
}

.mw-body h2 {
	font-size: 2em;
	margin-top: 1em
}

.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6 {
	font-family: 'Georgia', serif;
	line-height: 1.5;
	margin-top: 0.3em;
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: normal;
	border: none
}

.mw-body h3 {
	font-size: 1.5em
}

.mw-body h4,
.mw-body h5,
.mw-body h6 {
	font-size: 100%
}

.mw-body #toc h2,
.mw-body .toc h2 {
	font-size: 100%;
	font-family: sans-serif
}

#p-logo-text a {
	font-family: 'Georgia', serif;
	font-variant: none
}

#mw-header-hack {
	opacity: 0
}

#searchInput {
	padding: 0.5em
}

#searchButton,
#mw-searchButton {
	right: 0
}

#mw-content-container {
	border: none;
	padding-bottom: 4em;
	background: none
}

#mw-content {
	box-shadow: none
}

.mw-body .mw-parser-output h1::after,
.mw-body .mw-parser-output h2::after,
.sidebar-inner h3,
.dropdown h3,
.tools-inline li {
	border: None
}

#user-tools h2::after,
.sidebar-chunk h2::after,
.dropdown-toggle::after {
	display: none
}

.mw-footer-container {
	border-color: transparent;
	color: inherit;
	box-shadow: none
}

#footer-info-lastmod {
	font-size: 0.8em
}

ul.gallery {
	margin: 1em 0
}

.thumbinner,
.mw-body li.gallerybox div.thumb {
	box-shadow: none;
	border-width: 1px;
	border-color: #ddd;
	background-color: inherit
}

.toc {
	width: 100%;
	box-sizing: border-box;
	box-shadow: none;
	border-width: 1px 0;
	background-color: inherit;
	border-color: #ddd;
	padding: 1.5em 0
}

ul#filetoc {
	display: none;
}

.mw-body .toctitle {
	border: none
}

#mw-toc-heading {
	font-weight: bold
}

.mw-category-generated {
	margin-top: 3em;
	border-top: 1px solid #ddd
}

.mw-category-generated #mw-pages h2 {
	display: none
}

.mw-editsection {
	background: none;
	padding-left: 0
}

.tagCloudContainer {
	margin-top: 30px
}

.tagcloud {
	box-sizing: border-box;
	font-family: 'Georgia', serif;
	font-weight: normal;
	font-size: 1.8em;
	margin-top: 30px;
	width: 100%;
	text-align: center;
	background-color: #FDFDFD;
	border: 1px solid #EEEEEE;
	padding: 15px;
	overflow: hidden;
	line-height: 1.1
}

.tagcloud a {
	padding: 0.2em;
	color: #108ec7;
	font-weight: inherit;
	display: inline-block;
	margin: 0
}

.youtubeWrapper {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	margin: 2em 0;
	clear: both
}

iframe {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%
}

.willkommenContainer {
	display: flex;
	flex-direction: column
}

.mapContainer {
	padding-bottom: 100% !important
}

.willkommenContainer .kategorieContainer h2 {
	margin-bottom: 0.6em
}

.clear {
	clear: both
}

#catlinks {
	border-top: 1px solid #ddd;
	margin-top: 2em;
	padding-top: 0.6em
}

.randomSlideshowContainer {
	margin-bottom: 1em;
}

.swiper {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 60%;
	overflow: hidden;
}

.kartenbutton {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction:row;
	justify-content: space-between;
	overflow: hidden;
	height: 30vw;
}

.kartenbutton img {
	display: block;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.kartenbutton .flexButton {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
}

.kartenbutton .flexButtonRaiffeisen {
	width: 42%;
}

.kartenbutton .flexButtonKarte {
	width: 55%;
}

.gm-style img {
	max-width: 100%;
	height: auto;
	width: 350px;
}

.gm-style .gm-style-iw-c {
	padding-right: 12px !important;
}

.simpleTable td:first-child {
	padding-right: 1em;
}

.simpleTable td {
	vertical-align: top;
}

.bild-mit-beschrieb {
	clear: both;
	margin-bottom: 4rem;
}

.bild-mit-beschrieb .magnify {
	display: none;
}

.bild-mit-beschrieb .thumb {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.bild-mit-beschrieb .thumbinner {
	margin: 0;
	padding: 0;
	border: none;
	display: flex;
	flex-direction: column;
	width: 100% !important;
}

.bild-mit-beschrieb .thumbinner a {}

.bild-mit-beschrieb .thumb img {
	width: 100%;
}

.bild-mit-beschrieb .thumbcaption {
	font-size: 80%;
}

#mw-imagepage-content::before {
	content: "Beschreibung";
	display: block;
	font-family: 'Georgia', serif;
	font-size: 2em;
	margin-top: 1em;
	line-height: 1.3;
	margin-bottom: 0.5em;
}

.dateiMiniExtern .thumbinner .thumbimage {
	border: none;
}

.dateiMiniExtern .magnify {
	display:none;
}

.dateiMiniExtern .thumbcaption {
	min-height: 0;
}

@media screen and (min-width:851px) {
	#mw-header-container {
		padding-top: 2em;
		position: absolute
	}

	#mw-content-container {
		background-color: white
	}

	.mw-wiki-logo.fallback {
		width: 100%;
		height: 0;
		padding-bottom: 100%;
		background-size: 100%
	}

	#mw-header-nav-hack {
		box-shadow: none;
		border: none
	}

	#mw-header-nav-hack .color-bar {
		opacity: 0
	}

	#mw-content {
		padding-top: 4em;
		border: none;
		margin-top: 7em
	}

	#mw-site-navigation .sidebar-inner h3,
	#mw-related-navigation .sidebar-inner h3 {
		border: none;
		font-weight: bold
	}

	#personal .dropdown h3 {
		border: none
	}

	#simpleSearch {
		margin: 0 0 0 auto;
		max-width: 350px
	}

	.willkommenContainer {
		display: flex;
		flex-direction: row;
		gap: 4%
	}

	.willkommenContainer .columnOne {
		width: 58%
	}

	.willkommenContainer .columnTwo {
		width: 38%
	}

	.willkommenContainer h2 {
		margin-top: 2.6em;
		margin-bottom: 1em
	}

	.newPagesListWrapper {
		margin-bottom: 5em
	}

	.mapContainer {
		padding-bottom: 60% !important
	}

	.kategorieContainer {
		display: inline-block;
		width: 43%;
		margin: 0 6% 8px 0;
		min-width: 290px;
		vertical-align: top;
		min-height: 160px
	}

	.willkommenContainer .kategorieContainer {
		width: 100%;
		margin: 0;
		min-height: 110px;
		min-width: auto
	}

	.homeFeatureContainer {
		display: flex;
		flex-direction: row;
		gap: 2%;
		align-items: stretch;
	}

	.randomSlideshowContainer {
		position: relative;
		width: 78%;
		height: 100%;
		margin-bottom: 0;
	}

	.kartenbutton {
		width: 22%;
		height: auto;
		flex-direction:column;
	}
	
	.kartenbutton .flexButton {
		width: 100%;
	}
	
	.kartenbutton .flexButtonRaiffeisen {
		height: 33%;
	}
	
	.kartenbutton .flexButtonKarte {
		height: 64%;
	}

	.mw-body .kartenbutton .flexButtonKarte img {
		max-width: none !important;
		width: auto;
		transform: translate(-50%, -50%) scale(0.9);
	}


	.bild-mit-beschrieb .thumbinner {
		display: flex;
		flex-direction: row;
		gap: 4%;
		align-items: flex-end;
	}

	.bild-mit-beschrieb .thumbinner a {
		flex-basis: 70%;
	}

	.bild-mit-beschrieb .thumbcaption {
		flex-basis: 30%;
	}
}

@media screen and (min-width:1100px) {
	#mw-header-container {
		background-color: transparent;
		position: absolute
	}

	#user-tools {
		margin-right: 2em
	}

	#mw-content-container {
		margin-top: 0
	}

	#mw-content {
		margin-top: 3.5em;
		padding-top: 2em
	}

	#p-logo-text {
		opacity: 0
	}

	#mw-site-navigation .sidebar-chunk,
	#mw-related-navigation .sidebar-chunk {
		background: none;
		border: none;
		box-shadow: none;
		padding-right: 0;
	}

	.mw-footer-container {
		margin-left: 16em
	}

	#catlinks {
		display: block;
		margin-left: 2em
	}
}

@media screen and (min-width:1340px) {
	#user-tools {
		margin-right: 0
	}

	#mw-content {
		padding-right: 0
	}

	body.page-Hauptseite #mw-content {
		margin-top: 4.5em
	}

	#mw-related-navigation {
		padding-top: 4.4em;
		padding-left: 0.3em
	}

	#mw-content-container {
		padding-bottom: 8em
	}

	.ts-inner {
		max-width: 100em
	}

	.mw-footer-container {
		margin-left: 0
	}

	#footer-list {
		padding-left: 1.5em;
		margin-left: 14.5em
	}
}