/* font-family: 'HelveticaNeueLT-Std-Bd';
font-family: 'HelveticaNeueLT-Std-Lt';
font-family: 'HelveticaNeueLT-Std-Med'; */

html{
    font-size: 100%;
    font-size: 18px;
}

body{
    font-family: 'HelveticaNeueLT-Std-Lt';
    font-weight: 400;
    letter-spacing:-0.035em;
    padding: 0;
    padding-bottom: 20px;
    text-rendering: optimizeLegibility !important;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-size: 17px;font-size: 0.9444rem;
}

body:focus{
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

a:focus img
{
    opacity: 0.85;
}



ul.slides
{
    webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


h1, h2, h3, h4, h5, h6, strong, #mainnavbar, #diocesemenu .selectpicker.btn-info, #quickmenu, b, .csc-firstHeader
{
    font-family: 'HelveticaNeueLT-Std-Bd';
    font-weight: 400;
    letter-spacing:-0.035em;
}


h1, h1.normal
{
    font-size: 45px;font-size: 2.5rem;
}

h1.normal:after
{
    display: none;
}


.contentsection h1.csc-firstHeader,
#contentwrapper .contentsection .specialHeadline,
#contentwrapper .contentsection h1.specialHeadline,
#contentwrapper .contentsection .news #partnerslider h1.csc-firstHeader
{
    font-size: 19px;font-size: 1.056rem;
    margin: 40px 0 40px 0;
    background-color: #fff;
    display: table;
    padding-right: 10px;
    width: auto;
}

legend
{
    font-size: 19px;font-size: 1.056rem;
    background-color: #fff;
    display: inline-block;
    padding-right: 10px;
    width: auto;
}

.contentsection.fullwidth h1.csc-firstHeader:after,
.contentsection.fullwidth .specialHeadline:after,
.contentsection.fullwidth h1.specialHeadline:after,
.contentsection.indentwidth h1.csc-firstHeader:after,
.contentsection.indentwidth .specialHeadline:after,
.contentsection.indentwidth h1.specialHeadline:after,
legend:after,
#contentwrapper .contentsection .news #partnerslider h1.csc-firstHeader:after
{
    content: ' ';
    height: 0;
    line-height: 0;
    display: block;
    border-bottom: 1px solid #1e1c1f;
    width: 100%;
    margin: -7px 0 0 0;
    position: absolute;
    z-index: -100;
}

label
{
    font-weight: 400;
}

#contentwrapper .contentsection .content-right h1.csc-firstHeader
{
    font-family:'HelveticaNeueLT-Std-Bd';
    font-size: 45px;font-size: 2.5rem;
    margin-top: 24px;
    margin-bottom: 12px;
    padding:0;
    display:block;
    line-height: 1.1em;
}

#contentwrapper .contentsection .content-right h1.csc-firstHeader:after
{
    display: none;
}


#contentwrapper #contentpagebottom.contentsection h1.csc-firstHeader:after
{
    width: 100%;
}



p {
    margin: 0 0 8px 0;
    letter-spacing: 0;
}

p strong, strong {
    margin: 0 0 12px 0;
    line-height: 22px;line-height: 1.222rem;

}

p .icon
{
    font-size: 24px;font-size: 1.333rem;
    vertical-align: middle;
    padding-right: 10px;
    width: 40px;
    margin-left: 1px;
}


p .icon
{
    display: inline-block;
}

.red
{
    color: #e40428;
}

.underlined
{
    text-decoration: underline; 
}

.contentsection .leichter-lesen p, .contentsection .leichter-lesen ul
{
    font-size: 21px;
    font-size: 1.16rem;
    line-height: 28px;
    line-height: 1.556rem;
    max-width: 450px;
    margin-bottom: 10px!important;
}

.contentsection .leichter-lesen li
{
    margin-bottom: 8px;
}

.leichter-lesen h1,
.leichter-lesen h2,
.leichter-lesen h3,
.leichter-lesen h4,
.leichter-lesen h5
{
    max-width: 450px;
}


.icon-description
{
    position: absolute;
    left: -10000px;
    display: inline-block;
}

a{
    color: #1e1c1f;
}

.cewrapper:before{
    display: block;
    content: " ";
    margin-top: -80px;
    height: 80px;
    visibility: hidden;
    position: absolute;
    z-index: -1;
}

.cewrapper > .cewrapper:before {
    display: none;
    content: "";
    margin: 0px;
    height: 0px;
    visibility: hidden;
}


.powermail_form .cewrapper:before {
    margin: 0px;
    height: 0px;
}

.cewrapper .btn {
    text-decoration: none;
}

.cewrapper
{
    pointer-events: none;
}

.cewrapper a, .cewrapper button, .cewrapper .btn, .cewrapper input, .cewrapper form, .cewrapper > div, .cewrapper > span, .cewrapper p, .cewrapper > iframe,
.cewrapper > h1,.cewrapper > h2,.cewrapper > h3,.cewrapper > h4,.cewrapper > h5,.cewrapper > h6,.cewrapper > h1>a,.cewrapper ul, .cewrapper ol
{
    pointer-events: auto;
}

:focus {
    outline: none;
    color: #333;
}

footer :focus
{
    color: #fff;
}

::-moz-focus-inner{
    outline: none;
    color: #333;
}

a:hover, a:focus
{
    color: #666;
    cursor: pointer;
}


a:hover .icon{
    text-decoration: none!important;
}

#contentwrapper
{

    overflow: hidden;
    position: relative;
    top: -98px;
}


#contentwrapper .fullwidth
{
    width: 100%;
    margin: 20px 0;
}

#contentwrapper .indentwidth
{
    width: 80%;
    margin: 20px auto;
    position: relative;
}

#contentwrapper>.indentwidth.singleColumn>.cewrapper>p
{
    width: 65%;
}

/* images allgemein */


.img-wrap
{
    width: 100%;
    overflow: hidden;
}

#detailpagecontent .img-wrap .row.row-images
{
    margin: 0;
}

.img-wrap .row.row-images .notScalingImageMode
{
    width: auto;
    padding-right: 0;
}

.notScalingImageMode img
{
    max-width: none;
}






/* HEADER -------- */

header
{
    position: relative;
    /*-webkit-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;*/
    z-index: 1000;

    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;

}

header.fixed
{
    -webkit-box-shadow: 3px 4px 5px 0px rgba(53,53,53,0.61);
    -moz-box-shadow: 3px 4px 5px 0px rgba(53,53,53,0.61);
    -o-box-shadow: 3px 4px 5px 0px rgba(53,53,53,0.61);
    box-shadow: 3px 4px 5px 0px rgba(53,53,53,0.61);
    background-color: #fff;
}
header.fixed, header button.selectpicker, header .search-submit, header #searchbar
{
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}
header.fixed {
    -webkit-transition: top 0.4s ease-in-out;
    -moz-transition: top 0.4s ease-in-out;
    -o-transition: top 0.4s ease-in-out;
    -ms-transition: top 0.4s ease-in-out;
    transition: top 0.4s ease-in-out;

}

#headersection
{
    min-height: 250px;
    position: relative;
    margin-bottom: 55px;
}


#headersection .flexslider h1
{
    position: absolute;
    bottom: 80px;
    left: 49%;
    /*z-index: 100;*/
    color: #fff;
    font-size: 50px;font-size: 2.778rem;
    width: 38%;
}

#headersection h1, #headersection h2, #headersection .text p
{
    display: none;
}


#contentwrapper #headersection .flexslider h1,
#contentwrapper #headersection .flexslider h2,
#contentwrapper #headersection .flexslider .text p
{
    display: block;
}

#contentwrapper #headersection .flexslider .text p
{
    margin: 0;
}

#headersection .flexslider .slides li .text a
{
    font-family: 'HelveticaNeueLT-Std-Bd';
    text-decoration: underline;
}

#headersection a{
    color: #fff;
}

#headersection figure figcaption.caption
{
    display: none;
}

#headersection .image
{
    max-height: 500px;
    overflow: hidden;
}

#headersection .flexslider .image
{
    max-height: 595px;
    overflow: hidden;

}

#headersection figure img
{


}

#sliderbottom
 {
     color: #fff;
     font-size: 15px;font-size: 0.8333rem;
 }

#breadcrump
{
    font-family: 'HelveticaNeueLT-Std-Med';
}

#breadcrump #youare
{
    width: 170px;
    display: table-cell;
    vertical-align: middle;
    height: 80px;
}
#breadcrump #breadcrumbpath
{
    display: table-cell;
    vertical-align: middle;
    padding-right: 40px;
}

#breadcrumbpath ul
{
    margin: 0;
    padding: 30px 50px;
}

#breadcrumbpath li
{
    float: left;
    white-space: nowrap;
    list-style: none;
}

#breadcrumbpath li a
{
    color: #fff;
}

#breadcrumbpath li .arrow
{
    padding: 6px ;
}

header .container
{
    padding-top: 10px;
}

#leftheader
{
    padding-right: 0;
    width:29%;
    padding-top: 10px;
}

#leftheader #headerlogo
{
    position: relative;
    z-index: 1000;
}

#caritasMenu.fade
{
    display: block!important;
    opacity: 1;
}

#caritasMenu.fade.in
{
    display: block;
    height: auto;
    opacity: 1;
}

#caritasMenu .modal-header
{
    display: none;
}

#caritasMenu .modal-backdrop.fade
{
    display: none;
}






#menu
{
    width: 71%;
    padding-right: 54px;
    font-size: 19px;font-size: 1.056rem;
}

header.fixed #menu
{
    padding-right: 0;
}


.modal-body .header-spendenbutton
{
    width: 19%;
    float: left;
}


.modal-spendenbutton .header-spendenbutton
{
    display: none;
}


.spendenbutton,
.spendenbutton.button
{
    background-color: #4d7e07;
    padding: 14px 0px 6px 0px;
    border: none;
    font-family: 'HelveticaNeueLT-Std-Bd';
    margin-top: 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 4px solid #4d7e07;
    float: left;
    color: #fff;
    white-space: nowrap;
    height: 52px;
    width: 100%;
    font-size: 18px;font-size: 1rem;
    line-height: 24px;
    text-align: center;
}



.spendenbutton:hover,
.spendenbutton:focus,
.spendenbutton.button:hover,
.spendenbutton.button:focus
{
    background-color: #fff;
    color:#1e1c1f;
    text-decoration: none;
}

.fixed
{
    position: fixed;
    z-index: 500;
    width: 100%;
    margin:0 auto;
}


/* MENU OVERRIDES */

#menu .nav-justified
{
    margin: 0 auto;
    display: table;
    table-layout: auto;
    float: none;
    width: 100%;
    z-index: 1000;
}

#menu .nav-justified>li
{
    display: table-cell;
    float: none;
    text-align: center;
    width: auto;
    z-index: 1000;
}

#menu .nav-justified>li:focus .dropdown-menu
{
    display: block;
}

@media screen and (min-width: 980px)
{
    #menu .nav-justified>li>a:focus + ul
    {
        display:block;
    }
}





#menu .navbar-collapse
{
    padding-left: 0;
}


/* END MENU OVERRIDES */




/* END HEADER */


/* Logo section ------------------------  */

header #headerlogo
{
    max-width:133px;
    height: 70px;
    margin-left: 54px;
}

header #headerlogo img
{
    width: 100%;
    max-width: 150px;
    max-height: 75px;
    width: auto;
    height: auto;
}

header.fixed #headerlogo img
{
    max-height: 45px;
    max-width: 85px;
}

header #headerlogo>a:focus .logo img,
header #headerlogo>a:hover .logo img
{
    outline: none;
    color: #333;
    opacity: 0.8;
}


header.fixed
{
    height: 78px;
}
header.fixed #headerlogo
{
    float: left;
    max-width: 90px;
    position: relative;
    z-index: 1099;
}

header.fixed #leftmenu
{
    float: left;
    width: 100%;
    margin-top: 0;
    position: absolute;
}

header.fixed #leftmenu .dioceseselect .btn.selectpicker
{
    width: 50%!important;
    margin-left: 50%;
}

header.fixed #diocesemenu
{
    background-color: transparent;
}





/* END Logo section */





/* DIÖZESE MENU ------------------------  */




header.fixed #leftmenu #diocesemenu
{
    margin-top: 0;
}

header.fixed #menu{
    margin: 0;

}

header.fixed #leftmenu #diocesemenu button
{
    padding: 5px 10px 11px 10px;
    height: 50px;
    text-align: center;
}

header.fixed #leftmenu #diocesemenu .bootstrap-select.btn-group .btn .caret
{
    right: 10px;
    left:inherit;


}

#diocesemenu
{
    background-color: #fff;
    z-index: 600;
    position: relative;
    height: 58px;
}
#diocesemenu.microsite
{
    background-color: #fff;
}

#diocesemenu.microsite div.dioceseselect
{
    visibility: hidden;
    opacity: 0;
}

#diocesemenu.microsite #diocesemenu-inner.customlinksmenuselect div.dioceseselect
{
    visibility: visible;
    opacity: 1;
}

#leftmenu
{
    margin-top: 10px;
}

#diocesemenu .bootstrap-select.dioceseselect
{
    margin:0;
    width: 100%;
}

#diocesemenu .dioceseselect.open .dropdown-menu

{
    display: block;
}

#diocesemenu .dropdown-toggle.selectpicker.btn-info
{
    width: 100%!important;
    height: 58px;

    vertical-align: bottom;
    background-color: #fff;
    color: #1e1c1f;
    border-radius:0;
    padding: 20px 50% 12px 54px;
    width: auto;
    text-align: left;

}




#diocesemenu .dropdown-toggle.selectpicker.btn-info:focus
{
    color: #fff;
    background-color: #e40428;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.dropdown-toggle.selectpicker:focus, btn:focus,
.dropdown-toggle.selectpicker::-moz-focus-inner
{
    outline: 3px auto #e40428;
    outline-offset: -2px;
}

.dropdown-menu
{
    border: none;
    border-radius: 0;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
}

#diocesemenu .dropdown-menu>li
{
    border-bottom: 1px solid #666666;
}

#diocesemenu .dropdown-menu>li.selected>a
{
    background-color: #e40428;
}

#diocesemenu .dropdown-menu>li>a
{
    padding: 14px 0 10px 54px;
    /*height: 48px;*/
    /*line-height: 48px;line-height: 2.667rem;*/
    line-height: 24px;line-height: 1.333rem;
    font-size: 18px;font-size: 1rem
}
#diocesemenu .dropdown-menu>li.selected>a>span
{
    color: #fff;
}


#diocesemenu .bootstrap-select.btn-group .btn .filter-option
{
    width: auto;
    font-size: 18px;font-size: 1rem;
    line-height: 24px;
    overflow: visible;

}

.bootstrap-select.btn-group .btn .caret
{
    position: relative;
    top:0;
    left: -8px;
    text-align: left;
    font-family: 'icomoon';
    speak: none;
    border: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0px;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: top;
    display: inline-block;

    line-height: 30px;
    height: 1.667rem;
    width: 1.667rem;
}
.bootstrap-select.btn-group .btn .caret:before
{
    font-size: 30px;font-size: 1.667rem;
    content: "\e607";
    line-height: 18px;
    /*line-height: 1.167rem;*/
}


.bootstrap-select.btn-group .dropdown-menu li a span.text
{
    outline:none;
    font-family: 'HelveticaNeueLT-Std-Med';
}

.bootstrap-select.btn-group .dropdown-menu li a span.text:focus
{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    outline:none;
}

/* END DIÖZESE MENU */






/* MAIN MENU ------------------------ */

#menu
{
    margin-top: 0;
    margin-bottom: 23px;
    margin-top: 15px;
}

.menuname
{
    display: none;
}

nav.navbar
{
    float: left;
    margin: 0;
    height: 52px;
    min-height: 52px;
    width: 81%;
    border: 0;
}

#menu .bootstrap-select.dioceseselect
{
    margin-top: 5px;
    width: 100%;
}

#menu .dropdown-toggle.selectpicker.btn-info
{
    width: 100%;

    background-color: #fff;
    border: none;
    color: #1e1c1f;
    border-radius:0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding-left: 54px;
    padding-right: 50%;
    width: auto;
    text-align: left;
}

#menu .dropdown-menu
{
    border: none;
    border-radius: 0;
    padding: 10px 0 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    min-width:300px;
    z-index: 1;

    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

#menu .dropdown-menu.focus
{
    display: block;
}


header.fixed #menu .dropdown-menu
{
    -webkit-box-shadow: 0px 6px 10px -2px rgba(53,53,53,0.61);
    -moz-box-shadow: 0px 6px 10px -2px rgba(53,53,53,0.61);
    -o-box-shadow: 0px 6px 10px -2px rgba(53,53,53,0.61);
    box-shadow: 0px 6px 10px -2px rgba(53,53,53,0.61);
    z-index: 0;
    /* position: relative; */
    padding-top: 0;

}



.nav-justified>li>a
{
    white-space: nowrap;
}


#menu .dropdown-menu>li>a
{
    padding: 14px 30px 10px 30px;

    line-height: 24px;line-height: 1.333rem;

    font-size: 18px;font-size: 1rem;

    border-bottom: 1px solid #666666;
    font-family: 'HelveticaNeueLT-Std-Med';
    white-space: normal;
}

#menu .navbar-header
{
    display: none;
}


#menu .navbar-default .nav-justified>li>a
{
    padding: 18px 5px 10px 5px;
    background-color: transparent;
}

#menu .navbar-default .nav-justified>li>a:focus
{
    color: #e40428;
}

header.fixed #menu .navbar-default .nav-justified>li>a
{
    /*padding: 18px 20px 10px 20px;*/
    padding-top: 18px;
    z-index: 1001;
}

.navbar-default .nav-justified>.active>a, .navbar-default .nav-justified>.active>a:hover, .navbar-default .nav-justified>.active>a:focus
{
    background-color: #fff;
}

#menu>.navbar-default .nav-justified>li.dropdown:hover>.dropdown-menu
{
    display: block;
}

.navbar-default .nav-justified>.active>a, .navbar-default .nav-justified>.active>a:hover, .navbar-default .nav-justified>.active>a:focus
{
    background-color: #fff;
}
/* END MAIN MENU  */




/* QUICK MENU ------------------------ */


#quicknav
{
    z-index: 0;
    height: 58px;
    padding: 0;
    width: 71%;
}

#quicknav .tx-eldi {
    width: 100%;
    float: left;
}

#quicknav .tx-eldi #quickmenu {
    width: 100%;
}

#quicknav .navbar-default
{
    background: none;
    border-bottom: 1px solid #fff;
}

#quickmenu .nav-justified
{
    margin: 0 auto;
    display: table;
    table-layout: auto;
    float: none;
    width: 100%;
}

#quickmenu .nav-justified>li
{
    display: table-cell;
    float: none;
    text-align: center;
    width: auto;
}


#quicknav .navbar-default .nav>li>a
{
    color: #fff;
    height: 57px;
    line-height: 20px;line-height: 1.111rem;
    font-size: 17px;font-size: 0.9444rem;
    padding: 23px 10px 0 10px;
    border-right: 1px solid #fff;
    -webkit-backface-visibility: hidden;
    white-space: nowrap;
    background-color: #1e1c1f;
    background-color: rgba(0,0,0,0.655);

}

#quickmenu .nav-justified>li:last-of-type a {
    border-right: 0;
}

#quicknav .navbar-default .nav>li>a:hover,
#quicknav .navbar-default .nav>li>a:focus
{
    background-color: rgba(255,255,255,0.655);
    color: #1e1c1f;
}

#searchbar
{
    float: right;
    width:27%;
    height: 58px;
    border-bottom: 1px solid #fff;
    overflow:hidden;
}


#searchbar2
{
    float: right;
    width:28%;
    height: 58px;
    background-color: #1e1c1f;
    background-color: rgba(0,0,0,0.655);
    border-bottom: 1px solid #fff;
    overflow:hidden;
    display: none;
}





header.fixed #menu
{
    width:65%;
}

header.fixed #quicknav
{
    width: 6%;
    height: 52px;
}

header.fixed #searchbar
{
    width: 100%;
    color: #1e1c1f;
    height: 52px;
    background-color: transparent;
}

header.fixed #searchbar button .icon-search
{
    width: 100%;
    color: #1e1c1f;
    height: 42px;
    line-height: 42px;line-height: 2.333rem;
    right:20px;
    top: 5px;
}


#searchbar .input-group
{
    height: 100%;
    width: 100%;

}

#searchbar:after, #searchbar2:after
{
    clear: both;
    content: ' ';
    height: 0;
    line-height: 0;
    visibility: hidden;
}

#searchbar .btn-default, #searchbar2 .btn-default
{
    position: relative;
}

#searchbar .search-submit, #searchbar2 .search-submit
{
    background-color: transparent;
    border: none;
    color: transparent;
    width: 100%;
    height: 57px;
    position: relative;
    z-index: 501;
    margin: 0;
    padding: 0;
    border-radius: 0;
}


#searchbar .input-group-btn .btn-default:hover .search-submit
{
    color: transparent;
    background-color: transparent;
    text-indent: -10000px;
    /*
    background-color: #fff;
    background-color: rgba(255,255,255,0.45);
    color: #000;
    */
}

#searchbar .input-group-btn .btn-default:hover .icon-search,
#searchbar .input-group-btn .btn-default .search-submit:focus + .icon-search
{
    background-color: #fff;
    background-color: rgba(255,255,255,0.6);
}

#searchbar .input-group-btn .btn-default:hover .icon-search:before,
#searchbar .input-group-btn .btn-default .search-submit:focus + .icon-search:before
{
    color: #000!important;
    color: #000;
}



