/*
* GDL Responsive Grid Layout, Copyright 2012 - 2022 Siegfried Seibert
* abgeleitet von Cute Grids v1.0.1, http://www.cutegrids.com
*/

/**
 * CONTENTS
 *
 * SETTINGS
 * Global...............Globally-available variables and config.
 *
 * TOOLS
 * Mixins...............Useful mixins.
 *
 * GENERIC
 * Normalize.css........A level playing field.
 * Box-sizing...........Better default `box-sizing`.
 *
 * BASE
 * Headings.............H1–H6 styles.
 *
 * OBJECTS
 * Wrappers.............Wrapping and constraining elements.
 *
 * COMPONENTS
 * Page-head............The main page header.
 * Page-foot............The main page footer.
 * Buttons..............Button elements.
 *
 * TRUMPS
 * Text.................Text helpers.
 */

/* #Reset & Basics (Inspired by normalize.css and Skeleton)
================================================== */
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  background: #fffff8;
  color: #000;
  max-width: 100%;
  min-width: 20rem;
  /*  Nutzung von System-Fonts, siehe https://flaviocopes.com/css-system-fonts/   */
  font-family: "Arial, sans-serif, -apple-system", BlinkMacSystemFont, "Segoe UI", "Roboto",
  "Oxygen", "Ubuntu", "Helvetica Neue", "Apple Color Emoji",
  "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 100%;  /*  100% = 16px =1rem  */
  line-height: 1.6;
/* Prevent iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
.font-serif { font-family: "Times New Roman", Times, serif; }
.font-mono { font-family: "Courier New", Courier, monospace; }

/* Set the width of the row to what you like */
.row {
  width: 100%;
  max-width:64rem; /* max Width of row */
  margin:0 auto;   /* Zentrierung */
}

/* Nested row 1 level down */
/* Change the gutter if you like, currently set as 0.65em */
.row .row {
  margin-left: -2.1%; /* minus left gutter for nested rows */
  margin-right: -2.1%; /* minus Right gutter for nested rows */
  width: auto;
}

.col {
  float: left;
  position: relative;
  width:100%;
  display: block;
  padding: .625rem 2.1%;
}

/* Addional margin / padding for columns */
.no-vpad { padding-top: 0; padding-bottom: 0; }
.no-hpad { padding-left: 0; padding-right: 0; }
.half-vpad { padding-top: .3125rem; padding-bottom: .3125rem; }

/* Clearfix */
.row::after, .clearfix::after {
  content: "";
  display: table;
  clear: both;
}



/* Header-Hintergrund
================================================== */
.navbar-bg { background: #363; }
.logobar-bg {
    background-color: #C5E2C6;
    background-image: linear-gradient(#D7EBD4, #B3DAAF);
    padding: 9px;
    width: 100%;
}
#wikihead { margin-bottom: .5rem; }

.logoimg {
  height:38px;
  width: calc(75px + 7.8%);
  float: left;
  display: table;
}
.logoimg a { height:38px; }
.logoimg img {
/*  max-height: 35px; */
  max-width: 131px;
}

.logoimg a,
.logoname p {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.logoname {
  float:left;
  font-style: italic;
  font-weight: bold;
  display: table;
  width: calc(90% - 118px);
  margin-top: -3px;
  height: 38px;
  font-size: calc(6px + 2vw);
  line-height: 1.1;
}
.logoname,
.logoname a { color: #242; }


/* Anpassung Smartphones  */
@media only screen and (max-width: 767px) {
  .logobar-bg { padding: 9px 2.1%; }
  #logoname { padding-left: 0; }
  #logoimg {
    padding-right: 0;
    float: right;
  }
  .logoimg a,
  .logoname p { width: 100%; }
}


/* Elemente ab einer bestimmten Klasse aufwärts anzeigen/verbergen */
@media only screen {

.show-tablet, .show-laptop, .show-desktop { display: none !important; }
.hide-tablet, .hide-laptop, .hide-desktop { display: block !important; }
.hide-tablet.inline,
.hide-laptop.inline,
.hide-desktop.inline { display: inline !important; }
/* Anzeigen/Verbergen nur fuer Phone-Ansicht */
.hide-phone { display: none !important; }
.show-phone { display: block !important; }
.show-phone.inline { display: inline !important; }
}
/* Weitere Elemente generell verbergen */
.hide-all, .xswitch.open { display: none!important; }


/* Grid classes for small tablets / big phone screen widths
---------------------------------------------------------------*/
@media only screen and (min-width: 600px) {
  .hide-tablet,
  .hide-tablet.inline,
  .show-phone,
  .show-phone.inline { display: none !important; }
  .show-tablet,
  .hide-phone { display: block !important; }
  .show-tablet.inline,
  .hide-phone.inline { display: inline !important; }
}


/* Grid classes for laptop screen widths  */
@media only screen and (min-width: 768px) {
/*  .onesignal-bell-container,  */
  .hide-laptop,
  .hide-laptop.inline { display: none !important; }
  .show-laptop { display: block !important; }
  .show-laptop.inline { display: inline !important; }

  .logoimg {
    width: 22%;
    text-align:right;
    float: right;
  }
  .logoname {
    width: 78%;
    font-size: 1.4rem;
  }

  #wikibody {
    width: calc(95% - 12rem);
    left: calc(12rem + 5%);
  }
}


/* Tablet-/Phoneansicht der Rightbar unterhalb der Hauptansicht */
@media only screen and (max-width: 767px) {
  #wikiright > *  {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 16rem;
  }
  #wikiright {
    margin-top: 1rem;
    background-color: #ded;
    -webkit-columns: 200px 3;   /* Chrome, Safari, Opera */
    -moz-columns: 200px 3;   /* Firefox */
    columns: 200px 3;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }
  #wikiright > h2 {
    max-width: none;
    margin: 0 0 1.5rem;
    background: #363;
  }
}


/* Grid classes for desktop Size */
@media only screen and (min-width: 768px) {
  .hide-desktop,
  .hide-desktop.inline { display: none !important; }
  .show-desktop { display: block !important; }
  .show-desktop.inline { display: inline !important; }

 /* #topbox { width: 70%; }  */
  #wikibody { width: 70%; left: 0; }
  #wikimain { position: relative; }  /* fuer absolute Positionierung von #wikiright */
  #wikiright {
    width: 30%;
    min-width: 240px;
    position: absolute;
    top:0; right:0;
  }
}


/* Hochformat ab 512px */
@media only screen and (min-height: 600px) {
  #wikifoot {     /* Feststehende Fusszeile */
    position: fixed;
    bottom: 0;
  }
  #wikimain.row { margin-bottom: 1.75rem; }
}


