/** fp_newsletter_mailsubscribe - Start **/


div.tx-fp-newsletter form label {
   min-width: 120px;
   display: inline-block;
}
div.tx-fp-newsletter form label.gdpr {
   min-width: 115px;
   padding-top: 20px;
}

div.tx-fp-newsletter input#fp_mathcaptcha {
 /*  margin-bottom: 20px;*/
}

/** NL Abo auf Seite Blog **/

.page_1496 .intro_rechts div.tx-fp-newsletter {
  padding:0!important;
}



/** FAQ CORONA Specs **/

div.faqlist_navigation {
    display: flex;
    flex-direction: column;
    padding-top: 1em;
}

div.faqlist_navigation div {
   padding-top: 3px;
}


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

div.faqlistCat h3 {
   padding: 0;
   margin:0;
}


.faqlistCatSort {
  margin:5px 0 0 0;
}

div.faqlistCat .faqlistCatSort {
  padding: 5px 0 0 0; 
}


div.faqlist.sort #faqlist_search div.freitext,
div.faqlist.sort #faqlist_search div.category {
    width: 37%;
    min-width: 160px;
}

div.faq_topbutton {
  text-align: right;
  padding: 20px 0 30px 0;
}



div#c5609 #faqlist_search div.freitext, div#c5609 #faqlist_search div.category {
    width: 35%;
    min-width: 160px;
}




/** FAQ tools - Prezi iframe **/

div#doublecolumn .responsive-prezi iframe {
    padding: 0px;
    border: 0;
}

.responsive-prezi {
    position: relative;
    padding-bottom: 59%;
    padding-top: 4px;
    height: 0;
    overflow: hidden;
}

.responsive-prezi iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}





/** Form Allgemein **/

div.form-group label {
  min-width: 220px;
  max-width: 220px;
}
nav.form-navigation div.btn-toolbar {
   margin-top: 10px;
   margin-left: 220px;
}

div.form-group {
  display: flex;
  padding: 1vw 0 0 0;
}

div.form-group .input {
  width: 100%;
}

form div.clearfix p {
  margin-bottom: 0;
  padding-top: 10px;
}

fieldset.form-group {
  margin-right: 1vw;
}



/** newsletter Abo unter Einkaufsvorteile **/
form#nLAnmeldungSparendurchParittischeRahmenvertrge h2 {
  display: none;
}

/*form#nLAnmeldungSparendurchParittischeRahmenvertrge div.form-group {
  display: flex;
  padding: 1vw 0 0 0;
}*/

form#nLAnmeldungSparendurchParittischeRahmenvertrge div.form-group label {
  min-width: 10vw;
  max-width: 10vw;
}

form#nLAnmeldungSparendurchParittischeRahmenvertrge div.form-group .input {
  width: 180px;
}

form#nLAnmeldungSparendurchParittischeRahmenvertrge nav.form-navigation .btn-group {
  padding: 1vw 0 0 10vw;

}


nav.form-navigation span.next.submit button.btn.btn-primary {
  cursor: pointer;
}

/*** altes Formular **/

#bottomcontent div#doublecolumn div.csc-mailform {
  padding: 1vw 0 0 0;
} 

#bottomcontent div#doublecolumn div.csc-mailform label {
  padding-bottom: 1vw;
}
/*** altes Formular Ende**/


/**social Wall unter projekt-gleichimnetz */
.page_1449 div#doublecolumn iframe {
  padding:0;
}

/* Partner Links / Affiliate Links */
#samsung_affiliate {
  border-top: 0 !important;
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
}

#samsung_affiliate p {
  padding: 0 !important;
  margin: 0 !important;
}

#c4068 {
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
}

#c4792 {
  border-top: 0 !important;
}

/* Ende: Partner Links / Affiliate Links */

/** sf_event-mgt neu Start **/

/**Arbeit, Rente und Sozialpolitik**/
.datecolumn.cat_46,.datecolumn.cat_47,.datecolumn.cat_48,.datecolumn.cat_51,.datecolumn.cat_52,.datecolumn.cat_53,.datecolumn.cat_54,.datecolumn.cat_55,.datecolumn.cat_67,
.event_detail_datecolumn.cat_46,.event_detail_datecolumn.cat_47,.event_detail_datecolumn.cat_48,.event_detail_datecolumn.cat_51,.event_detail_datecolumn.cat_52,.event_detail_datecolumn.cat_53,.event_detail_datecolumn.cat_54,.event_detail_datecolumn.cat_55,.event_detail_datecolumn.cat_67{
    background: rgb(204,31,47);
}

/**Europa und Internationales**/
.datecolumn.cat_50,
.event_detail_datecolumn.cat_50 {
    background: rgb(44,87,210);
}

/**Gesundheit, Teilhabe und Pflege**/
.datecolumn.cat_34,.datecolumn.cat_35,.datecolumn.cat_36,.datecolumn.cat_37,.datecolumn.cat_39,
.event_detail_datecolumn.cat_34,.event_detail_datecolumn.cat_35,.event_detail_datecolumn.cat_36,.event_detail_datecolumn.cat_37,.event_detail_datecolumn.cat_39{
    background: rgb(31,204,102);
}

/**Kinder, Jugend und Familie**/
.datecolumn.cat_12,.datecolumn.cat_13,.datecolumn.cat_14,.datecolumn.cat_15,.datecolumn.cat_16,
.event_detail_datecolumn.cat_12,.event_detail_datecolumn.cat_13,.event_detail_datecolumn.cat_14,.event_detail_datecolumn.cat_15,.event_detail_datecolumn.cat_16{
    background: rgb(222,115,38);
}

/**Migration und Flucht**/
.datecolumn.cat_28,.datecolumn.cat_29,.datecolumn.cat_30,.datecolumn.cat_32,.datecolumn.cat_33,
.event_detail_datecolumn.cat_28,.event_detail_datecolumn.cat_29,.event_detail_datecolumn.cat_30,.event_detail_datecolumn.cat_32,.event_detail_datecolumn.cat_33 {
    background: rgb(103,31,204);
}

/**Recht und Mitgliederförderung**/
.datecolumn.cat_5,.datecolumn.cat_21,.datecolumn.cat_22,.datecolumn.cat_23,.datecolumn.cat_24,.datecolumn.cat_25,.datecolumn.cat_26,.datecolumn.cat_27,.datecolumn.cat_40,.datecolumn.cat_41,.datecolumn.cat_42,.datecolumn.cat_43,.datecolumn.cat_44,.datecolumn.cat_45,
.event_detail_datecolumn.cat_5,.event_detail_datecolumn.cat_21,.event_detail_datecolumn.cat_22,.event_detail_datecolumn.cat_23,.event_detail_datecolumn.cat_24,.event_detail_datecolumn.cat_25,.event_detail_datecolumn.cat_26,.event_detail_datecolumn.cat_27,.event_detail_datecolumn.cat_40,.event_detail_datecolumn.cat_41,.event_detail_datecolumn.cat_42,.event_detail_datecolumn.cat_43,.event_detail_datecolumn.cat_44,.event_detail_datecolumn.cat_45{
    background: rgb(204,188,31);
}

/**Soziale Arbeit und Unterstützung**/
.datecolumn.cat_17,.datecolumn.cat_20,.datecolumn.cat_38,.datecolumn.cat_18,
.event_detail_datecolumn.cat_17,.event_detail_datecolumn.cat_20,.event_detail_datecolumn.cat_38,.event_detail_datecolumn.cat_18 {
    background: rgb(31,204,189);
}

/**Zivilgesellschaft und Engagement**/

.datecolumn.cat_19,.datecolumn.cat_31,.datecolumn.cat_57,.datecolumn.cat_61,.datecolumn.cat_62,.datecolumn.cat_63,.datecolumn.cat_65,.datecolumn.cat_75,
.event_detail_datecolumn.cat_19,.event_detail_datecolumn.cat_31,.event_detail_datecolumn.cat_57,.event_detail_datecolumn.cat_61,.event_detail_datecolumn.cat_62,.event_detail_datecolumn.cat_63,.event_detail_datecolumn.cat_65,.event_detail_datecolumn.cat_75 {
    background: rgb(204,31,134);
}


/**sf_event-mgt ENDE **/


/** Start Webzeugkoffer - FAQ s.a. .mediaelement-video unter *Video in Listen und Detailansicht*  **/

#bottomright iframe {
  padding-left: 1vw;
  box-sizing: border-box;
}


div#doublecolumn figure.image iframe,
div#doublecolumn div.ce-media iframe {
  padding: 0;
}

div.news .article .faq_container div.news-img-wrap a {
  border: none;
}

.news-single.faqnews div.footertop {
   display: none; 
}

.news-single.faqnews .news-related {
  width:100%;
  padding:0;
  border: none;
  display: block;
}
.news.news-single.faqnews .article .news-img-wrap a {
  border:none;
  float:right;
}
.news.news-single.faqnews .article .news-img-wrap {
  width: auto;
}

.news div.faqlist .row.faq div.article .faq_container div.news-img-wrap {
  margin:0; 
}

.news div.faqlist .news-img-wrap a img {
  margin-right: 20px;
}


.news.news-single.faqnews .article .news-related-wrap .news-related.news-related-news ul li span.news-related-news-date,
.news.news-single.faqnews .article .news-related-wrap .news-related.news-related-files ul li span.news-related-files-size {
  display: none;
}
.news.news-single.faqnews .news-related ul li span {
  border-right: none;
}

/** newsList FaqNeueste **/

.news-list-view.newsLayout_5 {
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
  padding-top: 1vw;
}

.newsListFlexItem {
  display: flex;
  min-width:31%;
  max-width:31%;
  flex-direction: row;
  margin-bottom: 3%;
  padding:0;
}

.news .newsListFlexItem .article  .news-img-wrap {
  margin: 0;
  float: none;
}
.news .newsListFlexItem .news-img-wrap img {
  width: 100%;
  max-width: 300px;
  height: auto;
  padding-right: 10px;
  margin-bottom: 20px;
}
.news .newsListFlexItem.FaqNeueste .article .news-img-wrap a {
  float: none;
  padding: 0px;
  border: none;
}

div#doublecolumn .newsListFlexItem.FaqNeueste .mediaelement-video iframe {
    width: 100%;
    height: auto;
}

/** newsList FaqNeueste Ende **/

form#faqlist_search {
  display: flex;
  justify-content: space-between;
  padding: 20px 0 !important;
  flex-wrap: wrap;
}

.faqlist .searchrow {
  margin: 20px 0;
}

#faqlist_search div.freitext, #faqlist_search div.category, #faqlist_search div.sorting {
  width: 20%;
  min-width: 160px;
}

#faqlist_search input, #faqlist_search select {
  width: 100%;
  padding: 2px 0;
  box-sizing: border-box;
  border: 1px solid #ccc;
}
#faqlist_search .search_submit input,
#faqlist_search .search_reset input {
  background: #ddd;
  color: #000;
  font-weight: 400;
}

