#form_captcha_id {margin-bottom: 10px;
    font-size: 8px;
    max-width: 230px;}
.area-foot.no-margin{margin-top: 0;}





.form-special .sky-form .label {font-weight: 400; font-size: 17px; }
.form-special h2 {color: #fff; font-weight: 400; font-size: 18px; background: #003f5f; padding: 5px 15px; border-radius: 4px; margin-top: 30px;}
.form-special .sky-form .checkbox, .form-special .sky-form .radio { font-weight: 300;}
.form-special .sky-form footer { padding: 0px 15px 30px 30px;}
.form-special .sky-form .inline-group .checkbox, .form-special .sky-form .inline-group .radio {float: none;}

.form-special .area-foot .sky-form .input input, .form-special .sky-form .select select, .form-special .sky-form .textarea textarea {background: #fff;}
.form-special input[type=submit] {color: #fff; border: 0; background: #003f5f;  border-radius: 4px;}

.ap-colored-row.wh {padding: 30px 100px; margin-top: 60px; margin-bottom: 60px;}
.ap-colored-row.wh img {border-radius: 50%; padding: 30px;}
.ap-colored-row.wh .image-outer-box img {margin-bottom: -10px;}
.ap-colored-row.wh .headline {text-align: center;}
.ap-colored-row.wh h2 { font-weight: 400;}

.ap-colored-row.wh .link {display: none;}

.ap-colored-row.wh-bilder {padding: 60px 0px 40px 0px; margin-top: 50px; margin-bottom: 70px;}
.row-speech {text-align: right; padding-top: 25px; margin-top: -22px; margin-bottom: 20px;}
.row-speech .panel-body{text-align:left; padding: 25px 40px !important; font-size: 16px;}
.row-speech .panel-body h2 {font-weight: 500;} 
.row-speech .nav-tab {margin-bottom: -20px;}

.row-speech .ap-accordion .panel-title a.collapsed:after {background: #28347d !important; background: #e00 !important; content: "\f0c9"; font-size: 23px; border-bottom-left-radius: 5px;}
.row-speech .ap-panel.panel-group .panel-heading .panel-title a { border-bottom-left-radius: 5px; font-weight: 300;} 
.row-speech .ap-panel.panel-group .panel-heading .panel-title a, .row-speech .ap-panel.panel-group .panel-heading .panel-title a.accordion-toggle.collapsed {background: #aaa !important; color: #fff;}
.row-speech .ap-panel.panel-group .panel-heading .panel-title a {padding-right: 10px;}
.row-speech .ap-panel.panel-group .panel-heading .panel-title a:hover {color: #fff !important; background: #aaa !important;}
.no-shadow .ap-slider {box-shadow: none !important;}

.buero .note {font-size: 16px; margin-top: 15px;}
.zitat .ap-section .copyright>.text {background: none;
    color: #fff;
    position: absolute;
    bottom: -25px !important;    text-align: center;
    width: 100%;
}
@media (max-width: 991px) {
.row-speech .nav-tab {display: inline-block;}
}






.caritasrat .box {padding: 20px 20px 15px;}
.area-body>.container-fluid:first-child .ap-image img, .area-body>.container-fluid:first-child .ap-slider   {box-shadow: 0px 4px 6px -1px rgba(0,0,0,.3);}
.breadcrumbs {border-bottom: 1px solid #fff;}
.box .h3, .box h3 {
    font-size: 22px;
    line-height: 26px;
}

.parallax-copyright.ap {position: absolute;
    left: 0;
    background: rgba(255,255,255,.6);
    padding: 2px 3px 1px;
    font-size: .6em; top: -39px;
    z-index: 99;}
.parallax-copyright p {margin-bottom: 0;}

.sky-form .note.note-error {background: #e00; display: inline-block; padding: 5px 10px; color: #fff;}
.sky-form .inline-group { margin: 5px 0px 5px 0;}
.nl-sub .newsletter-box a, nl-sub .newsletter-box a:hover {color: #ee0000;}
.nl-sub {padding: 30px 30px; border: 0px solid #aaa; border-radius: 0px; background: #F4F7EF;}
.nl-sub .sky-form header {background: #999; border-bottom: none; color: #fff; padding: 18px; font-size: 16px; margin: 15px 0; border-radius: 5px;}
.nl-sub .sky-form fieldset {padding: 0; background: transparent;}
.nl-sub .sky-form, .sky-form footer {border: none;}
.nl-sub .sky-form footer {padding: 0; background: transparent;}
.nl-sub .btn-default {border-color: #ee0000; background-color: #ee0000; border-radius: 2px; color: #fff;}
.nl-sub .btn-default:hover {border-color: #999; background-color: #999; color: #fff;}
.nl-sub .headline {margin-bottom: 10px;}

.service-bereich .mb-30 {margin-bottom: 30px;}
.service-bereich .sky-form {box-shadow: 0px 4px 6px -1px rgba(0,0,0,.3);}
.service-bereich .sky-form footer {padding-bottom: 30px; padding-top: 20px;}
.ap-colored-row.service-bereich {background: #ccc;}

.same-height .ap-section>.link {
    bottom: -10px;
}
.same-height .ap-section.box>.link {
    bottom: 14px;
}

.index-subline .text>p:first-child {margin-bottom: 20px;}
.breadcrumbs {background: #eef1f6;}
.rounded img {border-radius: 50%;}
.ap-accordion.one-tab .panel:nth-child(2) {display: none;}
.ap-accordion.one-tab .panel:nth-child(3) {display: none;}
.ap-colored-row.zitat  {padding: 50px 0 30px;background-color: #338990;}
.ap-colored-row {background-color: #eef1f6;}
.zitat blockquote {
   
    padding: 20px 40px 10px 20px;
    font-size: 35px;
    font-style: italic;
    font-family: Times;
    color: #fff;
}
.zitat p {color: #fff;}
.zitat img {border: 4px solid #fff;}
.zitat.boll img {border: 0;}

a.instagram-icon:before {content: "\f16d"; font-family: 'FontAwesome'; margin-right: 5px;}
a.facebook-icon:before {content: "\f230"; font-family: 'FontAwesome'; margin-right: 5px;}

.socials-cv img {max-width: 80px; margin: 0 auto}
.ap-newsletter-subscribe.box .sky-form fieldset, .ap-newsletter-subscribe.box .sky-form footer {background: #eeeef0; padding: 0px 30px 5px;}
.ap-newsletter-subscribe.box.box2 .sky-form fieldset, .ap-newsletter-subscribe.box.box2 .sky-form footer {background: transparent;}
.box .sky-form {
    border: 0;
}
.no-head .headline {display: none;}
.no-head .sky-form section {margin-bottom: 7px;}

.sidebar-nav {border: 0; box-shadow: none;}
.sidebar-nav li a {display: inline-flex;}
.ap-sidebar-nav .headline {margin-bottom: 10px;}
.sidebar-nav li {font-size: 18px;}


.btn-red .btn, .btn-red a.btn {    background-color: #ee0000;
    border: 0px solid #fff;
    color: #fff;}

.zitat blockquote:before,.zitat blockquote:after {display: none;}
.ap-contact h3 {line-height: 28px;}
.contact-site  .ap-contact .title {font-style: normal; font-size: 17px; margin-bottom: 15px;}
.contact-site .ap-contact .text-box { padding: 15px; background: #eee; margin-top: -14px; margin-bottom: 30px;}
.contact-site .ap-contact {font-size: 16px;}
.contact-site .ap-contact h3 {font-size: 20px;}
.contact-site .ap-contact .mail {line-height: 22px;}
.ap-contact a {color: #555;}
.ap-contact.threecol .text-box {
    padding: 20px 20px 20px 0px;
}
.ap-contact .btn.btn-sm {
    margin-top: 20px;
}
.ap-contact .img-responsive {
    max-width: 100%; width: auto;
}
.adresses .ap-section {padding: 30px 30px 15px; overflow: hidden; background-color: #eeeef0; }

.box {background: #eef1f6; box-shadow: 0 10px 6px -6px rgba(0,0,0,.3);}
.box.box2 {background: #fff; box-shadow: 0px 0px 6px -1px rgb(0 0 0 / 30%);}
.row.box {margin-left: 0px; margin-right: 0px; padding: 30px 15px 15px;}
.ap-linksequence.box {
    padding: 30px 30px 30px;
}

.box .link {margin-bottom: 15px;}
.box.vorstand {font-size: 21px;
    padding: 30px 30px;}
.fat a {font-weight: 500;}

.privacy-policy-banner ul.policy-links li + li {display: none;}
.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
    background-color: transparent;}
.pswp__bg {
    top: 0;
    background: rgba(0,0,0, 0.7);}
/*.pswp__scroll-wrap {
    top: 5%;}*/

.contact-new  .ap-contact .title {font-style: normal; font-size: 17px; margin-bottom: 15px;}
.contact-new .ap-contact .text-box { padding: 20px; background: #eee; margin-top: -14px;}

.top-logo .img-responsive {margin-top: 6px;}
.isfixed .top-logo .img-responsive {max-width: 82px;}
.bg-red {background-color: #ee0000;}

 /* .ap-header .nav>li:nth-child(5) a, .ap-header .nav>li.active:nth-child(5) a {background: rgba(204,204,204, 0.4);}  */

.parallaxBg.startseite {background: url(/.content/.galleries/images/_slider/parallax-ocv.jpg) 50% 0 fixed;  padding: 120px 0 !important;
}
.parallaxBg.startseite .ap-section {background: #fff;
    padding: 21px 30px;
    background-clip: padding-box;
    background-color: rgba(255, 255, 255, 0.55);
    border: 8px solid rgba(255, 255, 255, 0.35);
    border-radius: 3px;
    max-width: 504px;
    margin: 0 auto;
	text-align: left;}
	
.parallaxBg.startseite .ap-section.index-subline .text>p:first-child {color: #666;}
.parallaxBg.startseite .link {margin-top: 20px;}
.parallaxBg.startseite .btn {border-color: #ee0000;
    background-color: #ee0000; color: #fff;}

.parallaxBg.pflege-senioren {background: url(/.content/.galleries/images/_slider/parallax-pflege-senioren.jpg) 50% 0 fixed; padding: 100px 0 !important;}
.parallaxBg.pflege-senioren:after {background: rgba(0,0,0,0.2);}

.parallaxBg.jobs {background: url(/.content/.galleries/images/_slider/parallax-jobs.jpg) 50% 0 fixed; padding: 100px 0 !important;}
.parallaxBg.jobs:after {background: rgba(0,0,0,0.3);}

.parallaxBg.behinderung {background: url(/.content/.galleries/images/_slider/parallax-behinderung.jpg) 50% 0 fixed; padding: 100px 0 !important;}
.parallaxBg.behinderung:after {background: rgba(0,0,0,0.3);}

.parallaxBg.flucht {background: url(/.content/.galleries/images/_slider/parallax-flucht2.jpg) 50% 0 fixed; padding: 100px 0 !important;}
.parallaxBg.flucht:after {background: rgba(0,0,0,0.3);}

.parallaxBg.mmb {background: url(/.content/.galleries/images/_slider/parallax-mmb.jpg) 50% 0 fixed; padding: 100px 0 !important;}
.parallaxBg.mmb:after {background: rgba(0,0,0,0.3);}


.parallaxBg.innenstadt {background: url(/.content/.galleries/images/_slider/parallax-mmb.jpg) 50% 0 fixed; padding: 100px 0 !important;}
.parallaxBg.innenstadt:after {background: rgba(0,0,0,0.3);}

.parallaxBg.innenstadt .ap-section {
    background: #fff;
    padding: 21px 30px;
    background-clip: padding-box;
    background-color: rgba(255, 255, 255, 0.85);
    border: 8px solid rgba(255, 255, 255, 0.65);
    border-radius: 3px;
    
    margin: 0 auto;
    text-align: left;
}



.icon-parallax .link {display: none;}
.icon-parallax .headline, .icon-parallax.box h2 {text-align: center;}
.icon-parallax.box img {margin: 0 auto;}


.ap-blog-page .visual-text, .ap-event-page .visual-text {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.5384615385;
}

/*########### Dokucenter Styles ###########*/
.ap-list-archive .filterbox .btn.li-label {color: #e00 !important;}
.ap-list-archive.konkret .filterbox .btn.li-label:before {content: "Caritas Konkret";}
.ap-list-archive .filterbox .btn.li-label:before {content: "Pressemitteilungen"; color: #fff; font-weight: 400;
    font-size: 19px;
    font-family: "Open Sans",sans-serif;
    line-height: 20px;}

.ap-download-list.dl-list-compact .dl-link { padding-top: 12px;  padding-bottom: 12px;}
.dl-size, .dl-dl.fa-cloud-download, .dl-dl.fa-cloud-download:before, .ap-list-archive .filterbox .nav-handle.nav-toggle   {display: none;}
.dl-desc, .dl-info {font-size: 16px;}
.ap-download-list a:not(:hover) .dl-content .dl-desc, .ap-download-list a:hover .dl-content .dl-desc {color: #888;}
.ap-download-list.dl-list-compact .dl-link .fa {font-size: 23px;}

.ap-list-archive .filterbox { margin: 0 0px 25px;   padding: 0px; border: 0;    box-shadow: none; }
.ap-list-archive .filterbox .btn.li-label {background-color: #e00;  padding: 20px; color: #fff; font-weight: 500;}

.ap-list-archive .filterbox .sidebar-nav li a {padding: 10px 20px 10px 20px; color: #888;}
.ap-list-archive .filterbox .sidebar-nav li a:before {content: "\f07b"; font-family: FontAwesome; margin-right: 8px; }

.ap-list-archive .filterbox .sidebar-nav li>ul li a {padding-left: 20px;}
.ap-list-archive .filterbox .sidebar-nav li {font-size: 16px;}
.ap-download-list.dl-list-compact li:nth-child(odd) .dl-link {  background-color: #eef1f6;}
.ap-download-list.dl-list-compact a.dl-link:hover, .ap-download-list.dl-list-compact a.dl-link:hover h3 {
    color: #e00;
}
color-gold .pagination>.active>*, .color-gold .pagination>.active>:hover, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, 
.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { border-color: #e00; background-color: #e00;}
.pagination>li>a:hover {border-color: #eef1f6; background: #eef1f6;}
.list-border .sidebar-nav {
    border: 1px solid #dddddf;}

.ap-list-archive .filterbox .btn.li-label:after {color: #fff;}


.news-start .ap-list-link a {width: 100%;}
.news-start .ap-list-content .list-append-position {margin-top: 6px;
}


.icon-lotse-wrap img {max-width: 150px;
    margin: 0 auto;}

.az-vor-ort-row {
    background: url(/.content/.galleries/images/_system/karte_az.png) no-repeat;
}
.box.download {padding: 40px;}
.download ul {list-style: none outside none;
    margin-left: 0;
    padding-left: 0;}
.download ul li {overflow: visible;
    padding-left: 25px;
    position: relative;
    margin-bottom: 8px;
    line-height: 20px;
}


.nav-tab .panel:first-child {display:none;}
.nav-tab {margin: -30px 0 35px;}
.nav-tab .ap-panel.panel-group .panel-heading { display: inline-block; padding: 0; border-bottom: 0; background: transparent;}

.nav-tab.full .ap-panel.panel-group .panel-heading { display:block;}
.nav-tab .panel-title {font-weight: 300;}
.nav-tab.red .ap-panel.panel-group .panel-heading {background: #ee0000;}
.nav-tab.red .ap-panel.panel-group .panel-heading .panel-title a, .nav-tab.red .ap-panel.panel-group .panel-heading .panel-title a.accordion-toggle.collapsed {color: #fff;}
.nav-tab .panel-heading a.collapsed:before {
    content: "\f0c9";
    font-family: FontAwesome;
}
.nav-tab.ap-accordion .panel-body {padding: 20px 15px 0;
    margin-left: 0;
    background: #fff;
    border: none !important;}
.nav-tab.ap-accordion .panel-title a:before {display: none;}
.sidebar-nav li.currentpage {
    background: #eef1f6;
}
.ap-accordion .ap-panel.panel-group .panel-heading .panel-title a {background: #eef1f6;}

.download li:before {content: "\f016"; font: normal normal normal 19px/1 FontAwesome;
    margin-right: 10px;
    left: 0;
    position: absolute;
	color: #777;}
	
.area-foot .ap-section .ap-image-section .img-responsive {max-width: 90px;}

.beratung .ap-section .ap-image-section .img-responsive {margin: 0 auto; margin-bottom: 20px;}
.mixed-icons .ap-iconbox i.icon-box {
    margin-bottom: 10px;
    width: 81px;
    height: 81px;
    font-size: 81px;
    line-height: 81px;
}



 .ap-accordion .panel{
    border: none;
    background: none;
    border-radius: 0;
    box-shadow: none;
}
.ap-accordion .panel-heading{
    padding: 0;
}
.ap-accordion .panel-title a{
    display: block;
    font-size: 20px;
	font-weight: 400;
	
    color: #333;
    padding: 14px 40px 14px 60px;
    background: #fff;
    border: 1px solid #f3f3f3 ;
    border-bottom: none ;
    position: relative;
    transition: all 0.5s ease 0s;
}
.ap-accordion .panel-title a.collapsed, .ap-panel.panel-group .panel-heading .panel-title a:hover {
    background: #eef1f6 !important;
    color: #999;
}
.ap-accordion .panel-title a.collapsed:hover{
    color: #e00;
}
.ap-accordion .panel-title a:after,
.ap-accordion .panel-title a.collapsed:after{
    content: "\f068";
    font-family: "FontAwesome";
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    width: 55px;
    height: 100%;
    line-height: 54px;
    text-align: center;
    position: absolute;
    top: 0px;
    left: -1px;
    background: #e00;
    transition: all .2s;
}
.ap-accordion.corona-info .panel-title a.collapsed:after {
    content: "\f05a"; font-size: 25px;}
.ap-accordion.corona-info .panel-title a {display: inline-block;}
.ap-accordion.corona-info .panel-body {background: #eef1f6;}

.ap-accordion .panel-title a.collapsed:after{
    content: "\f067";
    color: #fff;
    background: #e00 !important;
    transition: all 0.5s ease 0s;
}
.ap-accordion .panel-title a.collapsed:hover:after{
    background: #e00  !important;
    color:#fff;
}
.ap-accordion .panel-title a:before{
    content: "";
    position: absolute;
    bottom: -11px;
    left: -1px;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #9c88b9;
}
.ap-accordion .panel-title a.collapsed:before{
    display: none;
}
.ap-accordion .panel-body{
    margin-right: 1px;
    padding: 20px 45px 15px;
       margin-left: 12px;
    background: #fff;
    border: 1px solid #eef1f6 !important;
    border-top: none !important;
}


.ap-panel.panel-group .panel-heading .panel-title a.accordion-toggle.collapsed:hover, .ap-panel.panel-group .panel-heading .panel-title a:hover {color: #333;}

.panel-body .ap-section h2, .panel-body .ap-linksequence h2 {font-size: 24px;}
 .ap-panel.panel-group .panel-heading {padding: 0;  border-bottom: 0; }
 
.corona-faq .ap-accordion .panel-title a {font-size: 17px;} 

.btn-big a.btn, .btn-big .btn {font-size: 30px; background-color: #ee0000;
    border: 0px solid #fff;
    color: #fff;
    width: 100%;
    font-size: 24px;
    padding: 15px;     box-shadow: 0px 4px 6px -1px rgba(0,0,0,.3);}
.btn-big a.btn:hover {background-color: #777;} 
.btn-big .link a.btn {
    margin-top: 10px;
}

.danke .box.mb-30 {margin-bottom: 30px;}
.danke .box .link {display: none;}
.social-av .nav-tabs li :after {font-family: "FontAwesome"; content: "\f230";}

.area-foot.mt-0 {margin-top: 0;}
 
/* ########### MAP ########*/ 

.ap-google-map .mapbuttons .btn, .ap-map-osm .mapbuttons .btn {margin-top: 15px; margin-right: 10px; font-size: 15px;}
 
.ap-colored-row.cites-row {padding: 30px 0; background: #777;}
.cites .item {background: transparent; padding: 0;}
.cites .owl-stage {padding: 10px 0px  !important;}
.cites.owl-carousel .owl-nav .owl-next {    right: -30px;}
.cites.owl-carousel .owl-nav .owl-prev {    left: -40px;}

.cites .cite-img {float: left; max-width: 270px; margin-right: 30px; padding: 4px; border-radius: 50%; border: 2px solid #fff;}
.cites .cite-img img  {border-radius: 50%; }

.cites blockquote, .cites p {color: #fff;}
.cites p.author {text-align:center;}




/***************** SPENDE-BALKEN ******************/
.spende-balken{bottom: 0; width: 100%; z-index: 20;}
.spende-balken .nav-tabs {border-bottom: 0;}
.spende-balken .ap, .spende-balken .ap-panel.panel-group, .spende-balken .panel, .panel-group .panel {margin-bottom: 0;}
.spende-balken .ap-accordion .panel:nth-child(2){display: none;}
.spende-balken .ap-accordion .panel-body {margin-right: 0; padding: 0; margin-left: 0px; background: #eef1f6; margin-top: 4px;}
.spende-balken .ap-accordion .ap-panel.panel-group .panel-heading .panel-title a, .spende-balken .ap-accordion .ap-panel.panel-group .panel-heading .panel-title a:hover, .spende-balken .panel-title, .spende-balken .ap-accordion .panel-title a.collapsed,.spende-balken .ap-panel.panel-group .panel-heading .panel-title a:hover, .spende-balken .ap-tab .nav-tabs > .active > a,.spende-balken .ap-tab .nav-tabs > .active > a:focus {background: transparent !Important;}
.spende-balken .ap-accordion .panel-body,.spende-balken .ap-accordion .panel-title a {border: none !important;}
.spende-balken .ap-accordion .panel-title a:after,.spende-balken .ap-accordion .panel-title a.collapsed:after {content: "\f106";font-size: 34px; right: 0 !important; left: unset; top: 6px !important;}
.spende-balken .ap-accordion .panel-title a::before {bottom: 0px; left: 0px; border-bottom: 0; border-right: 0;}
.spende-balken.ap-colored-row {padding-top: 0 !important; padding-bottom: 0 !important; background-color: transparent;}
.spende-balken .text{padding: 20px 20px 20px 40px; color: #fff;}
.spende-balken .btn{color: #fff; border: 2px solid #fff; border-radius: 30px; padding: 10px 70px; background: #e00; font-weight: 600;}
.spende-balken .ap-accordion .panel-title a{display: inline-block; margin-left: -20px; padding-left: 0;}
.spende-balken .ap-accordion .panel-title a[aria-expanded="false"]:after{ transform: rotate(0.5turn);}
.spende-balken .link {display: flex;
  justify-content: center; margin-bottom: 15px;
}

/***************** ENDE ******************/
 
 

 @media (max-width: 767px){
 
 .zitat.boll img {float: right; margin-top: 20px;} 
 
 .btn-big a.btn, .btn-big .btn {font-size: 17px;}
 .zitat blockquote {font-size: 25px;}
 .zitat img {max-width: 250px;
    margin: 0 auto;}
 .breadcrumbs h1 {font-size: 18px;}
 .parallax-counter-s11 .col-xs-12 {width: 50%;}
.ap-contact.threecol .text-box {
    padding: 20px 20px 20px 20px;}
}
 @media (min-width: 768px){
 .row-small {max-width: 680px;
  margin: 0 auto !important; }
 .ap-list-content .news-index .list-append-position {display: inline-block;}
  .news-index .ap-list-box   {margin-right: -25px;}
 .list-append-position .btn-block {
    max-width: 100% !important;
    margin-left: 0;
}
.news-index .tile-md-4 {
    width: calc(50% - 0px);}
.ap-tiling-list .list-entry-page {margin-left: -12px; margin-right: -12px;}
}
@media (max-width: 991px){
#sticky-info {display: none;}
.spende-balken .link {
  margin-bottom: 10px;}
 .spende-balken .btn {
  
  padding: 7px 50px;
  
  font-size: 13px;}
.cites .cite-img {
    float: none; margin-bottom: 20px;}
	
.ap-header .nav>li.open>.dropdown-menu {
    max-height: 6000px;}
.ap-header .nav>li>a {
    font-size: 18px; padding: 12px 20px;}
 /* .ap-header .nav>li:nth-child(5) a, .ap-header .nav>li.active:nth-child(5) a {background: #fff;}  */
.ap.ap-contact {margin-bottom: 40px;}
.nav-tab {display: none;}
.nav-tab.full {display: block;}
}
@media (min-width: 992px){
.tile-3 .tile-md-4 {
    width: calc(33% - 0px);
}
.ap-header .sticky>.isfixed {z-index: 99;}
.ap-header .nav>li.dropdown>a::after {content: "";}
.ap-header .head-navbar {bottom: 20px;}



 .isfixed .top-logo .img-responsive {margin-top: 2px;}
 body.edit-mode .top-logo .img-responsive {margin-top: 4px;}
	}
@media (min-width: 1200px){

}
.front, .back {-webkit-backface-visibility: hidden;
backface-visibility: hidden;  -webkit-transform-style: preserve-3d;}

.front {position: relative !important;}
.flip h2 {position: absolute;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
    background: rgba(238,0,0, 0.7);
    padding: 10px 15px;
    color: #fff;
    bottom: 1%;
	width: 100%;
	font-size: 18px;}
.flip {
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
    height: auto;
    max-width: 600px;
    margin: 0 auto;
margin-bottom: 30px;
cursor: pointer;
}
.flip img {
    border-radius: 10px;
    width: 100%;
    height: auto;
box-shadow: 0 10px 6px -6px rgba(0,0,0,.3);
-webkit-backface-visibility: hidden;
}
.flip .back {background: #666;
    color: #fff;
    position: absolute !important;
    top: 0;
    padding: 30px 30px;
    font-weight: 300;
	    border-radius: 10px;
    font-size: 1.3rem;
	        min-height: 100%;
		height: auto !important;
}
.flip .back ul, .flip a {-webkit-backface-visibility: hidden;
backface-visibility: hidden;}
.flip .btn {
    font-size: 14px;
    
    border: 1px solid #fff;
    color: #fff;
    
    margin-top: 10px;
}
.flip .front p {background: #ee0000c2 !important;
  padding: 8px 0 8px 30px;
  border: 0;
  color: #fff !important;
font-size: 20px;
  font-weight: 400;
  margin-top: -67px;
  
  position: relative;}

.front p:before {content: "\f021";
    font-size: 25px; font-family: 'FontAwesome'; margin-right: 6px;}

@media screen and (max-width: 1200px) and (min-width: 992px) {
.vielfalt.ap-tab-section .ap-tab .nav-tabs>li>a {font-size: 17px;}
.flip .back {font-size: 11px; padding: 20px 20px;}
.flip .front h2 {font-size: 18px; line-height: 21px;}
}
@media (min-width: 992px){


.sticky-info {
text-align: center;
text-transform: uppercase;
   z-index: 1005;
    position: fixed;
    cursor: pointer;
    border-radius: 5px;
    font-weight: bold;
    font-size: 22px;
    line-height: 1.2;
    color: #fff;
    /* display: flex; */
    /* justify-content: center; */
    background-color: #fff;
    right: 0;
    top: 280px;
    padding: 10px 10px;
    /*-moz-transform: rotate(90deg);
   -webkit-transform: rotate(90deg); 
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg};*/}
}
.ehrenamt .ap-panel.panel-group .panel-heading .panel-title a > span {background: transparent;}
.ehrenamt.ap-accordion .ap-panel.panel-group .panel-heading .panel-title a {
  background: #ee0000c2 !important; padding-left: 30px;
border: 0;
  color: #fff !important;
}
.ehrenamt {margin-top: -89px;}
.ehrenamt.ap-accordion .panel-title a::before {display: none;}
.ehrenamt.ap-accordion .panel-title a::after, .ehrenamt.ap-accordion .panel-title a.collapsed::after {
  background: transparent !important;
  left: 0;}
.ehrenamt.ap-accordion .panel-body {
  margin-right: 0;
  padding: 20px 30px 15px;
  margin-left: 0; margin-top: 12px;
}
.ehrenamt.ap-accordion .panel-title a.collapsed::after {
  content: "\f021"; font-size: 25px;}