/* #Links
================================================== */
a { color:#363; text-decoration:none; }
#wikitext p a,
#wikitext li a { text-decoration: underline; font-weight: 500; }
a:hover { color: #900; }
#wikibody a:hover,
#topbox a:hover { text-decoration:underline; }
a[href*=Vorname_Nachname],
a[href*=Vorname_Nachname] + br { display: none; }

.editlink a { font-size: .6875rem; color: #8B4513; }

/*a.createlink,   */
a.createlinktext { border-bottom: none !important; }  /* Außerhalb von #wikitext  */
#wikitext a.createlinktext.deleted { color: gray; text-decoration: line-through; }

#wikimain a.createlinktext  { color: #DC143C; }
#wikileft a.createlinktext,
.wikileft a.createlinktext,
#groupnav a.createlinktext { color: #FF8090; }
#wikileft a.createlinktext:hover,
.wikileft a.createlinktext:hover,
#groupnav a.createlinktext:hover { color: #DC143C; }
#wikileft li li a.createlinktext,
.wikileft li li a.createlinktext,
#groupnav li li a.createlinktext { color: #DC143C; }

#wikimain a.createlinktext::after,
#groupnav a.createlinktext::after {
    content:' ?';
    font-size: .8125em;
    font-weight: 700;
    vertical-align: 5px;
}

#wikimain .oglist a.createlinktext  { color: #363; }
#wikimain .oglist a.createlinktext::after { content: ''; }



/* #Typography / Silbentrennung
================================================== */
* {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

@supports (hyphens: auto) {
  #wikibody p, #wikitext p, .vorspann, .hyph {
    -webkit-hyphens: auto;
    -o-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

  }
}

@supports (hyphens: auto) {
  @media only screen and (min-width: 768px) {
    #wikibody p, #wikitext p, .vorspann, .sidebar, #toptext p, .hyph {
      text-align:justify;
    }
  }
}

#wikibody, #wikitext, .sidebar { font-size: 14px; font-size: .875rem; }

.vorspann {
  color: #131;
  font-weight: 600;
  margin: 0 0 1.5rem 0;
  font-size: 1rem;
/*  display: table;  */
}
div.vorspann:empty { display: none!important; }


small, .small { font-size: .83em; line-height: 1.4; }
big, .big { font-size: 1.2em; line-height: 1.25; }
em, .em, i { font-style: italic; }
strong, .strong, b { font-weight: 600; }
.normal { font-weight:400; }


/* Überschriften  */
h1, h2, h3, h4, h5, h6 { line-height:1.25; color:#131; }
h1, .h1 { font-size: 22px; font-size: 1.375rem;  margin: .75rem 0 .75rem 0; }
h2, .h2 { font-size: 18px; font-size: 1.125rem;   margin: .5rem 0 .5rem 0; }
h3, .h3 { font-size: 18px; font-size: 1.125rem;  margin: .5rem 0 .5rem 0; }
/*h3, .h3 { font-size: 18px; font-size: 1.286em;  margin: .444em 0 .444em 0; }*/
h4, .h4 { font-size: 16px; font-size: 1rem;     margin: .5rem 0 .25rem 0; }
/*h4, .h4 { font-size: 16px; font-size: 1.143em;     margin: .572em 0 .286em 0; } */
h5, .h5 { font-size: 14px; font-size: .875rem;  margin: .5rem 0 .25rem 0; }
h6, .h6 { font-size: 13px; font-size: .8125rem;   margin: .25rem 0 .25rem 0; }

h2 {
  background-color: #363;
  color: #fffff8;
  padding: .25rem .375rem;
  font-weight: 700;
}

h2 small, h2 .small, .small h2 { font-size: 1rem; }
h2 big, h2 .big, .big h2 { font-size: 1.25rem; }

.pagetitle h1 {
    margin: 0 0 1.5rem 0;
    padding-bottom: .125rem;
    color: #363;
    border-bottom: 2px solid #363;
    font-size: 24px; font-size: 1.5rem;
}
.pagetitle h3 {
  margin-top:0;
  font-weight:normal;
  color: #363;
  margin-bottom:.125rem;
}

.article h6 {
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 0;
}

.article h3, .article h4, .article h5 {
  margin-top: 0;
}


/* Designelemente, Farben werden bei Tabellen ab Zeile 1000 definiert  */
hr {
  border: solid #363;
  border-width: 1px 0 0;
  clear: both;
  margin: 0px -.375rem .6125rem;
  height: 0;
}
.sidebar hr { border-width: 1px 0 0; margin: 8px 0; }

.dimmed,
.darkgray { color: #333; }

div.notiz, div.wichtig, div.achtung,
p.notiz, p.wichtig, p.achtung,
.formular, .answer { padding: .125rem .375rem; }
span.wichtig:not(.button), span.notiz:not(.button), span.achtung:not(.button),
.markierung, .mark, mark { padding:1px 2px; }
.answer { margin-left: .75rem; }


#wikibody .wichtig h2,
#wikibody .achtung h2,
#wikibody .notiz h2 {
    margin: -.375rem -.375rem 0.375rem;
}
/* Randausgleich in markup-Tabellen auf Tutorialseiten */
#wikibody table:not(.markup) h2 { margin-bottom:-.1875rem; }


.achtung > h3, .achtung > h4,
.wichtig > h3, .wichtig > h4,
.notiz > h3, .notiz > h4 { margin-top:0; }


.lfloat { float: left; margin-right: 1rem; }
.rfloat { float: right; margin-left: 1rem; }
.center { text-align: center; }
.lfloat ~ ul { display: table; }

.nobr	{ white-space:nowrap; }
.hidden { display: none; opacity:0; }

.wikimessage {
  color: #800000;
  font-weight: bold;
}

.opmessage {
  padding: 0.25rem;
  margin-bottom: .5rem;
  font-size: .85rem;
}
.opmessage a {
    background: #fffff8;
    color: maroon;
    text-decoration: none;
    padding: 0 6px;
    border-radius: 12px;
    font-weight: bold;
}

#offlineNote {
    font-size: .6875rem;
    margin: -8px 0;
    float: right;
}

/* toggle- und switch Icons */
.clicker { color:#222; cursor:pointer; }
.switch.closed::before,
.switch.open::before {
/*  font-size: 1.125em; */
  content: "\f055";
  font-family: FontAwesome;
  margin-top: .25em;
  margin-right: .375em;
  float: right;
 }
.switch.open::before { content: "\f056"; }


/* Helferlein für Vorstandsseite
------------------------------------------------------------------- */
/*.vorstand h2 { margin-top: 1.5rem; } */
.vorstand img {
  float: left;
  margin-right: 1rem!important;
  margin-bottom: 1rem!important;
}
.vorstand strong { color: #800000; }
.vorstand p + .vspace { clear:left; }  /*
.vorstand p { white-space: pre-line; }*/


/* #Listen  (#wikitext + #wikiboy wegen Floatbox-Ajax beides notwendig)
================================================== */
dt { font-weight: bold; }
dd { margin-left: 1.25rem; }


#wikitext ul,
#wikitext ol,
#wikibody ul,
#wikibody ol {
  margin: 0 0 0 0;
  padding: 0 0 0.5em 0;
}

#wikibody li,
#wikitext li {
  margin: 0 0 0 1.3rem;
  padding: 3px 0 3px 3px;
}

#wikibody li.grouplink,
#wikitext li.grouplink {
  margin: 0;
}

#wikibody li li,
#wikitext li li {
  padding: 1px 0 1px 3px;
  font-size: .8125rem;
  color: #222;
}


/* arrowlist für "Mehr zum Thema" und Service.Startseite
----------------------------------------------------------- */
#wikitext ul.arrowlist,
#wikitext .arrowlist ul { list-style-type: none; }

#wikitext .arrowlist li {
  text-indent: -1.2em;
  font-size: 1em;
  margin-left: 1.5em;
  padding: .3574em 0;
}
#wikitext .arrowlist li::before {
  content: "\00BB";
  color: #060;
  float: left;
  width: 1em;
}

#wikitext .arrowlist li small { font-size: .857em; }
#wikitext .arrowlist li.small::before { margin-left: 1.5em; }
#wikitext .arrowlist li.small { padding: 0 0 .214em 0; }
#wikibody .arrowlist li small a { text-decoration: none; }



 /* Korrektur action=diff-Layout (funktioniert nur hier)
================================================== */
.diffbox {
    width: 100%!important;
    border: 1px solid #444;
    background: #fffff8;
}




/* Gruene Box und Videobox für Sidebar und Blickfang
================================================== */
#wikileft {
  margin-bottom: 1.5rem;
}

.box {
    background: #363;
    text-align: center;
    font-size: .8125rem;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  /*  max-width: 17rem;  */
    margin-bottom: 1.5rem;
}
/*#rightbox.box { background: none; }*/

#rightbar > div,
#rightbox > div {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.box h1,
.box h2 {
  color: #fff;
  padding: .375rem;
  font-size: .8125rem;
  margin: 0;
}

.box p {
  color: #fff;
  font-size: .8125rem;
  padding: .375rem;
}

.box h1 { color: /*#fc6*/ #FFB749; }
.box a { color: inherit; margin:0; text-decoration: none;}
.box a:hover { text-decoration: none; }

.box img { border: .375rem solid #363; }
.box p + div > a > img,
.box h1 + div > a > img,
.box h2 + div > a > img,
.box h3 + div > a > img,
.box h4 + div > a > img,
.box h5 + div > a > img,
.box h6 + div > a > img { border-top-width: 0; }

.randlos img {
  width: 100%;
  border:0;
}

.clickable { position:relative; }
.clickable a {
   position:absolute;
   width:100%;
   height:100%;
   top:0;
   left:0;
   text-decoration:none; /* Makes sure the link   doesn't get underlined */
   background-color:#fffff8; /*workaround to make clickable in IE */
   opacity: 0; /*workaround to make clickable in IE */
   filter: alpha(opacity=1); /*workaround to make clickable in IE */
}

.box.clickable h1:hover,
.box.clickable h2:hover,
.box.clickable:hover {  /*workaround to make clickable in IE */
    background: #363 !important;
}
 .box.clickable:hover img { border-color: #363 !important; }


/* Container fuer Farbverlaufs-/Schatten-Elemente
================================================== */

@media only screen and (min-width: 768px)  {
    .shadow, .box {
        box-shadow: 0 8px 10px -6px #363;
    }
}
.gradient {    /* Definition in config.php; hier: Vorbelegung mit Farben der HGS */
    background-color: #FFB749;
    background-image: linear-gradient(#FFC249, #FFAC49);
}

/* Sidebar:Rechte TopBox
================================================== */
/*#rightbox {
    margin-bottom: 1.875rem;
   width: 100%;
    overflow: hidden;
}
#rightbox .box {
    display: table-cell;
    vertical-align: middle;
}*/

#wikibody {
  min-height: calc(100vh - 168px);
}


/* ==================================================
   Topbox / Blickfang (mobile first)
================================================== */
#topbox {
    margin-bottom: 2rem;
}
#topbox-content {
  width: 100%;
/*  margin-bottom: .625rem;  */
  min-height: 10.625rem;
  position: relative;
}

#topimg img {
  object-fit: cover;
  min-height: 180px;
  max-height: 320px;
}

.gross #topimg img {
  width: 100%;
}

.klein #topimg.imgpadding { padding: 5px 5px 0 5px; }

#toptext {
  padding: .625rem .75rem;
 }
#toptext p,
#toptext li {
  font-family: "Times New Roman", Times, serif;
  font-size: 1rem;
  font-style: italic;
  color: #141;
}
#toptext ul { padding-left: 1.25rem }

#toptext h1,
#toptext h2,
#toptext h3,
#toptext h4,
#toptext h5 {
    margin: 0;
    padding:0;
    color: #060;
    background: transparent;
    margin-bottom: .25rem;
}
#toptext h1 { font-size: 1.5rem; }
#toptext h2 { font-size: 1.25rem; color: #141; }
#toptext h3 { font-size: 1.0625rem; }
#toptext h4 { font-size: 1rem; }
#toptext h5 { margin-bottom: 0; }


/* # Media Queries fuer TopBox und Pagetitle
================================================== */
@media only screen and (min-width: 480px) {
    .pagetitle h1 { font-size: 1.625rem; }

    #toptext { padding: 0.75rem 1rem; }
    #toptext p  {
        font-size: 1.0625rem;
        line-height: 1.4;
    }
    #toptext h1 { font-size: 1.75rem; }
    #toptext h2 { font-size: 1.5rem; }
    #toptext h3 { font-size: 1.125rem; }
    #toptext h4 { font-size: 1.0625rem; }

    #topbox-content.klein {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #topbox-content.noimg {
        display: flex;
        align-items: center;
        justify-content: left;
    }

    .klein #toptext { width: 61.5%; }
    .klein #topimg {
        width: 38.5%;
        float:left;
    }
    .klein #topimg img {
        max-height: 240px;
        width: 100%;
    }
    .klein .imgcircle img {
        border-top-right-radius: 33.3% 50%;
        border-bottom-right-radius: 33.3% 50%;
    }
    .klein #topimg.imgpadding { padding: 5px; }
}

