Phoenix-Larp Wiki - Benutzerbeiträge [de]

Datei:Varkaz Buch Varkaz.pdf

2026-09-09T19:22:57Z

Becko: Becko lud eine neue Version von Datei:Varkaz Buch Varkaz.pdf hoch

== Beschreibung ==
Das Buch Varkaz.

Datei:Ars Arcana.pdf

2026-09-09T19:13:00Z

Becko: Becko lud eine neue Version von Datei:Ars Arcana.pdf hoch

== Beschreibung ==
In-Time-Traktat aus dem offiziellen Archiv der Phönix-Bibliothek.

MediaWiki:Common.js

2026-09-09T05:39:40Z

Becko: VE-Icon: robustere Suche der Hilfe-Werkzeuggruppe (aria-label ODER title)

/* Das Burger-Menü-JavaScript, der Admin-Link zu den Spezialseiten und die 'Anmelden'-Beschriftung für abgemeldete Besucher wurden in den PhoenixSkin-Fork übernommen (resources/phoenix-custom.js) und hier entfernt, da PhoenixSkin seit 2026-09-08 der Standard-Skin des Wikis ist. */

/* Hinweis auf den Redaktionsleitfaden im Bearbeiten-Modus. Bewusst hier
in Common.js statt im Skin hinterlegt, damit Text/Ziel-Seite/Optik
direkt im Wiki gepflegt werden koennen, ohne den Skin anzufassen.

- Klassischer Wikitext-Editor: deutliche Hinweisbox mit Warnsymbol
UNTERHALB des Quelltext-Feldes (nicht ueber dem ganzen Formular).
- VisualEditor: das gleiche Warnsymbol als kleines Icon oben in der
Werkzeugleiste, direkt vor dem Hilfe-("?")-Knopf. */
( function () {
var WARNING_ICON = '⚠';

function insertClassicNotice( $editForm ) {
if ( document.getElementById( 'phoenix-editnotice-leitfaden' ) ) {
return;
}
var $anchor = $editForm.find( '#wpTextbox1' );
if ( !$anchor.length ) {
$anchor = $editForm.find( 'textarea' ).first();
}
if ( !$anchor.length ) {
return;
}
// Falls CodeMirror aktiv ist, haengt es seinen eigentlichen
// Editor-Container direkt hinter die (dann versteckte) Textarea -
// den Hinweis in dem Fall dahinter statt davor einfuegen.
var $cm = $anchor.next( '.cm-editor, .CodeMirror' );
var $insertAfter = $cm.length ? $cm : $anchor;

var href = mw.util.getUrl( 'Phoenix_Larp_Wiki:Wiki-Projekt/Redaktionsleitfaden' );
var $notice = $( '<div>', { id: 'phoenix-editnotice-leitfaden' } ).append(
$( '<span>', { 'class': 'phoenix-editnotice-icon', 'aria-hidden': 'true' } ).text( WARNING_ICON ),
$( '<span>', { 'class': 'phoenix-editnotice-text' } ).append(
document.createTextNode( 'Bitte beachte beim Bearbeiten den ' ),
$( '<a>', { href: href, text: 'Redaktionsleitfaden' } ),
document.createTextNode( '.' )
)
);
$insertAfter.after( $notice );
}

// Sucht die "Hilfe"-Werkzeuggruppe in der VisualEditor-Werkzeugleiste.
// OOUI setzt den Gruppentitel je nach Version/Aufbau entweder als
// aria-label oder als title-Attribut - daher werden beide geprueft,
// statt uns auf eine bestimmte interne CSS-Klasse zu verlassen.
function findHelpGroup() {
var $bar = $( '.oo-ui-toolbar-bar' );
if ( !$bar.length ) {
return $();
}
return $bar.find( '.oo-ui-toolGroup, .oo-ui-tool' ).filter( function () {
var $el = $( this );
var label = ( $el.attr( 'aria-label' ) || $el.attr( 'title' ) || '' ).replace( /\s+/g, ' ' ).trim();
return label === 'Hilfe';
} ).first();
}

function insertVeIcon() {
if ( document.getElementById( 'phoenix-ve-editnotice-icon' ) ) {
return true;
}
var $help = findHelpGroup();
if ( !$help.length ) {
return false;
}
var href = mw.util.getUrl( 'Phoenix_Larp_Wiki:Wiki-Projekt/Redaktionsleitfaden' );
var $icon = $( '<a>', {
id: 'phoenix-ve-editnotice-icon',
href: href,
target: '_blank',
rel: 'noopener',
title: 'Redaktionsleitfaden beachten',
'aria-label': 'Redaktionsleitfaden beachten',
text: WARNING_ICON
} );
$help.before( $icon );
return true;
}

// Klassischer Wikitext-Editor: Kernhook, der beim Anzeigen des
// Bearbeitungsformulars feuert (auch bei AJAX-Nachladen, z. B. beim
// Bearbeiten einzelner Abschnitte).
mw.hook( 'wikipage.editform' ).add( function ( $editForm ) {
insertClassicNotice( $editForm );
} );

// VisualEditor: die Werkzeugleiste wird nach dem Aktivierungs-Hook
// teils noch asynchron fertig aufgebaut, daher kurz nachpruefen
// (max. ca. 8 Sekunden).
mw.hook( 've.activationComplete' ).add( function () {
var tries = 0;
var iv = setInterval( function () {
tries++;
if ( insertVeIcon() || tries > 32 ) {
clearInterval( iv );
}
}, 250 );
} );
}() );

MediaWiki:Common.css

2026-09-09T05:33:51Z

Becko: Warnbox-Styling unter dem Quelltextfeld + Icon-Styling für VisualEditor-Symbol

/* Die Phoenix-spezifischen Anpassungen (.phoenix-hero, Portal-Kacheln, Religions-Karten, Länderkarten-Marker, Infoboxen, mobiles Burger-Menü, Chip-Navigation, TOC-Tiefe, Chip-Design für Benutzer-/Aktionsmenü usw.) wurden in den PhoenixSkin-Fork übernommen (resources/phoenix-custom.less) und hier entfernt, da PhoenixSkin seit 2026-09-08 der Standard-Skin des Wikis ist. */

/* Hinweis-Box (Quelltext-Editor) und Symbol (VisualEditor) für den
Redaktionsleitfaden im Bearbeiten-Modus (Inhalt wird per Common.js
eingefuegt). Bewusst hier in Common.css statt im Skin hinterlegt,
damit Farbe/Text direkt im Wiki angepasst werden koennen, ohne den
Skin anzufassen. */
#phoenix-editnotice-leitfaden {
display: flex;
align-items: flex-start;
gap: 0.5em;
margin: 0.8em 0 0;
padding: 0.7em 1em;
background: #fdf2d9;
border: 2px solid #b8860b;
border-left: 6px solid #b8860b;
border-radius: 2px;
color: #443a2a;
font-size: 0.95em;
}
#phoenix-editnotice-leitfaden .phoenix-editnotice-icon {
flex: 0 0 auto;
font-size: 1.4em;
line-height: 1.2;
color: #b8860b;
}
#phoenix-editnotice-leitfaden .phoenix-editnotice-text {
flex: 1 1 auto;
}
#phoenix-editnotice-leitfaden a {
font-weight: bold;
}

#phoenix-ve-editnotice-icon {
display: inline-flex;
align-items: center;
justify-content: center;
align-self: center;
width: 2.86em;
height: 2.86em;
margin: 0 0.2em;
color: #b8860b;
font-size: 1.1em;
text-decoration: none;
cursor: pointer;
}
#phoenix-ve-editnotice-icon:hover {
color: #8a6508;
}

MediaWiki:Common.js

2026-09-09T05:33:16Z

Becko: Redaktionsleitfaden-Hinweis: im Quelltext-Editor unter das Textfeld mit Warnsymbol, im VisualEditor als Symbol vor der Hilfe-Schaltfläche

/* Das Burger-Menü-JavaScript, der Admin-Link zu den Spezialseiten und die 'Anmelden'-Beschriftung für abgemeldete Besucher wurden in den PhoenixSkin-Fork übernommen (resources/phoenix-custom.js) und hier entfernt, da PhoenixSkin seit 2026-09-08 der Standard-Skin des Wikis ist. */

/* Hinweis auf den Redaktionsleitfaden im Bearbeiten-Modus. Bewusst hier
in Common.js statt im Skin hinterlegt, damit Text/Ziel-Seite/Optik
direkt im Wiki gepflegt werden koennen, ohne den Skin anzufassen.

- Klassischer Wikitext-Editor: deutliche Hinweisbox mit Warnsymbol
UNTERHALB des Quelltext-Feldes (nicht ueber dem ganzen Formular).
- VisualEditor: das gleiche Warnsymbol als kleines Icon oben in der
Werkzeugleiste, direkt vor dem Hilfe-("?")-Knopf. */
( function () {
var WARNING_ICON = '⚠';

function insertClassicNotice( $editForm ) {
if ( document.getElementById( 'phoenix-editnotice-leitfaden' ) ) {
return;
}
var $anchor = $editForm.find( '#wpTextbox1' );
if ( !$anchor.length ) {
$anchor = $editForm.find( 'textarea' ).first();
}
if ( !$anchor.length ) {
return;
}
// Falls CodeMirror aktiv ist, haengt es seinen eigentlichen
// Editor-Container direkt hinter die (dann versteckte) Textarea -
// den Hinweis in dem Fall dahinter statt davor einfuegen.
var $cm = $anchor.next( '.cm-editor, .CodeMirror' );
var $insertAfter = $cm.length ? $cm : $anchor;

var href = mw.util.getUrl( 'Phoenix_Larp_Wiki:Wiki-Projekt/Redaktionsleitfaden' );
var $notice = $( '<div>', { id: 'phoenix-editnotice-leitfaden' } ).append(
$( '<span>', { 'class': 'phoenix-editnotice-icon', 'aria-hidden': 'true' } ).text( WARNING_ICON ),
$( '<span>', { 'class': 'phoenix-editnotice-text' } ).append(
document.createTextNode( 'Bitte beachte beim Bearbeiten den ' ),
$( '<a>', { href: href, text: 'Redaktionsleitfaden' } ),
document.createTextNode( '.' )
)
);
$insertAfter.after( $notice );
}

function insertVeIcon() {
if ( document.getElementById( 'phoenix-ve-editnotice-icon' ) ) {
return true;
}
var $help = $( '.oo-ui-toolbar-bar [aria-label="Hilfe"]' ).first();
if ( !$help.length ) {
return false;
}
var href = mw.util.getUrl( 'Phoenix_Larp_Wiki:Wiki-Projekt/Redaktionsleitfaden' );
var $icon = $( '<a>', {
id: 'phoenix-ve-editnotice-icon',
href: href,
target: '_blank',
rel: 'noopener',
title: 'Redaktionsleitfaden beachten',
'aria-label': 'Redaktionsleitfaden beachten',
text: WARNING_ICON
} );
$help.before( $icon );
return true;
}

// Klassischer Wikitext-Editor: Kernhook, der beim Anzeigen des
// Bearbeitungsformulars feuert (auch bei AJAX-Nachladen, z. B. beim
// Bearbeiten einzelner Abschnitte).
mw.hook( 'wikipage.editform' ).add( function ( $editForm ) {
insertClassicNotice( $editForm );
} );

// VisualEditor: die Werkzeugleiste wird nach dem Aktivierungs-Hook
// teils noch asynchron fertig aufgebaut, daher kurz nachpruefen
// (max. ca. 5 Sekunden).
mw.hook( 've.activationComplete' ).add( function () {
var tries = 0;
var iv = setInterval( function () {
tries++;
if ( insertVeIcon() || tries > 20 ) {
clearInterval( iv );
}
}, 250 );
} );
}() );

MediaWiki:Common.js

2026-09-09T05:03:28Z

Becko: Robusteren MediaWiki-Kernhook (wikipage.editform / ve.activationComplete) statt eigener Edit-Erkennung verwenden

MediaWiki:Common.css

2026-09-09T04:59:12Z

Becko: Hinweis-Box für Redaktionsleitfaden im Bearbeiten-Modus hinzugefügt

MediaWiki:Common.js

2026-09-09T04:58:41Z

Becko: Hinweis auf Redaktionsleitfaden im Bearbeiten-Modus (Wikitext + VisualEditor) einblenden

MediaWiki:Common.js

2026-09-08T16:18:40Z

Becko: Nach PhoenixSkin-Migration: doppeltes Burger-Menü-/Personal-Menü-JS entfernt (jetzt im Skin selbst, siehe phoenix-custom.js)

MediaWiki:Common.css

2026-09-08T16:18:40Z

Becko: Nach PhoenixSkin-Migration: doppelte Phoenix-Styles entfernt (jetzt im Skin selbst, siehe phoenix-custom.less)

MediaWiki:Common.css

2026-09-08T13:04:05Z

Becko: Menü-Button (Burger) wieder auf Original-Position zurückgesetzt

/* Gestaltung der Phoenix-Wiki-Portale */
.phoenix-hero {
padding: 2.2rem;
margin: 0 0 1.5rem;
color: #f8f0dc;
background:
linear-gradient(135deg, rgba(24,36,51,.72), rgba(57,75,88,.62)),
url("https://wiki.phoenixlarp.de/images/0/03/Phoenix-Hero-Background.jpg");
background-size: cover;
background-position: center top;
border: 1px solid #9b8356;
border-radius: 4px;
}
.phoenix-kicker {
color: #d2bb83;
font-size: .85rem;
letter-spacing: .16em;
}
.phoenix-title {
margin: .25rem 0;
font-family: Georgia, serif;
font-size: 2.4rem;
}
.phoenix-lead {
max-width: 52rem;
font-size: 1.05rem;
}
.phoenix-portal-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 1rem;
margin: 1rem 0 1.5rem;
}
.phoenix-portal-card {
padding: 1.1rem 1.2rem;
background: linear-gradient(160deg, #faf6ec, #f0e6d0);
border: 1px solid #9b8356;
border-left: 6px solid #735c32;
border-radius: 2px;
box-shadow: 0 1px 4px rgba(61, 48, 30, .12);
}
.phoenix-portal-card h3 {
margin-top: 0;
font-family: Georgia, serif;
color: #443a2a;
}
.phoenix-portal-card .mw-editsection {
display: none;
}
@media (max-width: 720px) {
.phoenix-title { font-size: 1.8rem; }
}

/* Vollflächig klickbare Kacheln */
.phoenix-click-card {
position: relative;
cursor: pointer;
transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
background: #efe6d5;
border-color: #a58e60;
box-shadow: 0 3px 10px rgba(61, 48, 30, .16);
transform: translateY(-1px);
}
.phoenix-portal-card h3 a::after,
.phoenix-religion-card .phoenix-card-link a::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
}
.phoenix-portal-card h3 a:focus-visible,
.phoenix-religion-card .phoenix-card-link a:focus-visible {
outline: 2px solid #735c32;
outline-offset: 3px;
}
.phoenix-religion-grid {
display: flex;
flex-wrap: wrap;
gap: 1em;
align-items: stretch;
}
.phoenix-religion-card {
display: flex;
align-items: center;
gap: .9em;
box-sizing: border-box;
flex: 1 1 360px;
min-height: 118px;
padding: .9em 1.1em;
border: 1px solid #9b8356;
border-left: 6px solid #735c32;
border-radius: 2px;
background: linear-gradient(160deg, #faf6ec, #f0e6d0);
box-shadow: 0 1px 4px rgba(61, 48, 30, .12);
}
.phoenix-religion-card .phoenix-card-link {
font-family: Georgia, serif;
color: #443a2a;
}
.phoenix-religion-symbol {
flex: 0 0 88px;
text-align: center;
}
.phoenix-religion-content {
flex: 1 1 auto;
}
@media (prefers-reduced-motion: reduce) {
.phoenix-click-card {
transition: none;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
transform: none;
}
}

/* Interaktive Markierungen der Länderkarte */
.phoenix-map-marker {
color: #d01818 !important;
-webkit-text-stroke: 2px #000;
paint-order: stroke fill;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 5px #fff;
transition: color .15s ease;
}
a:hover .phoenix-map-marker,
a:focus .phoenix-map-marker {
color: #000 !important;
}
a:has(> .phoenix-map-marker) {
text-decoration: none !important;
}

/* Einheitliche Navigation und Infoboxen */
.phoenix-backlink {
margin: .2rem 0 1rem;
padding: .45rem .7rem;
background: #f7f2e7;
border-left: 4px solid #735c32;
color: #443a2a;
}
.phoenix-infobox {
float: right;
clear: right;
width: 300px;
margin: 0 0 1rem 1.25rem;
background: #faf7ef;
}
.phoenix-infobox th {
width: 38%;
background: #eee5d3;
color: #3f3322;
}
.phoenix-infobox tr:first-child th {
width: auto;
background: #735c32;
color: #fff;
font-family: Georgia, serif;
font-size: 1.1rem;
text-align: center;
}
.phoenix-infobox-image {
text-align: center;
}
.phoenix-infobox-image img {
max-width: 260px;
height: auto;
}
.phoenix-infobox tr:has(> .phoenix-infobox-value:empty) {
display: none;
}
@media (max-width: 720px) {
.phoenix-infobox {
float: none;
width: 100%;
margin: 0 0 1rem;
}
}

/* Piktogramme in Portalkacheln */
.phoenix-icon-card {
text-align: center;
}

.phoenix-icon-card .phoenix-portal-icon {
display: flex;
align-items: center;
justify-content: center;
min-height: 120px;
margin-bottom: .6rem;
}

.phoenix-icon-card .phoenix-portal-icon img {
display: block;
width: 112px;
height: 112px;
object-fit: contain;
}

.phoenix-icon-card h3 {
margin-bottom: .15rem;
}

/* Gerade Linie unter ==-Überschriften entfernen, Schwung (Hintergrundbild auf h2) bleibt erhalten */
.mw-heading2 {
border-bottom: none;
}

/* Mobile Navigation: Seitenleiste als Burger-Off-Canvas-Menü (oben links) */
@media screen and (max-width: 768px) {
#column-navigation {
position: fixed;
top: 0;
left: 0;
width: 82vw;
max-width: 320px;
height: 100vh;
overflow-y: auto;
background: #fff;
box-shadow: 2px 0 12px rgba(0, 0, 0, .25);
transform: translateX(-100%);
transition: transform .25s ease;
padding: 3.5rem 1rem 1rem;
z-index: 1000;
box-sizing: border-box;
}
body.nav-open #column-navigation {
transform: translateX(0);
}

.nav-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .4);
z-index: 900;
}
body.nav-open .nav-overlay {
display: block;
}
body.nav-open {
overflow: hidden;
}

.mw-burger {
position: fixed;
top: .6rem;
left: .6rem;
z-index: 1100;
width: 42px;
height: 42px;
border: 1px solid #9b8356;
border-radius: 4px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
cursor: pointer;
}
.mw-burger span,
.mw-burger span::before,
.mw-burger span::after {
content: "";
display: block;
width: 22px;
height: 2px;
background: #223355;
position: relative;
transition: transform .2s ease, opacity .2s ease, background-color .2s ease;
}
.mw-burger span::before {
position: absolute;
top: -7px;
}
.mw-burger span::after {
position: absolute;
top: 7px;
}
body.nav-open .mw-burger span {
background: transparent;
}
body.nav-open .mw-burger span::before {
transform: rotate(45deg);
top: 0;
background: #223355;
}
body.nav-open .mw-burger span::after {
transform: rotate(-45deg);
top: 0;
background: #223355;
}

/* Breite Inhalte (Tabellen, Bilder) nicht über den Viewport hinausragen lassen */
.mw-parser-output table {
display: block;
max-width: 100%;
overflow-x: auto;
}
#content img,
.mw-parser-output img {
max-width: 100%;
height: auto;
}
}

/* Inhaltsverzeichnis-Tiefe pro Seite ueber {{TOC Tiefe|N}} */
.tocLimit-1 .toclevel-2, .tocLimit-1 .toclevel-3, .tocLimit-1 .toclevel-4, .tocLimit-1 .toclevel-5, .tocLimit-1 .toclevel-6 {
display: none;
}
.tocLimit-2 .toclevel-3, .tocLimit-2 .toclevel-4, .tocLimit-2 .toclevel-5, .tocLimit-2 .toclevel-6 {
display: none;
}
.tocLimit-3 .toclevel-4, .tocLimit-3 .toclevel-5, .tocLimit-3 .toclevel-6 {
display: none;
}
.tocLimit-4 .toclevel-5, .tocLimit-4 .toclevel-6 {
display: none;
}
.tocLimit-5 .toclevel-6 {
display: none;
}

/* Reiter (Seite/Diskussion, Aktionen, Lesen/Bearbeiten/...) als einheitliche Chip-Leiste - ueberall */
#p-namespaces,
#p-views,
#p-actions,
#p-variants {
white-space: normal;
margin: 0;
padding: .3rem 0;
}
#p-namespaces {
float: left;
}
#p-views,
#p-actions,
#p-variants {
float: right;
margin-right: .6rem;
}
#p-namespaces ul,
#p-views ul,
#p-actions ul,
#p-variants ul {
display: flex;
flex-wrap: wrap;
gap: .4rem;
margin: 0;
padding: 0;
list-style: none;
}
#p-namespaces li,
#p-views li,
#p-actions li,
#p-variants li {
display: block;
white-space: nowrap;
margin: 0;
padding: 0;
}
#p-namespaces li a,
#p-views li a,
#p-actions li a,
#p-variants li a {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
text-decoration: none;
}
#p-namespaces li.selected a,
#p-views li.selected a {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* Kopfzeile auf schmalen Bildschirmen lesbar stapeln statt ueberlappen zu lassen */
@media screen and (max-width: 750px) {
#p-banner,
#p-banner.mw-wiki-title {
font-size: 1.1rem;
display: block;
width: auto;
max-width: calc(100% - 3.5rem);
white-space: normal;
overflow-wrap: break-word;
line-height: 1.25;
margin-left: 3.2rem;
}

#p-search {
float: none;
position: static;
width: auto;
max-width: none;
margin: .5rem 0 .5rem 3rem;
}
#p-search input,
#p-search .oo-ui-widget {
max-width: 100%;
box-sizing: border-box;
}
}