faqlist_search .search_submit input {
  background: #006699;
  color: #fff;
  font-weight: 600;
}

#faqlist_search .search_submitbar {
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
  align-self: flex-end;
}

#faqlist_search .search_submitbar input {
  padding: 3px 20px;
  cursor: pointer;
  width: 100%;
}

#faqlist_search .search_reset {
    margin-right: 10px;
}

.faqlist .searchrow label {
  display: block;
  font-size: 0.85rem;
}

div.row.faq {
  padding-bottom: 20px;
}

.news-single.faqnews h1 {
  font-size: 1.5em;
}

h3.faqtoggle {
  cursor: pointer;
}

h3.faqtoggle i.fa {
  position: relative;
  top: 0;
}

h3.faqtoggle i.fa::before {
  padding-right: 0em;
}

h3.faqtoggle i.fas.fa-caret-right {
  padding-right: 0.425em;
}
h3.faqtoggle i.fas.fa-caret-down {
  padding-right: 0.2em;
}

div.row.faq div.header h3 {
  background: #eeeeee;
  margin: 0px;
  padding: 0.3vw 0.2vw;
  font-size: 1.2rem;
  font-weight: normal;
  display: flex;
}
div.row.faq div.header h3 span.faqtoggle {
  display: inline-block;
  min-width: 15px;
}

.faq_container {
  padding: 1em 1.5em;
}

.news .article .faq_container div.news-img-wrap {
  margin-top: 0;
}

.internal-link img,
.internal-link-new-window img,
.external-link img,
.external-link-new-window img,
.download img {
  width: 14px;
  height: auto;
}
a.mail img {
  width: 20px;
  height: auto;
}


div#doublecolumn .faqlist div.mediaelement-video iframe {
  padding: 0;
  max-width: 120px;
  height: auto;
}

.faqlist_result .teaser-text p:first-child {
  margin-top:0;
}
.news-single.faqnews .news-related-news .news-related-teaser {
   color: #888;
}


/** Ende Webzeugkoffer - FAQ **/






/*** blog Start ***/

/** blog Unterseiten wohnen, etc. Navi rechts **/

div#blog div.intro_rechts .frame-type-menu_subpages ul {
  list-style: none;
}

div#blog div.intro_rechts .frame-type-menu_subpages ul li::before {
    content: "\f0da";
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;  
    font-size: 1.15rem;
    padding-right: 0.25em;
    color: #CC0033;
}
div#blog div.intro_rechts .frame-type-menu_subpages ul li a {
   color: #006699;  
}

div#blog div.intro_rechts .frame-type-menu_subpages ul li a:focus,
div#blog div.intro_rechts .frame-type-menu_subpages ul li a:hover,
div#blog div.intro_rechts .frame-type-menu_subpages ul li a:active {
   border-bottom: 1px dotted #006699;
}


/** bottom Content/Navi auf Unterseiten ausblenden **/

.page_1515 #bottomcontent,
.page_1511 #bottomcontent {
  display:none;
}


/** blog startseite unten rechts **/

div#bottomcontent #bottomright .tx-t3extblog {
  padding: 0 1vw;
}
div#bottomcontent #bottomright .tx-t3extblog .postList nav {
  display: none;
}
div#bottomcontent #bottomright .tx-t3extblog .thumbnail.preview a img {
    min-width: 120px;
    max-width: 120px;
    height: auto;
    float: left;
    padding: 5px 20px 5px 0;    
}

div#bottomcontent #bottomright .tx-t3extblog article.well.articleList {
  padding-bottom: 10px;
}

/***/

#blog .zweispalten .intro_links .ce-column {
  padding: 0;
  margin:0;
}

#blog .zweispalten {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

#blog .zweispalten .intro_links {
  width: 66%;
  flex-grow: 2;
  padding: 0 0 0 0;
}

#blog .zweispalten .intro_rechts {
  width: 33%;
  flex-grow: 1;
  padding: 0;
}

#blog .zweispalten .intro_links .tx-t3extblog {
  padding: 0 1vw;
}

#blog .zweispalten .intro_rechts > div {
  margin-left: 1vw;
  background: #ffffff;
  border: none;
}

#blog .zweispalten .intro_rechts > div > div {
  padding: 0 1vw;
}

.zweispalten .intro_rechts div.header {
  padding: 0!important;
}

#blog .postList {
  padding: 0 10px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.tx-t3extblog ul.list-inline {
  padding: 0;
}
.tx-t3extblog ul.list-inline li {
  display: inline;
}
.tx-t3extblog ul.list-inline li:after {
  content:", ";
}
.tx-t3extblog ul.list-inline li:last-child:after {
    content:"";
}

.tx-t3extblog .alert,
.tx-t3extblog .postList nav {
  min-width: 100%;
  box-sizing: border-box;
  padding: 20px 0;  
}

.alert-info a {
  border-bottom: 1px solid #fff;
}

#blog .intro_links article.well.articleList  {
  min-width: 47%;
  max-width: 47%;
  margin-bottom: 2vw;
  display: block;
}
.tx-t3extblog .postList .well.articleList h2,
.tx-t3extblog article.well h2 {
   font-size: 1.15rem;
}

.tx-t3extblog form {
  padding: 0!important;
}

.tx-t3extblog .form-group {
  display: block;
  padding: 0;
}


.tx-t3extblog .form-control {
    width: 90%;
}

.tx-t3extblog #comment-form.well {
   padding-bottom: 2vw;
}

.tx-t3extblog #comment-form.well textarea,
.tx-t3extblog #comment-form.well input {
    box-sizing: border-box;
    border: 1px solid #ccc;
}

.tx-t3extblog fieldset {
  border: 2px solid #eee;
}

.tx-t3extblog fieldset.row.btnSubmit {
  border-top: none;
  border-left:2px solid #eee;
  border-right:2px solid #eee;
  border-bottom:2px solid #eee;
  padding-top: 20px;
}

.tx-t3extblog fieldset legend {
  padding: 0 5px;
}

.tx-t3extblog figure.thumbnail{
 margin: 0;
}

.tx-t3extblog .thumbnail.preview img {
  min-width: 250px;
  max-width: 380px;
  width: 100%;
  height: auto;
}

.tx-t3extblog figure.thumbnail.preview a:focus,
.tx-t3extblog figure.thumbnail.preview a:hover,
.tx-t3extblog figure.thumbnail.preview a:active {
  border-bottom: none;
}

#blog .intro_rechts .tx-t3extblog .comment {
  margin: 15px 0;
}

#blog .intro_rechts .tx-t3extblog .latestPosts ul li {
  margin-top: 10px;
}

.tx-t3extblog div.postList nav ul.pagination {
  float: right;
}

.tx-t3extblog div.postList nav ul.pagination li {
  list-style: none;
  display: inline;
  padding: 0 2px;
  display: block;
  float: left;
}

.tx-t3extblog div.postList nav ul.pagination li a {
  padding: 0 5px;
  border: 1px solid #ddd;
  color: #666;
}

.tx-t3extblog div.postList nav ul.pagination li.active a {
    padding: 0 5px;
    border: none;
    color: #000;
}

.tx-t3extblog div.postList nav ul.pagination li.previous a,
.tx-t3extblog div.postList nav ul.pagination li.next a {
  border: none;
}


/* latest posts */
.zweispalten .intro_rechts .tx-t3extblog ul,
div#bottomcontent div#bottomright .tx-t3extblog ul {
  padding-left: 0;
}

.zweispalten .intro_rechts .tx-t3extblog ul li,
div#bottomcontent div#bottomright .tx-t3extblog ul li {
  list-style-type: none;
}


/* categories nav */

.tx-t3extblog .nav-list li i.fas.fa-caret-right {
   left: 5px;
   position: relative;
   top: 0px;
}

.tx-t3extblog .nav-list li i.fas.fa-caret-right::before {
  color: #333;
}


/* blog detailansicht */

.tx-t3extblog article.well .blogTeaser {
  font-size: 0.825em;
  letter-spacing: 0.115em;
}

.tx-t3extblog article.well .previewImg {
  float:right;
}
.tx-t3extblog article.well .previewImg img {
  max-width: 350px;
  height: auto;
}

/*** blog Ende***/



/**** Start Wir sind Paritaet - Digikom ***/


#digikom img {
  width: 100%;
  height: auto;
}
#digikom .internal-link img,
#digikom .external-link-new-window img {
  max-width: 15px;
  height: auto;
}

/** ausblenden contennavi **/
.page_1458.layout_2 div#mitte.layout-2 div#bottomcontent,
.page_1459.layout_2 div#mitte.layout-2 div#bottomcontent,
.page_1460.layout_2 div#mitte.layout-2 div#bottomcontent,
.page_1461.layout_2 div#mitte.layout-2 div#bottomcontent,
.page_1462.layout_2 div#mitte.layout-2 div#bottomcontent {
   display: none;
}

/*** anpassungen bild oben rechts**/
#digikom .zweispalten .intro_rechts div#c4304,
#digikom .zweispalten .intro_rechts div#c4337 {
  border: none;
}
#digikom .intro_rechts #c4304.contentlayout-0 .ce-textpic,
#digikom .intro_rechts #c4337.contentlayout-0 .ce-textpic {
    padding: 0 1vw 0 0;
}

/** seiten **/

#digikom {
  padding-bottom: 2vw;
}

#digikom .csc-header,
#digikom div.header,
#digikom .csc-header.layout-0 div.header,
#digikom .zweispalten .intro_links div.header,
#digikom .zweispalten .intro_links div.header {
   background: none;
}

#digikom h2 {
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 2.25rem;
  font-weight: bold;
  color: #cc0033;
  letter-spacing: 2px;
  background: none;  
}
#digikom h2 a { color: #cc0033;}

#digikom h3 {
  padding: 0 1vw;
  color: #cc0033;
  margin:0;
}

#digikom .zweispalten {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

#digikom .zweispalten .intro_links {
  width: 66%;
  flex-grow: 2;
  padding: 0 0 0 0;
}

#digikom .intro_rechts div.header header h2 {
  background: #eeeeee;
  margin: 0px;
  padding: 0.2vw 1vw;
  font-size: 1.2rem;
  font-weight: normal;
  color: #000;
  letter-spacing:0;

}

#digikom .zweispalten .intro_rechts {
  width: 33%;
  flex-grow: 1;
  padding: 0;
}
#digikom .intro_rechts .tx-sf-event-mgt {
    padding: 0 1vw;
}

#digikom .zweispalten .intro_rechts > div {
  margin-left: 1vw;
  background: #ffffff;
  border: 2px solid #eeeeee;
}

#digikom .zweispalten > div > div {
    border: none;
    margin-bottom: 1.5vw;
}

#digikom p.bodytext,
#digikom .ce-textpic,
#digikom .news {
  padding: 0 1vw;
}

