:root {
    --farbe1: #0070c0;
    --farbe2: #5b9bd5;
    --farbe3: #5b9bd5;
    /*
    --farbe4: #da753b;
    --farbe5: #ca3d3d;
    */
}


html, body{font-family: 'Lato', sans-serif;}
/*
html, body{background: #ffffff}
*/

@media only screen and (max-width: 575px) {
    html, body{background: #ffffd9}
}

@media only screen and (min-width: 576px) {
    html, body{background: url(../Images/bg540.jpg) top center #ffffd9 repeat-y;}
}

@media only screen and (min-width: 768px) {
    html, body{background: url(../Images/bg720.jpg) top center #ffffd9 repeat-y;}
}

@media only screen and (min-width: 992px) {
    html, body{background: url(../Images/bg960.jpg) top center #ffffd9 repeat-y;}
}

@media only screen and (min-width: 1200px) {
    html, body{background: url(../Images/bg1140.jpg) top center #ffffd9 repeat-y;}
}




*:focus {outline: none;}

body.farbe1 .inhaltsbereich a {color: var(--farbe1); text-decoration: none; font-weight: bolder;}
body.farbe1 .inhaltsbereich a:hover{text-decoration: underline;}
body.farbe2 .inhaltsbereich a {color: var(--farbe2); text-decoration: none; font-weight: bolder;}
body.farbe2 .inhaltsbereich a:hover{text-decoration: underline;}
body.farbe3 .inhaltsbereich a {color: var(--farbe3); text-decoration: none; font-weight: bolder;}
body.farbe3 .inhaltsbereich a:hover{text-decoration: underline;}
body.farbe4 .inhaltsbereich a {color: var(--farbe4); text-decoration: none; font-weight: bolder;}
body.farbe4 .inhaltsbereich a:hover{text-decoration: underline;}
body.farbe5 .inhaltsbereich a {color: var(--farbe5); text-decoration: none; font-weight: bolder;}
body.farbe5 .inhaltsbereich a:hover{text-decoration: underline;}

a.envelope{font-weight: bold; color: #373a3c; text-decoration: none; line-height: normal; margin-left:1.25em;}
a.envelope:hover{font-weight: bold; color: #2b4d89; text-decoration: none; line-height: normal; margin-left:1.25em;}

a.envelope::before {
    content: url(../Icons/Envelope_font_awesome.svg);
    width: 1em;
    height: 1em;
    display: inline-block;
    margin-left: -1.3333333333334em;;
    margin-top: .25em;
    position: absolute;
}

a.envelope:hover::before {
    content: url(../Icons/Envelope_font_awesome_hover.svg); /* Hover-Farbe in SVG einstellen */
}




span.mandatory{margin-left:4px;}




/* Powermail */

.powermail_captcha{margin-top:50px;}
img.powermail_captchaimage{margin-top:-91px; height: 38px; border-radius: 8px; position: absolute;}
img.powermail_captchaimage::after {
    content: 'test';
    margin-left:300px; position:absolute; width:100px; height: 100px; background: red; display: inline-block;
}



#c98{display: inline-block}
.powermail_fieldwrap_datenschutz .control-label{display:none;}
[type="checkbox"], [type="radio"]{margin-right:5px;}
.powermail_field_error_container ul.powermail-errors-list.filled{float:none !important; margin-bottom:20px;}



.powermail_confirmation .table-responsive {display: table;}



.powermail_confirmation td{width:50% !important; padding: 10px 15px;}


.table-hover tbody tr:hover {
    background-color: none !important;
}



.powermail_confirmation .btn-group{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}


.powermail_confirmation .btn{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.powermail_confirmation .btn.absenden{
    background-color: #FE195C !important;
    color: #fff;
    font-size:.8em;
    padding:15px !important;
}


.powermail_confirmation .btn.absendenpatewerden{
    background-color: #3b9b01 !important;
    color: #fff;
    font-size:.8em;
    padding:15px !important;
}



.powermail_confirmation .btn.zurueck{
    color: #373a3c;
    font-size:.8em;
    padding:15px !important;
}




.powermail_confirmation input.btn-primary{
    background-color: var(--farbe2) !important;
    border-color: color: var(--farbe2);
    text-decoration: none !important;
    display: block;
    text-align: center;
    padding: 15px !important;
    font-weight: 500;
    font-size: .8em;
    border-radius: 8px;
    color: #ffffff;
}

.powermail_confirmation input.btn-danger{
    background-color: #f5f5f5 !important;
    border-color: #f5f5f5;
    text-decoration: none !important;
    display: block;
    text-align: center;
    padding: 15px !important;
    font-weight: 500;
    font-size: .8em;
    border-radius: 8px;
    color: #373a3c;
}





.tx-powermail .container-fluid{padding-left: 0;
    padding-right: 0;}


/* Patenschaftsformular grün hinterlegt */


.powermail_fieldwrap_tiername{display:none;}



.powermail_fieldset.powermail_fieldset_12{
    background: #3b9b01;
    color: #fff;
    border-radius: 8px;
    padding: 20px 15px 0 15px;
    margin-bottom: 30px;
}



#c1420 .powermail_fieldwrap_marker_01 {
    background: inherit;
    padding: 0;
    color: inherit;
}





    /* Spendenformular pink hinterlegt */



.powermail_fieldwrap_ichmoechtehelfen{
    background: #FE195C;
    color: #fff;
    border-radius: 8px 8px 0 0;
    padding: 20px 15px 0 15px;
    margin-bottom: 0;
}


.powermail_fieldwrap_ichmoechtehelfen p{margin-bottom:0;}




.powermail_fieldwrap_betrag{
    background: #FE195C;
    color: #fff;
    padding: 0 15px 15px 15px;
}

.powermail_fieldwrap_betrag.form-group{margin-bottom:0;}


.powermail_fieldwrap_zweck{
    background: #FE195C;
    color: #fff;
    border-radius: 0 0 8px 8px;
    padding: 0 15px 20px 15px;
}

.powermail_fieldwrap_zweck p{margin-bottom:0;}





.powermail_fieldwrap_marker_01{background: #FE195C; padding:20px 15px 15px 15px; color: #fff;}

.powermail_fieldwrap_marker_01 .radio{padding:0 15px; line-height: normal;}




.powermail_fieldwrap_marker_01.form-group {margin-bottom:0;}




.powermail_fieldwrap_betrag.powermail-errors-list {
    float: none;
    clear: left;
}




.tx-powermail .powermail_fieldset .powermail-errors-list {
    margin: 5px 0;
    float: none;
}



.tx-powermail .powermail_fieldset .powermail_field_error_container .powermail-errors-list>li {
    padding-left: 10px;
    background: #F2DEDE;
}


.powermail_fieldset {
    margin-top: 15px;
    margin-bottom: .5rem;
}

.powermail_fieldset legend{font-family: 'Bitter', serif; font-weight: 500;}


#c96 .powermail_fieldwrap_marker_01 {
    background: none;
    padding: 0 0 30px 0;
}


#c133 .powermail_fieldwrap_spamschutz{margin-bottom:30px;}



.powermail_fieldwrap_type_radio .powermail_field_error:first-child{border-top: 5px solid #EBCCD1;}









.randleiste .tx-powermail{padding: 0 15px;}

.powermail_fieldset {
    margin-top: 0;
    margin-bottom: 15px;
}



#c97{margin-top:30px;}


#c190{display:inline-block;}



.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f5f5f5;
}



body.farbe1 .btn-primary {background-color: var(--farbe1); border-color: color: var(--farbe1);}
body.farbe1 .btn-primary:hover {background-color: var(--farbe1); border-color: color: var(--farbe1);}
body.farbe2 .btn-primary {background-color: var(--farbe2); border-color: color: var(--farbe2);}
body.farbe2 .btn-primary:hover {background-color: var(--farbe2); border-color: color: var(--farbe2);}
body.farbe3 .btn-primary {background-color: var(--farbe3); border-color: color: var(--farbe3);}
body.farbe3 .btn-primary:hover {background-color: var(--farbe3); border-color: color: var(--farbe3);}
body.farbe4 .btn-primary {background-color: var(--farbe4); border-color: color: var(--farbe4);}
body.farbe4 .btn-primary:hover {background-color: var(--farbe4); border-color: color: var(--farbe4);}
body.farbe5 .btn-primary {background-color: var(--farbe5); border-color: color: var(--farbe5);}
body.farbe5 .btn-primary:hover {background-color: var(--farbe5); border-color: color: var(--farbe5);}



body.farbe1 .inhaltsbereich .btn-primary {background-color: var(--farbe1); border-color: color: var(--farbe1); text-decoration: none !important; display: block; text-align: center; padding: 15px !important; font-weight: 500; font-size: .8em; border-radius: 8px; color: #ffffff;}
body.farbe1 .inhaltsbereich .btn-primary:hover {background-color: var(--farbe1); border-color: color: var(--farbe1);}
body.farbe2 .inhaltsbereich .btn-primary {background-color: var(--farbe2); border-color: color: var(--farbe2); text-decoration: none !important; display: block; text-align: center; padding: 15px !important; font-weight: 500; font-size: .8em; border-radius: 8px; color: #ffffff;}
body.farbe2 .inhaltsbereich .btn-primary:hover {background-color: var(--farbe2); border-color: color: var(--farbe2);}
body.farbe3 .inhaltsbereich .btn-primary {background-color: var(--farbe3); border-color: color: var(--farbe3); text-decoration: none !important; display: block; text-align: center; padding: 15px !important; font-weight: 500; font-size: .8em; border-radius: 8px; color: #ffffff;}
body.farbe3 .inhaltsbereich .btn-primary:hover {background-color: var(--farbe3); border-color: color: var(--farbe3);}
body.farbe4 .inhaltsbereich .btn-primary {background-color: var(--farbe4); border-color: color: var(--farbe4); text-decoration: none !important; display: block; text-align: center; padding: 15px !important; font-weight: 500; font-size: .8em; border-radius: 8px; color: #ffffff;}
body.farbe4 .inhaltsbereich .btn-primary:hover {background-color: var(--farbe4); border-color: color: var(--farbe4);}
body.farbe5 .inhaltsbereich .btn-primary {background-color: var(--farbe5); border-color: color: var(--farbe5); text-decoration: none !important; display: block; text-align: center; padding: 15px !important; font-weight: 500; font-size: .8em; border-radius: 8px; color: #ffffff;}
body.farbe5 .inhaltsbereich .btn-primary:hover {background-color: var(--farbe5); border-color: color: var(--farbe5);}











@media only screen and (min-width: 768px) {


}



@media only screen and (min-width: 992px) {


}

/* Powermail */










/* Formatierung Info-Boxen */


.frame-layout-106{background: #b4d4ed; padding: 15px 15px 1px 15px; border-radius: 8px; margin-bottom: 1em}















.frame-layout-107{background: #FE195C; color:#ffffff; margin: 0 0 15px 0; padding: 15px 15px 0 15px; width:100%; display:table; border-radius: 8px;}

.frame-layout-107 a{
    color:#ffffff;
    text-decoration: none;
}

.inhalt .frame-layout-107 a{
    color:#ffffff !important;
    text-decoration: none;
}

.frame-layout-107 h2 {
    display: inline-block;
    color: #e4121c;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 .5em 0;
    font-weight: 300;
    font-size: 1.5em;
    line-height: 1.25em;
}

.frame-layout-107 a.btn {
    color: #FE195C !important;
    background: #ffffff;
    text-decoration: none !important;
    display: inline-block;
    padding: 10px 15px;
    font-weight: 500;
    font-size: .8em;
    border-radius: 0;
    border-radius: 8px;
}

.frame-layout-107 a.btn:last-child {
    margin-bottom: 10px;
}




.randleiste .frame-layout-107 hr{
    border-top: 1px solid #ffffff !important;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.frame-layout-107 h3{margin-top: .5em;}





.frame-layout-107 td:first-child{width:30%}
.frame-type-table.frame-layout-107{padding-bottom:10px;}







.randleiste .article hr{
    border-top: 1px solid #373a3c !important;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.inhaltsbereich .article hr{
    border-top: 1px solid #373a3c !important;
    margin-top: .5rem;
    margin-bottom: .5rem;
}



.randleiste .article h3{margin-top: .5em; margin-bottom: .5rem !important;}

.inhaltsbereich .article h3{margin-top: .5em; margin-bottom: .5rem !important;}
















body.farbe1 .frame-layout-110{background: rgba(43, 77, 137, .25); padding: 15px; border-radius: 8px; margin-bottom: 1em}
body.farbe2 .frame-layout-110{background: rgba(59, 155, 1, .25); padding: 15px; border-radius: 8px; margin-bottom: 1em}
body.farbe3 .frame-layout-110{background: rgba(242, 198, 61, .25); filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; padding: 15px; border-radius: 8px; margin-bottom: 1em}
body.farbe4 .frame-layout-110{background: rgba(218, 117, 59, .25); filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; padding: 15px; border-radius: 8px; margin-bottom: 1em}
body.farbe5 .frame-layout-110{background: rgba(202, 61, 61, .25); filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; padding: 15px; border-radius: 8px; margin-bottom: 1em}


body.farbe1 .frame-layout-110 a{background: #fff; display:block; padding: 15px; border-radius: 8px; margin-bottom: -15px;

    text-align: center;
    padding: 10px 15px;
    font-weight: 500;
    font-size: .8em;
    text-decoration: none;
    color: var(--farbe1);


}





body.farbe2 .frame-layout-110{background: rgba(59, 155, 1, .25); padding: 15px; border-radius: 8px; margin-bottom: 1em}
body.farbe3 .frame-layout-110{background: rgba(242, 198, 61, .25); filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; padding: 15px; border-radius: 8px; margin-bottom: 1em}
body.farbe4 .frame-layout-110{background: rgba(218, 117, 59, .25); filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; padding: 15px; border-radius: 8px; margin-bottom: 1em}
body.farbe5 .frame-layout-110{background: rgba(202, 61, 61, .25); filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; padding: 15px; border-radius: 8px; margin-bottom: 1em}






.frame-layout-120{background: rgba(180, 212, 237); padding: 15px; border-radius: 8px; margin-bottom: 1em}
.frame-layout-120 a{color: #373a3c; text-decoration: none;}
.frame-layout-120 img{width:90px;}
.frame-layout-120 div.ce-gallery{margin-bottom: 0 !important;}
.frame-layout-120 h3{font-size: 1.25em;}



@media only screen and (min-width: 768px) and (max-width: 991px){
.frame-layout-120 img{width:60px;}
.frame-layout-120 div.ce-gallery{margin-bottom: 0 !important;}
}








    /* Formatierung Info-Boxen */


/* Content Elemente */


/* Content-Bereich (grau hinterlegt) */
.frame-layout-200{background: #f5f5f5; padding: 15px; border-radius: 8px; margin-bottom: 1em}
.frame-layout-200 .image-caption{margin-top:7.5px; font-size: .8em; font-weight:bold;}

/* Content-Bereich (hellblau hinterlegt) */
.frame-layout-205{background: var(--farbe3); color:#ffffff; padding: 15px; border-radius: 8px; margin-bottom: 1em}
.frame-layout-205 .image-caption{margin-top:7.5px; font-size: .8em; font-weight:bold;}

/* Content-Bereich (dunkelblau hinterlegt) */
.frame-layout-206{background: var(--farbe1); color:#ffffff; padding: 15px; border-radius: 8px; margin-bottom: 1em}
.frame-layout-206 .image-caption{margin-top:7.5px; font-size: .8em; font-weight:bold;}


/* Content-Bereich (dunkelgrün hinterlegt) */
.frame-layout-266{background: #3b9b01; color:#ffffff; padding: 15px; border-radius: 8px; margin-bottom: 1em}
.frame-layout-266 .image-caption{margin-top:7.5px; font-size: .8em; font-weight:bold;}

.frame-layout-266 a {display: block;
color: #3b9b01 !important;
    background: #FFFFFF;
text-align: center;
padding: 10px 15px;
text-decoration: none !important;
font-weight: 500 !important;
transition: .3s;
border-radius: 8px;
font-size: .8em;
}





/* Formular (grau hinterlegt) */
.frame-layout-210{background: #f5f5f5; border-radius: 8px; padding: 15px 0 0 0}
.frame-layout-210 .btn {margin-bottom: 0;}



/* YouTube-Video (responsive) */

/* Stellt den Container des Videos responsiv ein */
.frame-layout-220 {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    padding-top: 0;
    height: 0;
    background: url("../Images/yt_blocked.png");
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
}

/* Stellt das iframe des Videos so ein, dass es den Container voll ausfüllt */
.frame-layout-220 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}



/* ------------------------------------------------------------------- */

.cookie-set.script p, .cookie-set-direct.script p {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    color: #333333;
    text-align: left;
    background-color: none;
    margin: 0 auto;
    padding: 0;
    border-radius: 5px;
}

.wcmcontainer{padding:15px;}

.wcmcontainer strong{text-decoration:underline}

.waconcookiemanagement {
    display: none;
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #373a3c;
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0, 0, 0, 0.5);
    font-weight: 300;
}

.waconcookiemanagement p.h2{
    font-family: 'Bitter', serif;
    margin-bottom: .5em;
    font-weight:500;
    font-size: 2rem !important;
    line-height: 1.1;
}

#CookieBox .intro p {
    width: calc(100% - 60px);
    font-size: 1rem;
    line-height: 1.5;
    color: #373a3c;
    font-weight: 400;
}

#CookieBox .box-cookie-management-in > p {
    width: calc(100% - 60px);
}

#CookieBox p{
font-size: 1rem;
line-height: 1.5;
color: #373a3c;
font-weight: 400;
}

#CookieBox .h2 {
    text-align: left;
    font-weight: 400;
}

#CookieBox .category .h3 {
    margin-top: 0;
    font-weight: 400;
    font-size: 1.1rem;
}

#CookieBox .cookie-accept-container, #CookieBox .cookie-management-container {
    text-align: left;
}

#CookieBox .cookie-refuse-container, #CookieBox .cookie-accept-container {
    text-align: left;
}

#CookieBox .cookie-btn {
    display: inline-block;
    font-family: inherit;
    font-size: .8em;
    font-weight: 500;
    line-height: 1.5;
    padding: 10px 15px !important;
    text-decoration: none;
    background: #3b9b01;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    margin: 15px auto 0 auto;
    width:240px;
    text-align: center;
}

@media only screen and (max-width: 768px) {

    #CookieBox .cookie-btn {
        display: block;
        font-family: inherit;
        font-size: .8em;
        font-weight: 500;
        line-height: 1.5;
        padding: 10px 15px !important;
        text-decoration: none;
        background: #3b9b01;
        border-radius: 8px;
        color: #fff;
        cursor: pointer;
        margin: 15px auto 0 auto;
        width: 100%;
        text-align: center;
    }

}

#CookieBox .cookie-management, #CookieBox .cookie-refuse {
    margin: 0 0 10px 0;
    text-align: center;
    cursor: pointer;
    border-radius: 8px;
    padding: 10px 15px !important;
    background-color: #ccc;
    width: 240px;
    text-align: center;
    display: block;
}

@media only screen and (max-width: 768px) {

    #CookieBox .cookie-management, #CookieBox .cookie-refuse {
        margin: 0 0 10px 0;
        text-align: center;
        cursor: pointer;
        border-radius: 8px;
        padding: 10px 15px !important;
        background-color: #ccc;
        width: 100%;
        text-align: center;
        display: block;
    }

}

@media only screen and (max-width: 768px) {

    #CookieBox .cookie-fix .cookie-save {
        float: left;
        margin-left: 30px;
        width: calc(100% - 60px);
    }

}

#CookieBox a {
    color: #fff;
    font-size: .8em;
    text-transform: none;
    text-decoration: none;
}

#CookieBox .cookie-fix .cookieback, #CookieBox .cookie-fix .cookie-refuse {
    display: block;
    margin: 10px auto;
    cursor: pointer;
    border-radius: 8px;
    padding: 10px 15px !important;
    background-color: #ccc;
    white-space: nowrap;
    width: 240px;
    text-align: center;
    color: #fff;
}

#CookieBox .text-center {
    text-align: left;
}

#CookieBox .info-show {
    cursor: pointer;
    text-decoration: underline;
}

#CookieBox .info-hide {
    cursor: pointer;
    text-decoration: underline;
}

@media only screen and (max-width: 768px) {

    #CookieBox .cookie-fix .cookieback, #CookieBox .cookie-fix .cookie-refuse {
        margin: 0 auto 10px auto;
        width: 100%;
    }

    #CookieBox .cookie-fix .text-back-right {
        float: left;
        margin-right:60px;
        margin-left:30px;
        width: calc(100% - 60px);
    }

}

