/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*                      General                       */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*29.5. all fonts*/
/*
font-family:"Dutch_766 W01 Roman";
font-family:"Dutch_766 W01 Italic";
font-family:"Dutch_766 W01 Bold";
font-family:"URWGroteskMed W01 Regular";
font-family:"URW Grotesk Pro Light W01 Rg";
font-family:"URW Grotesk W01 Regular";
*/
/*Farben*/
/*dodgerblau4 - ipf*/
/*
#2538A3
*/
/*himmelblau5 - ngo-plattform*/
/*
#4a708b
*/

/*dunkelgold4 - fachstelle */
/*
#b8860b
*/

/*gold2 - projekte*/
/*
#ffc125
*/

/*schwarz - oranisation, reste*/
/*000*/


body {
    font-family: "Dutch_766 W01 Roman";
    position: relative;
    background-color: #fafafa;
}


.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    padding-right: 0;
    padding-left: 0;
}


.col-md-8,
.col-md-12 {
    padding-right: 0;
    padding-left: 0;
    margin: 0;
}

.shortlinks,
.breadcrumbNav,
.spalteLinks,
.spRechts,
footer {
    font-family: "URWGroteskMed W01 Regular";
}



a {
    color: black;
}

a .col-md-2 {
    padding-right: 0;
    padding-left: 0;
    margin: 0;
}





/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*              Rahmen             */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/



.wrapper {
    max-width: 1440px;
    font-size: 18px;
    margin: 0 auto;
    padding: 0;
    background-color: white;

}


.container {
    /*
    braucht es, weil in Bootstrap  
    diese breite auf 1140 festgelegt ist
    */
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
    padding: 0;
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*                        Header                      */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/


.header .header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1em 0;
    margin: 0;
}


.header-top .logo {
    margin: 0;
    padding: 0;
    display: block;
    width: 320px;
    height: 55px;

}

.header-top .logo img {
    max-width: 100%;
    padding-left: 5%;
}

.header-top .logoMobile,
.header-top .logoMobile img.logoIcon {
    display: none;
}

.header-top .middle {
    display: flex;
    justify-content: space-between;
}

.header-top .middle .left {
    margin: 0;
    padding: 0;
    width: 60%;
}


.header-top .middle .left .shortlinks {
    font-family: "URWGroteskMed W01 Regular";
    width: 90%;
    display: flex;
    justify-content: flex-start;
    align-items: center;

    margin: 0 0 0 3.5em;
    padding: 0.65em 0 0 0;
}



.header-top .middle .left .shortlinks .headNews,
.header-top .middle .left .shortlinks .headAgenda,
.header-top .middle .left .shortlinks .headMedien {
    color: black;
    margin: 0;
    padding: 0 10% 0 0;
}


.header-top .middle .left .shortlinks .headNews a,
.header-top .middle .left .shortlinks .headAgenda a,
.header-top .middle .left .shortlinks .headMedien a {
    font-size: 1.6rem;
    color: black;
}

.header-top .middle .headSpende {
    display: none;
}

.header-top .middle .right {
    display: flex;
    justify-content: center;

    width: 35%;

    margin: 0.25em 0 0 0;
}


.header-top .middle .right .headSuche {
    position: relative;
    z-index: 100;
    display: flex;
    align-items: center;
    margin-right: 2em;
    border: none;
    width: 30%;
}

.header-top .middle .right .headSuche img {
    border: none;
    height: 37px;
    width: 100%;
    display: block !important;
}


.header-top .middle .right .headLang {
    position: relative;
    z-index: 100;
    display: flex;
    align-items: center;
    width: 30%;
    margin-right: 5.75em;

}

.header-top .middle .right .headLang .hr-rd-a-de,
.header-top .middle .right .headLang .hr-rd-a-fr {
    display: block;
    width: 3em;
}

.header-top .middle .right .headLang .hr-rd-de,
.header-top .middle .right .headLang .hr-rd-fr {
    display: block;
    width: 3em;
}


.header-top .middle .right .headLang .hr-rd-a-de img.active,
.header-top .middle .right .headLang .hr-rd-a-fr img.active {
    width: 77%;
}


.header-top .middle .right .headLang .hr-rd-de img.inactive,
.header-top .middle .right .headLang .hr-rd-fr img.inactive {
    width: 77%;
}

.header-top .middle .right .headLang .hr-rd-a-en,
.header-top .middle .right .headLang .hr-rd-en,
.header-top .middle .right .headLang .hr-rd-a-en img.active,
.header-top .middle .right .headLang .hr-rd-en img.inactive {
    display: none;
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*          Navigation             */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/



.header-top .nav {
    position: relative;
    top: -1.25em;
    background-color: transparent !important;

}

.nav .navbar {
    -webkit-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
    position: absolute;
    z-index: 1;
    right: 1em;
    margin: 0;
    padding: 0;
    text-transform: none;
    background-color: white;
    padding-left: calc(1rem - 12px);
    background-color: transparent;
    background-color: transparent;
}


.nav .navbar {
    display: flex;
    justify-content: flex-end;
    align-items: top;
    margin-top: 0.5em;
}

.nav .navbar .toggle {
    width: 35px;
    display: block;
    margin: 0;
    padding: 0;
    background-color: transparent !important;
}

.nav .navbar .toggle img.toggle {
    display: block;
    margin: 0;
    padding: 0;
    max-width: 100%;
    background-color: transparent !important;
}

.nav .navbar .collapse,
.nav .navbar .collapsing {
    background-color: white;
}

.nav .navbar .collapse .navbarInside .mobile,
.nav .navbar .collapsing .navbarInside .mobile {
    display: none;
}

.nav .navbar .collapse .navbarInside,
.nav .navbar .collapsing .navbarInside {
    width: 20em;
    margin-top: .5em;
    /*dunkelgrau*/
    border: 1px solid #808080;
}

.nav .navbar li {
    line-height: 120%;
    margin-top: .5em;
}

.nav .navbar li a {

    font-family: "URWGroteskMed W01 Regular";
    text-transform: none !important;
    color: black;
}


.navbar-nav ul,
.navbar-nav li,
.navbar-nav a,
.nav .navbar .collapsing .navbarInside .sitemap .navbar-nav ul,
.nav .navbar .collapsing .navbarInside .sitemap .navbar-nav li,
.nav .navbar .collapsing .navbarInside .sitemap .navbar-nav a {
    text-transform: none !important;
    color: black;
}


.navbar-nav,
.nav .navbar .collapsing .navbarInside .sitemap .navbar-nav {
    position: relative;
    padding-left: 12px;
}

.navbar-nav.level-2,
.navbar-nav.level-3,
.nav .navbar .collapsing .navbarInside .sitemap .navbar-nav.level-2,
.nav .navbar .collapsing .navbarInside .sitemap .navbar-nav.level-3 {
    width: 0px;
    height: 0px;
    overflow: hidden;
    transition: all .25s cubic-bezier(0, 1, 0.5, 1);
}

.navbar-nav.level-1 li.open .level-2,
.navbar-nav.level-2 li.open .level-3,
.nav .navbar .collapsing .navbarInside .sitemap .navbar-nav.level-1 li.open .level-2,
.nav .navbar .collapsing .navbarInside .sitemap .navbar-nav.level-2 li.open .level-3 {
    width: auto;
    height: auto;
    overflow: visible;
}


.nav .navbar .collapse .navbarInside .sitemap .navbar-nav li,
.nav .navbar .collapsing .navbarInside .sitemap .navbar-nav li {
    white-space: no-wrap;
}


.navbar-nav li > span.submenu-button,
.nav .navbar .collapsing .navbarInside .sitemap .navbar-nav li span.submenu-button {
    margin-left: -1.75em;
    padding: 0px 6px 0 2px;

    float: left;
    display: block;
    font-family: "simple-line-icons";
    font-size: 12px;
    text-align: center;
    background-color: transparent !important;
    transform: rotate(90deg);
    transition: all .25s ease;
    cursor: pointer;
}

.navbar-nav li > span.submenu-button:before,
.nav .navbar .collapsing .navbarInside .sitemap .navbar-nav li span.icon-arrow-down:before {
    content: "\e606";
}

.navbar-nav li,
.nav .navbar .collapsing .navbarInside .sitemap .navbar-nav li {
    padding-left: 1em !important;

}

.nav .navbar .collapse .navbarInside .sitemap .navbar-nav li span.has-submenu-button {}

.nav .navbar .collapse .navbarInside .sitemap .navbar-nav li span.has-submenu-button a {}

.navbar-nav li.open > span.submenu-button,
.nav .navbar .collapsing .navbarInside .sitemap .navbar-nav li.open > span.submenu-button {
    transform: rotate(-90deg);

}

.nav .navbar .collapse .navbarInside .sitemap ul li,
.nav .navbar .collapsing .navbarInside .sitemap ul li {
    margin-right: 1em;
    margin-left: 0.5em;
    padding-top: .25em;
    padding-bottom: .5em;
    /*dunkelgrau*/
    border-bottom: 1px solid #808080;
}


.nav .navbar .collapse .navbarInside .sitemap ul li:last-child,
.nav .navbar .collapsing .navbarInside .sitemap ul li:last-child {
    border-bottom: none;
}

ul.level-1 > li > span > a,
ul li ul.level-2 > li > span > a,
ul li ul li ul.level-3 > li > span > a,
.nav .navbar .collapsing .navbarInside .sitemap ul.level-1 > li > span > a,
.nav .navbar .collapsing .navbarInside .sitemap ul li ul.level-2 > li > span > a,
.nav .navbar .collapsing .navbarInside .sitemap ul li ul li ul.level-3 > li > span > a {
    text-decoration: none;

}

ul.level-1 > li.active > span > a,
ul li ul.level-2 > li.active > span > a,
ul li ul li ul.level-3 > li.active > span > a,
.nav .navbar .collapsing .navbarInside .sitemap ul.level-1 li.active > span > a,
.nav .navbar .collapsing .navbarInside .sitemap ul li ul.level-2 li.active > span > a,
.nav .navbar .collapsing .navbarInside .sitemap ul li ul li ul.level-3 li.active > span > a {
    text-decoration: underline;
    margin-bottom: 1em;

}

.nav .navbar .collapse .navbarInside .sitemap ul li ul li,
.nav .navbar .collapsing .navbarInside .sitemap ul li ul li {
    padding-top: 0;
    padding-bottom: 0;
    margin-left: -1em;
    border-bottom: none !important;
}

.nav .navbar .collapse .navbarInside .navbarTop,
.nav .navbar .collapse .navbarInside .navbarTopLinks,
.nav .navbar .collapse .navbarInside .navbarBottom,
.nav .navbar .collapsing .navbarInside .navbarTop,
.nav .navbar .collapsing .navbarInside .navbarTopLinks,
.nav .navbar .collapsing .navbarInside .navbarBottom {
    display: none;
}

.header .header-bottom {
    display: block;
    margin: 0;
    padding: 0;

}

.header .breadcrumbNav {
    display: block;
    clear: both;
    margin: 0;
    padding: .5% 0 .5% 0.5%;
    border-radius: 0;
    background-color: #f5f5f5;
}


.header .breadcrumbNav .inside ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    height: 100%;
    margin: 0;
    padding: 0;
}