/* Benutzername oben rechts (Becko): markanter Chip mit abgerundeten
Ecken und Gold-Umrandung, passend zum restlichen Anisa-Design */
#p-personal h3 {
display: inline-block;
padding: .35rem .9rem;
background: #f7f2e7;
border: 1.5px solid #9b8356;
border-radius: 999px;
font-size: .85rem;
font-family: Georgia, serif;
line-height: 1.1;
font-weight: normal;
letter-spacing: .02em;
color: #443a2a;
box-shadow: 0 1px 3px rgba(61, 48, 30, .15);
}
#p-personal:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Aktionen" oben rechts ebenfalls im gleichen Chip-Design wie die
anderen Reiter/Buttons anzeigen */
#p-actions h3 {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
font-weight: normal;
color: #443a2a;
}
#p-actions:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Anmelden"-Link (abgemeldete Besucher) innerhalb des Chips: keine
Unterstreichung, Farbe erben, ganze Pille klickbar */
#p-personal h3 a {
display: block;
margin: -.35rem -.9rem;
padding: .35rem .9rem;
color: inherit;
text-decoration: none;
}

MediaWiki:Common.css

2026-09-08T13:00:49Z

Becko: Hero-Kachel: Bild oben anschlagen, nur unten beschneiden (background-position: top)

/* Gestaltung der Phoenix-Wiki-Portale */
.phoenix-hero {
padding: 2.2rem;
margin: 0 0 1.5rem;
color: #f8f0dc;
background:
linear-gradient(135deg, rgba(24,36,51,.72), rgba(57,75,88,.62)),
url("https://wiki.phoenixlarp.de/images/0/03/Phoenix-Hero-Background.jpg");
background-size: cover;
background-position: center top;
border: 1px solid #9b8356;
border-radius: 4px;
}
.phoenix-kicker {
color: #d2bb83;
font-size: .85rem;
letter-spacing: .16em;
}
.phoenix-title {
margin: .25rem 0;
font-family: Georgia, serif;
font-size: 2.4rem;
}
.phoenix-lead {
max-width: 52rem;
font-size: 1.05rem;
}
.phoenix-portal-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 1rem;
margin: 1rem 0 1.5rem;
}
.phoenix-portal-card {
padding: 1.1rem 1.2rem;
background: linear-gradient(160deg, #faf6ec, #f0e6d0);
border: 1px solid #9b8356;
border-left: 6px solid #735c32;
border-radius: 2px;
box-shadow: 0 1px 4px rgba(61, 48, 30, .12);
}
.phoenix-portal-card h3 {
margin-top: 0;
font-family: Georgia, serif;
color: #443a2a;
}
.phoenix-portal-card .mw-editsection {
display: none;
}
@media (max-width: 720px) {
.phoenix-title { font-size: 1.8rem; }
}

/* Vollflächig klickbare Kacheln */
.phoenix-click-card {
position: relative;
cursor: pointer;
transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
background: #efe6d5;
border-color: #a58e60;
box-shadow: 0 3px 10px rgba(61, 48, 30, .16);
transform: translateY(-1px);
}
.phoenix-portal-card h3 a::after,
.phoenix-religion-card .phoenix-card-link a::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
}
.phoenix-portal-card h3 a:focus-visible,
.phoenix-religion-card .phoenix-card-link a:focus-visible {
outline: 2px solid #735c32;
outline-offset: 3px;
}
.phoenix-religion-grid {
display: flex;
flex-wrap: wrap;
gap: 1em;
align-items: stretch;
}
.phoenix-religion-card {
display: flex;
align-items: center;
gap: .9em;
box-sizing: border-box;
flex: 1 1 360px;
min-height: 118px;
padding: .9em 1.1em;
border: 1px solid #9b8356;
border-left: 6px solid #735c32;
border-radius: 2px;
background: linear-gradient(160deg, #faf6ec, #f0e6d0);
box-shadow: 0 1px 4px rgba(61, 48, 30, .12);
}
.phoenix-religion-card .phoenix-card-link {
font-family: Georgia, serif;
color: #443a2a;
}
.phoenix-religion-symbol {
flex: 0 0 88px;
text-align: center;
}
.phoenix-religion-content {
flex: 1 1 auto;
}
@media (prefers-reduced-motion: reduce) {
.phoenix-click-card {
transition: none;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
transform: none;
}
}

/* Interaktive Markierungen der Länderkarte */
.phoenix-map-marker {
color: #d01818 !important;
-webkit-text-stroke: 2px #000;
paint-order: stroke fill;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 5px #fff;
transition: color .15s ease;
}
a:hover .phoenix-map-marker,
a:focus .phoenix-map-marker {
color: #000 !important;
}
a:has(> .phoenix-map-marker) {
text-decoration: none !important;
}

/* Einheitliche Navigation und Infoboxen */
.phoenix-backlink {
margin: .2rem 0 1rem;
padding: .45rem .7rem;
background: #f7f2e7;
border-left: 4px solid #735c32;
color: #443a2a;
}
.phoenix-infobox {
float: right;
clear: right;
width: 300px;
margin: 0 0 1rem 1.25rem;
background: #faf7ef;
}
.phoenix-infobox th {
width: 38%;
background: #eee5d3;
color: #3f3322;
}
.phoenix-infobox tr:first-child th {
width: auto;
background: #735c32;
color: #fff;
font-family: Georgia, serif;
font-size: 1.1rem;
text-align: center;
}
.phoenix-infobox-image {
text-align: center;
}
.phoenix-infobox-image img {
max-width: 260px;
height: auto;
}
.phoenix-infobox tr:has(> .phoenix-infobox-value:empty) {
display: none;
}
@media (max-width: 720px) {
.phoenix-infobox {
float: none;
width: 100%;
margin: 0 0 1rem;
}
}

/* Piktogramme in Portalkacheln */
.phoenix-icon-card {
text-align: center;
}

.phoenix-icon-card .phoenix-portal-icon {
display: flex;
align-items: center;
justify-content: center;
min-height: 120px;
margin-bottom: .6rem;
}

.phoenix-icon-card .phoenix-portal-icon img {
display: block;
width: 112px;
height: 112px;
object-fit: contain;
}

.phoenix-icon-card h3 {
margin-bottom: .15rem;
}

/* Gerade Linie unter ==-Überschriften entfernen, Schwung (Hintergrundbild auf h2) bleibt erhalten */
.mw-heading2 {
border-bottom: none;
}

/* Mobile Navigation: Seitenleiste als Burger-Off-Canvas-Menü (oben links) */
@media screen and (max-width: 768px) {
#column-navigation {
position: fixed;
top: 0;
left: 0;
width: 82vw;
max-width: 320px;
height: 100vh;
overflow-y: auto;
background: #fff;
box-shadow: 2px 0 12px rgba(0, 0, 0, .25);
transform: translateX(-100%);
transition: transform .25s ease;
padding: 3.5rem 1rem 1rem;
z-index: 1000;
box-sizing: border-box;
}
body.nav-open #column-navigation {
transform: translateX(0);
}

.nav-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .4);
z-index: 900;
}
body.nav-open .nav-overlay {
display: block;
}
body.nav-open {
overflow: hidden;
}

.mw-burger {
position: fixed;
top: calc(.6rem + 30px);
left: .6rem;
z-index: 1100;
width: 42px;
height: 42px;
border: 1px solid #9b8356;
border-radius: 4px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
cursor: pointer;
}
.mw-burger span,
.mw-burger span::before,
.mw-burger span::after {
content: "";
display: block;
width: 22px;
height: 2px;
background: #223355;
position: relative;
transition: transform .2s ease, opacity .2s ease, background-color .2s ease;
}
.mw-burger span::before {
position: absolute;
top: -7px;
}
.mw-burger span::after {
position: absolute;
top: 7px;
}
body.nav-open .mw-burger span {
background: transparent;
}
body.nav-open .mw-burger span::before {
transform: rotate(45deg);
top: 0;
background: #223355;
}
body.nav-open .mw-burger span::after {
transform: rotate(-45deg);
top: 0;
background: #223355;
}

/* Breite Inhalte (Tabellen, Bilder) nicht über den Viewport hinausragen lassen */
.mw-parser-output table {
display: block;
max-width: 100%;
overflow-x: auto;
}
#content img,
.mw-parser-output img {
max-width: 100%;
height: auto;
}
}

/* Inhaltsverzeichnis-Tiefe pro Seite ueber {{TOC Tiefe|N}} */
.tocLimit-1 .toclevel-2, .tocLimit-1 .toclevel-3, .tocLimit-1 .toclevel-4, .tocLimit-1 .toclevel-5, .tocLimit-1 .toclevel-6 {
display: none;
}
.tocLimit-2 .toclevel-3, .tocLimit-2 .toclevel-4, .tocLimit-2 .toclevel-5, .tocLimit-2 .toclevel-6 {
display: none;
}
.tocLimit-3 .toclevel-4, .tocLimit-3 .toclevel-5, .tocLimit-3 .toclevel-6 {
display: none;
}
.tocLimit-4 .toclevel-5, .tocLimit-4 .toclevel-6 {
display: none;
}
.tocLimit-5 .toclevel-6 {
display: none;
}

/* Reiter (Seite/Diskussion, Aktionen, Lesen/Bearbeiten/...) als einheitliche Chip-Leiste - ueberall */
#p-namespaces,
#p-views,
#p-actions,
#p-variants {
white-space: normal;
margin: 0;
padding: .3rem 0;
}
#p-namespaces {
float: left;
}
#p-views,
#p-actions,
#p-variants {
float: right;
margin-right: .6rem;
}
#p-namespaces ul,
#p-views ul,
#p-actions ul,
#p-variants ul {
display: flex;
flex-wrap: wrap;
gap: .4rem;
margin: 0;
padding: 0;
list-style: none;
}
#p-namespaces li,
#p-views li,
#p-actions li,
#p-variants li {
display: block;
white-space: nowrap;
margin: 0;
padding: 0;
}
#p-namespaces li a,
#p-views li a,
#p-actions li a,
#p-variants li a {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
text-decoration: none;
}
#p-namespaces li.selected a,
#p-views li.selected a {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* Kopfzeile auf schmalen Bildschirmen lesbar stapeln statt ueberlappen zu lassen */
@media screen and (max-width: 750px) {
#p-banner,
#p-banner.mw-wiki-title {
font-size: 1.1rem;
display: block;
width: auto;
max-width: calc(100% - 3.5rem);
white-space: normal;
overflow-wrap: break-word;
line-height: 1.25;
margin-left: 3.2rem;
}

#p-search {
float: none;
position: static;
width: auto;
max-width: none;
margin: .5rem 0 .5rem 3rem;
}
#p-search input,
#p-search .oo-ui-widget {
max-width: 100%;
box-sizing: border-box;
}
}

/* Benutzername oben rechts (Becko): markanter Chip mit abgerundeten
Ecken und Gold-Umrandung, passend zum restlichen Anisa-Design */
#p-personal h3 {
display: inline-block;
padding: .35rem .9rem;
background: #f7f2e7;
border: 1.5px solid #9b8356;
border-radius: 999px;
font-size: .85rem;
font-family: Georgia, serif;
line-height: 1.1;
font-weight: normal;
letter-spacing: .02em;
color: #443a2a;
box-shadow: 0 1px 3px rgba(61, 48, 30, .15);
}
#p-personal:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Aktionen" oben rechts ebenfalls im gleichen Chip-Design wie die
anderen Reiter/Buttons anzeigen */
#p-actions h3 {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
font-weight: normal;
color: #443a2a;
}
#p-actions:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Anmelden"-Link (abgemeldete Besucher) innerhalb des Chips: keine
Unterstreichung, Farbe erben, ganze Pille klickbar */
#p-personal h3 a {
display: block;
margin: -.35rem -.9rem;
padding: .35rem .9rem;
color: inherit;
text-decoration: none;
}

MediaWiki:Common.css

2026-09-08T12:43:11Z

Becko: Menü-Button (Burger) 30px tiefer positioniert

/* Gestaltung der Phoenix-Wiki-Portale */
.phoenix-hero {
padding: 2.2rem;
margin: 0 0 1.5rem;
color: #f8f0dc;
background:
linear-gradient(135deg, rgba(24,36,51,.72), rgba(57,75,88,.62)),
url("https://wiki.phoenixlarp.de/images/0/03/Phoenix-Hero-Background.jpg");
background-size: cover;
background-position: center;
border: 1px solid #9b8356;
border-radius: 4px;
}
.phoenix-kicker {
color: #d2bb83;
font-size: .85rem;
letter-spacing: .16em;
}
.phoenix-title {
margin: .25rem 0;
font-family: Georgia, serif;
font-size: 2.4rem;
}
.phoenix-lead {
max-width: 52rem;
font-size: 1.05rem;
}
.phoenix-portal-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 1rem;
margin: 1rem 0 1.5rem;
}
.phoenix-portal-card {
padding: 1.1rem 1.2rem;
background: linear-gradient(160deg, #faf6ec, #f0e6d0);
border: 1px solid #9b8356;
border-left: 6px solid #735c32;
border-radius: 2px;
box-shadow: 0 1px 4px rgba(61, 48, 30, .12);
}
.phoenix-portal-card h3 {
margin-top: 0;
font-family: Georgia, serif;
color: #443a2a;
}
.phoenix-portal-card .mw-editsection {
display: none;
}
@media (max-width: 720px) {
.phoenix-title { font-size: 1.8rem; }
}

/* Vollflächig klickbare Kacheln */
.phoenix-click-card {
position: relative;
cursor: pointer;
transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
background: #efe6d5;
border-color: #a58e60;
box-shadow: 0 3px 10px rgba(61, 48, 30, .16);
transform: translateY(-1px);
}
.phoenix-portal-card h3 a::after,
.phoenix-religion-card .phoenix-card-link a::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
}
.phoenix-portal-card h3 a:focus-visible,
.phoenix-religion-card .phoenix-card-link a:focus-visible {
outline: 2px solid #735c32;
outline-offset: 3px;
}
.phoenix-religion-grid {
display: flex;
flex-wrap: wrap;
gap: 1em;
align-items: stretch;
}
.phoenix-religion-card {
display: flex;
align-items: center;
gap: .9em;
box-sizing: border-box;
flex: 1 1 360px;
min-height: 118px;
padding: .9em 1.1em;
border: 1px solid #9b8356;
border-left: 6px solid #735c32;
border-radius: 2px;
background: linear-gradient(160deg, #faf6ec, #f0e6d0);
box-shadow: 0 1px 4px rgba(61, 48, 30, .12);
}
.phoenix-religion-card .phoenix-card-link {
font-family: Georgia, serif;
color: #443a2a;
}
.phoenix-religion-symbol {
flex: 0 0 88px;
text-align: center;
}
.phoenix-religion-content {
flex: 1 1 auto;
}
@media (prefers-reduced-motion: reduce) {
.phoenix-click-card {
transition: none;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
transform: none;
}
}

/* Interaktive Markierungen der Länderkarte */
.phoenix-map-marker {
color: #d01818 !important;
-webkit-text-stroke: 2px #000;
paint-order: stroke fill;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 5px #fff;
transition: color .15s ease;
}
a:hover .phoenix-map-marker,
a:focus .phoenix-map-marker {
color: #000 !important;
}
a:has(> .phoenix-map-marker) {
text-decoration: none !important;
}

/* Einheitliche Navigation und Infoboxen */
.phoenix-backlink {
margin: .2rem 0 1rem;
padding: .45rem .7rem;
background: #f7f2e7;
border-left: 4px solid #735c32;
color: #443a2a;
}
.phoenix-infobox {
float: right;
clear: right;
width: 300px;
margin: 0 0 1rem 1.25rem;
background: #faf7ef;
}
.phoenix-infobox th {
width: 38%;
background: #eee5d3;
color: #3f3322;
}
.phoenix-infobox tr:first-child th {
width: auto;
background: #735c32;
color: #fff;
font-family: Georgia, serif;
font-size: 1.1rem;
text-align: center;
}
.phoenix-infobox-image {
text-align: center;
}
.phoenix-infobox-image img {
max-width: 260px;
height: auto;
}
.phoenix-infobox tr:has(> .phoenix-infobox-value:empty) {
display: none;
}
@media (max-width: 720px) {
.phoenix-infobox {
float: none;
width: 100%;
margin: 0 0 1rem;
}
}

/* Piktogramme in Portalkacheln */
.phoenix-icon-card {
text-align: center;
}

.phoenix-icon-card .phoenix-portal-icon {
display: flex;
align-items: center;
justify-content: center;
min-height: 120px;
margin-bottom: .6rem;
}

.phoenix-icon-card .phoenix-portal-icon img {
display: block;
width: 112px;
height: 112px;
object-fit: contain;
}

.phoenix-icon-card h3 {
margin-bottom: .15rem;
}

/* Gerade Linie unter ==-Überschriften entfernen, Schwung (Hintergrundbild auf h2) bleibt erhalten */
.mw-heading2 {
border-bottom: none;
}

/* Mobile Navigation: Seitenleiste als Burger-Off-Canvas-Menü (oben links) */
@media screen and (max-width: 768px) {
#column-navigation {
position: fixed;
top: 0;
left: 0;
width: 82vw;
max-width: 320px;
height: 100vh;
overflow-y: auto;
background: #fff;
box-shadow: 2px 0 12px rgba(0, 0, 0, .25);
transform: translateX(-100%);
transition: transform .25s ease;
padding: 3.5rem 1rem 1rem;
z-index: 1000;
box-sizing: border-box;
}
body.nav-open #column-navigation {
transform: translateX(0);
}

.nav-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .4);
z-index: 900;
}
body.nav-open .nav-overlay {
display: block;
}
body.nav-open {
overflow: hidden;
}

.mw-burger {
position: fixed;
top: calc(.6rem + 30px);
left: .6rem;
z-index: 1100;
width: 42px;
height: 42px;
border: 1px solid #9b8356;
border-radius: 4px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
cursor: pointer;
}
.mw-burger span,
.mw-burger span::before,
.mw-burger span::after {
content: "";
display: block;
width: 22px;
height: 2px;
background: #223355;
position: relative;
transition: transform .2s ease, opacity .2s ease, background-color .2s ease;
}
.mw-burger span::before {
position: absolute;
top: -7px;
}
.mw-burger span::after {
position: absolute;
top: 7px;
}
body.nav-open .mw-burger span {
background: transparent;
}
body.nav-open .mw-burger span::before {
transform: rotate(45deg);
top: 0;
background: #223355;
}
body.nav-open .mw-burger span::after {
transform: rotate(-45deg);
top: 0;
background: #223355;
}

/* Breite Inhalte (Tabellen, Bilder) nicht über den Viewport hinausragen lassen */
.mw-parser-output table {
display: block;
max-width: 100%;
overflow-x: auto;
}
#content img,
.mw-parser-output img {
max-width: 100%;
height: auto;
}
}

/* Inhaltsverzeichnis-Tiefe pro Seite ueber {{TOC Tiefe|N}} */
.tocLimit-1 .toclevel-2, .tocLimit-1 .toclevel-3, .tocLimit-1 .toclevel-4, .tocLimit-1 .toclevel-5, .tocLimit-1 .toclevel-6 {
display: none;
}
.tocLimit-2 .toclevel-3, .tocLimit-2 .toclevel-4, .tocLimit-2 .toclevel-5, .tocLimit-2 .toclevel-6 {
display: none;
}
.tocLimit-3 .toclevel-4, .tocLimit-3 .toclevel-5, .tocLimit-3 .toclevel-6 {
display: none;
}
.tocLimit-4 .toclevel-5, .tocLimit-4 .toclevel-6 {
display: none;
}
.tocLimit-5 .toclevel-6 {
display: none;
}

/* Reiter (Seite/Diskussion, Aktionen, Lesen/Bearbeiten/...) als einheitliche Chip-Leiste - ueberall */
#p-namespaces,
#p-views,
#p-actions,
#p-variants {
white-space: normal;
margin: 0;
padding: .3rem 0;
}
#p-namespaces {
float: left;
}
#p-views,
#p-actions,
#p-variants {
float: right;
margin-right: .6rem;
}
#p-namespaces ul,
#p-views ul,
#p-actions ul,
#p-variants ul {
display: flex;
flex-wrap: wrap;
gap: .4rem;
margin: 0;
padding: 0;
list-style: none;
}
#p-namespaces li,
#p-views li,
#p-actions li,
#p-variants li {
display: block;
white-space: nowrap;
margin: 0;
padding: 0;
}
#p-namespaces li a,
#p-views li a,
#p-actions li a,
#p-variants li a {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
text-decoration: none;
}
#p-namespaces li.selected a,
#p-views li.selected a {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* Kopfzeile auf schmalen Bildschirmen lesbar stapeln statt ueberlappen zu lassen */
@media screen and (max-width: 750px) {
#p-banner,
#p-banner.mw-wiki-title {
font-size: 1.1rem;
display: block;
width: auto;
max-width: calc(100% - 3.5rem);
white-space: normal;
overflow-wrap: break-word;
line-height: 1.25;
margin-left: 3.2rem;
}

#p-search {
float: none;
position: static;
width: auto;
max-width: none;
margin: .5rem 0 .5rem 3rem;
}
#p-search input,
#p-search .oo-ui-widget {
max-width: 100%;
box-sizing: border-box;
}
}

/* Benutzername oben rechts (Becko): markanter Chip mit abgerundeten
Ecken und Gold-Umrandung, passend zum restlichen Anisa-Design */
#p-personal h3 {
display: inline-block;
padding: .35rem .9rem;
background: #f7f2e7;
border: 1.5px solid #9b8356;
border-radius: 999px;
font-size: .85rem;
font-family: Georgia, serif;
line-height: 1.1;
font-weight: normal;
letter-spacing: .02em;
color: #443a2a;
box-shadow: 0 1px 3px rgba(61, 48, 30, .15);
}
#p-personal:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Aktionen" oben rechts ebenfalls im gleichen Chip-Design wie die
anderen Reiter/Buttons anzeigen */
#p-actions h3 {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
font-weight: normal;
color: #443a2a;
}
#p-actions:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Anmelden"-Link (abgemeldete Besucher) innerhalb des Chips: keine
Unterstreichung, Farbe erben, ganze Pille klickbar */
#p-personal h3 a {
display: block;
margin: -.35rem -.9rem;
padding: .35rem .9rem;
color: inherit;
text-decoration: none;
}