#CookieBox .cookieclose {
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
    border-radius: 8px;
    border: none;
    background: #ca3d3d;
    padding: 2px 9px;
    font-family: 'Lato', serif;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}

#CookieBox .cookie-legal a:first-child {
    display: inline-block;
    padding: 0;
    font-size: .9rem;
    margin-right: 0;
    color: #333333;
    text-decoration: none;
    cursor: pointer;
}

#CookieBox .cookie-legal a:hover {
    text-decoration: underline;
}


#CookieBox {
    z-index: 201;
    position: fixed;
    top: 10%;
    left: 25%;
    width: 50%;
    max-width: 100%;
    max-height: 80%;
    overflow: auto;
    background: #fff;
    padding: 50px 20px 20px;
    border-radius: 8px;
}

@media only screen and (max-width: 768px) {

    #CookieBox {
        z-index: 201;
        position: fixed;
        top: 10%;
        left: 5%;
        width: 90%;
        max-width: 100%;
        max-height: 80%;
        overflow: auto;
        background: #fff;
        padding: 30px 20px 20px;
        border-radius: 8px;
    }


}



.cookie-set:hover{text-decoration: underline;}


/* ------------------------------------------------------------------- */







body.farbe1 .frame-layout-200 h2, body.farbe1 .frame-layout-200 h3 {color: var(--farbe1);}
body.farbe2 .frame-layout-200 h2, body.farbe2 .frame-layout-200 h3 {color: var(--farbe2);}
body.farbe3 .frame-layout-200 h2, body.farbe3 .frame-layout-200 h3 {color: var(--farbe3);}
body.farbe4 .frame-layout-200 h2, body.farbe4 .frame-layout-200 h3 {color: var(--farbe4);}
body.farbe5 .frame-layout-200 h2, body.farbe5 .frame-layout-200 h3 {color: var(--farbe5);}