.header .breadcrumbNav .inside ul li {
    padding-right: 0.5%;
}

.header .breadcrumbNav .inside ul li a {
    font-size: .85rem;
    letter-spacing: 1px;
    white-space: no-wrap !important;
    color: #acacac;
}

.header .breadcrumbNav .inside ul li:last-child a {
    color: black;
}

.header .breadcrumbNav .inside .breadcrumb_separator {
    color: #acacac;
}

.header .breadcrumbNav .inside ul li a:hover {
    text-decoration: underline;
}


.header .katTitle {
    clear: both;
}

.header .katTitle p.katTitle {
    margin: 2em 0 1em 0;
    padding-left: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}



.header .topTitle {
    clear: both;
    margin: 0;
    padding: 0 0 0.5em 0;
}

.header h1.topTitle {
    font-family: "Dutch_766 W01 Bold";
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    margin: 0;
    padding: 0 18% 0 15px;
    color: black;
    font-size: 3rem;
    letter-spacing: 0.02em;
}


/***********************************/
/* **********     Home     ******* */
/***********************************/

/*slogan*/

.header-slogan {
    margin: 0;
    padding: 1em 0;
    width: 100%;
    background-color: #f5f5f5;
}

.header-slogan h1.slogan {
    font-size: 1.875rem;
    text-align: center;
    font-family: "Dutch_766 W01 Roman";
}



/*********************Slider*********************/

.header-slider {
    margin: 0;
    padding: 0;
}

.header-slider #testimonial-carousel {
    margin: 0 auto;
    padding: 0;
}

.header-slider .overlay {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: calc(100% - 4px);
    width: 100%;
    height: 381px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    transition: all 0.5s;
}

.header-slider #testimonial-carousel .carousel-indicators {
    margin-bottom: 0px;
}

.header-slider #testimonial-carousel .carousel-inner .carousel-item {

    padding: 0;
}

.header-slider #testimonial-carousel .carousel-inner .carousel-item .text-center {
    width: 100%;
    margin: 0;
    padding: 0;
}

.header-slider #testimonial-carousel .carousel-inner .carousel-item .text-center img {
    width: 100%;
    margin: 0;
    padding: 0;
}

.header-slider #testimonial-carousel .carousel-inner .carousel-item .text-holder {
    position: absolute;
    top: 5rem;
    left: 15%;
    z-index: 2;
    margin: 0 auto;
    width: 70%;
}


.header-slider #testimonial-carousel .carousel-inner .carousel-item .text-holder h2.lead {
    font-size: 3rem;
    letter-spacing: 1px;
    text-align: left;
    color: white;
    font-family: "Dutch_766 W01 Bold";
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.header-slider #testimonial-carousel .carousel-inner .carousel-item .text-holder p.text-light {
    font-size: 1.2em;
    line-height: 110%;
    letter-spacing: 1px;
    text-align: left;
    color: white;
    font-family: "Dutch_766 W01 Italic";
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*                         Spalte Links                */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/


/*zeile, die den gesamten mittleren bereich enthält*/
.main {
    margin: 1.5em 0 0 0;
    padding: 0;
}

.spalteLinks {
    margin-top: 0.4em;
}


/*********************Subnav*********************/
.spalteLinks .ipfSubnav {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    margin-right: 0;
    margin-bottom: 1em;
    margin-left: 0;
}

.spalteLinks .ipfSubnav .subnav {
    padding: 1em 1.5em;    
}

.spalteLinks .ipfSubnav .subnav ul {
    margin: 0 0 0 0;
    padding: 0;
    border: none !important;
}

.spalteLinks .ipfSubnav .subnav li {
    margin: 0 0 .5em -1em;
    padding: 0;
    list-style-type: none;
    line-height: 110%;

}

.spalteLinks .ipfSubnav .subnav li a {
    color: black;
    text-decoration: none;
    margin-left: -0.5em;
    margin: 0;
    padding: 0;
}

.spalteLinks .ipfSubnav .subnav li a:hover {
    text-decoration: none;
    color: #aeaeae;
}


.spalteLinks .ipfSubnav .ipfSubnav,
.spalteLinks .ipfSubnav .subnav .subnav {
    margin: 0;
    padding: 0;
    border: none;

}

.spalteLinks .ipfSubnav .subnav .subnav ul li:first-child {
    padding-top: .25em;
    padding-top: .5em;   
}

.spalteLinks .ipfSubnav .subnav .subnav ul li {
    margin: 0;
    padding: 0 0 .5em 0;
    line-height: 110%;
    padding-left: 2em;

}

.spalteLinks .ipfSubnav .subnav ul li a {
    margin: 0;
    padding: 0;
}


.spalteLinks .ipfSubnav .subnav ul.level-1 li > span > a,
.spalteLinks .ipfSubnav .subnav ul li ul.level-2 li > span > a,
.spalteLinks .ipfSubnav .subnav ul li ul li ul.level-3 li > span > a {
    text-decoration: none;
}

.spalteLinks .ipfSubnav .subnav ul.level-1 li.active > span > a,
.spalteLinks .ipfSubnav .subnav ul li ul.level-2 li.active > span > a,
.spalteLinks .ipfSubnav .subnav ul li ul li ul.level-3 li.active > span > a { 
    text-decoration: underline; 
}



/*********************Icons und Links*********************/
.spalteLinks .ipfIconsLinks,
.spalteLinks .ipfIconsLinksMehrDazu {
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    margin: 0;
    padding: 0;
}


.spalteLinks .spli-ipf {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-bottom: 3%;
}

.spalteLinks .spli-ipf .icon {
    margin-right: 3%;
    width: 20%;
}

@media screen and (max-width: 576px) {
    .spalteLinks .spli-ipf .icon {
        width: 14%;
    }
}

.spalteLinks .spli-ipf .icon img.img-fluid {
    width: 100%;
}



.spalteLinks .spli-ipf .icon-text {
    width: 75%;
    line-height: 120%;
}


.spalteLinks .spli-ipf .icon-text a {
    color: #2538A3;
    font-size: 1.25rem;

}



/*********************Schwarze Links*********************/

.spalteLinks .variaBlackLinks {
    margin: 2em 0 0 0;
}

.spalteLinks > .variaBlackLinks:first-child,
.spalteLinks > .row:first-child:empty + .variaBlackLinks,
.spalteLinks > .row:first-child:empty + .row:empty + .variaBlackLinks,
.spalteLinks > .row:first-child:empty + .row:empty + .row:empty + .variaBlackLinks {
    margin-top: 0;
}