MediaWiki:Common.css

2026-09-08T12:15:30Z

Becko: Hero-Kachel: Hintergrundbild oben statt mittig ausrichten

/* Gestaltung der Phoenix-Wiki-Portale */
.phoenix-hero {
padding: 2.2rem;
margin: 0 0 1.5rem;
color: #f8f0dc;
background:
linear-gradient(135deg, rgba(24,36,51,.72), rgba(57,75,88,.62)),
url("https://wiki.phoenixlarp.de/images/0/03/Phoenix-Hero-Background.jpg");
background-size: cover;
background-position: top;
border: 1px solid #9b8356;
border-radius: 4px;
}
.phoenix-kicker {
color: #d2bb83;
font-size: .85rem;
letter-spacing: .16em;
}
.phoenix-title {
margin: .25rem 0;
font-family: Georgia, serif;
font-size: 2.4rem;
}
.phoenix-lead {
max-width: 52rem;
font-size: 1.05rem;
}
.phoenix-portal-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 1rem;
margin: 1rem 0 1.5rem;
}
.phoenix-portal-card {
padding: 1.1rem 1.2rem;
background: linear-gradient(160deg, #faf6ec, #f0e6d0);
border: 1px solid #9b8356;
border-left: 6px solid #735c32;
border-radius: 2px;
box-shadow: 0 1px 4px rgba(61, 48, 30, .12);
}
.phoenix-portal-card h3 {
margin-top: 0;
font-family: Georgia, serif;
color: #443a2a;
}
.phoenix-portal-card .mw-editsection {
display: none;
}
@media (max-width: 720px) {
.phoenix-title { font-size: 1.8rem; }
}

/* Vollflächig klickbare Kacheln */
.phoenix-click-card {
position: relative;
cursor: pointer;
transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
background: #efe6d5;
border-color: #a58e60;
box-shadow: 0 3px 10px rgba(61, 48, 30, .16);
transform: translateY(-1px);
}
.phoenix-portal-card h3 a::after,
.phoenix-religion-card .phoenix-card-link a::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
}
.phoenix-portal-card h3 a:focus-visible,
.phoenix-religion-card .phoenix-card-link a:focus-visible {
outline: 2px solid #735c32;
outline-offset: 3px;
}
.phoenix-religion-grid {
display: flex;
flex-wrap: wrap;
gap: 1em;
align-items: stretch;
}
.phoenix-religion-card {
display: flex;
align-items: center;
gap: .9em;
box-sizing: border-box;
flex: 1 1 360px;
min-height: 118px;
padding: .9em 1.1em;
border: 1px solid #9b8356;
border-left: 6px solid #735c32;
border-radius: 2px;
background: linear-gradient(160deg, #faf6ec, #f0e6d0);
box-shadow: 0 1px 4px rgba(61, 48, 30, .12);
}
.phoenix-religion-card .phoenix-card-link {
font-family: Georgia, serif;
color: #443a2a;
}
.phoenix-religion-symbol {
flex: 0 0 88px;
text-align: center;
}
.phoenix-religion-content {
flex: 1 1 auto;
}
@media (prefers-reduced-motion: reduce) {
.phoenix-click-card {
transition: none;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
transform: none;
}
}

/* Interaktive Markierungen der Länderkarte */
.phoenix-map-marker {
color: #d01818 !important;
-webkit-text-stroke: 2px #000;
paint-order: stroke fill;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 5px #fff;
transition: color .15s ease;
}
a:hover .phoenix-map-marker,
a:focus .phoenix-map-marker {
color: #000 !important;
}
a:has(> .phoenix-map-marker) {
text-decoration: none !important;
}

/* Einheitliche Navigation und Infoboxen */
.phoenix-backlink {
margin: .2rem 0 1rem;
padding: .45rem .7rem;
background: #f7f2e7;
border-left: 4px solid #735c32;
color: #443a2a;
}
.phoenix-infobox {
float: right;
clear: right;
width: 300px;
margin: 0 0 1rem 1.25rem;
background: #faf7ef;
}
.phoenix-infobox th {
width: 38%;
background: #eee5d3;
color: #3f3322;
}
.phoenix-infobox tr:first-child th {
width: auto;
background: #735c32;
color: #fff;
font-family: Georgia, serif;
font-size: 1.1rem;
text-align: center;
}
.phoenix-infobox-image {
text-align: center;
}
.phoenix-infobox-image img {
max-width: 260px;
height: auto;
}
.phoenix-infobox tr:has(> .phoenix-infobox-value:empty) {
display: none;
}
@media (max-width: 720px) {
.phoenix-infobox {
float: none;
width: 100%;
margin: 0 0 1rem;
}
}

/* Piktogramme in Portalkacheln */
.phoenix-icon-card {
text-align: center;
}

.phoenix-icon-card .phoenix-portal-icon {
display: flex;
align-items: center;
justify-content: center;
min-height: 120px;
margin-bottom: .6rem;
}

.phoenix-icon-card .phoenix-portal-icon img {
display: block;
width: 112px;
height: 112px;
object-fit: contain;
}

.phoenix-icon-card h3 {
margin-bottom: .15rem;
}

/* Gerade Linie unter ==-Überschriften entfernen, Schwung (Hintergrundbild auf h2) bleibt erhalten */
.mw-heading2 {
border-bottom: none;
}

/* Mobile Navigation: Seitenleiste als Burger-Off-Canvas-Menü (oben links) */
@media screen and (max-width: 768px) {
#column-navigation {
position: fixed;
top: 0;
left: 0;
width: 82vw;
max-width: 320px;
height: 100vh;
overflow-y: auto;
background: #fff;
box-shadow: 2px 0 12px rgba(0, 0, 0, .25);
transform: translateX(-100%);
transition: transform .25s ease;
padding: 3.5rem 1rem 1rem;
z-index: 1000;
box-sizing: border-box;
}
body.nav-open #column-navigation {
transform: translateX(0);
}

.nav-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .4);
z-index: 900;
}
body.nav-open .nav-overlay {
display: block;
}
body.nav-open {
overflow: hidden;
}

.mw-burger {
position: fixed;
top: .6rem;
left: .6rem;
z-index: 1100;
width: 42px;
height: 42px;
border: 1px solid #9b8356;
border-radius: 4px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
cursor: pointer;
}
.mw-burger span,
.mw-burger span::before,
.mw-burger span::after {
content: "";
display: block;
width: 22px;
height: 2px;
background: #223355;
position: relative;
transition: transform .2s ease, opacity .2s ease, background-color .2s ease;
}
.mw-burger span::before {
position: absolute;
top: -7px;
}
.mw-burger span::after {
position: absolute;
top: 7px;
}
body.nav-open .mw-burger span {
background: transparent;
}
body.nav-open .mw-burger span::before {
transform: rotate(45deg);
top: 0;
background: #223355;
}
body.nav-open .mw-burger span::after {
transform: rotate(-45deg);
top: 0;
background: #223355;
}

/* Breite Inhalte (Tabellen, Bilder) nicht über den Viewport hinausragen lassen */
.mw-parser-output table {
display: block;
max-width: 100%;
overflow-x: auto;
}
#content img,
.mw-parser-output img {
max-width: 100%;
height: auto;
}
}

/* Inhaltsverzeichnis-Tiefe pro Seite ueber {{TOC Tiefe|N}} */
.tocLimit-1 .toclevel-2, .tocLimit-1 .toclevel-3, .tocLimit-1 .toclevel-4, .tocLimit-1 .toclevel-5, .tocLimit-1 .toclevel-6 {
display: none;
}
.tocLimit-2 .toclevel-3, .tocLimit-2 .toclevel-4, .tocLimit-2 .toclevel-5, .tocLimit-2 .toclevel-6 {
display: none;
}
.tocLimit-3 .toclevel-4, .tocLimit-3 .toclevel-5, .tocLimit-3 .toclevel-6 {
display: none;
}
.tocLimit-4 .toclevel-5, .tocLimit-4 .toclevel-6 {
display: none;
}
.tocLimit-5 .toclevel-6 {
display: none;
}

/* Reiter (Seite/Diskussion, Aktionen, Lesen/Bearbeiten/...) als einheitliche Chip-Leiste - ueberall */
#p-namespaces,
#p-views,
#p-actions,
#p-variants {
white-space: normal;
margin: 0;
padding: .3rem 0;
}
#p-namespaces {
float: left;
}
#p-views,
#p-actions,
#p-variants {
float: right;
margin-right: .6rem;
}
#p-namespaces ul,
#p-views ul,
#p-actions ul,
#p-variants ul {
display: flex;
flex-wrap: wrap;
gap: .4rem;
margin: 0;
padding: 0;
list-style: none;
}
#p-namespaces li,
#p-views li,
#p-actions li,
#p-variants li {
display: block;
white-space: nowrap;
margin: 0;
padding: 0;
}
#p-namespaces li a,
#p-views li a,
#p-actions li a,
#p-variants li a {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
text-decoration: none;
}
#p-namespaces li.selected a,
#p-views li.selected a {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* Kopfzeile auf schmalen Bildschirmen lesbar stapeln statt ueberlappen zu lassen */
@media screen and (max-width: 750px) {
#p-banner,
#p-banner.mw-wiki-title {
font-size: 1.1rem;
display: block;
width: auto;
max-width: calc(100% - 3.5rem);
white-space: normal;
overflow-wrap: break-word;
line-height: 1.25;
margin-left: 3.2rem;
}

#p-search {
float: none;
position: static;
width: auto;
max-width: none;
margin: .5rem 0 .5rem 3rem;
}
#p-search input,
#p-search .oo-ui-widget {
max-width: 100%;
box-sizing: border-box;
}
}

/* Benutzername oben rechts (Becko): markanter Chip mit abgerundeten
Ecken und Gold-Umrandung, passend zum restlichen Anisa-Design */
#p-personal h3 {
display: inline-block;
padding: .35rem .9rem;
background: #f7f2e7;
border: 1.5px solid #9b8356;
border-radius: 999px;
font-size: .85rem;
font-family: Georgia, serif;
line-height: 1.1;
font-weight: normal;
letter-spacing: .02em;
color: #443a2a;
box-shadow: 0 1px 3px rgba(61, 48, 30, .15);
}
#p-personal:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Aktionen" oben rechts ebenfalls im gleichen Chip-Design wie die
anderen Reiter/Buttons anzeigen */
#p-actions h3 {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
font-weight: normal;
color: #443a2a;
}
#p-actions:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Anmelden"-Link (abgemeldete Besucher) innerhalb des Chips: keine
Unterstreichung, Farbe erben, ganze Pille klickbar */
#p-personal h3 a {
display: block;
margin: -.35rem -.9rem;
padding: .35rem .9rem;
color: inherit;
text-decoration: none;
}

Datei:Phoenix-Hero-Background.jpg

2026-09-08T12:13:48Z

Becko: Becko lud eine neue Version von Datei:Phoenix-Hero-Background.jpg hoch

Hero background for Hauptseite "Die Welt von Phönix" tile

MediaWiki:Common.css

2026-09-08T12:10:51Z

Becko: Hero-Kachel: dunkles Overlay entfernt, nur Hintergrundbild

/* Gestaltung der Phoenix-Wiki-Portale */
.phoenix-hero {
padding: 2.2rem;
margin: 0 0 1.5rem;
color: #f8f0dc;
background: url("https://wiki.phoenixlarp.de/images/0/03/Phoenix-Hero-Background.jpg");
background-size: cover;
background-position: center;
border: 1px solid #9b8356;
border-radius: 4px;
}
.phoenix-kicker {
color: #d2bb83;
font-size: .85rem;
letter-spacing: .16em;
}
.phoenix-title {
margin: .25rem 0;
font-family: Georgia, serif;
font-size: 2.4rem;
}
.phoenix-lead {
max-width: 52rem;
font-size: 1.05rem;
}
.phoenix-portal-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 1rem;
margin: 1rem 0 1.5rem;
}
.phoenix-portal-card {
padding: 1.1rem 1.2rem;
background: linear-gradient(160deg, #faf6ec, #f0e6d0);
border: 1px solid #9b8356;
border-left: 6px solid #735c32;
border-radius: 2px;
box-shadow: 0 1px 4px rgba(61, 48, 30, .12);
}
.phoenix-portal-card h3 {
margin-top: 0;
font-family: Georgia, serif;
color: #443a2a;
}
.phoenix-portal-card .mw-editsection {
display: none;
}
@media (max-width: 720px) {
.phoenix-title { font-size: 1.8rem; }
}

/* Vollflächig klickbare Kacheln */
.phoenix-click-card {
position: relative;
cursor: pointer;
transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
background: #efe6d5;
border-color: #a58e60;
box-shadow: 0 3px 10px rgba(61, 48, 30, .16);
transform: translateY(-1px);
}
.phoenix-portal-card h3 a::after,
.phoenix-religion-card .phoenix-card-link a::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
}
.phoenix-portal-card h3 a:focus-visible,
.phoenix-religion-card .phoenix-card-link a:focus-visible {
outline: 2px solid #735c32;
outline-offset: 3px;
}
.phoenix-religion-grid {
display: flex;
flex-wrap: wrap;
gap: 1em;
align-items: stretch;
}
.phoenix-religion-card {
display: flex;
align-items: center;
gap: .9em;
box-sizing: border-box;
flex: 1 1 360px;
min-height: 118px;
padding: .9em 1.1em;
border: 1px solid #9b8356;
border-left: 6px solid #735c32;
border-radius: 2px;
background: linear-gradient(160deg, #faf6ec, #f0e6d0);
box-shadow: 0 1px 4px rgba(61, 48, 30, .12);
}
.phoenix-religion-card .phoenix-card-link {
font-family: Georgia, serif;
color: #443a2a;
}
.phoenix-religion-symbol {
flex: 0 0 88px;
text-align: center;
}
.phoenix-religion-content {
flex: 1 1 auto;
}
@media (prefers-reduced-motion: reduce) {
.phoenix-click-card {
transition: none;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
transform: none;
}
}

/* Interaktive Markierungen der Länderkarte */
.phoenix-map-marker {
color: #d01818 !important;
-webkit-text-stroke: 2px #000;
paint-order: stroke fill;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 5px #fff;
transition: color .15s ease;
}
a:hover .phoenix-map-marker,
a:focus .phoenix-map-marker {
color: #000 !important;
}
a:has(> .phoenix-map-marker) {
text-decoration: none !important;
}

/* Einheitliche Navigation und Infoboxen */
.phoenix-backlink {
margin: .2rem 0 1rem;
padding: .45rem .7rem;
background: #f7f2e7;
border-left: 4px solid #735c32;
color: #443a2a;
}
.phoenix-infobox {
float: right;
clear: right;
width: 300px;
margin: 0 0 1rem 1.25rem;
background: #faf7ef;
}
.phoenix-infobox th {
width: 38%;
background: #eee5d3;
color: #3f3322;
}
.phoenix-infobox tr:first-child th {
width: auto;
background: #735c32;
color: #fff;
font-family: Georgia, serif;
font-size: 1.1rem;
text-align: center;
}
.phoenix-infobox-image {
text-align: center;
}
.phoenix-infobox-image img {
max-width: 260px;
height: auto;
}
.phoenix-infobox tr:has(> .phoenix-infobox-value:empty) {
display: none;
}
@media (max-width: 720px) {
.phoenix-infobox {
float: none;
width: 100%;
margin: 0 0 1rem;
}
}

/* Piktogramme in Portalkacheln */
.phoenix-icon-card {
text-align: center;
}

.phoenix-icon-card .phoenix-portal-icon {
display: flex;
align-items: center;
justify-content: center;
min-height: 120px;
margin-bottom: .6rem;
}

.phoenix-icon-card .phoenix-portal-icon img {
display: block;
width: 112px;
height: 112px;
object-fit: contain;
}

.phoenix-icon-card h3 {
margin-bottom: .15rem;
}

/* Gerade Linie unter ==-Überschriften entfernen, Schwung (Hintergrundbild auf h2) bleibt erhalten */
.mw-heading2 {
border-bottom: none;
}

/* Mobile Navigation: Seitenleiste als Burger-Off-Canvas-Menü (oben links) */
@media screen and (max-width: 768px) {
#column-navigation {
position: fixed;
top: 0;
left: 0;
width: 82vw;
max-width: 320px;
height: 100vh;
overflow-y: auto;
background: #fff;
box-shadow: 2px 0 12px rgba(0, 0, 0, .25);
transform: translateX(-100%);
transition: transform .25s ease;
padding: 3.5rem 1rem 1rem;
z-index: 1000;
box-sizing: border-box;
}
body.nav-open #column-navigation {
transform: translateX(0);
}

.nav-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .4);
z-index: 900;
}
body.nav-open .nav-overlay {
display: block;
}
body.nav-open {
overflow: hidden;
}

.mw-burger {
position: fixed;
top: .6rem;
left: .6rem;
z-index: 1100;
width: 42px;
height: 42px;
border: 1px solid #9b8356;
border-radius: 4px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
cursor: pointer;
}
.mw-burger span,
.mw-burger span::before,
.mw-burger span::after {
content: "";
display: block;
width: 22px;
height: 2px;
background: #223355;
position: relative;
transition: transform .2s ease, opacity .2s ease, background-color .2s ease;
}
.mw-burger span::before {
position: absolute;
top: -7px;
}
.mw-burger span::after {
position: absolute;
top: 7px;
}
body.nav-open .mw-burger span {
background: transparent;
}
body.nav-open .mw-burger span::before {
transform: rotate(45deg);
top: 0;
background: #223355;
}
body.nav-open .mw-burger span::after {
transform: rotate(-45deg);
top: 0;
background: #223355;
}

/* Breite Inhalte (Tabellen, Bilder) nicht über den Viewport hinausragen lassen */
.mw-parser-output table {
display: block;
max-width: 100%;
overflow-x: auto;
}
#content img,
.mw-parser-output img {
max-width: 100%;
height: auto;
}
}

/* Inhaltsverzeichnis-Tiefe pro Seite ueber {{TOC Tiefe|N}} */
.tocLimit-1 .toclevel-2, .tocLimit-1 .toclevel-3, .tocLimit-1 .toclevel-4, .tocLimit-1 .toclevel-5, .tocLimit-1 .toclevel-6 {
display: none;
}
.tocLimit-2 .toclevel-3, .tocLimit-2 .toclevel-4, .tocLimit-2 .toclevel-5, .tocLimit-2 .toclevel-6 {
display: none;
}
.tocLimit-3 .toclevel-4, .tocLimit-3 .toclevel-5, .tocLimit-3 .toclevel-6 {
display: none;
}
.tocLimit-4 .toclevel-5, .tocLimit-4 .toclevel-6 {
display: none;
}
.tocLimit-5 .toclevel-6 {
display: none;
}

/* Reiter (Seite/Diskussion, Aktionen, Lesen/Bearbeiten/...) als einheitliche Chip-Leiste - ueberall */
#p-namespaces,
#p-views,
#p-actions,
#p-variants {
white-space: normal;
margin: 0;
padding: .3rem 0;
}
#p-namespaces {
float: left;
}
#p-views,
#p-actions,
#p-variants {
float: right;
margin-right: .6rem;
}
#p-namespaces ul,
#p-views ul,
#p-actions ul,
#p-variants ul {
display: flex;
flex-wrap: wrap;
gap: .4rem;
margin: 0;
padding: 0;
list-style: none;
}
#p-namespaces li,
#p-views li,
#p-actions li,
#p-variants li {
display: block;
white-space: nowrap;
margin: 0;
padding: 0;
}
#p-namespaces li a,
#p-views li a,
#p-actions li a,
#p-variants li a {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
text-decoration: none;
}
#p-namespaces li.selected a,
#p-views li.selected a {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* Kopfzeile auf schmalen Bildschirmen lesbar stapeln statt ueberlappen zu lassen */
@media screen and (max-width: 750px) {
#p-banner,
#p-banner.mw-wiki-title {
font-size: 1.1rem;
display: block;
width: auto;
max-width: calc(100% - 3.5rem);
white-space: normal;
overflow-wrap: break-word;
line-height: 1.25;
margin-left: 3.2rem;
}

#p-search {
float: none;
position: static;
width: auto;
max-width: none;
margin: .5rem 0 .5rem 3rem;
}
#p-search input,
#p-search .oo-ui-widget {
max-width: 100%;
box-sizing: border-box;
}
}

/* Benutzername oben rechts (Becko): markanter Chip mit abgerundeten
Ecken und Gold-Umrandung, passend zum restlichen Anisa-Design */
#p-personal h3 {
display: inline-block;
padding: .35rem .9rem;
background: #f7f2e7;
border: 1.5px solid #9b8356;
border-radius: 999px;
font-size: .85rem;
font-family: Georgia, serif;
line-height: 1.1;
font-weight: normal;
letter-spacing: .02em;
color: #443a2a;
box-shadow: 0 1px 3px rgba(61, 48, 30, .15);
}
#p-personal:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Aktionen" oben rechts ebenfalls im gleichen Chip-Design wie die
anderen Reiter/Buttons anzeigen */
#p-actions h3 {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
font-weight: normal;
color: #443a2a;
}
#p-actions:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Anmelden"-Link (abgemeldete Besucher) innerhalb des Chips: keine
Unterstreichung, Farbe erben, ganze Pille klickbar */
#p-personal h3 a {
display: block;
margin: -.35rem -.9rem;
padding: .35rem .9rem;
color: inherit;
text-decoration: none;
}

MediaWiki:Common.css

2026-09-08T11:16:28Z

Becko: Hero-Kachel "Die Welt von Phönix": Hintergrundbild statt Verlauf, mit Dunkel-Overlay für Lesbarkeit

