body {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2rem;
    padding-bottom: 0;
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

a {
    color: #fff;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

h1, h2, h3, h4, h5 {
    font-weight: 600;
}

h1 {
    font-size: 3.2rem;
}

h2 {
    color: #f36f22;
    font-weight: 600;
    font-size: 2.05rem;
    padding-bottom: 0.4em;
}

hr {
    margin: 2em 0;
}

img {
    width: 100%;
}

img.detail {
    max-width:100%;
    width:auto !important;
}

img.auto {
    float: right;
    margin-left: 1em;
}

header {
    height: 65px;
    background: #fff;
    box-shadow: 2px 2px 6px #7c7c7c;
}

header.index {
    height: 75px;
}

p.infotext {
    padding: 0 0.5em;
    padding-bottom: 0.5em;
}

p.smaller {
    font-size: 0.9rem;
}

p a, p a:hover {
    color: #5a5a5a;
    text-decoration: underline;
}

p {
    width: 100%;
}

.hausfarbe {
    color: #f36f22 !important;
}

.text-dark {
    color: #5a5a5a !important;
}

.w-auto {
    min-height:450px;
    width:auto;
}

/* /////////////////////////////// NAVIGATION //////////////////// */
.navbar {
    padding: 0;
}

nav a {
    text-transform: uppercase;
    color: #5a5a5a;
    font-weight: 600;
    font-size: 0.95rem;
}

nav a:hover {
    color: hsla(22, 90%, 44%, 1);
}

nav .active>a {
    color: #f36f22;
}

.navbar ul>li {
    float: left;
    position: relative;
    background: #eee;
    border-bottom: 1px solid #fff;
}

.navbar ul>li>a {
    padding: 0.5em;
    padding-left: 15px !important;
    background: #eee;
}

.navbar ul li ul {
    display: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-top: 1px solid #fff;
}

.arrow::after {
    content: "\f107";
    font-family: "FontAwesome";
    position: absolute;
    right: 1em;
    top: 0.25em;
}

.arrow:hover::after {
    transform: rotate(180deg);
    transition: all 0.1s ease-in-out;
}

.navbar ul>li:hover>ul {
    display: block;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 0.5s;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.navbar ul>li>ul>li {
    float: none;
    text-align: center;
    background: #fff;
    width: 110%;
    min-width: 120px;
    padding: 0;
}

.navbar ul>li>ul>li>a {
    display: block;
    padding: 0.5em;
    padding-left: 30px !important;
}

.navbar ul>li>ul>li>a:hover, .navbar ul>li>ul>li.active>a {
    color: #f36f22;
}

.navbar ul>li:nth-child(5)>ul>li:nth-last-child(1)>a {
    color: #f36f22;
}

body>header>nav>div>a>img {
    width: 200px;
    width: 16.666vw;
    max-width: 200px;
    min-width: 150px;
    margin-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 14px;
    z-index: 10;
}

#navbarCollapse>div {
    width: 100%;
}

body>header>nav>div.container {
    background: #fff;
}

#topnav1 {
    font-size: 0.8rem;
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 30px;
    left: 0;
    margin: auto;
    padding-left: 225px;
}

#topnav1 li {
    text-align: center;
}

#topnav1 li.first {
    background: #f36f22;
    transition: all 0.25s ease-in-out;
    border-bottom: 1px solid #fff;
}

#topnav1 li.first:hover {
    background: hsla(22, 90%, 44%, 1);
    transition: all 0.25s ease-in-out;
}

#topnav1 li:nth-child(2), #topnav1 li:nth-child(3) {
    background: #c8c8c8;
    width: 50%;
    float: left;
}

#topnav1 li:nth-child(2) {
    border-right: 1px solid #fff;
}

#topnav1 li.first a {
    color: #fff !important;
}

#topnav1 li a {
    text-align: left;
    width: 100%;
    font-size: 0.82rem;
}

#topnav1 span {
    font-size: 0.84rem;
}

#topnav1 span::before {
    content: "\f095";
    font-family: "FontAwesome";
    margin-right: 0.25em;
}

#topnav1 img {
    width: 23px;
    margin-right: 5px;
    margin-top: -10.5px;
}

#topnav1 a:nth-child(4) img {
    margin-right: 6px;
}

#topnav1 a.sprache {
    font-size: 1.0rem;
    margin-right: 0.01em;
    color: #fff;
    margin-top: -5px;
}

#topnav1 a.sprache::after {
    content: "|";
}

#topnav1 a.sprache:nth-last-child(1)::after {
    content: "";
}

#topnav1 a.sprache.active {
    font-weight: 600;
    color: #5a5a5a;
}

.navbar-toggler {
    background: #f36f22;
    background: url(../images/AWH_Header_Sandwich-Menu-awh.jpg);
    background-size: 100%;
    z-index: 100;
    margin-top: 27px;
    border-radius: 0;
    width: 56px;
    height: 56px;
    position: absolute;
    right: 15px;
    top: 0;
}

body.dekolonial .navbar-toggler {
    background: url(../images/AWH_Header_Sandwich-Menu-dekolonial.jpg);
}

body.menschenrechte .navbar-toggler {
    background: url(../images/AWH_Header_Sandwich-Menu-menschenrechte.jpg);
}

body.stimmenafrikas .navbar-toggler {
    background: url(../images/AWH_Header_Sandwich-Menu-stimmenafrikas.jpg);
}

#topnav1 {
    padding-left: 0px;
    top: 111px;
}

#topnav li {
    width: 100%;
    text-align: left;
}

#topnav1 .col-md-5 {
    display: none;
}

#topnav1 .col-md-6 {
    right: 0;
    top: 11px;
    z-index: 10;
}

#topnav1>.social {
    top: 1px;
    background: #c8c8c8;
    padding-top: 17px !important;
    padding-left: 30px !important;
    height: 50px;
}

#topnav {
    margin-top: 224px;
}

header.scrolled .navbar-toggler {
    margin-top: 8px;
    height: 40px;
    width: 40px;
    margin-bottom: 8px;
    background-size: 100%;
}

.navbar-toggler-icon {
    position: relative;
    right: 6px;
    top: -2px;
}

header.scrolled>nav>div>a>img {
    height: 50px;
    min-width: 85px;
    width: 85px;
    top: 3px;
    /* left: -17px; */
}

header.scrolled #topnav1 {
    top: 55px;
}

header.scrolled #topnav {
    margin-top: 169px;
}

.suche {
    position: absolute;
    top: 1.5em;
    right: 87px;
    background: transparent;
    border: 0;
    font-size: 1.5rem;
    z-index: 100;
}

.scrolled .suche {
    top: 0.3em;
    right: 65px;
}

.simplesearch-paging a, .simplesearch-results-list a {
    color: #f36f22;
}

.simplesearch-paging {
    margin-bottom: 1.5em;
}

.simplesearch-result {
    margin-bottom: 1.5em;
}

.hotlines {
    display: none;
}

@media (min-width: 425px) {
    #topnav {
        margin-top: 150px;
    }

    header.scrolled #topnav {
        margin-top: 94px;
    }

    #topnav1 .col-md-6 {
        border-bottom: 1px solid #fff;
    }
}

@media (min-width: 576px) {
    img.auto {
        width: auto;
        float: right;
        margin-left: 1em;
    }

    .hotlines {
        font-size: 0.82rem;
        font-weight: 600;
        position: absolute;
        top: 49px;
        left: 250px;
        z-index: 1;
        display: block;
        text-transform: uppercase;
    }

    header.scrolled .hotlines {
        top: 7px;
    }

    .hotlines span {
        display: block;
    }

    .hotlines span:nth-child(1) {
        margin-right: 10px;
    }

    .hotlines span::before {
        content: "\f095";
        font-family: "FontAwesome";
        margin-right: 0.25em;
    }

    #topnav li {
        width: auto;
    }

    #topnav1 span {
        display: block;
    }

    .nav-link {
        padding: .5rem 0.1rem;
    }

    #topnav1 li {
        padding-left: 1em
    }

    #topnav1 .col-md-5 {
        left: 200px;
        top: -124px;
        display: block;
    }

    .scrolled #topnav1 .col-md-5 {
        top: -96px;
    }

    #topnav1 .col-md-6 a {
        padding: 0.25rem;
    }

    #topnav1>div.col-md-6.col-lg-6.col-xl-4.pl-0.pr-0>li>a {
        padding-left: 1.25em;
    }

    #topnav1>div.col-md-6.col-lg-12.col-xl-3.p-0.social>div>a {
        padding: 0;
    }

    #topnav1 a.sprache {
        font-size: 0.82rem;
        margin-right: 0.01em;
        color: #fff;
        margin-top: -2px;
    }

    ul#topnav {
        margin-top: 150px;
    }

    ul#topnav ul#topnav {
        margin-top: -0.5em;
        padding: 0;
    }

    header.scrolled #topnav {
        margin-top: 94px;
    }
}

@media (min-width: 768px) {
    #topnav1 .col-md-5 {
        left: 20px;
        top: -64px;
        display: block;
    }

    .scrolled #topnav1 .col-md-5 {
        top: -38px;
    }

    #topnav1 {
        top: 107px;
    }

    #topnav1>.social {
        left: 52%;
        top: -144px;
        background: transparent;
    }

    header.scrolled #topnav1>.social {
        top: -132px;
    }

    #topnav1 img {
        width: 15px;
        margin-right: 5px;
        margin-top: -10.5px;
    }

    #topnav1>.social a {
        color: #7a7a7a
    }

    ul#topnav {
        margin-top: 96px;
    }

    header.scrolled #topnav {
        margin-top: 45px;
    }
}

@media (min-width: 992px) {
    ul#topnav {
        margin-top: 190px;
    }

    #topnav1 {
        margin-top: 10px;
    }

    #topnav1 li.first {
        margin-right: 0px;
    }

    .hotlines {
        top: 59px;
    }

}

@media (min-width: 1200px) {
    .suche {
        top: 1.3em;
        right: 15px;
        font-size: 0.8em;
    }

    body>header>nav>div.container {
        position: relative;
    }

    .hotlines {
        top: 24.5px;
        left: 470px;
    }

    .nav-link {
        font-size: 0.95rem;
        padding: .75rem 0.2rem;
    }

    .navbar ul>li>a {
        padding: 0.31rem !important;
        background: #fff;
        text-align: center;
    }

    .navbar ul>li:hover>ul {
        position: absolute;
        left: 50%;
        transform: translate(-57%);
        padding-top: 9px;
    }

    .navbar ul>li>ul>li {
        width: 115% !important;
        border-bottom: 1px solid #c8c8c8;
    }

    .navbar ul>li>ul>li:nth-last-child(1) {
        border: 0;
    }

    .navbar ul>li>ul>li>a {
        padding-left: 0px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        padding-right: 0px !important;
    }

    .navbar ul>li>ul>li.first>a {
        box-shadow: inset 1px 2px 3px rgba(0, 0, 0, 0.15);
    }

    #topnav1 {
        padding-left: 192px;
        top: 37px;
        margin-top: 0;
    }

    #topnav li {
        max-width: 275px;
    }

    #topnav1 li.first {
        margin-right: 5px;
    }

    #topnav1 .engagieren {
        top: -6px;
    }

    #topnav1 .engagieren li {
        width: auto !important;
        float: left;
        display: inline-block;
        padding-left: 0;
    }

    #topnav1 .engagieren li a {
        padding: 0.25rem;
        text-align: center;
    }

    header.scrolled #topnav1 {
        top: 25px;
    }

    header.scrolled #topnav {
        margin-top: 54px;
    }

    #topnav1 .col-md-5 {
        top: 17px;
        left: -308px;
        display: block;
    }

    header.scrolled #topnav1 .col-md-5 {
        top: -2px;
    }

    #topnav1 .col-md-6 {
        top: -18px;
        border: 0;
    }

    #topnav1 .col-md-6 li {
        float: left;
        width: auto;
    }

    #topnav1 li:nth-child(2), #topnav1 li:nth-child(3) {
        background: #fff;
    }

    #topnav1>.social {
        left: 21.8em;
        top: -57px;
        background: transparent;
    }

    #topnav1 span {
        display: inline-block;
    }

    #topnav1 a.sprache {
        color: #5a5a5a;
    }

    ul#topnav ul#topnav {
        margin-top: -1.05em;
        padding: 0;
        margin-left: 0;
    }

    .arrow::after {
        display: none;
    }

    #topnav1 span:nth-child(2) {
        position: relative;
        top: 7px;
    }

    .nav-link {
        padding: .75rem 0.2rem;
    }

    .navbar ul>li:hover>ul {
        padding-top: 25px;
    }

    .navbar ul>li>a {
        padding: 0 0.56rem !important;
    }

    #topnav1 {
        padding-left: 198px;
        top: 28px;
    }

    #topnav1 .col-md-5 {
        left: -105px;
        top: -2.5px;
    }

    #topnav1 .col-md-6 {
        top: -6px;
    }

    #topnav1>.social {
        left: 485px;
        top: -47.5px;
    }

    ul#topnav {
        padding-top: 0;
        padding-left: 197px;
        padding-bottom: 1.3em;
        margin-left: 0;
        margin-top: 74px;
    }

    ul#topnav ul#topnav {
        padding-top: 1.25em;
    }

    #topnav1 span:nth-child(2) {
        position: relative;
        left: 7px;
        top: -1px;
    }

    #topnav1>div.col-md-6.col-lg-6.col-xl-4.pl-0.pr-0>li>a {
        padding-left: 0.25em;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1180px;
    }

    .suche {
        top: 2.6em;
        right: 10px;
    }

    .hotlines {
        top: 43px;
        left: 517px;
    }

    .hotlines span {
        display: inline-block;
    }

    .nav-link {
        padding: 0.75rem 1rem;
    }

    .navbar ul>li>a {
        padding: 0 1.55rem !important;
    }

    #topnav1 {
        padding-left: 240px;
        top: 46px;
    }

    #topnav1 .col-md-6 {
        left: 240px;
    }

    #topnav1 .col-md-5 {
        left: -36px;
    }

    #topnav1 .col-md-6 {
        left: 0px;
    }

    #topnav1>.social {
        left: 354px;
        top: -18px;
    }

    ul#topnav {
        padding-left: 215px;
        margin-top: 90px;
        margin-right: -25px !important;
    }
}

/* /////////////////////////////// STICKY NAV //////////////////// */
.index .navSticky {
    position: relative;
    z-index: 2;
    top: 3.3em;
    text-align: center;
    font-size: 2em;
    width: auto;
    display: block !important;
    height:81px;
}

.navSticky {
    position: relative;
    z-index: 2;
    top: 0.25em;
    text-align: center;
    font-size: 2em;
    width: auto;
    display: block !important;
    height:81px;
}