div#digikom div#onsitenav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

div#digikom div#onsitenav ul li {
  margin:0 20px 20px 20px;
  padding: 0.25vw 2vw;
  background:#CC0033;
  text-transform: uppercase;
  flex-grow: 1;
  text-align: center;
}

div#digikom div#onsitenav ul li a {
  color: #fff;
}

#onsitenav ul li.level1.current span {
  color: #fff;
}





/**** Ende Wir sind Paritaet - Digikom ***/



tr td.tx-indexedsearch-info.info {display: none; }

.rsbtn_focusforward span {display: none !important;}

div.rsbtn.rsexpanded .rsbtn_exp {
  display: flex;
} 

#readspeaker_button1 {
  margin-right: 0px;
} 

div#readspeaker_button1.rs_skip.rsbtn.rs_preserve.rsdeferred.rs-no-touch a.rsbtn_play,
.rsbtn .rsbtn_play {
   background: none!important;
   border: none!important;
}

div#readspeaker_button1.rs_skip.rsbtn.rs_preserve.rsdeferred.rs-no-touch a.rsbtn_play span.rsbtn_left.rsimg.rspart span.rsbtn_text span.rsbtn_label {
  display: none!important;
}

.rsbtn .rsbtn_play .rsbtn_right.rsimg,
.rsbtn_text span {
  display:none!important;
}
.rs_addtools a, .rs_addtools span, .rsbtn a, .rsbtn span {
  font-size:18px!important;
}
.rs_addtools, .rsbtn {
  padding-bottom: 0!important;
}

.rsbtn.rsexpanded .rsbtn_exp .rsbtn_exp_inner {
  border:none; 
  background: none;
  border-radius: 0!important;
}

a.rsbtn_play span.rsbtn_left.rsimg.rspart span.rsbtn_text {
  padding-right: 10px;
}

.rsbtn .rsbtn_play .rsbtn_left .rsbtn_text::before {
  color: #006699;
  left: -15px!important;
}


.rsbtn .rsbtn_play:hover .rsbtn_text::before {
   color:#006699!important;
}

/** e-Mail Adressen - Anmeldung **/
.page_1424 div.org {padding: 10px 0 5px 65px;}

.page_1424 div.org select {
   width: 145px;
}
/** **/

/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular'),
       url('../fonts/pt-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/pt-sans-v9-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Italic'), local('PTSans-Italic'),
       url('../fonts/pt-sans-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-sans-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold'), local('PTSans-Bold'),
       url('../fonts/pt-sans-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/pt-sans-v9-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'),
       url('../fonts/pt-sans-v9-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/*** fonts Ende **/


body.cookie-padding {
    padding-bottom: 200px!important;
}



/* Start Selbsthilfewochen - ksshwevents */

.shw_detail_flex {
  display: flex;
  justify-content: space-between;
  padding: 15px 0 15px;
}

.shw_detail_flex > div {
  max-width: 48%;
  flex-grow: 0;
  min-width: 48%
}

.staticmap img {
  width: 100%;
  height: auto;
  display: block;
}

.infobubble {
  cursor: pointer;
}

#getLocation {
  display: block;
  text-align: center;
  background: #cccccc;
  cursor: pointer;
  padding: 5px;
  color: #cc0033;
}

.shw_input {
  padding-bottom: 10px;
}

#eventRegion,
div.shw_input select.input_organisationtype {
  width: 30%;
  box-sizing: border-box;
}

div.shw_newEvent form {
 padding: 0 0 1vw 0vw !important
}

form.shw_search {
  padding: 1vw !important;
}

.shw_searchFilter {
  border: 4px solid #eeeeee;
  margin: 20px 0;
}

.shw_newEvent label,
.shw_searchFilter label {
  display: block;
  font-size: 0.85rem;
  padding-bottom: 3px;
}

.shw_formflex_triple {
  display: flex;
  justify-content: space-between;
}

.shw_formflex_triple > div {
  min-width: 30%;
  max-width: 30%;
}

select#eventRegion {
  width: 100%;
}

.shw_bundesland > select,
.shw_datefrom > input,
.shw_dateto > input {
  border: 2px solid #eeeeee;
  width: 90%;
  box-sizing: border-box;
}

.shw_submitbar {
  display: flex;
  justify-content: space-between;
  margin-top: 1vw;
}

.shw_submitbar .shw_submit {
  min-width: 50%;
}

.shw_submitbar .shw_submit input {
  border: 2px solid #ccc;
  width: 97%;
  padding: 3px 0;
  cursor: pointer;
}

.shw_submitbar .shw_reset {
  min-width: 50%;
}

.shw_submitbar .shw_reset input{
  border: 2px solid #ccc;
  width: 90%;
  padding: 3px 0;
  cursor: pointer;
}

.shw_event_togglelink span {
  cursor: pointer;
  color: #006699;
}

.shw_eventlist h3 {
  margin: 0;
  padding: 0;
}

.shw_event {
  margin-bottom: 1vw;
}

.shw_newEvent select,
.shw_newEvent input,
.shw_newEvent textarea {
  border: 2px solid #ccc;
  width: 99%;
}

.shw_newEvent input {
  border: 2px solid #ccc;
  padding: 3px 0;
  width: 100%;
  box-sizing: border-box;
}

.shw_newEvent input.shw_create {
  margin-top: 0.75vw;
  cursor: pointer;
}

.shw_infotext {
  padding-bottom: 2vw;
}

div#map {
  margin: 2vw 0;
}

ul.typo3-messages li {
  list-style-type: none;
}


/* Ende Selbsthilfewochen - ksshwevents */




/*** formular Aufruf ***/

#petitionListFirst {
  margin: 10px 0;
}

.petitionheader {
  text-align: right;
  padding-right: 5px;
}

.petitionfooter {
  text-align: right;
  padding-right: 5px;
  padding-bottom: 20px;
}

.petitionsubheader {
  display:flex;
  padding: 5px 0px;
}

.petition_totalNum {
  display: inline-block;
  background: #006699;
  width: 80%;
  height:80px;
  text-align: center;
  border: 1px solid #ccc;

}

div.petition_totalNum p {
  font-size: 1.75rem;
  font-weight: bold;
  color: #fff;
  margin:18px auto;
}

.petitionPromo {
  padding: 0.75vw 0.5vw 0 1vw;
  background: #eee;
  width: 100%;
}


#petition_form label {
  display: inline-block;
  width: 120px;
}


#fe_ttaddress_gender_input {
  margin-right: 5px;
}

#fe_ttaddress_title_input {
  margin-right: 5px;
  width: 250px;
}

#fe_ttaddress_first_name_input {
  margin-right: 5px;
  width: 250px;
}

#fe_ttaddress_last_name_input {
  margin-right: 5px;
  width: 250px;
}

#fe_ttaddress_company_input_2 {
  margin-right: 5px;
  width: 250px;
}

#fe_ttaddress_zip_input {
   margin-right: 5px;
  width: 250px;
}

#fe_ttaddress_city_input {
  margin-right: 5px;
  width: 250px;
}

#fe_ttaddress_email_input_2 {
  margin-right: 5px;
  width: 250px;
}

#fe_ttaddress_www_input {
  margin-right: 5px;
  width: 250px;
}

#aufruf_absenden {
  width: 49%;
  min-width: 250px;
  height: 25px;
  margin-top: 10px;
}

/** petition LISTE **/

.petition_listitem {
  padding:10px 0;
  border-bottom: 1px solid #eee;
}
.petition_listitem:first-child {
  padding: 0;
}

/** petition List_latest **/

div.petition_listitem.latest {
  padding: 5px 0;
  border-bottom: none;
  margin: 0 20px;
}

div.petitionheader.latest {
  text-align: right;
  padding: 10px 20px 20px 20px;
}


/** page browser **/

ul.f3-widget-paginator li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    float: left;
    padding: 0 2px;
}

ul.f3-widget-paginator {
    float: right;
}


ul.f3-widget-paginator li a:hover {
    background: rgba(51, 51, 51, 0.4) none repeat scroll 0 0;
    color: #fff !important;
    text-decoration: none;
    display: block;
    border-bottom:none;
    border-top:none;
}


/************* Petition ENDE ******************/


/*** Anmeldung NL MDHR  ***/

div#c2401 font p.newslwarning {
  font-size: 0.9rem;
}
 /** **/

div.news-search-form {
  padding-top: 1rem;
}


div.news-search-form fieldset {
  border: 0;
}

div.news-search-form label {
  display:block;
}

div.news-search-form input {
  width: 300px;
}

div.news-search-form input.btn {
  margin-top: 20px;
}


/*** Video in Listen und Detailansicht ***/

div#doublecolumn .news-list-view .mediaelement-video iframe {
  border:0;
  padding:0;
  width: 120px;
  height: auto;  
}


div#doublecolumn .news-single .mediaelement-video iframe {
  border:0;
  padding:0;
/*  width: 350px;*/
  width: 100%;
  height: 196px; 
}

div#bottomright .news-list-view .mediaelement-video iframe {
  width: 100%;
  height: auto;
  border: none;
}

/**Video als HTML ***/

.responsive-video {
    position: relative;
    padding-bottom: 51%;/*55%*/
    padding-top: 15px;
    height: 0;
    overflow: hidden;
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/***  ***/

#middlecontent > div > div {
 padding: 0 1vw;
}

.news-single .article .news-img-wrap img {
  display: block;
}

#mitte .news .article .news-img-wrap a {
 /* float:none;*/
}

.news-single .news-img-caption {
  max-width: 260px;
  padding: 4px;
  margin:0;
  font-size: 0.9rem;
}

.news .article .news-img-wrap {
  background: #ffffff!important; 
}


small {padding-left:20px;}

#flymenu_container {
  font-family: "PT Sans",sans-serif;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;
  display: none;
  
  position: fixed;
  top: 170px;
  right: 0px;
  z-index: 1001;
}

#flymenu {
  overflow: hidden;
  background: #fff;
  border: 2px solid #eee;
  max-height: 65vh;
  overflow-y:scroll;
  overflow-x:hidden; 
}

#flymenu_trigger span {
 /* background: #dd77dd;*/
 /* background: rgba(0, 102, 153, 0.9) none repeat scroll 0 0; */
  background: rgba(238, 238, 238, 0.9);
  display:block;
  padding: 7px;
  text-align: center;
  
  -webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.25);
  
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}


#flymenu ul {
  width: 260px;
}


/*** SILBENTRENNUNG **/

h3, p {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
 /*  -webkit-hyphenate-limit-lines: 2;
   hyphenate-limit-lines: 2;*/
   -webkit-hyphenate-limit-chars: auto 5;
   hyphenate-limit-chars: auto 5;
}


/*************************/
/*** Questions ***/
/*************************/


/*.tx-ksquestions {
  max-width: 600px;
  border: 1px solid #eee;
}*/