.gross #topimg.imgpadding { border: 5px solid #ffc249; }

@media only screen and (min-width: 600px) {
    .pagetitle h1 { font-size: 1.75rem; }

    .gross #toptext { max-width: 61.5%; }
    .gross #topimg {
        position: relative;
        width: 100%;
    }
    .gross #topimg img { max-height: 360px; }
/*    .gross #topimg.imgpadding { border: 1px solid black; }      */
    .gross #topimg.imgpadding { border: 2px solid #363; }
    /* Bottom text below image */
    .gross #toptext.u { max-width: 100%; }
    /* Bottom left text */
    .gross #toptext.ul {
        position: absolute;
        bottom: 1rem;
        left: 1rem;
    }
    /* Top left text */
    .gross #toptext.ol {
        position: absolute;
        top: 1rem;
        left: 1rem;
    }
    /* Top right text */
    .gross #toptext.or {
        position: absolute;
        top: 1rem;
        right: 1rem;
    }
    /* Bottom right text */
    .gross #toptext.ur {
        position: absolute;
        bottom: 1rem;
        right: 1rem;
    }
    /* Centered text */
    .gross #toptext.z {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}


@media only screen and (min-width: 768px) {
    .pagetitle h1 { font-size: 1.875rem; }
}


@media only screen and (min-width: 1024px) {
    .pagetitle h1 { font-size: 2rem; }

    #toptext p {
        font-size: 1.125rem;
        line-height: 1.325;
    }
    #toptext h1 { font-size: 2.0rem; }
    #toptext h2 { font-size: 1.75rem; }
    #toptext h3 { font-size: 1.25rem; }
    #toptext h4 { font-size: 1.125rem; }
}

/*
@media only screen and (max-height: 479px) and (max-width: 479px) {
    #topimg { display: none;  }
}*/


/* Stile fuer Newslists
================================================== */
.article {
  margin: /*1.25rem */0;
  border-bottom: 1px solid #363;
  padding: 1rem 0;
}
#toptext.article {
  border-bottom: none;
}

.article.wichtig { padding: .1875rem .375rem;/* background: #FFDD98; */}  */
.article.nodetails { padding: .25em 0; }
.article.nodetails h4 { font-size: .875rem; margin:0; }

.newslist img {
  width: 144px;
 /* max-height: 160px; */
}

.infoline,
.infotext {
  font-size: .6875rem;
  color: #141;
}

li .infotext {
  color: #666;
  margin-top: 3px;
}

.arrowlist li .infotext {
  margin-left: 5em;
}

.infoline {
  display: block;
  text-align: right;
  margin-top: .3125rem;
}

p.infoline {
  margin-bottom: 1rem;
}

/*#wikitext .event h4 { margin-top:0; }*/
.termin .infoline {
  font-size: .8125rem;
  color: #060;
  font-weight: 600;
}
.featured.termin .infoline {
  float:none;
  text-align: left;
  margin: 0;
}

.videolist .article.featured { padding: 0; }
.markfirst .featured,
.videolist .featured {
    border: 0;
    background: #E1EDE1;
    margin: 1rem 0;
}
#wikibody .videolist .featured img.mini {
  border:0;
  height: 240px;
  object-fit: cover;
  margin: 0;
}
#wikibody .markfirst .featured,
#wikibody .videolist .featured .textwrapper { padding:6px; }