.navSticky>a {
    display: block;
    width: 25%;
    float:left;
    position: relative;
    background: #5a5a5a;
    height: 40px;
    margin-bottom: 5px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.navSticky>a>img {
    width: auto;
    height: 97%;
    position: absolute;
    left: 1px;
    top: 1px;
}

.navSticky>a:not(.spenden)::after {
    content: "";
    color: #fff;
    font-size: 1rem;
    position: relative;
    top: 2px;
    left: 60px;
    background: url(../images/AWH_Teaser_Pfeil-rechts.png) 100%;
    width: 9px;
    height: 33px;
    display: block;
}

.navSticky>a.spenden {
    position: relative;
    left: 0;
    top: -0.35em;
    background: #f36f22;
    color: #fff;
    padding: 0.5em;
    /* padding-left: 1.5em; */
    /* padding-right: 1.5em; */
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    height: 42px;
    border: 0 !important;
    border-left: 1px solid #fff !important;
    border-top: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
}



.navSticky>div {
    position: absolute;
    left: 0px;
    bottom: -4.6em;
    width: 42px;
    cursor: pointer;
    display:none;
}

.navSticky>div img {
    width: 100%;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

@media (min-width: 425px) {
    .index .navSticky {
        top: 4.5em;
    }

    .navSticky {
        top: 0.27em;
    }

}

@media (min-width: 576px) {
    .index .navSticky {
        top: 6em;
    }
    
}

@media (min-width: 640px) {
    .index .navSticky,
    .navSticky {
    position: fixed !important;
    z-index: 200;
    top: 50%;
    right: 0;
    transform: translateY(-65%);
    text-align: right;
    font-size: 2em;
    width: 40px;
    display: none;
    height:auto;
}

.navSticky>a {
    display: block;
    width: 112px;
    position: relative;
    background: #5a5a5a;
    height: 40px;
    margin-bottom: 5px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.navSticky>a:hover {
    margin-left: -2.2em;
    transition: all 0.5s ease-in-out;
    width: 150px;
}

.navSticky>a::after {
    content: "";
    color: #fff;
    font-size: 1rem;
    position: relative;
    top: 2px;
    left: 60px;
    background: url(../images/AWH_Teaser_Pfeil-rechts.png) 100%;
    width: 9px;
    height: 33px;
    display: block;
}

.navSticky>a.spenden {
    position: relative;
    left: -4.0em;
    top: 4.1em;
    background: #f36f22;
    color: #fff;
    padding: 0.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    transform: rotate(-90deg);
    width: 180px;
    height: 52px;
    border: 0 !important;
    border-left: 1px solid #fff !important;
    border-top: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
}

.navSticky>a.spenden::after {
    content: "";
    background: #f36f22;
    display: block;
    height: 77px;
    left:0;
    top: 0.1em;
    width: 100%;
}

.navSticky>a.spenden::before {
    content: "";
    position: absolute;
    background: url(../images/AWH_Teaser_Pfeil-rechts.png) 100%;
    width: 10px;
    height: 33px;
    display: block;
    top: 3.7em;
    left: 5.7em;
    z-index: 10;
    transform: rotate(90deg);
}

.navSticky>a.spenden::after {
    height: 77px;
    left: -1.55em;
    top: 0.1em;
    width: 180px;
}

.navSticky>a.spenden:hover {    
    left: -6.2em;
}

.navSticky>div {
    display:block;
}

}

/* /////////////////////////////// FORM Input, etc. //////////////////// */
form {
    font-size: 0.9rem;
}

form a, form a:hover {
    color: #5a5a5a;
    text-decoration: underline;
}

input {
    border: 0;
    padding: 0.5em;
    background: #efefef;
    width: 100%;
    margin-bottom: 1.2em;
    font-size: 1.2rem;
    font-weight: 600;
    color: #7c7c7c;
}

.confirmemail {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

input[disabled] {
    opacity: 0.5;
}

input.error, textarea.error {
    border: 2px solid hsla(22, 90%, 44%, 1);
}

#newsletter input.error {
    border: 2px solid hsla(22, 90%, 44%, 1);
}

.error {
    color: red !important;
}

form.sektion_Newsletter a {
    color: #fff;
}

form.sektion_Newsletter input {
    background: #fff;
    width: 30%;
    font-size: 0.9rem;
}

input.confirmemail { width:50% !important; }

input::placeholder {
    font-weight: 300;
}

button[type=submit] {
    width: 31%;
    border: 0;
    background: #fff !important;
    color: #f36f22 !important;
    padding: 0.5em;
}

form.sektion_Newsletter input[type=checkbox] {
    width: auto;
    position: absolute;
    margin-top: 3px;
}

form.sektion_Newsletter p.datenschutz {
    display: inline-block;
    line-height: 1.2em;
    padding-left: 2em;
}

input[type=submit], button[type=submit] {
    background: #f36f22;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    transition: all 0.25s ease-in-out;
}

body.awh input[name=goodnews-unsubscribe-btn] {
    background: #7c7c7c;
}

input[type=submit]:hover {
    background: hsla(22, 90%, 44%, 1);
}

#newsletter>div.container.text-left>div>div>form>div:nth-child(5)>div.col-5.pl-0>input {
    background: #7a7a7a !important;
}

#newsletter>div.container.text-left>div>div>form>div:nth-child(5)>div.col-5.pl-0>input:hover {
    background: hsla(0, 0%, 38%, 1) !important;
}

#newsletter>div.container.text-left>div>div>form>span {
    margin-bottom: 1em;
    margin-top: -8px;
    display: block;
    padding-left: 35px;
}

form.sektion_Newsletter input[type=submit] {
    background: #fff;
    color: #f36f22;
}

form.sektion_Newsletter input[type=submit]:hover {
    color: hsla(22, 90%, 44%, 1);
}

input[type=checkbox] {
    width: auto;
    height: auto;
    margin-bottom: 0;
    margin-left: 5px;
}

.detail:not(#kontakt) #datenschutz {
    width: auto;
    height: auto;
    margin-bottom: 0;
    margin-left: -25px;
    margin-right: 10px;
}

textarea {
    border: 0;
    background: #efefef;
    width: 100%;
    height: 100%;
    padding: 0.6em;
    font-size: 1.2rem;
}

span.checkbox {
    padding-left: 35px;
    display: block;
    margin-bottom: -1em;
}

span.checkbox:nth-child(4) {
    margin-bottom: 1.25em;
}

span.checkbox input {
    margin-left: -25px;
    margin-right: 5px;
}

span.checkbox:nth-child(4) input {
    margin-right: 9px;
}

#map, .karte {
    min-height: 300px;
}

/* /////////////////////////////// FARBBALKEN Projekte //////////////////// */
div.projekte {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
}

div.projekte a {
    opacity: 0;
    transition: all 0.25s ease-in-out;
    font-size: 0.75rem;
    text-align: center;
    display: none;
    line-height: 1.2;
    padding: 0.25em 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

div.projekte div.col {
    width: 10% !important;
    max-width: 10%;
    height: 10px;
}

div.projekte {
    border-top: 113px solid #fff;
}

div.projekte.scrolled {
    border-top: 56px solid #fff;
}

.dekolonial:not(body) {
    background: #f6a800 !important;
}

.globales-lernen {
    background: #b0c200 !important;
}

.beratung {
    background: #007c40 !important;
}

.global-nachhaltig, .koeln-global-nachhaltig {
    background: #861248 !important;
}

.alleweltonair {
    background: #40b4a6 !important;
}

.menschenrechte:not(body) ,
.menschenrechte2:not(body) {
    background: #178dc7 !important;
}

.stimmen-afrikas:not(body), .stimmenafrikas:not(body) {
    background: #af1f15 !important;
}

.allerweltshaus, .web:not(body), .tags.awh {
    background: #f36f22 !important;
}

.menschenrechte-mexiko, .menschenrechte-lateinamerika, .tagsNeu .lateinamerika, .tags.lateinamerika {
    background: #6b1320 !important;
}

.eine-welt-promoterinnen {
    background: #004e8e !important;
}

.tags.sonstige, .tags.vortrag-diskussion {
    background:#ccc;
}

a[title=fehlt] {
    background: red !important;
}

@media (min-width: 425px) {
    div.projekte {
        border-top: 110px solid #fff;
    }
}

@media (min-width: 576px) {
    div.projekte {
        border-top: 110px solid #fff;
        width: 100% !important;
    }
}

@media (min-width: 768px) {
    div.projekte.scrolled {
        border-top: 57px solid #fff;
    }

    div.projekte {
        border-top: 108px solid #fff;
    }

    div.projekte div.col {
        height: 25px;
    }

    div.projekte a {
        display: block;
    }
}

@media (min-width: 992px) {
    div.projekte {
        border-top: 122px solid #fff;
    }
}

@media (min-width: 1200px) {
    div.projekte {
        border-top: 139px solid #fff;
    }

    div.projekte div:hover {
        opacity: 1;
        transition: all 0.25s ease-in-out;
        height: 45px;
    }

    div.projekte div a:hover {
        opacity: 1;
    }
}

/* /////////////////////////////// Slider //////////////////// */
.regular {
    background: url(../images/slider/AWH_Slider-Hintergrund.png) center no-repeat;
    background-size: 100%;
    width: 100%;
    height: 33vw;
    max-height: 535px;
    position: relative;
    top: 0.5em;
    margin-bottom: 3em !important;
}

body.dekolonial .regular {
    background: #f6a800 url(../images/slider/AWH_Slider-Hintergrund_dekolonial.png) center no-repeat;
}

body.stimmenafrikas .regular {
    background: #af1f15 url(../images/slider/AWH_Slider-Hintergrund_stimmen-afrikas.png) center no-repeat;
}

body.menschenrechte .regular {
    background: #178dc7 url(../images/slider/AWH_Slider-Hintergrund_menschenrechte.png) center no-repeat;
}

.regular .slick-list {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.regular .text {
    color: #fff;
    font-weight: 600;
    text-align: center;
    font-size: 1.75vW;
    max-width: 80%;
    /* border: 4px solid green; */
    margin-left: 10%;
}

body.awh .regular .text { margin-top: -4em; }

.regular .slick-slide {
    display: block !important;
    position: relative;
    height: 33vW;
    max-height: 533px;
}

.regular .slick-slide img {
    height: 33vW !important;
    max-height: 533px;
    margin: auto;
    border: 0;
    transition: all 0.25s ease-in-out;
}

body.awh .regular .slick-slide img {
    height: 33vW !important;
    max-height: 533px;
    margin: auto;
    width: 100% !important;
    border: 0;
    transition: all 0.25s ease-in-out;
}

.regular .slick-slide img.logo {
    height: 22vW !important;
    max-height: 350px;
    margin-top: 3vW;
}

.regular.index .text {
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0.25em;
    width: 100%;
    font-weight: 600;
    font-size: 1.75vW;
}

.regular .slick-prev {
    background: url(../images/slider/AWH_Slider_Pfeil-links.png) no-repeat;
    background-size: 100%;
    width: 5vW;
    max-width: 76px;
    height: 109px;
    transition: all 0.25s ease-in-out;
    position: absolute;
    top: 29vW;
    z-index: 2;
    left: 2vW;
}

.regular .slick-prev:hover {
    left: 1vW;
}

.regular .slick-next {
    background: url(../images/slider/AWH_Slider_Pfeil-rechts.png) no-repeat;
    background-size: 100%;
    width: 5vW;
    max-width: 76px;
    height: 109px;
    transition: all 0.25s ease-in-out;
    position: absolute;
    top: 29vW;
    z-index: 2;
    right: 2vW;
}

.regular .slick-next:hover {
    right: 1vW;
}

.regular .slick-prev::before, .regular .slick-next::before {
    content: "";
}

.regular .slick-dots {
    bottom: 0.5em;
    position: absolute;
    width: 100%;
}

.slick-dots li {
    margin: 0;
}

.slick-dots li button:before {
    font-size: 8px;
    opacity: .25;
    color: #fff;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: white;
}

@media (min-width: 320px) {
    .regular {
        top: -4.25em;
    }

    .regular .slick-dots {
        bottom: 0.05em;
    }
}

@media (min-width: 425px) {
    .regular {
        top: -3.7em;
    }

    .regular .slick-prev, .regular .slick-next {
        top: 24vW;
    }
}

@media (min-width: 576px) {
    .regular {
        top: -3.15em;
    }

    .regular .slick-prev, .regular .slick-next {
        top: 21vW;
    }

    .slick-dots li button:before {
        font-size: 12px;
    }
}

@media (min-width: 640px) {
    .regular {
        top: 1.1em;
    }
}

@media (min-width: 768px) {
    .regular {
        top: 0.5em;
    }

    .regular.index .text {
        bottom: 0.5em;
    }

    .regular .slick-prev, .regular .slick-next {
        top: 19vW;
    }
}

@media (min-width: 992px) {
    .regular {
        top: 1.3em;
    }

    .regular.index .text {
        bottom: 1em;
    }

    .regular .slick-prev, .regular .slick-next {
        top: 17vW;
    }

    .regular .slick-dots {
        bottom: 0.35em;
    }

    .slick-dots li button:before {
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .regular.index .text {
        bottom: 1.5em;
    }

    .regular .slick-dots {
        bottom: 0.5em;
    }

    .slick-dots li button:before {
        font-size: 16px;
    }
}

@media (min-width: 1600px) {
    .regular .slick-prev, .regular .slick-next {
        top: 16vW;
    }
}

@media (min-width: 1920px) {
}

/* /////////////////////////////// breadcrumbs //////////////////// */
.breadcrumbs {
    margin-top: 0em;
    color: #5a5a5a;
    visibility: hidden;
}

.breadcrumbs span.id {
    float: right;
    font-size: 0.8rem;
    margin-top: -3.8em;
    opacity: 0.5;
}

.B_crumbBox {
    font-size: 0.9rem;
    margin-left: 0em;
    margin-bottom: 2em;
    text-align: left;
    padding: 0;
}

.B_crumbBox::before {
    content: "\00bb ";
}

.B_crumbBox li {
    display: inline-block;
}

.B_crumbBox li a {
    text-decoration: underline;
    color: #5a5a5a
}

/* /////////////////////////////// INDEX fuellText //////////////////// */ 
.fuellText {/* display:none; */}
.fuellText a { color:#f36f22; width:100%; }
.fuellText img { float:right; width:50%; margin-left:1em; margin-bottom:1em; margin-top:15px;}


/* /////////////////////////////// INDEX Aktuelles //////////////////// */
button.fullWidth {
    background: #f36f22 !important;
    color: #fff !important;
}

a.fullWidth {
    background: #f36f22;
    display: block;
    width: 100%;
    text-align: center;
    padding: 1em 1em;
    font-size: 0.9rem;
    font-weight: 600;
    transition: all 0.25s ease-in-out;
    margin-top: 0.75em;
}

a.fullWidth:hover {
    background: hsla(22, 90%, 44%, 1);
    transition: all 0.25s ease-in-out;
}

/* /////////////////////////////// INDEX Pinnwand //////////////////// */
.pinnwand {
    background: #f36f22;
    color: #fff;
    padding: 3em 1.5em;
    font-size: 0.8rem;
    margin-bottom: 2em;
}

.pinnwand h4 {
    font-size: 1.22rem;
    font-weight: 600;
}

.pinnwand a, .pinnwand a:hover {
    color: #fff;
    text-decoration:underline;
}

.pinnwand p {
    margin: 0.3em 0;
    font-size: 0.9rem;
}

.pinnwand .meldung {
    border-top: 1px solid;
    padding: 1em 0em;
}

.pinnwand .meldung h3 {
    font-size: 1.2rem;
}
.pinnwand .meldung img { max-width:100% !important; height:auto !Important; }

.pinnwand .meldung:nth-last-child(1) {
    border-bottom: 1px solid;
}
.pinnwand figure,
.pinnwand iframe { width:100%;}
/* /////////////////////////////// INDEX Veranstaltungen //////////////////// */
.teaser {
    position: relative;
    padding-right: 0;
}

.teaser a {
    position: relative;
    display: block;
    max-height: 302px;
    overflow: hidden;
}

.teaser .col-md-6 {
    background: #7c7c7c;
    color: #fff;
    float: left;
    transition: all 0.25s ease-in-out;
}

.teaser .col-md-6:hover {
    background: #5a5a5a;
    transition: all 0.25s ease-in-out;
}

.teaser .text {
    padding: 0.75em 1em 0em 0.75em;
}

.index_Aktuelles .teaser h3 {
    color: #f36f22;
    padding-bottom: 0;
}

.index_Aktuelles .teaser .text {
    background: #efefef;
    padding-bottom: 1.8em;
}

.index_Aktuelles .teaser a {
    color: #5a5a5a;
}

.index_Aktuelles .teaser a.weiter {
    bottom: 1.5em;
}

.index_Aktuelles .teaser p {
    font-size: 0.9rem;
}

.index_Aktuelles .teaser strong {
    display: inline-block;
    font-size: 0.9rem;
    float: left;
    margin-right: 5px;
    margin-top: 8px;
}

.veranstaltung.meldung strong.datum {
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.teaser a.weiter {
    position: absolute;
    bottom: 0.75em;
    right: 2em;
    text-decoration: underline;
    font-size: 0.9rem;
    text-align: right;
}

.veranstaltungen .teaser.veranstaltung a.weiter {
    right: 0;
    bottom: 1em;
}

.teaser .teaser_Bottom {
    background: rgba(243, 111, 34, 0.85);
    width: 100%;
    padding: 0.8em;
    font-size: 1.2rem;
    position: absolute;
    bottom: 0;
    color: #fff;
    font-weight: 600;
    text-align: left;
}

#beratung a.weiter::after, .teaser_Bottom::after, #team a.mehr::after, #mitwirken a.mehr::after {
    content: "y";
    color: transparent;
    float: right;
    width: 18px;
    height: 33px;
    position: absolute;
    background: url(../images/AWH_Teaser_Pfeil-rechts.png) no-repeat;
    right: 1em;
    bottom: -4px;
    transform: translateY(-50%);
    transition: all 0.25s ease-in-out;
}

.teaser:hover .teaser_Bottom::after, #beratung a.weiter:hover::after, #team a.mehr:hover::after, #mitwirken a.mehr:hover::after {
    right: 0.5em;
    transition: all 0.25s ease-in-out;
}

.teaser h3 {
    font-size: 1.05rem;
    font-weight: 600;
}

#foerdern .row {
    margin-left: -30px;
}

.teaser.engagement {
    margin-bottom: 1em;
}

#engagement>div.container>div>div>div {
    padding-right: 15px;
}

body>section.begegnung>div>div>div, body>section.aktion>div>div>div {
    padding-right: 30px;
}

.teaser.angebote, .teaser.kurse, .teaser.raumvermietung, .teaser.aktion, .teaser.service, .teaser.jahresberichte, section.veranstaltung .teaser.veranstaltung {
    padding-right: 15px;
}

.teaser.awh-veedel {
    padding: 0 50px;
}

@media (min-width: 425px) {
    .teaser h3, .pinnwand .meldung h3 {
        font-size: 1.2rem;
    }
}

@media (min-width: 576px) {
    .teaser h3, .pinnwand .meldung h3 {
        font-size: 1.25rem;
    }
}

@media (min-width: 768px) {
    .teaser h3, .pinnwand .meldung h3 {
        font-size: 1.15rem;
    }
}

@media (min-width: 992px) {
    .teaser h3, .pinnwand .meldung h3 {
        font-size: 1.15rem;
    }
    .fuellText { display:block; }
}

/* /////////////////////////////// INDEX Veranstaltungen LISTE //////////////////// */
.index_Veranstaltungen {
    margin-bottom: 2.5em;
}

.row.index_Veranstaltungen { flex-direction:row-reverse; }

.index_Veranstaltungen h2, .index_Aktuelles h2 {
    color: #5a5a5a;
}

.index_Aktuelles .teaser a.bild {
    width: 100%;
}

.teaser.liste {
    padding: 0;
}

.teaser.liste div {
    padding: 0 !important;
}

.teaser.liste h3 {
    color: #f36f22;
}

.teaser.liste h3:hover {
    text-decoration: underline;
}

.teaser.liste a.weiter {
    color: #7c7c7c;
    bottom: 2.7em;
    right: 1px !important;
}

.teaser.liste a.weiter:hover {
    text-decoration: none;
}

.teaser.liste p {
    padding: 0;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #c7c7c7;
    margin-bottom: 0.5em;
    font-size: 0.9rem;
    padding-right: 8.5em;
}

.teaser.liste:nth-last-child(1) p {
    border: 0;
}

.teaser img {
    width: 100%;
    height: 100% !important;
    /* max-height: 302px; */
}

#bildungNeu .teaser img {
    width: 100%;
    height: 100% !important;
    /* max-height: 302px; */
    position:relative;
    z-index:-1;
}