.questionbox {
  padding-top:20px;
  position: relative;
  min-height: 300px;
  overflow: auto;
  background: #ffffff;
  z-index: 5;
  border-bottom:1px solid #eee;
}

.question {
  min-height: 300px;
  z-index: -1;
  position: absolute;
  width: 100%;
/*  background: #ffffcc;*/
  opacity: 0;
}

div.userposition {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;
  display: flex;
}

.question input.questionradio {
  position: absolute;
  left: -1000px;
}

.question input.questionradio:checked + label {
  background: #CC0033;
  color: #ffffff;
}
 
.question label {
  background: #eeeeee;
  display: block;
  padding: 5px;
  margin-right: 10px;
  text-align: center;
}

.questionnav span {
  color: #bbb;
  font-size: 0.95rem;
}

div.questionnav span.currentnav {
  color: #CC0033;
}

.questionnav span.allowed {
  color: #000000;
  cursor: pointer;
}

div.currentquestion {
  z-index: 50;
  opacity: 1;
 /* background: #ccffff;*/
}

.prevnext_resultdetail,
.prevnext {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  justify-content: space-around;
  padding-top: 10px;
  max-width: 400px;
}

.prevnext_resultdetail span,
.prevnext span {
  padding: 5px 10px;
  border: 1px solid #cccccc;
  cursor: pointer;  
}

.prevnext input.submit_answers,
input.submit_important,
input.submit_partylist,
button.showdetails {
  background: #006699;
  border: 1px solid;
  color: #ffffff;
  cursor: pointer;
  padding: 7px 10px;
}

button.showdetails {
  margin-top: 20px;
}

#questionbox_togglebar span,
#important_togglebar span,
#partylist_togglebar span,
#result_togglebar span
{
  padding: 5px 10px;
  border: 1px solid #cccccc;
  cursor: pointer;
}

.prevnext .submit_answers,
.prevnext .next {
  visibility: hidden;
}

.prevnext input.allowed,
.prevnext span.allowed {
  visibility: visible;
}

form #importantform {
  padding: 0!important;
}

.questionrow {
  margin-bottom: 20px;
  background:#eee;
}

.questionrow input.questioncheck {
  position: absolute;
  left: -1000px;
}

.question_overview .questionrow label {
  padding: 1vw;
  display: block;
}

.questionrow input.questioncheck:checked + label {
  background: #006699;
  color: #ffffff;
}

.resultrow {
  margin-bottom: 0.5vw;
  background: #CC0033;
}

.resultrow_txt {
  padding: 0.5vw;
}

.partyrow {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
}

.party_overview input.partycheck {
  position: absolute;
  left: -1000px;
}

.partybox label img {
  display: inline-block;
  pointer-events: none;
  width: 100%;
  height: auto;
}

.party_overview input.partycheck + label {
  margin-right: 20px;
  margin-bottom: 20px;
  display: block;
}

.party_overview input.partycheck + label img {
  border: 3px solid #eeeeee;
  -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.party_overview input.partycheck:checked + label img {
  border: 3px solid #CC0033;
  -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#submit_partylist:disabled {
  opacity: 0.5;
}

.resultq {
  background: #eee;
  margin: 10px 0;
  padding: 1vw;
}

.resultperquestion .partyrow > .csc-header {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  margin-bottom: 1vw;
  padding: 0.5vw 0;
  color: #006699;
  flex-grow: 1;
  
 /* border: 2px solid #eeeeee;*/
  position: relative;
}

.resultperquestion .partyrow > .csc-header div.partytitle {
  flex-grow: 1;
  padding: 0.5vw 1vw;
}

.resultperquestion div.userposition {
  margin-bottom: 1vw;
  font-weight: bold;
}

.resultperquestion div.userposition span.userposition_detail {
  margin-left: 20px;
  font-style: italic;
  font-weight: normal;
}

.resultperquestion a.togglebutton_partystatement {
    background: #006699 url("/fileadmin/templates/img/toggleplus.png") no-repeat scroll center center;
    display: block;
    height: 28px;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 0px;
    width: 28px;
}

.resultperquestion a.toggled {
  background: #d0e1eb url("/fileadmin/templates/img/toggleminus_999.png") no-repeat scroll center center;
  border: 1px solid #999;
}

#questionresultdetails .resultperquestion {
  display: none;
}

#showresult #questionresultdetails .currentlayer {
  display: block;
}


.contenttoggle_partystatement p {
  padding-left: 1vw;
}



/*************************/
/*** Questions Ende ***/
/*************************/


/*************************/
/*** Indexed Search NEU ***/
/*************************/


div.tx-indexedsearch-searchbox form#tx_indexedsearch fieldset {
  border: 1px solid #ccc;
}

div.tx-indexedsearch-searchbox form#tx_indexedsearch {
  padding: 1vw 0 0 0!important;
}

div.tx-indexedsearch-res dl.tx-indexedsearch-info {
   display: none;
}

ul.tx-indexedsearch-browsebox {
  display:flex;
  list-style:none;
  padding-left: 0;
}

ul.tx-indexedsearch-browsebox li {
  padding: 5px 10px 5px 5px !important;
}


#tx_indexedsearch label {
  display: inline-block;
  min-width: 150px;
  padding-bottom: 10px;
}

div.tx-indexedsearch-search-submit {
  padding-left: 153px;
}

div.tx-indexedsearch-res h3 {
  padding-bottom: 0;
}


.news-related-files-link a[href$=".pdf"]::before {
  content: "\f1c1";
  font-family: 'Font Awesome 5 Free' !important;
  font-size: 1.325em;  
  padding-right: 3px;
  font-weight: 900;
}

.mediaelement-image a[href$=".pdf"]::before {
   content:none;
}

.error {
  color: red;
  padding-bottom: 15px;
}

input[type="submit"] {
  border: none;
  background: #eee;
  cursor: pointer;
  font-weight: 400;
  padding: 2px 10px;
  font-size: 0.9em;
}

select,
.tx-indexedsearch-form input,
div.form-field input#email {
  border: 1px solid #ccc;
}

.slick-item {
  width: 600px;
}



/*************************/
/*** Indexed Search ***/
/*************************/

/*.tx-indexedsearch {
  padding: 1vw 0 0 0!important;
}
.tx-indexedsearch-rules {
  padding: 0 1vw;
}
div.tx-indexedsearch-rules h2 {
  font-size: 1.2rem;
}
div.tx-indexedsearch-whatis,
div.tx-indexedsearch-browsebox{
  padding: 0 20px;
}
div.tx-indexedsearch-res {
  padding: 0 10px;
}
*/

/*************************/
/*** sf_event_mgt - Start ***/
/*************************/
.event-formflex {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;
  max-width: 500px;
  justify-content: space-between;
}

.event-formflex > div {
  background: #eeeeee;
  max-width: 48%;
  flex-grow: 1;
}

.event-formfield label {
  display: block;
}

.event-formfield.radio {
  margin-bottom: 0.5rem;
}

.event-formfield.singleselect {
  margin-top: 0.5rem;
}

.event-formfield.singleselect label,
.event-formfield.radio label {
  display: inline;
}

.event-formfield input.textfield {
  display: block;
  width: 100%;
  border: 1px solid #cccccc;
  box-sizing: border-box;
}

.event-formfield {
  margin-bottom: 0.2rem;
  font-size: 0.8rem;
}

div.event-formfield textarea#notes {
  height: 5vw;
  min-height: 80px;
  width: 40vw;
  max-width: 500px;
  min-width: 300px;
  border: 1px solid #ccc;
   
}

.tx-sf-event-mgt {
  margin-bottom: 1vw!important;
}

hr {
  margin: 20px 0 30px 0;
  border: 1px dotted #CC0033;
}

div.event_catmenu {
    padding: 1vw 0;
}

div.event_catmenu a {
    border-right: 2px solid #eee;
    padding: 0 10px;
}

.event_list {
  padding-top: 1vw;
}

div.event-list-header {  
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;
  background: #eee;
  padding:10px 10px 5px 10px;
  margin-bottom: 5px;
  align-items: flex-start;
}

.datecolumn {
  padding:5px 10px;
  background: rgba(0, 102, 153, 0.8) none repeat scroll 0 0;
  margin: 3px 10px 10px 0;
  text-align: center;
  border: 5px solid #fff;
  color: #fff;
  min-width: 75px;
}


div#doublecolumn .datecolumn {
  max-width: 80px;
  min-width: 80px;
}

/*div#doublecolumn .event_detail_datecolumn {
  max-width: 110px;
  min-width: 110px;
}*/

.event_detail_backtolist {
  text-align: right;
  font-weight: bold;
  margin: 0.5rem 0 0.5rem 0;
}

div#doublecolumn .event_detail_datecolumn span.event_beginn,
div#doublecolumn .datecolumn span.event_beginn {
  white-space: nowrap;
}

div#doublecolumn .event_detail_datecolumn span.trenner,
div#doublecolumn .datecolumn span.trenner {
  display: block;
  line-height: 0.5rem;
}