/*erster schwarzer Link*/
.spalteLinks .variaBlackLinks .spli-varia-top {
    width: 100%;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.spalteLinks .variaBlackLinks .spli-varia-top .varia-text {
    margin-top: .5rem;
    padding-top: 2 rem;
    padding-bottom: 0.5rem;
    padding-left: 15px;
    border: none !important;
    line-height: 130%;
}

.spalteLinks .variaBlackLinks .spli-varia-top .varia-text a {
    color: #000;
    font-size: 1.4rem;
    display: block;
}

.spalteLinks .variaBlackLinks .spli-varia-top .varia-text a:hover {
    text-decoration: underline;
}


/*weitere schwarze Links*/
.spalteLinks .variaBlackLinks .spli-varia {
    width: 100%;
    border-bottom: 1px solid black;
}

.spalteLinks .variaBlackLinks .spli-varia .varia-text {
    margin-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 15px;
    line-height: 130%;
    border: none !important;
}


.spalteLinks .variaBlackLinks .spli-varia .varia-text a {
    color: #000;
    font-size: 1.4rem;
    display: block;
}


.spalteLinks .variaBlackLinks .spli-varia .varia-text a:hover {
    text-decoration: underline;
}



.spalteLinks .variaBlackLinks .spli-varia-none {
    width: 100%;
    border: none;
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*                    Middle / Content                */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/


.main-middle h2 {
    font-size: 1.8rem;
}

.content {
    width: 100%;
}


.text {
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    width: 100%;
    margin: 0;
    padding: 0 2em 0 0;
}


.text.ipf a:hover {
    color: black;
    /*blau*/
    box-shadow: inset 0 -1px 0 white, inset 0 -3px 0 #2538A3;
    padding-bottom: 2px;
}

.text.mro a:hover {
    color: black;
    /*messing*/
    box-shadow: inset 0 -1px 0 white, inset 0 -3px 0 #b8860b;
    padding-bottom: 2px;
}

.text.uns a:hover {
    color: black;
    /*messing*/
    box-shadow: inset 0 -1px 0 white, inset 0 -3px 0 #b8860b;
    padding-bottom: 2px;
}


.text h2 {
    font-family: "Dutch_766 W01 Bold";
    font-size: 1.6rem;
    color: black;
    padding-top: 1em;
}

.text h2 a.liste {}

.text h2 a.liste:hover {
    color: black;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 white, inset 0 -3px 0 #000;
    padding-bottom: 2px;
}

.text p a {
    text-decoration: underline;
    color: black;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 white, inset 0 -2px 0 black;
    padding-bottom: 2px;
}

.text p a:hover {
    color: black;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 white, inset 0 -3px 0 #000;
    padding-bottom: 2px;
}

.text p.vtsneueSuche a {
    font-family: "Dutch_766 W01 Bold";
}

.text p.datumseite {
	margin-top: 0.5em;
	font-size:0.9rem;
	color:gray;
}

.text h3 {
    font-family: "Dutch_766 W01 Bold";
    font-size: 1.3rem;
    padding-top: 0.5em;
    color: black;
}

.text h3.titelVolltextsuche a {
    font-family: "Dutch_766 W01 Bold";
    font-size: 1.8rem;
    line-height: 100%;
    color: black;
    text-decoration: none;
}

.text h3.titelVolltextsuche a:hover {
    color: black;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 white, inset 0 -3px 0 #000;

}

.text h3.didaktik a.liste {
    font-family: "Dutch_766 W01 Bold";
    font-size: 1.8rem;
    line-height: 100%;
    color: black;
    text-decoration: none;
}

.text h3.didaktik a.liste:hover {
    color: black;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 white, inset 0 -3px 0 #2538A3;
}

.text h3 a.liste:hover {
    color: black;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 white, inset 0 -3px 0 #ffc125;
}

.text h4 {
    font-family: "Dutch_766 W01 Bold";
    font-size: 1.1rem;
    padding-top: 0.25em;
    color: black;
}

.text .hashtagHolder {
    display: flex;
    justify-content: flex-start;
    align-items: top;
}

.text .hashtagHolder .hashtag {
    padding: 0.25em 0.25em 0.25em 0;

}

.text .hashtagHolder .hashtag a {
    font-family: "URW Grotesk Pro Light W01 Rg";
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: black !important;
}

.text .hashtagHolder .hashtag a:hover {
    color: black !important;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 white, inset 0 -3px 0 #2538A3;
}

.text .hashtag a:hover {
    color: black !important;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 white, inset 0 -3px 0 #2538A3;
}


.text .lead p {
    font-size: 1.4rem;
    line-height: 130%;
    color: black;
    padding: 1em 0 0 0;
    font-family: "Dutch_766 W01 Italic";
}

.content > .text:first-child > .lead:first-child > p:first-child {
    padding-top: 0;
}

.text .intro {
    font-family: "Dutch_766 W01 Roman";
}

.text p {
    font-size: 1.2rem;
}

.text p a {
    text-decoration: underline;
    color: black;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 white, inset 0 -2px 0 black;
    padding-bottom: 2px;
}

.text p a:hover {
    color: black;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 white, inset 0 -3px 0 #ffc125;
    padding-bottom: 2px;
}

.text p.ngo {
    font-family: "Dutch_766 W01 Bold";
    width: 100%;
    border-top: 1px dotted #808080;
    padding-top: 0.5em;
}

.text p.ngo img.bild {
    margin: 0.5em 0 0 0;
    padding: 0 0 0.5em 0;
    text-align: left;
    max-width: 100%;
}


/*aus hr old */
.text p.video {
    margin: 1em 0;
}

/*aus hr old */
.text p.video iframe {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.text p.video iframe {
	frameborder:0 !important;
	border:0 !important;
}

.text p.date {
    font-family: "URW Grotesk Pro Light W01 Rg";
    border-top: 2px solid #9e9e9e;
    color: #9e9e9e;
    letter-spacing: 1px;
    font-size: 0.9rem;
    margin: 0;
    padding: 0.5em 0 0 0;
}


.text ul {
    margin-left: 1em;
}

.text li {
    list-style-type: none;
}


.text li:before {
    margin-left: -0.75em;
    content: "� ";
    content: "- ";   
}

.text li a {
    text-decoration: underline;
    color: black;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 white, inset 0 -2px 0 black;
    padding-bottom: 2px;
}

.text li a:hover {
    color: black;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 white, inset 0 -3px 0 #ffc125;
    padding-bottom: 2px;
}


.text #spalten dl dd h2 {
    margin: 0;
    padding: 0;
}

.text .portrait {
    display: flex;
    margin: 0;
    padding: 0;
}

.text .portrait .imgLeft {
    margin: 0;
    padding: 0 1em 0 0;
}

.text img {
    display: block;
    margin: 2em auto;
    max-width: 550px !important;
    height: auto;
}


.text .portrait .imgLeft img.headerImage {
    display: block;
    margin: 0;
    padding: 0;
}

.text iframe.datenschutz {
    border: none !important;
}


.text .veranstaltungen hr.veranstaltungen {
    border-top: 2px solid #ffc125;
}


.text .veranstaltungen hr.veranstaltungenOben {
    border-top: 2px solid #ffc125;
    margin-top: 2em;
}

h4.rightCommunication,
h4.rightInfos {
    font-size: 1.5rem;
}


.btn-payrexx,
p.btn-payrexx {
    display: inline-block;
    width: auto;
    margin-top: 0.5em;
    padding: 0.25em 1em;
    font-size: 1.1rem;
    letter-spacing: 1px;
    white-space: inherit;
    color: #ffffff;
    background-color: #000000;
    border: 0;
    outline: 0;
    text-decoration: none !important;
    border-radius: 0px;
    border: 1px solid black;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
    font-family: "URW Grotesk W01 Regular";
}

.btn-payrexx a,
p.btn-payrexx a {
    color: #ffffff;	
    text-decoration: none !important;
    box-shadow: none;
}

.btn-payrexx:focus,
p.btn-payrexx:focus,
.btn-payrexx:hover,
p.btn-payrexx:hover {
    background-color: #fff;
    color: #000 !important;
    border: 1px solid black;
	box-shadow:none !important;
    text-decoration: none !important;	
}

.btn-payrexx:focus a,
p.btn-payrexx:focus a,
.btn-payrexx:hover a,
p.btn-payrexx:hover a,
.btn-payrexx a:hover,
p.btn-payrexx a:hover {
    color: #000 !important;	
	box-shadow:none !important;
    text-decoration: none !important;
}

#payrexx-modal.px-modal {
    opacity: 1;
}


.inhalt {}

.inhalt h2 {
    font-size: 1.8rem;
}

.inhalt h2 a {
    color: black;
    text-decoration: underline;
    font-weight: bold;
}

.inhalt h2 a:hover {
    text-decoration: none;
    /*dunkelgrau*/
    color: #696969;
}

.inhalt p {
    font-size: 1.3rem !important;
    line-height: 120%;
}

.inhalt .datum {
    font-family: "URW Grotesk Pro Light W01 Rg";
    font-size: .9rem;
    letter-spacing: 2px !important;
    /*dunkelgrau*/
    color: #808080;
}

/***********************************/
/* *******   Reiter Blue ipf ********/
/***********************************/

.reiterBlue:first-child {
    border-top: none !important;
}

.reiterBlue {
    width: 100%;
    margin-bottom: 2rem;
}

.reiterBlue .balkenBlue {
    width: 50%;
    border-left: 0px solid transparent;
    border-right: 23px solid transparent;
    border-bottom: 23px solid #2538A3;
}

.reiterBlue .balkentext p {
    margin: -25px 0 0 1rem;
    color: white;
}

.reiterBlue .dateBlue p {
    margin: -28px 0 0 1rem;
    color: white;
}


.reiterBlue .inhaltBlue {
    margin-top: -5% !important;
    margin-left: 2%;
}


.reiterBlue .hashtag {
    padding: 0.25rem 0 0 0.5rem;
    border-top: 2px solid #2538A3;
    border-left: 2px solid #2538A3;
}

.reiterBlue .hashtag a {
    font-family: "URW Grotesk Pro Light W01 Rg";
    text-transform: uppercase;
    font-size: .9rem;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
}

.reiterBlue .hashtag a:hover {
    color: #2538A3;
    text-decoration: none !important;
}

.reiterBlue .inhalt {
    margin-left: 0.5rem;
}

.reiterBlue .inhalt h1 {
    font-family: "Dutch_766 W01 Bold";
    letter-spacing: 0.025rem;
    margin-top: .25rem;
    margin-bottom: 0.5rem;
    line-height: 70% !important;
}

.reiterBlue .inhalt h1 a {
    text-decoration: none;
    font-size: 1.8rem;
}


.reiterBlue .inhalt h1 a:hover {
    color: black;
    box-shadow: inset 0 -1px 0 white, inset 0 -3px 0 #2538A3 !important;
    padding-bottom: 2px;
}

.reiterBlue .inhalt h2 {
    font-size: 1.4rem;
    line-height: 120%;
}


.reiterBlue .inhalt p {
    border: 0;
    padding: 0;
    font-size: 1.2rem !important;
    line-height: 140%;
}

.reiterBlue .inhalt p.datum {}

.reiterBlue .inhaltBlue a.liste {
    color: black;
    text-decoration: none;
}

.reiterBlue .inhalt .video {
    margin-bottom: 2rem;

}

.reiterBlue .inhalt .video img {
    max-width: 100%;
}



/***********************************/
/* ******  Reiter Messing   ****** */
/***********************************/

.reiterMessing {
    width: 100%;
    margin-bottom: 2rem;
}

.reiterMessing .balkenMessing {
    width: 50%;
    border-left: 0px solid transparent;
    border-right: 23px solid transparent;
    border-bottom: 23px solid #b8860b;
}

.reiterMessing .balkentext p {
    margin: -25px 0 0 1rem;
    color: white;
}

.reiterMessing .hashtag {
    padding: 0.5rem 0 0 0.5rem;
    border-top: 2px solid #b8860b;
    border-left: 2px solid #b8860b;
}


.reiterMessing .hashtag a {
    font-family: "URW Grotesk Pro Light W01 Rg";
    text-transform: uppercase;
    font-size: .9rem;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
}

.reiterMessing .hashtag a:hover {
    color: #2538A3;
}

.reiterMessing .inhalt {
    margin-left: 0.5rem;
}

.reiterMessing .inhalt h1 {
    font-family: "Dutch_766 W01 Bold";
    letter-spacing: 0.025rem;
    margin-top: .5rem;
    margin-bottom: 0.5rem;
    line-height: 80% !important;
}

.reiterMessing .inhalt h1 a {
    text-decoration: none;
    font-size: 1.8rem;
}

.reiterMessing .inhalt h1 a:hover {
    color: black;
    box-shadow: inset 0 -1px 0 white, inset 0 -3px 0 #b8860b !important;
    padding-bottom: 2px;
}

.reiterMessing .inhalt h2 {
    font-size: 1.4rem;
    line-height: 120%;
}

.reiterMessing .inhalt p {
    border: 0;
    padding: 0;
    font-size: 1.2rem !important;
    line-height: 140%;
}

.reiterMessing .inhalt p.datum {}

.reiterMessing .inhalt .video {
    margin-bottom: 2rem;
}

.reiterMessing .inhalt .video img {
    max-width: 100%;
}


/***********************************/
/* ******  Reiter Schwarz   ****** */
/***********************************/

.reiterSchwarz {
    width: 100%;
    margin-bottom: 2rem;
}

.reiterSchwarz .balkenSchwarz {
    width: 50%;
    border-left: 0px solid transparent;
    border-right: 23px solid transparent;
    border-bottom: 23px solid #505050;
}

.reiterSchwarz .balkentext p {
    margin: -25px 0 0 1rem;
    color: white;
}

.reiterSchwarz .hashtag {
    /*
    braucht es auch, 
    damit es keinen Abstand 
    zwischen Reiter und Border gibt
    */
    padding: 0.5rem 0 0 0.5rem;
    border-top: 2px solid #505050;
    border-left: 2px solid #505050;
}


.reiterSchwarz .hashtag a {
    font-family: "URW Grotesk Pro Light W01 Rg";
    text-transform: uppercase;
    font-size: .9rem;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
}

.reiterSchwarz .hashtag a:hover {
    color: #2538A3;
}

.reiterSchwarz .inhalt {
    margin-left: 0.5rem;
}

.reiterSchwarz .inhalt h1 {
    font-family: "Dutch_766 W01 Bold";
    letter-spacing: 0.025rem;
    margin-top: .5rem;
    margin-bottom: 0.5rem;
    line-height: 80% !important;
}

.reiterSchwarz .inhalt h1 a {
    text-decoration: none;
    font-size: 1.8rem;
}

.reiterSchwarz .inhalt h1 a:hover {
    color: black;
    box-shadow: inset 0 -1px 0 white, inset 0 -3px 0 #505050 !important;
    padding-bottom: 2px;
}

.reiterSchwarz .inhalt h2 {
    font-size: 1.4rem;
    line-height: 120%;
}

.reiterSchwarz .inhalt p {
    border: 0;
    padding: 0;
    font-size: 1.2rem !important;
    line-height: 140%;
}

.reiterSchwarz .inhalt p.datum {}

.reiterSchwarz .inhalt .video {
    margin-bottom: 2rem;
}

.reiterSchwarz .inhalt .video img {
    max-width: 100%;
}


/***********************************/
/* ********   Liste Blue   ******* */
/***********************************/


.listeBlue {
    border-top: 2px solid #2538A3;
    padding-top: 1.5rem;
}

.listeBlue:first-child {
    border: 3px solid orange;
}

.listeBlue .inhaltBlue {
    font-size: 1.3rem;
    line-height: 130%;
    margin: 0 0 0 0.5%;
    padding: 0;
}


.listeBlue .inhaltBlue a.liste {
    font-family: "Dutch_766 W01 Bold";
    font-size: 1.8rem;
    line-height: 100%;
    letter-spacing: 1px;
    color: black;
    text-decoration: none;
}

.listeBlue .inhaltBlue a.liste:hover {
    color: black;
    box-shadow: inset 0 -1px 0 white, inset 0 -3px 0 #2538A3;
    padding-bottom: 2px;
}

.listeBlue .inhaltBlue .dateBlue {
    margin: 0;
    padding: 0;
}

.listeBlue .inhaltBlue .dateBlue p {
    font-family: "URW Grotesk Pro Light W01 Rg";
    padding: 0.75rem 0 0 0;
    margin: 0;
    color: #808080;
    font-size: 0.9rem;
    letter-spacing: 1px;
}


/***********************************/
/* ******   Liste Messing   ****** */
/***********************************/

.listeMessing {
    border-top: 2px solid #b8860b;
    padding-top: 1.5rem;
}

.listeMessing .inhaltMessing {
    font-size: 1.3rem;
    line-height: 130%;
    margin: 0 0 0 0.5%;
    padding: 0;
}


.listeMessing .inhaltMessing a.liste {
    font-family: "Dutch_766 W01 Bold";
    font-size: 1.8rem;
    line-height: 100%;
    letter-spacing: 1px;
    color: black;
    text-decoration: none;
}

.listeMessing .inhaltMessing a.liste:hover {
    color: black;
    box-shadow: inset 0 -1px 0 white, inset 0 -3px 0 #b8860b;
    padding-bottom: 2px;
}

.listeMessing .inhaltMessing .dateMessing {
    margin: 0;
    padding: 0;

}

.listeMessing .inhaltMessing .dateMessing p {
    padding: 0.75rem 0 0 0;
    margin: 0;
    color: #9e9e9e;
    font-size: 1rem;
    letter-spacing: 1px;

}



/***********************************/
/* ********   Liste Black  ******* */
/***********************************/

.listeBlack {
    border-top: 2px solid #000;
    padding-top: 1.5rem;
}

.listeBlack .inhaltBlack {
    font-size: 1.3rem;
    line-height: 130%;
    margin: 0 0 0 0.5%;
    padding: 0;
}


.listeBlack .inhaltBlack a.liste {
    font-family: "Dutch_766 W01 Bold";
    font-size: 1.8rem;
    line-height: 100%;
    letter-spacing: 1px;
    color: black;
    text-decoration: none;
}

.listeBlack .inhaltBlack a.liste:hover {
    color: black;
    box-shadow: inset 0 -1px 0 white, inset 0 -3px 0 #505050;
    padding-bottom: 2px;
}

.listeBlack .inhaltBlack .dateBlack {
    margin: 0;
    padding: 0;
}

.listeBlack .inhaltBlack .dateBlack p {
    padding: 0.75rem 0 0 0;
    margin: 0;
    color: #9e9e9e;
    font-size: 1rem;
    letter-spacing: 1px;
}

.listeBlack .inhaltBlack p.liste {}


/*formulare*/
/*kontakt*/

.form-horizontal {
    font-family: "URW Grotesk Pro Light W01 Rg";

}

.form-horizontal p {
    font-size: 1.1rem;
}

.form-horizontal .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}