.teaser .text img {
    width: auto;
    margin: 1em 0;
}

body>section>div>div>div.index_Veranstaltungen>div>div>div.bild>a {
    height: 100% !important;
}

.teaser.veranstaltung.index h3 {
    color: #fff;
}

.teaser.veranstaltung.index {
    background: #7c7c7c;
    color: #fff;
}

.teaser.veranstaltung.index:hover {
    background: #5a5a5a;
    transition: all 0.25s ease-in-out;
}

.teaser.veranstaltung.index .bild {
    display: block;
    width: calc(100% - 15px);
    position: relative;
}

.teaser.veranstaltung.index .bild a {
    /* display: inline-block; */
    width: 100%;
    height: 100%;
}

.teaser.veranstaltung.index .bild img {
    width: 100%;
    max-width: 100%;
}

.teaser.veranstaltung.index .bild .tags {
    right: 0;
}

.teaser.veranstaltung.index .text p {
    padding-right: 1em;
}

.teaser.veranstaltung.index .text p a {
    color: #fff;
}

@media (min-width: 425px) {
    .teaser.liste p {
        padding-right: 13.5em;
    }
}

@media (min-width: 576px) {
    .teaser.liste p {
        padding-right: 3.5em;
    }
}

@media (min-width: 768px) {
    .teaser.veranstaltung.index .bild {
        display: inline-block;
        width: 100%;
        max-width: 50%;
    }

    .teaser.veranstaltung.index .bild img {
    }
}

/* /////////////////////////////// INDEX Beratung Teaser //////////////////// */
#beratung .col .wrapper {
    position: relative;
    color: #fff;
    font-size: 1vw;
}

#beratung .wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 32%;
    height: 100%;
    background: rgba(0, 124, 64, 0.7);
    color: #fff;
    display: none;
}

#beratung .col .wrapper .sprache {
    position: relative;
    padding: 1em;
    padding-bottom: 0.1em;
    font-size: 1.2rem;
    text-shadow: 0px 1px 1px #000;
    background: #00562d;
}

#beratung .col .wrapper .sprache img {
    width: 50px;
    margin-right: -0.75em;
    margin-bottom: 0.5em;
}

@media (min-width: 768px) {
    #beratung .col .wrapper .sprache {
        position: absolute;
        padding: 0;
        background: transparent;
        bottom: 0;
        left: 1em;
    }
}

#beratung a.weiter {
    bottom: 0em;
    right: 0;
    color: #fff;
    z-index: 2;
    font-size: 1.2rem;
    background: #007c40;
    padding: 1em;
    display: block;
    font-weight: 600;
    height: 100%;
}

#beratung a.weiter:hover {
    text-decoration: underline;
}

#beratung img.logo {
    position: absolute;
    width: auto;
    width: 260px;
    z-index: 2;
    padding: 2em;
    padding-top: 5em;
    padding-bottom: 5em;
    margin-left: 50%;
    transform: translateX(-50%);
}

#beratung .text {
    padding: 1em;
    padding-top: 6.5em;
    z-index: 2;
    font-size: 1.8rem;
    font-weight: 300;
    background: #00562d;
    text-align: center;
}

#beratung .text span::before {
    content: "\f095";
    font-family: "FontAwesome";
    font-size: 2.2rem;
    position: relative;
    top: 5px;
    margin-right: 0.3em;
}

#beratung .text h3 {
    font-weight: 300;
    margin-bottom: 2vw;
}

/* /////////////////////////////// INDEX Bildung Teaser //////////////////// */
#bildung>div>div>div>div.row {
    margin-right: 0px;
}

#bildungNeu .teaser.bildung {
    float: left;
    margin-bottom: 0.75em !important;
    background-size: contain !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;    
}

#bildungNeu > div > div > div > div:nth-child(7) > div:nth-child(3) {
    background-size:80% !important;
}

.teaser.bildung a {
    position: relative;
    display: block;
    color: #fff;
}

/* /////////////////////////////// BILDUNG Detail Teaser //////////////////// */
.bildung_Detail .teaser.bildung div {
    min-height: 290px;
}

.teaser.bildung:nth-child(2) a.link::after {
    background: url(../images/bildung/AWH_Projektlogo_globales_lernen.png) no-repeat center center;
    background-size: 80%;
}

#bildung>div>div>div>div:nth-child(2) {
    margin-bottom:-2.5em;
}

#bildung .firstRow .teaser.bildung.box_1 img {    
    padding:0.5em;
}



#bildung>div>div>div>div:nth-child(2) .teaser.bildung:nth-child(1) {
    background:#6e727d;
    padding-left:0;   
}

#bildung>div>div>div>div:nth-child(2) .teaser.bildung:nth-child(1) a.link::after {    
    background:none;
}


#bildung .secondRow .teaser.bildung.box_1 a.link::after {
    background: url(../images/bildung/AWH_Projektlogo_dekolonial.png) no-repeat center center;
    background-size: 80%;
}

#bildung .secondRow .teaser.bildung.box_2 a.link::after {
    background: url(../images/bildung/AWH_Projektlogo_globales_lernen.png) no-repeat center center;
    background-size: 80%;
}

#bildung .secondRow .teaser.bildung.box_2 a.extern.link::after {
    background: none;
    border:0;
}

#bildung .thirdRow .teaser.bildung.box_1 a.link::after {
    background: url(../images/bildung/AWH_Projektlogo_koeln_global_nachhaltig.png) no-repeat center center;
    background-size: 80%;
}

#bildung .thirdRow .teaser.bildung.box_2 a.link::after {
    background: url(../images/bildung/AWH_Projektlogo_alleweltonair.png) no-repeat center center;
    background-size: 80%;
}

#bildung .thirdRow .teaser.bildung.box_3 a.link::after {
    background: url(../images/bildung/AWH_Projektlogo_menschenrechte.png) no-repeat center center;
    background-size: 76%;
}

#bildung .fourthRow .teaser.bildung.box_1 a.link::after {
    background: url(../images/bildung/AWH_Projektlogo_stimmen_afrikas.png) no-repeat center center;
    background-size: 80%;
}

#bildung .fourthRow .teaser.bildung.box_2 a.link::after {
    background: url(../images/bildung/AWH_Projektlogo_lateinamerika.png) no-repeat center center;
    background-size: 71%;
}


.index #bildung>div>div>div>div:nth-child(2) img { padding:0em; }
.index #bildung>div>div>div>div:nth-child(2) { margin-bottom:0em; }
.index #bildung>div>div>div>div:nth-child(2) .teaser.bildung:nth-child(1) { background:none; }

#bildung .firstRow .teaser.bildung.box_1,
#bildung .fifthRow .teaser.bildung.box_1{
    background:#6e727d;
    padding-left:0;   
}

#bildung>div>div>div>div:nth-child(2) .teaser.bildung:nth-child(1) a:nth-child(1)::after {    
    background:none;
}

.index #bildung>div>div>div>div:nth-child(2) .teaser.bildung:nth-child(1) {
    padding:0 0.4em;
}

.index #bildung>div>div>div>div:nth-child(2) .teaser.bildung:nth-child(1) a:nth-child(1)::after {
    background: url(../images/bildung/AWH_Projektlogo_dekolonial.png) no-repeat center center;
    background-size: 80%;
}

.index #bildung>div>div>div>div:nth-child(2) .teaser.bildung:nth-child(2) a:nth-child(1)::after {
    background: url(../images/bildung/AWH_Projektlogo_globales_lernen.png) no-repeat center center;
    background-size: 80%;
}

.index #bildung>div>div>div>div:nth-child(3) .teaser.bildung:nth-child(1) a:nth-child(1)::after {
    background: url(../images/bildung/AWH_Projektlogo_koeln_global_nachhaltig.png) no-repeat center center;
    background-size: 80%;
}

.index #bildung>div>div>div>div:nth-child(3) .teaser.bildung:nth-child(2) a:nth-child(1)::after {
    background: url(../images/bildung/AWH_Projektlogo_alleweltonair.png) no-repeat center center;
    background-size: 80%;
}

.index #bildung>div>div>div>div:nth-child(3) .teaser.bildung:nth-child(3) a:nth-child(1)::after {
    background: url(../images/bildung/AWH_Projektlogo_menschenrechte.png) no-repeat center center;
    background-size: 80%;
}

.index #bildung>div>div>div>div:nth-child(4) .teaser.bildung:nth-child(1) a:nth-child(1)::after {
    background: url(../images/bildung/AWH_Projektlogo_stimmen_afrikas.png) no-repeat center center;
    background-size: 80%;
}

.index #bildung>div>div>div>div:nth-child(4) .teaser.bildung:nth-child(2) a:nth-child(1)::after {
    background: url(../images/bildung/AWH_Projektlogo_lateinamerika.png) no-repeat center center;
    background-size: 75%;
}



.teaser.bildung a:nth-child(1)::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* background: url(../images/bildung/AWH_Projektlogo_dekolonial.png) no-repeat center center; */
    background-size: 80%;
    z-index: 5;
    transition: background-size .2s ease-in;
    -moz-transition: background-size .2s ease-in;
    -ms-transition: background-size .2s ease-in;
    -o-transition: background-size .2s ease-in;
    -webkit-transition: background-size .2s ease-in;
    border-bottom: 1px solid;
}
#bildung > div.container.text-left > div > div > div:nth-child(6) > div > div { background:grey;}
 
    
.teaser.bildung a:hover::after {
    background-size: 75%;
    transition: background-size .2s ease-in;
    -moz-transition: background-size .2s ease-in;
    -ms-transition: background-size .2s ease-in;
    -o-transition: background-size .2s ease-in;
    -webkit-transition: background-size .2s ease-in;
}

.bildung_Detail .teaser.bildung div {
    padding: 1em;
    color: #fff;
    font-size: 0.9rem;
}

.bildung_Detail .teaser.bildung a.external_Link {
    text-align: center;
    padding: 1em;
    width: 100%;
    /* bottom: 0.15em !important; */
    border-top: 1px solid white !important;
    font-weight: 600;
    text-decoration: none;
    font-size: 0.9rem;
}