/* Gestaltung der Phoenix-Wiki-Portale */
.phoenix-hero {
padding: 2.2rem;
margin: 0 0 1.5rem;
color: #f8f0dc;
background:
linear-gradient(135deg, rgba(24,36,51,.72), rgba(57,75,88,.62)),
url("https://wiki.phoenixlarp.de/images/0/03/Phoenix-Hero-Background.jpg");
background-size: cover;
background-position: center;
border: 1px solid #9b8356;
border-radius: 4px;
}
.phoenix-kicker {
color: #d2bb83;
font-size: .85rem;
letter-spacing: .16em;
}
.phoenix-title {
margin: .25rem 0;
font-family: Georgia, serif;
font-size: 2.4rem;
}
.phoenix-lead {
max-width: 52rem;
font-size: 1.05rem;
}
.phoenix-portal-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 1rem;
margin: 1rem 0 1.5rem;
}
.phoenix-portal-card {
padding: 1.1rem 1.2rem;
background: linear-gradient(160deg, #faf6ec, #f0e6d0);
border: 1px solid #9b8356;
border-left: 6px solid #735c32;
border-radius: 2px;
box-shadow: 0 1px 4px rgba(61, 48, 30, .12);
}
.phoenix-portal-card h3 {
margin-top: 0;
font-family: Georgia, serif;
color: #443a2a;
}
.phoenix-portal-card .mw-editsection {
display: none;
}
@media (max-width: 720px) {
.phoenix-title { font-size: 1.8rem; }
}

/* Vollflächig klickbare Kacheln */
.phoenix-click-card {
position: relative;
cursor: pointer;
transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
background: #efe6d5;
border-color: #a58e60;
box-shadow: 0 3px 10px rgba(61, 48, 30, .16);
transform: translateY(-1px);
}
.phoenix-portal-card h3 a::after,
.phoenix-religion-card .phoenix-card-link a::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
}
.phoenix-portal-card h3 a:focus-visible,
.phoenix-religion-card .phoenix-card-link a:focus-visible {
outline: 2px solid #735c32;
outline-offset: 3px;
}
.phoenix-religion-grid {
display: flex;
flex-wrap: wrap;
gap: 1em;
align-items: stretch;
}
.phoenix-religion-card {
display: flex;
align-items: center;
gap: .9em;
box-sizing: border-box;
flex: 1 1 360px;
min-height: 118px;
padding: .9em 1.1em;
border: 1px solid #9b8356;
border-left: 6px solid #735c32;
border-radius: 2px;
background: linear-gradient(160deg, #faf6ec, #f0e6d0);
box-shadow: 0 1px 4px rgba(61, 48, 30, .12);
}
.phoenix-religion-card .phoenix-card-link {
font-family: Georgia, serif;
color: #443a2a;
}
.phoenix-religion-symbol {
flex: 0 0 88px;
text-align: center;
}
.phoenix-religion-content {
flex: 1 1 auto;
}
@media (prefers-reduced-motion: reduce) {
.phoenix-click-card {
transition: none;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
transform: none;
}
}

/* Interaktive Markierungen der Länderkarte */
.phoenix-map-marker {
color: #d01818 !important;
-webkit-text-stroke: 2px #000;
paint-order: stroke fill;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 5px #fff;
transition: color .15s ease;
}
a:hover .phoenix-map-marker,
a:focus .phoenix-map-marker {
color: #000 !important;
}
a:has(> .phoenix-map-marker) {
text-decoration: none !important;
}

/* Einheitliche Navigation und Infoboxen */
.phoenix-backlink {
margin: .2rem 0 1rem;
padding: .45rem .7rem;
background: #f7f2e7;
border-left: 4px solid #735c32;
color: #443a2a;
}
.phoenix-infobox {
float: right;
clear: right;
width: 300px;
margin: 0 0 1rem 1.25rem;
background: #faf7ef;
}
.phoenix-infobox th {
width: 38%;
background: #eee5d3;
color: #3f3322;
}
.phoenix-infobox tr:first-child th {
width: auto;
background: #735c32;
color: #fff;
font-family: Georgia, serif;
font-size: 1.1rem;
text-align: center;
}
.phoenix-infobox-image {
text-align: center;
}
.phoenix-infobox-image img {
max-width: 260px;
height: auto;
}
.phoenix-infobox tr:has(> .phoenix-infobox-value:empty) {
display: none;
}
@media (max-width: 720px) {
.phoenix-infobox {
float: none;
width: 100%;
margin: 0 0 1rem;
}
}

/* Piktogramme in Portalkacheln */
.phoenix-icon-card {
text-align: center;
}

.phoenix-icon-card .phoenix-portal-icon {
display: flex;
align-items: center;
justify-content: center;
min-height: 120px;
margin-bottom: .6rem;
}

.phoenix-icon-card .phoenix-portal-icon img {
display: block;
width: 112px;
height: 112px;
object-fit: contain;
}

.phoenix-icon-card h3 {
margin-bottom: .15rem;
}

/* Gerade Linie unter ==-Überschriften entfernen, Schwung (Hintergrundbild auf h2) bleibt erhalten */
.mw-heading2 {
border-bottom: none;
}

/* Mobile Navigation: Seitenleiste als Burger-Off-Canvas-Menü (oben links) */
@media screen and (max-width: 768px) {
#column-navigation {
position: fixed;
top: 0;
left: 0;
width: 82vw;
max-width: 320px;
height: 100vh;
overflow-y: auto;
background: #fff;
box-shadow: 2px 0 12px rgba(0, 0, 0, .25);
transform: translateX(-100%);
transition: transform .25s ease;
padding: 3.5rem 1rem 1rem;
z-index: 1000;
box-sizing: border-box;
}
body.nav-open #column-navigation {
transform: translateX(0);
}

.nav-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .4);
z-index: 900;
}
body.nav-open .nav-overlay {
display: block;
}
body.nav-open {
overflow: hidden;
}

.mw-burger {
position: fixed;
top: .6rem;
left: .6rem;
z-index: 1100;
width: 42px;
height: 42px;
border: 1px solid #9b8356;
border-radius: 4px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
cursor: pointer;
}
.mw-burger span,
.mw-burger span::before,
.mw-burger span::after {
content: "";
display: block;
width: 22px;
height: 2px;
background: #223355;
position: relative;
transition: transform .2s ease, opacity .2s ease, background-color .2s ease;
}
.mw-burger span::before {
position: absolute;
top: -7px;
}
.mw-burger span::after {
position: absolute;
top: 7px;
}
body.nav-open .mw-burger span {
background: transparent;
}
body.nav-open .mw-burger span::before {
transform: rotate(45deg);
top: 0;
background: #223355;
}
body.nav-open .mw-burger span::after {
transform: rotate(-45deg);
top: 0;
background: #223355;
}

/* Breite Inhalte (Tabellen, Bilder) nicht über den Viewport hinausragen lassen */
.mw-parser-output table {
display: block;
max-width: 100%;
overflow-x: auto;
}
#content img,
.mw-parser-output img {
max-width: 100%;
height: auto;
}
}

/* Inhaltsverzeichnis-Tiefe pro Seite ueber {{TOC Tiefe|N}} */
.tocLimit-1 .toclevel-2, .tocLimit-1 .toclevel-3, .tocLimit-1 .toclevel-4, .tocLimit-1 .toclevel-5, .tocLimit-1 .toclevel-6 {
display: none;
}
.tocLimit-2 .toclevel-3, .tocLimit-2 .toclevel-4, .tocLimit-2 .toclevel-5, .tocLimit-2 .toclevel-6 {
display: none;
}
.tocLimit-3 .toclevel-4, .tocLimit-3 .toclevel-5, .tocLimit-3 .toclevel-6 {
display: none;
}
.tocLimit-4 .toclevel-5, .tocLimit-4 .toclevel-6 {
display: none;
}
.tocLimit-5 .toclevel-6 {
display: none;
}

/* Reiter (Seite/Diskussion, Aktionen, Lesen/Bearbeiten/...) als einheitliche Chip-Leiste - ueberall */
#p-namespaces,
#p-views,
#p-actions,
#p-variants {
white-space: normal;
margin: 0;
padding: .3rem 0;
}
#p-namespaces {
float: left;
}
#p-views,
#p-actions,
#p-variants {
float: right;
margin-right: .6rem;
}
#p-namespaces ul,
#p-views ul,
#p-actions ul,
#p-variants ul {
display: flex;
flex-wrap: wrap;
gap: .4rem;
margin: 0;
padding: 0;
list-style: none;
}
#p-namespaces li,
#p-views li,
#p-actions li,
#p-variants li {
display: block;
white-space: nowrap;
margin: 0;
padding: 0;
}
#p-namespaces li a,
#p-views li a,
#p-actions li a,
#p-variants li a {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
text-decoration: none;
}
#p-namespaces li.selected a,
#p-views li.selected a {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* Kopfzeile auf schmalen Bildschirmen lesbar stapeln statt ueberlappen zu lassen */
@media screen and (max-width: 750px) {
#p-banner,
#p-banner.mw-wiki-title {
font-size: 1.1rem;
display: block;
width: auto;
max-width: calc(100% - 3.5rem);
white-space: normal;
overflow-wrap: break-word;
line-height: 1.25;
margin-left: 3.2rem;
}

#p-search {
float: none;
position: static;
width: auto;
max-width: none;
margin: .5rem 0 .5rem 3rem;
}
#p-search input,
#p-search .oo-ui-widget {
max-width: 100%;
box-sizing: border-box;
}
}

/* Benutzername oben rechts (Becko): markanter Chip mit abgerundeten
Ecken und Gold-Umrandung, passend zum restlichen Anisa-Design */
#p-personal h3 {
display: inline-block;
padding: .35rem .9rem;
background: #f7f2e7;
border: 1.5px solid #9b8356;
border-radius: 999px;
font-size: .85rem;
font-family: Georgia, serif;
line-height: 1.1;
font-weight: normal;
letter-spacing: .02em;
color: #443a2a;
box-shadow: 0 1px 3px rgba(61, 48, 30, .15);
}
#p-personal:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Aktionen" oben rechts ebenfalls im gleichen Chip-Design wie die
anderen Reiter/Buttons anzeigen */
#p-actions h3 {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
font-weight: normal;
color: #443a2a;
}
#p-actions:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Anmelden"-Link (abgemeldete Besucher) innerhalb des Chips: keine
Unterstreichung, Farbe erben, ganze Pille klickbar */
#p-personal h3 a {
display: block;
margin: -.35rem -.9rem;
padding: .35rem .9rem;
color: inherit;
text-decoration: none;
}

Datei:Phoenix-Hero-Background.jpg

2026-09-08T11:16:05Z

Becko: Hero background for Hauptseite "Die Welt von Phönix" tile

Hero background for Hauptseite "Die Welt von Phönix" tile

MediaWiki:Common.css

2026-09-08T09:18:36Z

Becko: Religionskarten optisch an das Gold/Pergament-Design der Klick-Kacheln angepasst

/* Gestaltung der Phoenix-Wiki-Portale */
.phoenix-hero {
padding: 2.2rem;
margin: 0 0 1.5rem;
color: #f8f0dc;
background: linear-gradient(135deg, #182433, #394b58);
border: 1px solid #9b8356;
border-radius: 4px;
}
.phoenix-kicker {
color: #d2bb83;
font-size: .85rem;
letter-spacing: .16em;
}
.phoenix-title {
margin: .25rem 0;
font-family: Georgia, serif;
font-size: 2.4rem;
}
.phoenix-lead {
max-width: 52rem;
font-size: 1.05rem;
}
.phoenix-portal-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 1rem;
margin: 1rem 0 1.5rem;
}
.phoenix-portal-card {
padding: 1.1rem 1.2rem;
background: linear-gradient(160deg, #faf6ec, #f0e6d0);
border: 1px solid #9b8356;
border-left: 6px solid #735c32;
border-radius: 2px;
box-shadow: 0 1px 4px rgba(61, 48, 30, .12);
}
.phoenix-portal-card h3 {
margin-top: 0;
font-family: Georgia, serif;
color: #443a2a;
}
.phoenix-portal-card .mw-editsection {
display: none;
}
@media (max-width: 720px) {
.phoenix-title { font-size: 1.8rem; }
}

/* Vollflächig klickbare Kacheln */
.phoenix-click-card {
position: relative;
cursor: pointer;
transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
background: #efe6d5;
border-color: #a58e60;
box-shadow: 0 3px 10px rgba(61, 48, 30, .16);
transform: translateY(-1px);
}
.phoenix-portal-card h3 a::after,
.phoenix-religion-card .phoenix-card-link a::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
}
.phoenix-portal-card h3 a:focus-visible,
.phoenix-religion-card .phoenix-card-link a:focus-visible {
outline: 2px solid #735c32;
outline-offset: 3px;
}
.phoenix-religion-grid {
display: flex;
flex-wrap: wrap;
gap: 1em;
align-items: stretch;
}
.phoenix-religion-card {
display: flex;
align-items: center;
gap: .9em;
box-sizing: border-box;
flex: 1 1 360px;
min-height: 118px;
padding: .9em 1.1em;
border: 1px solid #9b8356;
border-left: 6px solid #735c32;
border-radius: 2px;
background: linear-gradient(160deg, #faf6ec, #f0e6d0);
box-shadow: 0 1px 4px rgba(61, 48, 30, .12);
}
.phoenix-religion-card .phoenix-card-link {
font-family: Georgia, serif;
color: #443a2a;
}
.phoenix-religion-symbol {
flex: 0 0 88px;
text-align: center;
}
.phoenix-religion-content {
flex: 1 1 auto;
}
@media (prefers-reduced-motion: reduce) {
.phoenix-click-card {
transition: none;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
transform: none;
}
}

/* Interaktive Markierungen der Länderkarte */
.phoenix-map-marker {
color: #d01818 !important;
-webkit-text-stroke: 2px #000;
paint-order: stroke fill;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 5px #fff;
transition: color .15s ease;
}
a:hover .phoenix-map-marker,
a:focus .phoenix-map-marker {
color: #000 !important;
}
a:has(> .phoenix-map-marker) {
text-decoration: none !important;
}

/* Einheitliche Navigation und Infoboxen */
.phoenix-backlink {
margin: .2rem 0 1rem;
padding: .45rem .7rem;
background: #f7f2e7;
border-left: 4px solid #735c32;
color: #443a2a;
}
.phoenix-infobox {
float: right;
clear: right;
width: 300px;
margin: 0 0 1rem 1.25rem;
background: #faf7ef;
}
.phoenix-infobox th {
width: 38%;
background: #eee5d3;
color: #3f3322;
}
.phoenix-infobox tr:first-child th {
width: auto;
background: #735c32;
color: #fff;
font-family: Georgia, serif;
font-size: 1.1rem;
text-align: center;
}
.phoenix-infobox-image {
text-align: center;
}
.phoenix-infobox-image img {
max-width: 260px;
height: auto;
}
.phoenix-infobox tr:has(> .phoenix-infobox-value:empty) {
display: none;
}
@media (max-width: 720px) {
.phoenix-infobox {
float: none;
width: 100%;
margin: 0 0 1rem;
}
}

/* Piktogramme in Portalkacheln */
.phoenix-icon-card {
text-align: center;
}

.phoenix-icon-card .phoenix-portal-icon {
display: flex;
align-items: center;
justify-content: center;
min-height: 120px;
margin-bottom: .6rem;
}

.phoenix-icon-card .phoenix-portal-icon img {
display: block;
width: 112px;
height: 112px;
object-fit: contain;
}

.phoenix-icon-card h3 {
margin-bottom: .15rem;
}

/* Gerade Linie unter ==-Überschriften entfernen, Schwung (Hintergrundbild auf h2) bleibt erhalten */
.mw-heading2 {
border-bottom: none;
}

/* Mobile Navigation: Seitenleiste als Burger-Off-Canvas-Menü (oben links) */
@media screen and (max-width: 768px) {
#column-navigation {
position: fixed;
top: 0;
left: 0;
width: 82vw;
max-width: 320px;
height: 100vh;
overflow-y: auto;
background: #fff;
box-shadow: 2px 0 12px rgba(0, 0, 0, .25);
transform: translateX(-100%);
transition: transform .25s ease;
padding: 3.5rem 1rem 1rem;
z-index: 1000;
box-sizing: border-box;
}
body.nav-open #column-navigation {
transform: translateX(0);
}

.nav-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .4);
z-index: 900;
}
body.nav-open .nav-overlay {
display: block;
}
body.nav-open {
overflow: hidden;
}

.mw-burger {
position: fixed;
top: .6rem;
left: .6rem;
z-index: 1100;
width: 42px;
height: 42px;
border: 1px solid #9b8356;
border-radius: 4px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
cursor: pointer;
}
.mw-burger span,
.mw-burger span::before,
.mw-burger span::after {
content: "";
display: block;
width: 22px;
height: 2px;
background: #223355;
position: relative;
transition: transform .2s ease, opacity .2s ease, background-color .2s ease;
}
.mw-burger span::before {
position: absolute;
top: -7px;
}
.mw-burger span::after {
position: absolute;
top: 7px;
}
body.nav-open .mw-burger span {
background: transparent;
}
body.nav-open .mw-burger span::before {
transform: rotate(45deg);
top: 0;
background: #223355;
}
body.nav-open .mw-burger span::after {
transform: rotate(-45deg);
top: 0;
background: #223355;
}

/* Breite Inhalte (Tabellen, Bilder) nicht über den Viewport hinausragen lassen */
.mw-parser-output table {
display: block;
max-width: 100%;
overflow-x: auto;
}
#content img,
.mw-parser-output img {
max-width: 100%;
height: auto;
}
}

/* Inhaltsverzeichnis-Tiefe pro Seite ueber {{TOC Tiefe|N}} */
.tocLimit-1 .toclevel-2, .tocLimit-1 .toclevel-3, .tocLimit-1 .toclevel-4, .tocLimit-1 .toclevel-5, .tocLimit-1 .toclevel-6 {
display: none;
}
.tocLimit-2 .toclevel-3, .tocLimit-2 .toclevel-4, .tocLimit-2 .toclevel-5, .tocLimit-2 .toclevel-6 {
display: none;
}
.tocLimit-3 .toclevel-4, .tocLimit-3 .toclevel-5, .tocLimit-3 .toclevel-6 {
display: none;
}
.tocLimit-4 .toclevel-5, .tocLimit-4 .toclevel-6 {
display: none;
}
.tocLimit-5 .toclevel-6 {
display: none;
}

/* Reiter (Seite/Diskussion, Aktionen, Lesen/Bearbeiten/...) als einheitliche Chip-Leiste - ueberall */
#p-namespaces,
#p-views,
#p-actions,
#p-variants {
white-space: normal;
margin: 0;
padding: .3rem 0;
}
#p-namespaces {
float: left;
}
#p-views,
#p-actions,
#p-variants {
float: right;
margin-right: .6rem;
}
#p-namespaces ul,
#p-views ul,
#p-actions ul,
#p-variants ul {
display: flex;
flex-wrap: wrap;
gap: .4rem;
margin: 0;
padding: 0;
list-style: none;
}
#p-namespaces li,
#p-views li,
#p-actions li,
#p-variants li {
display: block;
white-space: nowrap;
margin: 0;
padding: 0;
}
#p-namespaces li a,
#p-views li a,
#p-actions li a,
#p-variants li a {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
text-decoration: none;
}
#p-namespaces li.selected a,
#p-views li.selected a {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* Kopfzeile auf schmalen Bildschirmen lesbar stapeln statt ueberlappen zu lassen */
@media screen and (max-width: 750px) {
#p-banner,
#p-banner.mw-wiki-title {
font-size: 1.1rem;
display: block;
width: auto;
max-width: calc(100% - 3.5rem);
white-space: normal;
overflow-wrap: break-word;
line-height: 1.25;
margin-left: 3.2rem;
}

#p-search {
float: none;
position: static;
width: auto;
max-width: none;
margin: .5rem 0 .5rem 3rem;
}
#p-search input,
#p-search .oo-ui-widget {
max-width: 100%;
box-sizing: border-box;
}
}

/* Benutzername oben rechts (Becko): markanter Chip mit abgerundeten
Ecken und Gold-Umrandung, passend zum restlichen Anisa-Design */
#p-personal h3 {
display: inline-block;
padding: .35rem .9rem;
background: #f7f2e7;
border: 1.5px solid #9b8356;
border-radius: 999px;
font-size: .85rem;
font-family: Georgia, serif;
line-height: 1.1;
font-weight: normal;
letter-spacing: .02em;
color: #443a2a;
box-shadow: 0 1px 3px rgba(61, 48, 30, .15);
}
#p-personal:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Aktionen" oben rechts ebenfalls im gleichen Chip-Design wie die
anderen Reiter/Buttons anzeigen */
#p-actions h3 {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
font-weight: normal;
color: #443a2a;
}
#p-actions:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Anmelden"-Link (abgemeldete Besucher) innerhalb des Chips: keine
Unterstreichung, Farbe erben, ganze Pille klickbar */
#p-personal h3 a {
display: block;
margin: -.35rem -.9rem;
padding: .35rem .9rem;
color: inherit;
text-decoration: none;
}

MediaWiki:Common.css

2026-09-08T09:16:32Z

Becko: Kachel-Fuellung als dezenter Verlauf (Pergament-Anmutung) gestaltet, Akzentbalken etwas kraeftiger