/* Content Elemente */



.ce-gallery[data-ce-columns="1"] {
    margin-top:0;
}








ul.ce-uploads{
    border-top: 1px solid #646464;
}



ul.ce-uploads li {margin: 0;}


ul.ce-uploads li a{
font-family: 'Bitter', serif;
width: 100%;
margin: 0;
font-weight: normal;
padding: 7.5px 42px 7.5px 7.5px;
line-height: normal;
background: url(../Images/dl-pfeil-0.png) no-repeat top right;
display: block;
border-bottom: 1px solid #646464;
text-decoration: none !important;
}




body.farbe1 ul.ce-uploads li a:hover {background-color: var(--farbe1) !important; background: url(../Images/dl-pfeil-1.png) no-repeat top right;}
body.farbe2 ul.ce-uploads li a:hover {background-color: var(--farbe2) !important; background: url(../Images/dl-pfeil-1.png) no-repeat top right;}
body.farbe3 ul.ce-uploads li a:hover {background-color: var(--farbe3) !important; background: url(../Images/dl-pfeil-1.png) no-repeat top right;}
body.farbe4 ul.ce-uploads li a:hover {background-color: var(--farbe4) !important; background: url(../Images/dl-pfeil-1.png) no-repeat top right;}
body.farbe5 ul.ce-uploads li a:hover {background-color: var(--farbe5) !important; background: url(../Images/dl-pfeil-1.png) no-repeat top right;}

ul.ce-uploads a{text-decoration: none; color: #373a3c;}
ul.ce-uploads a:hover{color: #ffffff;}





@media only screen and (min-width: 768px) and (max-width: 991px){
    html, body{font-size: 90%;}
    ul#main-menu{zoom: 90%;

        -ms-zoom: 0.9;
        -webkit-zoom: 0.9;
        -moz-transform:  scale(0.9,0.9);
        -moz-transform-origin: left bottom;


    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
    html, body{font-size: 90%;}
    ul#main-menu{zoom: 90%;}
}





/* Suchfunktion */


.randleiste .tx-kesearch-pi1 {
    background: #f5f5f5;
    padding: 15px 15px 25px 15px;
    border-radius: 8px;
    margin-bottom: 1em;
}

.randleiste .tx-kesearch-pi1 form {
    margin: 0;
}

div.kesearchbox {
    margin: 5px 0 10px 0 !important;
}



.randleiste .kesearch_searchbox span.resetbutt{display: none;}
.randleiste .kesearch_searchbox span.submitbutt input{margin: 10px 0 0 0;}



.randleiste .kesearch_searchbox span.submitbutt input {
    text-decoration: none !important;
    display: inherit;
    text-align: center;
    padding: 10px 15px;
    font-weight: 500;
    font-size: .8em;
    border-radius: 8px;
    color: #ffffff;
    width: 100%;
    max-width: unset;
    outline:none;
    box-shadow: none;
    border: none !important;
}

body.farbe1 .randleiste .kesearch_searchbox span.submitbutt input {background-color: var(--farbe1) !important;}
body.farbe2 .randleiste .kesearch_searchbox span.submitbutt input {background-color: var(--farbe2) !important;}
body.farbe3 .randleiste .kesearch_searchbox span.submitbutt input {background-color: var(--farbe3) !important;}
body.farbe4 .randleiste .kesearch_searchbox span.submitbutt input {background-color: var(--farbe4) !important;}
body.farbe5 .randleiste .kesearch_searchbox span.submitbutt input {background-color: var(--farbe5) !important;}

span.submitbutt input:hover, input.kesGreyButt:hover, span.kesGreyButt:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: inherit;
    background-image: none;
    border: none !important;
    box-shadow: none;
    color: #222;
    outline:none;
}




.randleiste .kesearchbox #ke_search_sword {width: 100%; }




.tx-kesearch-pi1 input[type="search"], .tx-kesearch-pi1 select, .tx-kesearch-pi1 textarea {
    border: none !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;
    color: #2b2b2b;
}

.tx-kesearch-pi1 input[type="search"]:focus, .tx-kesearch-pi1 input[type="search"]:hover, .tx-kesearch-pi1 select:focus, .tx-kesearch-pi1 select:hover, .tx-kesearch-pi1 textarea:focus, .tx-kesearch-pi1 textarea:hover {
    box-shadow: none !important;
    border: 0 !important;
    color: #000;
    outline: none !important;
}




/* Suchfunktion */




















.pate-werden{display:none;}
.mitglied-werden{display:none;}
.spenden{display:none;}



@media only screen and (min-width: 768px) and (max-width: 991px) {


    .pate-werden {
        display:block;
        position: absolute;
        margin-top: -145px;
        margin-left: 520px;
    }

    .pate-werden:hover {
        margin-left: 510px;
    }


    .pate-werden a {
        text-decoration: none !important;
        display: inline-block;
        text-align: left;
        padding: 10px 15px;
        font-weight: 500;
        font-size: 1.1em;
        border-radius: 8px 0 0 8px;
        color: #ffffff;
        background: #3b9b01;
        width: 170px;
    }

    .pate-werden a:hover {
        width: 180px;
    }









    .mitglied-werden {
        display:block;
        position: absolute;
        margin-top: -105px;
        margin-left: 520px;
    }

    .mitglied-werden:hover {
        margin-left: 510px;
    }


    .mitglied-werden a {
        text-decoration: none !important;
        display: inline-block;
        text-align: left;
        padding: 10px 15px;
        font-weight: 500;
        font-size: 1.1em;
        border-radius: 8px 0 0 8px;
        color: #ffffff;
        background: #FE195C;
        width: 170px;
    }

    .mitglied-werden a:hover {
        width: 180px;
    }


    .spenden {
        display:block;
        position: absolute;
        margin-top: -65px;
        margin-left: 520px;
    }

    .spenden:hover {
        margin-left: 510px;
    }


    .spenden a {
        text-decoration: none !important;
        display: inline-block;
        text-align: left;
        padding: 10px 15px;
        font-weight: 400;
        font-size: 1.1em;
        border-radius: 8px 0 0 8px;
        color: #ffffff;
        background: #FE195C;
        width: 170px;
    }

    .spenden a:hover {
        width: 180px;
    }


}


/* --------------------------------------------------------------------------- */



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .pate-werden {
        display:block;
        position: absolute;
        margin-top: -352px;
        margin-left: 760px;
    }

    .pate-werden:hover {
        margin-left: 750px;
    }


    .pate-werden a {

        text-decoration: none !important;
        display: inline-block;
        text-align: left;
        padding: 10px 15px;
        font-weight: 500;
        font-size: 1.1em;
        border-radius: 8px 0 0 8px;
        color: #ffffff;
        background: #3b9b01;
        width: 170px;
    }

    .pate-werden a:hover {
        width: 180px;
    }







    .mitglied-werden {
        display:block;
        position: absolute;
        margin-top: -313px;
        margin-left: 760px;
    }

    .mitglied-werden:hover {
        margin-left: 750px;
    }


    .mitglied-werden a {

        text-decoration: none !important;
        display: inline-block;
        text-align: left;
        padding: 10px 15px;
        font-weight: 500;
        font-size: 1.1em;
        border-radius: 8px 0 0 8px;
        color: #ffffff;
        background: #FE195C;
        width: 170px;
    }

    .mitglied-werden a:hover {
        width: 180px;
    }


    .spenden {
        display:block;
        position: absolute;
        margin-top: -274px;
        margin-left: 760px;
    }

    .spenden:hover {
        margin-left: 750px;
    }



    .spenden a {
        text-decoration: none !important;
        display: inline-block;
        text-align: left;
        padding: 10px 15px;
        font-weight: 400;
        font-size: 1.1em;
        border-radius: 8px 0 0 8px;
        color: #ffffff;
        background: #FE195C;
        width: 170px;
    }

    .spenden a:hover {
        width: 180px;
    }



}


/* --------------------------------------------------------------------------- */


@media only screen and (min-width: 1200px) {


    .pate-werden {
        display:block;
        position: absolute;
        margin-top: -352px;
        margin-left: 930px;
    }

    .pate-werden:hover {
        margin-left: 920px;
    }


    .pate-werden a {

        text-decoration: none !important;
        display: inline-block;
        text-align: left;
        padding: 10px 15px;
        font-weight: 500;
        font-size: 1em;
        border-radius: 8px 0 0 8px;
        color: #ffffff;
        background: #3b9b01;
        width: 180px;
    }

    .pate-werden a:hover {
        width: 190px;
    }




    .mitglied-werden {
        display:block;
        position: absolute;
        margin-top: -313px;
        margin-left: 930px;
    }

    .mitglied-werden:hover {
        margin-left: 920px;
    }


    .mitglied-werden a {

        text-decoration: none !important;
        display: inline-block;
        text-align: left;
        padding: 10px 15px;
        font-weight: 500;
        font-size: 1em;
        border-radius: 8px 0 0 8px;
        color: #ffffff;
        background: #FE195C;
        width: 180px;
    }

    .mitglied-werden a:hover {
        width: 190px;
    }



    .spenden {
        display:block;
        position: absolute;
        margin-top: -274px;
        margin-left: 930px;
    }

    .spenden:hover {
        margin-left: 920px;
    }



    .spenden a {

        text-decoration: none !important;
        display: inline-block;
        text-align: left;
        padding: 10px 15px;
        font-weight: 400;
        font-size: 1em;
        border-radius: 8px 0 0 8px;
        color: #ffffff;
        background: #FE195C;
        width: 180px;
    }

    .spenden a:hover {
        width: 190px;
    }






}




/* --------------------------------------------------------------------------- */


#spenden-unten {display:none}