.bildung_Detail .teaser.bildung div {
    display: table;
    vertical-align: middle;
    display: table-cell;
    height: 230px;
}

.bildung_Detail .teaser.bildung div p {
    padding-bottom: 0;
}

#index a.weiter {
    color: #5a5a5a;
    text-decoration: underline;
}

#bildung>div.container.text-left>div>div>div:nth-child(4)>div.col-lg-6.pb-3 {
    padding-right: 0;
}

/* /////////////////////////////// Newsletter Detail //////////////////// */
a.newsletter_Aktuell {
    background: url(../images/Newsletter-Button.png);
    background-size: contain;
    display: block;
    text-align: center;
    font-weight: bold;
    padding: 1.5em;
    margin: 3em 0;
    position: relative;
    transition: all 0.25s ease-in-out;
}

a.newsletter_Aktuell:hover {
    box-shadow: inset 0px 0px 400px 110px rgba(0, 0, 0, .1);
}

.newsletter_Archiv {
    list-style: none;
    padding: 0;
}

.newsletter_Archiv li a {
    display: block;
    border-bottom: 1px solid;
    padding: 0.5em;
    font-size: 0.9rem;
    background: #7c7c7c;
}

.newsletter_Archiv li a::after {
    content: "";
    background: url(../images/AWH_Teaser_Pfeil-rechts.png) no-repeat;
    background-size: 60%;
    float: right;
    margin-top: 1px;
    width: 20px;
    height: 25px;
}

.newsletter_Archiv li a:hover {
    background: #f36f22;
}

/* /////////////////////////////// Newsletter Update //////////////////// */
form.newsletter.update {
    font-size: 1em;
    padding-bottom: 3em;
}

form.newsletter.update .gongrpfieldset {
    width: 100%;
    margin-bottom: 0.5em;
}

form.newsletter.update .gongrpfieldset label {
    min-width: 250px;
    width: 25%;
    text-align: left;
    margin: auto;
}

form.newsletter.update .gongrpfieldset label {
    display: block;
}

form.newsletter.update small {
    margin: auto;
}

form.newsletter.update .datenschutz {
    text-align: left;
    font-size: 0.9rem;
    padding-left: 2em;
    padding-top: 2em;
}

form.newsletter.update input[name=datenschutz] {
    float: left;
    margin-top: 1.8em;
}

form.newsletter.update button[type=submit] {
    background: #f36f22 !important;
    color: #fff !important;
}

form.newsletter.update .datenschutz .error {
    position: absolute;
    margin-top: -1.5em;
}

/* /////////////////////////////// FOOTER Newsletter //////////////////// */
#newsletter:not(.detail), #newsletterSektion:not(.detail) {
    background: #f36f22;
    color: #fff;
    font-size: 0.9rem;
}

.breadcrumbs#newsletter {
    background: #fff;
}

#newsletter:not(.detail) h4, #newsletterSektion:not(.detail) h4 {
    font-weight: 600;
    font-size: 1.2rem;
}

#newsletterSektion h4 {
    color: #fff !important;
}

#newsletter:not(.detail) img, #newsletterSektion:not(.detail) img {
    width: 45px;
    margin-top: 0.5em;
    margin-right: 1.0em;
    transition: all 0.25s ease-in-out;
}

#newsletter:not(.detail) img:hover, #newsletterSektion:not(.detail) img:hover {
    transform: scale(0.9);
    transition: all 0.25s ease-in-out;
}

#newsletter:not(.detail) .container, #newsletterSektion:not(.detail) .container {
    padding: 2em 0 11em 0;
}

#newsletter:not(.detail) .container div, #newsletterSektion:not(.detail) .container div {
    float: left;
}

#newsletter ul.validation, #newsletterSektion ul.validation {
    padding-left: 2em;
    padding-bottom: 1.5em;
    list-style: disc;
    font-size: 0.9rem;
}

#newsletter ul.validation .error, #newsletterSektion ul.validation .error {
    color: #fff !important;
}

#newsletterSektion>div.container.mt-5.text-left>div.col-md-12.col-lg-6.col-xl-6>ul>li:nth-child(1)>span::after {
    content: "\f06a";
    position: absolute;
    right: 0.5em;
    bottom: 1.75em;
    font-family: "FontAwesome";
    font-size: 3.75em;
    color: red;
}

#newsletter ul.validation.newsletter>li>span, #newsletterSektion ul.validation.newsletter>li>span {
    color: red !important;
}

/* /////////////////////////////// VERANSTALTUNGEN //////////////////// */
.mehrAnzeigen {
    text-align: center;
    margin: auto;
    display: block;
    width: 100%;
    padding: 2em;
    font-size: 0.9rem;
    position: relative;
    z-index: 5;
}

.mehrAnzeigen:not(.archiv)::after {
    content: "\f104";
    font-family: "FontAwesome";
    color: #f36f22;
    display: inline-block;
    transform: rotate(-90deg);
    margin-left: 0.5em;
    font-weight: 300;
    font-size: 1.2rem;
    position: relative;
    top: 1px;
}

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

.mehrAnzeigen a:hover {
    text-decoration: underline;
}

/* /////////////////////////////// VERANSTALTUNGEN Archiv //////////////////// */
.row.archiv {
    margin-right: 0px;
}

/* /////////////////////////////// VERANSTALTUNGEN Filter //////////////////// */
.filter {
    /* padding: 7px; */
    font-size: 0.9rem;
}

.filter a {
    background: #efefef;
    color: #5a5a5a;
    line-height: 1.2;
    height: 50px;
    font-weight: 600;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding-top: 1.1em;
    transition: all 0.25s ease-in-out;
    max-width: 50%;
    width: 50%;
    text-decoration: none !important;
}

.filter a:hover {
    background: #7c7c7c;
    color: #fff;
}

.filter a.active {
    background: #f36f22 !important;
    color: #fff;
}

.filter a.datum {max-width:100%;border-left:1px solid #fff;background: #5a5a5a;color: #fff;}

.filter div {
    padding: 15px;
    padding-bottom: 0;
}


.filter div.kategorie {
    margin-bottom: 1em;
    display: none;
}

.filter div.kategorie a {
    background: #7c7c7c;
    transition: all 0.25s ease-in-out;
    color: #fff;
}

.filter div.kategorie a:hover {
    background: #5a5a5a;
}

.filter div.thema {
    margin-top: -15px;
    padding-right: 3px;
}

.filter div.thema a {
    background: #efefef !important;
    min-width: 50%;
}

.filter div.thema a:hover {
    color: #fff;
    background: rgba(243, 111, 34, 0.8) !important;
}

.filter div.thema a.active {
    background: #f36f22 !important;
}

.filter .well {
    position: absolute;
    right: 2px;
    top: 8.2em;
    z-index: 2;
    width: 22.2%;
    display: none;
}

.filter .well .such {
    background: #f58c4e;
    cursor: pointer;
    position: absolute;
    top: 1.1em;
    right: 1.0em;
    height: 3.3em;
}

.filter .thema a { font-size:.85rem;}

.filter .thema a:nth-child(1),
.filter .thema a:nth-child(5),
.filter .datum a {
    padding-top: 0.5em;
}

.filter .datum a {
    max-width: 49%;
    position:absolute;
    bottom:1.1em;
    right: -0.8em;
    height:49px !important;
    padding-left: 1em;
    border-left:1px solid white !important;
}


@media (min-width: 425px) {
    .filter .thema a { font-size:.9rem;}
    
    .filter .thema {
        display: flex;
    }

    .filter .thema a {
        flex-basis: 50%;
    }

    .filter .thema a:nth-child(1) {
        padding-top: 1em;
    }

.filter .datum a {
    max-width: 50%;
    right: -0.9em;
}

}

@media (min-width: 576px) {

}

@media (min-width: 768px) {
    .filter div.kategorie {
        display: flex;
    }

    .filter .thema a {
        flex-basis: 25%;
    }

    .filter .kategorie a:nth-child(6), .filter .thema a:nth-child(1) {
        padding-top: 0.5em !important;
    }

.filter .datum a {
    max-width:100%;   
    position:absolute;
    bottom:0;
    right:0;
    height:91% !important;    
}

.filter a.datum { padding-top:3.75em; }    
}

@media (min-width: 992px) {
    .filter .thema a:nth-child(1) {
        padding-top: 1em !important;
    }
}

@media (min-width: 1200px) {
    .filter .thema a:nth-child(7) {
        padding-top: 1em !important;        
    }
}

/* /////////////////////////////// VERANSTALTUNGEN Liste //////////////////// */
.loading {
    position: fixed;
    width: 90%;
    left: 0;
    right: 0;
    margin: auto;
    height: 100px;
    margin-top: 1em;
    z-index: 2;
    font-family: "FontAwesome";
    content: "\f107";
    color: #000;
    font-size: 3em;
    text-align: center;
    opacity: 0.25;
    display: none;
}

.loadVideo img {
    max-width:600px !important;
    height:auto; 
}

.veranstaltungen.liste .uebersicht {
    min-height: 200px;
    padding-right: 16px;
}

.teaser.veranstaltung a {
    color: #7a7a7a;
}

.teaser.veranstaltung a.bild {
    position: relative;
    margin-bottom: 0.5em;
    height: 228px;
    overflow: hidden;
    text-align: center;
    background: #ddd;
    width: 100%;
}

.archiv .teaser.veranstaltung.vergangen a.bild {
    width: 104.2%;
}

.teaser.veranstaltung a.bild,
.teaser.veranstaltung a.bild img {    
    height: 166px !important;
}



@media (min-width: 425px) {
    .teaser.veranstaltung a.bild,
    .teaser.veranstaltung a.bild img {
        height: 231px !important;
    }
}

@media (min-width: 576px) {
    .teaser.veranstaltung a.bild,
    .teaser.veranstaltung a.bild img {
        height: 311px !important;
    }
}

@media (min-width: 768px) {
    .teaser.veranstaltung a.bild,
    .teaser.veranstaltung a.bild img {
        height: 205px !important;
    }
}

@media (min-width: 992px) {
    .teaser.veranstaltung a.bild,
    .teaser.veranstaltung a.bild img {
        height: 182px !important;
    }
}


@media (min-width: 1200px) {
    .teaser.veranstaltung a.bild,
    .teaser.veranstaltung a.bild img {
        height: 228px !important;
    }
}

.teaser.veranstaltung a.bild span {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(239, 239, 239, 0.9);
    font-size: 0.7rem;
    padding: 0.25em;
}

.index.teaser.veranstaltung a.weiter {
    color: #fff;
}

.weitere .teaser.veranstaltung a.weiter {
    right: 15px;
}

.teaser.veranstaltung h3 {
    color: #f36f22;
    padding: 0.75em 0;
    padding-top: 0;
    padding-bottom: 0;
}

.teaser.veranstaltung span.highlight, .teaser span.highlight {
    position: absolute;
    background: #f36f22 !important;
    bottom: 0;
    left: 0;
    padding: 0.25em 0.5em;
    font-weight: 600;
    color: #fff;
}

.teaser.veranstaltung p {
    margin: 0.25em 0;
    font-size: 0.9rem;
    line-height: 1.5;
}

.index.teaser.veranstaltung p:nth-last-child(2) {
    color: #c7c7c7;
}

.teaser.veranstaltung:not(.index)::after {
    content: "";
    height: 1px;
    background: #888888;
    position: absolute;
    bottom: 0em;
    width: calc(100% - 15px);
}

.teaser.veranstaltung .infos {
    font-size: 0.9rem;
    padding-bottom: 1.25em;
    color: #5a5a5a !important;
}

.teaser.veranstaltung .infos strong {
    font-weight: 300;
}

.teaser.veranstaltung .tags, .tags {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.25em 0.5em;
    font-size: 0.7rem;
    text-align: right;
    margin-left: 15px;
    opacity: 0.85;
}

.teaser.veranstaltung .tagsNeu, .tagsNeu {
    position: absolute;
    top: 0;
    font-size: 0.7rem;
    font-weight: 600;
    text-align: center;
    opacity: 0.85;
}

body>section.veranstaltung>div>div>div>div.tagsNeu>a {
    padding: 0.25em;
    display: block;
    opacity: 0.85;
}

.teaser.veranstaltung .tagsNeu a {
    color: #fff;
    padding: 0.25em;
}

div.copyright {
    position: absolute;
    bottom: 0;
    padding: 0.25em;
    font-size: 0.8rem;
    color: #000;
    text-shadow: 0px 0.5px 0px #fff;
}

.teaser.veranstaltung .tags.second, .tags.second {
    top: 2em;
}

.teaser.veranstaltung .tags.drei, .tags.drei {
    top: 4em;
}

.teaser.veranstaltung .tags a, .tags a {
    color: #fff;
    display: inline;
    font-size: 0.72rem;
}

body.awh > section.aktuelles > div > div > div > div.row.uebersicht > div > div.tags.web > strong > a {
    padding: 0.25em;
    margin-left: -7px;
}

.teaser.veranstaltung .tags a:nth-child(1), .tags a:nth-child(1) {
    font-weight: 600;
}

.teaser.veranstaltung.vergangen .infos, .teaser.veranstaltung.vergangen a.weiter {
    opacity: 0.5;
}

.weitere .teaser.veranstaltung.vergangen .tags {
    margin-right: 15px;
}

.teaser.veranstaltung.vergangen h3 {
    color: #7a7a7a
}

/* /////////////////////////////// VERANSTALTUNGEN Detail //////////////////// */
section.veranstaltung img.bild {
    padding-bottom: 0em !important;
    height: 100%;
    width: auto;
    max-width: 100%;
}

section.veranstaltung a[rel=lightbox] {
    position: relative;
    display: block;
}

section.veranstaltung a[rel=lightbox]::before {
    content: "\f00e";
    font-family: "FontAwesome";
    color: #000;
    position: absolute;
    bottom: 0.5em;
    right: 0.5em;
    font-size: 1.5em;
    text-shadow: 1px 1px 0px #fff;
    opacity: 0.5;
    transition: all 0.25s ease-in-out;
}

section.veranstaltung a[rel=lightbox]:hover::before {
    color: #f36f22;
    opacity: 1;
}

section.veranstaltung h2 {
    color: #f36f22;
    width: 100%;
}

section.veranstaltung .infoBoxen div div {
    /* background: #f36f22; */
}

/* /////////////////////////////// VERANSTALTUNGEN Detail INFOBOX //////////////////// */
.infoBoxen {
    background: #fff;
    padding-top: 1.2em;
    padding-bottom: 1em;
}

.infoBoxen a {
    color: #fff;
}

.infoBoxen .col-lg-3 {
    background: #f36f22;
    color: #fff;
    text-align: left;
    padding: 1em;
    margin-bottom: 1em;
}

.infoBoxen .col-3 h4 {
    font-size: 1.2em;
}

.infoBoxen .col-3 p {
    font-size: 1.2em;
}

.veranstaltung p img {
    width: auto;
}

.berichte .keywords {margin-left:3em;display:inline-block;margin-top:-1.5em;}
.keywords {margin-left:3em; margin-top:-1.5em; }

.keywords a,
.veranstaltung a.tag, #standard a.tag {
    background: #7c7c7c;
    color: #fff !important;
    font-size: 0.9rem;
    padding: 0.25em 1em;
    border-radius: 8px;
    margin-right: 0.5rem;
    margin-bottom:0.5em;
    font-weight: 600;
    transition: all 0.25s ease-in-out;
    display: inline-block;
}