#searchbar2 .input-group-btn .btn-default:hover .icon-search,
#searchbar2 .input-group-btn .btn-default:hover .icon-search:after,
#searchbar2 .input-group-btn .btn-default .icon-search:hover
{
    color: #000!important;

    background-color: #fff;
    background-color: rgba(255,255,255,0.6);
    color: #000;
}

#searchbar .btn-default .icon-search
{
    font-size: 24px;font-size: 1.333rem;
    line-height: 57px;
    height: 57px;
    position: absolute;
    right:0;
    top: 0;
    z-index: 499;
    color:#fff;
    width: 100%;
    text-align: center;
    background-color: #1e1c1f;
    background-color: rgba(0,0,0,0.655);
}

header.fixed #searchbar .btn-default .icon-search
{
    background-color: #fff;
    border-left: none;
}

#searchbar2 .btn-default .icon-search
{
    font-size: 24px;font-size: 1.333rem;
    line-height: 70px;
    height: 70px;
    position: absolute;
    right:0;
    top: 0;
    z-index: 499;
    color:#fff;
    width: 100%;
    text-align: center;
    margin: 0;
}





header.fixed #searchbar .btn-default .icon-search
{
    color: #1e1c1f;
    -webkit-transition: color 0.4s ease-in-out;
    -moz-transition: color 0.4s ease-in-out;
    -o-transition: color 0.4s ease-in-out;
    -ms-transition: color 0.4s ease-in-out;
    transition: color 0.4s ease-in-out;
}

#searchbar2 .btn-default .icon-search
{
    font-size: 24px;font-size: 1.333rem;
    line-height: 70px;
    height: 70px;
    position: absolute;
    z-index: 500;
    color: #fff;
    background-color: #000;
    background-color: rgba(0,0,0,0.5);
}


#quickmenu
{
    float: left;
    width:70%;
    height: 58px;

}

header.fixed #quickmenu
{
    /*
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    */
    display: none;
}

#quicklist
{
    float: none;
}

#quicklist:before
{
    display: none;
}
#quicklist:after
{
    display: none;
}

#quicklist li
{
    text-align: center;
}

#quicknav #searchbar .form-control
{

    border: none;
    color: #fff;
    padding: 4px 10px 0px 20px;
    outline: none;
    border: none;
    font-family: 'HelveticaNeueLT-Std-Bd';
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 57px;
    height: 57px;
    float: none;
    display: block;

    line-height: 18px;
    line-height: 1rem;
    font-size: 17px;
    font-size: 0.9444rem;
    padding: 8px 10px 0 20px;
    background-color: #1e1c1f;
    background-color: rgba(0,0,0,0.655);
    border-right:1px solid #ddd;
}
#quicknav #searchbar .form-control:focus
{
    background-color: #fff;
    background-color: rgba(255,255,255,0.45);
    color: #1e1c1f;
}

#quicknav #searchbar .searchfield
{
    display: table-cell;
    text-align: center;
    width: auto;
}



header.fixed #quicknav #searchbar .form-control
{
    display: none;
}

#quicknav #searchbar .form-control:focus, #quicknav #searchbar .form-control:hover
{
    outline: none;
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}

#searchbar .input-group-btn, #searchbar2 .input-group-btn
{
    width: 80px;

    padding: 0;
}
#searchbar .input-group-btn .btn
{
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    height: 57px;
    width: 100%;
    margin: 0;
    display: block;
    position: relative;
}

#searchbar2 .input-group-btn .btn
{
    background-color: #333;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    height: 70px;
    width: 100%;
    margin: 0;
    display: block;
    position: relative;
}

header.fixed #searchbar .input-group-btn .btn
{
    text-align: right;
}


#searchbar .form-control::-webkit-input-placeholder, #searchbar2 .form-control::-webkit-input-placeholder
{ /* WebKit browsers */
    color: #fff;
}
#searchbar .form-control:focus::-webkit-input-placeholder, #searchbar2 .form-control::-webkit-input-placeholder
{ /* WebKit browsers */
    color: #000;
}

#searchbar .form-control:-moz-placeholder, #searchbar2 .form-control:-moz-placeholder
{ /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity:  1;
}
#searchbar .form-control:focus:-moz-placeholder, #searchbar2 .form-control:-moz-placeholder
{ /* Mozilla Firefox 4 to 18 */
    color: #000;
    opacity:  1;
}

#searchbar .form-control::-moz-placeholder, #searchbar2 .form-control::-moz-placeholder
{ /* Mozilla Firefox 19+ */
    color: #fff;
    opacity:  1;
}
#searchbar .form-control:focus::-moz-placeholder, #searchbar2 .form-control::-moz-placeholder
{ /* Mozilla Firefox 19+ */
    color: #000;
    opacity:  1;
}

#searchbar .form-control:-ms-input-placeholder, #searchbar2 .form-control:-ms-input-placeholder
{ /* Internet Explorer 10+ */
    color: #fff;
}
#searchbar .form-control:focus:-ms-input-placeholder, #searchbar2 .form-control:-ms-input-placeholder
{ /* Internet Explorer 10+ */
    color: #000;
}


/* END QUICK MENU  */



/* QUICK MENU MOBILE ------------------------ */


@media all and (min-width: 980px) {
    #quicknav-mobile {
        display: none;
    }
}

#quicknav-mobile {
    width: 100%;
    height: auto;
    margin-top: 50px;
    padding: 0;
}

#quicknav-mobile .tx-eldi {
    width: 100%;
    float: none;
}

#quicknav-mobile .tx-eldi #quickmenu {
    display: block;
    width: 100%;
    height: auto;
    float: none;
}

#quicknav-mobile .navbar-default {
    background: none;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#quicknav-mobile #quickmenu .nav-justified {
    width: 100%;
    margin: 0 auto;
    display: block;
    table-layout: auto;
    float: none;
}

#quicknav-mobile #quickmenu .nav-justified>li {
    width: auto;
    display: block;
    float: none;
    text-align: center;
    overflow-y: hidden;
}


#quicknav-mobile .navbar-default .nav>li>a {
    color: #fff;
    background-color: rgba(255,255,255,0.1);
    height: 80px;
    font-size: 18px;
    font-size: 1rem;
    vertical-align: middle;
    line-height: 100px;
    line-height: 4.556rem;
    padding: 0;
    border-bottom: 1px solid #5b5b5d;
    margin-bottom: 0;
}


#quicknav-mobile .navbar-default .nav>li>a:first-child {
    border-top: 1px solid #5b5b5d;
}



#quicknav-mobile .navbar-default .nav>li>a:hover,
#quicknav-mobile .navbar-default .nav>li>a:focus {
    color: #ffffff;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

#quicknav-mobile .navbar-default .nav>li>a:active {
    background-color: #888;
    background-color: rgba(136,136,136,0.5);
    color: #c3c3c3;
}



@media (max-width: 500px) {

    #quicknav-mobile .navbar-default .nav>li>a {
        height: 60px;
        font-size: 1rem;
        line-height: 3.556rem;
    }

}



/* Only for IE 8, 9, 10, 11 & EDGE */

@supports (-ms-ime-align:auto) {
    #caritasMenu.in .modal-dialog {
        overflow: scroll;
    }
}

@media screen\0 {
    #caritasMenu.in .modal-dialog {
        overflow: auto;
    }
    #quicknav-mobile .navbar-default .nav>li>a {
        line-height: 53px;
    }

    @media (max-width: 500px) {

        #quicknav-mobile .navbar-default .nav>li>a {
            height: 60px;
            font-size: 1rem;
            line-height: 30px;
        }

    }
}





/* END OF QUICK MENU MOBILE ------------------------ */



/* ACCESSIBILITY TAB NAV ------------------------  */
#accessibilityTabNav
{
    left:0;
    top:0;
    height: auto;
    position: relative;
}
#accessibilityTabNav ul
{
    margin: 0;
    padding: 0;
    height: auto;
}

#accessibilityTabNav ul li
{
    margin: 0;
    padding: 0;
    height: auto;
    line-height: 0;
    position: relative;

    display: inline;
}

#accessibilityTabNav ul li a
{
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    display: inline;
    line-height: 0;
}

#accessibilityTabNav ul li a:focus
{
    left:0;
    display: inline-block;
    height: 30px;
    height:  1.667rem;
    position: relative;
    padding: 5px 54px;
    line-height: 30px;line-height: 1.667rem;

}


/* END ACCESSIBILITY TAB NAV */


/* ACCESSIBILITY Menu ------------------------  */
#accessibilityMenu
{
    z-index: 1;
    position: relative;
}



#accessibilityMenu .nav li a
{
    line-height: 24px;
}


#accessibilityMenu #signlanguage
{
    width: 15%;
}
#accessibilityMenu #easyread
{
    width:22%
}
#accessibilityMenu #easyread a
{
    height: 100%;
    padding-top: 13px;
    font-size: 24px;
    line-height: 24px;

}
#accessibilityMenu #fontsize
{
    width:34%;
}
#accessibilityMenu .contrast
{
    width: 29%;
    border: none;
}



#accessibilityMenu .contrast-list
{
    display: table;
    width: 88%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}

#accessibilityMenu .contrast-list:after
{
    content: ' ';
    visibility: hidden;
    display: table;
    clear: both;
    height: 0;
    width: 0;
}

#accessibilityMenu .contrast li
{
    /*
    float: left;
    list-style: none;
    padding: 7px 5px 0 5px;
    width: 50%;
    */

    display: table-cell;
    float: none;
    text-align: center;
    width: auto;
    line-height: 40px;
}

#accessibilityMenu .contrast li button
{
    line-height: 40px;
    width: 100%;
}

#accessibilityMenu ul li
{
    float: left;
    list-style: none;
}

#accessibilityMenu ul.navbar-nav li.accessibility-menuitem>a
{
    padding: 0;

    text-align: center;
}

#accessibilityMenu ul.navbar-nav li.accessibility-menuitem
{
    padding:0;
    height: 40px;
}

#accessibilityMenu .navbar-nav
{
    float: none;
    background-color: #666666;
    color: #fff;
    height: 40px;
}

#fontsize .fontsizelist
{
    margin: 0 auto;
    padding: 0;
    width: 80%;
}

#fontsize .fontsizelist:after
{
    clear: both;
    content:" ";
    display: table;
}


#accessibilityMenu .accessibility-menuitem .fontsizelist
{
    height: 40px;
}

#accessibilityMenu .fontSizeSelector
{
    position: relative;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #accessibilityMenu #easyread a
    {
        padding-top: 9px!important;
    }

}

#accessibilityMenu .fontSizeSelector.small
{
    width: 30%;
}

#accessibilityMenu .fontSizeSelector.normal
{
    width: 33%;
}

#accessibilityMenu .fontSizeSelector.large
{
    width: 37%;
}





#accessibilityMenu .fontsizelist .fontSizeSelector button
{
    text-decoration: none;
    height: 40px;
    padding: 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    vertical-align: top;

    color: #ddd;

    line-height: 40px;
}


#accessibilityMenu .fontSizeSelector.small button
{
    font-size: 18px;
    line-height: 50px;
    height: 40px;
    color: #fff;
    font-family: 'HelveticaNeueLT-Std-Bd';

}
#accessibilityMenu .fontSizeSelector.normal button
{
    font-size: 24px;
    line-height: 50px;
    height: 40px;

}
#accessibilityMenu .fontSizeSelector.large button
{
    font-size: 30px;
    line-height: 50px;
    height: 40px;
}

#accessibilityMenu .accessibility-menuitem
{
    border-right: 1px solid #464646;
}

#accessibilityMenu .accessibility-menuitem a,#accessibilityMenu .accessibility-menuitem button
{
    color: #fff;
    font-family: 'HelveticaNeueLT-Std-Med';
}

#accessibilityMenu .accessibility-menuitem a:hover,
#accessibilityMenu .accessibility-menuitem button:hover
{
    color: #eee;
    color: rgba(255,255,255,0.8);
}

#accessibilityMenu .accessibility-menuitem ul
{
    font-size: 24px;font-size: 1.333rem;
    line-height: 40px;line-height: 2.222rem;
}



#accessibilityMenu ul.navbar-nav li#signlanguage>a
{
    padding-left: 0;
    text-align: center;
    padding-top:6px;
    height: 40px;
}



/* END ACCESSIBILITY MENU */




/* flexslider  HEADERSLIDER ------------------------  */


#headersection .headerslider
{
    position: relative;
}


#headersection .flexslider
{
    border-bottom: 9px solid #e40428;
}


.flexslider
{
    position: relative;
    border:none;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    z-index: 100;

    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;

}
.flexslider:after
{
    -webkit-box-shadow: 3px 4px 5px 0px rgba(53,53,53,0.61);
    -moz-box-shadow: 3px 4px 5px 0px rgba(53,53,53,0.61);
    -o-box-shadow: 3px 4px 5px 0px rgba(53,53,53,0.61);
    box-shadow: 3px 4px 5px 0px rgba(53,53,53,0.61);
}




.flexslider .slides > li
{
    /* margin-left: -100% !important;*/
}

.flexslider .slides > li > div
{
    /*height: 100%; */
}

#headersection .flexslider h1, #headersection .flexslider h2
{
    position: absolute;
    bottom: 100px;
    left: 49%;
    z-index: 100;
    color: #fff;
    font-size: 54px;font-size: 3rem;
    line-height: 61px;line-height: 3.389rem;
    width: 38%;
    display: block;
    text-shadow: 0 0 8px #1e1c1f;
}


.flexslider .text
{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 101;
    color: #fff;
    background-color: #e40428;
    width: 53%;
    height: 80px;
}

.flexslider .text p
{
    padding: 15px 160px 5px  30px;
    letter-spacing:-0.035em;
}

.flexslider .slides .image
{
margin: 0;
}


.flex-control-nav
{
    height: 80px;
    width: 125px;
    bottom: 0;
    right: 0;
    z-index: 200;
    background-color: #1e1c1f;
    display: table;
    padding: 15px;
}

.flex-direction-nav a
{
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
    background-color: #e40428;
    color: #fff;
    width: 48px; width:2.667rem;
    height: 48px; height: 2.667rem;
    font-size: 40px;font-size: 2.222rem;
    line-height: 48px;line-height: 2.667rem;
    line-height: 1;
    border-radius: 50%;
    top: 72%;
    display: block;
}

.headerslider .flex-direction-nav a
{
    top: 57%;
}


.flex-direction-nav a:before
{
    font-family: icomoon;
    content: "\e608";
    text-align: center;
    line-height: 1.3em;
    display: block;
    margin-left:-2px;
}




.flex-direction-nav a.flex-next:before
{
    content: "\e601";
    margin:0;
    text-align: center;
    line-height: 1.3em;
    display: block;
}


.flexslider:hover .flex-prev
{
    left: 55px;
}

.flexslider:hover .flex-next
{
    right: 55px;
}


.flex-control-nav li
{
    vertical-align: middle;
    /* margin: 35px 8px; */
    display: table-cell;
    width: auto;
    text-align: center;
}

.flex-control-paging li a
{
    background-color: #fff;
    width: 6px;
    height: 6px;
    text-align: center;
    margin: 0 auto;

    -webkit-transition: background-color 0.4s ease-in-out, width 0.2s ease-out, height 0.2s ease-out;
    -moz-transition: background-color 0.4s ease-in-out, width 0.2s ease-out, height 0.2s ease-out;
    -o-transition: background-color 0.4s ease-in-out, width 0.2s ease-out, height 0.2s ease-out;
    transition: background-color 0.4s ease-in-out, width 0.2s ease-out, height 0.2s ease-out;
}



.flex-control-paging li a:hover
{
    background-color: #e40428;
    width: 6px;
    height: 6px;
}

.flex-control-paging li a.flex-active
{
    background-color: #e40428;
    width: 12px;
    height: 12px;
    margin: 0 auto;
}

#socialmenu, #breadcrump
{
    background-color: #e40428;
    min-height: 80px;
    z-index:88;
}

#socialmenu .social-list
{
    margin: 0;
    padding-left: 54px;
}



#socialmenu .social-list li
{
    display: table-cell;
    font-size: 26px;
    padding: 0px 17px;
    line-height: 40px;
    padding-top: 25px;
    padding-bottom: 13px;
}

#socialmenu .social-list li.teilen
{
    color: #1e1c1f;
    padding-left: 0;
    padding-top: 20px;
    padding-right: 8px;
    line-height: 30px;line-height: 1.667rem;
    vertical-align: middle;
}

#socialmenu .social-list li.teilen h5
{
    font-size: 16px;font-size: 0.8889rem;
    margin: 0;
}

#socialmenu .social-list li a
{
    display: table-cell;
    color: #1e1c1f;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

#socialmenu .social-list li a:hover,
#socialmenu .social-list li a:focus
{
    text-decoration: none;
    color: #fff;
    opacity: 1;
}


#socialmenu-slider
{
    bottom:9px;
    width: 47%;
    padding: 0px 35px;
    text-align: right;
    position: absolute;
    z-index: 100;
}

#socialmenu-slider .social-headersection .social-list
{
    text-align: right;
    float: right;
    margin: 0;
}


#socialmenu-slider .social-list
{

}

#socialmenu-slider .social-list li
{
    display: table-cell;
    font-size: 26px;
    padding: 0px 17px;
    line-height: 40px;
    padding-top: 25px;
    padding-bottom: 13px;
}

#socialmenu-slider .social-list li.teilen
{
display: none;
}

#socialmenu-slider a{
    color: #fff;
    -webkit-transition: text-shadow 0.3s ease-in-out;
    -moz-transition: text-shadow 0.3s ease-in-out;
    -o-transition: text-shadow 0.3s ease-in-out;
    transition: text-shadow 0.3s ease-in-out;
    text-shadow: 0 0 8px #1e1c1f;
}


#socialmenu-slider a:hover,
#socialmenu-slider a:focus
{
    color: #1e1c1f;
    text-decoration: none;
    text-shadow: 0 0 8px #fff;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}



/* END flexslider  HEADERSLIDER*/



/* footer */
footer
{
    position: relative;
    top: 98px;
    margin-top: 30px;
}

footer .container .row
{margin-top:20px;padding-top:20px;}

.footer-section
{
    padding-bottom: 150px;
}



.footer-section h2, .footer-section h1, .footer-section h1.csc-firstHeader
{
    font-size: 24px;font-size: 1.333rem;
    font-family: 'HelveticaNeueLT-Std-Lt';
    margin-bottom: 18px;
}
.footer-section p
{
    margin: 0 0 0px;
}

.footer-section a
{
    color: #fff;
    text-decoration: underline;
}

.footer-section a:focus
{
    padding: 3px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(255,255,255,1);
    -o-box-shadow: 0px 0px 8px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 8px 0px rgba(255,255,255,1);
}


footer .container
{
    background-color: #1e1c1f;
    color: #fff;
}
footer.donation-footer .container {
    background: transparent;
}

footer #footer-dioceselist
{
    padding: 20px 0;
    border-bottom: 1px solid #a3a3a3;
}

footer #footer-dioceselist
{
    background-color: #fff;
    color: #000;
    text-align: center;
}

#footer-dioceselist a:hover,
#footer-dioceselist a:focus
{
    color: #e40428;
}

footer #copyright
{
    background-color: #fff;
    color: #8e8e8e;
    text-align: center;
}

footer #copyright p
{
    font-size: 15px;font-size: 0.8333rem;
}



footer #footer-dioceselist ul li:last-child a
{
    border-right: none
}

footer #footer-dioceselist ul
{
    text-align: center;
    margin-bottom: 0;
    padding: 0;
    min-height: 22px;
}


footer #footer-dioceselist ul li
{

    list-style: none;
    color: #1e1c1f;
    text-align: center;
    display:initial;
    display:inline-block;
    height: 16px;
    vertical-align: middle;
    height: 22px;
}

footer #footer-dioceselist ul li a
{
    padding: 0px 5px;
    border-right: 1px solid #1e1c1f;
    color: #000;
    text-decoration: underline;
    line-height: 18px;line-height: 1rem;
    vertical-align: middle;
    line-height: 22px;line-height: 1.222rem;
    height: 22px;
    font-size: 15px;font-size: 0.8333rem;
}


footer .container .footer-section
{
    /*
    -webkit-transform-style: preserve-3d;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    */
    -webkit-transform:translate3d(0,0,0);
}
#copyright
{
    padding-top: 20px;
}


#footer-dioceselist-mobile
{
    display: none;
}

#footer-dioceselist-mobile select#dioceselistfooter {
    display: none;
}

#footer-dioceselist-mobile .btn-group.bootstrap-select.dioceselist.dropup .btn  {
    padding: 8px 12px 5px;
}

#footer-dioceselist-mobile .btn-group.bootstrap-select.dioceselist.dropup .btn .caret {
    position: absolute;
    top: 10px;
    right: 5px;
    left:auto;
}

#footer-dioceselist-mobile .btn-group.bootstrap-select.dioceselist.dropup .btn,
#footer-dioceselist-mobile .btn-group.bootstrap-select.dioceselist.dropup .btn:hover,
#footer-dioceselist-mobile .btn-group.bootstrap-select.dioceselist.dropup .btn:focus{
    background-color: #e40428;
    border: 4px solid #e40428;
    color: #fff;
}


#createdby
{
    text-align: center;

    color: #8e8e8e;
    font-size: 15px;font-size: 0.8333rem;
    padding-bottom: 20px;
}

#createdby a
{
    color: #8e8e8e;
    font-size: 15px;font-size: 0.8333rem;
    padding-right: 10px;
}

#createdby a:hover,
#createdby a:focus
{
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    padding: 5px;
}




/* END footer */


/* BANNER --------------------------- */