@media only screen and (min-width: 480px) {
  .markfirst,
  .videolist {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
  .markfirst .featured,
  .videolist .featured {
    min-width: 320px;
    margin: 1rem 10px;
    flex: 1;
  }
}

/* Icon auf YouTube-Vorschaubildern */
.newslist .podcast .img a,
#topimg.podcast,
.box.podcast,
.videolist .podcast .img { position: relative; }
.newslist .podcast .img a::before,
#topimg.podcast::before,
.box.podcast::before,
.videolist .podcast .img::before {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f16a";
    font-style: normal;
    font-weight: normal;
    background: radial-gradient(white 50%, transparent 50%);
    color: #060;
    line-height: 0.5;
}
.newslist .podcast .img a::before {
    font-size: 32px;
    top: 120%;
    left: 15%;
}
.klein #topimg.podcast::before,
.box.podcast::before {
    font-size: 42px;
    bottom: 25%;
    left: 15%;
}
.gross #topimg.podcast::before {
    font-size: 54px;
    bottom:45%;
    left: 45%;
}
.videolist .podcast .img::before {
    font-size: 48px;
    bottom:20%;
    left: 10%;
}
.newslist .podcast .img a:hover::before,
.newslist .podcast .img a:focus::before,
.videolist .podcast .img:hover::before,
.videolist .podcast .img:focus::before,
#topimg.podcast:hover::before,
#topimg.podcast:focus::before,
.box.podcast:hover::before,
.box.podcast:focus::before { color: #ff0000; }



/* Tabellen
================================================== */
.table-container { overflow-x:auto; }     /* Resposive Container, von Javascript gesetzt */

table, tr, td, th {
    border-collapse: collapse;
    margin: 0;
    border: 0;
    vertical-align: top;
}

/* In HTML5 only styles are valid for alignment */
td.left,   th.left   { text-align: left;}
td.center, th.center { text-align: center;}
td.right,  th.right  { text-align: right;}
td.top,    th.top    { vertical-align: top;}
td.bottom, th.bottom { vertical-align: bottom;}
td.middle, th.middle { vertical-align: middle;}

/* Standardtabellen im Haupttext*/
table { margin-bottom: 0.5em; }
table caption,
th.caption,      /* caption class for table directives */
td.caption {
    padding: 0.1em;
    font-size: 1.1rem;
}
th, caption { font-weight: bold; }
 th, td { padding: 3px 6px;}


/* Linierte Tabellen (ohne notiz/wichtig/achtung) */
.linien th, .linien th a,
.rahmen th, .rahmen th a { background: #E1EDE1; }
.linien, .linien a,
.rahmen, .rahmen a { color: #060; }

table.linien { border-top: 1px solid #363; }
.linien th,
.linien td { border-bottom: 1px solid #363; }
/*Tabelle mit Rahmen in allen Zellen */
.rahmen th,
.rahmen td { border: 1px solid #363; }


/* Farben h2/Tabelle notiz, Formulare*/
h2.notiz,
.notiz h2,
table.notiz,
.notiz th,
form table th {
  background: #363;
  color: #fffff8;
  border-color: #363;
}

.notiz,
.notiz td,
form table td {
  background: #E1EDE1;
  color: #000;
  border-color: #363;
}
.notiz caption,
form table caption { color: #363; }

/* Formular-Hintergrund der Eingabemasken  */
.formular { border: 1px solid #648157; background: #e1ede1; }

/* Farben h2/Tabelle wichtig  */
.markierung, .mark, mark { background: #FFB749; }

h2.wichtig,
.wichtig h2,
table.wichtig,
.wichtig th {
  background: #FFB749;
  color:#000;
  border-color: #121;
}
.wichtig,
.wichtig td {
  background: #FFEECF;
  border-color: #121;
}


/* Farben h2/Tabelle .achtung  */
h2.achtung,
.achtung h2,
table.achtung,
.achtung th {
  background: #800000;
  color: #FFFFF8;
  border-color: #FFFFF8;
}
.achtung,
.achtung td {
  background: #FFCCB4;
  color: #000;
  border-color: #FFFFF8;
}
.achtung caption { color: #800000; }


/* Responsive Bilder Videos Medien
================================================== */
img,
iframe,
video,
audio,
embed,
object {
  max-width: 100% !important;
}
img,
video,
embed,
object {
  height: auto;
}
embed,
object {
  height: 50%;
}
img {
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

/* Resposive Ansicht für YouTube und Flashplayer
über volle Seitenbreite  */
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}
.videoWrapper iframe,
.videoWrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* ================================================
   # Buttons  (aus pure.css)
================================================== */
.button, button,
.button.dark, button.dark,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  transform: scale(1);
  line-height: normal;
  white-space: nowrap;
  -webkit-user-drag: none;
  user-select: none;
  font-family: inherit;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  text-decoration: none!important;
  padding: .25rem;
  margin: .25rem .125rem;
  font-size: 13px; font-size: .8125rem;
  color: #fffff8;
  background: #363;
  border: 1px solid #363;
  border-radius: .25rem;
  transition: 0.3s;
  box-shadow: 0 2px 3px 0 rgba(0,0,0,0.24), 0 4px 6px 0 rgba(0,0,0,0.19);
}
button#uv_px,
.button.noshadow {
  box-shadow: none;
}

.button a {
  text-decoration: none!important;
  color: #fffff8;
}
/* Fix for old Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* Alternative Farben */
button.smart,
.button.smart,
button.notiz,
.button.notiz {
  background: #363;
  border-color: #363;
  color: #fffff8;
}

button.achtung,
.button.achtung {
  background: #800000;
  border-color: #800000;
}

/* Farbe Icon von Aushang-Button */
.fa.aushang { color:#E1EDE1; }

/* hover, focus, active  */
.button:hover, .button:focus,
button:hover, button:focus,
input[type="submit"]:hover, input[type="submit"]:focus,
input[type="reset"]:hover, input[type="reset"]:focus,
input[type="button"]:hover, input[type="button"]:focus {
  filter: alpha(opacity=90);
  background-image:linear-gradient(hsla(0,0%,0%,.2) 100%,transparent 100%);
  color: #fffff8;
}

button.wichtig,
.wichtig button,
.button.wichtig {
  background: #FFA330;
  border-color: #FFA330;
  color: #131;
  font-weight: 600;
}
button.wichtig a,
.button.wichtig a { color: #131; }
button.wichtig:hover,
.button.wichtig:hover { background-image:linear-gradient(#fb4 100%,transparent 100%); }

.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus { outline: 0; }

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
  -ms-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

/* Alternative Größen */
.button.small {
  font-size: 12px; font-size: .75rem;
  padding: .125rem .25rem;
}
.button.x-small {
  font-size: 11px; font-size: .6875rem;
  padding: .0625rem .125rem;
}
.button.large {
  font-size: 14px; font-size: .875rem;
  padding: .375rem;
}
.button.x-large {
  font-size: 16px; font-size: 1rem;
  padding: .5rem;
}


/* ================================================
   # Formulare
================================================== */
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  border: 1px solid #ccc;
  padding: .125rem .25rem;
  outline: none;
  border-radius: .125rem;
  font-size: 14px; font-size: .875rem;
  font-family: "-apple-system", BlinkMacSystemFont, "Segoe UI", "Roboto",
  "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
  "Segoe UI Emoji", "Segoe UI Symbol";
  color: #222;
  margin: 0;
  max-width: 100%;
  background: #fffff8;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus, select:focus {
  border: 1px solid #aaa;
  color: #444;
  box-shadow:  0 0 3px rgba(0,0,0,.2);
}

textarea { min-height: 60px; }
form p, form > div :not(table td), label,
legend {
    /*color: #444;*/
    font-size: 13px; font-size: .8125rem;
}

input[type="checkbox"] {
  display: inline; }
form label span,
form legend span {
  font-weight: normal;
  font-size: 13px; font-size: .8125rem;
}


form header {
  margin: 0 0 20px 0;
}
form header div {
  font-size: 90%;
  color: #999;
}
form header h2 {
  margin: 0 0 5px 0;
}
form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 .25rem 0;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
/*  width: 15%;  */
  float: left;
  padding-right: 10px;
}
form > div > div,
form > div > fieldset > div {
  width: 80%;
  float: right;
}
form > div > fieldset label {
    font-size: 90%;
}
fieldset {
    border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
    width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}



/* ================================================
   # Spezielle Formate und Mediaqueries fuer Formulare
================================================== */
.form-desc {
    color: #5E7952;
    font-size: 12px; font-size: .75rem;
    line-height: 1.2;
    padding: 0 .5em 0;
    display:table;
}

label {
  font-weight: bold;
  font-size: 14px; font-size: .875rem;
 }
label.choice { font-weight: normal; }
#showkeywords-tog .inputbutton { margin:1px 0 3px 0; padding:0 3px;}

#wikiupload table input[type=text] { margin-bottom: .25rem; }

@media only screen and (max-width: 599px) {
/*  form > div { margin: 0 0 15px 0; }  */

  form > div > label,
  legend {
  /*  width: 100%; */
    float: none;
    margin: 0 0 5px 0;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select { width: 100%; }


}


/* Groessenklassen fuer Formularfelder */
[class*='width-'] input[type=text],
[class*='width-'] input[type=email],
[class*='width-'] input[type=url],
[class*='width-'] input[type=password] { width:100%; }

@media only screen and (min-width: 600px) {  /* Keine korrekte Anzeige ohne Float:left */
.width-100 { width: 100%; }
.width-90 { width: 90%; float:left; }
.width-80 { width: 80%; float:left; }
.width-75 { width: 75%; float:left; }
.width-70 { width: 70%; float:left; }
.width-66 { width: 66.6%; float:left; }
.width-65 { width: 65%; float:left; }
.width-60 { width: 60%; float:left; }
.width-50 { width: 50%; float:left; }
.width-45 { width: 45%; float:left; }
.width-40 { width: 40%; float:left; }
.width-35 { width: 35%; float:left; }
.width-33 { width: 33.3%; float:left; }
.width-30 { width: 30%; float:left; }
.width-25 { width: 25%; float:left; }
.width-20 { width: 20%; float:left; }
.width-15 { width: 15%; float:left; }
.width-10 { width: 10%; float:left; }
}

/* Suchfeld und Suchfeldbutton
================================================== */
.wikisearch .searchbox	{   /* Standard Suchfenster */
  max-width: 20rem;
  margin: 0 .25rem .25rem 0;
}

#searchbox.lfloat {
  margin-right: 1rem;
  margin-bottom:.5rem;
}

.wikisearch .searchbox,
#searchbox input.inputbox {
    font-size: .8125rem;
    margin-top: .25rem;
    padding: .1875rem .25rem;
}
.wikisearch .searchbox,
#searchbox select,
#searchbox input.inputbox {
    background: #fdfdfd;
    border: 1px groove #ddd;
    color: rgb(39,66,33);
    border-radius: .25rem;
}
#searchbox option {
    background: #efe;
    color: rgb(39, 66, 33);
    padding: .125rem .25rem;
}
#searchbox label,
#searchbox select { font-size: 12px; font-size: .75rem; }


#searchbox input.inputbox { margin-bottom: .5rem; }
#searchbox form > div { margin-bottom: .25rem; }
#searchbox .lastbtn,
#searchbox .lastbtn input { margin-bottom:2px; }

#searchbox form > div > div,
#searchbox select { width: 10rem; }
#searchbox form > div > label { width: 4rem; margin-top: 4px;}

@media only screen and (max-width: 599px) {
  #searchbox form > div > label,
  #searchbox form > div > div { float: left;}
}

@media only screen and (max-width: 447px) {
   #searchbox { width: 100%; }
}

/*
input.searchbutton {
  padding: .1rem .5rem .2rem;
  margin: .2rem .125rem;
}*/


/* Radio Group
-----------------------------------------------*/
fieldset.radiogroup {
  margin: 0 0 1rem 0;
  padding: .5rem;
  border: 1px #252 solid;
}
fieldset.radiogroup legend {
  margin: 0;
  padding: 0 .5rem;
  font-weight: bold;
  margin-left: 20px;
  font-size: 1rem;
  color: #252;
  float: none;
  width: auto;
}

.control {
  margin: 0 .5rem 0 -.25rem;
  padding: .25rem;
  min-width: 7.25rem;
  float:left;
  border: 1px transparent solid;
}
.control:hover {
  background-color: #CCE0CC;
  border: 1px #252 solid;
}
fieldset.years .control {
  min-width: 4.2rem;
}

.control label {
  font-weight: 500;
}

label {
  display: inline-block;
  vertical-align: top;
}
input + label {
  width: auto;
}

@media only screen and (min-width: 480px) {
  #archivbuttons .button { width: 70px; }
}

/* Footer
================================================== */
.textfooter {
  margin-top: 1rem;
}

.textfooter .button {
  margin-left:0;
}


#wikifoot {
/*    position: fixed;
    bottom: 0;
    padding: 1px 0;         */
    width: 100%;
    max-width: 100%;
    min-width: 20rem;
    font-size: 0.75rem;
    white-space: nowrap;
    text-align: center;
    background: #363;
    color: #fffff8;
    border-top: 1px solid #fff;
    z-index: 5;
}

#wikifoot a {
    color: #fffff8;
    padding: 0.4em 3px 0.4em 3px;
    margin: 0;
}

#wikifoot a:hover {
    background: #B3DAAF;
    color: #242;
    border: none;
    text-decoration: none;
}



/* totop arrow   */
#totop {
  font-size: 2rem;
  right: calc(2.1% - 16px);
  position:fixed;
  bottom: 1.125rem;
  display:none;
  z-index:5;
  transition: .5s;
}
#totop .bgcolor { color: #fffff8; }
#onesignal-bell-container.onesignal-reset { left: calc(2.1% - 16px)!important; }
@media only screen and (min-width: 1024px) {
  #totop { right: calc(50% - 512px); }
  #onesignal-bell-container.onesignal-reset { left: calc(50% - 512px)!important; }
}


/* Horizontales Menue (in Footer)
================================================== */
.hmenu ul {
  display: inline;
  list-style: none;
}

.hmenu li {
  display: inline;
  margin:0 .25rem;
}

.hmenu li a {
  border: none;
  color: #242;
  text-decoration: none;
}

.hmenu li a:hover { color: #242; }

@media only screen and (max-width: 360px) {
  .hmenu li { margin: 0; }
}



/* ============================================================================
    Mini-Erweiterung: Anzeige Bildergallerie (modifizierte ultralightbox.css )
============================================================================== */
#wikitext img.mini {
  margin: .25rem 0;
  border:1px solid #666;
}
#wikitext .mainimg img.mini { margin: 0; }

/* Rand von Bildcontaineransicht auf Artikelseiten (mit Bildunterschrift) */
.mainimg { /*margin-bottom: 1.5rem;*/ max-width: 720px; }
.mainimg.lfloat {
  padding-right: 1rem;
  margin-right: .375rem;
}
.mainimg.rfloat {
  padding-left: 1rem;
  margin-left: .375rem;
}
.mainimg.lfloat,
.mainimg.rfloat {
  max-width: 320px;
  background-color: #fffff8;
  padding-bottom: .75rem;
}
.mainimg.smallimg { max-width: 200px; }

@media only screen and (max-width: 539px) {
  .mainimg.lfloat:not(.smallimg),
  .mainimg.rfloat:not(.smallimg) {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 399px) {
  .mainimg.lfloat.smallimg,
  .mainimg.rfloat.smallimg {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}

#wikitext .mainimg div,
#wikitext .imgcaption .caption,
#wikitext .miniH,
#wikitext .miniF {
  display:block;
  color:#222;
  font-size:.75rem;
  line-height:1.4;
}

/*#wikitext .minilink + br + .caption,       */
#wikitext .miniH,
#wikitext .miniF {
  margin-top: -.25rem;
}

/*#wikitext .minilink + br + .caption {
  margin-top: .25rem;
}*/

#wikitext .mainimg .fsource,
#wikitext .miniF .fsource {
  color:#666;
  font-size:.625rem;
  margin: -1px 0 0 1rem;
  float: right;
}

.mainimg .caption {
  display: block;
  margin-bottom: 1rem;
  margin-top: 2px;
}


/* Unverse-Floatbox allgemein (Artikelanzeige)
------------------------------------------------------------------- */
#uv_ov {
  display: none;
  position: fixed;
  top: 0; left: 0;
  z-index: 90;
  flex-direction: column;
  justify-content: center;
  width: 100%;height: 100%;
  overflow: auto;
  background:#000;
  background: linear-gradient( to right,
    rgba(31, 31, 31, 0.8), rgba(31, 31, 31, 0.8) 50%,
    rgba(16, 16, 16, 0.8) 50%, rgba(16, 16, 16, 0.8) );
  background-size: 2px 100%;
  cursor: pointer;  /*      Internet Explorer */
  cursor: zoom-out;  /*    Andere Browser */
}

#uv_pop {
  display: none;
  position: relative;
/*  z-index: 99;  */
  margin: auto;
  padding: .875rem 0 0 0;
  border: .75rem solid #fff;
  border-radius: .375rem;
  background: #fffff8;
  cursor: default;
}

#uv_pop > div {
  text-align: left;
  font-size: .75rem;
}
#uv_pop.foto > div,
#uv_cp {
  position: absolute;
  margin: -.5rem .1875rem;
  width: calc(100% - 6px);
}
#uv_cp { top: 0; }
#uv_pop.foto > div { bottom: 0; }