/* /////////////////////////////// VERANSTALTUNGEN Detail PARTNER //////////////////// */
.partner {
    font-weight: 600;
    width: 100%;
}

.partner img {
    /* border: 1px solid #000; */
    margin-bottom: 1em;
    padding: 10px;
}

.partner.pt-5>div.col-3 img {
    margin-top: 0.5em;
    width: 204.31px;
}

.noImage {
    border: 1px solid #000;
    display: block;
    padding: 1em;
    margin-bottom: 1em;
    font-size: 0.8rem;
}

/* /////////////////////////////// VERANSTALTUNGEN Detail weitere VAs //////////////////// */
section.veranstaltung .weitere h2 {
    padding-bottom: 0.5em;
}

section.veranstaltung .weitere h2 a {
    display: inline !important;
    background: none !important;
    color: #f36f22;
    text-decoration: underline;
}

section.veranstaltung .weitere .liste {
    padding-bottom: 0.5em;
    margin-left: -15px;
    margin-right: -0px;
}

section.veranstaltung.meldung .weitere .liste {
    margin: -15px;
    margin-top: 0;
    margin-right: 0;
}

/* /////////////////////////////// BERATUNG //////////////////// */
#fluechtlings-migrations-und-sozialberatung>div>div>div>div>img {
    height: 100%;
    max-height: 100%;
}

.beratung_Tabs {
    border-bottom: 1px solid #007c40;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 1.3rem;
    margin-bottom: 1em;
}

.beratung_Tabs div.col {
    background: #c7c7c7;
    margin: 0 0.25em 0 0;
    font-size: 0.9rem;
    max-width: 50px;
    margin-bottom:5px;
    height:25px;
}

.beratung_Tabs div.col:nth-last-child(1) {
    margin: 0;
}

.beratung_Tabs div.col.active {
    background: #007c40;
}

.beratung_Tabs div.col a {
    display: block;
}

.infoBoxen .col-md-6, .infoBoxen .col-lg-6 {
    background: #007c40;
    color: #fff;
    padding: 1.5em;
    position: relative;
}

.infoBoxen .beratung_Team {
    background: #eee !important;
    color: #5a5a5a;
    position: relative;
    padding-left: 2em;
}

.infoBoxen .beratung_Team span {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 100%;
}

.infoBoxen .beratung_Team a {
    color: #5a5a5a !important;
}

.infoBoxen .col-md-6 h3, .infoBoxen .col-lg-6 h3 {
    text-align: center;
    font-size: 2.5rem;
}

.hotline, .beratung .zeiten {
}

.hotline p::before {
    content: "\f095";
    font-family: "FontAwesome";
    position: absolute;
    margin-top: -1.35em;
    margin-left: 1.3em;
    font-size: 2em;
    font-weight: 300;
}

.hotline p {
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 1.3rem;
    padding-top: 3em;
}

.hotline span {
    display: block;
    font-size: 0.9rem;
    text-align: center;
}

.zeiten p {
    font-size: 1.1rem;
    padding-top: 1.0em;
    padding-bottom: 0.5em;
    text-align: right;
    line-height: 2;
}

.zeiten p strong {
    float: left;
    font-weight: 300;
}

.infoBoxen .inhalt {
    background: #efefef !important;
    color: #5a5a5a !important;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 8.5em !important;
}

.inhalt strong {
    color: #007c40;
    font-weight: 600;
}

.content figure.bild_links,
.veranstaltung .content .bild_links { 
float:left !important; 
margin:0px 10px 10px 0px !important;
}    


.content figure.bild_rechts,
.veranstaltung .content .bild_rechts { 
float:right !important; 
margin:0 0 10px 10px !important;
}   

.beratung_Team {
    color: #fff;
    font-size: 0.9em;
    text-align: center;
    margin-bottom: 2rem;
}

.beratung_Team>div {
    padding: 1em;
    padding-top: 1em;
    padding-left: 2em;
    font-size: 0.9rem;
    text-align: center;
    background: #eee;
    color: #5a5a5a;
    position: relative;
    /* height: 100%; */
}

.beratung_Team>div a {
    color: #5a5a5a !important;
}

.beratung_Team>div>span.balken {
    position: absolute;
    width: 16px;
    height: 100%;
    top: 0;
    left: 0;
}

.clearfix {
    clear:both;
}

.beratung_Team>div.clearfix {
    background: transparent;
}

.beratung_Team h5 {
    font-size: 1.2rem;
}

.beratung_Team img {
    /* width: 200px; */
    /* height:200px; */
    /* border-radius: 50%; */
    z-index: 2;
    /* border: 8px solid #fff; */
    /* margin-bottom: -1.5em; */
    position: relative;
    /* margin-top: -7em; */
    max-width: 150px;
}

#beratung > div.container > div > div > section:nth-child(4) > div > div.infoBoxen > div.beratung_Team > img {
    margin-top: -7em; 
    margin-bottom:1em;
}

    #fluechtlings-migrations-und-sozialberatung .beratung_Team img {                      
        top:-6.95em;
        width:170px;
        height:170px;         
        margin-bottom:-6em;
    }

#globales-lernen .row.themen .teaser {
    padding-left: 0;
}

#globales-lernen h2 {
    color: #b0c200;
}

#globales-lernen .row.themen .teaser_Bottom, #paedagogisches-konzept .row.themen .teaser_Bottom {
    background: rgba(176, 194, 0, 0.8);
}

#fluechtlings-migrations-und-sozialberatung>div.container>div>div>section>div>div>div.beratung_Team.beratung>img {
    margin-top: -9em;
    margin-bottom: 1.5em !important;
}

.beratung_Team::after {
    position: absolute;
    right: 0;
    top: 0;
    width: 16%;
    height: 100%;
    background: #fff;
    z-index: 1;
}

.beratung_Team p {
    margin: 0.1em 0;
    font-size: 0.9rem;
}

.beratung_Team a, .beratung_Team p a {
    text-decoration: underline;
    color: #fff !important;
    font-size: 0.7rem;
}

.beratung_Team p strong {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1;
}

.row.beratungsangebote {
    margin-right: 0px;
    margin-left: -25px;
}

.beratungsangebote .teaser_Bottom {
    background: rgba(0, 124, 64, 0.85);
}

/* /////////////////////////////// BEGEGNUNG Detail //////////////////// */
#regelmaessige-angebote {
    margin-top: -2em;
}

.ankerlinks div {
    padding: 15px;
    text-align: center;
    margin-bottom: 1em;
    display: none;
}

.ankerlinks div a {
    padding: 0.5em;
    font-weight: 600;
    font-size: 0.8rem;
    z-index: 2;
    display: block;
    height: 100%;
    margin-top: 1.25em;
}

.ankerlinks div a::before {
    border-radius: 50%;
    content: "";
    background: #f36f22;
    width: 90%;
    display: block;
    height: 100%;
    top: 5%;
    position: absolute;
    z-index: -1;
    left: 5%;
}

.ankerlinks div a::after {
    content: "\f107";
    font-family: "FontAwesome";
    font-weight: 300;
    position: absolute;
    left: 0;
    width: 100%;
    display: block;
    bottom: 0em;
    transition: all 0.25s ease-in-out;
}

.ankerlinks div a:hover::after {
    bottom: -1em;
}

.nutzergruppen div.col {
    flex-grow: 4;
    flex-shrink: 0;
    flex-basis: 34.23%;
    background: url(../images/begegnung/Nutzergruppen-Hintergrund.png);
    background-size: contain;
    border: 10px solid #fff;
    height: 100px;
    line-height: 1.2;
    font-size: 1rem;
    position: relative;
    max-width: 50%;
}

.nutzergruppen div.col::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.25s ease-in-out;
}

.nutzergruppen div.col:hover::before {
    background: rgba(0, 0, 0, 0.1);
}

.nutzergruppen {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -0.5em;
}

.nutzergruppen div.col a {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 1.5em;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.8rem;
    color: #fff;
    text-decoration: none;
}

.allerweltshaus-im-veedel {
    flex: 0 0 75%;
    max-width: 75%;
    margin: auto;
}

#allerweltshaus-im-veedel div.col-md-4 {
    padding: 0;
}

#allerweltshaus-im-veedel div.col-md-4 img {
    position: relative;
}

#allerweltshaus-im-veedel div a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: 3;
    transition: all 0.25s ease-in-out;
    pointer-events: none;
}

#allerweltshaus-im-veedel div a:hover::after {
    background: rgba(0, 0, 0, 0.25);
}

#allerweltshaus-im-veedel .teaser_Bottom {
    background: none;
    top: 50%;
    transform: translateY(-10%);
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 1.3rem;
    padding: 0 2em;
    z-index: 5;
}

#allerweltshaus-im-veedel .teaser_Bottom::after {
    display: none;
}

.raumvermietung {
    margin-bottom: 2em!important;
}

.raumvermietung img {
    height: auto !important;
}

.raumvermietung h4 {
    font-size: 1.85rem;
    padding-bottom: 0.3em;
}

.raumvermietung ul {
    list-style: none;
    padding: 0;
    text-align: right;
    max-width: 100% !important;
    width: 100% !important;
}

.raumvermietung ul li {
    border-bottom: 1px solid #f36f22;
    padding: 0.5em 0;
}

.raumvermietung ul li strong {
    float: left;
    width: 30%;
    text-align: left;
}

.raumvermietung .bonus {
    color: #f36f22;
}

.raumvermietung a.fullWidth {
    color: #fff;
    font-size: 1.3rem;
    margin-top: 1em;
    cursor: pointer;
    text-decoration: none;
}

.raumvermietung a.fullWidth:hover {
    color: #fff;
}

@media (min-width: 768px) {
    #globales-lernen .row.themen .teaser {
        padding-left:15px;
    }

    #globales-lernen .row.themen {
        margin-left: -33px !important;
    }

    #regelmaessige-angebote {
        margin-top: 0em;
    }
}

/* /////////////////////////////// AKTION Detail //////////////////// */
#ehrenamtliche-mitarbeit>div>div>div>h2 {
    font-size: 1.2rem;
}

ul.praktikum {
    list-style: none;
    padding: 0;
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: left;
    width: 100%;
}

ul.praktikum li {
    border-top: 1px solid #f36f22;
    padding: 0.5em 0;
}

ul.praktikum li:nth-last-child(1) {
    border-bottom: 1px solid #f36f22;
}

ul.praktikum li a {
    color: #5a5a5a;
    text-decoration: underline;
}

ul.praktikum li span {
    display: inline-block;
}

ul.praktikum li span:nth-child(1) {
    color: #f36f22;
    font-weight: 600;
    vertical-align: top;
}

@media (min-width: 768px) {
    #ehrenamtliche-mitarbeit>div>div>div>h2 {
        font-size: 2.25rem;
    }
}

/* /////////////////////////////// AKTUELLES Detail //////////////////// */
.aktuelles .uebersicht div:not(#noMore) {
    background: #fff;
    color: #5a5a5a;
    font-size: 0.9rem;
    /* margin-top: 0.4em; */
}
.aktuelles .tagsNeu a { padding:0.25em; }

.aktuelles .row.uebersicht {
    min-height: 300px;
}

.aktuelles .col.info {
    font-size: 1.2rem !important;
}

.aktuelles .uebersicht>div .row {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #dee2e6;
    margin-left: 0px;
    margin-right: 0px;
}

.aktuelles .uebersicht>div::before {
    width: 93%;
    height: 1px;
    position: absolute;
    bottom: 0;
    border-bottom: 1px solid;
}

.aktuelles .uebersicht div.col-md-12 {
    height: 100%;
    display: block;
    padding: 0;
}

.aktuelles .uebersicht div.col-md-12 h3 {
    color: #f36f22;
}

.row.meldung {
    position: relative;
    border: 1px solid;
}

.meldungen .tags {
    top: auto;
    bottom: 21px;
    left: 0;
    right: auto;
}

.aktuelles .uebersicht div.col-md-12.text {
    line-height: 1.5;
    padding-top: 5px;
    overflow: hidden;
    padding-bottom: 3em;
}

.aktuelles .uebersicht div.col-md-12:hover {
    background: #fff;
}

.aktuelles .uebersicht div.col-md-12.text strong, .aktuelles .uebersicht div.col-md-12.text p:nth-child(4) {
    display: inline;
    font-weight:300;
}

.aktuelles .uebersicht a.weiter {
    color: #5a5a5a;
    bottom: 1.5em;
    right: 16px;
    font-size: 0.85rem;
    font-size: 0.9rem;
    margin-top: -1.5em;
}

@media (min-width: 992px) {
    .aktuelles .uebersicht>div .row {
        margin-right: 15px;
    }

    .meldungen .tags {
        left: 49.5%;
    }

    .ankerlinks div a {
        font-size: 0.9rem;
    }

}

@media (min-width: 1200px) {
    .meldungen .tags {
        left: 50%;
    }
}

/* /////////////////////////////// UNSER HAUS Detail //////////////////// */
.zusatztext {
    display: none;
}

#team .row {
    margin-left: -7px;
    margin-right: -7px;
}

#team .row img {
    /* padding-right: 14px; */
}

#team a.mehr, #mitwirken a.mehr {
    color: #fff;
    z-index: 2;
    font-size: 1.2rem;
    background: rgba(243, 111, 34, 1);
    padding: 1em;
    display: block;
    width: 100%;
    font-weight: 600;
    text-align: left;
    position: relative;
    text-decoration: none;
}

#service .teaser .teaser_Bottom {
    top: 0;
    background: none;
    font-size: 2.0rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    padding-top: 0.25em;
    width: 91%;
}

#service .teaser .teaser_Bottom::after {
    display: none;
}

#service .teaser.service a {
    background: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-40%);
    left: 5%;
    right: 5%;
    margin: auto;
    padding: 0.5em;
    padding-top: 2em;
    padding-bottom: 2em;
    width: 80%;
    color: #f36f22;
    font-weight: 600;
    font-size: 1.22rem;
    text-decoration: none;
}

#service .teaser.service a::after, #service .teaser p::after {
    content: " ";
    background: url(../images/AWH_Pfeil-orange.png) no-repeat;
    background-size: 50%;
    width: 24px;
    height: 48px;
    position: absolute;
    bottom: -0.5em;
    right: 0.2em;
    transition: all 0.25s ease-in-out;
}

#service .teaser.service a:hover::after, #service .teaser p::after {
    right: -0.2em;
}

#service .teaser.jahresberichte ul {
    background: #fff;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 21%;
    left: 10%;
    right: 5%;
    margin: auto;
    width: 80%;
    text-align: left;
}

#service .teaser.jahresberichte ul li {
    border-bottom: 1px solid #f36f22;
    font-size: 0.9rem;
    padding: 0.45em;
    margin-bottom: 0;
}

#service .teaser.jahresberichte ul a {
    color: #f36f22;
    padding-left: 0.3em;
    text-decoration: none
}

#service .teaser.jahresberichte ul a::after {
    content: "\f1c1";
    font-family: "FontAwesome";
    float: right;
    margin-right: 10px;
}