.banner
{
    position: relative;
    -webkit-transform:translate3d(0,0,0);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.banner .bannergradient
{
    position: absolute;
    height: 100%;
    width: 100%;

    background:-moz-linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 37%, rgba(0,1,0,0) 100%);
    background:-webkit-linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 37%, rgba(0,1,0,0) 100%);
    background:-o-linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 37%, rgba(0,1,0,0) 100%);
    background-image:-ms-linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 37%, rgba(0,1,0,0) 100%);
    /*
    background:-moz-linear-gradient(90deg, rgba(0,0,0,0.54902) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 51%, rgba(0,1,0,0.74118) 100%);
    background:-webkit-linear-gradient(90deg, rgba(0,0,0,0.54902) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 51%, rgba(0,1,0,0.74118) 100%);
    background:-o-linear-gradient(90deg, rgba(0,0,0,0.54902) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 51%, rgba(0,1,0,0.74118) 100%);
    background-image:-ms-linear-gradient(90deg, rgba(0,0,0,0.54902) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 51%, rgba(0,1,0,0.74118) 100%);
    */
    z-index: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    opacity: 1;


}


.banner-link:hover .bannergradient,
.banner-link:focus .bannergradient
{
    opacity: 0.4;
}

.banner-link:focus .banner
{
    border-right: 2px solid #e40428;
    border-left: 2px solid #e40428;
    border-bottom: 2px solid #e40428;
}

.banner .bannerbg
{
    position: relative;
    display: block;
    overflow: hidden;
}

.banner img
{
    max-width: 100%;
    width: 100%;
    height: auto;
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 1;
}

.banner-link:hover img,
.banner-link:focus img
{
    cursor: pointer;
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}

.banner .bannerdescription
{
    position: absolute;
    bottom:25px;
    left: 25px;
    right:25px;
    padding:30px 30px 10px 30px;
    margin-top: 0;
    z-index: 2;
    -webkit-transition: text-shadow 0.5s ease-in-out;
    -moz-transition: text-shadow 0.5s ease-in-out;
    -o-transition: text-shadow 0.5s ease-in-out;
    transition: text-shadow 0.5s ease-in-out;
    text-shadow: 0 0 4px #000;
}

.banner-link:hover .bannerdescription,
.banner-link:focus .bannerdescription
{

    text-shadow: 0 0 8px #000000;
}

.bannerdescription h3
{
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
}

.bannerdescription p
{
    margin-top: 0;
    float: left;
    font-size: 26px;font-size: 1.444rem;
    color: #fff;
    width: 90%;
    line-height: 30px;line-height: 1.667rem;
    letter-spacing: -0.035em;
    margin-bottom: 20px;
}

.bannerdescription .bannericon
{
    float: right;
    font-size: 30px;font-size: 1.667rem;
    margin-top: -5px;
    color: #fff;
    width: 9%;
}

.bannerdescription:after
{
    content: ' ';
    height: 0;
    width: 72px;
    border-bottom: 4px solid #fff;
    clear: both;
    display: block;
}

.banner {
    overflow: hidden;
    background-color:#555;
}

/* Sidebar banner */
@media (min-width: 760px) {
    .sidebarcontent .banner-bg-img {
        padding: 45px 30px 10px 1vw;
    }
}

@media (min-width: 760px) {
    .sidebarcontent .banner-bg-img .bannerbg {
        height: 100%;
        position: absolute;
        display: block;
        overflow: hidden;
        top: 0;
        left: 0;
    }
}
@media (min-width: 760px) {
    .sidebarcontent .banner-bg-img .bannerdescription {
        position: relative;
        left: 0;
        padding: 0;
        margin-top: 25px;
    }
}
@media (min-width: 760px) {
    .sidebarcontent .bannerdescription h3 {
        word-break: break-word;
        hyphens: auto;
    }
}
@media (min-width: 760px) {
    .sidebarcontent .banner-bg-img img {
        opacity: 0;
        visibility: hidden;
    }
}
/* End of Sidebar banner */

/* END BANNER */



/* content of page ------------- */


/* home - numbertextblock  ---------------  */


#zahlenHeadlineLayout
{
    margin: 0 -50px;
}

#zahlenHeadlineLayout #mobileCarousel .slides li
{
    display: block;
    padding: 0 20px 20px 20px;

}




.numbertextblock
{
    margin: 0;
    padding: 0;

}

.numbertextblock a:hover,
.numbertextblock a:focus
{
    color: #1e1c1f;
    text-decoration: none;
}




.numbertextblock .icon
{
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 20px;
    font-size: 24px;font-size: 1.333rem;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.numbertextblock a:hover .icon,
.numbertextblock a:focus .icon
{
    opacity: 1;
}

.numbertextblock .contentblock
{
    padding-left: 50px;
}


.numbertextblock:after
{
    content: ' ';
    height: 0;
    width: 72px;
    border-bottom: 4px solid #1e1c1f;
    clear: both;
    display: block;
    margin-top: 5px;
    margin-left: 50px;
}





.numbertextblock .headlineblock .numberfield
{
    font-size: 60px;font-size: 3.333rem;

}

.numbertextblock .contentblock .textfield
{
    width: 65%;
    display: inline-block;
    padding-right: 5%;
    min-height: 78px;
}

.numbertextblock .contentblock .textfield p
{
    font-size: 18px;font-size: 1rem;
}

.numbertextblock .contentblock .iconfield
{
    width: 35%;
    font-size: 60px;font-size: 3.333rem;
    float: right;
    max-height: 70px;
    text-align: left;
}

.numbertextblock .contentblock .iconfield.icon-world_map:before
{
    font-size: 2.5em;

    height: 55px;
    display: inline-block;

    margin-top: -27px;
}

/* END home - numbertextblock  ---------------  */


/* content from menu pages: */



#pagecontent
{
    width: 80%;
    margin: 0 auto;
    margin-top: 80px;
}


#pagecontent .sitemap-menu a
{
    color: #e40428;
}

.contentsection p a,
.contentsection p>strong>a,
.contentsection .csc-textpic-text ul>li>a,
.contentsection ol>li>a,
.contentsection ul>li>a,
.contentsection ul>li>p>a{
    text-decoration: underline;
}


#pagecontent #magazin
{
     margin: 0 -12.5%;
}

#pagecontent .bannersection
{
    margin: 0 -12.5%;
}

.bannersection .banner-link
{
    display: block;
}


#sliderbottom #backbutton
{
    width: 335px;
    height: 55px;

    background-color: #fff;
    color: #1e1c1f;
    position: absolute;
    z-index: 400;
    bottom:-55px;

}

#sliderbottom #backbutton a
{
    color: #1e1c1f;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#sliderbottom #backbutton a:hover .icon-arrow-left,
#sliderbottom #backbutton a:focus .icon-arrow-left
{
    padding-left: 35px;
    color: #666;
}
#sliderbottom #backbutton a:hover,
#sliderbottom #backbutton a:focus
{
    color: #666;
}

#sliderbottom #backbutton .buttontext
{
    font-family: 'HelveticaNeueLT-Std-Bd';
    padding-top: 0;

    display: block;
    float: left;
    padding-top: 16px;
    padding-bottom: 13px;
    line-height: 23px;
    line-height: 1.333rem;
    vertical-align: top;
    width: 59%;
    font-size: 17px;font-size: 0.9444rem;
}

#sliderbottom #backbutton a .icon-arrow-left
{
    width: 30%;
    display: block;
    float: left;
    font-size: 28px;font-size: 1.556rem;
    line-height: 23px;
    line-height: 1.333rem;
    padding-top: 16px;
    padding-bottom: 13px;
    min-width: 25px;
    padding-left: 54px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #1e1c1f;
}




#detailpagecontent{

}

.contentsection .readspeaker
{
    position: absolute;
    right:0;
    top: 0px;
    z-index: 10;
}

#accessibilityMenu .navbar-nav
{
    padding-left: 54px;
}

#accessibilityMenu button
{
    background-color: transparent;
    border: 0;
    padding: 0px 6px;
}
#accessibilityMenu button img
{
    margin-top: 10px;
    vertical-align: top;
}

#accessibilityMenu .accessibility-menuitem a:hover,
#accessibilityMenu .accessibility-menuitem button:hover,
#accessibilityMenu .accessibility-menuitem a:focus,
#accessibilityMenu .accessibility-menuitem button:focus
{
    background-color: #373737;
    background-color: rgba(55,55,55,1);
}


.content-right
{
    /*
    overflow-x: hidden;
    */
}


.content-right .row
{
    margin: 0 -15px;
}

.content-right .row .col-md-1,
.content-right .row .col-md-2,
.content-right .row .col-md-3,
.content-right .row .col-md-4,
.content-right .row .col-md-5,
.content-right .row .col-md-6,
.content-right .row .col-md-7,
.content-right .row .col-md-8,
.content-right .row .col-md-9,
.content-right .row .col-md-10,
.content-right .row .col-md-11,
.content-right .row .col-md-12
{
    padding: 0 15px;
}


.contentsection .content-right h1
{
    font-size: 45px;font-size: 2.5rem;
    margin-top: 12px;
    margin-bottom: 12px;
}

.contentsection .content-right p
{
    margin-bottom: 8px;
}


.content-right .cewrapper .img-above .text
{
    margin-top: 20px;
}

.cewrapper>ul>li>a
{
    text-decoration: underline;
}



/* END content of page */




/* LEFT COLUMN CONTENT */

.sidebarcontent a
{
    font-family: 'HelveticaNeueLT-Std-Bd';
}

.sidebarcontent p
{
    font-family: 'HelveticaNeueLT-Std-Lt';
}

.sidebarcontent p>a
{
    font-family: 'HelveticaNeueLT-Std-Lt';
}

.contentsection .news .sidebar
{
    margin-top: 0;
}

.contentsection .sidebar
{
    margin-top: 40px;
}

.sidebarcontent
{
    padding-right: 90px;
}

.sidebarcontent .person h5
{
    margin: 15px 0 5px 0;
    font-size: 19px;font-size: 1.056rem;
}

.sidebarcontent .person .funktion
{
    font-size: 19px;font-size: 1.056rem;
}

.sidebarcontent .person img
{
    width: 100%;
    height: auto;
}

.sidebarcontent .cewrapper
{
    margin: 20px 0 20px 0;
    position:relative;
}


.sidebarcontent .teaser-cite
{
    padding-right: 30px;
}




.sidebarcontent .icon-quotes-right, .sidebarcontent .icon-quotes-right2 {
    font-size: 30px;font-size: 1.667rem;
    margin-bottom: 10px;

}


.sidebarcontent .teaser-cite p
{
    font-size: 22px;font-size: 1.222rem;
}

.sidebarcontent .teaser-cite p strong
{
    font-size: 18px;font-size: 1rem;
}

/* Teaser Spendenkonto (grauer Hintergrund, Kontoinformationen) */

.sidebarcontent .teaser-spendenkonto {
    padding: 30px 25px;
    background-color: #767676;
    color:#ffffff;
}

.sidebarcontent .teaser-spendenkonto h5{
    font-size: 19px;
    font-size: 1.056rem;
    margin: 0;
}

.sidebarcontent .teaser-spendenkonto .teaser-spendenkonto-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.sidebarcontent .teaser-spendenkonto .teaser-spendenkonto-list > li {
    margin-top: 5px;
    font-size: 18px;font-size: 1rem;
    letter-spacing: -1px;
}

.sidebarcontent .teaser-spendenkonto p {
    font-size: 18px;font-size: 1rem;
    letter-spacing: -1px;
    margin: 0px;
}


.sidebarcontent .teaser-duty-free
{
    padding: 25px 30px 20px 30px;
    background-color: #fff;
    color:#1e1c1f;
    border: 1px solid #1e1c1f;
}

.sidebarcontent .teaser-duty-free p{
    font-size: 25px;font-size: 1.389rem;
    line-height: 30px;line-height: 1.667rem;
    margin-bottom: 0px;
}

.sidebarcontent .teaser-duty-free a strong
{
    text-decoration: underline;
    color: #e40428;
    font-size: 25px;font-size: 1.389rem;
}



.sidebarcontent .teaser-duty-free a:hover
{
    text-decoration: none;
}

.sidebarcontent .teaser-duty-free a .iconcontainer .icon
{
    color: #1e1c1f;
    text-decoration: none;
    opacity: 0;
    font-size: 25px;font-size: 1.389rem;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.sidebarcontent .teaser-duty-free a:hover .iconcontainer .icon, .sidebarcontent .teaser-duty-free a:hover .iconcontainer .icon:before
{
    opacity: 1;
    text-decoration: none;
}

.sidebarcontent .person
{

    width: 100%;
    padding-bottom: 30px;
}

.sidebarcontent .person .numbers
{
    line-height: 30px;line-height: 1.667rem;
}

.sidebarcontent .numbers .value,
.numbers .value
{
    padding-top: 6px;
    padding-top: 0.3333rem;
    padding-bottom: 7px;
    padding-bottom: 0.3889rem;
}


.sidebarcontent .person .icon,
.person .icon,
.person-suche .icon
{
    float: left;
    width: 35px;
    width: 2rem;
    font-size: 22px;font-size: 1.222rem;
    height: auto;
    padding-left: 3px;
}



.person .person-description .numbers div span
{
    height: auto;
    line-height: 30px;line-height: 1.667rem;
}

.content-right .person .icon,
.eldi-content .standort .numbers .icon,
.standort-inner .standort_funktionen .standort_funktionen_person .numbers .icon,
.standort-inner .standort_funktionen .standort_funktionen_person .mail .icon
{
    float: left;
    width: 35px;
    width: 1.944rem;
    font-size: 22px;font-size: 1.222rem;

    height: 22px;
    height: 1.222rem;
    padding-left: 3px;
    display: block;
}

.sidebarcontent .person .mail a
{
    text-decoration: underline;
}

.sidebarcontent .funktion .funktion-beschreibung
{
    padding-bottom: 30px;
}

.sidebarcontent h1
{
    font-size: 19px;font-size: 1.056rem;
    margin: 20px 0 20px 0;
    background-color: #fff;
    display: inline-block;
    padding-right: 10px;
    width: auto;
    text-decoration: none;
}

.sidebarcontent h1:after
{
    content: ' ';
    height: 0;
    line-height: 0;
    display: block;
    border-bottom: 1px solid #1e1c1f;
    width: 100%;
    margin: -7px 0 0 0;
    position: absolute;
    z-index: -100;
}

.sidebarcontent h1.normal
{
    font-size: 45px;font-size: 2.5rem;
    margin-top: 12px;
    margin-bottom: 12px;
}

.sidebarcontent h1.normal:after
{
    border: none;
    content:'';
    display: none;
}


.sidebarcontent .projects .icon
{
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.sidebarcontent .projects img
{
    width: 100%;height: auto;
}

.sidebarcontent .projects a:hover .icon
{
    opacity: 1;
}

.sidebarcontent .projects .abstract-wrap
{
    padding: 30px 25px;
    background-color: #f7f7f7;
    color: #1e1c1f;
}

.sidebarcontent .projects a:hover
{
    text-decoration: none;
}

.sidebarcontent .projects .projectheadline
{
    font-size: 19px;font-size: 1.056rem;
    margin-top: 0;
}


.projects .region
{
    background-color: #1e1c1f;
    color: #fff;
    margin: 0;
    overflow: hidden;
    vertical-align: bottom;
    font-size: 19px;font-size: 1.056rem;
    padding: 14px 25px 10px 25px;
    line-height: 24px;line-height: 1.333rem;
}

.projects .icon
{
    float: right;
}

.teaserImageText .teaser-image img
{
    width: 100%;
    height: auto;
}


.teaserImageText a:hover
{
    color: #1e1c1f;
    text-decoration: none;
}

.teaserImageText .iconcontainer .icon
{
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}


.teaserImageText a:hover .iconcontainer .icon
{
    opacity: 1;
}


.teaser-headline
{
    font-size: 19px;font-size: 1.056rem;
}

.teaser-spenden .bannerbg
{
    overflow: hidden;
    position: relative;
}

.teaser-spenden .bannerbg:hover img
{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.teaser-spenden:hover .magazindescription .top
{
    text-shadow: 1px 1px 8px #000000;
}

.teaser-spenden:hover .bannergradient
{
    opacity: 0.4;
}


.teaser-spenden .bannergradient
{
    position: absolute;
    height: 100%;
    width: 100%;
    background: -moz-linear-gradient(90deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,55) 80%, rgba(0,1,0,0.74118) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,55) 80%, rgba(0,1,0,0.74118) 100%);
    background: -o-linear-gradient(90deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,55) 80%, rgba(0,1,0,0.74118) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,55) 80%, rgba(0,1,0,0.74118) 100%);
    z-index: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
}