@media screen  and (min-width:1482px) {
    #spenden-unten {
        position: fixed;
        height: 70px;
        display: block;
        width: 100%;
        z-index: 1;
        text-align: right;
        color: #f2f2f2;
        padding: 20px 0 0 0;
        transition: bottom 0.5s;
    }

    a.spenden-gross {
        /*   background: url("../Images/spenden_desktop.png") no-repeat;
             background-size: contain;
        */
        background: #FE195C;
        width: 162px;
        height: 50px;
        line-height: 42px;
        display: inline-block;
        color: #fff;
        text-align: center;
        font-weight: 400;
        text-decoration: none;
        margin-right: 15px;
        border-radius: 8px 8px 0 0;

    }


}











.frame-layout-300 .footer{display:none;}

.frame-layout-300 .teaser-text{display:block !important;}


.frame-layout-300 .teaser-text p{
    background: #f5f5f5;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 1em;

}

.frame-layout-300 h5{
    font-family: 'Lato', sans-serif;
font-size: 1rem;
line-height: 1.5;
color: #373a3c;
}






.shariff-button.linkedin, .shariff-button.xing, .shariff-button.pinterest, .shariff-button.mail, .shariff-button.addthis, .shariff-button.tumblr, .shariff-button.flattr, .shariff-button.diaspora, .shariff-button.reddit, .shariff-button.stumbleupon, .shariff-button.threema, .shariff-button.vk, .shariff-button.telegram, .shariff-button.qzone, .shariff-button.tencent-weibo, .shariff-button.weibo, .shariff-button.print, .shariff-button.info{display:none;}




.shariff .orientation-horizontal.button-style-standard li .share_text{display:none;}

.shariff .orientation-horizontal.button-style-standard li{

min-width: 30px;
max-width: 30px;

    width: 30px !important;
    line-height: 30px !important;
    height: 30px !important;

}

.shariff li .fab, .shariff li .far, .shariff li .fas {
    width: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
}


.shariff .orientation-horizontal li {
    margin-bottom: 0;
}




.shariff .whatsapp .fa-whatsapp {
    font-size: 22px;
}

.shariff .facebook .fa-facebook-f {
    font-size: 20px;
}

.shariff .twitter .fa-twitter {
    font-size: 20px;
}





.randleiste .news .news-list-sidebar .article .news-img-wrap {
    float: none;
    margin: 3px 0 5px 0px;
    display: block;
    width: 100%;
}

.randleiste .news .article .teaser-text {
    margin: 0;
}




.news .news-list-sidebar .article .news-img-wrap a {
    display: block;
    float: none;
}
.news .news-list-sidebar .article .news-img-wrap img {
    float: none;
    height: auto;
    width: 100%;
}
/*
List Tier
 */
.news-list-view.news-list-tier .article {
    padding: 15px 15px !important;
    padding-bottom: 15px;
}
.news .news-list-tier .article .news-img-wrap {
    float: none;
    background: none;
}
.news .news-list-tier .article .news-img-wrap a {
    float: none;
    margin: 0px 0px 0px 0;
}
.news .news-list-tier .article .news-img-wrap img {
    float: none;
    object-fit: cover;
    width: 100%;
    height: auto;
}

.news-list-view.news-list-tier .header{padding: 15px 0 0 0;}
.news-list-view.news-list-tier .header a:hover{text-decoration: none;}

@media (min-width: 768px) {
    .news .news-list-tier .col-button-link {
        display: flex;
        align-items: flex-end !important;
    }

    .news-list-view.news-list-tier .header{padding: 0;}

    .news-list-view a.more {
        width: inherit;
    }


}






.row.galerie{
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: 1em;
}

.col-xs-6.tier{
    padding-right: 5px;
    padding-left: 5px;
}

.col-md-4.tier{
    padding-right: 5px;
    padding-left: 5px;
    padding-top:5px;
    padding-bottom: 5px;
}

.row.galerie img{border-radius: 8px;}

.news-list-tier img{border-radius: 8px;}


/* Bildergalerie in tx_news (4-spaltig) ++++++++++++++++++++++++++++++++++++++++++++++++++++



.frame-layout-300 img.quadimage{
    width: 100px;
    height: 100px;
}

.frame-layout-300 [data-ce-columns="4"] .ce-column{width:50%; height:100px; float:left;}

.frame-layout-300 [data-ce-columns="4"] .ce-column:first-child{background:red; margin-bottom:10px;}
.frame-layout-300 [data-ce-columns="4"] .ce-column:nth-child(2){background:green; margin-bottom:10px; margin-right:0;}
.frame-layout-300 [data-ce-columns="4"] .ce-column:nth-child(3){background:blue;}
.frame-layout-300 [data-ce-columns="4"] .ce-column:nth-child(4){background:orange;}







.frame-layout-300 .ce-column{width:calc(50% - 5px); overflow:hidden}

.square{width: 100%; height: 0; padding-bottom: 100%; object-position: center; object-fit: cover}






/* Bildergalerie in tx_news (4-spaltig) ++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.news .footer {
    clear: both;
    padding: 10px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-top: 15px;
    color: #888;
}




.news .footer.layout-1 {
    clear: both;
    padding: 0 0 10px 0;
    border-top: none;
    border-bottom: none;
    margin-top: 0;
    color: #888;
}



.news .article .teaser-text {
    margin: 0;
}




.news .footer p{margin-bottom:0;}



.news-list-view .article{background:#f5f5f5; padding: 15px; border-radius: 8px;}






.news-list-view .article .news-img-wrap img {
    float: left;
    height: auto;
    width: 100%;

    /*
    max-width:150px;
     */
}




.news-list-view .startseite .news-img-wrap img {
    max-width:203px;
}

@media only screen and (min-width: 768px) and (max-width: 991px){

    .randleiste .news-list-view .article .news-img-wrap img {
        width: 180px;
        max-width: 180px;
    }

}





.news-list-view h3{font-size: 1.25em;}

.randleiste .news-list-view .teaser-text{font-size: .9em}



.randleiste .news .article .news-img-wrap {
    float: right;
    margin: 3px 0 5px 10px;
    background: #fff;
}

.inhaltsbereich .news .article .teaser-text {
    margin: 0;
    display: inline-block;
}



.news .article .news-img-wrap a {
    display: block;
    float: right;
    padding: 0;
    border: none;
    background: #fff;
}

.news-list-view .article {
    padding-bottom: 25px !important;
    margin-bottom: 0;
}


.news-list-view .article:last-child {
    padding-bottom: 25px !important;
    margin-bottom: 0;
}

.news-list-tier .article {
    padding-bottom: 15px !important;
    margin-bottom: 0;
}

.news-list-view.news-list-tier .article:last-child {
    padding-bottom: 15px !important;
    margin-bottom: 0;
}




.news-single .teaser-text {
    font-size: 1em;
    color: #373a3c;
    font-weight: normal;
}


.news-img-caption {
    color: #373a3c;
    font-size:.8em;
    margin-top:10px;
}




.news-list-view strong{font-weight: normal;}


.news .article h3 {margin-bottom: .5em;}

body.farbe1 .news .article h3 a{text-decoration: none; color: var(--farbe1) !important;}
body.farbe2 .news .article h3 a{text-decoration: none; color: var(--farbe2) !important;}
body.farbe3 .news .article h3 a{text-decoration: none; color: var(--farbe3) !important;}
body.farbe4 .news .article h3 a{text-decoration: none; color: var(--farbe4) !important;}
body.farbe5 .news .article h3 a{text-decoration: none; color: var(--farbe5) !important;}

.news-list-view a.more {
    text-decoration: none !important;
    display: block;
    text-align: center;
    padding: 10px 15px;
    font-weight: 500;
    font-size: .8em;
    border-radius: 8px;
    color: #ffffff;
}