ul.jahresberichte {
    width: 100%;
    list-style: none;
    text-align: left;
}

ul.jahresberichte li {
    margin-bottom: 0 !important;
}

ul.jahresberichte li a {
    display: block;
    border-bottom: 1px solid;
    padding: 0.5em;
    font-size: 0.9rem;
    background: #7c7c7c;
    color: #fff;
    text-decoration: none;
}

ul.jahresberichte li a::after {
    content: "";
    background: url(../images/AWH_Teaser_Pfeil-rechts.png) no-repeat;
    background-size: 60%;
    float: right;
    margin-top: 1px;
    width: 20px;
    height: 25px;
}

ul.jahresberichte li a:hover {
    background: #f36f22;
}

/* ////////////////////////////////////// STANDARD ///////////////////////////////////// */
#standard ul:not(.B_crumbBox) {
    list-style: disc;
    /* margin-left: 2em; */
    padding: 0;
}

#standard ul ul {
    margin: 0.5em 2em;
}

#standard ul:not(.B_crumbBox) a {
    color: #000;
    display: block;
    padding: 0.25em 1em;
}

/* ////////////////////////////////////// FOOTER ///////////////////////////////////// */
footer {
    background: #5a5a5a;
    font-size: 0.9rem;
    padding-top: 0.5em;
    padding-bottom: 2em;
}

footer h5 {
    font-weight: 600;
    margin-bottom: 0.7em;
    font-size: 1.2rem;
}

footer a, footer a:hover {
    color: #fff;
    position: relative;
    font-size: 0.9rem;
}

footer a:hover {
    text-decoration: underline;
}

footer li::before {
    content: "\203A";
    color: #f36f22;
    margin-right: 0.5em;
}

footer ul {
    list-style: none;
    padding: 0;
}

footer ul li {
    float: none;
    font-size: 0.9rem;
}

footer>div>div>div:nth-child(1)>div>div:nth-child(2)>ul>li:nth-child(1) {
    counter-increment: foo;
    display: table-row;
}

footer>div>div>div:nth-child(1)>div>div:nth-child(2)>ul>li:nth-child(1)::before {
    padding-right: 0.5em;
    display: table-cell;
    text-align: right;
}

footer>div>div>div:nth-child(1)>div>div:nth-child(3) {
    font-size: 0.9rem;
    margin-top: 1em;
    padding-left: 1em !important;
}

footer>div>div>div>div>div.col-8>a>img {
    width: 49%;
    padding: 0.4em;
    margin-bottom: 0.0em;
    margin-left: -4px;
}

footer>div>div>div>div>div.col-4>a>img {
    width: 90%;
    margin-top: 0.4em;
}

footer>div>div>div:nth-child(1)>div>div:nth-child(3)>span {
    display: block;
    line-height: 1.2;
    width: 90%;
    margin: 0.8em 0em;
    padding-left: 11px;
}

footer>div>p {
    font-size: 0.9rem;
    padding-top: 1em;
}

footer>div>p {
    color: hsla(0, 0%, 59%, 1);
    margin-bottom: 0;
    margin-right: 1em;
}

footer>div>p>a {
    color: hsla(0, 0%, 59%, 1);
    margin-bottom: 0;
    margin-right: 0.2em;
    padding-left: 0.5em;
}

footer>div>p>a::before {
    content: "|";
    color: #f36f22;
    position: absolute;
    left: -3px;
}

footer>div>div>div:nth-child(2) {
    margin-top: 0em;
    padding-right: 0;
}

footer>div>div>div:nth-child(2)>div {
    margin-right: 0px;
}

footer img {    
    max-width: 100%;
    height:auto;
    border:0 !important;    
}

footer .partner img {
    /* border: 1px solid #000; */
    margin-bottom: .25em;
    padding-left: 1rem;
    padding-right:0;
    padding-top:0;
}

footer .partner .col-sm-6 {padding-right:0 !important;}

@media (min-width: 320px) {
    footer>div>div>div:nth-child(1)>div>div:nth-child(1), footer>div>div>div:nth-child(1)>div>div:nth-child(2) {
        display: none;
    }

    footer>div>div>div:nth-child(2)>div>div:nth-child(1)>div, footer>div>div>div:nth-child(2)>div>div:nth-child(2)>div {
        margin-right: 0px;
    }

    footer>div>div>div:nth-child(2)>div>div.col-md-6 {
        padding: 1em 0em 1em 1em;
    }

    footer>div>div>div:nth-child(2)>div a {
        display: block;
    }
}

@media (min-width: 576px) {
    footer {
        padding-top: 2em;
    }

    footer>div>div>div:nth-child(1)>div>div:nth-child(1), footer>div>div>div:nth-child(1)>div>div:nth-child(2) {
        display: block;
    }

    footer>div>div>div:nth-child(1)>div>div:nth-child(3) {
        font-size: 0.9rem;
        left: -3.5em;
        margin-top: 0em;
        padding-left: 0!important;
    }

    footer>div>div>div:nth-child(1)>div>div:nth-child(3)>span {
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    footer>div>div>div:nth-child(1)>div>div:nth-child(3) {
        left: -2.5em;
    }
}

@media (min-width: 992px) {
    footer>div>div>div:nth-child(2) {
        margin-top: -1em;
    }
}

/* ////////////////////////////////////// FOOTER ENDE ///////////////////////////////////// */
.jGrowl-message p {
    color: #fff !important;
}

.anleitung a {
    color: #000;
    text-decoration: underline;
}

.anleitung img {
    width: auto;
    height: auto;
}

@media (min-width: 320px) {
    h1 {
        font-size: 1.45em;
    }

    h2 {
        font-size: 1.8rem;
    }

    #index>div>div>div>h1 {
        font-size: 1.45em;
    }

    #beratung .text, #beratung h3 {
        font-size: 1.5rem;
    }

    #newsletter>div.container.mt-5.text-left>div.col-md-12.col-lg-5.col-xl-4.pb-4 {
        margin-top: -4.5em;
    }

    form.sektion_Newsletter input, form.sektion_Newsletter button[type=submit] {
        width: 100%;
    }

    form.sektion_Newsletter button[type=submit] {
        margin-bottom: 1em;
    }

    .aktuelles .uebersicht>div {
        padding-right: 16px;
    }

    .teaser.service {
        height: 250px;
        overflow: hidden;
    }

    .teaser.jahresberichte {
        height: 350px;
        overflow: hidden;
    }

    .teaser.service img {
        height: auto;
    }
}

@media (min-width: 425px) {
    header {
        height: 62px;
    }

    header.index {
        height: 62px;
    }

    .navbar-collapse {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        padding-top: 83px;
    }

    h2 {
        font-size: 2.25rem;
    }

    .beratung_Tabs div.col {
        margin: 0 0.5em 0 0;
        font-size: 1.2rem;        
    }

    .beratung_Team::after {
        width: 10%;
    }

    .beratung_Team a, .beratung_Team p a {
        font-size: 0.8rem;
    }



#beratung > div.container > div > div > section:nth-child(4) > div > div.infoBoxen > div.beratung_Team > img {
    margin-top: 1.1em;     
    height:185px;
    width:185px;
}    

    #fluechtlings-migrations-und-sozialberatung .beratung_Team img {                      
        top:5.95em;
        width:170px;
        height:170px;         
        right:-12px;
    }

    #team>div.container>div>div>div>div>img {
        /* top: 20.5%; */
    }

    .beratung_Team::after {
        content: "";
        background: #fff;
    }

    .beratung_Team>div {
        padding-top: 1em;
        text-align: left;
    }

    .infoBoxen .inhalt {
        margin-bottom: 1.25em !important;
    }

    #fluechtlings-migrations-und-sozialberatung>div.container>div>div>section>div>div>div.beratung_Team.beratung>img {
        margin-top: -1.5em;
    }

    .beratung_Team p {
        width: 58%;
        text-align: left;
    }

    .teaser.veranstaltung .tags a, .tags a {
        /* font-size: 0.9rem; */
    }

    .teaser.jahresberichte img {
        height: auto;
    }
}

@media (min-width: 576px) {
    h1 {
        font-size: 2.2em;
    }

    header {
        height: 62px;
    }

    header.index {
        height: 51px;
    }

    header .navbar-brand img {
        padding-left: 0px;
    }

    .breadcrumbs {
        margin-top: 1em;
        color: #5a5a5a;
        visibility: visible;
    }

    .filter .thema a {
        min-width: 33% !important;
    }

    .beratung_Tabs div.col {
        margin: 0 0.5em 0 0;
        font-size: 1.2rem;    
        max-width:100px;   
        height:30px; 
    }    

    .beratung_Team a, .beratung_Team p a {
        font-size: 0.9rem;
    }

    body.awh .beratung_Team img {
        position: absolute;
        right: -2px;
        top: 50%;
        transform: translateY(-62%);
        width: 110px;
    }

    .beratung_Team img {
        position: absolute;
        right: -10px;
        top: 50%;
        transform: translateY(-50%);
        width: auto;
        height: 100%;
    }    

    #beratung img.logo {
        margin-left: 0;
        transform: translateX(0);
        padding-top: 3.5em;
    }

    #beratung .text {
        text-align: left;
        padding-left: 55%;
        padding-top: 1.1em;
    }

    #beratung .text, #beratung h3 {
        font-size: 1.2rem;
    }

    #fluechtlings-migrations-und-sozialberatung>div.container>div>div>section>div>div>div.beratung_Team.beratung>img {
        width: 160px;
        margin-top: -1.8em;
    }

    #fluechtlings-migrations-und-sozialberatung .beratung_Team img {                      
        top:5.1em;
        width:150px;
        height:150px;         
        right:-12px;
    }    

    #index>div>div>div>h1 {
        font-size: 1.7rem
    }

    form.sektion_Newsletter input, form.sektion_Newsletter button[type=submit] {
        width: 30%;
        margin-right: 2%;
    }

    form.sektion_Newsletter button[type=submit] {
        margin-bottom: 1em;
    }

    #newsletter>div.container>div>div>form>div.row>div.col-sm-7 {
        padding-left: 0;
    }

    section.veranstaltung>div>.infoBoxen>div>div:nth-child(1), section.veranstaltung>div>.infoBoxen>div>div:nth-child(3) {
        border-right: 8px solid #fff;
    }

    section.veranstaltung>div>.infoBoxen>div>div:nth-child(2), section.veranstaltung>div>.infoBoxen>div>div:nth-child(4) {
        border-left: 8px solid #fff;
    }

    .nutzergruppen div.col {
        flex-basis: 24.23%;
        max-width: 24.23%;
    }

    #mitwirken a.mehr, #team a.mehr {
        bottom: 67px;
        background: rgba(243, 111, 34, 0.85);
    }

    .beratung_Team img {
        /* width: 130px; */
        /* top: 52%; */
    }

    .beratung_Team>div {
        height:100%;
    }

    .teaser.awh-veedel {
        padding: 0 10px;
    }

    #allerweltshaus-im-veedel .teaser_Bottom {
        transform: translateY(-30%);
        font-size: 0.9rem;
    }

    #allerweltshaus-im-veedel>div>div>div>div>div:nth-child(3)>a>div {
        transform: translateY(-30%);
    }
}

@media (min-width: 768px) {
    h1 {
        font-size: 2.6em;
    }

    header {
        height: 60px;
    }

    header.index {
        height: 75px;
    }

    .breadcrumbs {
        margin-top: 2em;
    }

    .hotline.beratung {
        border-right: 8px solid #fff;
    }

    .zeiten.beratung {
        border-left: 8px solid #fff;
    }

    #beratung .wrapper::after {
        display: block;
    }

    #beratung img.logo {
        top: 0;
        right: 2em;
        padding-top: 2em;
        width: 200px;
        max-width: 375px;
    }

    #beratung .text {
        background: transparent;
        width: 30%;
        padding-left: 0;
        padding: 1em;
        right: 0;
        position: absolute;
        top: 7em;
    }

    #beratung .text, #beratung h3 {
        font-size: 1rem;
    }

    #beratung a.weiter {
        font-size: 1.0rem;
        padding: 0.75em;
        width: 32%;
        height: auto;
        position: absolute;
    }

    #beratung a.weiter::after, .teaser_Bottom::after, #team a.mehr::after, #mitwirken a.mehr::after {
        background-size: 70%;
        top: 1.9em;
        right: 0.3em;
    }


#beratung > div.container > div > div > section:nth-child(4) > div > div.infoBoxen > div.beratung_Team > img {
    margin-top: 0em;
    right: -0.4em;
    height:170px;
    width:170px;
}        

    #fluechtlings-migrations-und-sozialberatung>div.container>div>div>section>div>div>div.beratung_Team.beratung>img {
        width: 160px;
        margin-top: 0em;
        right: 0;
    }

    #bildung>div>div>div>div {
        margin-right: 0;
    }

    .teaser.bildung {
        margin-right: 0;
        margin-bottom: 1rem!important;
    }

    .teaser.angebote, .teaser.kurse, .teaser.aktion {
        padding-right: 5px;
    }

    #globales-lernen .row.themen, #globales-lernen .row.team {
        margin-left: -30px;
    }

    #globales-lernen .teaser:nth-last-child(1) .teaser_Bottom {
        background: transparent !important;
        text-align: center;
        bottom: 35%;
    }

    #globales-lernen .teaser:nth-last-child(1) .teaser_Bottom::after {
        background: none;
    }

    .teaser.veranstaltung .infos {
        min-height: 188px;
    }

    .weitere .teaser.veranstaltung .infos {
        min-height: 0;
    }

    #mitwirken>div>div>div>div {
        margin-right: -23px;
    }

    #kurse>div>div>div>div, #aktion>div.container.text-left>div>div>div.row {
        margin-right: -4px;
    }

    #regelmaessige-angebote>div>div>div>div.row {
        margin-right: 0;
    }

    .teaser:hover .teaser_Bottom::after, #beratung a.weiter:hover::after, #team a.mehr:hover::after, #mitwirken a.mehr:hover::after {
        right: -0.1em;
    }

    .teaser .teaser_Bottom {
        padding: 0.8em;
        font-size: 0.9rem;
    }

    .teaser .col-md-6 {
        height: 100%;
    }

    #index>div>div>div>h1 {
        font-size: 2.2rem
    }

    section.veranstaltung .weitere .liste {
        margin-left: 0px;
        margin-right: 15px;
    }

    .filter a {
        height: 50px;
        padding-top: 1em;
    }

    .ankerlinks div {
        display: block;
        width: 20%;
    }

    .ankerlinks div a::before {
        height: 124.2px;
    }

    .ankerlinks div a {
        margin-top: 1.75em;
    }

    #mitwirken a.mehr, #team a.mehr {
        width: 30.6%;
        left: auto;
        right: 15px;
        position: absolute;
        bottom: 0;
    }

    .beratung_Team img {
        height: 100%;
        max-width: 172px;
        top: 0;
        width: auto;
        transform: translateX(0);
        /* border: 0; */
        right: 12px;
    }

    #globales-lernen .beratung_Team img {
        /* transform: translateY(70%); */
        /* width:174px; */
        /* height:auto; */
    }

    #globales-lernen .beratung_Team::after {
        width: 18%;
    }

    #fluechtlings-migrations-und-sozialberatung .beratung_Team img {
        top:0;
        right:0;
        width: 172px;
        height: 172px;
    }

    #kontakt .beratung_Team img, #team .beratung_Team img {
        top: 0;
        right: 0;
    }

    body.awh .beratung_Team img {
        transform: none;
        width: 172px;
    }

    #team>div.container>div>div>div>div>img {
        top: 0;
        right: 0px;
    }

    .beratung_Team>div {
        height: 100%;
    }

    .beratung_Team {
        min-height: 198px;
        margin-bottom: 1em;
    }

    .beratung_Team::after {
        width: 12%;
    }

    #kontakt .beratung_Team::after, #team .beratung_Team::after {
        width: 16%;
    }

    ul.praktikum li span {
        width: 49.5%
    }

    #allerweltshaus-im-veedel .teaser_Bottom {
        font-size: 1.4rem;
    }

    #allerweltshaus-im-veedel>div>div>div>div>div:nth-child(3)>a>div {
        transform: translateY(-50%);
    }

    #newsletter:not(.detail) {
        display: block;
    }
}