/* Gestaltung der Phoenix-Wiki-Portale */
.phoenix-hero {
padding: 2.2rem;
margin: 0 0 1.5rem;
color: #f8f0dc;
background: linear-gradient(135deg, #182433, #394b58);
border: 1px solid #9b8356;
border-radius: 4px;
}
.phoenix-kicker {
color: #d2bb83;
font-size: .85rem;
letter-spacing: .16em;
}
.phoenix-title {
margin: .25rem 0;
font-family: Georgia, serif;
font-size: 2.4rem;
}
.phoenix-lead {
max-width: 52rem;
font-size: 1.05rem;
}
.phoenix-portal-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 1rem;
margin: 1rem 0 1.5rem;
}
.phoenix-portal-card {
padding: 1.1rem 1.2rem;
background: linear-gradient(160deg, #faf6ec, #f0e6d0);
border: 1px solid #9b8356;
border-left: 6px solid #735c32;
border-radius: 2px;
box-shadow: 0 1px 4px rgba(61, 48, 30, .12);
}
.phoenix-portal-card h3 {
margin-top: 0;
font-family: Georgia, serif;
color: #443a2a;
}
.phoenix-portal-card .mw-editsection {
display: none;
}
@media (max-width: 720px) {
.phoenix-title { font-size: 1.8rem; }
}

/* Vollflächig klickbare Kacheln */
.phoenix-click-card {
position: relative;
cursor: pointer;
transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
background: #efe6d5;
border-color: #a58e60;
box-shadow: 0 3px 10px rgba(61, 48, 30, .16);
transform: translateY(-1px);
}
.phoenix-portal-card h3 a::after,
.phoenix-religion-card .phoenix-card-link a::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
}
.phoenix-portal-card h3 a:focus-visible,
.phoenix-religion-card .phoenix-card-link a:focus-visible {
outline: 2px solid #735c32;
outline-offset: 3px;
}
.phoenix-religion-grid {
display: flex;
flex-wrap: wrap;
gap: 1em;
align-items: stretch;
}
.phoenix-religion-card {
display: flex;
align-items: center;
gap: .9em;
box-sizing: border-box;
flex: 1 1 360px;
min-height: 118px;
padding: .9em;
border: 1px solid #c8ccd1;
border-radius: 6px;
background: #fff;
}
.phoenix-religion-symbol {
flex: 0 0 88px;
text-align: center;
}
.phoenix-religion-content {
flex: 1 1 auto;
}
@media (prefers-reduced-motion: reduce) {
.phoenix-click-card {
transition: none;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
transform: none;
}
}

/* Interaktive Markierungen der Länderkarte */
.phoenix-map-marker {
color: #d01818 !important;
-webkit-text-stroke: 2px #000;
paint-order: stroke fill;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 5px #fff;
transition: color .15s ease;
}
a:hover .phoenix-map-marker,
a:focus .phoenix-map-marker {
color: #000 !important;
}
a:has(> .phoenix-map-marker) {
text-decoration: none !important;
}

/* Einheitliche Navigation und Infoboxen */
.phoenix-backlink {
margin: .2rem 0 1rem;
padding: .45rem .7rem;
background: #f7f2e7;
border-left: 4px solid #735c32;
color: #443a2a;
}
.phoenix-infobox {
float: right;
clear: right;
width: 300px;
margin: 0 0 1rem 1.25rem;
background: #faf7ef;
}
.phoenix-infobox th {
width: 38%;
background: #eee5d3;
color: #3f3322;
}
.phoenix-infobox tr:first-child th {
width: auto;
background: #735c32;
color: #fff;
font-family: Georgia, serif;
font-size: 1.1rem;
text-align: center;
}
.phoenix-infobox-image {
text-align: center;
}
.phoenix-infobox-image img {
max-width: 260px;
height: auto;
}
.phoenix-infobox tr:has(> .phoenix-infobox-value:empty) {
display: none;
}
@media (max-width: 720px) {
.phoenix-infobox {
float: none;
width: 100%;
margin: 0 0 1rem;
}
}

/* Piktogramme in Portalkacheln */
.phoenix-icon-card {
text-align: center;
}

.phoenix-icon-card .phoenix-portal-icon {
display: flex;
align-items: center;
justify-content: center;
min-height: 120px;
margin-bottom: .6rem;
}

.phoenix-icon-card .phoenix-portal-icon img {
display: block;
width: 112px;
height: 112px;
object-fit: contain;
}

.phoenix-icon-card h3 {
margin-bottom: .15rem;
}

/* Gerade Linie unter ==-Überschriften entfernen, Schwung (Hintergrundbild auf h2) bleibt erhalten */
.mw-heading2 {
border-bottom: none;
}

/* Mobile Navigation: Seitenleiste als Burger-Off-Canvas-Menü (oben links) */
@media screen and (max-width: 768px) {
#column-navigation {
position: fixed;
top: 0;
left: 0;
width: 82vw;
max-width: 320px;
height: 100vh;
overflow-y: auto;
background: #fff;
box-shadow: 2px 0 12px rgba(0, 0, 0, .25);
transform: translateX(-100%);
transition: transform .25s ease;
padding: 3.5rem 1rem 1rem;
z-index: 1000;
box-sizing: border-box;
}
body.nav-open #column-navigation {
transform: translateX(0);
}

.nav-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .4);
z-index: 900;
}
body.nav-open .nav-overlay {
display: block;
}
body.nav-open {
overflow: hidden;
}

.mw-burger {
position: fixed;
top: .6rem;
left: .6rem;
z-index: 1100;
width: 42px;
height: 42px;
border: 1px solid #9b8356;
border-radius: 4px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
cursor: pointer;
}
.mw-burger span,
.mw-burger span::before,
.mw-burger span::after {
content: "";
display: block;
width: 22px;
height: 2px;
background: #223355;
position: relative;
transition: transform .2s ease, opacity .2s ease, background-color .2s ease;
}
.mw-burger span::before {
position: absolute;
top: -7px;
}
.mw-burger span::after {
position: absolute;
top: 7px;
}
body.nav-open .mw-burger span {
background: transparent;
}
body.nav-open .mw-burger span::before {
transform: rotate(45deg);
top: 0;
background: #223355;
}
body.nav-open .mw-burger span::after {
transform: rotate(-45deg);
top: 0;
background: #223355;
}

/* Breite Inhalte (Tabellen, Bilder) nicht über den Viewport hinausragen lassen */
.mw-parser-output table {
display: block;
max-width: 100%;
overflow-x: auto;
}
#content img,
.mw-parser-output img {
max-width: 100%;
height: auto;
}
}

/* Inhaltsverzeichnis-Tiefe pro Seite ueber {{TOC Tiefe|N}} */
.tocLimit-1 .toclevel-2, .tocLimit-1 .toclevel-3, .tocLimit-1 .toclevel-4, .tocLimit-1 .toclevel-5, .tocLimit-1 .toclevel-6 {
display: none;
}
.tocLimit-2 .toclevel-3, .tocLimit-2 .toclevel-4, .tocLimit-2 .toclevel-5, .tocLimit-2 .toclevel-6 {
display: none;
}
.tocLimit-3 .toclevel-4, .tocLimit-3 .toclevel-5, .tocLimit-3 .toclevel-6 {
display: none;
}
.tocLimit-4 .toclevel-5, .tocLimit-4 .toclevel-6 {
display: none;
}
.tocLimit-5 .toclevel-6 {
display: none;
}

/* Reiter (Seite/Diskussion, Aktionen, Lesen/Bearbeiten/...) als einheitliche Chip-Leiste - ueberall */
#p-namespaces,
#p-views,
#p-actions,
#p-variants {
white-space: normal;
margin: 0;
padding: .3rem 0;
}
#p-namespaces {
float: left;
}
#p-views,
#p-actions,
#p-variants {
float: right;
margin-right: .6rem;
}
#p-namespaces ul,
#p-views ul,
#p-actions ul,
#p-variants ul {
display: flex;
flex-wrap: wrap;
gap: .4rem;
margin: 0;
padding: 0;
list-style: none;
}
#p-namespaces li,
#p-views li,
#p-actions li,
#p-variants li {
display: block;
white-space: nowrap;
margin: 0;
padding: 0;
}
#p-namespaces li a,
#p-views li a,
#p-actions li a,
#p-variants li a {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
text-decoration: none;
}
#p-namespaces li.selected a,
#p-views li.selected a {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* Kopfzeile auf schmalen Bildschirmen lesbar stapeln statt ueberlappen zu lassen */
@media screen and (max-width: 750px) {
#p-banner,
#p-banner.mw-wiki-title {
font-size: 1.1rem;
display: block;
width: auto;
max-width: calc(100% - 3.5rem);
white-space: normal;
overflow-wrap: break-word;
line-height: 1.25;
margin-left: 3.2rem;
}

#p-search {
float: none;
position: static;
width: auto;
max-width: none;
margin: .5rem 0 .5rem 3rem;
}
#p-search input,
#p-search .oo-ui-widget {
max-width: 100%;
box-sizing: border-box;
}
}

/* Benutzername oben rechts (Becko): markanter Chip mit abgerundeten
Ecken und Gold-Umrandung, passend zum restlichen Anisa-Design */
#p-personal h3 {
display: inline-block;
padding: .35rem .9rem;
background: #f7f2e7;
border: 1.5px solid #9b8356;
border-radius: 999px;
font-size: .85rem;
font-family: Georgia, serif;
line-height: 1.1;
font-weight: normal;
letter-spacing: .02em;
color: #443a2a;
box-shadow: 0 1px 3px rgba(61, 48, 30, .15);
}
#p-personal:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Aktionen" oben rechts ebenfalls im gleichen Chip-Design wie die
anderen Reiter/Buttons anzeigen */
#p-actions h3 {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
font-weight: normal;
color: #443a2a;
}
#p-actions:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Anmelden"-Link (abgemeldete Besucher) innerhalb des Chips: keine
Unterstreichung, Farbe erben, ganze Pille klickbar */
#p-personal h3 a {
display: block;
margin: -.35rem -.9rem;
padding: .35rem .9rem;
color: inherit;
text-decoration: none;
}

MediaWiki:Common.css

2026-09-08T09:14:36Z

Becko: Klick-Kacheln optisch an Anisa/Phoenix-Design angepasst: Gold-Umrandung statt Grau-Braun, dezenter Schatten, passende Textfarbe

/* Gestaltung der Phoenix-Wiki-Portale */
.phoenix-hero {
padding: 2.2rem;
margin: 0 0 1.5rem;
color: #f8f0dc;
background: linear-gradient(135deg, #182433, #394b58);
border: 1px solid #9b8356;
border-radius: 4px;
}
.phoenix-kicker {
color: #d2bb83;
font-size: .85rem;
letter-spacing: .16em;
}
.phoenix-title {
margin: .25rem 0;
font-family: Georgia, serif;
font-size: 2.4rem;
}
.phoenix-lead {
max-width: 52rem;
font-size: 1.05rem;
}
.phoenix-portal-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 1rem;
margin: 1rem 0 1.5rem;
}
.phoenix-portal-card {
padding: 1.1rem 1.2rem;
background: #f7f2e7;
border: 1px solid #9b8356;
border-left: 5px solid #735c32;
border-radius: 2px;
box-shadow: 0 1px 4px rgba(61, 48, 30, .12);
}
.phoenix-portal-card h3 {
margin-top: 0;
font-family: Georgia, serif;
color: #443a2a;
}
.phoenix-portal-card .mw-editsection {
display: none;
}
@media (max-width: 720px) {
.phoenix-title { font-size: 1.8rem; }
}

/* Vollflächig klickbare Kacheln */
.phoenix-click-card {
position: relative;
cursor: pointer;
transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
background: #efe6d5;
border-color: #a58e60;
box-shadow: 0 3px 10px rgba(61, 48, 30, .16);
transform: translateY(-1px);
}
.phoenix-portal-card h3 a::after,
.phoenix-religion-card .phoenix-card-link a::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
}
.phoenix-portal-card h3 a:focus-visible,
.phoenix-religion-card .phoenix-card-link a:focus-visible {
outline: 2px solid #735c32;
outline-offset: 3px;
}
.phoenix-religion-grid {
display: flex;
flex-wrap: wrap;
gap: 1em;
align-items: stretch;
}
.phoenix-religion-card {
display: flex;
align-items: center;
gap: .9em;
box-sizing: border-box;
flex: 1 1 360px;
min-height: 118px;
padding: .9em;
border: 1px solid #c8ccd1;
border-radius: 6px;
background: #fff;
}
.phoenix-religion-symbol {
flex: 0 0 88px;
text-align: center;
}
.phoenix-religion-content {
flex: 1 1 auto;
}
@media (prefers-reduced-motion: reduce) {
.phoenix-click-card {
transition: none;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
transform: none;
}
}

/* Interaktive Markierungen der Länderkarte */
.phoenix-map-marker {
color: #d01818 !important;
-webkit-text-stroke: 2px #000;
paint-order: stroke fill;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 5px #fff;
transition: color .15s ease;
}
a:hover .phoenix-map-marker,
a:focus .phoenix-map-marker {
color: #000 !important;
}
a:has(> .phoenix-map-marker) {
text-decoration: none !important;
}

/* Einheitliche Navigation und Infoboxen */
.phoenix-backlink {
margin: .2rem 0 1rem;
padding: .45rem .7rem;
background: #f7f2e7;
border-left: 4px solid #735c32;
color: #443a2a;
}
.phoenix-infobox {
float: right;
clear: right;
width: 300px;
margin: 0 0 1rem 1.25rem;
background: #faf7ef;
}
.phoenix-infobox th {
width: 38%;
background: #eee5d3;
color: #3f3322;
}
.phoenix-infobox tr:first-child th {
width: auto;
background: #735c32;
color: #fff;
font-family: Georgia, serif;
font-size: 1.1rem;
text-align: center;
}
.phoenix-infobox-image {
text-align: center;
}
.phoenix-infobox-image img {
max-width: 260px;
height: auto;
}
.phoenix-infobox tr:has(> .phoenix-infobox-value:empty) {
display: none;
}
@media (max-width: 720px) {
.phoenix-infobox {
float: none;
width: 100%;
margin: 0 0 1rem;
}
}

/* Piktogramme in Portalkacheln */
.phoenix-icon-card {
text-align: center;
}

.phoenix-icon-card .phoenix-portal-icon {
display: flex;
align-items: center;
justify-content: center;
min-height: 120px;
margin-bottom: .6rem;
}

.phoenix-icon-card .phoenix-portal-icon img {
display: block;
width: 112px;
height: 112px;
object-fit: contain;
}

.phoenix-icon-card h3 {
margin-bottom: .15rem;
}

/* Gerade Linie unter ==-Überschriften entfernen, Schwung (Hintergrundbild auf h2) bleibt erhalten */
.mw-heading2 {
border-bottom: none;
}

/* Mobile Navigation: Seitenleiste als Burger-Off-Canvas-Menü (oben links) */
@media screen and (max-width: 768px) {
#column-navigation {
position: fixed;
top: 0;
left: 0;
width: 82vw;
max-width: 320px;
height: 100vh;
overflow-y: auto;
background: #fff;
box-shadow: 2px 0 12px rgba(0, 0, 0, .25);
transform: translateX(-100%);
transition: transform .25s ease;
padding: 3.5rem 1rem 1rem;
z-index: 1000;
box-sizing: border-box;
}
body.nav-open #column-navigation {
transform: translateX(0);
}

.nav-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .4);
z-index: 900;
}
body.nav-open .nav-overlay {
display: block;
}
body.nav-open {
overflow: hidden;
}

.mw-burger {
position: fixed;
top: .6rem;
left: .6rem;
z-index: 1100;
width: 42px;
height: 42px;
border: 1px solid #9b8356;
border-radius: 4px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
cursor: pointer;
}
.mw-burger span,
.mw-burger span::before,
.mw-burger span::after {
content: "";
display: block;
width: 22px;
height: 2px;
background: #223355;
position: relative;
transition: transform .2s ease, opacity .2s ease, background-color .2s ease;
}
.mw-burger span::before {
position: absolute;
top: -7px;
}
.mw-burger span::after {
position: absolute;
top: 7px;
}
body.nav-open .mw-burger span {
background: transparent;
}
body.nav-open .mw-burger span::before {
transform: rotate(45deg);
top: 0;
background: #223355;
}
body.nav-open .mw-burger span::after {
transform: rotate(-45deg);
top: 0;
background: #223355;
}

/* Breite Inhalte (Tabellen, Bilder) nicht über den Viewport hinausragen lassen */
.mw-parser-output table {
display: block;
max-width: 100%;
overflow-x: auto;
}
#content img,
.mw-parser-output img {
max-width: 100%;
height: auto;
}
}

/* Inhaltsverzeichnis-Tiefe pro Seite ueber {{TOC Tiefe|N}} */
.tocLimit-1 .toclevel-2, .tocLimit-1 .toclevel-3, .tocLimit-1 .toclevel-4, .tocLimit-1 .toclevel-5, .tocLimit-1 .toclevel-6 {
display: none;
}
.tocLimit-2 .toclevel-3, .tocLimit-2 .toclevel-4, .tocLimit-2 .toclevel-5, .tocLimit-2 .toclevel-6 {
display: none;
}
.tocLimit-3 .toclevel-4, .tocLimit-3 .toclevel-5, .tocLimit-3 .toclevel-6 {
display: none;
}
.tocLimit-4 .toclevel-5, .tocLimit-4 .toclevel-6 {
display: none;
}
.tocLimit-5 .toclevel-6 {
display: none;
}

/* Reiter (Seite/Diskussion, Aktionen, Lesen/Bearbeiten/...) als einheitliche Chip-Leiste - ueberall */
#p-namespaces,
#p-views,
#p-actions,
#p-variants {
white-space: normal;
margin: 0;
padding: .3rem 0;
}
#p-namespaces {
float: left;
}
#p-views,
#p-actions,
#p-variants {
float: right;
margin-right: .6rem;
}
#p-namespaces ul,
#p-views ul,
#p-actions ul,
#p-variants ul {
display: flex;
flex-wrap: wrap;
gap: .4rem;
margin: 0;
padding: 0;
list-style: none;
}
#p-namespaces li,
#p-views li,
#p-actions li,
#p-variants li {
display: block;
white-space: nowrap;
margin: 0;
padding: 0;
}
#p-namespaces li a,
#p-views li a,
#p-actions li a,
#p-variants li a {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
text-decoration: none;
}
#p-namespaces li.selected a,
#p-views li.selected a {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* Kopfzeile auf schmalen Bildschirmen lesbar stapeln statt ueberlappen zu lassen */
@media screen and (max-width: 750px) {
#p-banner,
#p-banner.mw-wiki-title {
font-size: 1.1rem;
display: block;
width: auto;
max-width: calc(100% - 3.5rem);
white-space: normal;
overflow-wrap: break-word;
line-height: 1.25;
margin-left: 3.2rem;
}

#p-search {
float: none;
position: static;
width: auto;
max-width: none;
margin: .5rem 0 .5rem 3rem;
}
#p-search input,
#p-search .oo-ui-widget {
max-width: 100%;
box-sizing: border-box;
}
}

/* Benutzername oben rechts (Becko): markanter Chip mit abgerundeten
Ecken und Gold-Umrandung, passend zum restlichen Anisa-Design */
#p-personal h3 {
display: inline-block;
padding: .35rem .9rem;
background: #f7f2e7;
border: 1.5px solid #9b8356;
border-radius: 999px;
font-size: .85rem;
font-family: Georgia, serif;
line-height: 1.1;
font-weight: normal;
letter-spacing: .02em;
color: #443a2a;
box-shadow: 0 1px 3px rgba(61, 48, 30, .15);
}
#p-personal:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Aktionen" oben rechts ebenfalls im gleichen Chip-Design wie die
anderen Reiter/Buttons anzeigen */
#p-actions h3 {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
font-weight: normal;
color: #443a2a;
}
#p-actions:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Anmelden"-Link (abgemeldete Besucher) innerhalb des Chips: keine
Unterstreichung, Farbe erben, ganze Pille klickbar */
#p-personal h3 a {
display: block;
margin: -.35rem -.9rem;
padding: .35rem .9rem;
color: inherit;
text-decoration: none;
}

Phoenix Larp Wiki:Über Phoenix-Larp Wiki

2026-09-08T09:12:13Z

Becko: Aufbau des Wikis als Klick-Kacheln im Design der Startseite dargestellt

__NOTOC__
= Über das Phoenix-Larp Wiki =

Das Phoenix-Larp Wiki sammelt die Länder, Völker, Religionen, Geschichte und Überlieferungen der Phönix-Welt an einem Ort. Es dient Spielerinnen, Spielern und Orgas der Phönix-Carta als gemeinsames Nachschlagewerk zur Spielwelt.

== Was das Wiki ist ==
Die Phönix-Welt wurde von InRealitas e. V. erdacht und wird von der [[Phönix-Carta]] bespielt. Sie ist eine geschlossene Spielwelt: Länder, Völker, Götter und Gepflogenheiten sind feste Größen, die ein gemeinsames und zusammenhängendes Spiel über die einzelnen Cons und Orga-Gruppen der Carta hinweg ermöglichen.

Dieses Wiki sammelt den Hintergrund dieser Welt: Sachartikel zu Ländern, Regionen, Völkern, Religionen, Organisationen und Personen ebenso wie In-Time-Dokumente, Chroniken und Berichte aus der Sicht einzelner Charaktere oder Parteien.

== Was das Wiki nicht ist ==
Das Wiki ersetzt weder das gedruckte [[Regelwerk|Phönix-Regelwerk]] noch Entscheidungen der jeweiligen Spielleitung vor Ort. Bei Widersprüchen zwischen Wiki-Inhalten und dem Regelwerk oder Absprachen mit dem [[Phönix-Gremium]] gilt das Regelwerk beziehungsweise die Absprache mit dem Gremium.

In-Time-Dokumente, Chroniken, Briefe, Hymnen, Märchen, Codices und Handouts geben die Sicht ihrer jeweiligen Verfasser wieder und müssen nicht die objektive Wahrheit der Spielwelt darstellen.

== Aufbau des Wikis ==

<div class="phoenix-portal-grid">
<div class="phoenix-portal-card phoenix-click-card">
=== [[Hauptseite]] ===
Einstiegspunkt mit den wichtigsten Verzeichnissen.
</div>
<div class="phoenix-portal-card phoenix-click-card">
=== [[Einstieg in Phönix|Neu bei Phönix?]] ===
Kompakter Einstieg für Neueinsteiger.
</div>
<div class="phoenix-portal-card phoenix-click-card">
=== [[Die Welt|Die Welt entdecken]] ===
Länder, Regionen, Orte, Völker, Religionen, Magie und Organisationen.
</div>
<div class="phoenix-portal-card phoenix-click-card">
=== [[Geschichte und Gegenwart]] ===
Geschichte, Kampagnen, Personen und Artefakte.
</div>
<div class="phoenix-portal-card phoenix-click-card">
=== [[Carta und Spielbetrieb]] ===
Phönix-Carta, Gremium, Spielphilosophie und Regelwerk.
</div>
</div>

