body  {
    background-color: #f1f0ef;
    color: #202020;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 400;
    hyphens: auto;
    hyphenate-limit-chars: auto 3;
}
/* Verlauf links, rechts, unten */
.outerWrapper {
    margin-bottom: 20px;
    background-color: white;
    box-shadow: 0 0 3px 3px #ccc;
    overflow: hidden;
}
.logo {
    font-size: 1em;
}

strong,b { color:#505050; font-weight:700; }

.hidden { display:none !important; visibility: hidden; }
.frame-type-header header { overflow:hidden; }

h1  { margin-top:1em; margin-bottom:1em; font-family:"Times New Roman",serif; font-size:2em; line-height:120%; font-weight:normal; }
h2  { margin-top:0.8em; margin-bottom:0.8em; font-size:1.25em; font-weight:600; line-height:140%; }
h3  { margin-top:1em; margin-bottom:0; color:#505050; font-size:1em; font-weight:600; line-height:140%; }
.content > div.main > div:first-child h1 { margin-top:0; }

h1+p.subtitle { font-size:1.25em; font-weight:600; }
h2+p.subtitle { font-weight:600; }
h3+p.subtitle { font-weight:600; }
h4+p.subtitle { font-weight:600; }

.ce-headline-left { text-align: left; }
.ce-headline-center { text-align: center; }
.ce-headline-right { text-align: right; }

.aside p,
.aside li,
.impressum p { font-size:0.875em; }

figcaption,
.ce-gallery .image-caption { font-size:0.875em; }
.ce-gallery .imageWrapper { position:relative; }
.ce-gallery .imageWrapper .image-copyright { position:absolute; right:0; bottom:0; padding:0.5em 1em; background-color:#2A5685; color:white; font-size:0.625em; font-style:italic;}


.aside figcaption,
.aside .ce-gallery .image-caption { font-size:0.75em; }

/* Fließtext */
/* Absatzabstand nach unten */
p,
ul,
ol { margin-bottom:1.125em; }
li { margin-bottom:0.5em; }



/* Zeilenabstand */
p,
li,
.ce-gallery .image-caption,
dd { line-height:150%; }



p.bodytext-larger { font-size:120%; }
p.bodytext-smaller { font-size:80%; }



a {
    color: #8b8a05;
    text-decoration: none;
}
a.active {
    text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
    a:hover {
        text-decoration: underline;
    }
}

dt  { font-weight:bold; margin-bottom:0.5em; }
dd  { margin-left:20px; margin-bottom:1.0em; }

/*  Text mit Bild   */
.ce-textpic.ce-intext.ce-left .image,
.ce-textpic.ce-intext.ce-right .image { margin-top:0.25em; }
.ce-textpic.ce-intext.ce-left .image { float:left; margin-right:1em; }
.ce-textpic.ce-intext.ce-right .image { float:right; margin-left:1em; }
/*   Hier wird eine Text-mit-Bild-Meldung auf der Startseite formatiert  */
.backendlayout-pagets__4 .main div.ce-textpic,
.backendlayout-4 .main div.ce-textpic { margin-bottom:2em;  padding-bottom:2em; background:url('../Icons/bg_footer-line_703px.gif') bottom left no-repeat; background-size:100% auto; }
.backendlayout-pagets__4 .main div.ce-textpic h1,
.backendlayout-4 .main div.ce-textpic h1 { margin-bottom:1em; }
.aside .ce-textpic.ce-intext.ce-left h2,
.aside .ce-textpic.ce-intext.ce-left.ce-nowrap h2,
.aside .ce-textpic.ce-intext.ce-right h2,
.aside .ce-textpic.ce-intext.ce-right.ce-nowrap h2 { margin-bottom:1em; }



/* topvisual homepage if no slider */
.backendlayout-4 .slider .ce-gallery .image { margin-bottom:-7em; }
.backendlayout-4 .slider .ce-gallery .image-caption { position:relative; bottom:11em; left:2em; width:30%; padding:1em; background-color:white; opacity:0.9; }
.backendlayout-4 .slider .ce-gallery .image-caption a { color:inherit; font-weight:600; font-size:1.25em; }

.frame-ruler-before { margin-top:20px; padding-top:20px; background: url('../Icons/bg_footer-line.gif') top right no-repeat; }
.frame-ruler-before::before { display:inline; margin:0; border:none; }
.frame-ruler-after { margin-bottom:20px; padding-bottom:20px; background: url('../Icons/bg_footer-line.gif') bottom right no-repeat; }
.frame-ruler-after::after { display:inline; margin:0; border:none; }

.frame-space-before-extrasmall { margin-top:10px; }
.frame-space-before-small { margin-top:20px; }
.frame-space-before-medium { margin-top:30px; }
.frame-space-before-large { margin-top:40px; }
.frame-space-before-extralarge { margin-top:50px; }
.frame-space-after-extrasmall { margin-bottom:10px; }
.frame-space-after-small { margin-bottom:20px; }
.frame-space-after-medium { margin-bottom:30px; }
.frame-space-after-large { margin-bottom:40px; }
.frame-space-after-extralarge { margin-bottom:50px; }

/* linke Spalte */
.subnavi h2,
.subnavi .bodytext,
.subnavi .ce-bodytext { margin-left:1.25em; }



/*  rechte spalte */
.aside > div {
  margin-bottom: 0.75em;
  padding: 1em 1em 0.75em;
  background-color:#f1f0ef;
}
.aside > div:has(.typo3-messages) {
  padding: 0;
}
.aside .aside-actionlink {
  padding: 0;
  background-color: white;
}
.aside .aside-actionlink h2 {
  margin: 0;
}
.aside .aside-actionlink h2 a {
  display: block;
  padding: 0.75em;
  text-align: center;
}
.aside div.frame-frame1 {
  background-color: #ACB71E;
  color: white;
}
.aside div.frame-frame1 a {
  color: white;
}
.aside div.frame-frame1 h2 {
  font-size: 1.25em;
}
.aside div.frame-frame1 p {
  font-size: 1em;
}
.aside > div.frame-frame2,
#c27889 {
  margin-bottom: -30px;
}
.aside > div.frame-frame3 {
  padding: 0;
  background-color: transparent;
}
.aside > div.frame-frame3 img {
  max-width: 100%;
  height: auto;
  margin-bottom: 0 !important;
}
.aside div#mitgliedwerden {
  padding: 0;
}
.aside h2 {
  margin-bottom: 0;
}
.aside header h2 {
  margin-top: 0;
}



/* Tabellen */
.ce-table thead,
.ce-table tbody th { background-color: rgba(0,0,0,.1); }

.ce-table td,
.ce-table th { vertical-align: top; }
.ce-table th { min-width:80px; white-space: nowrap; }
.ce-table th[data-column-header="Nr."] { width:30px; min-width:unset; max-width:30px; padding-left:4px; padding-right:4px; text-align:center; }
.ce-table thead > tr:nth-child(2) > th,
.ce-table tbody > tr > th:nth-child(2) { font-weight:400; white-space: normal; }

.contenttable { width:100%; margin-bottom:12px; }
.contenttable th,
.contenttable td { vertical-align:top; line-height:120%; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #202020; }
.contenttable-1 th,
.contenttable-1 td,
.contenttable-2 th,
.contenttable-2 td,
.contenttable-3 th,
.contenttable-3 td { text-align:right; }
.contenttable .td-0 { text-align:left; }
.contenttable th,
.contenttable td { padding-left:20px; }
.contenttable .td-0 { padding-left:0; }
.contenttable-1 .tr-0 td,
.contenttable-1 .tr-0 th { font-weight:bold; }
.contenttable-2 .tr-0 td,
.contenttable-2 .tr-0 th { padding-right:5px;  font-weight:bold; border-right:1px solid #202020; }

/* Übersicht Verfahrensregeln */
#c27886 .contenttable-2 .tr-0 .td-2,
#c27886 .contenttable-2 .tr-0 .td-4 { border-right:0; }


.contenttable-3 .tr-0 td,
.contenttable-1 .tr-0 th { font-weight:600; }
.contenttable-3 .td-0 { font-weight:600; }
.contenttable-3 th,
.contenttable-3 td { text-align:left !important; }


/*
  In der Tabelle "Laufende Volksbegehren" (S. 5452)
  die Spalte "Verfahrenstyp" ausblenden
*/
#c22602 .td-2 {
    display: none;
}


/* CE uploads (Dateiverweise)  */
ul.ce-uploads > li.ce-uploads-item { display:flex; border-bottom:1px solid #ccc; margin-top:0; margin-bottom:0.75em; padding-bottom:0.75em;}
ul.ce-uploads > li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; }
.ce-uploads-item-col-0 { flex:1 1 0; }
.ce-uploads-item-col-1 { flex:1 1 70%; }
.ce-uploads-item-col-1 h2,
.ce-uploads-item-col-1 h3,
.ce-uploads-item-col-1 h4 { margin-top:0; margin-bottom:0.5em; }
.ce-uploads-item-col-1 p { font-size:0.875em; }
.ce-uploads-item-col-1 > p:last-child { margin-bottom:0; }
.ce-uploads-item-col-2 { flex:1 1 30%; text-align:right; }
.ce-uploads-item-col-2 p { margin-bottom:0.5em; }
.ce-uploads-filesize { font-size:0.875em; }
.ce-uploads-item-col-2 > p:last-child { margin-bottom:0; }

.ce-uploads-type-1 .ce-uploads-item-col-0 { flex:1 1 10%; }
.ce-uploads-type-1 .ce-uploads-item-col-0 img { padding-top:6px; padding-right:0.5em; }
.ce-uploads-type-1 .ce-uploads-item-col-1 { flex:1 1 60%; }

.ce-uploads-type-2 .ce-uploads-item-col-0 { flex:1 1 20%; padding-right:0.5em; }
.ce-uploads-type-2 .ce-uploads-item-col-0 img { border:1px solid #ccc; }
.ce-uploads-type-2 .ce-uploads-item-col-1 { flex:1 1 50%; }

.aside ul.ce-uploads > li.ce-uploads-item { display:block; }
.aside .ce-uploads-item-col-2 { text-align:left; }

@media only screen and (max-width: 950px) {
    ul.ce-uploads > li.ce-uploads-item {
        display: block;
    }
    .ce-uploads-item-col-1 {
        margin-bottom: 1em;
    }
    .ce-uploads-item-col-2 {
        text-align: left;
    }
}

/* Swiper */
.ce-swiperslideshow .swiper-slide img { max-width:auto; width:100%; height:100%; }
.ce-swiperslideshow .swiper-pagination-progressbar { background:#e0e0e0; }
.ce-swiperslideshow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #d1dd19; }
.ce-swiperslideshow .swiper-button-prev { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d1dd19'%2F%3E%3C%2Fsvg%3E"); }
.ce-swiperslideshow .swiper-button-next { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d1dd19'%2F%3E%3C%2Fsvg%3E"); }



/* Infobox */
.infobox { position:absolute; top:1200px; left:50%; width:800px; margin-left:-400px; z-index:500; padding:20px; background-color:#f0f0f0; border:1px solid gray; box-shadow:0 0 10px #909090; font-size:12px; cursor:pointer; }
.infoboxClose { font-size:10px; font-weight:bold; text-align:right; }
.warning { border:1px solid darkorange; }

/* Dark background */
.darkbackground { display:none; position:absolute; z-index:200; width:100%; height:350%; background-color:#000; opacity:0.7; }

@media only screen and (max-width:650px) and (orientation:portrait),
only screen and (max-width:800px) and (orientation:landscape) {
    .ce-table-responsive tr {
        display: block;
        clear: both;
        height: auto;
        margin-bottom: 1em;
    }
    .ce-table-responsive tbody th,
    .ce-table-responsive td {
        display: block;
        width: 100%;
        padding: 1em;
        overflow: auto;
    }
    .ce-table-responsive.ce-table-striped tbody tr:nth-of-type(even) {
        background-color: transparent;
    }
    .ce-table-responsive.ce-table-striped tbody tr:nth-of-type(odd) {
        background-color: transparent;
    }
    .ce-table-responsive.ce-table-striped tr td:nth-child(odd) {
        background-color: rgba(0, 0, 0, 0.05);
    }
    .ce-table-responsive.ce-table-striped tr td:nth-child(even) {
        background-color: rgba(0, 0, 0, 0.01);
    }
    .ce-table-responsive.ce-table-striped tr td:first-child {
        background-color: rgba(0, 0, 0, 0.15);
    }
    .ce-table-responsive th[data-column-header]:before,
    .ce-table-responsive td[data-column-header]:before {
        content: attr(data-column-header);
        display: block;
        width: 100%;
        font-weight: 600;
        white-space: normal;
    }
    .ce-table-responsive br {
        visibility: hidden;
    }
    .ce-table-responsive thead {
        display: none;
    }
    .ce-table-responsive[data-table-header-left="2"] tbody > tr > th:first-child {
        float: left;
        width: 42px;
        max-width: 42px;
        padding-left: 1em;
    }
    .ce-table-responsive[data-table-header-left="2"] tbody > tr > th:nth-child(2) {
        float: left;
        width: calc(100% - 42px);
    }
}



/* Formulare, allgemein */
fieldset { margin-bottom:10px; padding-top:10px; background-color:transparent; }
legend { font-weight:bold !important; }
fieldset.hide legend { display:none; }
.aside form > fieldset > div:last-child { margin-bottom:0; }
label { float:left; min-width:10em; width:100%; font-size:1em; cursor:pointer; line-height:140%; }
.aside label { display:block; width:100%; }
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea {
    width: 100%;
    border: 1px solid #808080;
    font-family: "Times New Roman",serif;
    font-size: 1em;
    padding: 0.25em; }
select {
    font-family: "Times New Roman",serif;
}
.aside input[type="text"],
.aside input[type="password"],
.aside input[type="email"],
.aside input[type="tel"],
.aside input[type="date"],
.aside textarea {
    width: 100%;
}
select {
    border: 1px solid #808080;
    font-size: 1em;
    padding: 0.25em;
}
.main textarea {
    min-height:50px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"],
input[type="tel"],
input[type="date"],
textarea:focus,
select:focus,
input[type=radio]:focus {
    background-color: #f9f8f3;
}
textarea.no_label label {
    display: none;
}
.error {
    color: red;
    font-weight: bold;
    padding: 5px;
}
.radio > label,
.form-check > label,
.checkbox > label {
    display: flex;
    align-items: baseline;
    padding-top: 1em;
    padding-bottom: 1em;
}
.radio > label:hover,
.form-check > label:hover,
.checkbox > label:hover {
    background-color: #f9f8f3;
}
input[type=checkbox],
input[type=radio] {
    margin-right: 1em;
}
.validation-advice {
    font-size: 91%;
    margin-top: 2px;
    margin-bottom: 4px;
    margin-left: 120px;
    color: darkorange;
}
#aside .validation-advice {
    margin-left: 0;
    padding-left: 3px;
}



p.big-morelink {
  display: inline-block;
}
p.big-morelink a {
  color: white;
}
p.big-morelink,
input[type=submit],
input[type=button],
button[type=button],
button[type=submit] {
    margin-top: 0.5em;
    margin-bottom: 1em;
    padding: 0.5em 2em;
    border: none;
    background: #303030 url('../Icons/bg_formularbutton_166px.gif') no-repeat;
    background-size: cover;
    color: white;
    font-size: 0.875em;
}

/* Widerrufsreiter (Cookie-Flag links unten): dunkler Grund nur auf diesen Sites.
   Bis 19.8.2026 kam er UNABSICHTLICH aus der Regel darueber - der Reiter war ein
   <button type="button">. Das hat ihm zugleich die Polsterung genommen, wodurch das
   Cookie-Symbol im Wort "Cookies" sass; das type-Attribut ist deshalb aus
   widerrufsReiter() entfernt (EXT:matomocookieconsent, dort die lange Begruendung).
   Der dunkle Grund war aber erwuenscht - Entscheidung des Nutzers vom 19.8.2026 -
   und wird hier absichtlich gesetzt, ohne das Verlaufsbild des Formularknopfes.
   Der Schleier der geteilten Datei (rgba(255,255,255,.2)) traegt auf den weissen
   Seiten dieser Sites gemessen 1:1, waere also unsichtbar; #303030 traegt 13,2:1.
   www.mehr-demokratie.de laedt custom_md nicht und behaelt den Schleier (17.8.2026).
   `body ...` = 0-1-1, schlaegt die geteilte Regel (0-1-0) unabhaengig von der
   Reihenfolge im zusammengefassten CSS. Weichzeichner muss mit weg - unter einer
   deckenden Flaeche unsichtbar, kostet aber weiter Rechenzeit. */
body .md-consent-reiter {
    background: #303030;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.no-touch input[type="submit"]:hover,
.no-touch input[type="button"]:hover,
.no-touch button[type="submit"]:hover,
.no-touch button[type="button"]:hover,
input[type="submit"]:active,
input[type="button"]:active,
button[type="submit"]:active
button[type="button"]:active {
    opacity: 0.8;
}

input[readonly=readonly] {
    background-color: #ddd;
}



/* Spezialstyles für Spendenformular Seite 5890 */
/* und Seite 3653 */
/* und Seite 7988 */
/* und Seite 8975 */
/* TODO: ist vermutlich alt, kann weg */
.float_left_11 .powermail_radio_inner
  { clear:none; float:left; width:45px; margin-right:39px; }
.float_left_111 .powermail_radio_inner
  { clear:none; float:left; width:63px; margin-right:39px; }
.float_left_11 .powermail_radio_inner_uid1484_4,
.float_left_11 .powermail_radio_inner_uid356_4,
/*.float_left_11 .powermail_radio_inner_uid1708_4,*/
.float_left_11 .powermail_radio_inner_uid2163_4,
.float_left_111 .powermail_radio_inner_uid1484_4,
.float_left_111 .powermail_radio_inner_uid356_4,
/*.float_left_111 .powermail_radio_inner_uid1708_4,*/
.float_left_111 .powermail_radio_inner_uid2163_4
  { margin-right:0; }
.float_left_11 .powermail_radio_inner label
  { width:25px; text-align:left; }
.float_left_111 .powermail_radio_inner label
  { width:35px; text-align:left; }
.float_left_11 .powermail_radio_inner input,
.float_left_111 .powermail_radio_inner input
  { width:20px; }

.float_left_11 .powermail_radio_inner_uid1484_4 label,
.float_left_11 .powermail_radio_inner_uid356_4 label,
.float_left_11 .powermail_radio_inner_uid1708_4 label,
.float_left_11 .powermail_radio_inner_uid2163_4 label,
.float_left_111 .powermail_radio_inner_uid1484_4 label,
.float_left_111 .powermail_radio_inner_uid356_4 label,
/*.float_left_111 .powermail_radio_inner_uid1708_4 label,*/
.float_left_111 .powermail_radio_inner_uid2163_4 label
  { width:90px; }

.float_left_11 .powermail_radio_inner_uid1484_4,
.float_left_11 .powermail_radio_inner_uid356_4,
/*.float_left_11 .powermail_radio_inner_uid1708_4,*/
.float_left_11 .powermail_radio_inner_uid2163_4,
.float_left_111 .powermail_radio_inner_uid1484_4,
.float_left_111 .powermail_radio_inner_uid356_4,
.float_left_111 .powermail_radio_inner_uid1708_4,
.float_left_111 .powermail_radio_inner_uid2163_4
  { width:110px; margin-right:0; }

.no_label label, .no_label_2 label, .no_label_3 label
  { display:none; }
.no_label, .no_label_2
  { position:relative; top:-33px; left:19px; margin-bottom:-33px; }
.no_label input
  { width:90px; }
.no_label_2
  { top:-48px; margin-bottom:-30px; }
.no_label_2 input
  { width:150px; }
.no_label_3
  {  }
.no_label_3 textarea { width:360px; }

.date2cal_img_help,
.date2cal_img_cal {
    display: none;
}

@media only screen and (max-width:650px) and (orientation:portrait),
only screen and (max-width:800px) and (orientation:landscape) {
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    textarea {
        width: 98%;
    }
    select {
        width: 65%;
    }
}


/* magnificpopup for form popup */
.white-popup-block {
    background: #FFF;
    padding: 3em;
    text-align: left;
    max-width: 600px;
    width: 100%;
    margin: 40px auto;
    position: relative;
}
.white-popup-block > h3 {
    margin-bottom: 1em;
}
.white-popup-block input[type="text"] {
    font-size: 1.5em;
    padding: 0.25em;
}



/* fe_login */
.tx-felogin-pi1 form {
    margin-top: 20px;
}
.tx-felogin-pi1 form legend {
    display: none;
}
.tx-felogin-pi1 input,
.tx-felogin-pi1 label {
    margin-bottom: 20px;
}
.aside .tx-felogin-pi1 form {
    margin-top: 0;
}
.aside .tx-felogin-pi1 fieldset {
    padding-top: 0;
}
.aside .tx-felogin-pi1 fieldset div label {
    margin: 0;
}
.aside .tx-felogin-pi1 fieldset div input[type=submit] {
    margin-bottom: 1px;
}

/*  Login in der MetaNavi */
.metaNavi .tx-felogin-pi1 h3,
.metaNavi .tx-felogin-pi1 h3 + div,
.metaNavi .tx-felogin-pi1 legend {
    display: none;
}
.metaNavi .tx-felogin-pi1 label,
.metaNavi .tx-felogin-pi1 input[type=text],
.metaNavi .tx-felogin-pi1 input[type=password] {
    width: 12em;
}
.metaNavi .tx-felogin-pi1 input[type=text],
.metaNavi .tx-felogin-pi1 input[type=password] {
    margin-bottom: 1em;
}