@media (min-width: 992px) {
    h1 {
        font-size: 2.8em;
        /* width: 80%; */
        margin-left: auto;
        margin-right: auto;
    }

    header {
        height: 74px;
    }

    header.index {
        height: 72px;
    }

    header .navbar-brand img {
        padding-left: 0;
        height: 98px;
    }

    .navbar-collapse {
        padding-top: 0px;
    }

    #beratung .text {
        top: 6em;
    }

    #beratung .text, #beratung h3 {
        font-size: 1.5rem;
    }

    #beratung a.weiter {
        font-size: 1.2rem;
        padding: 1em;
    }

    #beratung a.weiter::after, .teaser_Bottom::after, #team a.mehr::after, #mitwirken a.mehr::after {
        background-size: 90%;
        top: 1.6em;
        right: 0.7em;
    }

    #beratung img.logo {
        width: 260px;
    }

#beratung > div.container > div > div > section:nth-child(4) > div > div.infoBoxen > div.beratung_Team > img {
    margin-top: 3.2em;
    height:170px;
    width:170px;
}       

    #fluechtlings-migrations-und-sozialberatung .beratung_Team img {
        /* transform: translateY(9%); */
        width: 204px;
        height:204px;        
    }

    .infoBoxen .inhalt {
        border-right: 8px solid #fff;
    }

    .infoBoxen .beratung_Team {
        border-left: 8px solid #fff;
    }

    .teaser:hover .teaser_Bottom::after, #beratung a.weiter:hover::after, #team a.mehr:hover::after, #mitwirken a.mehr:hover::after {
        right: 0.25em;
    }

    .teaser .teaser_Bottom {
        padding: 0.8em;
        font-size: 1.1rem;
    }

    .teaser.veranstaltung .tags a, .tags a {
        /* font-size: 0.8rem; */
    }

    .nutzergruppen div.col {
        flex-basis: 25%;
        max-width: 25%;
    }

    #index>div>div>div>h1 {
        font-size: 2.8rem
    }

    #newsletter>div.container.mt-5.text-left>div.col-md-12.col-lg-5.col-xl-4.pb-4 {
        margin-top: 0;
    }

    form.sektion_Newsletter input, form.sektion_Newsletter button[type=submit] {
        width: 30%;
    }

    form.sektion_Newsletter button[type=submit] {
        margin-bottom: 0em;
    }

    section.veranstaltung>div>.infoBoxen>div>div:nth-child(1) {
        border-right: 8px solid #fff;
    }

    section.veranstaltung>div>.infoBoxen>div>div:nth-child(2), section.veranstaltung>div>.infoBoxen>div>div:nth-child(3) {
        border-left: 8px solid #fff;
        border-right: 8px solid #fff;
    }

    .ankerlinks div a::before {
        height: 139.5px;
    }

    .aktuelles .uebersicht>div {
        padding-right: 0;
    }

    .aktuelles .uebersicht div.col-md-12.text {
        padding-bottom: 3em;
        padding-left: 15px;
        padding-top: 0;
    }

    .beratung_Team::after {
        width: 23%;
    }

    .beratung_Team img {
        right: 0;
    }

    .teaser.jahresberichte img {
        height: 310px;
    }

    #fluechtlings-migrations-und-sozialberatung>div.container>div>div>section>div>div>div.beratung_Team.beratung>img {
        width: auto;
    }

    #allerweltshaus-im-veedel>div>div>div>div>div:nth-child(3)>a>div {
        transform: translateY(-30%);
    }
}

@media (min-width: 1200px) {
    h1 {
        font-size: 3.2rem;
    }

    header {
        height: 91px;
    }

    header.index {
        height: 89px;
    }

    header .navbar-brand img {
        height: 119px;
    }

    #beratung .text, #beratung h3 {
        font-size: 1.75rem;
    }

    #beratung a.weiter::after, .teaser_Bottom::after, #team a.mehr::after, #mitwirken a.mehr::after {
        background-size: 100%;
        top: 1.55em;
        right: 0.75em;
    }

    #beratung img.logo {
        width: 320px;
    }

    .beratung_Team::after {
        width: 16%;
    }

    .teaser .col-md-6 {
        height: 100%;
    }

    .teaser h3, .pinnwand .meldung h3 {
        font-size: 1.3rem;
    }

    .teaser.veranstaltung .tags a, .tags a {
        /* font-size: 0.9rem; */
    }

    .nutzergruppen div.col {
        flex-basis: 12.5%;
        max-width: 12.5%;
    }

    .teaser .teaser_Bottom {
        font-size: 1.2rem;
    }

    .teaser.veranstaltung .infos {
        min-height: 200px;
    }

    #index>div>div>div>h1 {
        font-size: 3.2rem
    }

    .filter .kategorie a:nth-child(5), .filter .kategorie a:nth-child(6), div.container>div>div>div>div:nth-child(4)>a.col.menschenrechte {
        padding-top: 1.0em !important;
    }

    .filter .kategorie a:nth-child(3) {
        padding-top: 0.5em !important;
    }

    .ankerlinks div a::before {
        height: 166.5px;
    }

    .ankerlinks div a {
        margin-top: 3em;
    }

    #service .teaser .teaser_Bottom {
        font-size: 2.3rem;
    }

    #allerweltshaus-im-veedel .teaser_Bottom, #allerweltshaus-im-veedel>div>div>div>div>div:nth-child(3)>a>div {
        transform: translateY(-30%);
        font-size: 1.7rem;
    }
}

.cc-window {
    font-size: 0.9rem !important;
    padding-bottom: 0 !important;
    text-align: center;
    font-family: 'Open Sans' !important;
    font-weight: 600 !important;
}

.cc-btn {
    background: #f36f22 !important;
}

body.dekolonial .cc-btn {
    background: #f6a800 !important;
}

body.menschenrechte .cc-btn {
    background: #178dc7 !important;
}

body.stimmenafrikas .cc-btn {
    background: #af1f15 !important;
}

body.stimmenafrikas a.download { color: #af1f15; }
body.stimmenafrikas .einzelbild { position: relative;}
body.stimmenafrikas .materialien a, body.stimmenafrikas .einzelbilder a { color: #af1f15 !important; }
body.stimmenafrikas .einzelbilder a.text {/* background:red; */display: inline-block;width: 80%;top: 50%;position: absolute;transform: translateY(-50%);padding-left: 0.5em;}
body.stimmenafrikas .einzelbilder img {width: 70px; height:auto;}
body.stimmenafrikas .materialien .galerien img {width: auto;height: 67px !important;margin-bottom: 5px;}

.sucheTags {
    padding-left: 1.5em;
}

.sucheTags li {
    position: relative;
    margin-bottom: 1.25em;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1em;
    color: #f36f22;
}

.sucheTags li span {
    color: #5a5a5a;
    font-weight: 300;
    font-size: 0.7em;
    position: relative;
    left: -1.5em;
}

.sucheTags li h3 a {
    color: #f36f22;
}

.sucheTags .tags {
    color: #fff !important;
}

#nutzergruppen .modal-dialog {
    max-width: 75% !important;
    font-size: 0.9rem;
    text-align: left;
}

#nutzergruppen .modal-dialog h4 {
    font-size: 1rem;
}

body.dekolonial .sucheTags .tags, body.menschenrechte .sucheTags .tags, body.stimmenafrikas .sucheTags .tags {
    display: none;
}

/* DEKOLONIAL */
body.dekolonial nav .active>a, body.dekolonial .navbar a:hover, body.dekolonial .navbar li.active>a, body.dekolonial .index_Aktuelles .teaser h3, body.dekolonial .teaser.liste h3, body.dekolonial button[type=submit], body.dekolonial #standard h2, body.dekolonial #standard h3, body.dekolonial:not(.index) h2, body.dekolonial:not(.index) h3, body.dekolonial:not(.index) h4, body.dekolonial section.veranstaltung .weitere h2 a, body.dekolonial .sucheTags li h3 a, body.dekolonial .sucheTags li,
body.dekolonial .fuellText a {
    color: #f6a800 !important;
}

body.dekolonial #topnav1 li.first, body.dekolonial a.fullWidth, body.dekolonial input[type=submit], body.dekolonial button[type=submit], body.dekolonial .newsletter_Archiv li a:hover, body.dekolonial .newsletter_Archiv li.active a, body.dekolonial .navSticky>a.spenden, body.dekolonial .navSticky>a.spenden::after, body.dekolonial section.veranstaltung .infoBoxen div div {
    background: #f6a800;
}


body.dekolonial .teaser_Bottom {
    background: rgba(246, 168, 0, 0.8) !important;
}

body.dekolonial input[name=goodnews-unsubscribe-btn] {
    background: #7c7c7c;
}

body.dekolonial form.newsletter.update button[type=submit], body.dekolonial button[name=goodnews-unsubscribe-btn] {
    background: #f6a800 !important;
    color: #fff !important;
}

body.dekolonial a.newsletter_Aktuell {
    background: url(../images/newsletter-dekolonial.jpg);
    background-size: 100%;
}

body.dekolonial .simplesearch-paging h3, body.dekolonial .simplesearch-paging a, body.dekolonial .simplesearch-results-list a {
    color: #f6a800;
}

body.dekolonial #mitwirken a.mehr, body.dekolonial #team a.mehr {
    background: rgba(246, 168, 0, 0.8);
}

body.dekolonial .mehrAnzeigen::after {
    color: #f6a800 !important;
}

body.dekolonial .dokumentation .container .row ul {
    padding: 0;
    margin-left: 0 !important;
}

body.dekolonial .dokumentation .container .row li {
    display: block;
    border-bottom: 1px solid;
    padding: 0.5em;
    font-size: 0.9rem;
    background: #7c7c7c;
    transition: all 0.25s ease-in-out;
    color: #fff;
    margin-bottom: 0;
}

body.dekolonial .dokumentation .container .row li:hover {
    background: #f6a800;
}

body.dekolonial .dokumentation .container .row li:hover a {
    color: #000 !important;
}

body.dekolonial .dokumentation .container .row li a {
    color: #fff !important;
    text-decoration: none;
    display: block;
}

body.dekolonial section.veranstaltung a[rel=lightbox]:hover::before {
    color: #f6a800;
}

body.dekolonial .filter a.active,
body.dekolonial .content a.flyerLink,
body.dekolonial .content a.facebookLink,
body.dekolonial .content a.instagramLink,
body.dekolonial .content a.twitterLink {
    background: #f6a800 !important;
}

body.dekolonial section.veranstaltung .weitere h2 a {
    color: #f6a800;
}

@media (min-width: 992px) {
    body.dekolonial .navbar ul>li>a {
        padding: 0 0.88rem !important;
    }

    body.dekolonial .navbar ul>li>ul>li>a {
        padding: 5px 0.88rem !important;
    }

    body.dekolonial ul#topnav {
        padding-left: 186px;
    }

    body.dekolonial .navbar ul>li:hover>ul {
        transform: translate(-53%);
    }
}

@media (min-width: 1200px) {
    body.dekolonial .navbar ul>li>a {
        padding: 0 2.3rem !important;
    }

    body.dekolonial .navbar ul>li>ul>li>a {
        padding: 5px 2.3rem !important;
    }

    body.dekolonial ul#topnav {
        padding-left: 204px;
    }
}

/* STIMMENAFRIKAS */
body.stimmenafrikas nav .active>a, body.stimmenafrikas .navbar a:hover, body.stimmenafrikas .navbar li.active>a, body.stimmenafrikas .index_Aktuelles .teaser h3, body.stimmenafrikas #newsletter h2, body.stimmenafrikas #kontakt h2, body.stimmenafrikas .teaser.liste h3, body.stimmenafrikas button[type=submit], body.stimmenafrikas section#ueber-uns h2, body.stimmenafrikas section#standard h2, body.stimmenafrikas section#standard h3, body.stimmenafrikas:not(.index) h2, body.stimmenafrikas:not(.index) h3, body.stimmenafrikas:not(.index) h4, body.stimmenafrikas .mehrAnzeigen::after, body.stimmenafrikas .sucheTags li h3 a, body.stimmenafrikas .sucheTags li,
body.stimmenafrikas .fuellText a {
    color: #af1f15 !important;
}

body.stimmenafrikas #topnav1 li.first, body.stimmenafrikas a.fullWidth, body.stimmenafrikas input[type=submit], body.stimmenafrikas button[type=submit], body.stimmenafrikas section.veranstaltung .infoBoxen div div, body.stimmenafrikas .navSticky>a.spenden, body.stimmenafrikas .navSticky>a.spenden::after {
    background: #af1f15;
}

body.stimmenafrikas input[name=goodnews-unsubscribe-btn] {
    background: #7c7c7c;
}

body.stimmenafrikas form.newsletter.update button[type=submit], body.stimmenafrikas button[name=goodnews-unsubscribe-btn] {
    background: #af1f15 !important;
    color: #fff !important;
}

body.stimmenafrikas .teaser_Bottom {
    background: rgba(175, 31, 21, 0.8) !important;
}

div.glossary-list>div, .presse li {
    display: block;
    border-bottom: 1px solid #fff;
    padding: 0.5em;
    font-size: 0.9rem;
    background: #7c7c7c;
    transition: all 0.25s ease-in-out;
}

.mediathek.presse {
    padding: 0;
    width: 80% !important;
    margin: auto;
}

ul.presse {
    max-width: 100% !important;
    width: 100%;
}

ul.presse li {
    padding: 0;
}

.presse a {
    color: #fff !important;
    transition: all 0.25s ease-in-out;
    padding-right: 2em !important;
    text-decoration: none !important;
}

div.glossary-list>div a {
    display: block;
}

.presse a::after, div.glossary-list>div::after {
    content: "";
    background: url(../images/AWH_Teaser_Pfeil-rechts.png) no-repeat;
    background-size: 50%;
    float: right;
    margin-top: 2px;
    margin-right: -30px;
    width: 20px;
    height: 25px;
}

.presse a.pdf::after {
    content: "";
    background: none;
}

.presse a:hover, div.glossary-list>div:hover,
body.stimmenafrikas .content a.flyerLink,
body.stimmenafrikas .content a.facebookLink,
body.stimmenafrikas .content a.instagramLink,
body.stimmenafrikas .content a.twitterLink {
    background: #af1f15 !important;
}