.event_detail_datecolumn {
  padding:5px 10px;
  background: rgba(0, 102, 153, 0.8) none repeat scroll 0 0;
  margin-top: 3px;
  text-align: center;
  border: 5px solid #fff;
  color: #fff;
 /`*min-width: 75px;
  max-width: ;*/
  height: 85px;
}

.event_detail_datecolumn span.event_beginn {
  display: block;
}

.event_detail_header {
  background: #eeeeee;
  padding: 10px;
  display: flex;
}

.event_detail_header > div {
  margin-right: 10px;
}

.event_detail_header > div:last-child {
  margin-right: 0px;
}

.event_detail_header_right {
  flex-grow: 1;
  
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;
  
  flex-direction: column;
  justify-content: space-between;
  
}

div.event_detail_innerheader {  
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;
  flex-grow: 1;
  justify-content: space-between;
}

.event_detail_ical {
  text-align: center;
  margin-top: 5px;
}

.event_detail_deadline {
  text-align: center;
  margin-top: 6px;
  line-height: 1.1rem;
}

.event_title {
  font-size: 1.15em;
  font-weight: bold;
}

#event_agenda h3 {
  margin-top: 0px;
}

div.detaillink a i.fas.fa-info {
  padding-right: 6px;
  padding-left: 2px;
}


.event-location,
.detaillink {
  padding-left: 10px;
} 

div.tx-sf-event-mgt form.registration {
  padding: 0 0 1vw 0vw !important;

}

div.event-registration-row {
  padding: 0 0 1vw 0;
}


div#bottomright div.tx-sf-event-mgt {
  padding: 0 1vw;
}

div#bottomright div.event_list hr.hr {
   border: 1px dotted #fff;
   margin: 0;
}

/** events rechte Spalte **/

div#bottomright .event-list-header {
  display:block;
}

div#bottomright .datecolumn {
  margin:0 0 10px 0;
  max-width:300px;
}

div#bottomright span.event_beginn {
  padding-left: 10px;
  white-space: nowrap;
}

.tx-sf-event-mgt div#bottomright span {
  white-space: nowrap;
}

/*************************/
/*** sf_event_mgt - Ende ***/
/*************************/


#########################
### Newsletter-Anmeldung ##

form.dmail_intern div.catlist label {
  float: right;
}

form.dmail_intern div.catlist input {
  float: left;
}

form.dmail_intern div.catlist .clearAll {
  clear: both;
}

#c801 p.newslp.newslp_text {
  font-family: "PT Sans",sans-serif !important;
  padding: 0 20px;
  
}

div#c801 form.dmail_intern span.newslpspan {
  font-size: 1em!important;
}

div#c801 span.newslpspan {
  font-size: 1em!important;
  padding: 0 20px;
  margin-bottom: 20px;
}

.newsletter_agb {
  padding: 20px 0; 
}

label#label-fe_ttaddress_company,
label.newsletter_label {
  font-size: 13px;
}
span.newslwarning_agb {
  color: red;
  font-size: 13px;
}

span.newslwarning {
  color: red;
  font-weight: bold;
}


/*** unsorted ***/


div#service_inner_header a:focus,
div#service_inner_header a:hover,
div#service_inner_header a:active {
  border-bottom: none;
}


div#bottomright div.tx-felogin-pi1 div {
 padding-left: 1vw;

}

div#doublecolumn iframe {
  padding: 20px;
}


.pdf_image_link_workaround {
  background: url("/typo3/sysext/rtehtmlarea/Resources/Public/Images/download.gif") no-repeat 4px 7px;
  padding-left: 20px;
}

.pdf_image_link_workaround img {
  display:none;
}


div#bottomright div.ce-media img,
div#bottomright figure.image img {
  max-width: 350px;
  padding: 0 20px;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

div#bottomright div.news {
  padding:0vw 1vw;
}

#doublecolumn > div > div.header {
  padding: 0 !important;
}

.align-center {
 text-align: center;
}

div#bottomright h6 {
  padding-left: 1vw;
}

div.tx-felogin-pi1 form {
  margin-bottom: 1vw;
}

div.tx-felogin-pi1 form fieldset {
  width: 90%;
  padding: 20px;
  /*border: 1px solid #eee;*/
}

.tx-felogin-pi1 label {
  display: block;
}


div#bottomright div.news div.footer,
div#anzeigebereich.page_1 div.footer {
  border-top: none;
}

/** Newsletter Anmeldung ***/

p.newslp2,
a.newslp,
.newslwarning {
  padding: 0 0 0 1vw !important;
}

.frame-type-list form {
  padding: 0 0 1vw 1vw !important;
}

form {
    padding: 0 0 1vw 1vw !important;
}


form font p.newslp.newslp_input b label,
form font p.newslp.newslp_text,
font a.newslp {
  font-family: "PT Sans",sans-serif !important;
  font-size: 1.5em;
}

input#fe_ttaddress_name_input {
  margin-left: 20px;
}

input#fe_ttaddress_company_input {
  margin-left: 5px;
}

input#fe_ttaddress_email_input{
  margin-left: 15px;
  margin-right: 5px;
}

div#bottomright input#fe_ttaddress_email_input {
  margin: 0.25vw 0.25vw 0 0.25vw;
}

.newslpspan {
  font-family: "PT Sans",sans-serif !important;
  font-size: 1.5em;
}



div#maincontent div#leftcontent div.header header h2,
div#maincontent div#middlecontent div.header header h2,
div#maincontent div#rightcontent div.header header h2 {
  padding: 0.2vw 0vw;
}




/*************************/
/*** Armutsbericht - Start ***/
/*************************/

/*canvas-fix for responsive SVG with IE*/
.mapdiv > div {
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  width: 100%; height: auto;
}

.mapdiv canvas {
  display: block;
  width: 100%;
  visibility: hidden;
  max-height: 750px;
}

.mapdiv svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}


.armutsbericht_container {
  margin-top: 0.5rem;
}
.armutsbericht_container p small {
  padding-left:0;
}

#locationsearch {
  margin: 0.5rem 0 0.5rem 0;
  max-width: 400px;
  
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  
  align-items: flex-end;
  justify-content: space-between;
}

#locationsearch > div {
  margin-right: 1rem;
  width: 20%;
  flex-grow: 1;
}

#locationsearch > div:last-child {
  margin-right: 0;
  max-width: 100px;
}

#locationsearch input {
  border: 1px solid #006699;
}

input#plz{
  width: 100%;
}

input#city {
  width: 100%;
}

svg {
  overflow: hidden;
  border: 1px solid #dddddd;
  max-width: 600px;
}

svg text {
  font-size: 0.6rem;
  fill: #222222;
}

svg text.value {
  font-size: 0.45rem;
  fill: #ffffff;
}

svg .label_bl .bl11 {
  display: none;
}


svg .label_ror .bl03 {
  display: none !important;
}

svg .label_bl .bl03 {
  display: inline!important;
}

svg .label_ror .bl04 {
  display: none !important;
}

svg rect.bar {
  fill: #CC0033;
}

svg .label_ror text {
  display: none;
  font-size: 0.4rem;
}

svg .label_ror .visible {
  display: inline;
  font-size: 0.3rem;
}

.bundesland:hover {
  fill: #ff114c !important;
}

.bundeslandaktiv g:nth-of-type(6n+1) {
  fill: #fd4f7b !important;
}

.bundeslandaktiv g:nth-of-type(6n+2) {
  fill: #ff7799 !important;
}

.bundeslandaktiv g:nth-of-type(6n+3) {
  fill: #ff99b2 !important;
}


.bundeslandaktiv g:nth-of-type(6n+4) {
  fill: #fdb2c3 !important;
}


.bundeslandaktiv g:nth-of-type(6n+5) {
  fill: #ffccd8 !important;
}

.bundeslandaktiv g:nth-of-type(6n+6) {
  fill: #ffdde5 !important;
}

.bundeslandaktiv g.ror:hover {
  fill: #ff114c !important;
}

g#bl04.bundeslandaktiv #ror_401 {
  fill: #fd4f7b !important;
}

g#bl04.bundeslandaktiv #ror_401:hover {
  fill: #ff114c !important;
}


.background {
  fill: none;
  pointer-events: all;
}
    
#bl01 {
  fill: #d9e5f2;
  stroke: #ffc;
  stroke-width: 0.1px;
  stroke-linejoin: round;
  stroke-linecap: round;
}



#bl02 {
  fill: #bfd4ea;
}

#bl03 {
  fill: #73a1d0;
}


#bl04 {
  fill: #a6c3e1;
}

#bl05 {
  fill: #9bd;
}

#bl06 {
  fill: #d9e5f2;
}

#bl07 {
  fill: #7faad4;
}

#bl08 {
  fill: #bfd4ea;
}

#bl09 {
  fill: #69c;
}

#bl10 {
  fill: #bfd4ea;
}

#bl11 {
  fill: #73a1d0;
}

#bl12 {
  fill: #8cb2d9;
}

#bl13 {
  fill: #9bd;
}

#bl14 {
  fill: #9bd;
}

#bl15 {
  fill: #d9e5f2;
}

#bl16 {
  fill: #bfd4ea;
}

#landkreise :hover {
  fill: #ffccff;
}


#state-borders {
  fill: none;
  stroke: #fff;
  stroke-width: 1.5px;
  stroke-linejoin: round;
  stroke-linecap: round;
  pointer-events: none;
}
/*************************/
/*** Armutsbericht - Ende ***/
/*************************/




/** img + bildunterschrift ***/

.ce-gallery figcaption {
    color: #666;
    font-size: 0.85em;
}

.ce-column {
    margin-top: 20px;
}

.ce-intext.ce-left .ce-gallery {
    margin: 0px 20px 10px 0;
}

/*** cart ***/


div#maincontent div.tx-cart.tx-cart-show img, div#maincontent div.tx-cart table td a img {
    width: auto;
}

div.tx-cart img {
    float: left;
    height: auto;
    margin-right: 20px;
    max-width: 200px;
    padding: 0px 0 15px 0px;
    height: auto;
}


.tx-cart td {
  border-bottom: 2px solid #eee;
}

/*.tx-cart td:first-child,
.tx-cart td:last-child {
    border-bottom: none!important;
}*/

.tx-cart th.col-md-6,
.tx-cart th.col-md-4 {
   text-align: left;
}

div.tx-cart table {
  width: 100%;
}

div.tx-cart table tbody tr td a {
  font-weight: bold;
  margin-bottom: 1em;
}

div.tx-cart table tbody tr td p {
   margin: 0;
}


div.tx-cart .formflex,
div.tx-cart .formflex_2 {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
}

div.tx-cart .formflex > div {
  width: 32%;
  max-width: 32%;
  margin-right: 2%;
}

div.tx-cart .formflex_2 > div {
  flex: 1 1 auto;
  width: 70%;
}

div.tx-cart .formflex_2 div.nummer {
  width: 30%;
  min-width: 30%;
  max-width: 30%;
}

div.tx-cart .formflex_2 div.zip {
  width: 30%;
  min-width: 30%;
  max-width: 30%;
}


div.tx-cart .formflex > div:last-child {
  margin-right: 0;
}

div.tx-cart label {
    display: block;
    font-size: 0.9rem;
    line-height: 1.2rem;
}

div.tx-cart ul.form-list li {
  margin-bottom: 5px;
}

/*** mini Cart **/

div#tx-cart-minicart {
  text-align: right;
  padding: 5px 20px!important;
}


.warenkorb {
  background: rgba(0, 102, 153, 0.9) none repeat scroll 0 0!important;
  border: 1px solid rgb(0, 102, 153)!important;
  cursor: pointer;
  padding: 0.115vw;
  color: #fff;
}

div.tx-cart input.cartItemQuantity {
   width: 40px;
}

div.tx-cart input[type="text"], div.tx-cart input[type="email"] {
   border: 1px solid #999;
   border-collapse: collapse;
   padding: 0.15vw;
}




/*** Validierungsfehler markierung Warenkorb ***/
.fa-circle::before {
    color: red;
    content: "";
}


.fa-stack-1x, .fa-stack-2x {
    color: red;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.validation-error, .alert-message {color: red;}


.form-title span.num {
  display: none !important;
}

div#anzeigebereich.page_235 tbody td {
    border-bottom: 1px solid #eee;
}


div#anzeigebereich.page_235 th, td {
    padding: 0.25em;
}


.ce-uploadlist {
  margin-top: 10px;
}

.clear {clear: both;}

#maincontent #tx-cart-minicart .ce-textpic  {
  margin: 0 20px;
}

#maincontent div.tx-cart-show {
    padding: 0;
}

.addtocart {
  padding: 1vw 0 0.5vw 0;
}

.form_response {
  padding-top: 5px;
}



/** Cart, Produkte ***/

div.tx-cart tbody tr td {
   vertical-align:top;
   padding: 20px 0 0 0;

}

.tx-cart ul {
  padding: 0 8px 2px 40px;
  list-style-position: inside;
}


/** warenkorb **/

div.form-content fieldset {
 border: 1px solid #999;

}

span.delete-link {
  font-size: 1.25rem;
}

.quant {
  width: 50px;
  text-align: center;
}

.text-center {
  text-align: center;
}

#form-order h5 {
    padding: 5px 10px;
}

div.control {
    margin: 15px 0;
}


div#billing-address {
  margin-top: 40px;

}


.tx-cart fieldset dl {
    margin-left: 0;
}


div.col-sm-12 {
  margin: 0px!important;
}

td.totalprice {
  width:15%;
  text-align:right;
  padding: 1vw!important;
  font-weight: bold;
}


td.totallabel {
  padding-right: 2vw!important;
  text-align:right;
  font-weight: bold;
}


.btn-cartupdate,
.btn-order {
    background: rgba(204, 0, 51, 0.9) none repeat scroll 0 0 !important;
    border: 1px solid rgb(204, 0, 51) !important;
    color: #fff;
    cursor: pointer;
    padding: 8px 20px !important;
}


.form-control {
  width: 80%;
}


.input-box {
  width: 60%;
}

.form-control2 {
  width: 30%!important;
}


.salutation {
  width: 35%;
}

input#shippingAddress .form-control {
     border: 1px solid #999;
}


/** cart end **/



/*** magnific popup ***/
img.mfp-img {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    display: block;
 /*   height: 100%;*/
    height: auto;
    line-height: 0;
    margin: 0 auto;
    max-width: 100%;
    margin: 40px 0 0 0;
    padding:0;
    width: auto;
}


div.mfp-wrap.mfp-gallery.mfp-close-btn-in.mfp-auto-cursor.mfp-img-mobile.mfp-ready div.mfp-container.mfp-image-holder.mfp-s-ready div.mfp-bottom-bar {
    bottom: 0;
    margin-top: 0;
    padding: 0;
    top: 100%;
}


.tx-yag-lightbox-leftcolumn {
    float: left;
    width: 60%;
}




/** yag ***/

.yag-item-thumb-innerframe img {
    height: auto;
    width: 100%;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    top: 0px;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}


.ce-gallery img {
  padding-top: 0 !important;
  padding-bottom: 10px;
  max-width: 100%;
  height: auto;
  
}

.tx-yag-breadcrumbcomtainer {
    border-bottom: none;
    border-top: none;
}

.mfp-bottom-bar {
  padding:0;
  margin-top: -40px;
  top: 85%;
  bottom: 0px;
 
}

/*.tx-yag-lightbox-rightcolumn {
    margin-left: 60%;
    text-align: right;
    width: 60%;
}*/


.tx-yag-lightbox-rightcolumn {
  margin-left: 0;
  margin-right: 5%;
  text-align: right;
  width: 100%!important; 
  
}

.mfp-title {
    color: #fff;
    margin: 0 12px;
    padding-right: 0;
  font-family: "PT Sans",sans-serif;
}

.mfp-title h4,
.mfp-content p,
.tx-yag-lightbox-permalink,
.mfp-counter {
  font-family: "PT Sans",sans-serif;
}

.mfp-title h4 {
  font-size: 1.25em;

}

.mfp-content p,
.tx-yag-lightbox-permalink {
  font-size: 1.15em;
  padding:0;
  line-height: 24px;
}

.mfp-counter {
  font-size: 1em;
  top: 30px;
  right: 15px;
}

.tx-yag-lightbox-permalink {
  margin-top: 70px;
  padding: 0px;
}
div.tx-yag-lightbox-permalink a {
 padding: 3px 8px;
}
  
div.tx-yag-lightbox-permalink a:hover,
div.tx-yag-lightbox-permalink a:focus,
div.tx-yag-lightbox-permalink a:active {
   background: #333;
   color: #fff;
   border-bottom: none;
}



/** news **/


.news-single .teaser-text {
  font-size: 0.825em;
  letter-spacing: 0.115em;
  color:#000;  
}

.news-list-view .footertop,
.news-single .footertop {
  border-top: none;
  color: #888;
 /* line-height: 0.25em;*/
}

.news .footer {
    border-top: 2px solid #eee;
}

div.footer p span.news-list-date {
  border-right: none;

}

.news .article .header,
.news-single .header {
  background: none;
}

.news-single .article .news-img-wrap {
    float: right;
    margin: 0 0 0 25px!important;
    width: auto;
}

.news-single .header h3 {
  /*font-weight: bold;*/
}

.news-single .footer {
    border-bottom: 0 none;
    border-top: 1px solid #eee;
    margin-bottom: 20px;
    margin-top: 5px;
    padding: 1px 0 0;
}

.news .footer {
  padding:0;
}


.news .page-navigation ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    float: left;
    padding: 0 2px;
}

ul.f3-widget-paginator li a {
    padding: 0 5px;
    border: 1px solid #ddd;
    color: #666;
}


.news .page-navigation ul li a:hover {
    background: rgba(51, 51, 51, 0.4) none repeat scroll 0 0;
    color: #fff!important;
    text-decoration: none;
}


.news .article .news-img-wrap {
   margin: 20px 20px 20px 0px;
   background: #fff;
}

div.news-list-view div.article {
  padding-bottom:0;
 
}

div.news-backlink-wrap {
  text-align:right;
  font-weight:bold;
}


.news-related {
    border: none;
    display: table-cell;
    padding: 5px;
    width: 50%;
}

.news-related-wrap {
    margin-top: 1px;
}

.news-related ul li {
    line-height: 1.25em;
}


.news-related-files ul li {
    margin-bottom: 10px;
}

/*** news Ende **/


/*table {border: 1px solid red;}*/
tbody.uemos tr td {
/*  border: 1px solid yellow;*/
  border-bottom: 2px solid #eeeeee;
  max-width: 520px;
  min-width: 200px;
  padding-right: 1vw;
  
}

tbody tr:nth-child {
         border-bottom: none;
      }

/*tbody.uemos tr td:last-child {
  border-bottom: none;
}*/

tbody.uemos tr td img {
  max-height: 50px;
  width:auto;
  flost: right;
}


/** landesverbände ***/

.tooltip {
  background: #CC0033 none repeat scroll 0 0;
  font-size: 90%;
  width: 250px;
  border: 1px solid #cc0033;
  padding:0!important;
}

.tooltip-header {
  background: #CC0033 none repeat scroll 0 0;
  color: #fff;
  padding: 5px;
}

.tooltip-body {
  background: #fff;
  padding: 5px!important;
  
}


/** landesverbaende Ende ***/

#buttonup {
  display: block;
  position: fixed;
  bottom: 50px;
  right: 0px;
  color: #fff;
  background: rgba(0, 102, 153, 0.9) none repeat scroll 0 0;
  padding: 0px 15px;
  z-index: 1001;
  height: 50px;
  line-height: 50px;
  font-family: "PT Sans",sans-serif;
}

#header_fixed {
  position: fixed;
  background: #ffffff;
  width: 90vw;
  z-index:1000;
  max-width: 1280px;
  top: 0;
}



.internal-link img,
.internal-link-new-window img,
.external-link img,
.external-link-new-window img,
.download img,
a.mail img {
  padding-right: 2px;
}



/*div.ce-media img,*/
figure.image img {
  padding-top: 20px;
  width: 100%;
  height:auto;
}



.fa-caret-right::before {
  content: "";
  font-size: 1.15rem;
  padding-right: 0.625em;  /**muss festen Abstand haben**/
  color: #CC0033;
}

ul.contentnavi li {
  position: relative;
  padding-left: 0.625em;

}


ul.contentnavi li > i {
  position: absolute;
  left: -8px;
  top: 2px;
}

ul.contentnavi .current {
  color: #006699;
  font-weight:bold;
}

ul.contentnavi a {
  color: #006699;
  font-weight:normal;
  text-decoration:none;
}

ul.contentnavi a:hover,
ul.contentnavi a:focus,
ul.contentnavi a:active {
   border-bottom: 1px dotted #006699;
  }

a {
  color: #CC0033;
  text-decoration: none;
}
a:hover,
a:focus,
a:active {
  border-bottom: 1px dotted #CC0033;
}

ul.contentnavi i.fas.fa-caret-right {
    left: -5px;
    position: absolute;
    top: 2px;
}

ul.contentnavi i.fas.fa-caret-down {
    left: -5px;
    position: absolute;
    top: 2px;
}







/*************************/
/*** Jobs ***/
/*************************/

/** ksjobs additional Start **/
div.tx-ksjobs form > div {
    margin-bottom: 0px;
}

.ksjobs_formflex_triple {
    display: flex;
    justify-content: space-between;
}

.ksjobs_formflex_triple > div {
    min-width: 30%;
    max-width: 30%;
}

.ksjobs_input {
  padding-bottom: 10px;
}

.ksjobs_input textarea {
    border: 2px solid #ccc;
    width: 99%;
}

.ksjobs_input.radio input {
  width: auto;
}

.ksjobs_input input,
.ksjobs_input select {
    border: 2px solid #ccc;
    padding: 3px;
    width: 100%;
    box-sizing: border-box;
}

.ksjobs_input label.inline {display: inline-block;}

.ksjobs_input label {
    display: block;
    font-size: 0.85rem;
    padding-bottom: 3px;
}
/** ks_jobs additional Ende **/

div.jobnavbar {
  padding: 1vw 0;
}

div.tx-ksjobs div.jobnavbar a {   
  padding: 0 10px;
  border-right: 2px solid #eee;
}

.tx-ksjobs .error {
  box-shadow: 0px 0px 10px 3px red;
}

.tx-ksjobs form > div {
  margin-bottom: 15px;
}

.tx-ksjobs label {
  display: block;
}

.tx-ksjobs label.inlinelabel {
  display: inline;
}

/* erstellt */
.status_1 {
  background: rgba(255,200,255,0.3);
}

/* Freigabe gewünscht */
.status_2 {
  background: rgba(255,255,200,0.3);
}

/* Wiedervorlage */
.status_3 {
  background: rgba(200,255,255,0.3);
}

/* freigegeben - online für alle sichtbar */
.status_4 {

}

.joblistitem {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  margin-bottom: 1vw;
  padding: 0.5vw 0;
  
  border: 2px solid #eeeeee;
}

.jobscat {
  width: 40px;
  text-align: center;
}

.jobcontent {
  flex-grow: 1;
}

/*
.jobcontent .csc-header {
  display: -webkit-box;      
  display: -moz-box;         
  display: -ms-flexbox;     
  display: -webkit-flex;    
  display: flex;
}
*/

.jobcontent .csc-header a {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  color: #000;
}

.jobcontent .csc-header div.jobtitle {
  flex-grow: 1;
}

.jobtitle span {
  font-size: 1.2rem;
  padding: 0 0 0 10px;
}


.jobtitle h3 {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0px;
  padding: 0 0 0 10px;
}




div.contentlayout-100 div.layout-100 {
  position: relative;
}

div.layout-100 div.header header h2 {
 /* padding-left:1.15vw;*/
  padding-left:18px;
}


a.togglebutton {
    /*background: #006699 url("/fileadmin/templates/img/toggleplus.png") no-repeat scroll center center;*/
    display: block;
    height: 100%;
    position: absolute;
    left: 0px;
    text-decoration: none;
    top: 0px;
    width: 100%;
}


a.toggled {
  border-bottom: none;
  
  /*
  background: #d0e1eb url("/fileadmin/templates/img/toggleminus_999.png") no-repeat scroll center center;
  border: 1px solid #999;
  */
}


a.togglebutton:hover,
a.togglebutton:focus,
a.togglebutton:active{
 border-bottom: none;
}



a.togglebutton:active {
  outline: none;
}

i.fas.fa-caret-right {
    left: 5px;
    position: absolute;
    top: 7px;
}

i.fas.fa-caret-down {
    left: 5px;
    position: absolute;
    top: 7px;
    color:#cc0033;
}


div.jobtoggle {
    max-width: 20px;
    min-width: 20px;
}

div.jobcontent a.togglebutton,
div.jobtoggle i.fas.fa-caret-right,
div.jobtoggle i.fas.fa-caret-down {
   position: relative;
   padding: 0 0 0 3px;
}

/*** Flexslider ***/


.flexslider .slides img {
    display: block;
    width: 60%;
}
body {
  margin: 0;
  padding: 0 0 30px 0;
}

.flex-caption {
    background: #fff; /*rgba(0, 0, 0, 0.5) none repeat scroll 0 0*/;
    bottom: 0;
    padding: 5px 10px;
    position: absolute;
    right: 0!important;
    left: 62%;
    top: 5%;
    width: 38%;
    z-index: 1;
  color: #000000;
  text-shadow: none;
  text-align: left;
  font-size: 1rem;
  line-height: inherit;
}

.caption-title a, .caption-title a:active, .caption-title a:visited {
  color: #cc0033;
  border-bottom:none;
  font-size: 1.3rem;
  font-weight: bold;
  display: block;
}


.flex-control-nav {

    width: 60%;
}
.flex-direction-nav a {
   height: 40px;    
}
.flex-direction-nav a:hover,
.flex-direction-nav a:focus,
.flex-direction-nav a:active {
  border-bottom: none;
}

.flexslider .topnews {
    background: none;
    display: block !important;
    padding-left: 0px;
}


/*** Flexslider ENDE ***/

/*************************/
/*** Grid ***/
/*************************/
#anzeigebereich {
  width: 90vw;
 /* max-width: 1100px;*/
  max-width: 1280px;
  margin: 0px auto;
  position: relative;
  background: #ffffff;
/*  box-shadow: 0 0 12px #333333;*/
  overflow: hidden;
  font-family: 'PT Sans', sans-serif;
}

#header_top {
  padding: 30px 20px 0 20px;
}

#header {
  padding: 0 20px;
}

.csc-header {
  background: #eee;
  padding: 0 !important;
}

#inner_header {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  align-items: center;
}


#header img {
  display: block;
}

#service_inner_header_wrap {
  flex-grow: 1;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  align-items: center;
}

#service_inner_header_wrap form {
  padding: 0px !important;
  white-space: nowrap;
  margin-left: 10px;
  text-align: right;
}

#service_inner_header {
  flex-grow: 1;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#service_inner_header div {
  margin-left: 10px;
}


div a.fas.fa-print.fa-2x {
  text-decoration: none;
  color: #666;
  font-size: 1.5em;
}

.suche_meta {
  border: 1px solid #cccccc;
  font-size: 0.9rem;
  padding: 0.2rem;
  width: 100px;
}

/*** Service Navi oben auskommentiert ***/
#service {
  display:none;
}

/*#service ul {
  list-style: none;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
/*  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
/*  display: -ms-flexbox;      /* TWEENER - IE 10 */
/*  display: -webkit-flex;     /* NEW - Chrome */
/*  display: flex;
  justify-content: flex-end;
  padding: 0;
  margin: 0;*/
}

/*#service ul li {
  display: inline;
  margin-top: 4px;
  padding: 0px;
  border-right: 1px solid #000000;
}

#service ul li:last-child {
  border-right: 0px;
}*/

#service ul a,
#service ul li.current span {
  color: #000000;
  text-decoration: none;
  display: block;
  padding: 0 0.5rem 0 0.5rem;
}

/*
#service ul a:hover,
#service ul a:focus,
#service ul a:active {
  border-bottom: none;
}
*/
#mainnav {
  margin-top: 1.5vw;
}

#mainnav ul.sf-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;  
}

#mainnav ul.sf-menu > li {
  flex-grow: 1;
  margin-left: 2px;
}

#mainnav ul.sf-menu > li:first-child {
  margin-left: 0px;
}

#mainnav ul.sf-menu > li > a,
#mainnav ul.sf-menu > li > span {
  display: block;
  padding: 5px;
  background: #eeeeee;
  text-align: center;
  text-decoration: none;
  color: #000000;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
}

#mainnav ul.sf-menu > li > a:focus,
#mainnav ul.sf-menu > li > a:hover,
#mainnav ul.sf-menu > li > a:active {
  background: #ffffff;
}

li.current.alevel a.toplevel.active,
li.current.alevel a.toplevel.active span {
  font-weight: bold;
}

li.current.alevel a.toplevel.active {
  background:#fff!important;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}


/** subnav content rechts **/

ul.contentnavi li.level1.current ul.level2 {
  padding-left: 0.5vw;
}

ul.contentnavi {
 padding-left: 1.5vw;
}

ul.contentnavi li.level1 {
   list-style-type: none;  
}

ul.contentnavi li.level2 {
  list-style-type: none;    
}

ul.contentnavi li.level1.pfad ul.level2,
ul.level3,
ul.level4 {
  padding-left: 0.5vw;
}

ul.level3 li.level3,
ul.level3 li.level4.last,
ul.level4 li.level4 {
  list-style-type: none;
}

/** Servicenavi im footer **/

div#footernav ul.toplevel {
  list-style: none;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  justify-content: flex-end;
  padding: 0;
  margin: 0;
}

div#footernav ul.toplevel li {
  display: inline;
  margin-top: 4px;
  padding: 0px;
  border-right: 1px solid #000000;
}

div#footernav ul.toplevel li a,
div#footernav ul.toplevel li.current span {
  color: #000000;
  text-decoration: none;
  display: block;
  padding: 0 0.5rem 0 0.5rem;
}

div#footernav ul a:hover,
div#footernav ul a:focus,
div#footernav ul a:active {
  border-bottom: none;
}


#breadcrumb {
  padding: 1vw 2vw;
  font-size: 0.9em;
  margin-top:160px!important;
}

#breadcrumb a {
  text-decoration: none;
}

#mitte {
  padding: 0 20px;
}

#maincontent {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  

}

#maincontent > div {
  flex-grow: 1;
  width: 31%;
  border: 0px solid #eeeeee;
}

#maincontent > div > div {
  border: 2px solid #eeeeee;
  height: 100%;
  box-sizing: border-box;
}

#leftcontent {

}

#leftcontent > div {
  background: #ffffff;
  margin-right: 1vw;
}

#leftcontent > div > div {
  padding: 0 1vw;
}

#middlecontent {
  padding: 0 0vw 0 0vw;
}

#middlecontent > div {
  background: #ffffff;
  margin: 0 0.5vw;
}

#middlecontent > div > div #middlecontent > div > div {
  padding: 0 1vw;
}

#rightcontent {
  padding: 0 0 0 0vw;
}

#rightcontent > div {
  background: #ffffff;
  margin-left: 1vw;
}

#rightcontent > div > div {
  padding: 0 1vw;
}

#bottomcontent {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}


.layout-1 #bottomcontent {
  margin-top: 1.5vw;
}

#doublecolumn {
  width: 66%;
  flex-grow: 2;
  padding: 0 0 0 0;
}

#doublecolumn > div {
  margin-right: 0.5vw;
  background: #ffffff;
  position:relative;
}

#doublecolumn > div > div {
  padding: 0 1vw;
}

#bottomright {
  width: 33%;
  flex-grow: 1;
  padding: 0 0 0 0;
}

#bottomright > div {
  margin-left: 1vw;
  background: #ffffff;
}

#bottomright > div > div {
 /* padding: 0 1vw;*/
}


div#bottomright {
  padding:0;
}

div#bottomright div.ce-textpic.ce-left.ce-intext.ce-nowrap div.ce-gallery {
  padding: 0 0 0 1vw;
}

div#bottomright div.ce-bodytext p {
  padding: 0 1vw;
}

div#bottomright div.ce-gallery {
  margin: 0 0px 10px 0;
}

#bottomcontent > div > div {
  border: 2px solid #eeeeee;
  margin-bottom: 1.5vw;
}



#footer {
  margin-top: 1.5vw;
  padding: 0 20px;
}

#copyright {
  margin-top: 0.5rem;
}
/*** Headings ***/

div.header {
  background: #eeeeee;
}

div.csc-header.layout-0 div.header {
  background: #eeeeee;

}

header h1,
header h2 {
  background: #eeeeee;
  margin: 0px;
  padding: 0.2vw 1vw;
  font-size: 1.2rem;
  font-weight: normal;
}

header h1 {
  text-transform: uppercase;
}

header h2 a {
  text-decoration:none;
  color: #000;
}

header h2 a:hover,
header h2 a:focus,
header h2 a:active {
  color: #CC0033;
  border-bottom: 1px dotted #CC0033;
}

/**zwischenüberschriften im fließtext rot ***/
h3 {
  font-size: 1.15rem;
}

h4, h5, h6 {
  color: #CC0033;
  font-size: 1.15rem;
  margin:10px 0 0;
}   


/** Ueberschrift für weitere Inhaltselemente **/

.layout_0 div#doublecolumn header h2 {
/*  background: #fff;
  font-size: 1rem;
  font-weight: bold;
  padding: 0.2vw 1vw 0 1vw;*/
}

.layout_0 div#doublecolumn header h2 a {
    
}

.layout_0 div#bottomcontent div#doublecolumn > div {

/*  border-top: none;
  border-left: none;
  border-right: none; */

}





/**
 **** MOBILE MENU
 *
 * responsive elements adapted from
 * http://t3-developer.com tutorial
 * thanks to Klaus Heuer  
 **/        
        
/**** MOBILE ANPASSUNGEN ********/

#mobilMenu {
  height: 38px;
  background-color: #ffffff;
  overflow: hidden;
  outline: 0px !important;
}

#mobilMenu > a.showmobile:focus {
  outline: 0px !important;
}

#toggle {
  display: block;
  width: 28px;
  height: 30px;
  margin: 15px auto 10px;
}

#toggle span:after,
#toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -9px;
}
#toggle span:after{
  top: 9px;
}
#toggle span {
  position: relative;
  display: block;
}

#toggle span,
#toggle span:after,
#toggle span:before {
  width: 100%;
  height: 4px;
  background-color: #888;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 2px;
}

/* on activation */
#toggle.on span {
  background-color: transparent;
}
#toggle.on span:before {
  transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
  transform: rotate(-45deg) translate(7px, -8px);
}
#toggle.on + #menu {
  opacity: 1;
  visibility: visible;
}

.mobil-menuLink, a.mobil-homeLink {
  padding: 0;
  display: block;
  font-size: 11px;
  color: #fff;
  text-decoration: none;
  line-height: 28px;
  text-transform: uppercase;
}

a.mobil-homeLink {
  float: left;
  margin: 3px 0 0 5vw;
}

.mobil-menuLink {
  float: right;
  margin: 3px 0 0 0;
  width: 72px;
}

#mobilMenuListe {
  background-color: #666;
  color: #dcda09;
  padding: 10px 0;
}

#mobilMenuListe.none-desk ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#mobilMenuListe ul li {
  padding: 8px 10px;
 /* border-bottom: 1px solid #fff; */
  margin: 0px 5vw 0px 5vw;  
}

#mobilMenuListe ul li.mobile_sub1 {
  border-top: 1px solid #fff;
  border-bottom: 0px;
  margin: 0px 10px 0px 20px;
  padding: 8px 10px;
}

#mobilMenuListe ul li.mobile_sub1:first-child {
  margin-top: 10px;
}

#mobilMenuListe ul li a {
  color: #fff;
  text-decoration: none;
  display: block;
}

#mobilMenuListe ul li a:hover {
  border-bottom:none;
  color: #fff!important;
}

.hide-desktop {
  display: none ;
}
  
.metamenu-logos  {
  display: none;
}
  
body .hidden {
  display: none;
}


/*******************************/
/*******************************/
/*******************************/





/************/
/**** media queries ********/
/************/



@media screen and (min-width: 801px) and (max-width: 1280px) {

/** FAQ **/

#faqlist_search .search_submitbar {
    width: 100%;
    margin-top: 10px;
    justify-content: flex-end;
}

/*** blog ***/

#blog .postList {
    padding: 0 ;
    display: block;
  }
#blog .intro_links article.well.articleList {
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }
.tx-t3extblog .thumbnail.preview img {
    min-width: 250px;
    height: auto;
}



#header_fixed {
  top:0!important;
}

.flex-control-nav {
    width: 60%;
  }
}


/*******************************/


@media screen and (min-width: 601px) and (max-width: 800px) {

/** Formulare **/

div.form-group {
  display: block;
}
nav.form-navigation div.btn-toolbar {
   margin-left: 10vw;
}


/** FAQ **/

.news-list-view.newsLayout_5,
.newsListFlexItem {
    display: block;
}

.newsListFlexItem.FaqNeueste {
  min-width: 99%;
  max-width: 100%;
}

.news .newsListFlexItem .news-img-wrap img {
    width: 100%;
    max-width: 200px;
 }

div#doublecolumn .newsListFlexItem.FaqNeueste .mediaelement-video iframe {
    width: 100%;
    height: 180px;
}
#faqlist_search div.freitext, #faqlist_search div.category, #faqlist_search div.sorting {
    width: 100%;
    margin-bottom: 6px;
}

#faqlist_search .search_submitbar {
    width: 100%;
    margin-top: 10px;
    justify-content: flex-end;
}



/*** blog ***/

#blog .zweispalten {
    display: block;
}

#blog .zweispalten .intro_links {
    width: 100%;
  }

#blog .zweispalten .intro_rechts {
    width: 100%;
    clear: both;
  }

#blog .postList {
    padding: 0 ;
    display: block;
  }
#blog .intro_links article.well.articleList {
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }


.tx-t3extblog .thumbnail.preview img {
    min-width: 250px;
    height: auto;
}


/*** Silbentrennung ***/

h3, p {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
 /*  -webkit-hyphenate-limit-lines: 2;
   hyphenate-limit-lines: 2;*/
   -webkit-hyphenate-limit-chars: auto 3;
   hyphenate-limit-chars: auto 3;
}

.flex-control-nav {
    width: 100%;
  }


div#anzeigebereich {
  width: 96vw;
}

div#anzeigebereich.page_1 #breadcrumb {
  padding: 0;
}

div#mitte {
  padding: 0;
}

div#service_inner_header_wrap {
  display: block;
}

div#service_inner_header_wrap form {
  margin-top: 3px;
}

.none-mobile {
  display: none;
}

.none-desk {
  display: block;
}

div#mainnav {
  display: none;
}

.flexslider .slides img {
    display: block;
    width: 100%;
}

.flex-caption {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    color: #000;
    bottom: 0;
    padding: 5px 10px;
    position: absolute;
    right: 0!important;
    left: 0;
    top:70%;
    height: 100px;
    width: 98%;
    z-index: 1;
    font-size: 0.75rem;
}

.caption-title a, .caption-title a:active, .caption-title a:visited {
     color: #000;
}

#header {
    padding: 0;
}

div#header_fixed {
  top:0!important;
  width: 96vw;
}


li.current.alevel a.toplevel.active {
    color: #333 !important;
}

#mobilMenuListe ul li a:hover {
    background: #fff;
    color: #333!important;
}

#buttonup {
  bottom: 0px;
}

}

/*******************************/


@media screen and (min-width: 1px) and (max-width: 600px) {

/** Formulare **/

div.form-group {
  display: block;
}
nav.form-navigation div.btn-toolbar {
   margin-left: 10vw;
}
input#fragebogenneueScoutsfrdenScout-Workshop2020-checkbox-2.add-on {
   margin-left: 10vw;
}

/**FAQ **/

.news-list-view.newsLayout_5,
.newsListFlexItem {
    display: block;
}

.newsListFlexItem.FaqNeueste {
  min-width: 99%;
  max-width: 100%;
}

div#doublecolumn .newsListFlexItem.FaqNeueste .mediaelement-video iframe {
    width: 100%;
    height: 250px;
}
div.faqlist.sort #faqlist_search div.freitext, div.faqlist.sort #faqlist_search div.category, 
div#c5609 #faqlist_search div.freitext, div#c5609 #faqlist_search div.category, 
#faqlist_search div.freitext, #faqlist_search div.category, #faqlist_search div.sorting {
    width: 100%;
    margin-bottom: 6px;
}

#faqlist_search .search_submitbar {
    width: 100%;
    margin-top: 10px;
    justify-content: flex-end;
}


/**FAQ Ende **/

div#bottomright .news-list-view .mediaelement-video iframe {
  width: 130px;
  height: auto;
  border: none;
}


/*** blog ***/

#blog .zweispalten {
    display: block;
}

#blog .zweispalten .intro_links {
    width: 100%;
  }

#blog .zweispalten .intro_rechts {
    width: 100%;
    clear: both;
  }

#blog .postList {
    padding: 0 ;
    display: block;
  }
#blog .intro_links article.well.articleList {
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }


.tx-t3extblog .thumbnail.preview img {
    min-width: 250px;
    height: auto;
}


/** digigkom **/

 div#digikom div#onsitenav ul li {
    margin: 0 2px 20px 2px;
  }
  #digikom .zweispalten {
    display: block;
  }
 #digikom .zweispalten .intro_links {
    width: 100%;
  } 
 #digikom .zweispalten .intro_rechts {
    width: 100%;
 }


/*** Silbentrennung ***/

div#topright {
  display: none;
}

h3, p {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
      -ms-hyphens: auto;
   hyphens: auto;
 /*  -webkit-hyphenate-limit-lines: 2;
   hyphenate-limit-lines: 2;*/
   -webkit-hyphenate-limit-chars: auto 3;
   hyphenate-limit-chars: auto 3;
}

.flex-control-nav {
    width: 100%;
  }

div#anzeigebereich {
  width: 96vw;
}

div#anzeigebereich.page_1 #breadcrumb {
  padding: 0;
}

div#header_top {
  padding: 15px 20px 0 20px;
}

div#inner_header {
  display: block;
}

div#mitte {
  padding: 0;
}

div#service_inner_header_wrap {
  margin-top: 15px;
}

div#service_inner_header_wrap form {
  margin-top: 3px;
}

.none-mobile {
  display: none;
}

.none-desk {
  display: block;
}

div#mainnav {
  display: none;
}

.flexslider .slides img {
    display: block;
    width: 100%;
}

.flexslider .caption-text {
  display: none;
}

.flex-caption {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    color: #000;
    bottom: 0;
    padding: 0px 10px 5px 10px;
    position: absolute;
    right: 0!important;
    left: 0;
    top:82%;
    height: 40px;
    width: 98%;
    z-index: 1;
    font-size: 0.75rem;
}

.caption-title a, .caption-title a:active, .caption-title a:visited {
     color: #000;
}

#header {
    padding: 0;
}

div#header_fixed {
  top:0!important;
  width: 96vw;
}


li.current.alevel a.toplevel.active {
    color: #333 !important;
}

#mobilMenuListe ul li a:hover {
    background: #fff;
    color: #333!important;
}

#mitte div#nav_rechts {
  display: none;
}

div#flymenu_container {
  display: flex;
}

div#maincontent {
  display: block;
}

div#maincontent > div {
  width: 100%;
}

div#leftcontent > div {
  margin: 0.35rem 0 0 0;
}

div#middlecontent > div {
  margin: 0.35rem 0 0 0;
}

#rightcontent > div {
  margin: 0.35rem 0 0 0;
}


div#bottomcontent {
  display: block;
}

div#doublecolumn {
  width: 100%;
}

div#doublecolumn > div {
  margin-right: 0px;
}

div#bottomright {
  width: 100%;
}

div#bottomright > div {
  margin-right: 0;
  margin-left: 0;
}


div#footernav ul.toplevel {
  display: block;
}

div#footernav ul.toplevel li {
  border: 0px;
  text-align: center;
}

div#footernav ul.toplevel a {
  display: inline;
}

#buttonup {
  bottom: 0px;
}

.news-related {
  display: block;
  width: 100%;
}

.shw_bundesland > select,
.shw_datefrom > input,
.shw_dateto > input {
  width: 100%;
}

.shw_formflex_triple {
  display: block;
}
.shw_formflex_triple > div {
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 10px;  
}
.shw_submitbar .shw_submit input {
  width: 100%;
}
.shw_detail_flex {
  display: block;
}
.shw_detail_flex > div {
  min-width: 100%;
  max-width: 100%;
}
.staticmap {
  margin-top: 15px;
}


/*******************************/




/* end @media */
/************************************************/