body.farbe1 .news-list-view a.more {background: var(--farbe1) !important; color: #ffffff;}
body.farbe2 .news-list-view a.more {background: var(--farbe2) !important; color: #ffffff;}
body.farbe3 .news-list-view a.more {background: var(--farbe3) !important; color: #ffffff;}
body.farbe4 .news-list-view a.more {background: var(--farbe4) !important; color: #ffffff;}
body.farbe5 .news-list-view a.more {background: var(--farbe5) !important; color: #ffffff;}










.news-menu-view a {
    color: #FFFFFF !important;
    background: #0a64a2;
    text-decoration: none !important;
    display: block;
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: .8em;
}

.news-menu-view li{margin: 0 0 5px 0;}







.news.news-single .extra{margin-bottom:1em;}



.news .footer span {
    display: inline-block;
    padding-right: 8px;
    margin-right: 4px;
    border-right: 1px solid #ddd;
}






.news.news-single a{color:#0a64a2;}






.news.news-single .news-backlink-wrap{margin-top:2em; clear: both;}

.news.news-single .news-backlink-wrap a{
    display:block;
    color:#FFFFFF;
    text-align: center;
    padding: 10px 15px;
    text-decoration: none !important;
    font-weight:500;
    transition: .3s;
    border-radius: 8px;
    font-size: .8em;
}

body.farbe1 .news.news-single .news-backlink-wrap a{background: var(--farbe1)}
body.farbe2 .news.news-single .news-backlink-wrap a{background: var(--farbe2)}
body.farbe3 .news.news-single .news-backlink-wrap a{background: var(--farbe3)}
body.farbe4 .news.news-single .news-backlink-wrap a{background: var(--farbe4)}
body.farbe5 .news.news-single .news-backlink-wrap a{background: var(--farbe5)}







/*
.news.news-single .news-backlink-wrap a{
    display:block;
    color:#FFFFFF;
    background:#0a64a2;
    text-align: center;
    padding: .5em;
    text-decoration: none;
    font-weight:500;
    transition: .3s;

}



.news.news-single .news-backlink-wrap a:hover {
    background: #f5f5f5;
    color: #555555;
}
*/

















.news-list-view .article.startseite {
    background: inherit;
    padding: 0;
}

.news-list-view .article.startseite .header{
    margin-top:1em;
}

.news .article.startseite .news-img-wrap {
    float: right;
    margin: 3px 0 5px 12px;
    background: #fff;
}



































































.sm-simple a{font-family: 'Lato', sans-serif !important;}

h1,h2,h3,h4,h5,h6{font-family: 'Bitter', serif; margin-bottom:.5em;}

figure{height:auto; position: relative;}




.pageheader{height:100px; display:block;}

a.logo {
    width: 255px;
    height: 45px;
    margin: 60px 0 0 0;
    background: url(../Images/tierhelfer-ingelheim.png);
    display:block;
    background-size: cover;
    z-index: 1000;
    position:absolute;
}

a.logo-tsb{
    width: 118px;
    height: 35px;
    margin: 15px 15px 0 0;
    background: url(../Images/logo-deutscher-tierschutzbund_2020.png);
    display:block;
    background-size: cover;
    right: 0;
    position: absolute;
}

.pageheader ul.socials{display:none;}

footer ul.socials{margin:0 0 30px 0;}
footer ul.socials li{width:24px; height:24px; list-style:none; float: left; margin:0 5px 30px 0}

a.facebook{
    background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64h98.2V334.2H109.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H255V480H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"/></svg>');
    background-size:cover;
    display: block;
    width: 24px;
    height: 24px;
}

a.youtube{
    background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M282 256.2l-95.2-54.1V310.3L282 256.2zM384 32H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64zm14.4 136.1c7.6 28.6 7.6 88.2 7.6 88.2s0 59.6-7.6 88.1c-4.2 15.8-16.5 27.7-32.2 31.9C337.9 384 224 384 224 384s-113.9 0-142.2-7.6c-15.7-4.2-28-16.1-32.2-31.9C42 315.9 42 256.3 42 256.3s0-59.7 7.6-88.2c4.2-15.8 16.5-28.2 32.2-32.4C110.1 128 224 128 224 128s113.9 0 142.2 7.7c15.7 4.2 28 16.6 32.2 32.4z"/></svg>');
    background-size:cover;
    display: block;
    width: 24px;
    height: 24px;
}

a.twitter{
    background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm297.1 84L257.3 234.6 379.4 396H283.8L209 298.1 123.3 396H75.8l111-126.9L69.7 116h98l67.7 89.5L313.6 116h47.5zM323.3 367.6L153.4 142.9H125.1L296.9 367.6h26.3z"/></svg>');
    background-size:cover;
    display: block;
    width: 24px;
    height: 24px;
}

a.instagram{
    background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M194.4 211.7a53.3 53.3 0 1 0 59.3 88.7 53.3 53.3 0 1 0 -59.3-88.7zm142.3-68.4c-5.2-5.2-11.5-9.3-18.4-12c-18.1-7.1-57.6-6.8-83.1-6.5c-4.1 0-7.9 .1-11.2 .1c-3.3 0-7.2 0-11.4-.1c-25.5-.3-64.8-.7-82.9 6.5c-6.9 2.7-13.1 6.8-18.4 12s-9.3 11.5-12 18.4c-7.1 18.1-6.7 57.7-6.5 83.2c0 4.1 .1 7.9 .1 11.1s0 7-.1 11.1c-.2 25.5-.6 65.1 6.5 83.2c2.7 6.9 6.8 13.1 12 18.4s11.5 9.3 18.4 12c18.1 7.1 57.6 6.8 83.1 6.5c4.1 0 7.9-.1 11.2-.1c3.3 0 7.2 0 11.4 .1c25.5 .3 64.8 .7 82.9-6.5c6.9-2.7 13.1-6.8 18.4-12s9.3-11.5 12-18.4c7.2-18 6.8-57.4 6.5-83c0-4.2-.1-8.1-.1-11.4s0-7.1 .1-11.4c.3-25.5 .7-64.9-6.5-83l0 0c-2.7-6.9-6.8-13.1-12-18.4zm-67.1 44.5A82 82 0 1 1 178.4 324.2a82 82 0 1 1 91.1-136.4zm29.2-1.3c-3.1-2.1-5.6-5.1-7.1-8.6s-1.8-7.3-1.1-11.1s2.6-7.1 5.2-9.8s6.1-4.5 9.8-5.2s7.6-.4 11.1 1.1s6.5 3.9 8.6 7s3.2 6.8 3.2 10.6c0 2.5-.5 5-1.4 7.3s-2.4 4.4-4.1 6.2s-3.9 3.2-6.2 4.2s-4.8 1.5-7.3 1.5l0 0c-3.8 0-7.5-1.1-10.6-3.2zM448 96c0-35.3-28.7-64-64-64H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96zM357 389c-18.7 18.7-41.4 24.6-67 25.9c-26.4 1.5-105.6 1.5-132 0c-25.6-1.3-48.3-7.2-67-25.9s-24.6-41.4-25.8-67c-1.5-26.4-1.5-105.6 0-132c1.3-25.6 7.1-48.3 25.8-67s41.5-24.6 67-25.8c26.4-1.5 105.6-1.5 132 0c25.6 1.3 48.3 7.1 67 25.8s24.6 41.4 25.8 67c1.5 26.3 1.5 105.4 0 131.9c-1.3 25.6-7.1 48.3-25.8 67z"/></svg>');
    background-size:cover;
    display: block;
    width: 24px;
    height: 24px;
}

a.tiktok{
    background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M544.5 273.9C500.5 274 457.5 260.3 421.7 234.7L421.7 413.4C421.7 446.5 411.6 478.8 392.7 506C373.8 533.2 347.1 554 316.1 565.6C285.1 577.2 251.3 579.1 219.2 570.9C187.1 562.7 158.3 545 136.5 520.1C114.7 495.2 101.2 464.1 97.5 431.2C93.8 398.3 100.4 365.1 116.1 336C131.8 306.9 156.1 283.3 185.7 268.3C215.3 253.3 248.6 247.8 281.4 252.3L281.4 342.2C266.4 337.5 250.3 337.6 235.4 342.6C220.5 347.6 207.5 357.2 198.4 369.9C189.3 382.6 184.4 398 184.5 413.8C184.6 429.6 189.7 444.8 199 457.5C208.3 470.2 221.4 479.6 236.4 484.4C251.4 489.2 267.5 489.2 282.4 484.3C297.3 479.4 310.4 469.9 319.6 457.2C328.8 444.5 333.8 429.1 333.8 413.4L333.8 64L421.8 64C421.7 71.4 422.4 78.9 423.7 86.2C426.8 102.5 433.1 118.1 442.4 131.9C451.7 145.7 463.7 157.5 477.6 166.5C497.5 179.6 520.8 186.6 544.6 186.6L544.6 274z"/></svg>');    display: block;
    width: 24px;
    height: 24px;
}

@media only screen and (min-width: 768px) {
    .pageheader{height:125px; display:block;}

    a.logo {
        width: 283px;
        height: 50px;
        margin: 10px 0 0 0;
        background: url(../Images/tierhelfer-ingelheim.png);
        display:block;
        background-size: cover;
    }

    a.logo-tsb{
        width: 134px;
        height: 40px;
        margin: 16px 15px 0 0;
        background: url(../Images/logo-deutscher-tierschutzbund_2020.png);
        display:block;
        background-size: cover;
        right: 0;
        position: absolute;
    }

    footer ul.socials{display:none;}

    .pageheader ul.socials{display:block; margin:78px 0 0 0; right:15px; position: absolute; z-index: 1000;}
    .pageheader ul.socials li{width:24px; height:24px; float:left; list-style:none; margin-left:5px;}

}

@media only screen and (min-width: 992px) {
    .pageheader{height:150px; display:block;}

    a.logo {
        width: 340px;
        height: 60px;
        margin: 20px 0 0 0;
        background: url(../Images/tierhelfer-ingelheim.png);
        display:block;
        background-size: cover;
    }

    a.logo-tsb{
        width: 168px;
        height: 50px;
        margin: 28px 15px 0 0;
        background: url(../Images/logo-deutscher-tierschutzbund_2020.png);
        display:block;
        background-size: cover;
        right: 0;
        position: absolute;
    }

    footer ul.socials{display:none;}

    .pageheader ul.socials{display:block; margin:107px 0 0 0; right:15px; position: absolute;}
    .pageheader ul.socials li{width:24px; height:24px; float:left; list-style:none; margin-left:5px;}

}

.mainnav{margin-top:-45px; z-index: 100; position: relative;}

.main-menu-btn {
    margin: 15px 0;
}

ul#main-menu{margin-bottom:15px; border-radius: 8px !important; overflow:auto;}

@media only screen and (min-width: 768px) {
    ul#main-menu{margin-bottom:0; border-radius: 0 !important; overflow:inherit;}

    #main-menu {
        float: left;
    }
}

.jumbotron {
    padding: 0;
    margin-bottom:15px;
    line-height:0;
    background-color: transparent;
    border-radius: 0;
    position: relative;
}

.claim{position: absolute; top: calc(50% - 82.5px); width:311px; height: 165px;

    background: url(../Images/claim.png);
    display: none;
}



.slick-slide img {
    width: 100%;
    border-radius: 8px;
    height: auto;
}

.jumbotron .ce-gallery {
    border-radius: 8px;
}



@media only screen and (min-width: 768px) {
    .slick-slide img {
        width: 100%;
        border-radius: 0 8px 8px 8px;
        height: auto;
    }

    .jumbotron .ce-gallery {
        border-radius: 0 8px 8px 8px;
    }
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    .jumbotron {
        padding: 0;
        /* border-top: 1px solid #ffffff; */
        line-height:0;
    }
}

.slick-slide figcaption, .jumbotron figcaption {
    color: #fff;
    height: 30px;
    line-height: 30px;
    font-size: .7em;
    bottom: 0px;
    text-align: right;
    padding-right: 15px;
    position: absolute;
    width: 100%;
    -ms-user-select: None;
    -moz-user-select: None;
    -webkit-user-select: None;
    user-select: None;
}

@media only screen and (min-width: 768px) {
    .slick-slide figcaption, .jumbotron figcaption {
        color: #fff;
        transform: rotate(-90deg);
        height: 20px;
        line-height: 20px;
        width: 200px;
        position: absolute;
        right: -90px;
        top: 87px;
        font-size: .5em;
        text-align: left;
        -ms-user-select: None;
        -moz-user-select: None;
        -webkit-user-select: None;
        user-select: None;
    }
}



@media only screen and (min-width: 992px) {
    .slick-slide figcaption, .jumbotron figcaption {
        width: 270px;
        right: -30px;
        top: 220px;
        font-size: .7em;
        -ms-user-select: None;
        -moz-user-select: None;
        -webkit-user-select: None;
        user-select: None;
    }
}




@media only screen and (min-width: 1200px) {
    .slick-slide figcaption, .jumbotron figcaption {
        width: 375px;
        right: -175px;
        top: 170px;
        font-size: .75em;
        -ms-user-select: None;
        -moz-user-select: None;
        -webkit-user-select: None;
        user-select: None;
    }
}








.breadcrumb {padding: 7.5px 15px; border-radius: 8px; color:#ffffff;}
.breadcrumb a {color: #ffffff; text-decoration: underline;}
.breadcrumb a:hover {text-decoration: none;}


.breadcrumb-item::before {
    display: inline-block;
    padding-right: 7.5px;
    padding-left: 0;
    color: #ffffff;
    content: "Sie befinden sich hier: ";
}




.breadcrumb-item + .breadcrumb-item::before {color: #ffffff !important;}
.breadcrumb-item.active {color: #ffffff !important; text-decoration: none;}


body.farbe1 .breadcrumb {background-color: var(--farbe3);}
body.farbe2 .breadcrumb {background-color: var(--farbe3);}
body.farbe3 .breadcrumb {background-color: var(--farbe3);}
body.farbe4 .breadcrumb {background-color: var(--farbe3);}
body.farbe5 .breadcrumb {background-color: var(--farbe3);}

body.farbe1 hr {border-top: 1px solid var(--farbe1);}
body.farbe2 hr {border-top: 1px solid var(--farbe1);}
body.farbe3 hr {border-top: 1px solid var(--farbe1);}
body.farbe4 hr {border-top: 1px solid var(--farbe1);}
body.farbe5 hr {border-top: 1px solid var(--farbe1);}

body.farbe1 footer, body.farbe1 footer a {color: var(--farbe1);}
body.farbe2 footer, body.farbe2 footer a {color: var(--farbe1);}
body.farbe3 footer, body.farbe3 footer a {color: var(--farbe1);}
body.farbe4 footer, body.farbe4 footer a {color: var(--farbe1);}
body.farbe5 footer, body.farbe5 footer a {color: var(--farbe1);}

.inhaltsbereich {padding-top:1em;}
.randleiste {padding-top:1em;}


footer{z-index:2; position:relative;}

footer{font-size:80%}

footer .copyright{text-align:left;}

footer ul{padding:0;}
footer li{list-style:none; text-align:left;}

@media only screen and (min-width: 768px) {

    footer .copyright{text-align:left;}

    footer ul{padding:0; margin-bottom:30px;}
    footer li{list-style:none; text-align:left; display:inline;}

    footer li::before {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
        content: "|";
    }

    footer li:nth-child(4)::before {
        display: inline-block;
        padding-right: 2px;
        padding-left: 5px;
        content: "|";
    }


    footer li:first-child::before {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
        content: "";
    }
}



/* ----------------------------------------------------------------
*******************************************************************
************************** Login-Formular *************************
*******************************************************************
---------------------------------------------------------------- */



.frame-type-felogin_login form{
    background-color: #f5f5f5 !important;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 1em;
}



.frame-type-felogin_login label {
    font-weight: bold;
    font-family: 'Bitter', serif;
    width: 100%;
    margin-top:0;
}


.frame-type-felogin_login legend {
    margin-bottom:0;
}


.frame-type-felogin_login h3 {
    color: var(--farbe1) !important;
}




@media only screen and (min-width: 768px) {

    .frame-type-felogin_login label {
        font-weight: bold;
        font-family: 'Bitter', serif;
        width: calc(50% - 7.5px);
        float: left;
    }

    .frame-type-felogin_login label.username {
        margin-right: 15px;
    }

    .clearer {
        clear: both;
    }

}



.pwm-field-icon{display:none;}

.frame-type-felogin_login form input[type="text"],
.frame-type-felogin_login form input[type="text"]:focus,
.frame-type-felogin_login form input[type="text"]:focus-within,
.frame-type-felogin_login form input[type="text"]:focus-visible{
    padding: 8px 40px 7px 9px;
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #2b2b2b;
    border: none !important;
    border-radius: 8px;
    -webkit-appearance: none !important;
    width:100%;
    height: auto;
    margin-top:0;
    font-weight:normal;
    font-family: 'Lato', sans-serif;
}

.frame-type-felogin_login form input[type="password"],
.frame-type-felogin_login form input[type="password"]:focus,
.frame-type-felogin_login form input[type="password"]:focus-within,
.frame-type-felogin_login form input[type="password"]:focus-visible{
    padding: 8px 40px 7px 9px;
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #2b2b2b;
    border: none !important;
    border-radius: 8px;
    -webkit-appearance: none !important;
    width:100%;
    height: auto;
    margin-top:0;
    font-weight:normal;
    font-family: 'Lato', sans-serif;
}



.frame-type-felogin_login form input[type="submit"] {
    text-decoration: none !important;
    display: block;
    text-align: center;
    padding: 10px 15px;
    font-weight: 500;
    font-size: .8em;
    border: none !important;
    border-radius: 8px;
    background: var(--farbe1);
    color: #ffffff;
    -webkit-appearance: none !important;
    width: 100%;
    margin-top:0;
    cursor:pointer;
}


.frame-type-felogin_login form .logoutbtn input{
    text-decoration: none !important;
    display: block;
    text-align: center;
    padding: 10px 15px;
    font-weight: 500;
    font-size: .8em;
    border: none !important;
    border-radius: 8px;
    background: var(--farbe5);
    color: #ffffff;
    -webkit-appearance: none !important;
    width: 100%;
    margin-top:.5em;
    cursor:pointer;
}







/* ----------------------------------------------------------------
*******************************************************************
************************** Main-Navigation ************************
*******************************************************************
---------------------------------------------------------------- */

@media only screen and (max-width: 767px) {
    .sm-simple li {border-top: 1px solid #eceeef;}
}

ul#main-menu li li span.sub-arrow{display:none;}

ul#main-menu li a{color:#ffffff;}

ul#main-menu li:first-child,
ul#main-menu li:first-child a:hover,
ul#main-menu li:first-child a.highlighted{background: var(--farbe1);}

@media only screen and (min-width: 768px) {

    .sm-simple ul {
        border: 1px solid #eceeef;
        background: white;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    ul#main-menu li{border-radius:8px 8px 0 0;}
    ul#main-menu li li{border-radius:0;}

    ul#main-menu li:first-child a:hover,
    ul#main-menu li:first-child a.highlighted{line-height:27px; margin-top:-10px; border-radius:8px 8px 0 0;}

}

ul#main-menu li:first-child li a,
ul#main-menu li:first-child li li a{
    background: #fff;
    margin-top: 0;
    line-height:normal;
    padding:7.5px 15px !important;
    color: var(--farbe1);
    border-radius:0;
}

ul#main-menu li:first-child li a:hover,
ul#main-menu li:first-child li li a:hover{
    background: #f5f5f5;
    margin-top: 0;
    line-height:normal;
    padding:7.5px 15px !important;
    color: var(--farbe1);
    border-radius:0;
}

ul#main-menu li:first-child li a.highlighted,
ul#main-menu li:first-child li li a.highlighted{
    background: #f5f5f5;
    margin-top: 0;
    line-height:normal;
    padding:7.5px 15px !important;
    color: #fff;
    border-radius:0;
}



/* TEST----------------------------------------- */

@media only screen and (min-width: 768px) {

    ul#main-menu li:first-child.aktiv a,
    ul#main-menu li:first-child.aktiv a:hover {
        background: var(--farbe1);
        line-height: 27px;
        margin-top: -10px;
        border-radius: 8px 8px 0 0;
    }

    ul#main-menu li:first-child.aktiv li a {
        background: #FFF;
        line-height: 27px;
        margin-top: 0;
        border-radius: 0;
    }

    ul#main-menu li:first-child.aktiv li a:hover {
        background: #f5f5f5;
        line-height: 27px;
        margin-top: 0;
        border-radius: 0;
    }

    ul#main-menu li:first-child li a,
    ul#main-menu li:first-child.aktiv li a{
        color: var(--farbe1) !important;
        line-height: 27px !important;
        margin-top: 0;
    }

}

/* TEST----------------------------------------- */





























/* ---------------------------------------------------------------- */

ul#main-menu li:first-child,
ul#main-menu li:first-child a:hover,
ul#main-menu li:first-child a.highlighted{background: var(--farbe1);}

@media only screen and (min-width: 768px) {
    ul#main-menu li:first-child a:hover,
    ul#main-menu li:first-child a.highlighted{line-height:27px; margin-top:-10px; border-radius:8px 8px 0 0; background: var(--farbe2);}
}

ul#main-menu li:first-child li a{
    background: #fff;
    margin-top: 0;
    line-height:normal;
    padding:7.5px 15px !important;
    color: var(--farbe1);
    border-radius:0;
}

ul#main-menu li:first-child li a:hover{
    background: #f5f5f5;
    margin-top: 0;
    line-height:normal;
    padding:7.5px 15px !important;
    color: var(--farbe1);
    border-radius:0;
}

ul#main-menu li:first-child li a.highlighted{
    background: #f5f5f5;
    margin-top: 0;
    line-height:normal;
    padding:7.5px 15px !important;
    color: #fff;
    border-radius:0;
}


@media only screen and (min-width: 768px) {

    ul#main-menu li:first-child.aktiv a{
        background: var(--farbe2);
        line-height: 27px;
        margin-top: -10px;
        border-radius: 8px 8px 0 0;
    }

    ul#main-menu li:first-child.aktiv a:hover {
        background: var(--farbe2);
        line-height: 27px;
        margin-top: -10px;
        border-radius: 8px 8px 0 0;
    }

    ul#main-menu li:first-child.aktiv li a {
        background: #FFF;
        line-height: 27px;
        margin-top: 0;
        border-radius: 0;
    }

    ul#main-menu li:first-child.aktiv li a:hover {
        background: #f5f5f5;
        line-height: 27px;
        margin-top: 0;
        border-radius: 0;
    }

    ul#main-menu li:first-child li a,
    ul#main-menu li:first-child.aktiv li a{
        color: var(--farbe1) !important;
        line-height: 27px !important;
        margin-top: 0;
    }

}