== Mitarbeit ==
Das Wiki wird von der Phönix-Gemeinschaft gemeinsam gepflegt. Wer mithelfen möchte, Artikel zu verbessern, zu ergänzen oder neu anzulegen, findet die Grundsätze dazu auf der Seite [[Phoenix Larp Wiki:Wiki-Projekt|Am Wiki mitarbeiten]].

== Rechtliches ==
Angaben zu Betreiber, Haftung und Urheberrecht stehen im [[Phoenix Larp Wiki:Impressum|Impressum]], Hinweise zum Umgang mit personenbezogenen Daten in der [[Phoenix Larp Wiki:Datenschutz|Datenschutzerklärung]].

[[Kategorie:Wiki]]

Phoenix Larp Wiki:Über Phoenix-Larp Wiki

2026-09-08T09:08:48Z

Becko: Seite mit Inhalt gefuellt: Ueberblick ueber Zweck, Aufbau, Grenzen und Mitarbeit am Wiki

__NOTOC__
= Über das Phoenix-Larp Wiki =

Das Phoenix-Larp Wiki sammelt die Länder, Völker, Religionen, Geschichte und Überlieferungen der Phönix-Welt an einem Ort. Es dient Spielerinnen, Spielern und Orgas der Phönix-Carta als gemeinsames Nachschlagewerk zur Spielwelt.

== Was das Wiki ist ==
Die Phönix-Welt wurde von InRealitas e. V. erdacht und wird von der [[Phönix-Carta]] bespielt. Sie ist eine geschlossene Spielwelt: Länder, Völker, Götter und Gepflogenheiten sind feste Größen, die ein gemeinsames und zusammenhängendes Spiel über die einzelnen Cons und Orga-Gruppen der Carta hinweg ermöglichen.

Dieses Wiki sammelt den Hintergrund dieser Welt: Sachartikel zu Ländern, Regionen, Völkern, Religionen, Organisationen und Personen ebenso wie In-Time-Dokumente, Chroniken und Berichte aus der Sicht einzelner Charaktere oder Parteien.

== Was das Wiki nicht ist ==
Das Wiki ersetzt weder das gedruckte [[Regelwerk|Phönix-Regelwerk]] noch Entscheidungen der jeweiligen Spielleitung vor Ort. Bei Widersprüchen zwischen Wiki-Inhalten und dem Regelwerk oder Absprachen mit dem [[Phönix-Gremium]] gilt das Regelwerk beziehungsweise die Absprache mit dem Gremium.

In-Time-Dokumente, Chroniken, Briefe, Hymnen, Märchen, Codices und Handouts geben die Sicht ihrer jeweiligen Verfasser wieder und müssen nicht die objektive Wahrheit der Spielwelt darstellen.

== Aufbau des Wikis ==
* [[Hauptseite]] – Einstiegspunkt mit den wichtigsten Verzeichnissen
* [[Einstieg in Phönix|Neu bei Phönix?]] – Kompakter Einstieg für Neueinsteiger
* [[Die Welt|Die Welt entdecken]] – Länder, Regionen, Orte, Völker, Religionen, Magie und Organisationen
* [[Geschichte und Gegenwart]] – Geschichte, Kampagnen, Personen und Artefakte
* [[Carta und Spielbetrieb]] – Phönix-Carta, Gremium, Spielphilosophie und Regelwerk

== Mitarbeit ==
Das Wiki wird von der Phönix-Gemeinschaft gemeinsam gepflegt. Wer mithelfen möchte, Artikel zu verbessern, zu ergänzen oder neu anzulegen, findet die Grundsätze dazu auf der Seite [[Phoenix Larp Wiki:Wiki-Projekt|Am Wiki mitarbeiten]].

== Rechtliches ==
Angaben zu Betreiber, Haftung und Urheberrecht stehen im [[Phoenix Larp Wiki:Impressum|Impressum]], Hinweise zum Umgang mit personenbezogenen Daten in der [[Phoenix Larp Wiki:Datenschutz|Datenschutzerklärung]].

[[Kategorie:Wiki]]

MediaWiki:Common.css

2026-09-08T08:30:15Z

Becko: CSS fuer den "Anmelden"-Link im Benutzer-Chip: volle Klickflaeche, keine Unterstreichung

/* Gestaltung der Phoenix-Wiki-Portale */
.phoenix-hero {
padding: 2.2rem;
margin: 0 0 1.5rem;
color: #f8f0dc;
background: linear-gradient(135deg, #182433, #394b58);
border: 1px solid #9b8356;
border-radius: 4px;
}
.phoenix-kicker {
color: #d2bb83;
font-size: .85rem;
letter-spacing: .16em;
}
.phoenix-title {
margin: .25rem 0;
font-family: Georgia, serif;
font-size: 2.4rem;
}
.phoenix-lead {
max-width: 52rem;
font-size: 1.05rem;
}
.phoenix-portal-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 1rem;
margin: 1rem 0 1.5rem;
}
.phoenix-portal-card {
padding: 1rem 1.1rem;
background: #f7f2e7;
border: 1px solid #c8b98f;
border-left: 5px solid #735c32;
border-radius: 3px;
}
.phoenix-portal-card h3 {
margin-top: 0;
font-family: Georgia, serif;
}
.phoenix-portal-card .mw-editsection {
display: none;
}
@media (max-width: 720px) {
.phoenix-title { font-size: 1.8rem; }
}

/* Vollflächig klickbare Kacheln */
.phoenix-click-card {
position: relative;
cursor: pointer;
transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
background: #efe6d5;
border-color: #a58e60;
box-shadow: 0 3px 10px rgba(61, 48, 30, .16);
transform: translateY(-1px);
}
.phoenix-portal-card h3 a::after,
.phoenix-religion-card .phoenix-card-link a::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
}
.phoenix-portal-card h3 a:focus-visible,
.phoenix-religion-card .phoenix-card-link a:focus-visible {
outline: 2px solid #735c32;
outline-offset: 3px;
}
.phoenix-religion-grid {
display: flex;
flex-wrap: wrap;
gap: 1em;
align-items: stretch;
}
.phoenix-religion-card {
display: flex;
align-items: center;
gap: .9em;
box-sizing: border-box;
flex: 1 1 360px;
min-height: 118px;
padding: .9em;
border: 1px solid #c8ccd1;
border-radius: 6px;
background: #fff;
}
.phoenix-religion-symbol {
flex: 0 0 88px;
text-align: center;
}
.phoenix-religion-content {
flex: 1 1 auto;
}
@media (prefers-reduced-motion: reduce) {
.phoenix-click-card {
transition: none;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
transform: none;
}
}

/* Interaktive Markierungen der Länderkarte */
.phoenix-map-marker {
color: #d01818 !important;
-webkit-text-stroke: 2px #000;
paint-order: stroke fill;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 5px #fff;
transition: color .15s ease;
}
a:hover .phoenix-map-marker,
a:focus .phoenix-map-marker {
color: #000 !important;
}
a:has(> .phoenix-map-marker) {
text-decoration: none !important;
}

/* Einheitliche Navigation und Infoboxen */
.phoenix-backlink {
margin: .2rem 0 1rem;
padding: .45rem .7rem;
background: #f7f2e7;
border-left: 4px solid #735c32;
color: #443a2a;
}
.phoenix-infobox {
float: right;
clear: right;
width: 300px;
margin: 0 0 1rem 1.25rem;
background: #faf7ef;
}
.phoenix-infobox th {
width: 38%;
background: #eee5d3;
color: #3f3322;
}
.phoenix-infobox tr:first-child th {
width: auto;
background: #735c32;
color: #fff;
font-family: Georgia, serif;
font-size: 1.1rem;
text-align: center;
}
.phoenix-infobox-image {
text-align: center;
}
.phoenix-infobox-image img {
max-width: 260px;
height: auto;
}
.phoenix-infobox tr:has(> .phoenix-infobox-value:empty) {
display: none;
}
@media (max-width: 720px) {
.phoenix-infobox {
float: none;
width: 100%;
margin: 0 0 1rem;
}
}

/* Piktogramme in Portalkacheln */
.phoenix-icon-card {
text-align: center;
}

.phoenix-icon-card .phoenix-portal-icon {
display: flex;
align-items: center;
justify-content: center;
min-height: 120px;
margin-bottom: .6rem;
}

.phoenix-icon-card .phoenix-portal-icon img {
display: block;
width: 112px;
height: 112px;
object-fit: contain;
}

.phoenix-icon-card h3 {
margin-bottom: .15rem;
}

/* Gerade Linie unter ==-Überschriften entfernen, Schwung (Hintergrundbild auf h2) bleibt erhalten */
.mw-heading2 {
border-bottom: none;
}

/* Mobile Navigation: Seitenleiste als Burger-Off-Canvas-Menü (oben links) */
@media screen and (max-width: 768px) {
#column-navigation {
position: fixed;
top: 0;
left: 0;
width: 82vw;
max-width: 320px;
height: 100vh;
overflow-y: auto;
background: #fff;
box-shadow: 2px 0 12px rgba(0, 0, 0, .25);
transform: translateX(-100%);
transition: transform .25s ease;
padding: 3.5rem 1rem 1rem;
z-index: 1000;
box-sizing: border-box;
}
body.nav-open #column-navigation {
transform: translateX(0);
}

.nav-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .4);
z-index: 900;
}
body.nav-open .nav-overlay {
display: block;
}
body.nav-open {
overflow: hidden;
}

.mw-burger {
position: fixed;
top: .6rem;
left: .6rem;
z-index: 1100;
width: 42px;
height: 42px;
border: 1px solid #9b8356;
border-radius: 4px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
cursor: pointer;
}
.mw-burger span,
.mw-burger span::before,
.mw-burger span::after {
content: "";
display: block;
width: 22px;
height: 2px;
background: #223355;
position: relative;
transition: transform .2s ease, opacity .2s ease, background-color .2s ease;
}
.mw-burger span::before {
position: absolute;
top: -7px;
}
.mw-burger span::after {
position: absolute;
top: 7px;
}
body.nav-open .mw-burger span {
background: transparent;
}
body.nav-open .mw-burger span::before {
transform: rotate(45deg);
top: 0;
background: #223355;
}
body.nav-open .mw-burger span::after {
transform: rotate(-45deg);
top: 0;
background: #223355;
}

/* Breite Inhalte (Tabellen, Bilder) nicht über den Viewport hinausragen lassen */
.mw-parser-output table {
display: block;
max-width: 100%;
overflow-x: auto;
}
#content img,
.mw-parser-output img {
max-width: 100%;
height: auto;
}
}

/* Inhaltsverzeichnis-Tiefe pro Seite ueber {{TOC Tiefe|N}} */
.tocLimit-1 .toclevel-2, .tocLimit-1 .toclevel-3, .tocLimit-1 .toclevel-4, .tocLimit-1 .toclevel-5, .tocLimit-1 .toclevel-6 {
display: none;
}
.tocLimit-2 .toclevel-3, .tocLimit-2 .toclevel-4, .tocLimit-2 .toclevel-5, .tocLimit-2 .toclevel-6 {
display: none;
}
.tocLimit-3 .toclevel-4, .tocLimit-3 .toclevel-5, .tocLimit-3 .toclevel-6 {
display: none;
}
.tocLimit-4 .toclevel-5, .tocLimit-4 .toclevel-6 {
display: none;
}
.tocLimit-5 .toclevel-6 {
display: none;
}

/* Reiter (Seite/Diskussion, Aktionen, Lesen/Bearbeiten/...) als einheitliche Chip-Leiste - ueberall */
#p-namespaces,
#p-views,
#p-actions,
#p-variants {
white-space: normal;
margin: 0;
padding: .3rem 0;
}
#p-namespaces {
float: left;
}
#p-views,
#p-actions,
#p-variants {
float: right;
margin-right: .6rem;
}
#p-namespaces ul,
#p-views ul,
#p-actions ul,
#p-variants ul {
display: flex;
flex-wrap: wrap;
gap: .4rem;
margin: 0;
padding: 0;
list-style: none;
}
#p-namespaces li,
#p-views li,
#p-actions li,
#p-variants li {
display: block;
white-space: nowrap;
margin: 0;
padding: 0;
}
#p-namespaces li a,
#p-views li a,
#p-actions li a,
#p-variants li a {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
text-decoration: none;
}
#p-namespaces li.selected a,
#p-views li.selected a {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* Kopfzeile auf schmalen Bildschirmen lesbar stapeln statt ueberlappen zu lassen */
@media screen and (max-width: 750px) {
#p-banner,
#p-banner.mw-wiki-title {
font-size: 1.1rem;
display: block;
width: auto;
max-width: calc(100% - 3.5rem);
white-space: normal;
overflow-wrap: break-word;
line-height: 1.25;
margin-left: 3.2rem;
}

#p-search {
float: none;
position: static;
width: auto;
max-width: none;
margin: .5rem 0 .5rem 3rem;
}
#p-search input,
#p-search .oo-ui-widget {
max-width: 100%;
box-sizing: border-box;
}
}

/* Benutzername oben rechts (Becko): markanter Chip mit abgerundeten
Ecken und Gold-Umrandung, passend zum restlichen Anisa-Design */
#p-personal h3 {
display: inline-block;
padding: .35rem .9rem;
background: #f7f2e7;
border: 1.5px solid #9b8356;
border-radius: 999px;
font-size: .85rem;
font-family: Georgia, serif;
line-height: 1.1;
font-weight: normal;
letter-spacing: .02em;
color: #443a2a;
box-shadow: 0 1px 3px rgba(61, 48, 30, .15);
}
#p-personal:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Aktionen" oben rechts ebenfalls im gleichen Chip-Design wie die
anderen Reiter/Buttons anzeigen */
#p-actions h3 {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
font-weight: normal;
color: #443a2a;
}
#p-actions:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Anmelden"-Link (abgemeldete Besucher) innerhalb des Chips: keine
Unterstreichung, Farbe erben, ganze Pille klickbar */
#p-personal h3 a {
display: block;
margin: -.35rem -.9rem;
padding: .35rem .9rem;
color: inherit;
text-decoration: none;
}

MediaWiki:Common.js

2026-09-08T08:29:53Z

Becko: Abgemeldete Besucher: statt IP-Adresse "Anmelden" oben rechts anzeigen (direkt verlinkt)

MediaWiki:Common.css

2026-09-08T08:27:47Z

Becko: Benutzername-Chip markanter gestaltet: abgerundete Pillenform, Gold-Umrandung, dezenter Schatten passend zum Anisa-Design

/* Gestaltung der Phoenix-Wiki-Portale */
.phoenix-hero {
padding: 2.2rem;
margin: 0 0 1.5rem;
color: #f8f0dc;
background: linear-gradient(135deg, #182433, #394b58);
border: 1px solid #9b8356;
border-radius: 4px;
}
.phoenix-kicker {
color: #d2bb83;
font-size: .85rem;
letter-spacing: .16em;
}
.phoenix-title {
margin: .25rem 0;
font-family: Georgia, serif;
font-size: 2.4rem;
}
.phoenix-lead {
max-width: 52rem;
font-size: 1.05rem;
}
.phoenix-portal-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 1rem;
margin: 1rem 0 1.5rem;
}
.phoenix-portal-card {
padding: 1rem 1.1rem;
background: #f7f2e7;
border: 1px solid #c8b98f;
border-left: 5px solid #735c32;
border-radius: 3px;
}
.phoenix-portal-card h3 {
margin-top: 0;
font-family: Georgia, serif;
}
.phoenix-portal-card .mw-editsection {
display: none;
}
@media (max-width: 720px) {
.phoenix-title { font-size: 1.8rem; }
}

/* Vollflächig klickbare Kacheln */
.phoenix-click-card {
position: relative;
cursor: pointer;
transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
background: #efe6d5;
border-color: #a58e60;
box-shadow: 0 3px 10px rgba(61, 48, 30, .16);
transform: translateY(-1px);
}
.phoenix-portal-card h3 a::after,
.phoenix-religion-card .phoenix-card-link a::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
}
.phoenix-portal-card h3 a:focus-visible,
.phoenix-religion-card .phoenix-card-link a:focus-visible {
outline: 2px solid #735c32;
outline-offset: 3px;
}
.phoenix-religion-grid {
display: flex;
flex-wrap: wrap;
gap: 1em;
align-items: stretch;
}
.phoenix-religion-card {
display: flex;
align-items: center;
gap: .9em;
box-sizing: border-box;
flex: 1 1 360px;
min-height: 118px;
padding: .9em;
border: 1px solid #c8ccd1;
border-radius: 6px;
background: #fff;
}
.phoenix-religion-symbol {
flex: 0 0 88px;
text-align: center;
}
.phoenix-religion-content {
flex: 1 1 auto;
}
@media (prefers-reduced-motion: reduce) {
.phoenix-click-card {
transition: none;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
transform: none;
}
}

/* Interaktive Markierungen der Länderkarte */
.phoenix-map-marker {
color: #d01818 !important;
-webkit-text-stroke: 2px #000;
paint-order: stroke fill;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 5px #fff;
transition: color .15s ease;
}
a:hover .phoenix-map-marker,
a:focus .phoenix-map-marker {
color: #000 !important;
}
a:has(> .phoenix-map-marker) {
text-decoration: none !important;
}

/* Einheitliche Navigation und Infoboxen */
.phoenix-backlink {
margin: .2rem 0 1rem;
padding: .45rem .7rem;
background: #f7f2e7;
border-left: 4px solid #735c32;
color: #443a2a;
}
.phoenix-infobox {
float: right;
clear: right;
width: 300px;
margin: 0 0 1rem 1.25rem;
background: #faf7ef;
}
.phoenix-infobox th {
width: 38%;
background: #eee5d3;
color: #3f3322;
}
.phoenix-infobox tr:first-child th {
width: auto;
background: #735c32;
color: #fff;
font-family: Georgia, serif;
font-size: 1.1rem;
text-align: center;
}
.phoenix-infobox-image {
text-align: center;
}
.phoenix-infobox-image img {
max-width: 260px;
height: auto;
}
.phoenix-infobox tr:has(> .phoenix-infobox-value:empty) {
display: none;
}
@media (max-width: 720px) {
.phoenix-infobox {
float: none;
width: 100%;
margin: 0 0 1rem;
}
}

/* Piktogramme in Portalkacheln */
.phoenix-icon-card {
text-align: center;
}

.phoenix-icon-card .phoenix-portal-icon {
display: flex;
align-items: center;
justify-content: center;
min-height: 120px;
margin-bottom: .6rem;
}

.phoenix-icon-card .phoenix-portal-icon img {
display: block;
width: 112px;
height: 112px;
object-fit: contain;
}

.phoenix-icon-card h3 {
margin-bottom: .15rem;
}

/* Gerade Linie unter ==-Überschriften entfernen, Schwung (Hintergrundbild auf h2) bleibt erhalten */
.mw-heading2 {
border-bottom: none;
}

/* Mobile Navigation: Seitenleiste als Burger-Off-Canvas-Menü (oben links) */
@media screen and (max-width: 768px) {
#column-navigation {
position: fixed;
top: 0;
left: 0;
width: 82vw;
max-width: 320px;
height: 100vh;
overflow-y: auto;
background: #fff;
box-shadow: 2px 0 12px rgba(0, 0, 0, .25);
transform: translateX(-100%);
transition: transform .25s ease;
padding: 3.5rem 1rem 1rem;
z-index: 1000;
box-sizing: border-box;
}
body.nav-open #column-navigation {
transform: translateX(0);
}

.nav-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .4);
z-index: 900;
}
body.nav-open .nav-overlay {
display: block;
}
body.nav-open {
overflow: hidden;
}

.mw-burger {
position: fixed;
top: .6rem;
left: .6rem;
z-index: 1100;
width: 42px;
height: 42px;
border: 1px solid #9b8356;
border-radius: 4px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
cursor: pointer;
}
.mw-burger span,
.mw-burger span::before,
.mw-burger span::after {
content: "";
display: block;
width: 22px;
height: 2px;
background: #223355;
position: relative;
transition: transform .2s ease, opacity .2s ease, background-color .2s ease;
}
.mw-burger span::before {
position: absolute;
top: -7px;
}
.mw-burger span::after {
position: absolute;
top: 7px;
}
body.nav-open .mw-burger span {
background: transparent;
}
body.nav-open .mw-burger span::before {
transform: rotate(45deg);
top: 0;
background: #223355;
}
body.nav-open .mw-burger span::after {
transform: rotate(-45deg);
top: 0;
background: #223355;
}

/* Breite Inhalte (Tabellen, Bilder) nicht über den Viewport hinausragen lassen */
.mw-parser-output table {
display: block;
max-width: 100%;
overflow-x: auto;
}
#content img,
.mw-parser-output img {
max-width: 100%;
height: auto;
}
}

/* Inhaltsverzeichnis-Tiefe pro Seite ueber {{TOC Tiefe|N}} */
.tocLimit-1 .toclevel-2, .tocLimit-1 .toclevel-3, .tocLimit-1 .toclevel-4, .tocLimit-1 .toclevel-5, .tocLimit-1 .toclevel-6 {
display: none;
}
.tocLimit-2 .toclevel-3, .tocLimit-2 .toclevel-4, .tocLimit-2 .toclevel-5, .tocLimit-2 .toclevel-6 {
display: none;
}
.tocLimit-3 .toclevel-4, .tocLimit-3 .toclevel-5, .tocLimit-3 .toclevel-6 {
display: none;
}
.tocLimit-4 .toclevel-5, .tocLimit-4 .toclevel-6 {
display: none;
}
.tocLimit-5 .toclevel-6 {
display: none;
}