#uv_pop iframe, #ajaxbody { border:1px solid #ccc; }

#uv_pop button {
  border:none;
  background:transparent;
  cursor: pointer;
  padding: 0;
}
#uv_px {
  float: right;
  margin: -.125rem 0 0;
  font-size: 1rem;
}    /*
#uv_pop button:hover { color:#fff; }
*/

/* Unverse-Floatbox fuer News und Videos
------------------------------------------------------------------- */
#uv_pop.floatbox {
  width: calc(288px + 57.5%);
  max-width: 800px;
  max-height: calc(216px + 57.5%);
/*  max-height: 720px;  */
}
#uv_pop.floatbox, #uv_cp {
  border-color: #CEE6CE;
  background: #CEE6CE;
}

#uv_px { color: #060; }
#uv_px:hover {
  color:#900;
  box-shadow: none;
}

#uv_pop.floatbox iframe,
#ajaxbody {
  border-color: #111;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  background: #fffff8;
}

#uv_pop.video {
  position: relative;
  width: 1024px;
  padding-bottom: 576px; /* = width * 9 / 16) */
}
@media only screen and (max-width: 1279px) {
  #uv_pop.video {
    width: calc(288px + 57.5%);
    padding-bottom: calc(162px + 32.34375%); /* = width * 9 / 16) */
  }
}
#uv_pop.video iframe {
  border: none;
  position: absolute;
  width: calc(100%);
  height: calc(100% - .875rem);
}
#uv_pop.video, #uv_pop.video > div  {
  color: #eee;
  border-color: #131;
  background-color: #131;
}


/* Unverse-Floatbox fuer Mini-Fotoanzeige
------------------------------------------------------------------- */
#uv_pop.foto {
  padding:0;
  max-width: 1024px;
  max-height: 768px;
}
@media only screen and (max-width: 1279px), (max-height: 959px) {
  #uv_pop.foto {
    max-width: calc(288px + 57.5%);
    max-height: calc(216px + 57.5%);
  }
}

#uv_pop.foto, #uv_pop.foto > div  {
  color: #eee;
  border-color: #111;
  background-color: #111;
}
#uv_pop.foto > div {
    background-color: rgba(0,0,0,0.7);
    padding: .3125rem 0.5rem .1875rem;
    margin: 0 1px;
    width: calc(100% - 2px);
    max-width: 100vw;
    bottom: 1px;
}
#uv_pop.foto > div > b { font-weight: normal; }

#uv_pop.foto img {
  border: 1px solid #ccc;
  width: 100%; height: 100%;
  max-height: 100vh!important;
  max-width: 100vw!important;
  object-fit: cover;
}

#uv_pop.foto #unav {
  color:#bbb;
  float: right;
  font-size: .6875rem;
  margin: 0 0 .1875rem 1rem;
}

#uv_pop.foto #unav button {
  font-size: .875rem;
  font-weight: 400;
  margin: -.3125rem 0 0 .25rem;
  color: #eee;
}
#uv_pop #unav button#ub-1 { margin-left:1rem; }


/*Lightbox-Hover zur Bildnavigation  */
#hoverNav {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
#prevLink, #nextLink {
    background-image: url("data:image/gif;base64,AAAA");
    display: block;
    height: 100%;
    width: 40%;
    cursor: pointer;
}
#prevLink {
    float: left;
    left: 0;
}
#nextLink {
    float: right;
    right: 0;
}
#prevLink:hover, #prevLink:visited:hover {
  /* background: url("images/prev.gif") no-repeat scroll left 15% rgba(0, 0, 0, 0); */
  background-image: url(data:image/gif;base64,R0lGODlhLQAtAMQQALGxsWJiYvT09G1tbdLS0t3d3YSEhOnp6cfHx5qamqWlpXl5eby8vI+Pj1dXV////////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABAALAAAAAAtAC0AAAWw4COOZGme6AlBaeu+IgvPdG3feK7vfO//wCCtIHwJAAHHophCDBxQB4JZOhiiUQB1hMRGGVvC0wsNCJiCBDm6IBa76wC4WLiuHYqzUKC4OwxuQk53A1NMAHcBAHpFAklkDQdbDwRkAQSTIgVrBpiZdmQJjEwHC4lak3BkA55UaX6Rk2J+i6mPq4ZUVn4JmYNrga59ZKiZdV7FmQ+qksojRwqtztPU1dbX2NnaDzLWKyEAOw==);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left 15%;
  background-color: rgba(0, 0, 0, 0);
}
#nextLink:hover, #nextLink:visited:hover {
  /*  background: url("images/next.gif") no-repeat scroll right 15% rgba(0, 0, 0, 0); */
  background-image: url(data:image/gif;base64,R0lGODlhLQAtAMQQAPT09LGxsWJiYunp6dLS0oSEhG1tbd3d3aWlpZqamry8vI+Pj8fHx3l5eVdXV////////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABAALAAAAAAtAC0AAAWuIAQ9ZGmeaKqm4+q+cCzPdG3feK7vfO//wNIAEIwhHI7EoLgCIJGCADNFeD4NhKlpYLUmiNpHofuMhgEL8rNwCBMaaiQCPA0I4gbGORF3FJZaB2NqZmEKBnELYQ8AAXFZiwNwXVJhA3xklXV3ZAJ0QQSIhJBBA4Nqc0WNfWxMCpydmkCCfV+ufVhasFaFU1Vkf4sHXXmLJaIOqcYkAwgBgMvR0tPU1dbXNC3VItYhADs=);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right 15%;
  background-color: rgba(0, 0, 0, 0);
}


/* Unverse-Floatbox fuer Smartphones
------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  #uv_ov { background: #000; }
  #uv_pop {
    border-width: 0;
    border-radius:0;
  }
  #uv_pop iframe, #ajaxbody { border: 0; }

  #uv_pop.foto img { border: 0; }
  #uv_pop.foto > div {
    bottom:0;
    width: 100%;
    margin:0;
  }
  #uv_pop.foto #unav button:hover { color: #fff; }

  #uv_pop.floatbox {
    width: 100%;
    height: 100%;
    max-height: none;
    max-width: none;
    padding: 0 0 .5rem 0;
  /*  margin-top: 3.25rem;    */
  }
  #uv_cp {
    position: fixed;
    top: 0;
    z-index:1;
    margin: 0;
    width: 100%;
    padding: .5rem .5rem .125rem .5rem;
    border-bottom: 1px solid #363;
    color: #060;
  }
  #ufr,
  #ajaxbody { padding-top: 4.75rem; }

  #uv_px {
    margin: 0;
    font-size: 200%;
  }

  #uv_pop.video, #uv_pop.video > div  {
    color: #eee;
    border-color: transparent;
    background-color: transparent;
  }
  #uv_pop.video {
    width: 100%;
    padding-bottom: 56.25%; /* = width * 9 / 16) */
  }
}

@media only screen and (max-height: 599px) and (orientation: landscape) {
  #uv_pop.video {
    width: calc(177.78vh - 1.555rem);
    padding-bottom: calc(100vh - .875rem); /* = width * 9 / 16) */
  }
  #uv_pop.video > div { max-width: calc(100vw - 12px); }
  #uv_pop > div {
    font-size: .6875rem;
    bottom: 0;
  }
}


/* Imagemaps
------------------------------------------------------------------- */
.imap {
  position: relative;
  background: transparent;
}
#imap, .imsection, .mapsection {
  display: none;
}

.imap a {
  position: absolute;
  width: 6px;
  height: 6px;
  z-index: 3;
}

.imap.deco a {
  /*background: url(images/ogpoint.png) no-repeat;  */
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAgklEQVQImU3JsREBURRG4fNf+4IdLUh1sFWQCChApgA9GAYdCEVCRYhsAUKrAGbMeGZ33xUQOOF35A25NsUQpRmuB57WPj+exLIY09YHJABQp+b97GeI6Rd/w9tA3p0YcOc/d5CikdkCFMHBE5hdqMqdvLmh1aBHCCOkyPW89231+gCVmSv2+rgADQAAAABJRU5ErkJggg==) no-repeat;
}

.imap a.bezname,
.imap a.bezgst {
  width: auto;
  color:#222;
  text-decoration: none!important;
  font-weight:bold;
}