.form-horizontal .form-group input.no-outline {
    outline: none;
}

.form-horizontal button.btn-default {
    border: 1px solid #000;
    font-family: "URWGroteskMed W01 Regular";
    font-size: 1.1rem;
    padding: 0.25em 1em;
    margin: 0;
    border-radius: 0px;
}

.form-horizontal button.btn-default:hover,
.form-horizontal button.btn-default:focus {
    background-color: #000;
    color: #fff;
}


.form-horizontal label {
    font-weight: bold;
    cursor: pointer;
}

.form-horizontal .sprache label,
.form-horizontal .themen label,
.form-horizontal .radio label {
    font-weight: inherit;
}

.form-horizontal hr {
    border: none;
    background-color: #000;
    height: 1px;
}

.form-horizontal .holder {
    margin: 0;
    padding: 0;
}

.form-horizontal button.btn-default2 {
    border: 1px solid #ced4da;
    font-family: "URW Grotesk Pro Light W01 Rg";
    font-size: 1.1rem;
    color: black;
    padding: 0.25em 1em;
    margin: 0;
}

.form-horizontal p.error {
    color: #ffc125;
}


.form-horizontal .errorField {
    background-color: #ffc125;
}

.form-horizontal .form-control {
    border-radius: 0px;
}


.form-horizontal input.errorField {
    border-radius: 0px;
    background-color: #ffc125;
}