.teaser-spenden .bannerbg img{

    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;

    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.teaser-spenden
{
    position: relative;
}



.teaser-spenden .magazindescription {
    color: #fff;
    position: absolute;
    top: 30px;
    left: 25px;
    right: 25px;
    width: 90%;
    z-index: 2;
    -webkit-transition: text-shadow 0.5s ease-in-out;
    -moz-transition: text-shadow 0.5s ease-in-out;
    -o-transition: text-shadow 0.5s ease-in-out;
    transition: text-shadow 0.5s ease-in-out;
}

.teaser-spenden .magazindescription h3 {
    margin: 0;
    font-size: 24px;font-size: 1.333rem;
}

.teaser-spenden .magazindescription .subline {
    font-size: 18px;font-size: 1rem;
    line-height: 24px;line-height: 1.333rem;
    max-height: 72px;
    overflow: hidden;
}

.teaser-spenden .magazindescription .top:after {
    content: ' ';
    height: 14px;
    width: 72px;
    border-bottom: 4px solid #fff;
    clear: both;
    display: block;
}

.teaser-spendenbutton .spendenbutton
{
    border-radius: 0;
    margin: 0;
    background-color: #4d7e07;
    border: 4px solid #4d7e07;
}

.teaser-spenden .spendensumme
{

    background-color: #4c4c4c;
    color: #fff;
    padding: 7px 25px;
    position: relative;
}

.teaser-spenden .spendensumme .ichspende
{
    width: 35%;
    float: left;
    min-width: 80px;
    height: 50px;
}

.teaser-spenden .spendensumme .ichspende span
{
    vertical-align: middle;
    height: 50px;
    display: table-cell;
    line-height: 1.333rem;
}

.teaser-spenden .spendensumme .inputmoney
{
    width: 60%;
    float: left;
    min-width: 130px;
}

.teaser-spenden .spendensumme:after
{
    content: ' ';
    display: block;
    clear: both;
}


.teaser-spenden .spendensumme input
{
    width: 70%;
    height: 52px;
    height: 2.889rem;
    background-color: transparent;
    border: 2px solid #4d7e07;
    position: relative;
    z-index: 100;
    padding: 5px 3px 5px 3px;

    text-align: center;
    font-family: 'HelveticaNeueLT-Std-Bd';
    font-size: 30px;font-size: 1.667rem;

    margin:0;
    color: #fff;
}

.teaser-spenden .spendensumme input::-webkit-input-placeholder
{
    color:#fff;
}

.teaser-spenden .spendensumme input:-moz-placeholder
{
    color:#fff;
}
.teaser-spenden .spendensumme input::-moz-placeholder
{
    color:#fff;
}
.teaser-spenden .spendensumme input:-ms-input-placeholder
{
    color:#fff;
}


.teaser-spenden .spendensumme .euro
{
    font-family: 'HelveticaNeueLT-Std-Bd';
    font-size: 30px;font-size: 1.667rem;
    width: 20%;
    padding-left: 5%;
}


.teaser-spenden .teaser-spendenbutton
{
    height: 52px;
}





/* END LEFT COLUMS CONTENT



/* contentmenu normal */

.sitemap
{
    margin: 40px -30px 0 -30px;
}

.sitemap .sitemap-list a, #detailpagecontent .sitemap-list a
{
    font-family: 'HelveticaNeueLT-Std-Bd';
    color: #1e1c1f;
    font-size: 19px;font-size: 1.056rem;
    line-height: 30px;line-height: 1.667rem;
    text-decoration: underline;
}
.sitemap .sitemap-list a:hover, #detailpagecontent .sitemap-list a:hover
{
    text-decoration: none;
}


.sitemap .sitemap-list .sitemap-item
{
    padding: 0 15px 20px 15px;
}

.sitemap .sitemap-menu
{
    padding-left: 20px;
}

.sitemap .sitemap-list .sitemap-menuitem
{
    color: #e40428;
    padding-left: 10px;
}


.sitemap .sitemap-list .sitemap-menuitem a
{
    font-family: 'HelveticaNeueLT-Std-Bd';
    color: #e40428;
    text-decoration: underline;
    margin-bottom: 5px;
    text-decoration: underline;
}



.sitemap .sitemap-list .sitemap-menuitem a:hover,
.sitemap .sitemap-list .sitemap-menuitem a:focus
{
    color: #1e1c1f;
}

.sitemap .sitemap-list .sitemap-menuitem:hover, .sitemap .sitemap-list .sitemap-menuitem:hover a
{

    color: #1e1c1f;

}

.sitemap h3, .contentMenuImages h3, .contentMenuImagesNavigation h3
{
    font-size: 19px;font-size: 1.056rem;
    margin-bottom: 15px;
    margin-top: 15px;
}

.contentMenuImages-item .menuImageContainer
{
    /*background: #ffffff url("/fileadmin/templates/caritas_root/01_global/theme/img/no_image.jpg") no-repeat right top;*/
    width: 100%;

    overflow: hidden;

}

.contentMenuImages-item .menuImageContainer img
{
    width: 100%;
    height: auto;
}

.contentMenuImages-item .abstract-wrap .icon
{
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.contentMenuImages-item a:hover .icon,
.contentMenuImages-item a:focus .icon
{
    opacity: 1;
}


/* END contentmenu normal */


/* contentmenu with images */

.contentMenuImages
{
    margin: 40px -15px 0 -15px;
}


.contentMenuImages .contentMenuImages-item
{
    min-height: 300px;
    padding: 0 15px 20px 15px;
}

.contentMenuImages .contentMenuImages-item .abstract-image
{
    max-height: 200px;
    overflow: hidden;
}

.contentMenuImages .contentMenuImages-menu
{
    padding-left: 20px;

}

.contentMenuImages .contentMenuImages-menu .contentMenuImages-menuitem
{
    color: #e40428;
    padding-left: 10px;
}

.contentMenuImages a
{
    font-family: 'HelveticaNeueLT-Std-Bd';
    color: #1e1c1f;
    font-size: 19px;font-size: 1.056rem;
    line-height: 30px;line-height: 1.667rem;
    text-decoration: underline;
}

.contentMenuImages a:hover,
.contentMenuImages a:focus
{
    color: #e40428;
}

.contentMenuImages .contentMenuImages-list .contentMenuImages-menuitem a
{
    font-family: 'HelveticaNeueLT-Std-Bd';
    color: #e40428;
    text-decoration: underline;
    margin-bottom: 5px;
}

.contentMenuImages .contentMenuImages-list .contentMenuImages-menuitem a:hover,
.contentMenuImages .contentMenuImages-list .contentMenuImages-menuitem a:focus
{
    color: #1e1c1f;
}
.contentMenuImages .contentMenuImages-list .contentMenuImages-menuitem a
{
    color: #e40428;
}

.contentMenuImages .contentMenuImages-list h3
{
    font-size: 19px;font-size: 1.056rem;
    margin-bottom: 10px;
}



/* END contentmenu images */



/* CONTENT MENU IMAGE NAVIGATION */


.contentMenuImagesNavigation
{
    margin: 40px -15px 0 -15px;

}

.contentMenuImagesNavigation .contentMenuImages-item
{
    padding: 0 15px;
    padding-bottom: 30px;
}

.contentMenuImagesNavigation .contentMenuImages-item a{
    text-decoration: none;
}

.contentMenuImagesNavigation .contentMenuImages-item .abstract-wrap
{
    background-color: #f7f7f7;
    padding: 20px 30px;
    position: relative;
}

.contentMenuImagesNavigation .contentMenuImages-item .abstract-wrap .icon
{
    color: #1e1c1f;
    font-size: 24px;font-size: 1.333rem;
    margin-top: 0px;
    display: inline-block;
    position: absolute;
    right: 30px;
    bottom:20px;
}

.contentMenuImagesNavigation .contentMenuImages-item .abstract-text
{
    text-align: right;
}


.contentMenuImagesNavigation .contentMenuImages-item .abstract-text p
{
    text-align: left;
    max-height: 140px;
    overflow: hidden;
}




.contentMenuImagesNavigation .contentMenuImages-item h3
{
    font-size: 19px;font-size: 1.056rem;
    color: #1e1c1f;
}

.contentMenuImagesNavigation .contentMenuImages-item p
{
    font-size: 17px;font-size: 0.9444rem;
    color: #1e1c1f;
}

.contentMenuImagesNavigation .abstract-image img
{
    width: 100% !important;
    height: auto !important;

}
/* END CONTENT MENU IMAGE NAVIGATION */



/* eldipagecontent --------------- */


.eldi-content ul li,
.contentsection .content-right ul li,
.contentsection .cewrapper ul li,
.contentsection .content-right ol li {
    line-height: 1.7;
    letter-spacing:0;
}
.contentsection .content-right .slidercontainer ul li{
    padding-bottom: 0px;
}

.contentsection .content-right ul li a,
.contentsection .content-right ol li a {
    text-decoration: underline;
}

.contentsection .tx-eldi .row .person
{
    /* min-height: 385px; */
    float: left;
}

.contentsection .tx-eldi .row .person .numbers>div,
.contentsection .tx-eldi .row .person-suche .numbers>div
{
    height: 30px;
    height: 1.667rem;
    line-height: 30px;
    line-height: 1.667rem;
}

.contentsection .tx-eldi .eldisearch .row .person
{
    float: none;
}

.contentsection .tx-eldi .row .person .person-description
{
    min-height: 170px;
    padding-bottom: 20px;
}

.contentsection .sidebar .tx-eldi .row .person .person-description
{
    min-height: 0;
    padding-bottom: 0;
}

.contentsection .tx-eldi .row .person .person-img-container
{
    position: relative;
    background-color: #ddd;
}

.contentsection .tx-eldi .row .person .person-img-container .icon
{
    text-align: center;
    font-size: 130px;font-size: 7.222rem;
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: -8px;
    color: #333;
    height:auto;
}

.sidebar .sidebarcontent .eldi-content .eldi-sitemap
{
    width: 100%;
}


.contentsection .sidebar .tx-eldi .row .person
{
    width: 100%;
    padding: 0;
}

.contentsection .redakteurColumn .person
{
    width: 100%;
}



.contentsection .tx-eldi .row .person img
{
    width: 100%;
    height: auto;
}


.eldiItem
{
    padding: 24px 0 12px 0;
}


.eldiItem .singleimage img
{
    width: 100%;
    height: auto;
    margin: 0 auto;
}


.eldiItem.seperator-top .row
{
    border-bottom: 1px solid #1e1c1f;
    padding-bottom: 20px;
}

.eldiItem.seperator-top .standort-standard .row
{
    border-bottom: none;
}

#eldipagecontent
{
    width: 80%;
    margin: 0 auto;
}

ul.uploads-eldi
{
    padding: 10px 20px;
    margin: 0;
}

.uploads-eldi .uploads-element
{
    min-height: 70px;
}

.uploads-eldi .uploads-element .icon .icon-adobe21, .uploads-container .uploads .uploads-element .icon img
{
    font-size: 30px;
    margin-top: 15px;
    display: inline-block;
    margin-bottom: 10px;
}

.uploads-container .row
{
    margin: 0;
}

#contentwrapper .uploads-container .row .icon,
#contentwrapper .uploads-container .row .text,
#contentwrapper .uploads-container .row .herunterladen
{
    padding: 0;
}

#contentwrapper .uploads-container .row .text
{
    padding-right: 15px;
}

.uploads-eldi .uploads-element .icon .icon-adobe21, .uploads-container .uploads .uploads-element .image img
{
    margin: 0;
    margin-top: 15px;
    margin-bottom: 10px;
}

.uploads-container .uploads-element .text p
{
    margin-top: 0px;
    margin-bottom: 0;
}
.uploads-container .uploads-element .text
{
    margin: 15px 0 0 0;
}

.uploads-container .uploads-element .text h5
{
    margin:0;
}

.uploads-container .herunterladen
{
    text-align: center;
}

.herunterladen .icon-download
{
    font-size: 24px;
    width: 30px;
    margin: 0 auto;
    line-height: 30px;
    margin-top: 5px;
}

.herunterladen a:hover
{
    text-decoration: none;
}


.eldiItem .standort .standort-inner
{
    border-bottom: 1px solid #1e1c1f;
    width: 75%;
    min-width: 250px;
    margin-bottom: 15px;
}

.eldiItem .standort:last-child .standort-inner
{
    /*border-bottom: none;*/
}

.standort-erweitert
{
    margin-bottom: 30px;
}

.eldiItem .standort-erweitert-row.row
{
    border-bottom: none;
}

.standort-erweitert .standorte-adresse
{
    padding: 15px 0 15px 0;
}

.standort-erweitert .standort-team
{
    width: 100%;
    padding-top: 13px;
}

.standort-erweitert .standort-team>h4
{
    margin-bottom: 8px;
}

.standort-erweitert .standort_funktionen
{
    border-bottom: none;
}

.standort-erweitert .standort_funktionen .person-row
{
    padding-bottom: 15px;
}



.standort-erweitert .standort_funktionen_person .person-container h5
{
    padding-top: 15px;
    margin-top: 0;
}

.standort-erweitert .standort_funktionen_person .person-container
{
    height: 100%;
}



.standort-erweitert .person-description
{
    padding-top: 15px;
}

.standort-erweitert .person-description p
{
    margin-bottom: 0px;
}

.standort-erweitert-bild .standort-erweitert-bild-single
{
    padding-bottom: 35px;
}

.standort-erweitert-bild h4
{
    margin-top: 20px;
}



.standort-erweitert-bild .standort-inner
{

    position: relative;
    /* border-bottom: 1px solid #000;
    margin-bottom: 1px;
    */
}

.standort-erweitert-bild .standort-erweitert-bild-single hr
{
    position: absolute;
    bottom: 35px;
    width: 90%;
    margin: 0;
}

.standort-erweitert-bild .standort-inner .standort-detail
{
    width: 80%;
}

.standort-erweitert-bild .standort_funktionen .standort_funktionen_person
{
    padding-top: 10px;
    border-bottom: none;
}



.angebot
{
    margin: 0 -15px;
}

.angebot .angebot-inner
{
    padding: 0 15px;
}

.angebot-inner img
{
    max-width: 100%;
    height:auto;
}

.eldiItem.leistungen a
{
    color: #e40428;
    text-decoration: underline;
}

.eldi-sitemap
{

}


.eldi-sitemap p
{
    margin-bottom: 6px;
}

.eldi-sitemap .funktion .person .adress
{
    margin-bottom: 0;
}


.eldi-search
{
    display: block;
    vertical-align: top;
    position: relative;
}

.eldi-search .caritas-logo
{
    width: 205px;
    /* float: left; */
    display: inline-block;
    float: none;
    margin-right: 15px;
}

.eldi-search .inputsearch
{
    width: auto;
    /* margin-left: 215px; */
    position: absolute;
    display: block;
    float: none;
    /* padding: 0; */
    vertical-align: top;
    top: 0;
    left: 230px;
    right: 0;
}

.eldi-search .inputsearch .searchcol
{
    margin-top: 1px;
}

.eldi-search .inputsearch .searchcol-right
{
    float: right;
}

.found_matching
{
    color: #000;
}

.found_similar
{
    color: #666;
}

#eldi-search-result-label-similar.specialHeadline, #eldi-search-result-label-matching.specialHeadline
{
    margin-bottom: 0!important;
}

.eldi-search .eldi-search-input
{
    padding: 0px 35px 0px 35px;
    margin-top: 0px;
    margin-bottom:4px;
    line-height: 58px;
}

.eldi-search #eldi-search-button
{
    border-radius: 0;
    margin:0;
    margin-top: 0px;
    padding: 0;
    max-width: 300px;
    float: right;
}


.eldi-search .eldi-search-location-icon
{
    left:25px;
    font-size: 22px;
    position: absolute;
    top:15px;
}

.eldi-search-result .eldi-search-contact-image,
.eldi-search-result .eldi-search-contact-description
{
    padding-top: 15px;
}

.eldi-search-result a{

}

.eldi-search-result a.link-mother
{
    float:right;
    margin-top:12px;
}



.eldi-search-result p .icon
{
    font-size: 20px;font-size: 1.111rem;
    margin-top: -5px;
    width: 30px;
}

.eldi-search-result
{
    padding-bottom: 20px;
}

.eldi-search-result hr
{
    width: 100%;
    margin: 10px 0 0 0!important;
    display: block;
    padding-bottom: 10px;
}

.eldi-search-result h2, .eldi-search-result .person h4
{
    margin-top: 0;
}

.eldi-search-result .kontakt-label
{
    margin-bottom: 6px;
}

.eldi-search-result .person .icon,
.eldi-search-result .person-suche .icon
{
    display: block;
    float: left;
    padding-right: 10px;
}

.eldi-search-result .person-image
{
    padding-bottom: 15px;
}


.eldi-search-result.bg-grey
{

}

.eldi-search-result .eldi-search-angebot
{
    padding: 5px 15px;
}

.eldi-search-result .eldi-search-angebot.header{
    background-color:#e7e7e7;
    position: relative;
}

.eldi-search-result .eldi-search-angebot.header .eldi-label a small
{
    color: #000;
    display: none;
}

.eldi-search-result .eldi-search-angebot.header .eldi-label a:hover small
{
    display: inline-block;
}

.eldi-search-result .eldi-search-angebot.header
{
    background-color: #fff;
    border: 1px solid #000;
    border-bottom: 1px solid #e7e7e7;
}

.eldi-search-standort.header h4, .standort_kontakt .header h4
{
    font-size: 20px;font-size: 1.111rem;
}


.eldi-search-standort.body
{
    padding-bottom:20px;
}

.eldi-search-result .eldi-search-angebot.body{
    background-color:#fff;
    /*border: 2px solid #e7e7e7;*/
    padding: 10px 15px 0 15px;
    border: 1px solid #000;
    border-top: 0;
}

.eldi-search-result .eldi-search-angebot.body .standort_kontakt .body
{
    padding-bottom: 20px;
}

.eldi-search-result .eldi-search-angebot.body .search_result_angebot_standort
{
    margin-bottom:15px;
}

.eldi-search-result .eldi-search-angebot.body .angebot_standorte .equal-height-column
{
    /*
    border-right:1px solid #e7e7e7;
    border-left:1px solid #e7e7e7;
    border-bottom:2px solid #e7e7e7;
    */
}

.eldi-search-result .eldi-search-angebot.body .angebot_standorte .show-more-section
{
    padding:0;
}

.btn-more
{
    width: 100%;
    margin:0;
    margin-top:20px;
    border: none;
    border-radius:0;
    border-top:1px solid #e7e7e7;
    cursor: pointer;
    color: #666;
    background-color: #e7e7e7;
}

.btn-more:hover
{
    color: #1e1c1f;
}
.btn-more:focus
{
    background-color: #e7e7e7 !important;
}

.btn-more .caret
{
    speak: none;
    font-family: 'icomoon';
    border: none;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: top;
    font-size: 40px;
}

.btn-more .caret:before
{
    content: "\e607"
}

.btn-more.up .caret:before
{
    content: "\e606"
}

.eldi-search-result .eldi-search-angebot.body .search_result_angebot_standort .eldi-search-standort
{
    background-color: #e7e7e7;
}

.eldi-search-result .eldi-search-angebot.body .eldi-search-standort .icon-location
{
    position: absolute;
}

.eldi-search-standort .location_link
{
    float:left;
    margin-left:25px;
}

.eldi-search-standort .standort-kontakt
{

}

.eldi-search-standort .standort-kontakt .person-suche
{
}



.eldi-search-angebot .eldi-search-angebot-container, .eldi-search-angebot .eldi-search-funktions-container
{
    background-color: #f7f7f7;
    padding: 10px 15px;
}


.eldisearch .person-suche
{
    padding: 5px 0 10px 0;
}

.eldi-search-angebot .angebot_meta
{
    margin-bottom:10px;
}

.eldi-search-result.bg-grey .eldi-search-angebot .link-mother
{
    float: right;
}

.eldi-search-result.bg-grey .eldi-search-standorte
{
    padding:10px 15px;
}



.eldi-search-standorte .eldi-search-standort
{
    padding-bottom: 10px;
}

.eldi-search-result .eldi-label .eldi_icon_down
{
    float: left;
    font-size: 1.5rem;
    margin-top: -8px;
    vertical-align: top;
    padding-right: 10px;
    width: 36px;
    margin-left: 0px;
    line-height: 1.5rem;
}

.eldi-search-result .eldi-label h4
{
    margin-right:100px;
}

.eldi-search-result .eldi-label a
{
    font-family: 'HelveticaNeueLT-Std-Bd';
    display: block;
}

.eldi-search-result .eldi-kontakt-dropdown
{
    font-family: 'HelveticaNeueLT-Std-Bd';
    margin-bottom:5px;
    margin-top:8px;
}

.eldi-search-result .eldi-kontakt-dropdown p
{
    margin-bottom:0;
}

.eldi-search-result .kontakt-dropdown-body
{
}

.eldi-search-result .eldi-kontakt-dropdown a
{
    text-decoration: none;
    position:relative;
    display: block;
}

.eldi-search-result .eldi-kontakt-dropdown a .caret
{
    text-align: left;
    font-family: 'icomoon';
    speak: none;
    border: none;
    text-transform: none;
    line-height: 0px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1rem;
    height: 1rem;
    width: 1.2rem;
    top: 0;
    font-size: 1rem;
    vertical-align: top;
}
.eldi-search-result .eldi-kontakt-dropdown a .caret:before
{
    font-size: 1.4rem;
    content: "\e607";
    line-height: 18px;
}

.eldi-search-result.direct .eldi_label_search_decription
{

}

.eldi-search-result .eldi_label_search_decription
{
    color: #1e1c1f;
}

.eldi-search-result .eldi_label_search_decription:hover
{
    color: #666;
}

.eldi-search-result p .icon-simple31
{
    font-size: 1.4rem;
}

.eldi_label_search_decription
{
    color: #666666;
    text-align: right;
    text-align: right;
    font-size: 0.9rem;
    margin: 0;
    position: absolute;
    right: 15px;
    top: 16px;
    font-family: 'HelveticaNeueLT-Std-Bd';
}



/* END eldipagecontent --------------- */



/* SEARCH ELDI */


.searcheldi h1 .icon-search
{
    font-size: 35px;font-size: 1.944rem;
    padding-right: 20px;
}



/* END SEARCH ELDI */




/* pagebottom ------------------------ */

#pagebottom
{

}





#pagebottom p{
    width: 50%;
    margin: 20px auto;
    text-align: center;
}

/* END of pagebottom */


.center {
    margin: 0 auto;
    width: auto;
    text-align: center;
}

.left {
    width: auto;
    text-align: left;
}

.right {

    width: auto;
    text-align: right;
}

.floatright
{
    float:right!important;
}

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



.btn
{

}

.btn.nomargin
{
    margin:0;
}

.btn.bottommargin
{
    margin:0;
    margin-bottom: 20px;
}

.btn:focus
{
    background-color: #fff;
    color: #1e1c1f;
}

.btn-default
{
    font-family: 'HelveticaNeueLT-Std-Bd';
    height: 52px;
    margin: 10px auto 20px auto;
    padding: 0;
    line-height: 50px;

    padding: 0px 35px;
    display: inline-block;
}


.btn-red, .btn.btn-red
{
    background-color: #e40428;
    border: 4px solid #e40428;
    border-radius: 4px;
}
.btn-red:hover, .btn.btn-red:hover
{
    background-color: #fff;
    border-color: #e40428;
    color: #1e1c1f;
}

.btn-black, .btn.btn-black
{
    color: #fff;
    background-color: #1e1c1f;
    border: 4px solid #1e1c1f;
}

.btn.btn-black:hover,
.btn.btn-black:focus
{
    color: #1e1c1f;
    background-color: #fff;
}

.btn-white, .btn.btn-white
{
    background-color: #fff;
    color: #1e1c1f;
    border: 4px solid #1e1c1f;
}

.btn-green
{
    background-color: #4d7e07;
    border: 4px solid #4d7e07;
}

.btn-default:hover, .btn-default:hover a
{
    color: #1e1c1f;
    text-decoration: none;
}

.btn.btn-flat
{
    border-radius: 0;
    border: 2px solid;
    padding: 0px 35px;
    height: 52px;
    margin: 0 auto 30px auto;

    line-height: 52px;line-height: 2.889rem;
}

.btn-icon
{
    margin-left: 30px;
}
/*  youtube responsive video container */

/*
<div class="video-container">
         <iframe src="http://www.youtube.com/embed/dFVxGRekRSg" frameborder="0" width="560" height="315"></iframe>
</div>

*/

.videosection
{
    padding-bottom: 20px;
    border-bottom: 1px solid #1e1c1f;
}


.eldi-content .videosection .video-head
{
    margin-top: 20px;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;


    float: none;
    clear: both;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.video-iconcontainer
{
    float: left;
    font-size: 26px;font-size: 1.444rem;
    margin-top: 5px;
}

.video-headlinecontainer
{
    display: inline-block;
    padding-left: 10px;
    margin-bottom: 10px;
    width: 92%;
}

.videosection .video-text
{
    padding-top: 20px;
}



/* END YOUTUBE */


/* SOOUNDCLOUD */

.soundcloudplayercontainer
{
    padding-bottom: 20px;
    border-bottom: 1px solid #1e1c1f;
}

.soundcloud-iconcontainer
{
    float: left;
    font-size: 26px;font-size: 1.444rem;
}

.soundcloud-headlinecontainer
{
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 10px;
}
.soundcloud-text
{
    padding-top: 10px;
}


/* END SOUNDCLUOD */


/* pagebottomprintshare -------------- */

#contentpagebottom h1.csc-firstHeader
{
    margin-bottom: 40px;
}

#contentpagebottom
{
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
}

.bannersection
{
    margin-bottom: 30px;
}

.bannersection .banner
{
    border-top: 9px solid #e40428;
}


#printshare
{
    width: 80%;
    margin: 40px auto 40px auto;
}

.pagebottomprintshare
{
    border-top: 1px solid #1e1c1f;
    padding-top: 20px;
}

.pagebottomprintshare ul
{
    padding: 0;
    text-align: left;
}

.pagebottomprintshare ul.share-social
{
    text-align: right;
}

.pagebottomprintshare li
{
    display: inline-block;
}

.contentsection .pagebottomprintshare li a { text-decoration: none; }

.pagebottomprintshare .sendlink
{
    padding-left: 30px;
}


.pagebottomprintshare a{

    font-family: 'HelveticaNeueLT-Std-Bd';
}

.pagebottomprintshare a:hover
{
    color: #e40428;
}

.pagebottomprintshare a .hidden-phone
{
    text-decoration: underline;
}

.pagebottomprintshare .icon
{
    font-size: 24px;font-size: 1.333rem;
    line-height: 30px;line-height: 1.667rem;
    vertical-align: middle;
    padding: 5px;
}

.pagebottomprintshare a:hover span
{
    text-decoration: underline;
}



.pagebottomprintshare a:hover, .pagebottomprintshare a:hover .icon, .pagebottomprintshare a .icon:hover
{
    text-decoration: none;
}

.pagebottomprintshare .right
{
    text-align: right;
}

.pagebottomprintshare .right .icon
{
    font-size: 30px;font-size: 1.667rem;
    line-height: 40px;line-height: 2.222rem;
}

.pagebottomprintshare [class^="icon-"]:hover,.pagebottomprintshare  [class*=" icon-"]:hover
{
    text-decoration: none;
}

.contentsection .content-right>.cewrapper
{
    padding-bottom: 25px;
    margin-top:25px;
}

.contentsection .content-right .cewrapper .cewrapper
{
    padding: 0;
    margin:0;
}

/*
 * Overwrite behaviour of cewrapper
 * Fabian Bartsch, 17.11.2016
 */
.contentsection .content-right>.cewrapper
{
    padding-bottom: 0px;
}
.contentsection .content-right>.cewrapper:nth-child(2)
{
    margin-top: 0px;
}
/***********************************/

.contentsection .tabbar-wrapper1
{

}

#contentwrapper .contentsection .content-right .tabbar-wrapper1>h1
{
    margin-bottom: 0;
}

.contentsection .tabbar-wrapper1 .cewrapper
{
margin: 0;
}

.contentsection .tabbar-wrapper1 h1,
.contentsection .tabbar-wrapper1 h2,
.contentsection .tabbar-wrapper1 h3,
.contentsection .tabbar-wrapper1 h4,
.contentsection .tabbar-wrapper1 h5
{
    background-color: #e40428;
    color: #fff;
    font-size: 19px;font-size: 1.056rem;
    margin: 0;
    padding: 20px 35px;
    width:100%;
}

.myTabs
{
    padding-bottom: 12px;
    padding-top: 12px;
}

.myTabs .nav-tabs>li
{

}

.myTabs .tab-content>.tab-pane
{
    padding: 15px 35px;
}

.myTabs .tab-content>.tab-pane h1,
.myTabs .tab-content>.tab-pane p
{
    padding: 0;
}

.myTabs .tab-content>.tab-pane h1:after
{
    display: none;
}


.myTabs .nav li
{
    background-color: transparent;
    border: none;
    font-family: "HelveticaNeueLT-Std-Bd";
    overflow: hidden;
}

.myTabs .nav>li.active
{
    width: 2%;
}

/* shadow inside */

.myTabs .nav li:after
{
    content:"";
    position: absolute;
    top: 1px; bottom: 0; right: 1px; width: 8px;
    -webkit-box-shadow: inset -5px 0px 6px 0px rgba(30,28,31,1);
    -moz-box-shadow: inset -5px 0px 6px 0px rgba(30,28,31,1);
    box-shadow: inset -5px 0px 6px 0px rgba(30,28,31,1);
}

.myTabs .nav>li.active:after
{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.myTabs.tabs-6 .nav li
{
    width: 1%;
    max-width: 140px;
}

.myTabs.tabs-6 .nav>li.active
{
    width: 2%;
    max-width: inherit;
}


.myTabs .nav>li>a
{
    padding: 15px 5px 0px 5px;
    font-size: 18px;
    background-color: #1e1c1f;
    color: #fff;
    margin: 1px 1px 0 0;
    border-radius: 0;
    border: none;
    height: 50px;
    height: 2.778rem;

}

.myTabs .nav li.active a
{
    background-color: #e40428;
    color: #fff;
    margin: 1px 1px 0 0;
    border: 0;
}

.myTabs .tab-content a
{
    text-decoration: underline;
}
.nav-tabs.nav-justified
{
    border-bottom: 1px solid #000;
    padding-bottom: 1px;
}
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus
{
    background-color: #e40428;
    color: #fff;
    margin: 1px 1px 0 0;
    border: 0;
}



.myTabs .tab-content
{
    border-right: 1px solid #1e1c1f;
    border-left: 1px solid #1e1c1f;
    border-bottom: 1px solid #1e1c1f;
}

.myTabs .tab-content .cewrapper
{
    margin: 0;
}

.myTabs .tab-content h1
{
    background-color: #fff;
    color: #1e1c1f;
    padding: 20px 35px 0 35px;
}

.myTabs .tab-content h1.csc-firstHeader:after
{
    display: none;
}



.myTabs .tab-content p
{
    background-color: #fff;
    color: #1e1c1f;
    padding: 15px 35px;
}

.uploads-container .border-black
{
    border: 1px solid #1e1c1f;
    list-style: none;
}

.uploads-element.uploads-element>a
{
    display: table-cell;
    padding: 20px 5px 20px 35px;
    vertical-align: top;
}

.border-black .uploads-container .uploads
{
    border: 1px solid #1e1c1f;
    padding: 10px 20px;
}

#contentwrapper .uploads-container .uploads li.uploads-element
{
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

#contentwrapper .uploads-container .uploads li.uploads-element .icon
{
    padding-left: 0;
}

#contentwrapper .uploads-container .uploads li.uploads-element .herunterladen
{
    padding: 0;

}




.uploads-container .uploads .uploads-element:before, .uploads-container .uploads .uploads-element:after
{
    content: " ";
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
}

.uploads-container ul.uploads li.uploads-element span.uploads-fileSize
{
    margin: 0;
}

.uploads-container .uploads .uploads-element a{
    padding: 0;
}

.uploads-element.uploads-element div.img
{
    display: table-cell;
    padding: 20px 5px 20px 35px;
}

.uploads-container .uploads .text
{
    padding: 15px 20px 20px 0;
    display: table-cell;
    vertical-align: top;
}

.uploads-container .uploads .icon-adobe21
{
    font-size: 30px;font-size: 1.667rem;
}

.uploads-element .icon span
{
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    list-style: none;
}


.uploads-fileName
{
    float: left;
    width: 100%;
    font-family: "HelveticaNeueLT-Std-Bd";
    margin: 0px 0 4px 0;
    font-size: 19px;font-size: 1.056rem;
}

.dl-link .icon-download
{
    display: block;
    text-align: center;
    font-size: 24px;font-size: 1.333rem;
    height: 0;
}

ul.uploads
{
    margin: 0;
    padding-left: 0;
}

ul.uploads li.uploads-element div.uploads-description
{
    margin: 0px;
    float: none;
    display: block;
margin-top: 18px;
}



.uploads-element .dl-link
{
    margin: 0;
}

.uploads-element .dl-link
{
    color: #1e1c1f;
    margin-top: 5px;
    display: block;
    text-decoration: underline;
    letter-spacing: -0.035em;
}

/* END pagebottomprintshare */


.img-beside-left .img-wrap, .img-beside-right .img-wrap, .img-intext-left .img-wrap, .img-intext-right .img-wrap
{
    max-width: 65%;
}

.contentsection .img-header-1.img-beside-left.img-beside .text h1,
.contentsection .img-header-1.img-beside-left.img-beside .text h2,
.contentsection .img-header-1.img-beside-left.img-beside .text h3
{
    font-size: 30px;font-size: 1.667rem;
}

.image > img, .image a > img, .img-center-outer .img-center-inner figure.image img
{
    /*
    margin: 0;
    width: 100%;
    */
}

.img-responsive
{
    width: 100%;
}

.contentsection .content-right .row,
.default-grid-row
{
    margin: 0 -15px;
}

.contentsection .content-right .row .col-lg-4,
.contentsection .content-right .row .col-lg-6,
.contentsection .content-right .row .col-lg-3,
.default-grid-row .default-grid-col
{
    padding: 0 15px;
}

#detailpagecontent .sidebar .row
{
    margin: 0;
}



/* MAGAZIN ----------------------- */


#magazin
{
    margin: 20px auto 20px auto;
    box-shadow: none;
    border-top: 9px solid #e40428;
}



#magazin h1.csc-firstHeader
{
    font-size: 19px;font-size: 1.056rem;
    margin: 40px auto 60px auto;
}

#contentwrapper #magazin-home.contentsection h1,
#contentwrapper #magazin-home.contentsection h1.csc-firstHeaderm,
#contentwrapper #magazin-home.contentsection h1.specialHeadline
{
    font-size: 19px;font-size: 1.056rem;
    margin: 40px auto 60px auto;
    background-color: #fff;
    display: table;
    padding-right: 10px;
    width: auto;

    margin-left: 10%;
}




#magazin-home h1.csc-firstHeader:after
{
    content: ' ';
    height: 0;
    line-height: 0;
    display: block;
    border-bottom: 1px solid #1e1c1f;
    width: 80%;
    margin: -7px 0 0 0;
    position: absolute;
    z-index: -100;
    pointer-events: auto;
}


#magazin h1.csc-firstHeader
{
    font-size: 19px;font-size: 1.056rem;
    margin: 40px auto 60px auto;
    background-color: #fff;
    display: table;
    padding-right: 10px;
    width: auto;
    margin-left: 10%;
}

#magazin h1.csc-firstHeader:after
{
    content: ' ';
    height: 0;
    line-height: 0;
    display: block;
    border-bottom: 1px solid #1e1c1f;
    width: 80%;
    margin: -7px 0 0 0;
    position: absolute;
    z-index: -100;
    pointer-events: auto;
}





#magazin .bannergradient
{
    position: absolute;
    height: 100%;
    width: 100%;
    background:-moz-linear-gradient(90deg, rgba(0,0,0,0.54902) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 51%, rgba(0,1,0,0.74118) 100%);
    background:-webkit-linear-gradient(90deg, rgba(0,0,0,0.54902) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 51%, rgba(0,1,0,0.74118) 100%);
    background:-o-linear-gradient(90deg, rgba(0,0,0,0.54902) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 51%, rgba(0,1,0,0.74118) 100%);
    background-image:-ms-linear-gradient(90deg, rgba(0,0,0,0.54902) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 51%, rgba(0,1,0,0.74118) 100%);
    z-index: 1;
}

#magazin .magazinitem .bannergradient
{
    position: absolute;
    height: 100%;
    width: 100%;




    /*
    background:-moz-linear-gradient(90deg, rgba(0,0,0,0.54902) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 51%, rgba(0,1,0,0.74118) 100%);
    background:-webkit-linear-gradient(90deg, rgba(0,0,0,0.54902) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 51%, rgba(0,1,0,0.74118) 100%);
    background:-o-linear-gradient(90deg, rgba(0,0,0,0.54902) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 51%, rgba(0,1,0,0.74118) 100%);
    background-image:-ms-linear-gradient(90deg, rgba(0,0,0,0.54902) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 51%, rgba(0,1,0,0.74118) 100%);
    */
    z-index: 1;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition:    opacity 0.4s ease-in-out;
    -o-transition:      opacity 0.4s ease-in-out;
    transition:         opacity 0.4s ease-in-out;
    opacity: 1;
}

#magazin .mag-half .magazinitem .bannergradient
{
    background:-moz-linear-gradient(90deg,      rgba(0,0,0,0.68) 0%, rgba(0,0,0,0.52) 16%, rgba(0,0,0,0.22) 28%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 62%, rgba(0,1,0,0.55) 85%,rgba(0,1,0,0.73) 100%);
    background:-webkit-linear-gradient(90deg,   rgba(0,0,0,0.68) 0%, rgba(0,0,0,0.52) 16%, rgba(0,0,0,0.22) 28%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 62%, rgba(0,1,0,0.55) 85%,rgba(0,1,0,0.73) 100%);
    background:-o-linear-gradient(90deg,        rgba(0,0,0,0.68) 0%, rgba(0,0,0,0.52) 16%, rgba(0,0,0,0.22) 28%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 62%, rgba(0,1,0,0.55) 85%,rgba(0,1,0,0.73) 100%);
    background-image:-ms-linear-gradient(90deg, rgba(0,0,0,0.68) 0%, rgba(0,0,0,0.52) 16%, rgba(0,0,0,0.22) 28%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 62%, rgba(0,1,0,0.55) 85%,rgba(0,1,0,0.73) 100%);
}


#magazin .mag-quart .magazinitem .bannergradient
{
    background:-moz-linear-gradient(90deg,      rgba(0,0,0,0.68) 0%, rgba(0,0,0,0.52) 20%, rgba(0,0,0,0) 44%, rgba(0,0,0,0) 49%, rgba(0,1,0,0.55) 71%,rgba(0,1,0,0.8) 100%);
    background:-webkit-linear-gradient(90deg,   rgba(0,0,0,0.68) 0%, rgba(0,0,0,0.52) 20%, rgba(0,0,0,0) 44%, rgba(0,0,0,0) 49%, rgba(0,1,0,0.55) 71%,rgba(0,1,0,0.8) 100%);
    background:-o-linear-gradient(90deg,        rgba(0,0,0,0.68) 0%, rgba(0,0,0,0.52) 20%, rgba(0,0,0,0) 44%, rgba(0,0,0,0) 49%, rgba(0,1,0,0.55) 71%,rgba(0,1,0,0.8) 100%);
    background-image:-ms-linear-gradient(90deg, rgba(0,0,0,0.68) 0%, rgba(0,0,0,0.52) 20%, rgba(0,0,0,0) 44%, rgba(0,0,0,0) 49%, rgba(0,1,0,0.55) 71%,rgba(0,1,0,0.8) 100%);
}

#magazin .magazinitem-link:focus .magazinitem
{
    border: 2px solid #e40428;
}


#magazin .magazinitem-link:hover .bannergradient,
#magazin .magazinitem-link:focus .bannergradient
{
    opacity: 0.25;
}

#magazin .magazinitem
{
    position: relative;
    overflow: hidden;
    background-color: #666;
}

#magazin .magazinitem.magazin-iconliste
{
    background-color: #fff;
}

#magazin .magazinitem.magazin-iconliste .subline
{
    font-size: 24px;
    font-size: 1.333rem;
}

#magazin .magazinitem .magazindescription
{
    color: #fff;

}

#magazin .magazinitem .magazindescription .subline
{
    font-size: 24px;font-size: 1.333rem;
}

#magazin .magazinitem .magazindescription .top
{

    position: absolute;
    top: 25px;
    left: 25px;
    right:25px;
    /*width: 84%;*/
    padding: 30px 30px 0 30px;

    z-index: 2;
    -webkit-transition: text-shadow 0.5s ease-in-out;
    -moz-transition: text-shadow 0.5s ease-in-out;
    -o-transition: text-shadow 0.5s ease-in-out;
    transition: text-shadow 0.5s ease-in-out;
}

#magazin .magazinitem-link:hover .magazindescription .top,
#magazin .magazinitem-link:focus .magazindescription .top
{
    text-shadow: 0 0 8px #000000;
}



#magazin .magazinitem .magazindescription h3
{
    margin: 0;
}

#magazin .magazinitem .magazindescription .bottomtext
{
    position: absolute;
    bottom: 25px;
    left: 25px;
    right:25px;
    padding: 20px 30px 20px 30px;
    z-index: 2;
    -webkit-transition: text-shadow 0.5s ease-in-out;
    -moz-transition: text-shadow 0.5s ease-in-out;
    -o-transition: text-shadow 0.5s ease-in-out;
    transition: text-shadow 0.5s ease-in-out;
}

#magazin .magazinitem-link:hover .magazindescription .bottomtext,
#magazin .magazinitem-link:focus .magazindescription .bottomtext
{
    text-shadow: 0 0 6px #000000;
}

#magazin .magazinitem .magazindescription .bottomtext h1, #magazin .magazinitem .magazindescription .bottomtext h2,#magazin .magazinitem .magazindescription .bottomtext h3
{
    font-size: 80px;font-size: 4.444rem;
    background-color: #e40428;
    display: inline-block;
    line-height: 100px;line-height: 5.556rem;
    vertical-align: bottom;
    margin-top: 10px;
    height: 80px;
}

#magazin .magazinitem .magazindescription .bottomtext .termin-icon
{
    padding-right: 15px;
    height: 0;
    margin-left: -25px;
    float: left;
}




#magazin .secondrow .middlebig
{
    float: right;
}

#magazin .magazinitem .magazindescription .bottomtext p
{
    margin: 0;
    font-size: 19px;font-size: 1.056rem;
    line-height: 24px;line-height: 1.333rem;
}

#magazin .magazinitem .magazindescription .top:after {
    content: ' ';
    height: 14px;
    width: 72px;
    border-bottom: 4px solid #fff;
    clear: both;
    display: block;
}




.magazinitem-link:hover img,
.magazinitem-link:focus img
{
    cursor: pointer;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.magazinitem img
{
    max-width: 100%;
    width: 100%;
    height: auto;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}




.magazinitem.magazin-iconliste .listitem
{

    display: block;
    float: left;
    margin: 20px 0;
}

.magazinitem.magazin-iconliste .top
{
    position: absolute;
    top: 25px;
    left: 25px;
    right:25px;
    bottom: 25px;
    padding: 30px 30px 0 30px;

    z-index: 2;
    -webkit-transition: text-shadow 0.5s ease-in-out;
    -moz-transition: text-shadow 0.5s ease-in-out;
    -o-transition: text-shadow 0.5s ease-in-out;
    transition: text-shadow 0.5s ease-in-out;
}

.magazinitem.magazin-iconliste  .top h3
{
    margin: 0;
}

.magazinitem.magazin-iconliste .top .headlinepart{
    width: 84%;
}


.magazinitem.magazin-iconliste .top .headlinepart:after
{
    content: ' ';
    height: 0;
    width: 72px;
    border-bottom: 4px solid #1e1c1f;
    clear: both;
    display: block;
}

#magazin .magazinitem.magazin-iconliste
{
    overflow: hidden;
}

.magazinitem.magazin-iconliste .icontextlist
{
    position: relative;
    margin-top: 30px;

}

.magazinitem.magazin-iconliste .icontextlist:after
{
    content: " ";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
}

.magazinitem.magazin-iconliste .icontextlist .listitem .icon
{
    width: 35px;
    font-size: 30px;font-size: 1.667rem;
    float: left;line-height: 50px;
}

.magazinitem.magazin-iconliste .icontextlist .listitem .listitem-description
{
    margin-left: 40px;
    margin-left: 2.222rem;
    margin-right: 30px;
}

.magazinitem.magazin-iconliste .icontextlist .listitem .listitem-description p
{
    line-height: 22px;line-height: 1.222rem;
}


.magazinitem.magazin-iconliste .icontextlist .listitem .listitem-description a
{
    text-decoration: underline;
}
.magazinitem.magazin-iconliste .icontextlist .listitem .listitem-description a:hover,
.magazinitem.magazin-iconliste .icontextlist .listitem .listitem-description a:focus
{
    color: #e40428;
}





/* MAGAZIN AUF CONTENTSEITE */

.contentsection.indentwidth #magazin
{

    margin-left: -12.5%;
    margin-right: -12.5%;
    box-shadow: none;
    border-top: 9px solid #e40428;
}








/* END MAGAZIN AUF CONTENTSEITE */











/* END MAGAZIN  */



/* GALLERIE */

.gallerysection
{
    padding-bottom: 20px;
    border-bottom: 1px solid #1e1c1f;
}

.gallery-iconcontainer {
    float: left;
    font-size: 26px;font-size: 1.444rem;
    margin-top: 5px;
}


.gallery-headlinecontainer {
    display: inline-block;
    padding-left: 10px;
    margin-bottom: 10px;
    width: 92%;
}

.gallerysection .contentcarousel
{
    background-color: #666;
}

.gallerysection .slidercontainer
{
    position: relative;
}

.gallerysection .slidercontainer:before,
.gallerysection .slidercontainer:after
{
    content: " ";
    display: table;
    clear: both;
}

.gallerysection .gallery-share
{
    background-color: #1e1c1f;
    color: #fff;
    width: 50%;
    position: absolute;
    right:0;
    top:0;
    z-index: 400;
}

.gallerysection .gallery-share .social-list
{
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.gallerysection .gallery-share .social-list li
{
    display: table-cell;
    font-size: 26px;font-size: 1.444rem;
    padding: 12px 0 2px 0;
    width: 1%;
    margin: 0 auto;
    line-height: 40px;line-height: 2.222rem;
    color: #fff;
    text-align: center;
}

.gallerysection .gallery-share .social-list li.teilen
{
    vertical-align: middle;
    padding-top: 8px;
}

.gallerysection .gallery-share .social-list li.teilen h5
{
    margin: 0;
}

.gallerysection .gallery-share .social-list li a
{
    color: #fff;
}

.gallerysection .slidercontainer
{
    position: relative;
}

.slide_text {
    background-color: transparent;
    background-color: #e40428;  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
    bottom: 0;
    color: #fff;
    display: block;
    padding: 16.5px 35px;
    width: 100%;
    height: 80px;height: 4.444rem;
    font-size: 18px;font-size: 1rem;
}

@media (max-width: 760px) {
    .slide_text {
        height: auto;
    }
}

.slide_title .singleline
{
    height: 24px;
    height: 1.333rem;
    overflow: hidden;
}

.slide_title .twolines
{
    height: 48.59px;
    height: 2.7rem;
    line-height: 1.42857143;
    overflow: hidden;
}
@media (max-width: 760px) {
    .slide_title .twolines {
        height: auto;
    }
}

.contentslider
{
    border-bottom: none;
}

.contentsection .content-right .contentslider ul li {
    line-height: 1.42857143;
}

.contentsection .content-right .contentslider ul li a,
.contentsection .content-right .slidercontainer ul li a,
.contentslider.flexslider .flex-direction-nav a,
.contentcarousel.flexslider .flex-direction-nav a {
    text-decoration:none;
}

.contentcarousel
{
    border-bottom: none;
    margin-bottom: 20px;
}

.flex-direction-nav .flex-disabled
{
    display: none;
}

.contentslider .flex-direction-nav a
{
    top:50%;
    line-height: 1;
}

.contentcarousel .flex-direction-nav a
{
    width: 30px;width: 1.667rem;
    height: 30px;height: 1.667rem;
    font-size: 24px;font-size: 1.333rem;
    line-height: 30px;line-height: 1.667rem;
    line-height: 1;
    top: 60%;
}

.contentcarousel .flex-direction-nav a:before
{
    width: 30px;width: 1.667rem;
    height: 30px;height: 1.667rem;
    font-size: 24px;font-size: 1.333rem;
    text-align: center;
}

.contentcarousel .flex-direction-nav a.flex-next:before
{

    font-size: 24px;font-size: 1.333rem;
}

.contentcarousel .slides .item
{
    cursor: pointer;
    margin: 1px 1px 0px 0;
}

.contentcarousel.flexslider .slides .item img
{
    opacity: 0.6;
}

.contentcarousel.flexslider .slides .item:hover img
{
    opacity: 1;
}

.contentcarousel.flexslider .slides .flex-active-slide img
{
    opacity: 1;
}





/* END GALLERTIE */



/* Partner slider */

#partnerslider .flexslider .flex-direction-nav a
{
    right: -30px;
    opacity: 0.8;
}
#partnerslider .flexslider:hover .flex-direction-nav a
{
    right: -20px;
    opacity: 1;
}

#partnerslider .flexslider .flex-direction-nav .flex-prev
{
    opacity: 0.8;
    left:-30px;
}

#partnerslider .flexslider:hover .flex-direction-nav .flex-prev
{

    left:-20px;
    opacity: 1;
}

#partnerslider a:hover img,
#partnerslider a:focus img
{
    -webkit-box-shadow: 0px 0px 8px 0px rgba(53,53,53,0.5);
    -moz-box-shadow: 0px 0px 8px 0px rgba(53,53,53,0.5);
    -o-box-shadow: 0px 0px 8px 0px rgba(53,53,53,0.5);
    box-shadow: 0px 0px 8px 0px rgba(53,53,53,0.5);
    -moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}

#partnerslider img
{
    width:auto;
    width: initial;
    height: auto;
    height: initial;
    margin: 20px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


#partnerslider .contentcarousel.flexslider .slides,
#mobileCarousel.flexslider .slides
{
    webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


#partnerslider .contentcarousel.flexslider .slides .item img
{
    opacity: 1;
    max-width: 240px;
    height: auto;
}



#partnerslider .partner-text
{
    width: 50%;
    margin: 0 auto;
    text-align: center;
}

#partnerslider h1:after
{
    width: 100%;
}



/* END Partner slider */




/* NEWS LATEST */

#contentwrapper .contentsection .news h1.specialHeadline
{
    font-size: 19px;font-size: 1.056rem;
    margin: 40px 0 40px 0;
    background-color: #fff;
    display: table;
    padding-right: 10px;
    width: auto;
}


#contentwrapper .contentsection .news h1.specialHeadline:after
{
    content: ' ';
    height: 0;
    line-height: 0;
    display: block;
    border-bottom: 1px solid #1e1c1f;
    width: 100%;
    margin: -7px 0 0 0;
    position: absolute;
    z-index: -100;

}


.news.news-single .article .news-img-wrap
{
    margin: 10px 0 20px 0;
}


.news .news-list-view
{
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

.news .latestitem
{
    background-color: #e7e7e7;
    border-bottom: 1px solid #fff;
    font-size: 17px;font-size: 0.9444rem;
    padding-left: 30px;
    vertical-align: middle;
}

.news-related-links .news-list-view .linkitem .articleWrapper,
.news .latestitem .articleWrapper
{
    background: none repeat scroll 0 0 transparent;
    display: inline-block;
    vertical-align: middle;
    width: 92%;
}
.news .latestitem .title
{
    font-family: 'HelveticaNeueLT-Std-Bd';
    width: 75%;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 16px;
    padding-bottom: 12px;
    line-height: 21px;line-height: 1.167rem;
    text-decoration: underline;
}

.news .latestitem .title.job
{
    width: 100%;
}

.news .latestitem .news-list-date
{
    display: inline-block;
    font-family: "HelveticaNeueLT-Std-Bd";
    height: 100%;
    line-height: 21px;line-height: 1.167rem;
    text-align: right;
    width: 20%;
}

.news .linkitem
{
    font-size: 17px;font-size: 0.9444rem;

    background-color: #e7e7e7;
    border-bottom: 1px solid #fff;
    padding-left: 30px;
}


.news .linkitem .title
{
    font-family: 'HelveticaNeueLT-Std-Bd';
    width: 75%;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: 21px;line-height: 1.167rem;
    text-decoration: underline;
}

.news .linkitem  .description
{
    padding-left: 31px;

}


.clearer
{
    clear: both;
    content: ' ';
    height: 0;
    visibility: hidden;
    display: block;
}

.page-navigation
{
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: right;
}

.f3-widget-paginator
{
    list-style: none;
    padding: 0;
    margin: 0;
    height: 20px;
}

@media (max-width: 979px)  {

    .f3-widget-paginator
    {
       height: auto;
    }
}

.f3-widget-paginator li
{
    float: left;
    border-right: 2px solid #e40428;
    color: #e40428;
    font-family: 'HelveticaNeueLT-Std-Bd';
    height: 18px;
    line-height: 18px;
    line-height: 1rem;
    padding-top: 2px;
}

/* Only for IE 9, 10 & 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .f3-widget-paginator li {
        line-height: 0.8!important;
    }
}

/* Only for IE Edge */
@supports (-ms-ime-align:auto) {
    .f3-widget-paginator li {
        line-height: 0.8!important;
    }
}


.f3-widget-paginator li a
{
    height: 18px;
    padding-right: 8px;
    padding-left: 8px;
    color: #e40428;
}

.f3-widget-paginator li a span.icon
{
    display: inline-block;
    line-height: 0.5;
    font-size: 1.5rem;
    text-decoration: none;
    height: 15px;
}

.f3-widget-paginator li a:hover,
.f3-widget-paginator li a:focus
{
    color: #000;
}

.f3-widget-paginator li
{
    color: #e40428;
    line-height: 1.2;
}

.contentsection .content-right .f3-widget-paginator li
{
    line-height: 1.2;
}
.contentsection .content-right .f3-widget-paginator li {
    line-height: 1.2
}
.f3-widget-paginator li.current
{
    color: #1e1c1f;
    border-right: 2px solid #1e1c1f;
    padding-right: 8px;
    padding-left: 8px;
    height: 18px;
    line-height: 1.2;
    padding-top: 2px;
}

.f3-widget-paginator li.morepages,
.news .f3-widget-paginator li.lesspages
{
    padding-right: 5px;
    padding-left: 5px;
    color: #e40428;
    border-right: 2px solid #e40428;
    height: 18px;
    line-height: 18px;line-height: 1rem;
    padding-top: 1px;
    margin-top: -2px;
}

.f3-widget-paginator li.last,
.f3-widget-paginator li.previous,
.f3-widget-paginator li.next,
.f3-widget-paginator li.prev
{
    border: none;
}
.f3-widget-paginator li.next a,
.f3-widget-paginator li.previous a,
.f3-widget-paginator li.prev a
{
    padding: 0;
    text-decoration: none;
}

.news .news-backlink-wrap a
{

}

.news .news-backlink-wrap a .icon
{
    text-decoration: none;
}

.news .news-backlink-wrap a .backlable
{
    padding-left: 5px;
    text-decoration: underline;
}

#contentwrapper .news .uploads-container li.uploads-element .herunterladen
{
    width: 16%;
    height: 60px;
}

#contentwrapper .news .news-Item-additional-contentElements .cewrapper
{
    padding: 20px 0;
}


.sidebarNews
{
    padding-bottom: 40px;
}

.sidebarNews .imagecontainer
{
    width: 18%;
    float: left;
}



.sidebarNews .imagecontainer img
{
    width: 60px;
    height: 45px;
    width: 100%;
    height: auto;
}

.sidebarNews .news-text
{
    width: 78%;

    margin-left: 22%;
}

.sidebarNews .news-text .news-hl h4
{
    font-size: 19px;font-size: 1.056rem;
    line-height: 24px;line-height: 1.333rem;
    max-height: 48px;
    max-height: 2.667rem;
    overflow: hidden;
    margin-bottom: 6px;
}

.sidebarNews .news-text .teaser-text p
{
    font-size: 17px;font-size: 0.9444rem;
    line-height: 21px;line-height: 1.167rem;
    max-height: 60px;
    max-height: 3.333rem;
    overflow: hidden;
}

.sidebarNews .news-text .more .icon
{
    float: right;
    opacity: 0;
    padding-right:15px;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.sidebarNews .news-text .more:hover .icon
{
    text-decoration: none;
    opacity: 1;
}


.auhi .projects.article
{
    padding-bottom: 40px;
}


.news .page-navigation
{
    text-align: right;
}
.f3-widget-paginator
{
    text-align: right;
    display: inline-block;
}

.f3-widget-paginator:after
{
    clear: both;
    content: ' ';
    height: 0;
    visibility: hidden;
    display: block;
}

.f3-widget-paginator a{
    font-family: 'HelveticaNeueLT-Std-Bd';
    text-decoration: underline;
    color: #e40428;
}

.news-clear
{
    content: ' ';
    clear: both;
    height: 0;
    visibility: hidden;
    display: table;
}


/* newsimagelist */

.newsimagelistitem
{
    border-bottom:1px solid #1e1c1f;
    list-style: none;
}

.newsimagelistitem .news-img-wrap img
{
    margin-bottom: 10px;
}

/* END newsimagelist */


/* END NEWS LATEST */


/* termin */

.termine-wrapper > h1.csc-firstHeader{
    font-size: 45px;
    font-size: 2.5rem;
    margin-top: 13px;
    margin-bottom: 12px;
    padding: 0;
    background-color: transparent;
}

.termine-wrapper > h1.csc-firstHeader:after {
    content: none!important;
}

.termin-kalender
{
    max-width: 100%;
    position: relative;
}


.termin-kalender .icon-headline
{
    padding-right: 20px;
    font-size: 24px;font-size: 1.333rem;
    font-weight: 400;
}
.termin-kalender .table thead
{
    border: 1px solid #e40428;
    border-bottom: 1px solid #1e1c1f;
}

.termin-kalender .table tbody
{
    border: 1px solid #1e1c1f;
}
.termin-kalender .table tbody tr
{
border-bottom: 1px solid grey;
}


.termin-kalender .table .days th
{
    font-family: 'HelveticaNeueLT-Std-Bd';
    font-weight: 400;
    padding: 8px 3px;
    border-top:0;
    text-align: center;
}

.termin-kalender .hasevents:hover
{
    cursor: pointer;
}

.termin-kalender .curday.hasevents .kalender-events
{
    position: absolute;
    display: none;
}

.termin-kalender .curday.hasevents:hover .kalender-events
{
    display: block;
    background-color: #fff;
    border: 2px solid #1e1c1f;
    width: 220px;
    padding: 10px 10px 5px 10px;
    text-align: left;

}
.termin-kalender .curday.hasevents:hover .kalender-events:before
{
    content: '';
    position: absolute;
    top: -7px;
    left: 7px;
    width: 0;
    height: 0;
    border-bottom: 6px solid #1e1c1f;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}



.termin-kalender .curday.hasevents .kalender-events .event-item
{
    list-style: none;
}

.termin-kalender .curday.hasevents .kalender-events .event-item .icon
{
    float: left;
    padding-right: 10px;
}

.termin-kalender .curday.hasevents .kalender-events .event-item a
{
    text-decoration: underline;
}

.termin-kalender .month
{
    text-align: center;
    background-color: #e40428;
    color: #fff;
    padding: 12px 0 8px 0;
    font-size: 18px;font-size: 1rem;
    position: relative;
    width: 100%;
}

.termin-kalender .pager
{
    position: absolute;
    bottom: 18px;
    width: 100%;
}

.termin-kalender .pager li
{
    position: absolute;
}
.termin-kalender .pager li a
{
    border: 0;
    border-radius: 0;
    color: #fff;
    background-color: transparent;
    font-size: 30px;font-size: 1.667rem;
}

.termin-kalender .pager .previous
{
    left: 0;
}
.termin-kalender .pager .next
{
    right: 0;
}

.termin-kalender .title th
{
    padding: 0;
}

.termin-kalender .curday
{
    text-align: center;
}

.termin-kalender .othermonth
{
    color: transparent;

}

.article .news-img-caption
{
    padding-top: 10px;
}

.termin-detail .termin-daten
{
    padding-bottom: 15px;
}

.news.news-single .termin-detail .termin-image .news-img-wrap
{
    margin: 0 auto;
    margin-bottom:20px;
}

.contentsection .termine h1
{
    font-size: 30px;font-size: 1.667rem;
    line-height: 40px;line-height: 2.222rem;
}

.termine .termin-item
{
    border-bottom: 1px solid #1e1c1f;
}

.termine .termin-item h2
{
    font-size: 30px;font-size: 1.667rem;
}

.termine .termin-detail
{
    padding-bottom: 15px;
}

.termine .termin-detail .icon,
.article .termin-detail .termin-daten .icon,
.news .termin-daten .icon
{
    font-size: 20px;font-size: 1.111rem;
    vertical-align: top;
    margin-top: -3px;
    width: 30px;
    padding: 0;
    display: block;
    float: left;
    padding-left: 1px;
}

.termine .news-content .textcontainer, .termine .news-content .imagecontainer
{
    padding-bottom: 15px;
}


.termine .f3-widget-paginator
{
    margin-top: 20px;
    margin-right: 15px;
}

.termine-link
{
    text-align: right;
}
.termine-link a
{
    font-family: 'HelveticaNeueLT-Std-Bd';
    font-size: 24px;font-size: 1.333rem;
    text-decoration: underline;
    color: #e40428;
}

.termine-link .icon
{
    font-size: 20px;font-size: 1.111rem;
    color: #e40428;
    padding-right: 5px;
}

/* END TERMIN */





/* spendenteaser */

.teaser
{
    position: relative;
}

.teaser:hover .bannergradient
{
    opacity: 0.4;
}

.teaser .bannerbg
{
    position: relative;
    display: block;
    overflow: hidden;
}

.teaser img
{
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.teaser:hover img {
    cursor: pointer;
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}

.teaser .teaserdescription
{
    position: absolute;
    top:40px;
    left: 30px;
    right:20px;
    margin-top: 0;
    z-index: 2;
    -webkit-transition: text-shadow 0.5s ease-in-out;
    -moz-transition: text-shadow 0.5s ease-in-out;
    -o-transition: text-shadow 0.5s ease-in-out;
    transition: text-shadow 0.5s ease-in-out;
}

.sidebar .teaser .teaserdescription
{
    left:15px;
    top:20px;
    right: 10px;
}

.teaser .teaserdescription:after
{
    content: ' ';
    height: 0;
    width: 72px;
    border-bottom: 4px solid #fff;
    clear: both;
    display: block;
}

.sidebar .teaser .teaserdescription:after
{
    margin-top: 5px;
    border-bottom: 3px solid #fff;
}

.teaser h3
{
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
}

.sidebar .teaser h3
{
    font-size: 18px;font-size: 1rem;

}



.teaser p
{
    margin-top: 0;
    float: left;
    font-size: 22px;font-size: 1.222rem;
    color: #fff;
    width: 100%;
    line-height: 30px;line-height: 1.667rem;
    letter-spacing: -0.035em;
    margin-bottom: 20px;
}

.sidebar .teaser p
{
    display: none;
}

.teaser .bannericon
{
    float: right;
    font-size: 30px;font-size: 1.667rem;
    margin-top: -5px;
    color: #fff;
    width: 8%;
}


.teaser {
    overflow: hidden;
    background-color:#555;
}

.teaser .bannergradient
{
    position: absolute;
    height: 100%;
    width: 100%;

    background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.75) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.75) 100%);
    background: -o-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.75) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.75) 100%);

    /*
    background: -moz-linear-gradient(90deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 51%, rgba(0,1,0,0.74118) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 51%, rgba(0,1,0,0.74118) 100%);
    background: -o-linear-gradient(90deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 51%, rgba(0,1,0,0.74118) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 51%, rgba(0,1,0,0.74118) 100%);
*/

    z-index: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
}

.teaser .teaser-spendenbetrag
{
    display: block;
    position: absolute;
    bottom: 50px;
    left:30px;
    color: #fff;

}

.teaser .teaser-spendenbetrag strong
{
    -webkit-transition: -webkit-box-shadow 0.5s ease-in-out;
    -moz-transition: -moz-box-shadow 0.5s ease-in-out;
    -o-transition: text-shadow 0.5s ease-in-out;
    transition: box-shadow 0.5s ease-in-out;
}

.contentsection .sidebar .teaser .teaser-spendenbetrag
{
    bottom: 0;
    left: 0;
    right: 0;
    position: relative;
    width: 100%;
    height: auto;
}

.teaser form
{
    margin-bottom: 0;
}

.teaser .calltoAction
{
    position: absolute;
    right: -200px;
    bottom: 50px;
    font-size: 24px;font-size: 1.333rem;
    border-radius: 0;
    height: 60px;
    margin: 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.teaser:hover .calltoAction
{
    opacity: 1;
    right: 30px;

}

.teaser:hover .teaser-spendenbetrag .teaser-spendenbetrag-inner
{
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
    -o-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
}

.contentsection .teaser .teaser-spendenbetrag
{
    display: inline-block;
    margin: 0!important;
    height: 90px;
}
.contentsection .teaser .teaser-spendenbetrag-inner
{
    padding: 10px;
    display: block;
    background-color: #4d7e07;
    font-family: 'HelveticaNeueLT-Std-Bd';
    font-size: 70px;font-size: 3.889rem;
    height: 90px;
    height: 4.99rem;
    vertical-align: top;
    line-height: 1;
}

_:-ms-input-placeholder, :root .contentsection .teaser .teaser-spendenbetrag-inner {
    line-height: 80px;
}

.sidebar .teaser .teaser-spendenbetrag .teaser-spendenbetrag-inner
{
    font-size: 40px;font-size: 2.222rem;
    line-height: 1.5;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 40px;
    font-size: 2.222rem;

    line-height: 1;
    line-height: 3rem;
    height: inherit;
    width: 100%;
    display: block;

}

_:-ms-input-placeholder, :root .contentsection .sidebar .teaser .teaser-spendenbetrag-inner {
    line-height: 60px;
    line-height: 3rem;
    padding:0;
}

.teaser:hover .teaserdescription {
    text-shadow: 0 0 8px #000000;
}


h1.specialHeadline + .tx-ikdonation .teaser-schnell-spenden
{
    margin-top: -20px;
}

.teaser-schnell-spenden .select-button-input
{
    height: 0;
    width: 0;
}



.teaser-schnell-spenden .btn-green
{
    border-radius: 0;
    background-color: #4d7e07;
    border: 2px solid #4d7e07;
    width: 100%;
    padding: 0;
    margin: 0px auto 20px auto;
    font-size: 22px;font-size: 1.222rem;
}
.teaser-schnell-spenden .btn-green.btn-inactive
{
    border-radius: 0;
    background-color: #fff;
    border-color: #1e1c1f;
    color: #1e1c1f;
}
.teaser-schnell-spenden .btn-green:hover
{
    color:#4d7e07;
    background-color: #fff;
    border-color: #4d7e07;
}

.teaser-schnell-spenden #teaser-Amount-input
{
    text-align: center;
    font-size: 22px;
    font-size: 1.222rem;
    padding: 5px 10px 1px 10px;
    visibility: visible;
    height: 52px;
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.teaser-schnell-spenden #teaser-Amount-input.input-active
{
    border-color: #4d7e07;
    color: #fff;
    background-color: #4d7e07;
}

.teaser-schnell-spenden #selectedValueInput
{
    float: right;
    width: 100%;
}

.teaser-schnell-spenden p.teaser-description
{
    margin-bottom: 15px;
}

.teaser-four
{
    overflow: hidden;
}

/* END SPENDENTEASER */

.indentRow
{

    margin-left: -15px;
    margin-right: -15px;
}

.indentRow .col-xs-1,
.indentRow .col-sm-1,
.indentRow .col-md-1,
.indentRow .col-lg-1,
.indentRow .col-xs-2,
.indentRow .col-sm-2,
.indentRow .col-md-2,
.indentRow .col-lg-2,
.indentRow .col-xs-3,
.indentRow .col-sm-3,
.indentRow .col-md-3,
.indentRow .col-lg-3,
.indentRow .col-xs-4,
.indentRow .col-sm-4,
.indentRow .col-md-4,
.indentRow .col-lg-4,
.indentRow .col-xs-5,
.indentRow .col-sm-5,
.indentRow .col-md-5,
.indentRow .col-lg-5,
.indentRow .col-xs-6,
.indentRow .col-sm-6,
.indentRow .col-md-6,
.indentRow .col-lg-6,
.indentRow .col-xs-7,
.indentRow .col-sm-7,
.indentRow .col-md-7,
.indentRow .col-lg-7,
.indentRow .col-xs-8,
.indentRow .col-sm-8,
.indentRow .col-md-8,
.indentRow .col-lg-8,
.indentRow .col-xs-9,
.indentRow .col-sm-9,
.indentRow .col-md-9,
.indentRow .col-lg-9,
.indentRow .col-xs-10,
.indentRow .col-sm-10,
.indentRow .col-md-10,
.indentRow .col-lg-10,
.indentRow .col-xs-11,
.indentRow .col-sm-11,
.indentRow .col-md-11,
.indentRow .col-lg-11,
.indentRow .col-xs-12,
.indentRow .col-sm-12,
.indentRow .col-md-12,
.indentRow .col-lg-12
{
    padding-left: 15px;
    padding-right: 15px;
}

.indentRow:before, .indentRow:after
{
    content: " ";
    display: table;
}

.indentRow:after
{
    clear: both;
}


/* row width equal height for all */
.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.table-row
{
    display:table-row;
    height:100%;
}

.inside-full-height {
    /*
    // if you want to give content full height give him height: 100%;
    // with content full height you can't apply margins to the content
    // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
    */
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

.col-height {
    display: table-cell;
    float: none;
    height: 100%;
}





/* suche */

.search-pagination-select
{
    text-align: left;
    padding-bottom: 25px;
    display: none;
}

.search-pagination-select .per-page-select
{
    width: 70px;
    height: 40px;
    padding-left: 10px;
    margin-left: 15px;
    margin-bottom: 0;
}

.search-pagination-select .selectLable
{
    display: inline-block;
}


.tx-pagebrowse-pi1
{
    float:right;
    margin-top: 15px;
}
.search-pagination-select-caret
{
    margin-left: -25px;
}

.tx-solr-relevance-bar .themeColorBackground
{
    /*
    background-color: #e40428;
    height: 10px;
    margin-bottom: 6px;
    */
}

#tx-solr-search .results-list .results-topic
{
    margin-bottom: 6px;
    margin-top: 6px;
}
#tx-solr-search .results-list
{
    padding: 0;
    list-style: none;
}

#tx-solr-search .results-list .results-entry
{
    padding-bottom: 20px;
    padding-top: 15px;
    border-bottom: 1px solid #1e1c1f;
}

#tx-solr-search .relevance
{
    display: none;
}


#tx-solr-search .result-content
{
    max-height: 82px;
    max-height: 4.6rem;
    overflow: hidden;
}

#tx-solr-search .results-teaser:after
{
    display: block;
    content: '...';
    margin-top: -10px;
    height: 15px;
}

#tx-solr-pagination
{
    display: none;
}


/* readspeaker start */

.readspeaker
{
    position: absolute;
    right: 0;
    margin-top: -30px;
}

.rsbtn .rsbtn_play
{
    background-color: #ffffff;
    padding: 13px!important;
    height: 50px;
    width: 50px!important;
}

.rsbtn .rsbtn_play .rsbtn_left.rsimg.rspart
{
    background: transparent;
    width: 26px!important;
}

.rsbtn .rsbtn_play:hover .rsbtn_left .rsbtn_text,
.rsbtn .rsbtn_play:focus .rsbtn_left .rsbtn_text
{
    background: transparent url(/fileadmin/templates/caritas_root/01_global/theme/img/icons/readspeaker/icon-readspeaker-red.png) no-repeat scroll 3px 0px!important;
}

.rsbtn .rsbtn_play .rsbtn_left .rsbtn_text
{
    background: transparent url(/fileadmin/templates/caritas_root/01_global/theme/img/icons/readspeaker/icon-readspeaker.png) no-repeat scroll 3px 0px!important;
    height: 23px;
    width: 30px!important;
    font-size: 17px;font-size: 0.9444rem!important;
    color: #fff;
    font-family: 'HelveticaNeueLT-Std-Bd'!important;

    margin: 0!important;
    line-height: 23px;line-height: 1.278rem;
    text-indent: -99999px;
}

.rsbtn .rsbtn_progress_container.rsimg,
.rsbtn .rsbtn_powered .rsbtn_btnlabel
{
    display: none!important;
}

#rslightbox_logo.rsimg, .rsbtn a.rsimg
{
    background: #fff!important;
    display: none;
}

.rspopup.rspaused .rsbtn_exp.rsimg.rspart .rsbtn_pause,
.rsexpanded.rspaused .rsbtn_exp.rsimg.rspart .rsbtn_pause
{
    background-color: #fff;
    background: transparent url(/fileadmin/templates/caritas_root/01_global/theme/img/icons/readspeaker/play-20px-black.png) no-repeat 15px 15px!important;
    width: 50px!important;
    height: 50px!important;
    margin: 0px;
    border-left: 1px solid #1e1c1f;
}

.rsbtn.rspaused .rsbtn_exp.rsimg.rspart .rsbtn_pause:hover,
.rsbtn.rsplaying .rsbtn_exp.rsimg.rspart .rsbtn_pause:hover,
.rsbtn.rsexpanded.rsstopped .rsbtn_pause:hover,
.rsbtn.rsexpanded.rspaused .rsbtn_pause:hover
{
    background-color: #ddd!important;
}

.rsbtn.rsexpanded.rsplaying .rsbtn_pause,
.rspopup.rsplaying .rsbtn_exp.rsimg.rspart .rsbtn_pause
{
    background: url(/fileadmin/templates/caritas_root/01_global/theme/img/icons/readspeaker/pause-20px-black.png) no-repeat 15px 15px!important;
    background-color: transparent;
    width: 50px!important;
    height: 50px!important;
    margin: 0px;
    border-left: 1px solid #1e1c1f;
}

.rsbtn.rsexpanded.rsplaying .rsbtn_pause:hover,
.rsbtn.rsexpanded.rsplaying .rsbtn_pause:focus,
.rspopup.rsplaying .rsbtn_exp.rsimg.rspart .rsbtn_pause:hover,
.rspopup.rsplaying .rsbtn_exp.rsimg.rspart .rsbtn_pause:focus
{
    background: transparent url(/fileadmin/templates/caritas_root/01_global/theme/img/icons/readspeaker/pause-20px-red.png) no-repeat 15px 15px!important;
}


.rsbtn .rsbtn_exp.rsimg.rspart
{
    background: transparent!important;
}

.rsbtn .rspart
{
    height: auto!important;
    width: 50px!important;
}

.readspeaker .rsbtn
{
    background-color: transparent;
}

.rsbtn.rspopup
{

    -webkit-box-shadow: 0px 0px 12px 0px rgba(53,53,53,0.61);
    -moz-box-shadow: 0px 0px 12px 0px rgba(53,53,53,0.61);
    -o-box-shadow: 0px 0px 12px 0px rgba(53,53,53,0.61);
    box-shadow: 0px 0px 12px 0px rgba(53,53,53,0.61);
    height: 50px!important;
    width: auto!important;
}

.rsbtn.rspopup.rscompact .rsbtn_left
{
    width: 26px!important;
}

.rspopup .rsbtn_exp.rsimg.rspart
{
    width: 50px!important;
    height: 50px!important;


}

.rspopup.rspaused .rsbtn_exp.rsimg.rspart .rsbtn_pause,
.rspopup.rsplaying .rsbtn_exp.rsimg.rspart .rsbtn_pause
{
    background-color: #fff!important;
}

.rsbtn.rspopup.rscompact .rsbtn_left .rsbtn_text span
{
    width: 0!important;
}

.rsbtn.rspopup.rsexpanded .rsbtn_pause,
.rsbtn.rspopup.rsexpanded.rsstopped .rsbtn_pause
{
    background: #fff url(/fileadmin/templates/caritas_root/01_global/theme/img/icons/readspeaker/play-20px-black.png) no-repeat 15px 15px!important;
    background-color: #fff!important;
    height: 50px!important;
}

.rsbtn.rspopup.rsexpanded .rsbtn_pause:hover,
.rsbtn.rspopup.rsexpanded .rsbtn_pause:focus,
.rsbtn.rspopup.rsexpanded.rsstopped .rsbtn_pause:hover,
.rsbtn.rspopup.rsexpanded.rsstopped .rsbtn_pause:focus
{
    background: #fff url(/fileadmin/templates/caritas_root/01_global/theme/img/icons/readspeaker/play-20px-red.png) no-repeat 15px 15px!important;
}

/* END readspeaker */

.col-sm-pull-8 .col-sm-pull-8,
.col-sm-push-4 .col-sm-pull-8
{
    right: 0;
}

.col-sm-pull-8 .col-sm-push-4,
.col-sm-push-4 .col-sm-push-4
{
    left: 0;
}


.iframe-container
{
    width: 700px;
    margin: 0 auto;
    overflow: hidden;
}

.iframe-container iframe
{
    overflow: hidden;
    border:none;
    max-width: 100%;

}

.iframe-container iframe body
{
    background-color: #fff;
}


/* ie 10 & 11 fix */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .spendenbutton
    {
        padding-top: 10px;
    }
    #menu .navbar-default .nav-justified>li>a
    {
        padding-top: 12px;
    }
    .btn-default, .edit-button, .spende-button
    {
        line-height: 44px!important;
    }
}

/*Formhandeler wir helfen*/

.input-group-addon {
    font-weight: bold;
    color: #fff;
    background-color: #666;
    border: 2px solid #1e1c1f;
}

.input-group {
    margin-bottom: 30px;
}


#contact-form .btn-primary:hover, #contact-form  .btn-primary:focus, #contact-form .btn-primary.focus, #contact-form  .btn-primary:active,#contact-form  .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #e40428;
    border-color: #666;
}
#contact-form .btn-primary {
    color: #000;
    background-color: #fff;
    border-color: #e40428;
}
.btn-group, .btn-group-vertical {
    margin-bottom: 15px;
}

@media screen and (max-width: 480px)
{
    #contact-form .btn-primary {
        font-size: 17px;
    }



}

.ik-box .selectpicker-container {
    margin-bottom: 15px;
}

.ik-box .selectpicker-container .selectpicker-options {
    top: -10px;
    position: relative;
}
.ik-box .selectpicker-container .selectpicker-options small {
    font-size: 12px;
}

.selectpicker-container .bootstrap-select.btn-group.open .dropdown-menu {
    display: block;
    border: 2px solid #1E1C1F;
    border-top: none;
}
.selectpicker-container .bootstrap-select.btn-group.open .dropdown-menu.inner {
    border: none;
    margin-top: 10px;
}

.selectpicker-container .bootstrap-select.btn-group.open .dropdown-menu>li>a {
    padding: 3px 0 3px 8px;
}
.selectpicker-container .bootstrap-select.btn-group .dropdown-menu li a span.text {
    white-space: nowrap;
    text-overflow: ellipsis;
}
.selectpicker-container .selectpicker-button {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 2px solid #1E1C1F;
    background-color: white;
    padding: 9px 35px 9px 38px;
    color: #303030;
    font-weight: 400;
    font-size: 0.9444rem;
    font-family: 'HelveticaNeueLT-Std-Bd';
}
@media (max-width: 1200px)  {
    .selectpicker-container .selectpicker-button {
        padding: 9px 35px 9px 8px;
    }
}
@media (max-width: 979px)  {
    .selectpicker-container .selectpicker-button {
        padding: 9px 35px 9px 38px;
    }
}
@media (max-width: 1200px)  {
    #eldiSearch select{
        padding: 5px 38px 1px 8px;
    }
}

@media (max-width: 979px)  {
    #eldiSearch select {
        padding: 5px 38px 1px 38px;
    }
}
@media (max-width: 979px)  {
    .selectpicker-container .bootstrap-select > .dropdown-toggle {
        padding-right: 4px;
    }
}
.selectpicker-container .selectpicker-button .filter-option {
    width: 94% !important;
}
.selectpicker-container .bootstrap-select.btn-group .dropdown-toggle .caret {
    position: relative;
    right: 0;
    margin-top: 0;
}
@media (max-width: 768px)  {
    .selectpicker-container .bootstrap-select.btn-group .dropdown-toggle .caret {
        position: absolute ;
        top:10px;
        right: 5px;
        left:auto;
    }
}
.selectpicker-container .selectpicker-button .caret:before {
    line-height: 28px !important;
}
@media (max-width: 979px)  {
    #eldiSearch select {
        margin-bottom: 15px;
    }
}
/*
 * Fixing bug with paddings at content element image with text
 * Fabian Bartsch, 29.11.2016
 */
.img-left .col-image {
    padding-left: 0px;
    padding-right: 0px;
}
/***********************************/

.eldisearch .btn-more .caret {
    display: initial;
}
.eldisearch .eldi-moreinfos {
    text-align: right;
    padding-top: 10px;
}
.eldisearch .eldi_label_search_decription {
    position: initial;
    right: 0;
    top: 0;
}
.selectpicker-container .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    padding-top: 6px;
}
.searcheldi .icon-arrow-down:before {
    content: "\e607";
    font-size: 1.667rem;
}
.searcheldi .select-icon {
    right: 22px;
}
/**
 * Removes yellow background of input fields in chrome
 */