/* TEST----------------------------------------- */



/* ---------------------------------------------------------------- */

ul#main-menu li:nth-child(2),
ul#main-menu li:nth-child(2) a:hover,
ul#main-menu li:nth-child(2) a.highlighted{background: var(--farbe1);}

@media only screen and (min-width: 768px) {
    ul#main-menu li:nth-child(2) a:hover,
    ul#main-menu li:nth-child(2) a.highlighted{line-height:27px; margin-top:-10px; border-radius:8px 8px 0 0; background: var(--farbe2);}
}

ul#main-menu li:nth-child(2) li a{
    background: #fff;
    margin-top: 0;
    line-height:normal;
    padding:7.5px 15px !important;
    color: var(--farbe1);
    border-radius:0;
}

ul#main-menu li:nth-child(2) li a:hover{
    background: #f5f5f5;
    margin-top: 0;
    line-height:normal;
    padding:7.5px 15px !important;
    color: var(--farbe1);
    border-radius:0;
}

ul#main-menu li:nth-child(2) li a.highlighted{
    background: #f5f5f5;
    margin-top: 0;
    line-height:normal;
    padding:7.5px 15px !important;
    color: #fff;
    border-radius:0;
}


@media only screen and (min-width: 768px) {

    ul#main-menu li:nth-child(2).aktiv a{
        background: var(--farbe2);
        line-height: 27px;
        margin-top: -10px;
        border-radius: 8px 8px 0 0;
    }

    ul#main-menu li:nth-child(2).aktiv a:hover {
        background: var(--farbe2);
        line-height: 27px;
        margin-top: -10px;
        border-radius: 8px 8px 0 0;
    }

    ul#main-menu li:nth-child(2).aktiv li a {
        background: #FFF;
        line-height: 27px;
        margin-top: 0;
        border-radius: 0;
    }

    ul#main-menu li:nth-child(2).aktiv li a:hover {
        background: #f5f5f5;
        line-height: 27px;
        margin-top: 0;
        border-radius: 0;
    }

    ul#main-menu li:nth-child(2) li a,
    ul#main-menu li:nth-child(2).aktiv li a{
        color: var(--farbe1) !important;
        line-height: 27px !important;
        margin-top: 0;
    }

}