/*nl*/
.form-horizontal h3.nlForm {
    margin-top: 2em;
}

.newsletter .form-horizontal {
        border-radius: 0px;
}

.newsletter .form-horizontal select.form-control{
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
border:1px solid #aab4bc;
outline: 0 none;
line-height:130%;
font-size:100%;	
width:35%;
border-radius: 0;
background-image:url("../upload/bilder/pfeilSelectN.gif");
background-size:8%;
background-position: right;
background-repeat: no-repeat;
color:#aab4bc;
color:black;
font-weight:normal;
cursor: pointer;    
}



.form-horizontal input.Xbutton {
    border-radius: 0;
border:1px solid #aab4bc;
}

.contentUnten {
    display: none;
}

.newsletter-selection {
    margin-top: 1em;
    display: flex;
    align-items: center;
    justify-content: stretch;
}

.newsletter-selection label {
    position: relative;
    flex-grow: 1;
    cursor: pointer;
    font-family: "URWGroteskMed W01 Regular";
    font-weight: normal;
}

.newsletter-selection label input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.newsletter-selection label span {
    display: block;
    padding: 0.5em 1em;
    background-color: #fff;
    border: 1px solid transparent;
    border-bottom-color: #000;
}

.newsletter-selection label input:checked + span {
    border-color: #000;
    border-bottom-color: transparent;
}



/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*                       Spalte Rechts                */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.spRechts {
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    font-family: "URWGroteskMed W01 Regular";
}

.spRechts .fixeLinks {
    width: 100%;
    margin-bottom: 5%;
    margin-left: 3%;
    padding-bottom: 2%;

}


.spRechts .fixeLinks a {
    width: 100%;
    color: #000;
    font-size: 1.4rem;
}

.spRechts .fixeLinks a:hover {
    text-decoration: underline;
}



.spRechts .socialsLinks {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left:0.5em;

}

.spRechts .socialsLinks .facebook {
    display:block;
    margin-right:0.75em;
    max-width:11.5%;
}

.spRechts .socialsLinks .twitter  {
    display:block;
    max-width:11.5%;
}

.spRechts .socialsLinks img.facebook,
.spRechts .socialsLinks img.twitter{
    max-width:100%;
}


.spRechts .fixeInhalte {
    margin: 2em 0 0 0;
    padding: 0;
    overflow: hidden;
}

.spRechts .fixeInhalte .kontaktTitel {
    width: 100%;
    border-bottom: 1px solid black;
    margin-left: 0.5em;
}

.spRechts .fixeInhalte .kontaktTitel p.kontaktTitel {
    text-transform: uppercase;
    border: none;
    margin-left: 0;
    margin-bottom: 0.5em;
}

.spRechts .fixeInhalte .kontaktContainer {
    margin-left: 0.5em;
}

.kontaktContainer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 1em 0;
    border-bottom: 1px solid black;
    font-family: "URW Grotesk Pro Light W01 Rg";
}

.kontaktContainer .imgKontakt {
    width: 40%;
    padding-left: 1em;
    display: block;
}

.kontaktContainer .imgKontakt img {
    display: block;
    width: 100%;
}

.kontaktContainer p.name {
    width: 60%;
    font-size: 1rem;
    margin-bottom: 0;
    padding-bottom: 0.5em;
    line-height: 120%;
    order: -1;
}

.kontaktContainer p.address {
    width: 100%;
    font-size: 1rem;
    line-height: 120%;
    margin: 1em 0 0 0;
}

.spRechts .fixeInhalte .untenButtons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-left: 0.5em;
}

.spRechts .fixeInhalte .untenButtons .spendenFe,
.spRechts .fixeInhalte .untenButtons .goennerFe,
.spRechts .fixeInhalte .untenButtons .spendenZzr,
.spRechts .fixeInhalte .untenButtons .goennerZzr {
    margin: 0;
    padding: 0.5em 1em;
    line-height: 100%;
    width: 45%;
    border: 1px solid black;
}


.spRechts .fixeInhalte .untenButtons .spendenFe a,
.spRechts .fixeInhalte .untenButtons .goennerFe a,
.spRechts .fixeInhalte .untenButtons .spendenZzr a,
.spRechts .fixeInhalte .untenButtons .goennerZzr a {
    color: black;
    text-decoration: none;
}


.spRechts .fixeInhalte .untenButtons .spendenFe:hover,
.spRechts .fixeInhalte .untenButtons .goennerFe:hover,
.spRechts .fixeInhalte .untenButtons .spendenZzr:hover,
.spRechts .fixeInhalte .untenButtons .goennerZzr:hover {
    background-color: black;
    color: white;
}

.spRechts .fixeInhalte .untenButtons .spendenFe:hover a,
.spRechts .fixeInhalte .untenButtons .goennerFe:hover a,
.spRechts .fixeInhalte .untenButtons .spendenZzr:hover a,
.spRechts .fixeInhalte .untenButtons .goennerZzr:hover a {
    color: white;
}


.spRechts .fixeInhalteUnten {
    margin-left: 0.5em;
    margin-right: 0;
}

.spRechts .fixeInhalteUnten .variaBlackLinks {
    margin: 1.5em 0 0 0;
    width: 100%;
}


.spRechts .fixeInhalteUnten .variaBlackLinks .varia-text {
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    font-size: 100%;
    margin: 0;
    padding: 0.5em 0 0.5em 0;
    line-height: 130%;
    border-bottom: 1px solid black;
}

.spRechts .fixeInhalteUnten .variaBlackLinks .varia-text a {
    color: #000;
    font-size: 1.4rem;
}

.spRechts .fixeInhalteUnten .variaBlackLinks .varia-text a:hover {
    text-decoration: underline;
}

.spRechts .fixeInhalteUnten .variaBlackLinks .varia-textBr {
    margin: 0;
    padding: 0.5em 0 0.5em 0;
    line-height: 130%;
}

.spRechts .fixeInhalteUnten .variaBlackLinks .varia-textBr a {
    color: #000;
    font-size: 1.4rem;

}

.spRechts .fixeInhalteUnten .variaBlackLinks .varia-textBr a:hover {
    text-decoration: underline;
}


.spRechts .fixeInhalteUnten .variaBlackLinks .varia-textNoBr {
    display: none;
}




/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*                         Footer                     */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

footer {
    margin-top: 5em;
    padding: 1em 0.5em 1em 1em;
    background-color: #ededed;
}



.footer .footerVaria {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 1em;
}

.footer .footerVaria .info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0;
}

.footer .footerVaria .info .copyright {
    margin: 0;
    padding: 0;
    margin-right: 2em;
}