.imap.nodeco a.bezname,
.imap.nodeco a.bezgst {
  color: transparent;
}

.imap a.bezname {
  height:auto;
  font-size: 12px;
  line-height: 1.0;
  background: none;
  z-index: 2;
}

.imap a.bezgst {
  font-size: 10px;
  line-height: .8;
  width: 10px;
  height: 10px;
  padding-left:11px!important;
  z-index: 4;
}

.imap.deco a.bezgst {
 /* background: url(images/bzpoint.png) no-repeat; 1px 1px #fff*/
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAWUlEQVQImWOM31p68/0rBlTQYpfDcvrF3Wuv7jEwMMIE/zP8///ux0cWBgYGJFEGBgZGCI+JAQcgIPEfRez/fwYGBhYoixFFlIGBgXHPo9PvfnxEM8daSg8AzycdQShHW7MAAAAASUVORK5CYII=) no-repeat 1px 1px #fff;
}


@media only screen and (max-width: 447px)  {
  .imap.bigmap a.bezname {
    font-size: 11px;
}
  .imap.bigmap a.bezgst {
    font-size: 8px;
    width: 8px;
    height: 8px;
    padding-left:8px!important;
    background-size: 6px 6px;
  }
}


/* --------------------------------------------------------------------------
    HAUPTNAVIGATION
-------------------------------------------------------------------------- */
/* Always hide groupnav (wird ab Laptop in wikileft angezeigt) */
#groupnav { display: none; }
#navbar { width:100%; }

@media only screen and (max-width: 767px) {  /* Up to 767px */
  .side-ovl,
  #wikicmds,
  #navbar,
  #sitenav,
/*  #wikiright, */
  #groupnav {
    position: static;
    display: none;
  }

/*  #groupnav,
  #sitenav { margin-bottom:3px; }*/

  #wikihead ~ .side-ovl.navopen,
  .wikicmds-bg ~ .side-ovl.navopen,
  #navbar.navopen,
  #sitenav.pnavopen,
  #groupnav.pnavopen,
  #wikicmds.navopen,
  #wikiright.navopen {
    display: block;
}

  .toggleline::after {
/*    content: "\25BE";  */
    content: "+";
    margin: 0 .25rem;
    float: right;
    font-weight: bold;
  }
  .toggleline.navopen::after { content: "\2212"; }
}

.toggleline {
  text-align:center;
  padding:.5rem;
  cursor: pointer;
  color: #fffff8;
  background: #363;
  font-size: .875rem;
  font-weight: bold;
}
a.toggleline:hover { color: #fffff8; }


.wikicmds-bg,
.toggleline.wikicmds { background: #800000; }
.toggleline p { display:inline; }

.menubutton {
  cursor: pointer;
  padding: .375rem;
  width:2.5rem; height:2.5rem;
  background: url("data:image/svg+xml;charset=utf8,%3C!-- Generated by IcoMoon.io --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' fill='rgb(34, 68, 34)' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctitle%3Emenu%3C/title%3E%3Cpath d='M3 6h18v2.016h-18v-2.016zM3 12.984v-1.969h18v1.969h-18zM3 18v-2.016h18v2.016h-18z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  background-size: contain;
}
.menubutton.lfloat { margin-right: 1rem; }


/* Hierarchie der Menüanzeige */
.sidebar .menu ul ul { z-index: 10; }
#navbar ul { z-index: 15; }
#wikicmds ul { z-index: 20; }
.menu ul ul { z-index: 25; }


/* Self- und Grouplinks */
.sidebar li.grouplink > a { font-weight: bold; }
:not(#wikicmds).menu a.selflink {
  cursor: default;
  color: #FFB749;
  font-weight: bold;
}
.menu li.hover a.selflink { color: #733 !important; }

@media only screen and (min-width: 768px) {
  #navbar  li.grouplink > a {
    color: #FFB749;
    font-weight: bold;
  }
  .menu li.grouplink.hover > a { color: #733 !important; }
}


/* ---------------------------------------------
 Vertical Standard Menu
--------------------------------------------- */
  .menu ul  { color: #121; }
  #wikicmds ul  { color: #400; }
  .menu li {
    list-style: none;
/*    padding: 0!important;  */
  }

  .markup .menu li {
    padding:0!important;
  }
  .markup .menu li a {
    text-decoration: none!important;
  }

  .menu li .fa {   /* font awesome icons */
  padding-left: 0;
  padding-right: .25em;
}

  .search { background: #363; }  /* Korrektur weisse Linie in Chrome */

  .menu li a,
  .menu > ul > li .nolink {
    display: block;
  /*  overflow: hidden;    */
    font-size: .875rem;
    text-align: left;
    padding: .5rem .5rem .5rem .75rem;
/*    text-decoration: none!important;   */
  }
  .menu > ul > li .nolink { cursor:default; }

  .menu li small a:before {
    content: "\00BB";
    margin-right: .625rem;
  }


/* Erste Menüebene */
  .menu > ul > li { float: none; }
  .menu > ul > li .nolink,
  .menu > ul > li > a,
  .menu > ul > li > * > a {
    color: #fffff8;
    background: #363;
  /*  color: #121;
    background: #C5E2C6;  */
  }


  .menu > ul > li { border-top: 1px solid #fffff8; }
  #groupnav .menu > ul > li:first-child { border-top:0; }

  @media only screen and (max-width: 767px) {
    #navbar .menu > ul > li.favitem,
    #navbar .menu > ul > li.iconwrapper {
      margin: 0 .75rem;
      border: 0;
    }
  }
  @media only screen and (min-width: 768px) {
    .menu.navbar > ul > li { border: 0; }
  }

  #wikicmds > ul > li > a { background: #b55; }
  #wikicmds > ul > li { border-color: #fb9; }


  /* 2. und 3. Menüebene */
  .menu li ul  {
    padding: .5rem;
    display: none;
    background: #fffff8;
    margin-right: 1.5rem;
  }

  .menu > ul > li.hover > ul { display: block; }
  .menu > ul > li.hover .fpltemplate > ul { display: block; }
  .menu ul ul li.hover ul { display: block; }

  .menu li li a {
    display: table;
    padding: .25rem .5rem;
    font-size: .8125rem;
    width: 100%;
    color: #242;
    border-top: 1px dotted #242 !important;
  }
  .menu li li:first-child a { border-top: none !important; }

  #wikicmds li li a {
      color: #400;
      border-top: 1px dotted #400 !important;
  }
  #wikicmds li li.small a { font-size: .8125rem;  }

  .menu li small a {
      font-size: .8125rem;
      text-indent: -.875rem;
     /* padding-left: 1.875rem;   */
      padding: 0.3125rem .5rem 0.3125rem 1.875rem;
  }
  #navbar li small a { padding-left: 1.5rem; }
  .menu li li small a { padding-left: 1.25rem; }


/*  Hover der ersten Ebene bleibt beim Überfahren der zweiten Ebene stehen
-------------------------------------------------------------------------- */
.menu li.hover a:hover,
.menu > ul > li.hover > a,
.menu ul > li.hover > small > a:hover,
.menu ul > li.hover > strong > a:hover {
  background: #B3DAAF;
  color:#121;
}
#wikicmds li.hover a:hover,
#wikicmds > ul > li.hover > a,
#wikicmds ul > li.hover > small > a:hover,
#wikicmds ul > li.hover > strong > a:hover {
  background-color: #fb9!important;
  color: #400;
}


#navbar .vspace {
  margin:0;
  display: none;
}

/* Formatierungen nur für Mobil-Ansicht */
@media only screen and (max-width: 767px) {
  .menu.col { padding:0; }

  .menu .vspace,
  .toggleline .vspace {
    margin:0;
    display: none;
  }

  .menu.hgslinks { border-top: 1px solid #fffff8; }

  .parent > a::after,
  .menu > ul > li.parent .nolink::after {
    /*content: "\2026";
    content: "+";      */
    content: "\f055";
    font-family: FontAwesome;
    margin: 0 .25rem;
    float: right;
    font-weight: 600;
  }
  .parent.hover > a::before {
    content: "\00BB  ";
  /*    float:none;
  color:#800000;  */
  }
  .parent.hover > a.selflink::after,
  .menu > ul > li.parent:hover .nolink::after { content: ""; }

  /* Für Touchscreen-Script müssen Untermenüs
   absolut über die Erste Ebene gelegt werden   */
  .menu > ul > li { position: relative; }
  .menu ul ul {
    position: absolute;
    right: 2.1%;
    width: 60%;
    border: 1px solid #363;
    border-top: 1px solid #b3daaf;
    box-shadow: 0 3px 3px 1px #363;
  }

  #wikicmds ul ul {
    border-color: #800000;
    border-top-color: #fb9;
    box-shadow: 0 3px 3px 1px #800000;
  }

  /* Anzeige der aktuellen Gruppe in der Mobil-Navigation */
  #sitenav > ul > li.grouplink, /* #groupnav, */
  #sitenav ul ul ul { display:none; }

  #navbar > div.pnavopen {
    width: 100%;
    display:block;
  }

  .switchline {
    text-align:center;
    padding:.5rem;
    cursor: pointer;
    font-weight: bold;
    color: #060;
    background-color: #B3DAAF;
    font-size: .875rem;
  }
  .switchline.pnavopen {
    background: #363;
    color: #FFB749;
    font-weight: bold;
   }
  .switchline.pnavopen::after,
  .switchline.pnavopen::before {
    content: "\2193";
    margin: 0 .25rem;
    float: right;
  }
  .switchline.pnavopen::before {
    float: left;
  }


  .menu li small a:before { margin-left: .5rem; }

  #groupnav .menu > ul > li.grouplink > a,
  #navbar .menu > ul > li > a,
  #navbar .menu > ul > li > * > a { background: #374; }
  #groupnav .menu > ul > li .nolink,
  #groupnav .menu:not(.hgslinks) > ul > li:not(.grouplink) > a,
  #groupnav .menu > ul > li > * > a { background: #4B8F5C; padding-left: 1.5rem }
  #groupnav .menu > ul > li > small > a { padding-left: 2.25rem; }
  #groupnav .menu > ul > li.grouplink > a { padding-left: .75rem; }


  .menu li.hover a:hover,
  .menu > ul > li.hover:not(.search) > a,
  .menu ul > li.hover > small > a:hover,
  .menu ul > li.hover > strong > a:hover { background: #fffff8!important; font-weight: bold; }
  .menu > ul > li.hover { border-bottom: none;  }
  .menu li.hover ul { border-top: 1px dotted; }


.menu li.parent.hover > a::after {
    display: none
}


  #navbar {
/*    border-top: 1px solid #363;   */
    background: #B3DAAF;
    color: #242;
    padding:0;
  }

  li.search {
    z-index: 20;
    background: #363;
  }
/*  li.search a {
    color: #fffff8!important;
    font-weight: bold;
    font-size: 1.25rem;
    padding: .219rem 1.25rem;
    float: right;
  }*/

  .side-ovl {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.75);
    z-index: 6;
  }

  .wikicmds-bg {
    position: relative;
    z-index:9;
  }
  #wikihead {
    position: relative;
    z-index:8;
  }


} /* Ende der Styles für Mobil-Ansicht */