input:-webkit-autofill { -webkit-box-shadow:0 0 0 500px white inset; }
input:focus:-webkit-autofill { -webkit-box-shadow:0 0 0 500px white inset; }

@media screen and (max-width: 980px)
{
    .searcheldi .btn {
        width: 100%;
    }
}

/**
 * ZMR Plugin
 */
.tx-ik-zmr  {
}
.tx-ik-zmr p {
    margin-bottom: 15px !important;
}
.tx-ik-zmr .row-margin {
    margin-bottom: 10px !important;
}
.tx-ik-zmr .row-margin-both {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.tx-ik-zmr .col-button-right {
    text-align: right;
}
.tx-ik-zmr label {
    width: 100%;
    font-weight: bold;
    letter-spacing: 0.1px;
    font-family: 'HelveticaNeueLT-Std-Bd';
}
.tx-ik-zmr form {
    position: relative;
}

.tx-ik-zmr .deduct-radio {
    float: left;
    width: 40px;
}
.tx-ik-zmr .deduct-label {
    margin-left: 40px;
}

.tx-ik-zmr #zmr-form-logincontact-errorrow-1,
.tx-ik-zmr #zmr-form-logincontact-errorrow-2 {
    display: none;
}

.tx-ik-zmr #container_label {
    position: relative;
}