/* Reiter (Seite/Diskussion, Aktionen, Lesen/Bearbeiten/...) als einheitliche Chip-Leiste - ueberall */
#p-namespaces,
#p-views,
#p-actions,
#p-variants {
white-space: normal;
margin: 0;
padding: .3rem 0;
}
#p-namespaces {
float: left;
}
#p-views,
#p-actions,
#p-variants {
float: right;
margin-right: .6rem;
}
#p-namespaces ul,
#p-views ul,
#p-actions ul,
#p-variants ul {
display: flex;
flex-wrap: wrap;
gap: .4rem;
margin: 0;
padding: 0;
list-style: none;
}
#p-namespaces li,
#p-views li,
#p-actions li,
#p-variants li {
display: block;
white-space: nowrap;
margin: 0;
padding: 0;
}
#p-namespaces li a,
#p-views li a,
#p-actions li a,
#p-variants li a {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
text-decoration: none;
}
#p-namespaces li.selected a,
#p-views li.selected a {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* Kopfzeile auf schmalen Bildschirmen lesbar stapeln statt ueberlappen zu lassen */
@media screen and (max-width: 750px) {
#p-banner,
#p-banner.mw-wiki-title {
font-size: 1.1rem;
display: block;
width: auto;
max-width: calc(100% - 3.5rem);
white-space: normal;
overflow-wrap: break-word;
line-height: 1.25;
margin-left: 3.2rem;
}

#p-search {
float: none;
position: static;
width: auto;
max-width: none;
margin: .5rem 0 .5rem 3rem;
}
#p-search input,
#p-search .oo-ui-widget {
max-width: 100%;
box-sizing: border-box;
}
}

/* Benutzername oben rechts (Becko): markanter Chip mit abgerundeten
Ecken und Gold-Umrandung, passend zum restlichen Anisa-Design */
#p-personal h3 {
display: inline-block;
padding: .35rem .9rem;
background: #f7f2e7;
border: 1.5px solid #9b8356;
border-radius: 999px;
font-size: .85rem;
font-family: Georgia, serif;
line-height: 1.1;
font-weight: normal;
letter-spacing: .02em;
color: #443a2a;
box-shadow: 0 1px 3px rgba(61, 48, 30, .15);
}
#p-personal:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Aktionen" oben rechts ebenfalls im gleichen Chip-Design wie die
anderen Reiter/Buttons anzeigen */
#p-actions h3 {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
font-weight: normal;
color: #443a2a;
}
#p-actions:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

MediaWiki:Common.css

2026-09-08T08:26:17Z

Becko: Trennlinie unter der Reiter-Zeile entfernt, rechten Abstand fuer rechtsbuendige Chips (Versionsgeschichte/Aktionen) ergaenzt

/* Gestaltung der Phoenix-Wiki-Portale */
.phoenix-hero {
padding: 2.2rem;
margin: 0 0 1.5rem;
color: #f8f0dc;
background: linear-gradient(135deg, #182433, #394b58);
border: 1px solid #9b8356;
border-radius: 4px;
}
.phoenix-kicker {
color: #d2bb83;
font-size: .85rem;
letter-spacing: .16em;
}
.phoenix-title {
margin: .25rem 0;
font-family: Georgia, serif;
font-size: 2.4rem;
}
.phoenix-lead {
max-width: 52rem;
font-size: 1.05rem;
}
.phoenix-portal-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 1rem;
margin: 1rem 0 1.5rem;
}
.phoenix-portal-card {
padding: 1rem 1.1rem;
background: #f7f2e7;
border: 1px solid #c8b98f;
border-left: 5px solid #735c32;
border-radius: 3px;
}
.phoenix-portal-card h3 {
margin-top: 0;
font-family: Georgia, serif;
}
.phoenix-portal-card .mw-editsection {
display: none;
}
@media (max-width: 720px) {
.phoenix-title { font-size: 1.8rem; }
}

/* Vollflächig klickbare Kacheln */
.phoenix-click-card {
position: relative;
cursor: pointer;
transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
background: #efe6d5;
border-color: #a58e60;
box-shadow: 0 3px 10px rgba(61, 48, 30, .16);
transform: translateY(-1px);
}
.phoenix-portal-card h3 a::after,
.phoenix-religion-card .phoenix-card-link a::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
}
.phoenix-portal-card h3 a:focus-visible,
.phoenix-religion-card .phoenix-card-link a:focus-visible {
outline: 2px solid #735c32;
outline-offset: 3px;
}
.phoenix-religion-grid {
display: flex;
flex-wrap: wrap;
gap: 1em;
align-items: stretch;
}
.phoenix-religion-card {
display: flex;
align-items: center;
gap: .9em;
box-sizing: border-box;
flex: 1 1 360px;
min-height: 118px;
padding: .9em;
border: 1px solid #c8ccd1;
border-radius: 6px;
background: #fff;
}
.phoenix-religion-symbol {
flex: 0 0 88px;
text-align: center;
}
.phoenix-religion-content {
flex: 1 1 auto;
}
@media (prefers-reduced-motion: reduce) {
.phoenix-click-card {
transition: none;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
transform: none;
}
}

/* Interaktive Markierungen der Länderkarte */
.phoenix-map-marker {
color: #d01818 !important;
-webkit-text-stroke: 2px #000;
paint-order: stroke fill;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 5px #fff;
transition: color .15s ease;
}
a:hover .phoenix-map-marker,
a:focus .phoenix-map-marker {
color: #000 !important;
}
a:has(> .phoenix-map-marker) {
text-decoration: none !important;
}

/* Einheitliche Navigation und Infoboxen */
.phoenix-backlink {
margin: .2rem 0 1rem;
padding: .45rem .7rem;
background: #f7f2e7;
border-left: 4px solid #735c32;
color: #443a2a;
}
.phoenix-infobox {
float: right;
clear: right;
width: 300px;
margin: 0 0 1rem 1.25rem;
background: #faf7ef;
}
.phoenix-infobox th {
width: 38%;
background: #eee5d3;
color: #3f3322;
}
.phoenix-infobox tr:first-child th {
width: auto;
background: #735c32;
color: #fff;
font-family: Georgia, serif;
font-size: 1.1rem;
text-align: center;
}
.phoenix-infobox-image {
text-align: center;
}
.phoenix-infobox-image img {
max-width: 260px;
height: auto;
}
.phoenix-infobox tr:has(> .phoenix-infobox-value:empty) {
display: none;
}
@media (max-width: 720px) {
.phoenix-infobox {
float: none;
width: 100%;
margin: 0 0 1rem;
}
}

/* Piktogramme in Portalkacheln */
.phoenix-icon-card {
text-align: center;
}

.phoenix-icon-card .phoenix-portal-icon {
display: flex;
align-items: center;
justify-content: center;
min-height: 120px;
margin-bottom: .6rem;
}

.phoenix-icon-card .phoenix-portal-icon img {
display: block;
width: 112px;
height: 112px;
object-fit: contain;
}

.phoenix-icon-card h3 {
margin-bottom: .15rem;
}

/* Gerade Linie unter ==-Überschriften entfernen, Schwung (Hintergrundbild auf h2) bleibt erhalten */
.mw-heading2 {
border-bottom: none;
}

/* Mobile Navigation: Seitenleiste als Burger-Off-Canvas-Menü (oben links) */
@media screen and (max-width: 768px) {
#column-navigation {
position: fixed;
top: 0;
left: 0;
width: 82vw;
max-width: 320px;
height: 100vh;
overflow-y: auto;
background: #fff;
box-shadow: 2px 0 12px rgba(0, 0, 0, .25);
transform: translateX(-100%);
transition: transform .25s ease;
padding: 3.5rem 1rem 1rem;
z-index: 1000;
box-sizing: border-box;
}
body.nav-open #column-navigation {
transform: translateX(0);
}

.nav-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .4);
z-index: 900;
}
body.nav-open .nav-overlay {
display: block;
}
body.nav-open {
overflow: hidden;
}

.mw-burger {
position: fixed;
top: .6rem;
left: .6rem;
z-index: 1100;
width: 42px;
height: 42px;
border: 1px solid #9b8356;
border-radius: 4px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
cursor: pointer;
}
.mw-burger span,
.mw-burger span::before,
.mw-burger span::after {
content: "";
display: block;
width: 22px;
height: 2px;
background: #223355;
position: relative;
transition: transform .2s ease, opacity .2s ease, background-color .2s ease;
}
.mw-burger span::before {
position: absolute;
top: -7px;
}
.mw-burger span::after {
position: absolute;
top: 7px;
}
body.nav-open .mw-burger span {
background: transparent;
}
body.nav-open .mw-burger span::before {
transform: rotate(45deg);
top: 0;
background: #223355;
}
body.nav-open .mw-burger span::after {
transform: rotate(-45deg);
top: 0;
background: #223355;
}

/* Breite Inhalte (Tabellen, Bilder) nicht über den Viewport hinausragen lassen */
.mw-parser-output table {
display: block;
max-width: 100%;
overflow-x: auto;
}
#content img,
.mw-parser-output img {
max-width: 100%;
height: auto;
}
}

/* Inhaltsverzeichnis-Tiefe pro Seite ueber {{TOC Tiefe|N}} */
.tocLimit-1 .toclevel-2, .tocLimit-1 .toclevel-3, .tocLimit-1 .toclevel-4, .tocLimit-1 .toclevel-5, .tocLimit-1 .toclevel-6 {
display: none;
}
.tocLimit-2 .toclevel-3, .tocLimit-2 .toclevel-4, .tocLimit-2 .toclevel-5, .tocLimit-2 .toclevel-6 {
display: none;
}
.tocLimit-3 .toclevel-4, .tocLimit-3 .toclevel-5, .tocLimit-3 .toclevel-6 {
display: none;
}
.tocLimit-4 .toclevel-5, .tocLimit-4 .toclevel-6 {
display: none;
}
.tocLimit-5 .toclevel-6 {
display: none;
}

/* Reiter (Seite/Diskussion, Aktionen, Lesen/Bearbeiten/...) als einheitliche Chip-Leiste - ueberall */
#p-namespaces,
#p-views,
#p-actions,
#p-variants {
white-space: normal;
margin: 0;
padding: .3rem 0;
}
#p-namespaces {
float: left;
}
#p-views,
#p-actions,
#p-variants {
float: right;
margin-right: .6rem;
}
#p-namespaces ul,
#p-views ul,
#p-actions ul,
#p-variants ul {
display: flex;
flex-wrap: wrap;
gap: .4rem;
margin: 0;
padding: 0;
list-style: none;
}
#p-namespaces li,
#p-views li,
#p-actions li,
#p-variants li {
display: block;
white-space: nowrap;
margin: 0;
padding: 0;
}
#p-namespaces li a,
#p-views li a,
#p-actions li a,
#p-variants li a {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
text-decoration: none;
}
#p-namespaces li.selected a,
#p-views li.selected a {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* Kopfzeile auf schmalen Bildschirmen lesbar stapeln statt ueberlappen zu lassen */
@media screen and (max-width: 750px) {
#p-banner,
#p-banner.mw-wiki-title {
font-size: 1.1rem;
display: block;
width: auto;
max-width: calc(100% - 3.5rem);
white-space: normal;
overflow-wrap: break-word;
line-height: 1.25;
margin-left: 3.2rem;
}

#p-search {
float: none;
position: static;
width: auto;
max-width: none;
margin: .5rem 0 .5rem 3rem;
}
#p-search input,
#p-search .oo-ui-widget {
max-width: 100%;
box-sizing: border-box;
}
}

/* Benutzername oben rechts (Becko) im gleichen Chip-Design wie die
Reiter/Aktionen-Buttons anzeigen */
#p-personal h3 {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
font-weight: normal;
color: #443a2a;
}
#p-personal:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Aktionen" oben rechts ebenfalls im gleichen Chip-Design wie die
anderen Reiter/Buttons anzeigen */
#p-actions h3 {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
font-weight: normal;
color: #443a2a;
}
#p-actions:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

MediaWiki:Common.css

2026-09-08T08:24:17Z

Becko: "Aktionen"-Label im gleichen Chip-Design wie die anderen Reiter-Buttons gestaltet

/* Gestaltung der Phoenix-Wiki-Portale */
.phoenix-hero {
padding: 2.2rem;
margin: 0 0 1.5rem;
color: #f8f0dc;
background: linear-gradient(135deg, #182433, #394b58);
border: 1px solid #9b8356;
border-radius: 4px;
}
.phoenix-kicker {
color: #d2bb83;
font-size: .85rem;
letter-spacing: .16em;
}
.phoenix-title {
margin: .25rem 0;
font-family: Georgia, serif;
font-size: 2.4rem;
}
.phoenix-lead {
max-width: 52rem;
font-size: 1.05rem;
}
.phoenix-portal-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 1rem;
margin: 1rem 0 1.5rem;
}
.phoenix-portal-card {
padding: 1rem 1.1rem;
background: #f7f2e7;
border: 1px solid #c8b98f;
border-left: 5px solid #735c32;
border-radius: 3px;
}
.phoenix-portal-card h3 {
margin-top: 0;
font-family: Georgia, serif;
}
.phoenix-portal-card .mw-editsection {
display: none;
}
@media (max-width: 720px) {
.phoenix-title { font-size: 1.8rem; }
}

/* Vollflächig klickbare Kacheln */
.phoenix-click-card {
position: relative;
cursor: pointer;
transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
background: #efe6d5;
border-color: #a58e60;
box-shadow: 0 3px 10px rgba(61, 48, 30, .16);
transform: translateY(-1px);
}
.phoenix-portal-card h3 a::after,
.phoenix-religion-card .phoenix-card-link a::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
}
.phoenix-portal-card h3 a:focus-visible,
.phoenix-religion-card .phoenix-card-link a:focus-visible {
outline: 2px solid #735c32;
outline-offset: 3px;
}
.phoenix-religion-grid {
display: flex;
flex-wrap: wrap;
gap: 1em;
align-items: stretch;
}
.phoenix-religion-card {
display: flex;
align-items: center;
gap: .9em;
box-sizing: border-box;
flex: 1 1 360px;
min-height: 118px;
padding: .9em;
border: 1px solid #c8ccd1;
border-radius: 6px;
background: #fff;
}
.phoenix-religion-symbol {
flex: 0 0 88px;
text-align: center;
}
.phoenix-religion-content {
flex: 1 1 auto;
}
@media (prefers-reduced-motion: reduce) {
.phoenix-click-card {
transition: none;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
transform: none;
}
}

/* Interaktive Markierungen der Länderkarte */
.phoenix-map-marker {
color: #d01818 !important;
-webkit-text-stroke: 2px #000;
paint-order: stroke fill;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 5px #fff;
transition: color .15s ease;
}
a:hover .phoenix-map-marker,
a:focus .phoenix-map-marker {
color: #000 !important;
}
a:has(> .phoenix-map-marker) {
text-decoration: none !important;
}

/* Einheitliche Navigation und Infoboxen */
.phoenix-backlink {
margin: .2rem 0 1rem;
padding: .45rem .7rem;
background: #f7f2e7;
border-left: 4px solid #735c32;
color: #443a2a;
}
.phoenix-infobox {
float: right;
clear: right;
width: 300px;
margin: 0 0 1rem 1.25rem;
background: #faf7ef;
}
.phoenix-infobox th {
width: 38%;
background: #eee5d3;
color: #3f3322;
}
.phoenix-infobox tr:first-child th {
width: auto;
background: #735c32;
color: #fff;
font-family: Georgia, serif;
font-size: 1.1rem;
text-align: center;
}
.phoenix-infobox-image {
text-align: center;
}
.phoenix-infobox-image img {
max-width: 260px;
height: auto;
}
.phoenix-infobox tr:has(> .phoenix-infobox-value:empty) {
display: none;
}
@media (max-width: 720px) {
.phoenix-infobox {
float: none;
width: 100%;
margin: 0 0 1rem;
}
}

/* Piktogramme in Portalkacheln */
.phoenix-icon-card {
text-align: center;
}

.phoenix-icon-card .phoenix-portal-icon {
display: flex;
align-items: center;
justify-content: center;
min-height: 120px;
margin-bottom: .6rem;
}

.phoenix-icon-card .phoenix-portal-icon img {
display: block;
width: 112px;
height: 112px;
object-fit: contain;
}

.phoenix-icon-card h3 {
margin-bottom: .15rem;
}

/* Gerade Linie unter ==-Überschriften entfernen, Schwung (Hintergrundbild auf h2) bleibt erhalten */
.mw-heading2 {
border-bottom: none;
}

/* Mobile Navigation: Seitenleiste als Burger-Off-Canvas-Menü (oben links) */
@media screen and (max-width: 768px) {
#column-navigation {
position: fixed;
top: 0;
left: 0;
width: 82vw;
max-width: 320px;
height: 100vh;
overflow-y: auto;
background: #fff;
box-shadow: 2px 0 12px rgba(0, 0, 0, .25);
transform: translateX(-100%);
transition: transform .25s ease;
padding: 3.5rem 1rem 1rem;
z-index: 1000;
box-sizing: border-box;
}
body.nav-open #column-navigation {
transform: translateX(0);
}

.nav-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .4);
z-index: 900;
}
body.nav-open .nav-overlay {
display: block;
}
body.nav-open {
overflow: hidden;
}

.mw-burger {
position: fixed;
top: .6rem;
left: .6rem;
z-index: 1100;
width: 42px;
height: 42px;
border: 1px solid #9b8356;
border-radius: 4px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
cursor: pointer;
}
.mw-burger span,
.mw-burger span::before,
.mw-burger span::after {
content: "";
display: block;
width: 22px;
height: 2px;
background: #223355;
position: relative;
transition: transform .2s ease, opacity .2s ease, background-color .2s ease;
}
.mw-burger span::before {
position: absolute;
top: -7px;
}
.mw-burger span::after {
position: absolute;
top: 7px;
}
body.nav-open .mw-burger span {
background: transparent;
}
body.nav-open .mw-burger span::before {
transform: rotate(45deg);
top: 0;
background: #223355;
}
body.nav-open .mw-burger span::after {
transform: rotate(-45deg);
top: 0;
background: #223355;
}

/* Breite Inhalte (Tabellen, Bilder) nicht über den Viewport hinausragen lassen */
.mw-parser-output table {
display: block;
max-width: 100%;
overflow-x: auto;
}
#content img,
.mw-parser-output img {
max-width: 100%;
height: auto;
}
}

/* Inhaltsverzeichnis-Tiefe pro Seite ueber {{TOC Tiefe|N}} */
.tocLimit-1 .toclevel-2, .tocLimit-1 .toclevel-3, .tocLimit-1 .toclevel-4, .tocLimit-1 .toclevel-5, .tocLimit-1 .toclevel-6 {
display: none;
}
.tocLimit-2 .toclevel-3, .tocLimit-2 .toclevel-4, .tocLimit-2 .toclevel-5, .tocLimit-2 .toclevel-6 {
display: none;
}
.tocLimit-3 .toclevel-4, .tocLimit-3 .toclevel-5, .tocLimit-3 .toclevel-6 {
display: none;
}
.tocLimit-4 .toclevel-5, .tocLimit-4 .toclevel-6 {
display: none;
}
.tocLimit-5 .toclevel-6 {
display: none;
}

/* Reiter (Seite/Diskussion, Aktionen, Lesen/Bearbeiten/...) als einheitliche Chip-Leiste - ueberall */
#p-namespaces,
#p-views,
#p-actions,
#p-variants {
white-space: normal;
margin: 0;
padding: .3rem 0;
border-bottom: 1px solid #e2dccb;
}
#p-namespaces {
float: left;
}
#p-views,
#p-actions,
#p-variants {
float: right;
}
#p-actions {
border-bottom: none;
}
#p-namespaces ul,
#p-views ul,
#p-actions ul,
#p-variants ul {
display: flex;
flex-wrap: wrap;
gap: .4rem;
margin: 0;
padding: 0;
list-style: none;
}
#p-namespaces li,
#p-views li,
#p-actions li,
#p-variants li {
display: block;
white-space: nowrap;
margin: 0;
padding: 0;
}
#p-namespaces li a,
#p-views li a,
#p-actions li a,
#p-variants li a {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
text-decoration: none;
}
#p-namespaces li.selected a,
#p-views li.selected a {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* Kopfzeile auf schmalen Bildschirmen lesbar stapeln statt ueberlappen zu lassen */
@media screen and (max-width: 750px) {
#p-banner,
#p-banner.mw-wiki-title {
font-size: 1.1rem;
display: block;
width: auto;
max-width: calc(100% - 3.5rem);
white-space: normal;
overflow-wrap: break-word;
line-height: 1.25;
margin-left: 3.2rem;
}

#p-search {
float: none;
position: static;
width: auto;
max-width: none;
margin: .5rem 0 .5rem 3rem;
}
#p-search input,
#p-search .oo-ui-widget {
max-width: 100%;
box-sizing: border-box;
}
}

/* Benutzername oben rechts (Becko) im gleichen Chip-Design wie die
Reiter/Aktionen-Buttons anzeigen */
#p-personal h3 {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
font-weight: normal;
color: #443a2a;
}
#p-personal:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* "Aktionen" oben rechts ebenfalls im gleichen Chip-Design wie die
anderen Reiter/Buttons anzeigen */
#p-actions h3 {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
font-weight: normal;
color: #443a2a;
}
#p-actions:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

MediaWiki:Common.css

2026-09-08T08:23:09Z

Becko: Benutzername oben rechts als Chip-Label im gleichen Design wie die Reiter/Aktionen-Buttons gestaltet

/* Gestaltung der Phoenix-Wiki-Portale */
.phoenix-hero {
padding: 2.2rem;
margin: 0 0 1.5rem;
color: #f8f0dc;
background: linear-gradient(135deg, #182433, #394b58);
border: 1px solid #9b8356;
border-radius: 4px;
}
.phoenix-kicker {
color: #d2bb83;
font-size: .85rem;
letter-spacing: .16em;
}
.phoenix-title {
margin: .25rem 0;
font-family: Georgia, serif;
font-size: 2.4rem;
}
.phoenix-lead {
max-width: 52rem;
font-size: 1.05rem;
}
.phoenix-portal-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 1rem;
margin: 1rem 0 1.5rem;
}
.phoenix-portal-card {
padding: 1rem 1.1rem;
background: #f7f2e7;
border: 1px solid #c8b98f;
border-left: 5px solid #735c32;
border-radius: 3px;
}
.phoenix-portal-card h3 {
margin-top: 0;
font-family: Georgia, serif;
}
.phoenix-portal-card .mw-editsection {
display: none;
}
@media (max-width: 720px) {
.phoenix-title { font-size: 1.8rem; }
}