/* Horizontale Hauptnavigation und horizontale Pageactions
------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) {
  .menu ul {
    list-style: none;
    display: inline-table;
  }
  .menu ul ul {
    display: none;
    padding:.5rem;
  }

  .navbar > ul > li {
    position: relative;
    float: left;
  }
  .navbar > ul > li.iconwrapper { float:right; }

  .navbar { height: 40px; }
  .navbar > ul > li > a {
    height: 40px;
    display: block;
    padding: .675rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 24ch;
  }
}

.navbar > ul > li.favitem { float:right; }

#navbar .menu > ul > li.favitem > a,
.navbar li.favitem > a {
    background: #FFB749;
    color: #252;
    margin: 7px 0;
    padding: 3px .5rem;
    height: 26px;
}

.iconwrapper {
    position: relative;
    width: 6.5rem;
}
.iconwrapper::before {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f002";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #888;
    font-size: 14px;
    top: 10px;
    left:5px;
}
.navbar .wikisearch { margin-right: .75rem; }
.navbar .searchbox {
    margin: 7px 0;
    font-size: .875rem;
    line-height: 1.344;
    background: #f1f7f1;
    border: 1px solid #141;
    color: #252;
    width: 6.0rem;
    font-family: "-apple-system", BlinkMacSystemFont, "Segoe UI", "Roboto",
  "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif;
    padding-left:22px;
  }
.navbar .searchbox:focus { width:16.2rem;}
.navbar .searchbutton { display: none; }

.navbar > ul > li > a,
.navbar > ul > li > span { background: #363; }
#wikicmds.navbar > ul > li > a,
#wikicmds.navbar > ul > li > span { background: #800000; }

  .navbar ul ul {
    position: absolute;
    top: 100%;
    border: 1px solid #363;
    border-top: 0;
    box-shadow: 0 3px 3px 1px #363;
/*    width: auto;   */
    min-width: 15rem;
  /*  left: 0;  */
  }
  #wikicmds ul ul {
    border-color: #800000;
    box-shadow: 0 3px 3px 1px #800000;
  }


  /* Ausblenden der Unterpunkte im horizonztalen Navigationsmenü  */
  #navbar ul ul ul { display:none; }
  /* Statt Navigationsmenü: Infozeile von Bezirken/OGs */

  .navbar > ul > li.infoline {
    padding:.625rem .75rem;
    color: #eee;
    font-size: .875rem;
    margin:0;
    line-height: 1.43;
  }
  .navbar > ul > li.infoline > a,
  .navbar > ul > li.infoline > span { margin: -.625rem -.75rem; }


/* Seitennavigation mit Flyout für Gruppenmenü
------------------------------------------------------------------------- */
  .sidebar .menu li { position: relative; }
/*  .sidebar .menu ul { background: #fffff8; }      */
  .sidebar .menu > ul  { display:block; }
  .sidebar .menu ul ul {
    position: absolute;
    top: -50%;
    border:1px solid #363;
    min-width: 90%;
    max-width: 200%;
    right: 87.5%;
    box-shadow: -10px 0px 30px 10px #363;
    background: #fffff8;
  }
  .sidebar .menu > ul > li > a,
  .sidebar .parent .nolink { padding-right: .4rem; }
  .sidebar .parent > a:before,
  .sidebar .parent .nolink::after {
    float: right;
    content: "\f055";
    font-family: FontAwesome;
  }

/*} */ /* Ende der Laptop-/Desktop-Styles */


@media only screen and (min-width: 1024px) {  /* Ab 1024 px */
  .navbar > ul > li > a,
  .navbar > ul > li > span {
    padding: .675rem .975rem;
    max-width: 35ch;
  }
}


/* 2- und 3-spaltiges Untermenue (für alle Menüarten und -plätze)
------------------------------------------------------------------------- */
.menu li.breit2 ul, .menu ul.breit2 {
  width: 65%;
  columns: 2;
  column-width: 150px;
}
.menu li.breit3 ul, .menu ul.breit3 {
  width: 70%;
  columns: 3;
  column-width: 150px;
}
@media only screen and (min-width: 768px) {
  .menu li.breit2 ul, .menu ul.breit2 { width: 160%; }
  .menu li.breit3 ul, .menu ul.breit3 { width: 200%; }
}


/* Headlines für mehrspaltige Mega-Menüs
------------------------------------------------------------------------- */
.menu li ul.headline > li:first-child,
.menu li li.headline {
  padding: .375rem .125rem;
  margin: 0 0 .25rem 0;
  width: 100%;
  color: #242;
  background: #b3daaf;
  font-weight:bold;
  text-align: center;
  font-size: .8125rem;
  column-span: all;
}
/*.menu li ul.headline > li:first-child a {
  margin: -.375rem 0;
}*/

.menu li ul.headline > li:first-child a:hover {
  background: #596;
  color: #fffff8;
}

/* Workaround für Firefox (keine column-spans)  */
@media only screen and (min-width: 600px) {
  @supports not (column-span: all) {
    .menu li ul.breit2 li .headline,
    .menu li ul.breit3 li .headline,
    .menu li.breit2 ul li .headline,
    .menu li.breit3 ul li .headline,
    .menu li ul.breit2.headline > li:first-child,
    .menu li ul.breit3.headline > li:first-child,
    .menu li.breit2 ul.headline > li:first-child,
    .menu li.breit3 ul.headline > li:first-child {
      position: absolute;
      left: .625rem;
      right: .625rem;
      top: .625rem;
      width: calc(100% - 1.25rem);
    }
    .menu li ul.breit2 li .headline,
    .menu li ul.breit3 li .headline,
    .menu li.breit2 ul li .headline,
    .menu li.breit3 ul li .headline,
    .menu li ul.breit2.headline,
    .menu li ul.breit3.headline,
    .menu li.breit2 ul.headline,
    .menu li.breit3 ul.headline { padding-top: 3rem; }
  }
}


/*  Countdown-Counter
-------------------------------------------------------------- */
#cshow, .counter {
  font-size:.875rem;
  color:#fffff8;
  background: #363;
  padding: .25rem;
}
#cshow.dark, .counter.dark { background: #252; }

#cheader, .cheader {
  color:#FFB749;
  font-weight:700;
}
#cdays, .cdays {
  line-height: 4.5rem;
  height: 4.25rem;
}
#cdays > span, .cdays > span {
  color: #EDEFDE;
  font-weight: 700;
  font-family: Arial, sans-serif;
  font-size: 4rem;
  text-rendering: optimizeLegibility;
}
#cdays > span.now, .cdays > span.now { font-size:3.375rem; }

#cfooter, .cfooter { padding: .125rem 0 .25rem 0; }

/* Countdown-Counter mit Bild */
.counter.img {
  position: relative;
  overflow: hidden;
  padding:0;
}
.countertext {
  position: relative;
  z-index:1;
  padding:.25rem;
  background-color:rgba(0, 34, 0, 0.5);
  text-shadow: 1px 1px 1px #020,
    2px 2px 2px #020;
}
.counterimg {
  position: absolute;
  top: 0;
  padding:0;
  width: 100%;
}
#wikitext .counterimg img.mini,
.counterimg img.mini {
  border:0;
  margin:0;
  width:100%;
}


/* Button fuer OneSignal Push-Nachrichten */
.onesignal-customlink-container {
    background-color: transparent;
    min-height: 0!important;
    margin: 0.5rem;
}
/*.onesignal-customlink-container p {
    color: #000!important;
    font-weight: 500!important;
    margin-bottom: .5rem!important;
}
*/
.onesignal-customlink-container button {
    margin-bottom: .1rem;
    padding: .25rem!important;
    font-weight: 500!important;
}