.message-error.error-no-arrow:after { display:none; }
.message-error.error-no-arrow { margin-bottom: 10px; text-align: left; }

#zmr-form-login-anmelden[disabled],
#zmr-form-submit[disabled] {
    background-color: #ccc;
    color: gray;
    border-color: gray;
}

/** h2 und h3 austauschen **/
h2 {
    font-size: 1.667rem;
}
h3 {
    font-size: 1.444rem;
}


@media screen and (min-width: 761px) {
    .mobile-donation-btn {
        display: none;
    }

}

@media only screen and (min-width: 760px) and (max-width: 992px) {
    #diocesemenu .dropdown-menu>li>a
    {
        padding: 14px 0 10px 20px;
    }
}


@media screen and (max-width: 760px) {
    .mobile-donation-btn {
        margin: 20px 0;
    }

    .mobile-donation-btn .col-donation-btn {
        margin: 0px auto;
        width: 160px;
        height: 50px;
        text-align: center;
        float: none;
    }

    .mobile-donation-btn .col-donation-btn .header-spendenbutton .spendenbutton {
        height: 50px;
        padding-top: 11px;
        margin: 0;
    }

    #headersection .mobile-donation-btn .col-donation-btn .header-spendenbutton .spendenbutton:hover,
    #headersection .mobile-donation-btn .col-donation-btn .header-spendenbutton .spendenbutton:focus {
        background-color: #fff;
        color: #1e1c1f;
        text-decoration: none;
    }

}