/* Vollflächig klickbare Kacheln */
.phoenix-click-card {
position: relative;
cursor: pointer;
transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
background: #efe6d5;
border-color: #a58e60;
box-shadow: 0 3px 10px rgba(61, 48, 30, .16);
transform: translateY(-1px);
}
.phoenix-portal-card h3 a::after,
.phoenix-religion-card .phoenix-card-link a::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
}
.phoenix-portal-card h3 a:focus-visible,
.phoenix-religion-card .phoenix-card-link a:focus-visible {
outline: 2px solid #735c32;
outline-offset: 3px;
}
.phoenix-religion-grid {
display: flex;
flex-wrap: wrap;
gap: 1em;
align-items: stretch;
}
.phoenix-religion-card {
display: flex;
align-items: center;
gap: .9em;
box-sizing: border-box;
flex: 1 1 360px;
min-height: 118px;
padding: .9em;
border: 1px solid #c8ccd1;
border-radius: 6px;
background: #fff;
}
.phoenix-religion-symbol {
flex: 0 0 88px;
text-align: center;
}
.phoenix-religion-content {
flex: 1 1 auto;
}
@media (prefers-reduced-motion: reduce) {
.phoenix-click-card {
transition: none;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
transform: none;
}
}

/* Interaktive Markierungen der Länderkarte */
.phoenix-map-marker {
color: #d01818 !important;
-webkit-text-stroke: 2px #000;
paint-order: stroke fill;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 5px #fff;
transition: color .15s ease;
}
a:hover .phoenix-map-marker,
a:focus .phoenix-map-marker {
color: #000 !important;
}
a:has(> .phoenix-map-marker) {
text-decoration: none !important;
}

/* Einheitliche Navigation und Infoboxen */
.phoenix-backlink {
margin: .2rem 0 1rem;
padding: .45rem .7rem;
background: #f7f2e7;
border-left: 4px solid #735c32;
color: #443a2a;
}
.phoenix-infobox {
float: right;
clear: right;
width: 300px;
margin: 0 0 1rem 1.25rem;
background: #faf7ef;
}
.phoenix-infobox th {
width: 38%;
background: #eee5d3;
color: #3f3322;
}
.phoenix-infobox tr:first-child th {
width: auto;
background: #735c32;
color: #fff;
font-family: Georgia, serif;
font-size: 1.1rem;
text-align: center;
}
.phoenix-infobox-image {
text-align: center;
}
.phoenix-infobox-image img {
max-width: 260px;
height: auto;
}
.phoenix-infobox tr:has(> .phoenix-infobox-value:empty) {
display: none;
}
@media (max-width: 720px) {
.phoenix-infobox {
float: none;
width: 100%;
margin: 0 0 1rem;
}
}

/* Piktogramme in Portalkacheln */
.phoenix-icon-card {
text-align: center;
}

.phoenix-icon-card .phoenix-portal-icon {
display: flex;
align-items: center;
justify-content: center;
min-height: 120px;
margin-bottom: .6rem;
}

.phoenix-icon-card .phoenix-portal-icon img {
display: block;
width: 112px;
height: 112px;
object-fit: contain;
}

.phoenix-icon-card h3 {
margin-bottom: .15rem;
}

/* Gerade Linie unter ==-Überschriften entfernen, Schwung (Hintergrundbild auf h2) bleibt erhalten */
.mw-heading2 {
border-bottom: none;
}

/* Mobile Navigation: Seitenleiste als Burger-Off-Canvas-Menü (oben links) */
@media screen and (max-width: 768px) {
#column-navigation {
position: fixed;
top: 0;
left: 0;
width: 82vw;
max-width: 320px;
height: 100vh;
overflow-y: auto;
background: #fff;
box-shadow: 2px 0 12px rgba(0, 0, 0, .25);
transform: translateX(-100%);
transition: transform .25s ease;
padding: 3.5rem 1rem 1rem;
z-index: 1000;
box-sizing: border-box;
}
body.nav-open #column-navigation {
transform: translateX(0);
}

.nav-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .4);
z-index: 900;
}
body.nav-open .nav-overlay {
display: block;
}
body.nav-open {
overflow: hidden;
}

.mw-burger {
position: fixed;
top: .6rem;
left: .6rem;
z-index: 1100;
width: 42px;
height: 42px;
border: 1px solid #9b8356;
border-radius: 4px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
cursor: pointer;
}
.mw-burger span,
.mw-burger span::before,
.mw-burger span::after {
content: "";
display: block;
width: 22px;
height: 2px;
background: #223355;
position: relative;
transition: transform .2s ease, opacity .2s ease, background-color .2s ease;
}
.mw-burger span::before {
position: absolute;
top: -7px;
}
.mw-burger span::after {
position: absolute;
top: 7px;
}
body.nav-open .mw-burger span {
background: transparent;
}
body.nav-open .mw-burger span::before {
transform: rotate(45deg);
top: 0;
background: #223355;
}
body.nav-open .mw-burger span::after {
transform: rotate(-45deg);
top: 0;
background: #223355;
}

/* Breite Inhalte (Tabellen, Bilder) nicht über den Viewport hinausragen lassen */
.mw-parser-output table {
display: block;
max-width: 100%;
overflow-x: auto;
}
#content img,
.mw-parser-output img {
max-width: 100%;
height: auto;
}
}

/* Inhaltsverzeichnis-Tiefe pro Seite ueber {{TOC Tiefe|N}} */
.tocLimit-1 .toclevel-2, .tocLimit-1 .toclevel-3, .tocLimit-1 .toclevel-4, .tocLimit-1 .toclevel-5, .tocLimit-1 .toclevel-6 {
display: none;
}
.tocLimit-2 .toclevel-3, .tocLimit-2 .toclevel-4, .tocLimit-2 .toclevel-5, .tocLimit-2 .toclevel-6 {
display: none;
}
.tocLimit-3 .toclevel-4, .tocLimit-3 .toclevel-5, .tocLimit-3 .toclevel-6 {
display: none;
}
.tocLimit-4 .toclevel-5, .tocLimit-4 .toclevel-6 {
display: none;
}
.tocLimit-5 .toclevel-6 {
display: none;
}

/* Reiter (Seite/Diskussion, Aktionen, Lesen/Bearbeiten/...) als einheitliche Chip-Leiste - ueberall */
#p-namespaces,
#p-views,
#p-actions,
#p-variants {
white-space: normal;
margin: 0;
padding: .3rem 0;
border-bottom: 1px solid #e2dccb;
}
#p-namespaces {
float: left;
}
#p-views,
#p-actions,
#p-variants {
float: right;
}
#p-actions {
border-bottom: none;
}
#p-namespaces ul,
#p-views ul,
#p-actions ul,
#p-variants ul {
display: flex;
flex-wrap: wrap;
gap: .4rem;
margin: 0;
padding: 0;
list-style: none;
}
#p-namespaces li,
#p-views li,
#p-actions li,
#p-variants li {
display: block;
white-space: nowrap;
margin: 0;
padding: 0;
}
#p-namespaces li a,
#p-views li a,
#p-actions li a,
#p-variants li a {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
text-decoration: none;
}
#p-namespaces li.selected a,
#p-views li.selected a {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* Kopfzeile auf schmalen Bildschirmen lesbar stapeln statt ueberlappen zu lassen */
@media screen and (max-width: 750px) {
#p-banner,
#p-banner.mw-wiki-title {
font-size: 1.1rem;
display: block;
width: auto;
max-width: calc(100% - 3.5rem);
white-space: normal;
overflow-wrap: break-word;
line-height: 1.25;
margin-left: 3.2rem;
}

#p-search {
float: none;
position: static;
width: auto;
max-width: none;
margin: .5rem 0 .5rem 3rem;
}
#p-search input,
#p-search .oo-ui-widget {
max-width: 100%;
box-sizing: border-box;
}
}

/* Benutzername oben rechts (Becko) im gleichen Chip-Design wie die
Reiter/Aktionen-Buttons anzeigen */
#p-personal h3 {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
font-weight: normal;
color: #443a2a;
}
#p-personal:hover h3 {
background: #735c32;
border-color: #735c32;
color: #fff;
}

MediaWiki:Common.js

2026-09-08T08:22:10Z

Becko: Klonen der Benutzer-Werkzeuge in die linke Seitenleiste entfernt

MediaWiki:Common.css

2026-09-08T08:19:48Z

Becko: CSS fuer das Aktionen-Popup (verschobene Ansichten-Buttons) wieder entfernt

/* Gestaltung der Phoenix-Wiki-Portale */
.phoenix-hero {
padding: 2.2rem;
margin: 0 0 1.5rem;
color: #f8f0dc;
background: linear-gradient(135deg, #182433, #394b58);
border: 1px solid #9b8356;
border-radius: 4px;
}
.phoenix-kicker {
color: #d2bb83;
font-size: .85rem;
letter-spacing: .16em;
}
.phoenix-title {
margin: .25rem 0;
font-family: Georgia, serif;
font-size: 2.4rem;
}
.phoenix-lead {
max-width: 52rem;
font-size: 1.05rem;
}
.phoenix-portal-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 1rem;
margin: 1rem 0 1.5rem;
}
.phoenix-portal-card {
padding: 1rem 1.1rem;
background: #f7f2e7;
border: 1px solid #c8b98f;
border-left: 5px solid #735c32;
border-radius: 3px;
}
.phoenix-portal-card h3 {
margin-top: 0;
font-family: Georgia, serif;
}
.phoenix-portal-card .mw-editsection {
display: none;
}
@media (max-width: 720px) {
.phoenix-title { font-size: 1.8rem; }
}

/* Vollflächig klickbare Kacheln */
.phoenix-click-card {
position: relative;
cursor: pointer;
transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
background: #efe6d5;
border-color: #a58e60;
box-shadow: 0 3px 10px rgba(61, 48, 30, .16);
transform: translateY(-1px);
}
.phoenix-portal-card h3 a::after,
.phoenix-religion-card .phoenix-card-link a::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
}
.phoenix-portal-card h3 a:focus-visible,
.phoenix-religion-card .phoenix-card-link a:focus-visible {
outline: 2px solid #735c32;
outline-offset: 3px;
}
.phoenix-religion-grid {
display: flex;
flex-wrap: wrap;
gap: 1em;
align-items: stretch;
}
.phoenix-religion-card {
display: flex;
align-items: center;
gap: .9em;
box-sizing: border-box;
flex: 1 1 360px;
min-height: 118px;
padding: .9em;
border: 1px solid #c8ccd1;
border-radius: 6px;
background: #fff;
}
.phoenix-religion-symbol {
flex: 0 0 88px;
text-align: center;
}
.phoenix-religion-content {
flex: 1 1 auto;
}
@media (prefers-reduced-motion: reduce) {
.phoenix-click-card {
transition: none;
}
.phoenix-click-card:hover,
.phoenix-click-card:focus-within {
transform: none;
}
}

/* Interaktive Markierungen der Länderkarte */
.phoenix-map-marker {
color: #d01818 !important;
-webkit-text-stroke: 2px #000;
paint-order: stroke fill;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 5px #fff;
transition: color .15s ease;
}
a:hover .phoenix-map-marker,
a:focus .phoenix-map-marker {
color: #000 !important;
}
a:has(> .phoenix-map-marker) {
text-decoration: none !important;
}

/* Einheitliche Navigation und Infoboxen */
.phoenix-backlink {
margin: .2rem 0 1rem;
padding: .45rem .7rem;
background: #f7f2e7;
border-left: 4px solid #735c32;
color: #443a2a;
}
.phoenix-infobox {
float: right;
clear: right;
width: 300px;
margin: 0 0 1rem 1.25rem;
background: #faf7ef;
}
.phoenix-infobox th {
width: 38%;
background: #eee5d3;
color: #3f3322;
}
.phoenix-infobox tr:first-child th {
width: auto;
background: #735c32;
color: #fff;
font-family: Georgia, serif;
font-size: 1.1rem;
text-align: center;
}
.phoenix-infobox-image {
text-align: center;
}
.phoenix-infobox-image img {
max-width: 260px;
height: auto;
}
.phoenix-infobox tr:has(> .phoenix-infobox-value:empty) {
display: none;
}
@media (max-width: 720px) {
.phoenix-infobox {
float: none;
width: 100%;
margin: 0 0 1rem;
}
}

/* Piktogramme in Portalkacheln */
.phoenix-icon-card {
text-align: center;
}

.phoenix-icon-card .phoenix-portal-icon {
display: flex;
align-items: center;
justify-content: center;
min-height: 120px;
margin-bottom: .6rem;
}

.phoenix-icon-card .phoenix-portal-icon img {
display: block;
width: 112px;
height: 112px;
object-fit: contain;
}

.phoenix-icon-card h3 {
margin-bottom: .15rem;
}

/* Gerade Linie unter ==-Überschriften entfernen, Schwung (Hintergrundbild auf h2) bleibt erhalten */
.mw-heading2 {
border-bottom: none;
}

/* Mobile Navigation: Seitenleiste als Burger-Off-Canvas-Menü (oben links) */
@media screen and (max-width: 768px) {
#column-navigation {
position: fixed;
top: 0;
left: 0;
width: 82vw;
max-width: 320px;
height: 100vh;
overflow-y: auto;
background: #fff;
box-shadow: 2px 0 12px rgba(0, 0, 0, .25);
transform: translateX(-100%);
transition: transform .25s ease;
padding: 3.5rem 1rem 1rem;
z-index: 1000;
box-sizing: border-box;
}
body.nav-open #column-navigation {
transform: translateX(0);
}

.nav-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .4);
z-index: 900;
}
body.nav-open .nav-overlay {
display: block;
}
body.nav-open {
overflow: hidden;
}

.mw-burger {
position: fixed;
top: .6rem;
left: .6rem;
z-index: 1100;
width: 42px;
height: 42px;
border: 1px solid #9b8356;
border-radius: 4px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
cursor: pointer;
}
.mw-burger span,
.mw-burger span::before,
.mw-burger span::after {
content: "";
display: block;
width: 22px;
height: 2px;
background: #223355;
position: relative;
transition: transform .2s ease, opacity .2s ease, background-color .2s ease;
}
.mw-burger span::before {
position: absolute;
top: -7px;
}
.mw-burger span::after {
position: absolute;
top: 7px;
}
body.nav-open .mw-burger span {
background: transparent;
}
body.nav-open .mw-burger span::before {
transform: rotate(45deg);
top: 0;
background: #223355;
}
body.nav-open .mw-burger span::after {
transform: rotate(-45deg);
top: 0;
background: #223355;
}

/* Breite Inhalte (Tabellen, Bilder) nicht über den Viewport hinausragen lassen */
.mw-parser-output table {
display: block;
max-width: 100%;
overflow-x: auto;
}
#content img,
.mw-parser-output img {
max-width: 100%;
height: auto;
}
}

/* Inhaltsverzeichnis-Tiefe pro Seite ueber {{TOC Tiefe|N}} */
.tocLimit-1 .toclevel-2, .tocLimit-1 .toclevel-3, .tocLimit-1 .toclevel-4, .tocLimit-1 .toclevel-5, .tocLimit-1 .toclevel-6 {
display: none;
}
.tocLimit-2 .toclevel-3, .tocLimit-2 .toclevel-4, .tocLimit-2 .toclevel-5, .tocLimit-2 .toclevel-6 {
display: none;
}
.tocLimit-3 .toclevel-4, .tocLimit-3 .toclevel-5, .tocLimit-3 .toclevel-6 {
display: none;
}
.tocLimit-4 .toclevel-5, .tocLimit-4 .toclevel-6 {
display: none;
}
.tocLimit-5 .toclevel-6 {
display: none;
}

/* Reiter (Seite/Diskussion, Aktionen, Lesen/Bearbeiten/...) als einheitliche Chip-Leiste - ueberall */
#p-namespaces,
#p-views,
#p-actions,
#p-variants {
white-space: normal;
margin: 0;
padding: .3rem 0;
border-bottom: 1px solid #e2dccb;
}
#p-namespaces {
float: left;
}
#p-views,
#p-actions,
#p-variants {
float: right;
}
#p-actions {
border-bottom: none;
}
#p-namespaces ul,
#p-views ul,
#p-actions ul,
#p-variants ul {
display: flex;
flex-wrap: wrap;
gap: .4rem;
margin: 0;
padding: 0;
list-style: none;
}
#p-namespaces li,
#p-views li,
#p-actions li,
#p-variants li {
display: block;
white-space: nowrap;
margin: 0;
padding: 0;
}
#p-namespaces li a,
#p-views li a,
#p-actions li a,
#p-variants li a {
display: inline-block;
padding: .25rem .55rem;
background: #f7f2e7;
border: 1px solid #d8cdb0;
border-radius: 3px;
font-size: .8rem;
line-height: 1.1;
text-decoration: none;
}
#p-namespaces li.selected a,
#p-views li.selected a {
background: #735c32;
border-color: #735c32;
color: #fff;
}

/* Kopfzeile auf schmalen Bildschirmen lesbar stapeln statt ueberlappen zu lassen */
@media screen and (max-width: 750px) {
#p-banner,
#p-banner.mw-wiki-title {
font-size: 1.1rem;
display: block;
width: auto;
max-width: calc(100% - 3.5rem);
white-space: normal;
overflow-wrap: break-word;
line-height: 1.25;
margin-left: 3.2rem;
}

#p-search {
float: none;
position: static;
width: auto;
max-width: none;
margin: .5rem 0 .5rem 3rem;
}
#p-search input,
#p-search .oo-ui-widget {
max-width: 100%;
box-sizing: border-box;
}
}

MediaWiki:Common.js

2026-09-08T08:19:26Z

Becko: Verschieben der Ansichten-Buttons in das Aktionen-Popup wieder rueckgaengig gemacht

/* Das folgende JavaScript wird für alle Benutzer geladen. */
mw.loader.using(['mediawiki.util']).done(function () {
// Nur auf schmalen Screens aktiv
if (!window.matchMedia('(max-width: 768px)').matches) return;

// Burger-Button einfügen (mit ARIA)
var $btn = $('<button class="mw-burger" aria-label="Menü" aria-controls="column-navigation" aria-expanded="false"><span></span></button>');
$('body').append($btn);

// Overlay zum Schließen
var $overlay = $('<div class="nav-overlay" tabindex="-1" aria-hidden="true"></div>');
$('body').append($overlay);

function closeMenu() {
$('body').removeClass('nav-open');
$btn.attr('aria-expanded', 'false');
}
function toggleMenu() {
var open = !$('body').hasClass('nav-open');
$('body').toggleClass('nav-open', open);
$btn.attr('aria-expanded', String(open));
}

$btn.on('click', toggleMenu);
$overlay.on('click', closeMenu);
$(document).on('keydown', function (e) { if (e.key === 'Escape') closeMenu(); });

// Schließt das Menü, wenn Viewport wieder breit wird
window.matchMedia('(min-width: 769px)').addEventListener('change', function (mql) {
if (mql.matches) closeMenu();
});
});

// MediaWiki:Common.js (ggf. zusätzlich in MediaWiki:Mobile.js, falls MobileFrontend aktiv ist)
mw.loader.using(['mediawiki.util']).done(function () {
function findSourceBody() {
var sel = [
'#p-usertools .mw-portlet-body',
'#p-user-tools .mw-portlet-body',
'#p-personal .mw-portlet-body' // Fallback – hier sitzen "Anmelden", "Benutzerkonto…"
];
for (var i = 0; i < sel.length; i++) {
var $el = $(sel[i]);
if ($el.length) return $el;
}
return $(); // leer
}

function ensureClonePortlet($nav, headingText) {
var $clone = $('#p-usertools-left');
if ($clone.length) return $clone.find('.mw-portlet-body');

// Portlet mit Standard-Classes => erbt 1:1 den Skin-Stil
$clone = $(
'<div id="p-usertools-left" class="mw-portlet" role="navigation" aria-label="' + headingText + '">' +
'<h3>' + $('<div>').text(headingText).html() + '</h3>' +
'<div class="mw-portlet-body"></div>' +
'</div>'
);

// ANS ENDE der bestehenden Portlets hängen -> "unter die bisherigen Menüpunkte"
$nav.append($clone);
return $clone.find('.mw-portlet-body');
}

function cloneUserStuffIntoLeftMenu() {
var $srcBody = findSourceBody();
if (!$srcBody.length) return;

// Ziel-Container: zuerst #mw-navigation (Anisa), sonst #column-navigation als Fallback
var $nav = $('#mw-navigation');
if (!$nav.length) $nav = $('#column-navigation');
if (!$nav.length) return;

// Überschrift übernehmen (z.B. "Benutzer" oder "Persönliche Werkzeuge")
var heading = ($srcBody.closest('.mw-portlet').children('h3').first().text() || 'Benutzer').trim();

var $dstBody = ensureClonePortlet($nav, heading);
if (!$dstBody.length) return;

// Ziel leeren, dann frische KOPIE der direkten Kinder einfügen
$dstBody.empty();
$srcBody.children().each(function () {
var $clone = $(this).clone(true, true);
// doppelte IDs vermeiden
$clone.find('[id]').addBack('[id]').removeAttr('id');
$dstBody.append($clone);
});
}

function apply() {
cloneUserStuffIntoLeftMenu();
}

apply();
mw.hook('wikipage.content').add(apply); // bei Soft-Navigation erneut
});

// Admin-Link zu den Spezialseiten im persönlichen Menü
mw.loader.using(['mediawiki.util']).done(function () {
var groups = mw.config.get('wgUserGroups') || [];
if (groups.indexOf('sysop') === -1) return;
if (document.getElementById('pt-specialpages')) return;

var $list = $('#p-personal .mw-portlet-body ul').first();
if (!$list.length) return;

var $li = $('<li id="pt-specialpages" class="mw-list-item"></li>');
var $a = $('<a></a>').attr('href', mw.util.getUrl('Special:Spezialseiten')).text('Spezialseiten');
$li.append($a);

var $logout = $('#pt-logout');
if ($logout.length) {
$logout.before($li);
} else {
$list.append($li);
}
});

Vorlage:Wesen

2026-09-08T07:48:45Z