/*  ---------------------------------------------------------------
     Von pmwiki.php , teilweise modifiziert
------------------------------------------------------------------- */
  ul, ol, pre, dl, p { margin-top:0px; margin-bottom:0px; }
  code.escaped { white-space: nowrap; }
  .vspace { margin-top:1.33em; }
  .indent { margin-left:40px; }
  .outdent { margin-left:40px; text-indent:-40px; }
  a.createlinktext { text-decoration:none; border-bottom:1px dotted gray; }
  a.createlink { text-decoration:none; position:relative; top:-0.5em;
    font-weight:bold; font-size:smaller; border-bottom:none; }
  img { border:0px; }

  .rtl {direction:rtl; unicode-bidi:bidi-override;}
  .ltr {direction:ltr; unicode-bidi:bidi-override;}
  .rtl .indent, .rtl.indent, .rtl .outdent, .rtl.outdent {
    margin-left:0; margin-right: 40px;
  }
  .editconflict { color:green;
  font-style:italic; margin-top:1.33em; margin-bottom:1.33em; }

  table.markup { border:2px dotted #ccf; width:100%; }
  td.markup1, td.markup2 { padding-left:10px; padding-right:10px; }
  table.vert td.markup1 { border-bottom:1px solid #ccf; }
  table.horiz td.markup1 { width:24em; overflow-y: auto; border-right:1px solid #ccf; }
  table.markup caption { text-align:left; }
  td.markup1 pre { white-space: pre-wrap; }

  div.faq p, div.faq pre { margin-left:2em; }
  div.faq p.question { margin:1em 0 0.75em 0; font-weight:bold; }
  div.faqtoc div.faq * { display:none; }
  div.faqtoc div.faq p.question
    { display:block; font-weight:normal; margin:0.5em 0 0.5em 20px; line-height:normal; }
  div.faqtoc div.faq p.question * { display:inline; }
  .PmTOCdiv a { text-decoration: none; display: block; line-height: 1; margin: .4em 0;}
  .PmTOCdiv { display: inline-block; font-size: 13px; overflow: auto; max-height: 500px;}
  .PmTOCtable { margin: .25rem; }
  .back-arrow {
    color: currentColor;
    padding: 0 .5rem;
    float: right;
  }
  .back-arrow:hover { color: currentColor; }
  h2 .back-arrow { margin-right: -6px; }


  .frame {
    border:1px solid #363;
    padding:3px;
    background-color:#F0FFF0;
  }
  a.varlink { text-decoration:none;}

/* pagerev.php */
.diffbox { border-left:1px #999 solid; margin-top:20px; font-size:12px;  }
.diffauthor { font-weight:bold; }
.diffchangesum { font-weight:bold; }
.difftime { background-color:#ddd; }
.difftype { font-weight:bold; }
.diffadd { border-left:5px #9f9 solid; padding-left:5px; }
.diffdel { border-left:5px #ff9 solid; padding-left:5px; }
.diffrestore { margin:20px 0px; }
.diffmarkup { font-size:14px;  }
.diffmarkup del { background:#ff9; text-decoration: none; }
.diffmarkup ins { background:#9f9; text-decoration: none; }



/* ==========================================================================
  Stile nur für Bildschirm
  ========================================================================== */
@media only screen {
  .onlyprint, .noscreen, .printhead { display:none; }
}


/* ==========================================================================
  Spezielle Stile nur für GDL-Aushang-Template
  ========================================================================== */
html.aushang, .aushang body {
  font-size: 130%;  /* =20.8px=1rem  <- 100%=16px */
  line-height: 1.33;
}

html.aushang.mehrText, .aushang.mehrText body {
  font-size: 115%;  /* =18.4px=1rem  <- 100%=16px */
  line-height: 1.33;
}

.aushang .row { max-width:18.7cm; }

.aushang #wikibody {
  width: 18.7cm;
  margin:0;
  left: 0;
  padding:0;
  background:url('https://uploads.gdl.de/Site/aushanggraeteStandard.gif');
  background-repeat:no-repeat;
}
.aushang #wikibody.altgraete {
  background:url('https://uploads.gdl.de/Site/aushanggraeteAlternativ.gif');
  background-repeat:no-repeat;
}
.aushang #wikibody,
.aushang .aushangbanner {
  background-size: contain;
  -webkit-print-color-adjust: exact !important;   /* Chrome, Safari Drucken von Hintergrundbildern */
  color-adjust: exact !important;                 /*Firefox*/
}


.aushang .button.small {
  font-size: 12px;
  padding: 3px;
  margin: 6px 3px;
  line-height: 1.6;
}

.aushang #wikitext .infoline,
.aushang #wikitext .textfooter { display: none; }

.aushang .swaushang .aushanggraete,
.aushang .swaushang .aushangbanner { visibility: hidden; }
.aushang .swaushang #wikibody { background: none; }

.aushang .aushanggraete {
  background: transparent;
  margin-top: 130px;
  float: right;
}
.aushang .aushanggraete h4,
.aushang .aushanggraete p {
  height: 28px;
  margin: 3px 0 -3px 0;
  font-style: italic;
}
.aushang .aushanggraete p { font-size: 12px; }

.aushang .aushangbanner {
  float: left;
  width: 120px;
  background-image: url('https://uploads.gdl.de/Site/aushangbanner.gif');
  background-repeat: no-repeat;
}
.aushang .aushangbanner h1 {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  margin: 0;
  padding: 32px 10px 32px 35px;
  height: 100%;
  text-align: right;
  font-size: 60px;
  color: #fff;
}
.aushang .aushangbanner + div { margin-left: 142px; }

.aushangtext {
  width: 14.5cm;
  height: 22.2cm;
  border-bottom: 6px dotted red;
}
.aushangtext::after {
  padding: 1rem 0;
  display: block;
  color: red;
  font-weight: 700;
  content: "Rot gepunktete Linie = Voraussichtliches Ende des Druckbereichs (bei Aushängen max. 1 Seite).";
}

.aushang div.pagetitle { margin-top: 3rem; }
.aushang .pagetitle h3 {
  font-weight: 500;
  margin-bottom: 1rem;
}
.aushang .pagetitle h1 {
  font-size:1.73rem;
  border: 0;
}

.aushang .vorspann {
  font-weight: 400;
  margin: 0 0 1rem 0;
  font-size: 1em;
}
.aushang .vorspann.notiz {
  background: transparent;
  padding: 0;
}

.aushang .pagetitle h1,
.aushang .pagetitle h3,
.aushang .vorspann.notiz,
.aushang .logoname,
.aushang .logoname a { color: #000; }
.aushang #wikitext .imgcaption .caption {
  color: #000;
  font-style: italic;
  font-size: .67rem;
}

.aushang .aushangfooter {
  font-size: 11px;
  color: #000;
}
.aushang .aushangfooter a {
  color: #000;
  text-decoration: none;
}
.aushang .aushangfooter hr { margin: 0 0 3px 0; }


/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
/* ----------------------------------------------------------
   GDL-Wiki-spezifische Druckeinstellungen
   ---------------------------------------------------------*/
  #wikihead, #wikileft, #wikiright, #wikifoot,
  .navbar-bg, .wikicmds-bg, .show-phone, .hide-tablet,
  .noprint, .editlink { display: none!important; }

  .logoname { left:0; max-width: 75%; }
  .logoimg { right:0; max-width: 25%; }
  .logoname p { font-size: 14px;  font-weight: 400; }

  html, body {
    font-size: 87.5%;
    height: 100%;
    background: none;
  }
  body {
    min-width: 0;
    width: auto;
  }

  /* Inhaltsbreite setzen, Floats und Margins aufheben */
  #wikibody {
    width: 100%;
    margin: 0;
    float: none;
  }


  #wikitext p,
  #wikitext .vorspann {
    text-align: justify;
    background: none;
  }

  .pagetitle h1,
  .pagetitle h3,
  h1, h3, h4, h5, h6 {
    color: #000;
  }

  img { max-width: 100% !important;  }



/*  Korrekturen von Buttons und h2-Ueberschriften,
mit Ausnahme von markup2-Tabellen */
  .button:not(td.markup2 *),
  button:not(td.markup2 *) { display: none!important; }

  h2:not(td.markup2 *) {
    background: none;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-left:0;
    color: #000;
  }
  .wichtig h2:not(td.markup2 *),
  .achtung h2:not(td.markup2 *),
  .notiz h2:not(td.markup2 *) {
    margin: .25rem 0 .5rem 0;
  }

/* ---------------------------------------------------
   Aus Boilerplate Grundeinstellungen u.a. Quellen (nur GDL-sinnvolles)
   ---------------------------------------------------*/
    *,
    *:before,
    *:after {
     /*   background: transparent !important;  */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    /* Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol */
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        page-break-inside: avoid;
    }

    /* Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables */
    thead {
        display: table-header-group;
    }

    tr,
    img,
    .article {
        page-break-inside: avoid;
    }

    p, h1, h2, h3, h4, h5, h6,
    @page {
        orphans: 3;
        widows: 3;
    }

    h1, h2, h3, h4, h5, h6,
    .nobreak {
        page-break-after: avoid;
        page-break-inside:avoid;
    }

  /* Hack fuer nicht funktionierendes "page-break-after: avoid;" */
  /*  :not(.notiz) > h1::after,      */
    :not(.notiz) > h2::after,
    :not(.notiz) > h3::after,
    :not(.notiz) > h4::after,
    :not(.notiz) > h5::after,
    :not(.notiz) > h6::after {
      content: "";
      display: block;
      height: 100px;
      margin-bottom: -100px;
  }


/* ----------------------------------------------------------
  Ausdruck Seitenlisten mit Kopfzeilen
  ---------------------------------------------------------*/
  @page {
    size: A4 portrait;
    margin: 1.0cm 2.5cm 1.0cm 2.0cm;
  }

  body { counter-reset: page 1; }

  .pagebreak { page-break-before: always; }

  .printhead {
    counter-increment: page;
    float:left;
    width: 100%;
    margin-bottom: 1.5rem;
    clear:both;
    font-style: italic;
    font-size: .8125rem;
  }
  .printhead:after {
    content: counter(page);
    float:right;
  }


/* ----------------------------------------------------------
  Ausdruck Aushang-Template (mit Seitenbanner)
  (-> Seitenraender sind im PmWiki-Template gesetzt)
  ---------------------------------------------------------*/
  .aushangbanner {
    height: 23.5cm;
  }
  .aushangtext {
    height: 23.8cm;
    overflow-y: hidden;
    border:0;
  }
  .aushangtext::after {
    display: none;
  }
}