#ep-signup-widget-mediumtopics{
    margin-top: 20px;
}


/* Background Color Classes */

.bg-red {
    background-color: #e40428;
    color:#ffffff;
}

.bg-gray {
    background-color: #f7f7f7;
    color: #000000;
}

/* Lifehacks Plattform */

.row-xxs {
    margin: 0 -5px;
}

.row-xxs [class*="col-"]{
    padding: 5px;
    width: 100%;
}

@media (min-width: 480px) {
    .row-xxs [class*="col-"]{
        width: 50%;
    }
}

@media (min-width: 760px) {
    .row-xxs [class*="col-"]{
        width: 33.33333333%;
    }
}

.l-platform .lp-content {
    padding: 24px;
}

.l-platform .lp-content.lp-with-icon {
    position: relative;
    padding-left: 66px;
}

.l-platform .lp-content .lp-headline h4 {
    margin-top: 0;
}

.l-platform .lp-content.quote p:after {
    content: "“";
    position: relative;
}

.l-platform .lp-content.quote p:before {
    content: "„";
    position: relative;
}

.l-platform .lp-content .lp-text-link {
    width: 100%;
    height: 30px;
    position: relative;
}

.l-platform .lp-content .lp-text-link a .link-icon,
.l-platform .lp-img-link a .link-icon {
    position: relative;
    bottom: -12px
}

.l-platform .bg-red.lp-content .lp-text-link a {
    color: #ffffff;
}

.l-platform .bg-gray.lp-content .lp-text-link a {
    color: #1e1c1f;
}

.l-platform .lp-content .lp-text-link a {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 24px;
    font-size: 1.333rem;
    margin-top: 0px;
    display: inline-block;
    text-decoration: none;
}

.l-platform .lp-content .lp-text-link a:hover,
.l-platform .lp-content .lp-text-link a:focus {
  text-decoration: none;
}

.l-platform .lp-content .lp-icon {
    position: absolute;
    left: 24px;
    font-size: 24px;
    font-size: 1.333rem;
}

.l-platform .lp-img-link {
    padding: 24px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.l-platform .lp-img-link a {
    color: #1e1c1f;
    font-size: 24px;
    font-size: 1.333rem;
    margin-top: 0px;
    display: inline-block;
    text-decoration: none;
}

.l-platform .lp-img-link a:hover,
.l-platform .lp-img-link a:focus {
    color: #1e1c1f;
    text-decoration: none;
}

#lp-filters ul {
    margin-bottom: 5px;
}

#lp-filters ul li {
    position: relative;
    margin-bottom: 10px;
    display: none;
}

#lp-filters ul li:after {
    content: "|";
    position: absolute;
    top: 0;
    right: -3px;
}

#lp-filters ul li:last-child:after {
    content: "";
}

#lp-filters ul li.category-filter a{
    cursor: pointer;
}

#lp-filters ul li.category-filter a:hover{
    color: #201C1F;
    text-decoration: none;
}

#lp-filters ul li.category-filter a:after {
    content: '';
    display: block;
    margin-top: -2px;
    border-bottom: 3px solid #201C1F;
    transform: scaleX(0);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    transform-origin: 0% 50%;
}

#lp-filters ul li.category-filter a:hover:after {
    transform: scaleX(1);
    border-color:#201C1F;
}

#lp-filters ul li.category-filter.active>a:after {
    transform: scaleX(1);
    border-bottom: 3px solid #201C1F;
}


/********************************
 * Donation Process Layout 2019 *
 *******************************/


header.donation-header.fixed {
    height: auto;
}

header.donation-header {
    position: relative;
    width: 100%;
}
header.donation-header .container {
    padding-top: 0;
}
header.donation-header #leftheader {
    padding-right: 0;
    padding-top: 10px;
    width: 100%;
    background: #fff;
    position: relative;
}

header.donation-header #leftheader #headerlogo {
    position: relative;
    width: 130px;
    padding-left: 20px;
    height: 80px;
    padding-top: 10px;
    margin: 0;
    z-index: 1000;
}

header.donation-header #headerlogo img {
    max-width: 95px;
    max-height: 70px;
    width: auto;
    height: auto;
}

.donation-container .readspeaker {
    top: 0;
    margin-top: 0;
}

.donation-container .readspeaker .rsbtn {
    position: relative;
    margin-bottom: 0;
}

.donation-container .readspeaker .rsbtn .rsbtn_play {
    padding: 0 !important;
    height: 24px;
    width: 29px !important;
}

#contentwrapper.donationwrapper {
    overflow: visible;
    position: relative;
    top: 0!important;
}

@media (max-width: 979px) {
    #contentwrapper.donationwrapper {
        top: -15px!important;
    }
}

.donation-container #pagecontent {
    position: relative;
}

#donationcontent {
    margin-top: 0;
    margin-left: 15px;
    margin-right: 15px;
}



/* ================================================================
   =================== Freiwilligenboerse  2019 ===================
   ================================================================ */



.row-m-x {
    margin-left: -15px;
    margin-right: -15px;
}