/* TEST----------------------------------------- */






/* ---------------------------------------------------------------- */

ul#main-menu li:nth-child(3),
ul#main-menu li:nth-child(3) a:hover,
ul#main-menu li:nth-child(3) a.highlighted{background: var(--farbe1);}

@media only screen and (min-width: 768px) {
    ul#main-menu li:nth-child(3) a:hover,
    ul#main-menu li:nth-child(3) a.highlighted{line-height:27px; margin-top:-10px; border-radius:8px 8px 0 0; background: var(--farbe2);}
}

ul#main-menu li:nth-child(3) li a{
    background: #fff;
    margin-top: 0;
    line-height:normal;
    padding:7.5px 15px !important;
    color: var(--farbe1);
    border-radius:0;
}

ul#main-menu li:nth-child(3) li a:hover{
    background: #f5f5f5;
    margin-top: 0;
    line-height:normal;
    padding:7.5px 15px !important;
    color: var(--farbe1);
    border-radius:0;
}

ul#main-menu li:nth-child(3) li a.highlighted{
    background: #f5f5f5;
    margin-top: 0;
    line-height:normal;
    padding:7.5px 15px !important;
    color: #fff;
    border-radius:0;
}


@media only screen and (min-width: 768px) {

    ul#main-menu li:nth-child(3).aktiv a{
        background: var(--farbe2);
        line-height: 27px;
        margin-top: -10px;
        border-radius: 8px 8px 0 0;
    }

    ul#main-menu li:nth-child(3).aktiv a:hover {
        background: var(--farbe2);
        line-height: 27px;
        margin-top: -10px;
        border-radius: 8px 8px 0 0;
    }

    ul#main-menu li:nth-child(3).aktiv li a {
        background: #FFF;
        line-height: 27px;
        margin-top: 0;
        border-radius: 0;
    }

    ul#main-menu li:nth-child(3).aktiv li a:hover {
        background: #f5f5f5;
        line-height: 27px;
        margin-top: 0;
        border-radius: 0;
    }

    ul#main-menu li:nth-child(3) li a,
    ul#main-menu li:nth-child(3).aktiv li a{
        color: var(--farbe1) !important;
        line-height: 27px !important;
        margin-top: 0;
    }

}

/* TEST----------------------------------------- */





/* ---------------------------------------------------------------- */

ul#main-menu li:nth-child(4),
ul#main-menu li:nth-child(4) a:hover,
ul#main-menu li:nth-child(4) a.highlighted{background: var(--farbe1);}

@media only screen and (min-width: 768px) {
    ul#main-menu li:nth-child(4) a:hover,
    ul#main-menu li:nth-child(4) a.highlighted{line-height:27px; margin-top:-10px; border-radius:8px 8px 0 0; background: var(--farbe2);}
}

ul#main-menu li:nth-child(4) li a{
    background: #fff;
    margin-top: 0;
    line-height:normal;
    padding:7.5px 15px !important;
    color: var(--farbe1);
    border-radius:0;
}

ul#main-menu li:nth-child(4) li a:hover{
    background: #f5f5f5;
    margin-top: 0;
    line-height:normal;
    padding:7.5px 15px !important;
    color: var(--farbe1);
    border-radius:0;
}

ul#main-menu li:nth-child(4) li a.highlighted{
    background: #f5f5f5;
    margin-top: 0;
    line-height:normal;
    padding:7.5px 15px !important;
    color: #fff;
    border-radius:0;
}


@media only screen and (min-width: 768px) {

    ul#main-menu li:nth-child(4).aktiv a{
        background: var(--farbe2);
        line-height: 27px;
        margin-top: -10px;
        border-radius: 8px 8px 0 0;
    }

    ul#main-menu li:nth-child(4).aktiv a:hover {
        background: var(--farbe2);
        line-height: 27px;
        margin-top: -10px;
        border-radius: 8px 8px 0 0;
    }

    ul#main-menu li:nth-child(4).aktiv li a {
        background: #FFF;
        line-height: 27px;
        margin-top: 0;
        border-radius: 0;
    }

    ul#main-menu li:nth-child(4).aktiv li a:hover {
        background: #f5f5f5;
        line-height: 27px;
        margin-top: 0;
        border-radius: 0;
    }

    ul#main-menu li:nth-child(4) li a,
    ul#main-menu li:nth-child(4).aktiv li a{
        color: var(--farbe1) !important;
        line-height: 27px !important;
        margin-top: 0;
    }

}

/* TEST----------------------------------------- */






/* ---------------------------------------------------------------- */

ul#main-menu li:nth-child(5),
ul#main-menu li:nth-child(5) a:hover,
ul#main-menu li:nth-child(5) a.highlighted{background: var(--farbe1);}

@media only screen and (min-width: 768px) {
    ul#main-menu li:nth-child(5) a:hover,
    ul#main-menu li:nth-child(5) a.highlighted{line-height:27px; margin-top:-10px; border-radius:8px 8px 0 0; background: var(--farbe2);}
}

ul#main-menu li:nth-child(5) li a{
    background: #fff;
    margin-top: 0;
    line-height:normal;
    padding:7.5px 15px !important;
    color: var(--farbe1);
    border-radius:0;
}

ul#main-menu li:nth-child(5) li a:hover{
    background: #f5f5f5;
    margin-top: 0;
    line-height:normal;
    padding:7.5px 15px !important;
    color: var(--farbe1);
    border-radius:0;
}

ul#main-menu li:nth-child(5) li a.highlighted{
    background: #f5f5f5;
    margin-top: 0;
    line-height:normal;
    padding:7.5px 15px !important;
    color: #fff;
    border-radius:0;
}


@media only screen and (min-width: 768px) {

    ul#main-menu li:nth-child(5).aktiv a{
        background: var(--farbe2);
        line-height: 27px;
        margin-top: -10px;
        border-radius: 8px 8px 0 0;
    }

    ul#main-menu li:nth-child(5).aktiv a:hover {
        background: var(--farbe2);
        line-height: 27px;
        margin-top: -10px;
        border-radius: 8px 8px 0 0;
    }

    ul#main-menu li:nth-child(5).aktiv li a {
        background: #FFF;
        line-height: 27px;
        margin-top: 0;
        border-radius: 0;
    }

    ul#main-menu li:nth-child(5).aktiv li a:hover {
        background: #f5f5f5;
        line-height: 27px;
        margin-top: 0;
        border-radius: 0;
    }

    ul#main-menu li:nth-child(5) li a,
    ul#main-menu li:nth-child(5).aktiv li a{
        color: var(--farbe1) !important;
        line-height: 27px !important;
        margin-top: 0;
    }

}

/* TEST----------------------------------------- */





/* ---------------------------------------------------------------- */

ul#main-menu li:nth-child(6),
ul#main-menu li:nth-child(6) a:hover,
ul#main-menu li:nth-child(6) a.highlighted{background: var(--farbe1);}

@media only screen and (min-width: 768px) {
    ul#main-menu li:nth-child(6) a:hover,
    ul#main-menu li:nth-child(6) a.highlighted{line-height:27px; margin-top:-10px; border-radius:8px 8px 0 0; background: var(--farbe2);}
}

ul#main-menu li:nth-child(6) li a{
    background: #fff;
    margin-top: 0;
    line-height:normal;
    padding:7.5px 15px !important;
    color: var(--farbe1);
    border-radius:0;
}

ul#main-menu li:nth-child(6) li a:hover{
    background: #f5f5f5;
    margin-top: 0;
    line-height:normal;
    padding:7.5px 15px !important;
    color: var(--farbe1);
    border-radius:0;
}

ul#main-menu li:nth-child(6) li a.highlighted{
    background: #f5f5f5;
    margin-top: 0;
    line-height:normal;
    padding:7.5px 15px !important;
    color: #fff;
    border-radius:0;
}


@media only screen and (min-width: 768px) {

    ul#main-menu li:nth-child(6).aktiv a{
        background: var(--farbe2);
        line-height: 27px;
        margin-top: -10px;
        border-radius: 8px 8px 0 0;
    }

    ul#main-menu li:nth-child(6).aktiv a:hover {
        background: var(--farbe2);
        line-height: 27px;
        margin-top: -10px;
        border-radius: 8px 8px 0 0;
    }

    ul#main-menu li:nth-child(6).aktiv li a {
        background: #FFF;
        line-height: 27px;
        margin-top: 0;
        border-radius: 0;
    }

    ul#main-menu li:nth-child(6).aktiv li a:hover {
        background: #f5f5f5;
        line-height: 27px;
        margin-top: 0;
        border-radius: 0;
    }

    ul#main-menu li:nth-child(6) li a,
    ul#main-menu li:nth-child(6).aktiv li a{
        color: var(--farbe1) !important;
        line-height: 27px !important;
        margin-top: 0;
    }

}

/* TEST----------------------------------------- */







/* Cookieman */

#cookieman-modal .modal {
    z-index: 10000;
}

#cookieman-modal .modal-body {
    padding: 15px 15px 0 15px;
}

#cookieman-modal .modal-lg {
    max-width: 600px !important;
}

#cookieman-acco-mandatory p{margin: 0 15px 15px 15px; font-style: italic;}

#cookieman-acco-mandatory .alert {
    padding: 15px;
    margin-bottom: 0;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

#cookieman-modal .form-check-input {
    margin-left: 0;
}

#cookieman-modal .form-check {
    margin-bottom: 0;
}

#cookieman-modal .mt-3 {
    margin-top: 0 !important;
}

body.farbe1 #cookieman-modal .modal-body a {color: var(--farbe1);}
body.farbe2 #cookieman-modal .modal-body a {color: var(--farbe2);}
body.farbe3 #cookieman-modal .modal-body a {color: var(--farbe3);}
body.farbe4 #cookieman-modal .modal-body a {color: var(--farbe4);}
body.farbe5 #cookieman-modal .modal-body a {color: var(--farbe5);}

body.farbe1 #cookieman-modal .card-header {
    padding: 0.5rem 1rem !important;
    margin-bottom: 0;
    background-color: var(--farbe1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    color:#ffffff;
    border-radius: 8px;
    text-align: center;
}

body.farbe2 #cookieman-modal .card-header {
    padding: 0.5rem 1rem !important;
    margin-bottom: 0;
    background-color: var(--farbe2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    color:#ffffff;
    border-radius: 8px;
    text-align: center;
}

body.farbe3 #cookieman-modal .card-header {
    padding: 0.5rem 1rem !important;
    margin-bottom: 0;
    background-color: var(--farbe3);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    color:#ffffff;
    border-radius: 8px;
    text-align: center;
}