.footer .footerVaria .info .holderInside {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.footer .footerVaria .info .datenschutz {
    margin-right: 2em;
}

.footer .footerVaria .info .impressum {}

.footer .footerVaria .info .copyright a {
    font-family: "URW Grotesk Pro Light W01 Rg";
    font-size: 1.2rem;
    text-decoration: none;
    color: black;
}

.footer .footerVaria .info .datenschutz a,
.footer .footerVaria .info .impressum a {
    font-family: "URW Grotesk Pro Light W01 Rg";
    font-size: 1rem;
    text-decoration: none;
    color: black;
}


.footer .footerVaria .info .copyright a:hover,
.footer .footerVaria .info .datenschutz a:hover,
.footer .footerVaria .info .impressum a:hover {
    text-decoration: underline;
    color: black;
}


.footer .footerVaria .buttonOutside {
    margin: 0 1% 0 0;
    padding: 0;
}

.footer .footerVaria .button {
    border: 1px solid black;
    margin: 0;
    padding: 0.25em 1em;
}

.footer .footerVaria .button:hover {
    background-color: white;
}

/*bootstrap xl:1200px*/
/*bootstrap lg:992px*/
/*bootstrap md:768px*/
/*bootstrap sm:576px*/

.footer .footerVaria .button a {
    font-family: "URWGroteskMed W01 Regular";
    font-size: 1.1rem;
    letter-spacing: 1px;
    text-decoration: none;
    color: black;
}

.footer .footerVaria .button a:hover {
    text-decoration: none;
}



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



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


    .wrapper,
    header,
    .header,
    .container,
    .header-top,
    .logo,
    .left,
    .right,
    .breadcrumbNav,
    .katTitle,
    .topTitle {
        margin: 0;
        padding: 0;
    }



    .header-top .logo {
        width: 250px;
        margin: 0 0 0 -0.35em;
        padding: 0;
    }


    .header-top .middle {

        width: auto;
        display: flex;
        justify-content: flex-start;
    }

    .header-top .middle .left {

        width: 55%;

        margin-top: 0.5em;
        margin-left: 2em;
    }

    .header-top .middle .left .shortlinks {

        padding: 0;
        margin: 0;
    }

    .header-top .middle .left .shortlinks .headNews {
        padding: 0 1.25em 0 0;
    }

    .header-top .middle .left .shortlinks .headAgenda {
        padding: 0 1.25em 0 1.25em;
    }

    .header-top .middle .left .shortlinks .headMedien {
        padding: 0 0 0 1.25em;
    }


    .header-top .middle .left .shortlinks .headNews a,
    .header-top .middle .left .shortlinks .headAgenda a,
    .header-top .middle .left .shortlinks .headMedien a {
        font-size: 1.2rem;
    }

    .header-top .middle .right {
        width: 35%;

    }

    .header-top .middle .right .headSuche img {
        width: 32px;
    }


    .header-top .middle .right .headLang img {
        width: 35px !important;
        margin-right: 1em;
    }

    .header-top .middle .headSpende {
        display: none;
    }


    .header h1.topTitle {
        padding-right: 2%;
    }


    /*nav*/
    .nav {
        width: 8.333%;

    }

    .navbar {}

    .navbar .toggle {
        width: 30px !important;
        margin-bottom: 10px;
    }

    .nav .navbar .collapse .navbarInside,
    .nav .navbar .collapsing .navbarInside {
        width: 20em;
        margin-top: .5em;
        border: 1px solid #808080 !important;
    }


    /*Suche, Sprache hier noch nicht*/
    .nav .navbar .collapse .navbarInside .navbarTopLinks,
    .nav .navbar .collapsing .navbarInside .navbarTopLinks {
        display: none;
    }


    .nav .navbar .collapse .navbarInside .sitemap ul li,
    .nav .navbar .collapsing .navbarInside .sitemap ul li {
        margin-right: 2em;
        margin-left: 1.5em;
        border-bottom: 1px solid #808080;
    }


    .navbar-nav li > span.submenu-button,
    .nav .navbar .collapsing .navbarInside .sitemap .navbar-nav li span.submenu-button {
        padding: 0px 6px 0 2px;
    }


    /*eigentlicher navibereich*/
    /*Ganzer unterer Bereich*/
    .nav .navbar .collapse .navbarInside .navbarBottom,
    .nav .navbar .collapsing .navbarInside .navbarBottom {
        display: block;

    }


    /*Mgl Goenner Nl*/
    .nav .navbar .collapse .navbarInside .navbarBottom .fixeLinks,
    .nav .navbar .collapsing .navbarInside .navbarBottom .fixeLinks {
        width: 100%;
        background-color: black;
        margin: 0;
        padding: 1em;

    }

    .nav .navbar .collapse .navbarInside .navbarBottom .fixeLinks a,
    .nav .navbar .collapsing .navbarInside .navbarBottom .fixeLinks a {
        text-transform: none;
        width: 100%;
        color: white;
        display: block;
        margin-bottom: 0.5em;
        font-size: 1.3rem;
        font-family: "URWGroteskMed W01 Regular";
    }

    .nav .navbar .collapse .navbarInside .navbarBottom .fixeLinks a:hover,
    .nav .navbar .collapsing .navbarInside .navbarBottom .fixeLinks a:hover {
        text-decoration: underline;

    }


    /*Socials*/
    .nav .navbar .collapse .navbarInside .navbarBottom .socialsLinks,
    .nav .navbar .collapsing .navbarInside .navbarBottom .socialsLinks {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 1em 0;
    }
    
    .nav .navbar .collapse .navbarInside .navbarBottom .socialsLinks .facebook,
    .nav .navbar .collapsing .navbarInside .navbarBottom .socialsLinks .facebook{
        display:block;
        margin-right:0.75em;      
        max-width:11.5%;   
    }
    
      .nav .navbar .collapse .navbarInside .navbarBottom .socialsLinks .twitter,
      .nav .navbar .collapsing .navbarInside .navbarBottom .socialsLinks .twitter{
        display:block;
        max-width:11.5%; 
    }  

    .nav .navbar .collapse .navbarInside .navbarBottom .socialsLinks img.facebook,
    .nav .navbar .collapsing .navbarInside .navbarBottom .socialsLinks img.facebook,
    .nav .navbar .collapse .navbarInside .navbarBottom .socialsLinks img.twitter,
    .nav .navbar .collapsing .navbarInside .navbarBottom .socialsLinks img.twitter {
        max-width:100%;       
    }

    .nav .navbar .collapse .navbarInside .navbarBottom .fixeInhalteUnten,
    .nav .navbar .collapsing .navbarInside .navbarBottom .fixeInhalteUnten {
        display: none;
    }

    .header-top-slogan {
        margin: 0;
        padding: 1em 0;
    }

    .header-top-slogan h1.slogan {
        font-size: 1.5rem;
        text-align: center;
        font-family: "Dutch_766 W01 Roman";
    }
    
    .header .breadcrumbNav .inside ul li a {
        white-space: no-wrap !important;
    }

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

    .header-slider,
    .header-slider .container,
    .header-slider .justify-content-center,
    .header-slider .carousel,
    .header-slider .carousel-inner,
    .header-slider .text-center,
    .header-slider .text-center img,
    .header-slider .text-holder {
        margin: 0;
        padding: 0;
    }

    .header-slider {
        margin: 0 !important;
        padding: 0 !important;
    }

    .header-slider #testimonial-carousel {
        margin: 0 auto;
    }


    .header-slider #testimonial-carousel .carousel-inner .carousel-item {
        padding: 0 !important;
    }


    .header-slider #testimonial-carousel .carousel-inner .carousel-item .text-holder {
        margin: 0 auto;
        top: 50%;
        transform: translateY(-50%);
        max-height: 90%;
    }

    .header-slider #testimonial-carousel .carousel-inner .carousel-item .text-holder h2.lead {
        font-size: 2rem;
    }

    .header-slider #testimonial-carousel .carousel-inner .carousel-item .text-holder p.text-light {
        font-size: 1em;
    }


    #LeftColumnPlaceholder {
        padding: 0px 15px;
        height: 1px;
        border: 2px solid white;
    }

    #ToggleLeftButton {
        position: absolute;
        margin-top: -36px;
        width: 48px;
        height: 48px;
        z-index: 2;
        background: url("../images/ToggleLeftColumn.png") center center no-repeat transparent;
        background-size: contain;
    }


    .spalteLinks {
        position: absolute;
        margin: 0px 15px;
        padding: 0px;
        width: 0px;
        z-index: 1;
        overflow: hidden;
        flex: none;
        background-color: white;
    }


    .middle {
        -ms-flex: auto;
        flex: auto;
        max-width: 100%;
    }

    .inhalt,
    .reiter {
        margin: 0;
        padding: 1em 0 0 0;
    }


    .text img {
        display: block;
        margin: 0 auto !important;
        padding: 1em 0;
        max-width: 100% !important;
    }

    
      .text p.ngo a{
          font-size:1.1em; 
    }
    
      .text p.ngo img{
        display:block;
        margin:0 !important;
        margin-top: 1em !important;
        padding:1em 0 0 0;
        text-align:left;
    }
    

    .contentUnten {
        font-family: "URWGroteskMed W01 Regular";
        display: block;
        margin: 0 auto;
        margin-top: 5em;
        width: 460px;
    }

    /*aus rechter Spalte*/
    .contentUnten .button {
        margin: 0 auto;
    }

    .contentUnten .button .untenButtons {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 0 2em;
    }


    .contentUnten .untenButtons .spendenFe,
    .contentUnten .untenButtons .goennerFe,
    .contentUnten .untenButtons .spendenZzr,
    .contentUnten .untenButtons .goennerZzr {
        margin: 0;
        padding: 0.5em 1em;
        line-height: 100%;
        width: 45%;
        border: 1px solid black;
    }

    .contentUnten .untenButtons .spendenFe a,
    .contentUnten .untenButtons .goennerFe a,
    .contentUnten .untenButtons .spendenZzr a,
    .contentUnten .untenButtons .goennerZzr a {
        color: black;
        text-decoration: none;
    }

    .contentUnten .untenButtons .spendenFe:hover,
    .contentUnten .untenButtons .goennerFe:hover,
    .contentUnten .untenButtons .spendenZzr:hover,
    .contentUnten .untenButtons .goennerZzr:hover {
        background-color: black;
        color: white;
    }

    .contentUnten .untenButtons .spendenFe:hover a,
    .contentUnten .untenButtons .goennerFe:hover a,
    .contentUnten .untenButtons .spendenZzr:hover a,
    .contentUnten .untenButtons .goennerZzr:hover a {
        color: white;
    }


    /*Kontaktbereich*/
    .contentUnten .kontakt {
        display: block;
        padding: 2em;
        margin: 0;
        text-transform: none;
    }

    .contentUnten .kontakt a {
        color: black;
    }

    .contentUnten .kontakt a:hover {
        text-decoration: underline;
    }

    .contentUnten .kontakt .kontaktTitel {
        margin: 0 auto;
    }

    .contentUnten .kontakt .kontaktTitel p.kontaktTitel {
        text-transform: uppercase;
        margin: 0 auto;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        border-bottom: 1px solid black;
    }


    /*Schwarze Links*/
    .contentUnten .blackLinks {
        display: block;
        margin: 0 auto;
        padding: 0 2em;
    }

    .contentUnten .blackLinks .variaBlackLinks {
        margin: 0;
        padding: 0;
    }

    .contentUnten .blackLinks .variaBlackLinks .varia-text,
    .contentUnten .blackLinks .variaBlackLinks .varia-textBr {
        margin: 0;
        padding: 0;
    }

    .contentUnten .blackLinks .variaBlackLinks .varia-text:first-child {
        border-top: none;
    }

    .contentUnten .blackLinks .variaBlackLinks .varia-text a,
    .contentUnten .blackLinks .variaBlackLinks .varia-textBr a {
        display: block;
        font-size: 1.2em;
        line-height: 130%;
        color: black;
        text-transform: none;
        padding: 0.5em 0;
        border-bottom: 1px solid #000;
    }

    .contentUnten .blackLinks .variaBlackLinks .varia-text:first-child a,
    .contentUnten .blackLinks .variaBlackLinks .varia-textBr:first-child a {
        border-top: 1px solid #000;
    }

    .contentUnten .blackLinks .variaBlackLinks .varia-text a:hover,
    .contentUnten .blackLinks .variaBlackLinks .varia-textBr a:hover {
        text-decoration: underline;
    }
    /*
    body.home .contentUnten .blackLinks .variaBlackLinks .varia-textBr {
    	display:none;
    }
    */
     
    body.home .contentUnten .blackLinks .variaBlackLinks .varia-textNoBr a{
    	font-size: 1.2em;
        line-height: 130%;
        color: black;
        text-transform: none;
    }   

    .spRechts {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .spRechts .row {
        display: none;
    }

    .spRechts .fixeLinks {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin: 6em 0 0 0;
        padding-left: 0.5em;
        padding-right: 0.5em;;
    }

    .spRechts .fixeLinks a {
        width: auto;
    }

    .form-horizontal input.Xbutton {       
        border-radius: 0px;
        border:1px solid #888 !important;       
    }


    .footerHolder,
    .footerInfos {
        margin: 0;
        padding: 0;
    }

    footer {
        margin-top: 1em;
    }

}


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


    .header .header-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header-top .logo {
        width: 250px;
        height: 43px;

    }

    .header-top .logoMobile {
        display: none;
    }

    .header-top .middle {}

    .header-top .middle .left {
        display: none;
    }


    .header-top .middle .right {
        display: none !important;
    }



    .header-top .middle .headSpende {
        position: relative;
        z-index: 10000000000;
        margin: 0 auto;
        display: block;
        font-size: 1.2rem;
        padding: 0.25em 1em;
        border: 1px solid black;
    }


    .header-top .middle .headSpende:hover {
        background-color: black;
    }

    .header-top .middle .headSpende:hover a {
        color: white;
    }

    .header-top .middle .headSpende a {
        font-family: "URWGroteskMed W01 Regular";
        letter-spacing: 1px;
        font-size: 1.1rem;
    }

    .header-top .middle .headSpende a:hover {
        text-decoration: none;
    }

    .nav .navbar .collapse .navbarInside,
    .nav .navbar .collapsing .navbarInside {
        margin-top: 0.5em;
    }

 	.nav .navbar .collapse .navbarInside .sitemap ul li ul li ul.level-3 > li,
	.nav .navbar .collapsing .navbarInside .sitemap ul li ul li ul.level-3 > li,
	.nav .navbar .collapse .navbarInside .sitemap ul li ul li ul.level-3 li.active, 	
	.nav .navbar .collapsing .navbarInside .sitemap ul li ul li ul.level-3 li.active {
		width:130% !important;
	}   

	.nav .navbar .collapse .navbarInside .sitemap ul li ul li ul.level-3 > li > span > a,
	.nav .navbar .collapsing .navbarInside .sitemap ul li ul li ul.level-3 > li > span > a,
	.nav .navbar .collapse .navbarInside .sitemap ul li ul li ul.level-3 li.active > span > a, 	
	.nav .navbar .collapsing .navbarInside .sitemap ul li ul li ul.level-3 li.active > span > a {
        word-wrap: break-word;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
	}
	
    .nav .navbar .collapse .navbarInside .navbarTop,
    .nav .navbar .collapsing .navbarInside .navbarTop {
        display: block;

    }

    .nav .navbar .collapse .navbarInside .navbarTop .holder,
    .nav .navbar .collapsing .navbarInside .navbarTop .holder {
        display: flex;
        justify-content: space-between;
        align-items: center;

    }

    .nav .navbar .collapse .navbarInside .navbarTop .holder .headSuche,
    .nav .navbar .collapsing .navbarInside .navbarTop .holder .headSuche {
        display: block !important;
        width: 10%;
        margin-left: 1em;
    }
    
    
    .nav .navbar .collapse .navbarInside .navbarTop #searchField.mobile input#searchterm,
    .nav .navbar .collapsing .navbarInside .navbarTop #searchField.mobile input#searchterm {
        padding: 0 1em 0 0.25em !important;
        border:1px solid black !important;
        font-family: "URWGroteskMed W01 Regular" !important;     
        
    }

    .nav .navbar .collapse .navbarInside .navbarTop .holder .toggleLang,
    .nav .navbar .collapsing .navbarInside .navbarTop .holder .toggleLang {
        padding: 1em;
        display: flex;
    }



    .nav .navbar .collapse .navbarInside .navbarTop .holder .toggleLang img,
    .nav .navbar .collapsing .navbarInside .navbarTop .holder .toggleLang img {
        width: 40px;
        margin-left: 1em;
    }

    .nav .navbar .collapse .navbarInside .navbarTop .holder .toggleLang .hr-rd-en a.inactive img.inactive,
    .nav .navbar .collapsing .navbarInside .navbarTop .holder .toggleLang .hr-rd-en a.inactive img.inactive {
        display: none !important;
    }


    .nav .navbar .collapse .navbarInside .navbarTop #searchField,
    .nav .navbar .collapsing .navbarInside .navbarTop #searchField {
        margin: 0 0 0.5em 0;
        padding: 0;
    }

    .nav .navbar .collapse .navbarInside .navbarTop #searchField.mobile input#searchterm,
    .nav .navbar .collapsing .navbarInside .navbarTop #searchField.mobile input#searchterm {
        width: 90%;
        margin: 0 5% 5% 5%;
        padding: 0;
        border: 1px solid #808080;
    }


    .nav .navbar .collapse .navbarInside .navbarTop .navbarTopLinks,
    .nav .navbar .collapse .navbarInside .navbarTop .navbarTopLinks,
    .nav .navbar .collapse .navbarInside .navbarTop .navbarTopLinks,
    .nav .navbar .collapsing .navbarInside .navbarTop .navbarTopLinks,
    .nav .navbar .collapsing .navbarInside .navbarTop .navbarTopLinks,
    .nav .navbar .collapsing .navbarInside .navbarTop .navbarTopLinks {
        width: 100%;
        margin-bottom: 1em;
        display: block;
    }

    .nav .navbar .collapse .navbarInside .navbarTop .navbarTopLinks a,
    .nav .navbar .collapse .navbarInside .navbarTop .navbarTopLinks a,
    .nav .navbar .collapse .navbarInside .navbarTop .navbarTopLinks a,
    .nav .navbar .collapsing .navbarInside .navbarTop .navbarTopLinks a,
    .nav .navbar .collapsing .navbarInside .navbarTop .navbarTopLinks a,
    .nav .navbar .collapsing .navbarInside .navbarTop .navbarTopLinks a {
        width: 100%;
        display: block;
        text-transform: none;
        font-size: 1.2em;
        padding-left: 1em;
        color: black;
        font-family: "URWGroteskMed W01 Regular";
    }

    .nav .navbar .collapse .navbarInside .navbarTop .navbarTopLinks a:hover,
    .nav .navbar .collapse .navbarInside .navbarTop .navbarTopLinks a:hover,
    .nav .navbar .collapse .navbarInside .navbarTop .navbarTopLinks a:hover,
    .nav .navbar .collapsing .navbarInside .navbarTop .navbarTopLinks a:hover,
    .nav .navbar .collapsing .navbarInside .navbarTop .navbarTopLinks a:hover,
    .nav .navbar .collapsing .navbarInside .navbarTop .navbarTopLinks a:hover {
        text-decoration: underline;
    }


    .boxRechtsFixeLinks {
        display: none;
    }

    .navbarBottom {
        margin-top: 0.5em;
        display: block;
    }

    .navbarBottom .boxRechtsFixeLinks {
        display: block;
    }


    .nav .navbar .collapse .navbarInside .navbarBottomVaria,
    .nav .navbar .collapsing .navbarInside .navbarBottomVaria {
        display: block;
        background-color: #f5f5f5;
    }

    .nav .navbar .collapse .navbarInside .navbarBottom .boxRechtsFixeLinks {
        display: block;
    }

    
    .header .breadcrumbNav .inside ul li a {
        white-space: no-wrap !important;
    }
    
    /*Home*/
    .header-slogan h1.slogan {
        font-size: 1.3rem;
    }

    .header h1.topTitle {
        font-size: 2.5rem;
    }


}



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

    .header-top {
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header .header-top .logo {
        width: 270px;
        height: 46.5px;
    }

    .header .header-top .middle .left {
        width: 25vw;
        margin: 0;
        padding: 0;

    }

    .header .header-top .middle .left .shortlinks {
        width: 25vw;
    }


    .header .header-top .middle .left .shortlinks .headNews,
    .header .header-top .middle .left .shortlinks .headAgenda,
    .header .header-top .middle .left .shortlinks .headMedien {
        display: none;
    }

    .header .header-top .middle .right .headSuche,
    .header .header-top .middle .right .headLang {
        display: none;
    }

    .header .header-top .middle .headSpende {
        font-size: 1rem;
        display: block;
    }

    .header .header-top .middle .headSpende a {

        font-family: "URWGroteskMed W01 Regular";
    }


    .navbar img.toggle {
        width: 50px;
        height: auto;
    }

    /*linke Spalte slided von links */

    .navbarBottom {
        display: block;
    }

    .navbarBottom .boxRechtsFixeLinks {
        display: block;
    }



    .nav .navbar .collapse .navbarInside .navbarBottomVaria,
    .nav .navbar .collapsing .navbarInside .navbarBottomVaria {
        display: block;
        background-color: #f5f5f5;
    }
    
    .header .breadcrumbNav .inside ul li a {
        white-space: no-wrap !important;
    }



    .header-slider #testimonial-carousel .carousel-inner .carousel-item .text-holder h2.lead {
        font-size: 1.7rem;
        line-height: 110%;
    }


    .header-slider #testimonial-carousel .carousel-inner .carousel-item .text-holder p.text-light {
        font-size: 1rem;
        margin-top: -1em;
    }

    .header-slogan h1.slogan {
        font-size: 1.2rem;
    }

    .header h1.topTitle {
        font-size: 2rem;
    }


    .text {
        width: 100%;
        margin: 0;
        padding: 0 2% 0 0;
    }

    .footer .footerVaria {
        display: block;
        padding-left: 0;
    }

    .footer .footerVaria .info {
        display: block;
    }


    .footer .footerVaria .info .copyright {
        white-space: nowrap;
        width: 100%;
        text-align: center;
    }

    .footer .footerVaria .info .holderInside {
        justify-content: center;
        margin-bottom: 1em;
    }

    .footer .footerVaria .info .datenschutz {
        white-space: nowrap;
        display: block;
    }

    .footer .footerVaria .buttonOutside {}

    .footer .footerVaria .button {
        margin: 0 auto;
        width: 20vw;
    }

    .footer .footerVaria .button a {
        display: block;
        text-align: center;
    }
}

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

    .header {
        margin: 0;
        padding: 0;
    }

    .header-top .logo,
    .header-top .logo img {
        display: none;
    }

    .header-top .logoMobile {
        margin: 0;
        padding: 0;
        display: block !important;
        width: 15vw;
    }

    .header-top .logoMobile img {
        max-width: 100%;
        display: block !important;
        margin: 0;
        padding: 0;
        margin-left: 1em;
    }

    .header-top .middle .left,
    .header-top .middle .right {
        display: none;
    }

    .header-top .middle .headSpende {
        margin: 0;
        margin: 0 auto;
    }

    .nav .navbar .collapse,
    .nav .navbar .collapsing {
        margin-top: 25px !important;
    }


    .navbar-nav li > span.submenu-button,
    .nav .navbar .collapsing .navbarInside .sitemap .navbar-nav li span.submenu-button {
        padding: 0px 6px 0 2px;
    }

    .header .breadcrumbNav .inside ul li a {
        white-space: no-wrap !important;
    }


	.header .katTitle p.katTitle {
        word-wrap: break-word;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
	}

    .header-slider {
        height: 40vh;

    }


    .header-slider .overlay {
        margin: 0 auto;
        height: 40vh;
        object-fit: cover;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.3);
        transition: all 0.5s;
    }

    .header-slider .carousel {
        height: 40vh;

    }


    .header-slider .carousel .carousel-inner {
        height: 40vh;

    }

    .header-slider .carousel .carousel-inner .text-center {
        height: 40vh;

    }


    .header-slider .carousel .carousel-inner .text-center img {
        margin: 0 auto;
        height: 40vh;
        object-fit: cover;
    }


    .nav {
        width: 15%;
    }

    .header-slogan h1.slogan {
        font-size: 1.2rem;
    }

    .header h1.topTitle {
        font-size: 1.5rem;
    }
    
    .spalteLinks .ipfSubnav .subnav {
        padding: 1em 1.5em;    
    }

    .reiter .inhalt img {
        max-width: 100% !important;
        margin: 0;
        padding: 1em 0;
        display: block;
    }


    .text .full div {
        float: none !important;
        margin: 0;
        max-width: 100% !important;
    }


    .text .full div img {
        margin: 0 !important;
        margin-left: 0 !important;
        padding: 0 0 1em 0;
        width: 100%;
    }

    .text .portrait {
        display: block;
        width: 100%;
    }

    .text .portrait img {
        padding-bottom: 1em !important;
        margin: 0 !important;

    }
    
    .text .illustration {
        width:100%;
    }
    
    .text .illustration img {
        display:block;
        margin:0;
        padding:1em 0;
        width:100% !important;
    }

    .newsletter .form-horizontal select.form-control{
        width:50%;
        background-image:url("../upload/bilder/pfeilSelectN.gif");
        background-size:15%;
    }
     
    
    .contentUnten {
        font-family: "URWGroteskMed W01 Regular";
        display: block;
        margin: 0 auto;
        padding: 0;
        margin-top: 3em;
        width: 100%;
    }

    .contentUnten .kontakt,
    .contentUnten .blackLinks,
    .contentUnten .button .untenButtons {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }

    .footer .footerVaria .button {
        margin: 0 auto;
        width: 30vw;
    }

    .spRechts .fixeLinks {
        display: block;
    }

    .spRechts .fixeLinks a {
        display: block;
        width: 100%;
    }
}



@font-face {
    font-family: 'simple-line-icons';
    src: url('Fonts/Simple-Line-Icons.eot?v=2.4.0');
    src: url('Fonts/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'), url('Fonts/Simple-Line-Icons.woff2?v=2.4.0') format('woff2'), url('Fonts/Simple-Line-Icons.ttf?v=2.4.0') format('truetype'), url('Fonts/Simple-Line-Icons.woff?v=2.4.0') format('woff'), url('Fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.icon-arrow-left {
    font-family: "simple-line-icons";
    content: ">>>";
}

.share-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.share-buttons > * {
    position: relative;
    display: block;
    width: 28px;
    height: 28px;
    overflow: hidden;
}

.share-buttons > * + * {
    margin-left: 5px;
}

.share-buttons > *::before {
    content: "";
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
}

.share-buttons__facebook::before {
    background-image: url("/cms/upload/design/HumanrightsFacebook.png");
}

.share-buttons__facebook > span,
.share-buttons__facebook > span > iframe,
.share-buttons__twitter > iframe {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

.share-buttons__twitter::before {
    background-image: url("/cms/upload/design/HumanrightsTwitter.png");
}