.row-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.col-p-x {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .col-sm-6-flex {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.mb-0 {
    margin-bottom: 0 !important;
}

.border-bottom-2-black {
    border-bottom: 2px solid #000000;
}

.ik-box {
    height: 100%;
    margin-bottom: 10px;
    padding: 0 15px;
}

.ik-box .selectpicker-container .bootstrap-select .bs-actionsbox .btn-group {
    margin-bottom: 0;
}

.ik-box .selectpicker-container .bootstrap-select .bs-actionsbox .select-all {
   display: none;
}

.ik-box .selectpicker-container .bootstrap-select .bs-actionsbox .deselect-all {
    width: 100%;
    line-height: 43px;
}

.ik-box .selectpicker-container .bootstrap-select .bs-actionsbox .deselect-all:after {
    content: "\f0e2";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 10px;
}

.ik-box .selectpicker-container .bootstrap-select.ican .bs-actionsbox .deselect-all,
.ik-box .selectpicker-container .bootstrap-select.iwill .bs-actionsbox .deselect-all {
    margin-top: 4px;
}

.ik-box .gray-box-group:not(.box-open) {
    display: none;
}

@media (max-width: 760px) {
    .ik-box .gray-box-group:not(.box-open) {
        display: block;
    }
}


.ik-box .gray-box-group.box-open {
    display: block;
    min-height: 250px;
    margin-top: 15px;
}

@media (max-width: 760px) {
    .ik-box .gray-box-group.box-open,
    .ik-box .gray-box-group:not(.box-open) {
        min-height: 290px;
    }
}

.ik-box .input-container,
.ik-box .german-container,
.ik-box .daytime-container,
.ik-box .whichday-container {
    max-width: 300px;
}

.ik-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
.ik-box input[type=text] {
    width: 100%;
    margin-bottom: 15px;
}

.ik-box input[type=text] {
    padding-right: 10px;
    padding-left: 10px;
}

.toggle-btn {
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 43px;
    text-align: left;
    padding-right: 20px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 760px) {
    .toggle-btn {
        pointer-events: none;
    }
}

.toggle-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 32px;
    width: 23px;
    height: 20px;
}

@media (max-width: 760px) {
    .toggle-btn .toggle-icon {
        display: none;
    }
}

.toggle-btn .toggle-icon i {
    font-weight: bold;
}
.toggle-btn .arrow-down span,
.show-more-less .arrow-down span{
    content: "";
    top: 9px;
    position: absolute;
    width: 14px;
    height: 4px;
    background-color: #000;
    display: inline-block;
    border-radius: 3px;
    transition: all .5s cubic-bezier(0.25,1.7,0.35,0.8);
}

.toggle-btn .arrow-down span:first-of-type,
.show-more-less .arrow-down span:first-of-type{
    left: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


.toggle-btn .arrow-down span:last-of-type,
.show-more-less .arrow-down span:last-of-type{
    right: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.box-opened .toggle-btn .arrow-down span:first-of-type,
.show-more-less:not(.collapsed) .arrow-down span:first-of-type{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.box-opened .toggle-btn .arrow-down span:last-of-type,
.show-more-less:not(.collapsed) .arrow-down span:last-of-type {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.show-more-less {
    display: table;
    padding-left: 50px;
    height: 27px;
    cursor: pointer;
}

.show-more-less .toggle-icon {
    left: 20px;
    right: auto;
    bottom: auto;
    top: -2px;
}

.ik-box .bootstrap-select.open .dropdown-menu {
    display: block;
    max-width: 300px;
    overflow-x: hidden;
}

.ik-box .bootstrap-select.open:not(.dropup) .dropdown-menu:not(.inner) {
    display: block;
    border: 2px solid #1E1C1F;
    border-top: none;
}

.ik-box .bootstrap-select.open.dropup .dropdown-menu:not(.inner) {
    display: block;
    border: 2px solid #1E1C1F;
    border-bottom: none;
}

.ik-box .bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
}

.ik-box .bootstrap-select .btn-default,
.ik-box .selectpicker-container .bootstrap-select > .dropdown-toggle.bs-placeholder,
.ik-box .selectpicker-container .bootstrap-select > .dropdown-toggle {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    background-color: transparent;
    color: #000000;
    border-radius: 0;
    border-color: #000;
    border-width: 2px;
    font-family: 'HelveticaNeueLT-Std-Bd';
    font-size: 17px;
    font-size: 0.9444rem;
}
.ik-box .selectpicker-container .bootstrap-select > .dropdown-toggle.bs-placeholder,
.ik-box .selectpicker-container .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.ik-box .selectpicker-container .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.ik-box .selectpicker-container .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.ik-box .bootstrap-select .btn:focus,
.ik-box .selectpicker-container .bootstrap-select .dropdown-toggle:focus{
    background-color: transparent;
    outline: none !important;
    color: #000000;
}

.ik-box .bootstrap-select.btn-group .btn .caret {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    left: auto;
    margin: auto;
    font-size: 32px;
    width: 23px;
    height: 20px;
    cursor: pointer;
}

.ik-box .bootstrap-select.btn-group .btn .caret:before,
.ik-box .bootstrap-select.btn-group .btn .caret:after {
    content: "";
    top: 9px;
    position: absolute;
    width: 14px;
    height: 4px;
    background-color: #000;
    display: inline-block;
    border-radius: 3px;
    transition: all .5s cubic-bezier(0.25,1.7,0.35,0.8);
}

.ik-box .bootstrap-select.btn-group .btn .caret:before {
    left: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ik-box .bootstrap-select.btn-group .btn .caret:after {
    right: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ik-box .bootstrap-select.open.btn-group .btn .caret:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ik-box .bootstrap-select.open.btn-group .btn .caret:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ik-box .bootstrap-select.btn-group .dropdown-menu li> a {
    padding: 7px 20px 2px;
}

.ik-box .bootstrap-select.btn-group .dropdown-menu li.selected > a,
.ik-box .bootstrap-select.btn-group .dropdown-menu li> a:hover,
.ik-box .bootstrap-select.btn-group .dropdown-menu li> a:focus {
    background-color: #e40428;
    color: #ffffff;
}

.ik-box .bootstrap-select.btn-group .btn .filter-option {
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 20px;
}

.ik-box .bootstrap-select.btn-group .btn:not(.selectpicker-button) .filter-option {
    padding-top: 2px;
}

.ik-box .daytime-area {
    width: 82px;
    min-height: 103px;
    display: inline-block;
    float: left;
    margin-bottom: 25px;
}

@media (min-width: 980px) {
    .ik-box .daytime-area {
        width: 30%;
        min-height: 103px;
        display: inline-block;
        float: left;
        margin-bottom: 25px;
    }
}

@media (min-width: 1300px) {
    .ik-box .daytime-area {
        width: 82px;
        min-height: 103px;
    }
}

.ik-box .daytime-area:not(:last-of-type) {
     margin-right: 25px;
}

@media (max-width: 479px) {
    .ik-box .daytime-area:not(:last-of-type) {
        margin-right: 9px;
    }
}


@media (min-width: 980px) {
    .ik-box .daytime-area:not(:last-of-type) {
        margin-right: 5%;
    }
}

@media (min-width: 1300px) {
    .ik-box .daytime-area:not(:last-of-type) {
        margin-right: 25px;
    }
}

.ik-box .daytime {
    position: relative;
    width: 82px;
    height: 80px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

@media (min-width: 980px) {
    .ik-box .daytime {
        width: 100%;
        height: 80px;
    }
}

@media (min-width: 1300px) {
    .ik-box .daytime {
        width: 82px;
        height: 80px;
    }
}

.ik-box .daytime .label-text {
    width: 80px;
    position: absolute;
    bottom: -26px;
    font-size: 14px;
    text-align: center;
    left: 0;
    letter-spacing: 0.3px;
}

@media (min-width: 980px) {
    .ik-box .daytime .label-text {
        width: 100%;
        font-size: 11px;
    }
}

@media (min-width: 1300px) {
    .ik-box .daytime .label-text {
        width: 80px;
        font-size: 14px;
    }
}

.ik-box input[type=checkbox] + label.daytime {
    background-color: #000000;
}

.ik-box input[type=checkbox]:checked + label.daytime {
    font-weight: bold;
    color: #E40428;
    background-color: #E40428;
}

.ik-box .daytime.morning {
    background-image: url("/typo3conf/ext/ik_volunteer/Resources/Public/Icons/morning.svg");
    background-position-y: bottom;
}

.ik-box .daytime.afternoon {
    background-image: url("/typo3conf/ext/ik_volunteer/Resources/Public/Icons/afternoon.png");
}

.ik-box .daytime.evening {
    background-image: url("/typo3conf/ext/ik_volunteer/Resources/Public/Icons/evening.png");
}

.ik-box .daytime-input,
.ik-box .whichday-input {
    position: absolute;
    left: -50000px;
}

.ik-box .whichday-area {
    width: 39px;
    height: 52px;
    display: inline-block;
    float: left;
}

@media (max-width: 479px) {
    .ik-box .whichday-area  {
        width: 35px;
    }
}

@media (min-width: 980px) {
    .ik-box .whichday-area {
        width: 13%;
    }
}

@media (min-width: 1300px) {
    .ik-box .whichday-area {
        width: 39px;
    }
}

.ik-box .whichday-area:not(:last-of-type) {
   margin-right: 4px;
}

@media (max-width: 479px) {
    .ik-box .whichday-area:not(:last-of-type) {
        margin-right: 3px;
    }
}

@media (min-width: 980px) {
    .ik-box .whichday-area:not(:last-of-type) {
        margin-right: 1.5%;
    }
}

@media (min-width: 1300px) {
    .ik-box .whichday-area:not(:last-of-type) {
        margin-right: 4px;
    }
}

.ik-box .whichday {
    width: 39px;
    height: 52px;
    position: relative;
    cursor: pointer;
}


@media (min-width: 980px) {
    .ik-box .whichday {
        width: 100%;
    }
}

@media (min-width: 1300px) {
    .ik-box .whichday {
        width: 39px;
    }
}

.ik-box .whichday .label-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    font-size: 18px;
    line-height: 1;
    height: 15px;
    text-align: center;
}

.ik-box input[type=checkbox] + label.whichday {
    color: #ffffff;
    background-color: #000000;
}

.ik-box input[type=checkbox]:checked + label.whichday {
    font-weight: bold;
    color: #ffffff;
    background-color: #E40428;
}

.ik-box .german-area {
    position: relative;
    display: inline-block;
    float: left;
}

.ik-box .german-area:not(.german-4) {
    margin-right: 32px;
}

@media (max-width: 479px) {
    .ik-box .german-area:not(.german-4) {
        margin-right: 20px;
    }
}

@media (min-width: 980px) {
    .ik-box .german-area:not(.german-4) {
        margin-right: 10.666%;
    }
}

@media (min-width: 1300px) {
    .ik-box .german-area:not(.german-4) {
        margin-right: 32px;
    }
}

.ik-box .german-area.german-1 {
    width: 42px;
    height: 42px;
    min-height: 68px;
    z-index: 4;
}
@media (min-width: 980px) {
    .ik-box .german-area.german-1  {
        width: 14%;
    }
}

@media (min-width: 1300px) {
    .ik-box .german-area.german-1  {
        width: 42px;
    }
}

.ik-box .german-area.german-2 {
    width: 48px;
    height: 48px;
    min-height: 74px;
    z-index: 3;
}

@media (min-width: 980px) {
    .ik-box .german-area.german-2  {
        width: 16%;
    }
}

@media (min-width: 1300px) {
    .ik-box .german-area.german-2  {
        width: 48px;
    }
}

.ik-box .german-area.german-3 {
    width: 54px;
    height: 54px;
    min-height: 80px;
    z-index: 2;
}

@media (min-width: 980px) {
    .ik-box .german-area.german-3  {
        width: 18%;
    }
}

@media (min-width: 1300px) {
    .ik-box .german-area.german-3  {
        width: 54px;
    }
}

.ik-box .german-area.german-4 {
    width: 60px;
    height: 60px;
    min-height: 86px;
    z-index: 1;
}

@media (min-width: 980px) {
    .ik-box .german-area.german-4  {
        width: 20%;
    }
}

@media (min-width: 1300px) {
    .ik-box .german-area.german-4  {
        width: 60px;
    }
}

.ik-box .german-area .german-label {
    position: relative;
}

.ik-box .german-area.german-1 label {
    width: 42px;
    height: 42px;
    margin-top: 10px;
}

@media (min-width: 980px) {
    .ik-box .german-area.german-1 label  {
        width: 100%;
    }
}

@media (min-width: 1300px) {
    .ik-box .german-area.german-1 label  {
        width: 42px;
    }
}

.ik-box .german-area.german-2 label {
    width: 48px;
    height: 48px;
    margin-top: 6px;
}
@media (min-width: 980px) {
    .ik-box .german-area.german-2 label  {
        width: 100%;
    }
}

@media (min-width: 1300px) {
    .ik-box .german-area.german-2 label  {
        width: 48px;
    }
}

.ik-box .german-area.german-3 label {
    width: 54px;
    height: 54px;
    margin-top: 3px;
}

@media (min-width: 980px) {
    .ik-box .german-area.german-3 label  {
        width: 100%;
    }
}

@media (min-width: 1300px) {
    .ik-box .german-area.german-3 label  {
        width: 54px;
    }
}

.ik-box .german-area.german-4 label {
    width: 60px;
    height: 60px;
}

@media (min-width: 980px) {
    .ik-box .german-area.german-4 label  {
        width: 100%;
    }
}

@media (min-width: 1300px) {
    .ik-box .german-area.german-4 label  {
        width: 60px;
    }
}

.ik-box .german-label .label-text {
    position: absolute;
    bottom: -26px;
    right: 0;
    left: 0;
    margin: auto;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.3px;
    white-space: nowrap;
}

.ik-box .german-label:after {
    content: "\f075";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    color: #ffffff;
}

.ik-box .german-4 .german-label:after {
    font-size: 27px;
    height: 27px;
    width: 27px;
}

.ik-box .german-3 .german-label:after {
    font-size: 22px;
    height: 22px;
    width: 22px;
}

.ik-box .german-2 .german-label:after {
    font-size: 19px;
    height: 19px;
    width: 19px;
}

.ik-box .german-1 .german-label:after {
    font-size: 16px;
    height: 16px;
    width: 16px;
}

.ik-box .german-area:not(.german-1) .german-label:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: inherit;
    top: 0;
    bottom: 0;
    left: -74%;
    margin: auto;
}

.ik-box .german-area label.german-label {
    color: #000000;
    background-color: #000000;
}

.ik-box input[type=radio]:checked + label.german-label,
.ik-box .label-active label.german-label{
    font-weight: bold;
    color: #E40428;
    background-color: #E40428;
}

.ik-box label.drivinglicense,
.ik-box label.over18 {
    width: 135px;
    display: inline-block;
}

@media (max-width: 480px) {
    .ik-box label.drivinglicense,
    .ik-box label.over18 {
        width: 49%;
        float: left;
    }
}

@media (min-width: 980px) {
    .ik-box label.drivinglicense,
    .ik-box label.over18 {
        width: 50%;
        float: left;
    }
}

.ik-box input[type='radio'] + label.drivinglicense .radio-border,
.ik-box input[type='radio'] + label.over18 .radio-border {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-color: #B9B9B9;
    border-radius: 99em;
    position: relative;
    top: 5px;
}

.ik-box input[type=radio]:checked + label.drivinglicense .radio-border:after,
.ik-box input[type=radio]:checked + label.over18 .radio-border:after{
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: #000000;
    border-radius: 99em;
}

.ik-box .label-for-radio {
    padding-left: 5px;
    line-height: 1;
}

@media (min-width: 980px) {
    .ik-box .label-for-radio {
        font-size: 12px;
        font-size: 0.67rem;
        letter-spacing: 0.3px;
    }
}

@media (min-width: 1300px) {
    .ik-box .label-for-radio  {
        font-size: 17px;
        font-size: 0.9444rem;
        letter-spacing: 0;
    }
}

.btn-tag {
    height: 30px;
    line-height: 1.2;
    color:#000000;
    background-color: #B5B5B5;
    border-radius: 0;
    font-size: 17px;
    font-size: 0.9444rem;
    margin: 0 1px 5px 0;
}
.btn-tag:not(.checked):hover,
.btn-tag:not(.checked):focus {
    color:#000000;
    background-color: #B5B5B5;
}

.btn-tag.checked {
    background-color: #000000;
    color:#ffffff;
}

ul.share-social.volunteeractivity-share {
    margin: 15px 0;
}

ul.share-social.volunteeractivity-share >li {
    line-height: 1;
}

ul.share-social.volunteeractivity-share li a {
    font-size: 25px;
    line-height: 1;
    text-decoration: none;
}

ul.share-social.volunteeractivity-share li a:hover,
ul.share-social.volunteeractivity-share li a:focus {
   text-decoration: none;
}

#ik_volunteer-carousel .carousel-inner.row {
    margin: 0 -15px;
    width: auto;
}

@media (min-width: 760px) {
    #ik_volunteer-carousel .carousel-inner>.item {
        display: block!important;
        -webkit-transition: unset;
        -o-transition: unset;
        transition: unset;
    }
}

@media (min-width: 760px) {
   #ik_volunteer-carousel .carousel-indicators {
        display: none;
    }
}
#ik_volunteer-carousel .carousel-indicators {
    bottom: 0;
}

#ik_volunteer-carousel .carousel-indicators li {
    border: 1px solid #D8D8D8;
    background-color: #D8D8D8;
}
#ik_volunteer-carousel .carousel-indicators .active {
    background-color: #E40428;
    border-color: #E40428;
    margin: 1px 5px 1px 1px;
}

.more-details {
    margin: 30px 0;
}

#volunteer-applications-form-overlay {
    margin: 30px 0;
}

.collapsed .not-collapsed-text {
    display: none;
}

.collapsed .collapsed-text {
    display: block;
}

.show-more-less:not(.collapsed) .collapsed-text {
    display: none;
}

.back-btn {
    width: 300px;
    height: 55px;
    background-color: #fff;
    color: #1e1c1f;
    z-index: 400;
}

.back-btn a {
    color: #1e1c1f;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.back-btn a:hover .icon-arrow-left,
.back-btn a:focus .icon-arrow-left {
    padding-left: 10px;
    color: #666;
}

.back-btn a:hover,
.back-btn a:focus {
    color: #666;
}

.back-btn .buttontext {
    font-family: 'HelveticaNeueLT-Std-Bd';
    padding-top: 0;
    display: inline-block;
    padding-top: 16px;
    padding-bottom: 13px;
    line-height: 23px;
    line-height: 1.333rem;
    vertical-align: top;
    width: auto;
    font-size: 17px;font-size: 0.9444rem;
}

.back-btn a .icon-arrow-left {
    width: 80px;
    display: inline-block;
    font-size: 28px;font-size: 1.556rem;
    line-height: 23px;
    line-height: 1.333rem;
    padding-top: 16px;
    padding-bottom: 13px;
    min-width: 25px;
    padding-left: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #1e1c1f;
}

.carousel-area {
    position: relative;
    z-index: 1;
}
@media (max-width: 760px) {
    .carousel-area { overflow: hidden}
    /*.carousel-area:before {content: "";display: block;position: absolute;left: 0;width: 15px;height: 100%;background: #fff;z-index: 1;}
    .carousel-area:after {content: "";display: block;position: absolute;right: 0;width: 15px;height: 100%;background: #fff;z-index: 1;}*/
}

.carousel-area .indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
.carousel-area .indicator.indicator-active {
    background-color: #E40428;
}
@media (min-width: 760px) {
    .carousel-area .carousel-indicators {
        display: none !important;
    }
}
.carousel-area .indicator {
    width: 13px;
    height: 13px;
    background-color: #D8D8D8;
    display: inline-block;
    cursor: pointer;
    border-radius: 99em;
}

.carousel-area .carousel-wrapper {
    transform: translate3d(0px, 0px, 0px);
    -webkit-transition: all ease .55s;
    transition: all ease .55s;
    width: calc(100% * 4);
}
@media (min-width: 760px) {
    .carousel-area .carousel-wrapper {
        width: auto!important;
        transform: translate3d(0px, 0px, 0px)!important;
    }
}

@media (max-width: 760px) {
    .carousel-area .carousel-area-items {
        width: 50%;
        float: left;
        padding: 0 !important;
    }
}

@media (max-width: 759px) {
    .carousel-area .carousel-area-item {
        width: 50%;
        float: left;
        display: inline-block;
        margin: 0;
        transition: transform 0.6s ease;
        margin: 0 !important;
    }
}

.carousel-area .carousel-arrows {
    position: absolute;
    bottom: 10px;
    font-size: 30px;
    cursor: pointer;
}
@media (min-width: 760px) {
    .carousel-area .carousel-arrows {
        display: none !important;
    }
}
.carousel-area .carousel-arrow-left {
    left: 15px;
    display: none;
}
.carousel-area .carousel-arrow-right {
    right: 15px;
}
.carousel-area .carousel-arrow-right {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph;
    filter: fliph;
}

.carousel-area .both:not(.opened) {
    display: none;
}

@media (min-width: 760px) {
    .carousel-area  .both:not(.opened) {
        display: block;
    }
}

.carousel-area .opened .open-element-item-2 {
    display: none;
}

@media (min-width: 760px) {
    .carousel-area  .opened .open-element-item-2 {
        display: block;
    }
}

.carousel-area .carousel-wrapper.carousel-wrapper-smaller {
    width: 100%;
    transform: translate3d(0px, 0px, 0px)!important;
}

@media (min-width: 760px) {
    .carousel-area .carousel-wrapper.carousel-wrapper-smaller {
        width: auto !important;
        transform: translate3d(0px, 0px, 0px) !important;
        -webkit-transition: all linear 0s;
        transition: all linear 0s;
    }
}
@media (max-width: 759px) {
    .carousel-area .carousel-wrapper.carousel-wrapper-smaller .carousel-area-item {
        width: 100%;
    }

    .carousel-area .carousel-wrapper.carousel-wrapper-smaller .carousel-area-items{
        width: 100%;
    }
}

.contentsection .content-right .row.mt-15 {
    margin-top: 15px;
}

.selectpicker-container .bootstrap-select.btn-group .no-results {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 394px) {
    .carousel-area .carousel-arrows-z {
        z-index: -1;
    }
}

@media (max-width: 759px) {
    .carousel-area .carousel-arrow-left.carousel-arrows-z {
        z-index: -1;
    }
}

@media (max-width: 460px) {
    #ik-volunteeractivity-search #jobs-submit-btn {
        min-width: 140px;
        margin: 30px auto 30px auto;
    }
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.ik-box-loader {
    width: calc(100% - 30px);
    height: calc(100% - 20px);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    background-color: #f7f7f7;
    z-index: 1002;
}

.ik-box-loader .ik-box-loader-item {
    height: 53px;
    display: block;
    position: absolute;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.ik-box .dropdown-menu {
    scrollbar-width: thin;
    scrollbar-color: #000 #fff;
}
.ik-box .dropdown-menu::-webkit-scrollbar {
    width: 9px;
}
.ik-box .dropdown-menu::-webkit-scrollbar-track {
    background: #fff;
}
.ik-box .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 99rem;
    border: 3px solid #000;
}