div.glossary-list a.abschnitt {
    margin-top: 1em;
    display: block;
}

div.glossary-list h4 {
    color: #af1f15 !important;
}

#mediathek > div.container > div > div > section > div > div {
    margin-left: -30px;
}

div.mediathek iframe {
    width: 60vW;
    height: 33vW;
    max-width: 736px;
}

div.content iframe {
    width: 100%;
    height: 645px;
    max-width: 100%;
    max-height: calc((100vw - 40px) / (16/9));  
}

div.mediathek {
    text-align: center;
    /* padding-left: 0; */
}

div.mediathek a {
    color: #af1f15;
}

div.mediathek.radio, div.mediathek.presse {
    text-align: left;
}

div.mediathek.radio a {
    background: #af1f15;
    color: #fff;
    padding: 0.5em;
    text-decoration: none;
}

div.mediathek h3 {
    color: #af1f15;
}

body.stimmenafrikas input[name=goodnews-unsubscribe-btn] {
    background: #7c7c7c;
}

body.stimmenafrikas .newsletter_Archiv li a:hover {
    background: #af1f15;
}

body.stimmenafrikas input.error, body.stimmenafrikas textarea.error {
    border: 2px solid #af1f15;
}

body.stimmenafrikas form.newsletter.update button[type=submit] {
    background: #af1f15 !important;
    color: #fff !important;
}

body.stimmenafrikas a.newsletter_Aktuell {
    background: url(../images/newsletter-stimmenafrikas.jpg);
    background-size: 100%;
}

body.stimmenafrikas .simplesearch-paging h3, body.stimmenafrikas .simplesearch-paging a, body.stimmenafrikas .simplesearch-results-list a {
    color: #af1f15;
}

body.stimmenafrikas #mitwirken a.mehr, body.stimmenafrikas #team a.mehr {
    background: rgba(175, 31, 21, 0.8);
}

body.stimmenafrikas .mehrAnzeigen::after {
    color: #af1f15;
}

body.stimmenafrikas>footer>div>div>div:nth-child(1)>div>div.col-12.col-sm-4.p-0 {
    /* max-width: 34% !important; */
    /* margin-left: -0.5em; */
}

body.stimmenafrikas section.veranstaltung a[rel=lightbox]:hover::before {
    color: #af1f15;
}

body.stimmenafrikas #archiv .container .row {
    margin-right: -8px;
}

body.stimmenafrikas .filter a.active {
    background: #af1f15 !important;
}

body.stimmenafrikas section.veranstaltung .weitere h2 a {
    color: #af1f15;
}

body.stimmenafrikas .carousel.gaeste p {
    text-shadow: 1px 1px 1px #000;
}

body.stimmenafrikas .flickr {
    width: 75px;
}

body.stimmenafrikas .slick-dots {
    width: 100% !important;
    left: 0;
}

body.stimmenafrikas .galerie .slick-arrow {
    font-size: 1em;
}

body.stimmenafrikas .galerie .slick-prev:before, body.stimmenafrikas .galerie .slick-next:before {
    color: #af1f15;
    font-size: 2em;
}

body.stimmenafrikas .galerie .slick-prev:before {
    margin-left: -40px;
}

body.stimmenafrikas .teaser.veranstaltung.index {
    background: #af1f15;
}

body.stimmenafrikas ul.gaeste {
    font-size: 0.9rem;
    list-style: none !important;
    padding: 0;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    background:red;    
}

body.stimmenafrikas ul.gaeste.test {
    display:none;
}

body.stimmenafrikas ul.gaeste li {
    background: #7c7c7c;
    border-bottom: 1px solid #fff;
    transition: all 0.25s ease-in-out;
    width: 100%;
    float: left;
}

body.stimmenafrikas ul.gaeste li:hover {
    background: #af1f15;
}

body.stimmenafrikas ul.gaeste li a {
    color: #fff !important;
}

body.stimmenafrikas .row.gaeste .teaser a.bild {
    width: calc(100% - 15px);
}

body.stimmenafrikas .row.gaeste .tags {
    right:15px;
}


body.stimmenafrikas #gaeste img {
    max-width: 100%;
    width: auto !important;
}

body.stimmenafrikas p.datum {
    font-weight: 600;
}

body.stimmenafrikas .content figure:not(.special_image) { padding-bottom:3em; }

body.stimmenafrikas .content figure { 
float:none !important; 
margin:auto !important;
}


body.stimmenafrikas section#standard .berichte { text-align:left; }
body.stimmenafrikas section#standard .berichte a h3 { color:#fff !important; width:95%;}
body.stimmenafrikas section#standard .berichte a { text-decoration:none !important; }

body.stimmenafrikas .bibliothek .bild { background:#eee;}
body.stimmenafrikas .bibliothek .bild img { height:206px !important; width:auto !important; display:block; margin:auto; margin-top:7px;}

body.stimmenafrikas .regular .text {
    position:absolute;
    bottom:1em;
    text-align:center;
    width:100%;
}

body.stimmenafrikas .content figure iframe { margin-bottom:-3em; }

body.stimmenafrikas .startvideo { width:100%; height:auto !important; }

@media (min-width: 576px) {

    body.stimmenafrikas ul.gaeste {    
    width: 70%;
    }

body.stimmenafrikas .content figure {
    float:left !important; 
    margin:0px 10px 0 0 !important;
}

body.stimmenafrikas .content figure.bild_rechts { 
float:right !important; 
margin:0 0 10px 10px !important;
}    

}    

@media (min-width: 992px) {    
body.stimmenafrikas ul.gaeste li {    
    width: 50%;    
    border-right: 1em solid #fff;
}
}

@media (min-width: 1200px) {
    body.stimmenafrikas ul#topnav {
        padding-left: 226px;
    }

    body.stimmenafrikas .navbar ul>li>a {
        padding: 0 .8rem !important;
    }

    body.stimmenafrikas .navbar ul>li>ul>li>a {
        padding: 5px .8rem !important;
    }

    body.stimmenafrikas .suche {
        right: 15px;
    }

    body.stimmenafrikas .nav-link {
        font-size: 0.955rem;
    }
}

/* MENSCHENRECHTE */
body.menschenrechte nav .active>a, body.menschenrechte .navbar a:hover, body.menschenrechte .navbar li.active>a, body.menschenrechte .index_Aktuelles .teaser h3, body.menschenrechte .teaser.liste h3, body.menschenrechte:not(.index) h2, body.menschenrechte:not(.index) h3, body.menschenrechte:not(.index) h4, body.menschenrechte #kontakt h2, body.menschenrechte button[type=submit], body.menschenrechte .mehrAnzeigen::after, body.menschenrechte section.veranstaltung .weitere h2 a, body.menschenrechte .sucheTags li h3 a, body.menschenrechte .sucheTags li,
body.menschenrechte .fuellText a {
    color: #178dc7 !important;
}

body.menschenrechte #topnav1 li.first, body.menschenrechte a.fullWidth, body.menschenrechte input[type=submit], body.menschenrechte button[type=submit], body.menschenrechte .navSticky>a.spenden, body.menschenrechte .navSticky>a.spenden::after, body.menschenrechte section.veranstaltung .infoBoxen div div {
    background: #178dc7;
}

body.menschenrechte form.newsletter.update button[type=submit], body.menschenrechte button[name=goodnews-unsubscribe-btn] {
    background: #178dc7 !important;
    color: #fff !important;
}

body.menschenrechte section.veranstaltung .infoBoxen div div {
    background: #178dc7;
}

body.menschenrechte .teaser .teaser_Bottom {
    background: rgba(23, 141, 199, 0.75) !important;
}

body.menschenrechte .dossiers {
    text-align: center;
    margin-bottom: 2em;
}

body.menschenrechte .dossiers a, body.menschenrechte .interviews h2, body.menschenrechte .dossiers h3 {
    color: #178dc7;
}

body.menschenrechte .dossiers a {
    font-weight: 600;
    display: block;
}

body.menschenrechte ul.interviews {
    list-style: none !important;
    margin-left: 0 !important;
    text-align: left;
    width: 100% !important;
}

body.menschenrechte ul.interviews li {
    border-bottom: 1px solid #fff;
    margin-bottom: 0;
}

body.menschenrechte a.interview {
    background: #178dc7;
    color: #fff;
    display: inline-block;
    padding: 0.5em 6em;
    font-size: 0.9rem;
    text-decoration: none;
}

body.menschenrechte ul.interviews a {
    color: #fff !important;
    font-size: 0.95rem;
    background: #7c7c7c;
    transition: all 0.25s ease-in-out;
    text-decoration: none;
}

body.menschenrechte .newsletter_Archiv li a:hover, body.menschenrechte ul.interviews a:hover {
    background: #178dc7;
}

body.menschenrechte ul.interviews li::after {
    content: "";
    background: url(../images/AWH_Teaser_Pfeil-rechts.png) no-repeat;
    background-size: 60%;
    float: right;
    margin-top: -25px;
    width: 20px;
    height: 25px;
}

body.menschenrechte .flickr {
    width: 75px;
}

body.menschenrechte .slick-dots {
    width: 100% !important;
    left: 10%;
}

body.menschenrechte .galerie .slick-arrow {
    font-size: 1em;
}

body.menschenrechte .galerie .slick-prev:before, body.menschenrechte .galerie .slick-next:before {
    color: #178dc7;
    font-size: 2em;
}

body.menschenrechte .galerie .slick-prev:before {
    margin-left: -57px;
}

body.menschenrechte input[name=goodnews-unsubscribe-btn] {
    background: #7c7c7c;
}

body.menschenrechte input.error, body.menschenrechte textarea.error {
    border: 2px solid #178dc7;
}

body.menschenrechte form.newsletter.update button[type=submit] {
    background: #178dc7 !important;
    color: #fff !important;
}

body.menschenrechte a.newsletter_Aktuell {
    background: url(../images/newsletter-menschenrechte.jpg);
    background-size: 100%;
}

body.menschenrechte .simplesearch-paging h3, body.menschenrechte .simplesearch-paging a, body.menschenrechte .simplesearch-results-list a {
    color: #178dc7;
}

body.menschenrechte #mitwirken a.mehr, body.menschenrechte #team a.mehr {
    background: rgba(23, 141, 199, 0.8);
}

body.menschenrechte .mehrAnzeigen::after {
    color: #178dc7;
}

body.menschenrechte>footer>div>div>div:nth-child(1)>div>div.col-12.col-sm-4.p-0 {
    /* max-width: 34% !important; */
    margin-left: -1.5em;
}

body.menschenrechte section.veranstaltung a[rel=lightbox]:hover::before {
    color: #178dc7;
}

body.menschenrechte .filter a.active,
body.menschenrechte .content a.flyerLink,
body.menschenrechte .content a.facebookLink,
body.menschenrechte .content a.instagramLink,
body.menschenrechte .content a.twitterLink {
    background: #178dc7 !important;
}

body.menschenrechte section.veranstaltung .weitere h2 a {
    color: #178dc7;
}

body.menschenrechte .teaser.berichte {
    background: #178dc7;
    color: #fff;
    transition: all 0.25s ease-in-out;
}

body.menschenrechte .teaser.berichte:hover, body.menschenrechte a.berichtPDF:hover {
    background: rgba(3, 121, 179, 1);
    color: #fff;
}

body.menschenrechte .teaser.berichte h3 {
    color: #fff !important;
}

body.menschenrechte .teaser.berichte .tags {
    position: relative;
    float: left;
    margin-left: -0.5em;
    background: none !important;
}

body.menschenrechte .teaser.berichte .tags a, body.menschenrechte .teaser.berichte .tags span {
    background: #fff !important;
    color: #178dc7;
    padding: 0.25em 1em;
    border-radius: 8px;
    margin-right: 0.25rem;
    font-weight: 600;
}

body.menschenrechte a.tag:hover {
    background: #178dc7;
}

body.menschenrechte .teaser.berichte .text {
    padding-right: 1em;
}

body.menschenrechte .keywords {
    line-height: 2rem;
    margin-left:0;
    margin-top:2em;
}

body.menschenrechte .keywords a {
    background: #7c7c7c;
    padding: 0 0.25em;
    font-size: 0.9rem;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.25s ease-in-out;
    display: inline-block;
    margin-bottom: 0.25em;
}

body.menschenrechte .keywords a.active, body.menschenrechte .keywords a:hover {
    background: #178dc7;
}

body.menschenrechte a.berichtPDF {
    width: 70%;
    margin: auto;
    margin-top: 3em;
    margin-bottom: 2em;
    color: #fff;
    text-decoration: none;
}

body.menschenrechte .weitere.berichte {
    margin-left: -10px;
    margin-right: 0px;
}

body.menschenrechte .weitere .berichte {
    margin-left: 0px;
    border-right: 7px solid #fff;
    border-left: 8px solid #fff;
    min-height: 180px;
    position: relative;
}

body.menschenrechte .weitere .berichte a.weiter {
    position: absolute;
    bottom: 1em;
    right: 1em;
}

.slick-dotted.slick-slider
{
    margin-bottom: 50px;
}

@media (min-width: 992px) {
    body.menschenrechte .keywords {    
        margin-top:-2em;
    }
}

@media (min-width: 1200px) {
    body.menschenrechte .navbar ul>li>a {
        padding: 0 2.44rem !important;
    }

    body.menschenrechte .navbar ul>li>ul>li>a {
        padding: 5px 1.39rem !important;
    }

    body.menschenrechte .navbar ul>li:hover>ul {
        transform: translate(-57%);
    }

    body.menschenrechte ul#topnav {
        padding-left: 202px;
    }
}

#newsletterSektion .container {
    min-height: auto;
}

.content a {
    color: #5a5a5a;
    text-decoration: underline;
}

.content img {
    width: auto !important;
    max-width: 100%;
}

.content figure figcaption {
    background: #efefef;
    padding: 0.25rem;
    font-size: 0.8em;
    font-style: italic;
    margin: auto !important;
    width: 100% !important;
}

.content a.flyerLink,
.content a.facebookLink,
.content a.instagramLink,
.content a.twitterLink { 
    display:inline-block; 
    padding:0.5em; 
    color:#fff !important; 
    text-decoration:none; 
    margin-right:1em; 
    margin-bottom:1em;
    transition:all 0.25s ease-in-out;
    background:#f36f22;
}

.content a.flyerLink:hover,
.content a.facebookLink:hover,
.content a.instagramLink:hover,
.content a.twitterLink:hover { opacity:0.8; }

.text-center ul {
    display: inline-block;
    padding: 0;
    margin-left: 0 !important;
    max-width: 80%;
}

.text-center ul li {
    margin-bottom: 0.5em;
}

.text-center a {
    color: #5a5a5a;
    text-decoration: underline;
}

#newsletterSektion .container {
    min-height: auto;
}

.content a {
    color: #5a5a5a;
    text-decoration: underline;
}

.text-center ul {
    display: inline-block;
    padding: 0;
    margin-left: 0 !important;
    max-width: 80%;
}

.text-center ul li {
    margin-bottom: 0.5em;
}

.text-center a {
    color: #5a5a5a;
    text-decoration: underline;
}