body.farbe4 #cookieman-modal .card-header {
    padding: 0.5rem 1rem !important;
    margin-bottom: 0;
    background-color: var(--farbe4);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    color:#ffffff;
    border-radius: 8px;
    text-align: center;
}

body.farbe5 #cookieman-modal .card-header {
    padding: 0.5rem 1rem !important;
    margin-bottom: 0;
    background-color: var(--farbe5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    color:#ffffff;
    border-radius: 8px;
    text-align: center;
}

#cookieman-modal .card-header a{color:#ffffff !important;}

#cookieman-modal [data-toggle=collapse]:after {
    font-size: 2rem;
}

#cookieman-modal .card {
    border-radius: 8px;
}

#cookieman-acco>.card:first-of-type, #cookieman-acco>.card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

#cookieman-modal .modal-body a{text-decoration: underline;}

body.farbe1 [data-cookieman-accept-none],
body.farbe1 [data-cookieman-accept-none]:hover {
    background: var(--farbe1);
    border: 0 !important;
    width:100%;
    margin-bottom:15px;
}

body.farbe2 [data-cookieman-accept-none],
body.farbe2 [data-cookieman-accept-none]:hover {
    background: var(--farbe2);
    border: 0 !important;
    width:100%;
    margin-bottom:15px;
}

body.farbe3 [data-cookieman-accept-none],
body.farbe3 [data-cookieman-accept-none]:hover {
    background: var(--farbe3);
    border: 0 !important;
    width:100%;
    margin-bottom:15px;
}

body.farbe4 [data-cookieman-accept-none],
body.farbe4 [data-cookieman-accept-none]:hover {
    background: var(--farbe4);
    border: 0 !important;
    width:100%;
    margin-bottom:15px;
}

body.farbe5 [data-cookieman-accept-none],
body.farbe5 [data-cookieman-accept-none]:hover {
    background: var(--farbe5);
    border: 0 !important;
    width:100%;
    margin-bottom:15px;
}

body.farbe1 [data-cookieman-accept-all],
body.farbe1 [data-cookieman-accept-all]:hover {
    background: var(--farbe1);
    border: 0 !important;
    width:100%;
    margin-bottom:15px;
}

body.farbe2 [data-cookieman-accept-all],
body.farbe2 [data-cookieman-accept-all]:hover {
    background: var(--farbe2);
    border: 0 !important;
    width:100%;
    margin-bottom:15px;
}

body.farbe3 [data-cookieman-accept-all],
body.farbe3 [data-cookieman-accept-all]:hover {
    background: var(--farbe3);
    border: 0 !important;
    width:100%;
    margin-bottom:15px;
}

body.farbe4 [data-cookieman-accept-all],
body.farbe4 [data-cookieman-accept-all]:hover {
    background: var(--farbe4);
    border: 0 !important;
    width:100%;
    margin-bottom:15px;
}

body.farbe5 [data-cookieman-accept-all],
body.farbe5 [data-cookieman-accept-all]:hover {
    background: var(--farbe5);
    border: 0 !important;
    width:100%;
    margin-bottom:15px;
}

body.farbe1 #cookieman-modal .btn-primary:active,
body.farbe1 #cookieman-modal .btn-primary.active, .open > body.farbe1 #cookieman-modal .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--farbe1);
}

body.farbe2 #cookieman-modal .btn-primary:active,
body.farbe2 #cookieman-modal .btn-primary.active, .open > body.farbe2 #cookieman-modal .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--farbe2);
}

body.farbe3 #cookieman-modal .btn-primary:active,
body.farbe3 #cookieman-modal .btn-primary.active, .open > body.farbe3 #cookieman-modal .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--farbe3);
}

body.farbe4 #cookieman-modal .btn-primary:active,
body.farbe4 #cookieman-modal .btn-primary.active, .open > body.farbe4 #cookieman-modal .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--farbe4);
}

body.farbe5 #cookieman-modal .btn-primary:active,
body.farbe5 #cookieman-modal .btn-primary.active, .open > body.farbe5 #cookieman-modal .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--farbe5);
}


body.farbe1 .btn-primary:active:hover,
body.farbe1 .btn-primary:active:focus,
body.farbe1 .btn-primary:active.focus,
body.farbe1 .btn-primary.active:hover,
body.farbe1 .btn-primary.active:focus,
body.farbe1 .btn-primary.active.focus, .open > body.farbe1 .btn-primary.dropdown-toggle:hover, .open > body.farbe1 .btn-primary.dropdown-toggle:focus, .open > body.farbe1 .btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: var(--farbe1);
}

body.farbe2 .btn-primary:active:hover,
body.farbe2 .btn-primary:active:focus,
body.farbe2 .btn-primary:active.focus,
body.farbe2 .btn-primary.active:hover,
body.farbe2 .btn-primary.active:focus,
body.farbe2 .btn-primary.active.focus, .open > body.farbe2 .btn-primary.dropdown-toggle:hover, .open > body.farbe2 .btn-primary.dropdown-toggle:focus, .open > body.farbe2 .btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: var(--farbe2);
}

body.farbe3 .btn-primary:active:hover,
body.farbe3 .btn-primary:active:focus,
body.farbe3 .btn-primary:active.focus,
body.farbe3 .btn-primary.active:hover,
body.farbe3 .btn-primary.active:focus,
body.farbe3 .btn-primary.active.focus, .open > body.farbe3 .btn-primary.dropdown-toggle:hover, .open > body.farbe3 .btn-primary.dropdown-toggle:focus, .open > body.farbe3 .btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: var(--farbe3);
}

body.farbe4 .btn-primary:active:hover,
body.farbe4 .btn-primary:active:focus,
body.farbe4 .btn-primary:active.focus,
body.farbe4 .btn-primary.active:hover,
body.farbe4 .btn-primary.active:focus,
body.farbe4 .btn-primary.active.focus, .open > body.farbe4 .btn-primary.dropdown-toggle:hover, .open > body.farbe4 .btn-primary.dropdown-toggle:focus, .open > body.farbe4 .btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: var(--farbe4);
}

body.farbe5 .btn-primary:active:hover,
body.farbe5 .btn-primary:active:focus,
body.farbe5 .btn-primary:active.focus,
body.farbe5 .btn-primary.active:hover,
body.farbe5 .btn-primary.active:focus,
body.farbe5 .btn-primary.active.focus, .open > body.farbe5 .btn-primary.dropdown-toggle:hover, .open > body.farbe5 .btn-primary.dropdown-toggle:focus, .open > body.farbe5 .btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: var(--farbe5);
}

body.farbe1 .btn-primary:focus,
body.farbe1 .btn-primary.focus {
    background-color: var(--farbe1);
    border-color: var(--farbe1);
}

body.farbe2 .btn-primary:focus,
body.farbe2 .btn-primary.focus {
    background-color: var(--farbe2);
    border-color: var(--farbe2);
}

body.farbe3 .btn-primary:focus,
body.farbe3 .btn-primary.focus {
    background-color: var(--farbe3);
    border-color: var(--farbe3);
}

body.farbe4 .btn-primary:focus,
body.farbe4 .btn-primary.focus {
    background-color: var(--farbe4);
    border-color: var(--farbe4);
}

body.farbe5 .btn-primary:focus,
body.farbe5 .btn-primary.focus {
    background-color: var(--farbe5);
    border-color: var(--farbe5);
}

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: none;
}

.btn {
    font-size: 1em;
    border-radius: 8px;
    margin-bottom: 15px;
    width: 100%;
    padding: 0.5rem 1rem !important;
}

.btn-secondary:hover {
    color: #373a3c;
    background-color: #efefef;
    border-color: #efefef;
}

.btn-secondary, .btn-secondary:focus, .btn-secondary.focus {
    color: #373a3c;
    background-color: #efefef;
    border-color: #efefef;
}

.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
    background-color: #efefef;
    border-color: #efefef;
}

.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .open > .btn-secondary.dropdown-toggle:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle.focus {
    color: #373a3c;
    background-color: #efefef;
    border-color: #efefef;
}


/* Cookieman */



/* ke_search */

#kesearch_pagebrowser_bottom a {
    padding: 0 !important;
}

#kesearch_pagebrowser_top, #kesearch_pagebrowser_bottom {
    text-align: left !important;
    color: #373a3c !important;
}

#kesearch_pagebrowser_bottom{margin-top:1em;}

#kesearch_pagebrowser_bottom div.result_txt{margin-bottom: 1em !important;}


#kesearch_num_results {
    color: #373a3c;
    margin-bottom: 1em !important;
}



.page-item:last-child .page-link {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.page-item:first-child .page-link {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.page-link {
    position: relative;
    float: none;
    color: #FFF;
    text-decoration: none !important;
    background-color: color: var(--farbe1);
    border: none;
    padding:inherit;
    width: 29px;
    height: 29px;
    line-height: 29px;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
}

.page-link:focus, .page-link:hover {
    color: var(--farbe1);
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    border-radius: 8px;
}

a.page-link {color: #FFF}

.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: var(--farbe1);
    border-color: var(--farbe1);
    border-radius: 8px;
}

.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
    color: var(--farbe1) !important;
    text-decoration: underline;
}








#kesearch_results .result-list-item:nth-child(odd) {
    margin: 1em 0 !important;
    padding: 15px !important;
    background:#f5f5f5;
    border-radius: 8px;
}

#kesearch_results .result-list-item:nth-child(even) {
    margin: 0 !important;
    padding: 0 15px !important;
    background:#FFF;
}

.result-number{

    font-weight: bolder;
    font-size: 1.25em !important;
    line-height: 1.35em;
    font-family: 'Bitter', serif;
    color: var(--farbe1);
}

.result-title {
    font-weight: 400;
    font-size: 1.25em !important;
    line-height: 1.35em;
    font-family: 'Bitter', serif;
}

.result-title a{
    text-decoration: none !important;
}


div.add-info a{font-weight:normal !important; font-size: 1rem; line-height: 1.5;}


div.add-info{
    border-top: 1px solid #373a3c;
    border-bottom: 1px solid #373a3c;
    margin-top:.5rem;
    padding-top:.5rem;
    margin-bottom: .5rem;
    padding-bottom: .5rem;
}

.result-title a::before {
    content: "Treffer: ";
}

.tx-kesearch-pi1 .header{font-family: 'Lato', sans-serif}

.tx-kesearch-pi1 .header hr{
border-top: 1px solid #373a3c !important;
margin-top: .5rem;
margin-bottom: .5rem;
}


/* ke_search */


.e-recht24 h2{font-size:1.25em; margin-top:30px; margin-bottom: .5em;}
.e-recht24 h3{font-size:1.25em; margin-top:30px; margin-bottom: .5em;}
.e-recht24 h4{font-size:1.15em; margin-top:30px; margin-bottom: .5em;}