#x-button,
#twitter-button { margin-top:20px; margin-bottom:20px; }



/*****************************************************************
 *
 *  styles for extension "powermail"
 *
 *****************************************************************/
.powermail_fieldset { margin:0; padding:0;  }
.powermail_fieldset.layout1 .powermail_label { width:75%; margin-right:1em; }
.powermail_fieldset.layout1 .powermail_input { width:calc(25% - 2em); min-width:50px; }
.powermail_morestep .powermail_fieldset { padding:3em 1.25em 1.25em 1.25em; border:1px solid #c0c0c0;}
.powermail_legend { display:none; }
.powermail_fieldwrap_type_check .powermail_label,
.powermail_fieldwrap_type_radio .powermail_label { margin-bottom:0.5em; font-weight:bold; width:100%; }
.powermail_fieldwrap_type_check .checkbox,
.powermail_fieldwrap_type_radio .radio { clear:both; overflow:hidden; margin-bottom:0.5em; }
.powermail_fieldwrap_type_check .checkbox label,
.powermail_fieldwrap_type_radio .radio label,
.powermail_check_inner label,
.powermail_radio_inner label { width:95%; }
.powermail_fieldwrap_type_check .checkbox label input[type=checkbox],
.powermail_fieldwrap_type_radio .radio label input[type=radio] { margin-right:1em; margin-bottom:1.0em; }
.powermail_fieldwrap.radiofloat .powermail_radio_inner { clear:none; float:left; width:15%; }
.powermail_fieldwrap.radiofloat .powermail_radio_inner label { width:70%; }

.powermail_fieldwrap { margin-bottom:1em; overflow:hidden; }
.powermail_form > h3 { display:none; }
.powermail_fieldwrap_text { line-height:1.4; }
.powermail_fieldwrap.nolabel { margin-top:-20px; }
.powermail_fieldwrap.nolabel .powermail_label { display:none; }
.powermail_fieldwrap.nobold .powermail_label { font-weight:400; }
.powermail_fieldwrap.bold .powermail_label { font-weight:700; }

.tx_powermail_pi1_fieldwrap_html {
    clear: both;
    margin-bottom: 1em;
}
.aside .tx_powermail_pi1_fieldwrap_html {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.tx_powermail_pi1_fieldwrap_html_date span[id*="_msg"] {
    display: none;
}
.powermail_fieldwrap_datenschutz p.bodytext,
.powermail_fieldwrap_pflichtangaben p.bodytext {
    font-size: 0.875em;
}

.aside .powermail_fieldwrap_dsecheckbox {
    font-size: 0.75em;
}

input.powermail_date {
    width: 100%;
    border: 1px solid #808080;
    font-family: "Times New Roman",serif;
    font-size: 1em;
    padding: 0.25em;
}
input.powermail_date:focus {
    background-color: #f9f8f3;
}
.aside input.powermail_date {
    width: 100%;
}
.powermail_mandatory_helper {
    visibility: hidden;
    height: 1px;
    position: absolute;
}

.powermail_form .btn-group {
    margin-bottom: 0;
}
.powermail_form .btn-group button {
    list-style: none;
    display: inline-block;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0.25em 0.875em;
    border: 1px solid #808080;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #e0e0e0;
    font-size: 1em;
    line-height: 150%;
    cursor: pointer;
    text-indent: 0;
}
.powermail_form .btn-group button.btn-primary {
    background-color:#8B8A05;
    background-image: none;
    color: white;
}

/* Powermail More step form */
.powermail_morestep .morestep-more {
    float: right;
    margin-right: 1.25em;
    padding: 0.25em 1.5em;
    background:url('../Icons/bg_formularbutton_78px.gif') black left top no-repeat;
    background-size: 100% auto;
    color: white;
    text-align: center;
    cursor: pointer;
}
.powermail_morestep .powermail_tab_navigation,
.powermail_morestep .powermail_tab_navigation_previous,
.powermail_morestep .powermail_tab_navigation_next {
    display: none;
}

.powermail_form .parsley-errors-list { list-style:none; margin-left:33%; color:darkorange; }
.powermail_fieldwrap_check .parsley-errors-list,
.powermail_fieldwrap_radio .parsley-errors-list { margin-left:20px; }
.powermail_form .parsley-error { border-color:darkorange; }

.tx_powermail_pi1_fieldwrap_html_label h2 { margin-bottom:0; }
.tx_powermail_pi1_fieldwrap_html_radio fieldset { padding-top:0; }

/* Kampagnenformular, powermail_form_34 */
#c48259 .powermail_fieldset,
#c48791 .powermail_fieldset { padding:0; }

/* Formular Mitgliedschaft verschenken */
.powermail_form_4 .powermail_fieldset { min-height:500px;}
.powermail_form_4 .powermail_radio_inner label { float:left; margin-left:20px; }

/* Powermail confirmation page/popup */
.tx-powermail-pi1_confirmation p {
    margin-top: 20px;
    font-weight: bold;
}
.tx-powermail-pi1_confirmation .powermail_all_tr {
    height: 24px;
}
.tx-powermail-pi1_confirmation .powermail_all_td {
    padding-right: 20px;
}
.powermail_confirmation h4 {
    font-size: 18px;
    margin: 20px 0;
}
.powermail_confirmation dt {
    float: left;
    min-width: 150px;
    width: 100%;
    max-width: 280px;
    clear: left;
    margin-top: 10px;
}
.powermail_confirmation dd {
    float: left;
    margin-top: 10px;
}
.powermail_confirmation .clear {
    clear: both;
}
.powermail_confirmation .powermail_all_marker_sepa_mandat_fuer_email {
    display: none;
}
.powermail_confirmation form {
    float: left;
    margin-right: 20px;
}

/* Formular "Änderungsantrag" */
.main .powermail_form_26 textarea { width:500px; min-height:300px; }

/* Aufruf "Kommunalpolitiker" */
.powermail_form_33 .powermail_fieldwrap_input label { width:150px !important; }

/* Md-Magazin Abo-Formular */
form#form-md-magazin-abo textarea#uid2638,
form#form-md-magazin-abo textarea#uid2652 { height:80px; }
form#form-weiterempfehlen input#uid2689 { width:100%; }
form#form-md-magazin-abo textarea#uid2639,
form#form-md-magazin-abo textarea#uid2653,
form#form-weiterempfehlen textarea#uid2687 { width:100%; height:90px; }
textarea#uid2593 { height:80px; }

/* Powermail confirmation */
.powermail_confirmation,
.powermail_message { width:100%; max-width:600px; margin-left:auto; margin-right:auto; padding:20px; }
.powermail_confirmation { background-color:#d8ebd8; border:1px solid green; box-shadow:0 0 8px green; }
.powermail_message { background-color:#D9EDF7; border:1px solid lightblue; box-shadow:0 0 8px lightblue; }
.no-js .powermail_confirmation,
.no-js .powermail_message { position:absolute; top: 150px; left:50%; margin-left:-300px;  z-index:800; }


#c45570 .powermail_fieldset_71,
#c49195 .powermail_fieldset_71,
#c50896 .powermail_fieldset_90,
#c50896 .powermail_fieldset_90 { display:none; }

/* landing page "Aktiv werden" (12836) - 2.8.2017 */
#p-12836.backendlayout-pagets__7 #header { height:160px; }
#p-12836.backendlayout-pagets__7 #logo { position:static; padding-left:23%; padding-top:48px; }
#p-12836.backendlayout-pagets__7 #main { padding-left:23%; }
#p-12836.backendlayout-pagets__7 #main .powermail_form_48 .powermail_fieldwrap_type_check .powermail_label,
#p-12836.backendlayout-pagets__7 #main .powermail_form_48 .powermail_field .checkbox label { font-size:1.25em; }
#p-12836.backendlayout-pagets__7 #main .powermail_form_48 .powermail_field .checkbox label input { position:relative; top:6px; margin-bottom:2em; }

/* content > right > powermail_frontend */
#powermail_counter_out h2 { font-size:1.5em; text-transform:none; }
#powermail_counter_progressbar_container { width:100%; height:48px; border-bottom:2px solid black; background-color:#004078; }
#powermail_counter_progressbar { height:100%; background-color:#80A0BC; text-align:right; }
#powermail_counter_progressbar .powermail_counter_count { display:block; margin-right:10px; margin-left:10px; padding-top:10px; color:white; }
#powermail_counter_count_container .powermail_counter_count { color:#202020; }

@media only screen and (max-width: 950px) {
    .backendlayout-pagets__7 .powermail_form_30 {
        min-width: 550px;
    }
}
@media only screen and (max-width:650px) and (orientation:portrait),
only screen and (max-width:800px) and (orientation:landscape) {
    .powermail_confirmation,
    .powermail_message {
        width: 80%;
        left: 10%;
        right: 10%;
        margin-top: 100px;
        margin-left: 0;
    }
    .powermail_confirmation h1,
    .powermail_message h1 {
        font-size: 1.5em;
    }
    .backendlayout-pagets__7 .powermail_form_30 {
        min-width: 300px;
    }
}


/***************************************************************************
 *
 *   Styles for extension "formframework"
 *
 ***************************************************************************/
.finisher-confirmation-message.infobox { position:static; width:100%; max-width:800px; margin-left:auto; margin-right:auto; padding:1.25em 2em; margin-top:1.25em; margin-bottom:1.25em;
    box-shadow:0 0 0.25em 0.25em rgba(0,0,0,0.2); cursor:default;
    background-color:#6daae0; border-color:transparent; color:#ffffff; background-position:10px 12px; background-repeat:no-repeat;
    color:#ffffff; font-size:1em; }
.finisher-confirmation-message.infobox h3 { margin-bottom:1em; color:white; font-weight:700; }




/***************************************************************************
 *
 *   Styles for extension "tx_mdevents"
 *
 ***************************************************************************/

/*
 *  tx_mdevents: listview
 */
.tx_mdevents .listview { width:100%; margin-top:8px; }
.tx_mdevents .listview tr { border-bottom:1px solid #202020; }
.tx_mdevents .listview tr:last-child { border-bottom:none; }
.tx_mdevents .listview td { padding:0; padding-top:0.75em; padding-right:1.25em; text-align:left; vertical-align:top; }
.tx_mdevents .listview td.col-0 { width:50%; }
.tx_mdevents .listview td.col-0 h2 { margin-top:0; }
.tx_mdevents .listview td.col-0 h2 span.morelink { color:#8b8a05;  }
.tx_mdevents .listview td.col-1 { width:30%; }
.tx_mdevents .listview td.col-2 { width:20%; padding-right:0; }
.tx_mdevents .listview h2 { font-weight:normal; font-size:100%; }
.tx_mdevents p.date span { display: block; }
.tx_mdevents .registrationview input[type="text"] { width: 100%; }


/*
 *  tx_mdevents: smalllistview
 */
.aside .tx_mdevents .smalllistview h3 { margin-top:0px; font-size:0.875em; font-weight:normal; }
.aside .tx_mdevents .smalllistview h3 a { color:#202020; }
.aside .tx_mdevents .smalllistview .fromdate { margin-bottom:0; }
.aside .tx_mdevents .smalllistview .morelink { color:#8b8a05; }


/*
 *  tx_mdevents: singleview
 */
.tx_mdevents .singleview { line-height:140%;; }
.tx_mdevents .singleview .date { font-weight:bold; }
.tx_mdevents .singleview address { margin-left:0; font-style:italic; }
.tx_mdevents .singleview .abstract { margin-bottom:12px; }
.tx_mdevents .singleview .content .linkblock { margin-top:20px; }
.tx_mdevents .singleview .bild { float:left; margin-right:20px; margin-bottom:20px; overflow:hidden; position:relative; width:200px !important; height:282px !important; }
.tx_mdevents .singleview .bild img { position:absolute; left:0; top:0; width:auto !important; height:282px !important; }






/***************************************************************************
 *
 *   Styles for extension "tx_news"
 *
 ***************************************************************************/

.news-list-view .newsHeader h2 { margin:0 0 1em 0; font-size:1.5em; font-weight:600; }
.news-list-view .newsHeader .news-list-date { display:inline-block; font-size:0.875em; margin-bottom:0.5em; font-weight:600; }
.news-single h1 { margin-bottom:0.5em; }
.news-single .news-list-date, .news-single .news-list-author { font-weight:400; }
.news-single .news-list-author { display: block; font-style:italic; }
.news-single .news-related h4 { margin-bottom: 1em; }

.backendlayout-pagets__4 .newsHeader h2 { font-size:2em; font-family:Times,serif; line-height:120%; font-weight: 500 }
.backendlayout-pagets__4 .newsHeader h2 a { color:#202020; }
.backendlayout-pagets__4 .newsHeader .news-list-date { margin-bottom:0.75em; }

:is(.page-navigation, .news-search-result) ul.f3-widget-paginator {
    margin-bottom: 2em;
}
:is(.page-navigation, .news-search-result) ul.f3-widget-paginator > li {
    display: inline-block;
    margin: 0;
}
:is(.page-navigation, .news-search-result) ul.f3-widget-paginator > li > a {
    display: block;
    margin: 0 .25em;
    padding: .5em 1em;
    background-color: #adb901;
    color: white;
    font-size: .875em;
    text-decoration: none;
}
:is(.page-navigation, .news-search-result) ul.f3-widget-paginator > li.current {
    display: inline-block;
    margin: 0 .25em;
    padding: .5em 1em;
    background-color: #e4e7e7;
    font-size: .875em;
}
:is(.page-navigation, .news-search-result) ul.f3-widget-paginator > li.previous a {
    padding: .5em 1.25em;
    background: #adb901 url('../Icons/icon-arrow-white-left.png') center center no-repeat;
    text-indent: -9999px;
}
:is(.page-navigation, .news-search-result) ul.f3-widget-paginator > li.next a {
    padding: .5em 1.25em;
    background: #adb901 url('../Icons/icon-arrow-white-right.png') center center no-repeat;
    text-indent: -9999px;
}
:is(.page-navigation, .news-search-result) > p {
    display: none;
}

.news-list-view .article,
.news-search-result .article {
    display: flex;
    margin-bottom: 3em;
    padding-bottom: 2em;
    border-bottom: 1px solid #e0e0e0;
}
.news-list-view .article div.news-img-wrap { flex:1 1 35%; padding-right:1em; }
.news-list-view .article div.news-text-wrap { flex:1 1 65%; padding-left:1em; }
.news-list-view .article div.news-text-wrap.no-media,
.news-list-view .article div.news-text-wrap.no-dummy { padding-left:0; }
.news-list-view .article h2 { margin-top:0; }
.news-list-view .article h2 a { text-decoration:none; }
.news-list-view .newsHeader .news-list-date { font-size:0.875em; font-weight: 500}
.news-list-view .newsBody p { display:inline; font-size:0.875em; }
.news-list-view .newsBody a.more { font-size:0.875em; text-decoration:none; }

.news-list-view.layout-1 .article .news-img-wrap,
.news-search-result .article .news-img-wrap {
    display: none;
}
.news-list-view.layout-1 .article .news-text-wrap,
.news-search-result .article .news-text-wrap {
    padding-left: 0;
}

.news-list-view.layout-6 .article {margin-bottom: 0; border-bottom: 0; }
.news-list-view.layout-6 .news-list-date {margin-bottom: 0; }
.news-list-view.layout-6 h3 {font-weight: 400; font-size:0.875em; }
.news-list-view.layout-6 a.more {padding-left: 5px; }

.news-list-view.layout-4 .article { display: block; margin-bottom:0; padding-bottom:0; }
.news-list-view.layout-4 p.news-list-date { display:none; }
.news-list-view.layout-4 .newsHeader.tile_header { padding-top:48.0%; }
.news-list-view.layout-4 .newsHeader .tile_header__titleWrapper{ top:auto; bottom:2em; width:82%; min-height:auto; }
.tilewidth-2-3 .tile_header__image { top:0; }
.news-list-view.layout-4 .article div.news-img-wrap { padding-right:0; }

.news-list-view.layout-7 .article { margin-bottom: 0; border-bottom: 0; }
.news-list-view.layout-7 h2 {margin-bottom: 2px; }

.news-img-caption { font-size:0.875em; }
.news-list-category { display:none; }

.news-single .teaser-text p { font-weight:700; }

.news-single.layout-1 .article .news-img-wrap { visibility:hidden; width:0; height:0; margin:0; padding:0; }

.news-menu-view > ul { list-style:none; display:flex; flex-wrap:wrap; margin-bottom:1.5em; margin-left:1px; }
.news-menu-view > ul { justify-content: flex-start; }
.news-menu-view > ul > li { margin:0 0 0.5em 2px; padding:0; border:1px solid #d6dbdb; }
.news-menu-view > ul > li:first-child { border-left:1px solid #d6dbdb; }
.news-menu-view > ul > li > a { display:block; padding:0.5em 0.75em; color:inherit; font-size:0.875em; text-decoration:none; }
.news-menu-view > ul > li.itemactive { background-color:#96a4a4; color:white; }

@media (hover: hover) and (pointer: fine) {
    .news-list-view .article h2 a:hover {
        text-decoration:underline;
    }
    .news-menu-view > ul > li > a:hover {
        background-color: #e4e7e7;
    }
}

@media only screen and (max-width:650px) and (orientation:portrait),
only screen and (max-width:800px) and (orientation:landscape) {
    .backendlayout-pagets__4 .main .news-list-item h2 {
        font-size: 1.5em;
    }
}



/***************************************************************************
 *
 *   Styles for extension "tx_userdata"
 *
 ***************************************************************************/

.campaigncounter .progressbar_container.bgcolor-green { background-color:#cfd38f; }
.campaigncounter .progressbar_container.bgcolor-red { background-color:#e29da4; }
.campaigncounter .progressbar_container.bgcolor-blue { background-color:#80a9c4; }
.campaigncounter .progressbar_container.bgcolor-green .progressbar { background-color:#adb901; }
.campaigncounter .progressbar_container.bgcolor-red .progressbar { background-color:#d34a5a; }
.campaigncounter .progressbar_container.bgcolor-blue .progressbar { background-color:#03548a; }



/*****************************************************************
 *
 *  styles for extension "buergerbegehren"
 *
 *****************************************************************/
.tx-buergerbegehren-list { min-width:600px; }
.tx-buergerbegehren-list h2 { margin-top:1em; }

.tx-buergerbegehren-searchform { position:relative; overflow:hidden; }
.tx-buergerbegehren-search-field { width:auto; }

.tx-buergerbegehren-search-field.field-selected input,
.tx-buergerbegehren-search-field.field-selected select { background-color:#e1dd19; }

.tx-buergerbegehren-fieldset { margin-bottom:2em; }
.tx-buergerbegehren-fieldset label { display:block; width:30%; min-width:100px; margin-right:1em;}
.tx-buergerbegehren-fieldset input[type=text],
.tx-buergerbegehren-fieldset select { width:calc(70% - 1em); min-width:400px; }
.tx-buergerbegehren-search-field-abjahr input[type=text],
.tx-buergerbegehren-search-field-bisjahr input[type=text] { min-width:100px; max-width:160px; }
.tx-buergerbegehren-search-field-numberofdata label { width:99%; padding-bottom:10px; line-height:1.3; }
.tx-buergerbegehren-search-field-numberofdata label.numberofdata { display:inline; float:none; width:30px; }
.tx-buergerbegehren-search-field-numberofdata input[type=radio] { display:inline; float:none; width:30px; }
.tx-buergerbegehren-result-table { width:auto; border:0px solid #d0d0d0; }
.tx-buergerbegehren-result-th { padding:4px; background-color:#798989; border:1px solid #e0e0e0; color:white; font-weight:600; }
.tx-buergerbegehren-result-td { padding:3px; border:1px solid #d0d0d0; vertical-align:top; padding:3px; line-height:1.5; }
.tx-buergerbegehren-result-table tr td:nth-child(2) {
    white-space: nowrap;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
table.tx-buergerbegehren-result-table tbody > tr:first-child td { text-align:left !important; font-weight:400 !important; }
.tx-buergerbegehren-result-td a { text-decoration:none; }
.tx-buergerbegehren-result-Thema { font-size:110%; font-weight:bold; }
.tx-buergerbegehren-result-Themenbereich { padding-left:20px; }

#tx-buergerbegehren-result-table-loading { width:100%;height:80px; background:url('../../../typo3conf/ext/buergerbegehren/Resources/Public/Icons/spinner_loading.gif') center center no-repeat; }

ul.no-bullets { list-style:none; }
ul.no-bullets li { margin-right:1.5em; }
.tx-buergerbegehren-result-pagebrowser ul.horizontal { display:flex; justify-content: center; }
.tx-buergerbegehren-single-smalltitle { margin-bottom:1em; }
.tx-buergerbegehren-single-title { margin-bottom:1em; }
.tx-buergerbegehren-single-ort { margin-bottom:2em; }
.tx-buergerbegehren-single-table { width:100%; }
.tx-buergerbegehren-single-td { padding-left:0; border-top:none; vertical-align:top; }
table.tx-buergerbegehren-single-table tbody > tr:first-child td { text-align:left; font-weight:400; }
.tx-buergerbegehren-single-td h2 { margin-top:0; }
.tx-buergerbegehren-single-td h2.Bundesland { font-weight:normal; }
.tx-buergerbegehren-single-td dt { margin-top:1em; margin-bottom:0; font-weight:700; }
.tx-buergerbegehren-single-td dd { margin-left:0; }
.tx-buergerbegehren-single-td0 { width:65%; padding-right:3%; }
dt.tx-buergerbegehren-single-Fragestellung,
dt.tx-buergerbegehren-single-Ergebnis { margin-bottom:1em; }
dd.tx-buergerbegehren-single-Fragestellung,
dd.tx-buergerbegehren-single-Ergebnis { margin-bottom:1em; padding:0.75em; background-color:#03548a; border:1px solid #798989; color:white; font-size:125%; }
dd.tx-buergerbegehren-single-Ergebnis { display:inline-block; }
dd.tx-buergerbegehren-single-Ergebnis[data-outputlong="Offen"] { background-color:#c0c0c0; }
.tx-buergerbegehren-single-td1 { width:30%; padding:0.75em; background-color:#f0f0f0; }
.tx-buergerbegehren-single-td1 { color:#808080; }
.tx-buergerbegehren-single-td1 h2 { color:#202020; }

.tx-buergerbegehren-search { overflow:hidden; }
.tx-buergerbegehren-search figure { float:right; width:33%; padding-left:3em; }
.tx-buergerbegehren-result-pagebrowser .button { display:inline-block; margin:2em 1em; text-transform:uppercase; }
.pageContent .tx-buergerbegehren-result-pagebrowser .button span,
.pageContent .tx-buergerbegehren-result-pagebrowser .button a { display:block; padding:0.25em 2em; background-color:#c0c4c8; text-decoration:none; }
.pageContent .tx-buergerbegehren-result-pagebrowser .button a { background-color:#adb901; color:white; }

@media (hover: hover) and (pointer: fine) {
    .pageContent .tx-buergerbegehren-result-pagebrowser .button a:hover {
        position: relative;
        top: 1px;
        left: 1px;
        opacity: 0.7;
    }
}

@media only screen and (max-width:992px) {
    .tx-buergerbegehren-search form { clear:both; float:none; width:100%; }
    .tx-buergerbegehren-search figure { clear:both; float:none; width:50%; margin:0 auto; padding-top:2em; }
    .tx-buergerbegehren-search img { width:100%; max-width:150%; }
}

@media only screen and (max-width:768px) {
    .tx-buergerbegehren-search figure { width:80%;  }

    .tx-buergerbegehren-single-td { display:block; width:100%; padding-bottom:2em; }
}