@import url("reset.css");
@import url("colors.css");
@import url("btns.css");
@import url("grid.css");
@import url("blocks.css");
@import url("masonry.css");

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Radley&display=swap');


/* ------------------------ */
/* -------GENERALES-------- */

h1 {
    font-family: 'Radley', serif;
    font-size: 2.188rem;
    line-height: 2.45rem;
    letter-spacing: .06rem
}

h2,
h2 a,
.legends-sm p a {
    font-family: 'Radley', serif;
    font-size: 1.563rem;
    line-height: 2rem;
    text-rendering: optimizeLegibility;
    color: var(--black);
}

h2 a:hover,
.legends-sm p a:hover,
h2 a:visited,
.legends-sm p a:visited {
    color: var(--black);
    opacity: .8
}

h2 a:active,
.legends-sm p a:active {
    color: var(--black);
    opacity: .8
}

h3 {
    font-family: 'Radley', serif;
    font-size: 1.563rem;
    line-height: 2rem;
    padding-bottom: 2rem;
    color: var(--black)
}

h4 {
    font-family: 'Radley', serif;
    font-size: 1.3rem;
    line-height: 1.4rem;
    padding: .5rem 1.5rem .8rem 0;
    color: var(--black);
    background-color: rgba(90, 90, 0, 0);
}

h5 {
    font-family: 'Radley', serif;
    font-size: 0.938rem;
    line-height: 1.188rem
}

a {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    text-rendering: optimizeLegibility;
    color: var(--white);
}

a:hover,
a:visited {
    color: var(--white);
    opacity: 1
}

a:active {
    color: var(--white);
    opacity: 1
}

.article-category .bigger {
    font-family: 'Radley', serif;
    font-size: 3.188rem;
    line-height: 3.3rem;
    letter-spacing: -.06rem;
    padding-top: 1rem;
}

p {
    font-family: 'Radley', serif;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.625rem
}

p strong {
    text-decoration: underline;
}

.blockquote_die_offene {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 2.188rem;
    line-height: 3rem;
    color: var(--offeneOrange);
    padding: 1.5rem 2rem
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0
}

/* ------/GENERALES-------- */
/* ------------------------ */
.first-level-articles {
    border-bottom: .1rem solid var(--greyFour);
    margin-bottom: 1rem
}

.first-level-articles h2 a {
    font-family: 'Radley', serif;
    font-size: 2.188rem;
    line-height: 2.75rem;
    text-rendering: optimizeLegibility;
    color: var(--black);
}

.first-level-articles figure {
    margin-bottom: .7rem;
    margin-bottom: .3rem;
}

.third-level-articles {
    padding: 3.5rem 0 0 0;
}

.slide_testimonials {
    display: block !important;
}

/* ------------------------ */
/* ---------SPENDEN--------- */

.spenden-container {
    margin-bottom: 7rem;
}

/* ------------------------ */
/* --------/SPENDEN--------- */

/* ------------------------ */
/* --------CONTACT-FORM---- */

.nf-form-content {
    padding: 1rem 0 0 0 !important;
    font-family: 'DM Sans', sans-serif;
}

.submit-wrap > .nf-field-element > .nf-element  { 
    /* background-color: greenyellow; */
    border-radius: 50rem;
}

.nf-form-fields-required {
    font-family: 'DM Sans', sans-serif;
}

.nf-field-label {
    font-size: 1.25rem;
}

/* ------------------------ */
/* --------/CONTACT-FORM--- */

/* ------------------------ */
/* ---------HEADER--------- */
.main-header {
    padding: 0.688rem 0 0 0 !important;
    margin: 0 0 4.688rem 0
}

.navbar-brand img {
    width: 200px
}

.jumbotron {
    border-radius: 0;
    height: auto;
    background-color: var(--offeneOrange);
    border-top: 1px #FFF solid;
    border-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 2%;
    padding-bottom: 3.5rem;
}

.jumbotron div div {
    background-color: rgba(231, 24, 55, 0);
    padding: 0;
}

.jumbotron nav p,
.jumbotron nav a {
    color: rgba(255, 255, 255, 1);
    font-family: 'Radley', serif;
    font-size: 1.3rem;
    font-weight: 400;
}

.jumbotron nav p span {
    padding-right: 1.4rem;
}

.jumbotron nav p span::before {
    width: 9px;
    height: 9px;
    display: inline-block;
    content: '';
    position: absolute;
    top: .6rem;
    left: 70px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23ArrowUpOffene)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0L16 16H0L8 0Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='ArrowUpOffene'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 50% 50%;
    mask: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4.5L0 9V0L9 4.5Z' fill='%23F34E2C'/%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--white);
    transform: rotate(90deg)
}

.jumbotron nav a:hover,
a:active {
    color: rgba(255, 255, 255, .5)
}

.jumbotron nav .active {
    color: rgba(255, 255, 255, .5);
    text-decoration: underline;
}

.display-4 {
    font-size: 1.6rem;
    line-height: 1.8rem;
    padding: 0;
}

.navbar {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
        /**/
}

.navigationOffene {
    /*background-color: red; */
}

.dropdown-menu {
    display: block;
    max-height: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    overflow: visible;
    position: absolute;
    top: -10%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .9rem 0 0 0;
    margin: 1rem 0 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    border: 0 solid rgba(0, 0, 0, .5);
    border-radius: 5px;
    background-color: var(--white)
}

/* background-color: red */
.menu-item a:hover {
    background-color: transparent;
    text-decoration: underline
}

.dropdown-menu:before {
    width: 9px;
    height: 9px;
    display: inline-block;
    content: '';
    position: absolute;
    top: 34px;
    left: 10px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23ArrowUpOffene)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0L16 16H0L8 0Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='ArrowUpOffene'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 50% 50%;
    mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23ArrowUpOffene)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0L16 16H0L8 0Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='ArrowUpOffene'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--white)
}

.show>.dropdown-menu {
    max-height: 800px;
    visibility: visible;
    width: auto;
}

.dropdown-toggle,
nav a {
    border: none;
    outline: 0
}

/* .dropdown-toggle,
nav a:active {
    text-decoration: underline;
} */

.item-icon:hover {
    background-color: transparent;
    color: red
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 8px;
    margin-bottom: 0px;
}

.nav-item.active,
.nav-item:active {
    color: red !important;
    text-decoration: underline
}

.dropdown-item {
    font-size: 1rem;
    opacity: .9;
    padding-bottom: .7rem;
    color: var(--offeneOrange) !important;
    background-color: transparent;
}

.dropdown-item.active,
.dropdown-item:active {
    color: green;
    text-decoration: underline;
    background-color: transparent;
    opacity: 1;
}

.nav-link {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 1.125rem;
    letter-spacing: 0rem;
    text-rendering: optimizeLegibility;
    display: block
}

.nav-link.active,
.dropdown-item.active,
.dropdown-item:active {
    color: var(--white);
    text-decoration: underline;
    background-color: transparent;
    opacity: .7
}

.suche {
    padding-left: 1rem
}

@media only screen and (max-width: 991px) {
    .suche {
        padding-left: 0;
        margin-top: 1rem
    }
}

.suche .sucheInput {
    width: 100%;
    padding: 8px 24px;
    background-color: transparent;
    transition: transform 250ms ease-in-out;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='124' height='124' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 95% center;
    border-radius: 50px;
    border: 1px solid #fff;
    transition: all 250ms ease-in-out;
    backface-visibility: hidden;
    transform-style: preserve-3d
}

.suche .sucheInput::placeholder {
    color: var(--greyFive)
}

.suche .sucheInput {
    font-family: 'DM Sans', sans-serif;
    color: var(--greyFive);
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.suche .sucheInput:hover,
.sucheInput:focus {
    border-color: #000;
    outline: none
}

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


.main-container {
    background-color: rgba(234, 137, 154, 0);
}

.main-container p {
    margin-bottom: 1rem;
}

.main-container hr {}

/* ---; border-bottom: .1rem solid var(--offeneOrange); width: 100%; width: 100.8%; margin-left: -.9rem;--- */
.articles hr {}

/* ---border-top: none; border-bottom: .1rem solid var(--greyTwo); width: 100%; padding: 0; margin: 0;--- */
.section-row hr {}

.article {
    margin-bottom: 0;
    padding: 4rem 0
}

.article h2 {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 2.188rem;
    line-height: 2.875rem;
    color: var(--offeneOrange)
}

.article p a {
    font-family: 'Radley', serif !important;
    font-weight: 400;
    font-size: 1.25rem !important;
    line-height: 1.625rem !important;
    color: var(--offeneOrange) !important
}

.h1_superhighlight,
.h2_superhighlight {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    color: var(--offeneOrange);
    font-size: 2.188rem;
    padding-bottom: 3rem;
    line-height: 2.75rem;
    letter-spacing: .06rem;
}

.small {
    font-size: 0.625rem;
    line-height: 0.813rem;
    font-family: 'DM Sans', sans-serif;
    padding-bottom: .3rem;
}

.small .underline,
.article-content small,
.article-content small span {
    text-decoration: underline;
}

.small span {
    text-transform: uppercase;
    font-size: 0.625rem;
    font-family: 'DM Sans', sans-serif;
    color: #000;
    text-decoration: underline;
}

.container {
    max-width: 1200px !important
}

.container-xl {
    max-width: 1400px !important
}

.footer {
    min-height: 300px;
    background-color: var(--offeneOrange)
}

.footer p {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    color: var(--white);
    font-size: 1.25rem;
    padding-bottom: 3rem;
    line-height: 1.625rem;
}

.footer p a {
    color: var(--white);
    font-size: 1.25rem;
    padding-bottom: 1rem;
    line-height: 1.625rem;
}

.vorstellung-hl {
    display: none !important
}

/* CARDS on carousel */
.carousel {
    padding-top: 2rem
}

.carousel .card p {
    font-family: 'Radley', serif;
    font-weight: 400;
    font-size: .938rem;
    line-height: 1.188rem
}

.carousel .card,
.profiles .card {
    margin: 0 0.5em;
    box-shadow: none;
    border: 0px;
    background-color: var(--offeneOrange)
}

.carousel .card {
    margin: 0 0.5em;
    box-shadow: none;
    border: 0px;
    background-color: var(--offeneOrange)
}

.carousel .card p {
    color: var(--white);
    padding: 1rem 0;
}

.carousel .card p small {
    color: var(--white);
    font-family: 'DM Sans', sans-serif;
    font-size: .8rem;
    ;
    letter-spacing: 0.188rem;
}

.news-roll-sm {}

/* .news-roll-sm ul li                              {   border-bottom: 2px solid #D5D5D5; padding-bottom: 1rem ; margin-bottom: 1rem  }
.news-roll-sm ul li:last-child                      {   border-bottom: 0px      }
.list2                                              {   padding:0       }
.list2 li                                           {   vertical-align: top; display:inline-block; width:48%; background:#fcc; padding: 6px 10px  }*/

/* 
.news-item-sm                                       {   height: 230px   }
.news-item-lg h1                                    {   padding-bottom:1rem     }
.news-roll-sm a                                     {   font-family:'DM Sans', sans-serif; font-weight: 400; font-size: .625rem; letter-spacing: .188rem; text-rendering: optimizeLegibility; color: var(--offeneOrange)     }*/
.news-roll-sm a::before {
    /* svg-inline--fa */
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
    /* fa-w-14 */
    width: .875em;
    /* Icon */
    content: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4.5L0 9V0L9 4.5Z' fill='%23F34E2C'/%3E%3C/svg%3E");
    /* Margin */
    margin-right: .5rem
}

.news-item-lg a {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: .75rem;
    letter-spacing: .188rem;
    text-rendering: optimizeLegibility;
    color: var(--offeneOrange)
}

.news-item-lg a::before {
    /* svg-inline--fa */
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
    /* fa-w-14 */
    width: .875em;
    /* Icon */
    content: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4.5L0 9V0L9 4.5Z' fill='%23F34E2C'/%3E%3C/svg%3E");
    /* Margin */
    margin-right: .5rem
}

.news-roll-sm {
    margin-left: 17px;
}

.news-roll-sm div .article-description a {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: .75rem;
    letter-spacing: .188rem;
    text-rendering: optimizeLegibility;
    color: var(--black);
    padding: 11rem 2rem
}

.news-roll-sm div .article-description a:hover {
    color: var(--offeneOrange)
}

.news-roll-sm div .article-description a:before {
    /* svg-inline--fa */
    display: inline-block;
    float: left;
    font-size: inherit;
    height: 1rem;
    padding-top: 0.67rem;
    overflow: visible;
    vertical-align: -.125em;
    margin-left: -17px;
    /* fa-w-14 */
    width: .875em;
    /* Icon */
    content: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4.5L0 9V0L9 4.5Z' fill='%23F34E2C'/%3E%3C/svg%3E");
    /* Margin */
    margin-right: .5rem
}



.list-md {
    /* applyed in aktuelle_tagung.html */
}

.list-md ul li {
    list-style: none;
}

.list-md ul li a,
.list-md .allBrowsers .browser {
    padding: 0 !important;
    font-family: 'Radley', serif;
    font-weight: 400;
    font-size: 1.5625rem;
    text-rendering: optimizeLegibility;
    color: var(--black);
    letter-spacing: 0rem
}

.list-md .allBrowsers .browser a {
    font-family: 'Radley', serif;
    font-weight: 400;
    font-size: 1.5625rem;
    text-rendering: optimizeLegibility;
    color: var(--black);
    letter-spacing: 0rem
}

.list-md ul li a:hover,
.list-md .allBrowsers .browser a:hover {}

.list-md ul li a::before,
.list-md .allBrowsers .browser a::before {
    /* svg-inline--fa */
    display: inline-block;
    overflow: visible;
    vertical-align: .1rem;
    /* fa-w-14 */
    width: 1rem;
    /* Icon */
    content: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4.5L0 9V0L9 4.5Z' fill='%23F34E2C'/%3E%3C/svg%3E");
    /* Margin */
    margin-right: .2rem;
    margin-top: 1rem !important
}

/*Info Row Aktuelle Tagung / Disable Triangles in a-tag*/

.infos-aktuelle-tagung .list-md ul li a::before,
.infos-aktuelle-tagung .list-md .allBrowsers .browser a::before {
    display: none;
}

.photoProfiles {}

.simpleProfiles {
    margin-top: 3rem;
}

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

.photoProfiles.card {
    margin: 1rem auto;
    box-shadow: none;
    border: 0px;
    background-color: transparent;
    width: 97%
}

.photoProfiles.card .card-title {
    margin-bottom: 0
}

.photoProfiles .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: .5rem .6rem .6rem 6rem;
    border: .1rem solid var(--greyFour);
    border-top-left-radius: 5rem;
    border-top-right-radius: 5rem;
    border-bottom-left-radius: 5rem;
    border-bottom-right-radius: 5rem;
}

.photoProfiles img {
    width: 86px;
    position: absolute;
    top: -10px;
    left: 0
}

.photoProfiles h5 {
    font-size: 1.15rem;
    line-height: 1.463rem;
}


.simpleProfiles {
    background-color: rgba(110, 0, 110, 0);
    padding: 0;
    margin: 0;
}

.simpleProfiles.card {
    margin: 1rem auto;
    box-shadow: none;
    border: 0px;
    background-color: transparent;
    width: 97%
}

.simpleProfiles.card .card-title {
    margin-bottom: 0
}

.simpleProfiles .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: .5rem 0 .6rem 2rem;
    border: .1rem solid var(--greyFour);
    border-top-left-radius: 5rem;
    border-top-right-radius: 5rem;
    border-bottom-left-radius: 5rem;
    border-bottom-right-radius: 5rem;
}

.simpleProfiles h5 {
    font-size: 1.15rem;
    line-height: 1.463rem;
}




.verg-tag {
    padding: 1rem 0 .5rem 0;
}

.verg-tag h1 {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 2.188rem;
    line-height: 3rem;
    color: var(--black);
    padding-bottom: 1rem
}

.verg-tag h2 a {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 2.188rem;
    line-height: 2.875rem;
    color: var(--black)
}

.verg-tag p {
    line-height: 2.5rem;
    padding: 1rem 0
}

.article-category {}

.article-description {
    /*display: none;*/
}

.no-underline {
    border-bottom: none
}

.article-description a {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 0.725rem;
    line-height: .1rem;
    text-rendering: optimizeLegibility;
    color: var(--offeneOrange);
    letter-spacing: .2rem
}

.article-description p {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-family: 'Radley', serif;
    font-weight: 400;
}

.article-description a::before {
    /* svg-inline--fa */
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.1rem;
    /* fa-w-14 */
    width: .875em;
    /* Icon */
    content: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4.5L0 9V0L9 4.5Z' fill='%23F34E2C'/%3E%3C/svg%3E");
    /* Margin */
    margin-right: .4rem
}

.verg-tag a {
    font-family: 'Radley', serif;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: .1rem;
    text-rendering: optimizeLegibility;
    color: var(--offeneOrange)
}

.verg-tag a::before {
    /* svg-inline--fa */
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: .1rem;
    /* fa-w-14 */
    width: .875em;
    /* Icon */
    content: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4.5L0 9V0L9 4.5Z' fill='%23F34E2C'/%3E%3C/svg%3E");
    /* Margin */
    margin-right: .5rem
}

.verg-tag h2 {
    font-family: 'DM Sans', sans-serif;
    font-size: 2.188rem;
    line-height: 2.875rem;
    font-weight: 400
}

.verg-tag div h2 {
    font-family: 'DM Sans', sans-serif;
    font-size: 2.188rem;
    line-height: 2.875rem;
    font-weight: 400
}

.verg-tag h2 a::before {
    display: inline-block;
    content: none
}

.uberuns p {
    font-size: 1.125rem;
    font-family: 'Radley', serif;
    font-weight: 400;
}

.will h2 {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    color: black;
    font-size: 2.188rem;
    margin-bottom: 2rem;
}

.uberuns p {
    font-size: 1.125rem;
    line-height: 1.688rem;
    font-family: 'Radley', serif;
    font-weight: 400
}

.uberuns h2 {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    color: white;
    font-size: 2.188rem;
    line-height: 2.875rem;
    margin: 3rem 0 2rem 0;
}

.will h2 {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    color: black;
    font-size: 2.188rem;
    line-height: 2.875rem;
    margin: -6rem 0 2rem 0;
}

.will hr {
    margin: 3rem 0 0 0;
}

.uberuns {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    color: white;
    font-size: 4.688rem
}

.uberuns .display-3 {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    color: white;
    font-size: 4.688rem
}

.legends-sm {
    display: flex;
    align-items: flex-start;
    min-height: 1px;
    margin: 0 0 2.5rem 0;
    padding-left: 0;
    background-color: rgba(40, 50, 90, 0)
}

.legends-sm p,
.legends-sm h2 {
    flex: 1;
    font-family: 'Radley', serif;
    font-weight: 400;
    color: black;
    font-size: 1.5625rem;
    line-height: 1.8rem;
    padding: 0 .5rem;
}

.legends-sm::before {
    content: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4.5L0 9V0L9 4.5Z' fill='%23F34E2C'/%3E%3C/svg%3E");
    position: relative;
    top: .3rem
}

.past-legends {
    display: flex;
    align-items: flex-start;
    min-height: 1px;
    margin: 0 0 2.5rem 0;
    padding-left: 0;
    background-color: rgba(40, 50, 90, .1)
}

.past-legends p,
.past-legends h2 {
    flex: 1;
    font-family: 'Radley', serif;
    font-weight: 400;
    color: black;
    font-size: 1.5625rem;
    line-height: 1.8rem;
    padding: 0 .5rem;
    background-color: rgba(10, 10, 90, .1)
}

.legends-sm::before {
    content: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4.5L0 9V0L9 4.5Z' fill='%23F34E2C'/%3E%3C/svg%3E");
    position: relative;
    top: .3rem
}

.legends-lg {
    display: flex;
    align-items: flex-start;
    min-height: 1px;
    margin: 0 0 2.5rem 0;
    padding: 0;
    background-color: rgba(40, 50, 90, 0)
}

.legends-lg p {
    flex: 1;
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    color: black;
    font-size: 2.188rem;
    line-height: 2.875rem;
    padding: 0 .8rem
}

.legends-lg::before {
    content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4.5L0 9V0L9 4.5Z' fill='%23F34E2C'/%3E%3C/svg%3E");
    position: relative;
    height: 50px !important;
    top: .8rem
}

.pastMeeting h2 {
    font-size: 2.188rem;
    line-height: 3rem;
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
}

/*Carousel*/
.items {
    width: 100%;
    margin: 0px auto;
    margin-top: 10px
}

.slick-slide {
    margin: 10px
}

.off-Orange:before {
    background-color: var(--offeneOrange)
}

.off-White:before {}

.slick-slide img {
    width: 100%;
    border: 0px solid #fff
}

.carousel-inner {
    padding: 1em
}

a.carousel-control-prev,
a.carousel-control-next {
    background-color: var(--white);
    width: 4vh;
    height: 4vh;
    border: 1px solid var(--offeneOrange);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 -2.5rem;
    padding: .5rem 0 !important
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4.5L0 9V0L9 4.5Z' fill='%23F34E2C'/%3E%3C/svg%3E");
    transform: translate(1px, 0);
    display: inline-block;
    width: 15px;
    height: 15px
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4.5L0 9V0L9 4.5Z' fill='%23F34E2C'/%3E%3C/svg%3E");
    transform: rotate(180deg) translate(1px, 0);
    width: 15px;
    height: 15px;
    left: 15%
}

a.control-goup {
    background-color: var(--white);
    width: 14vh;
    height: 14vh;
    border: 1px solid var(--offeneOrange);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 -2.5rem;
    padding: .5rem 0 !important
}

.control-goup-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4.5L0 9V0L9 4.5Z' fill='%23F34E2C'/%3E%3C/svg%3E");
    transform: rotate(180deg) translate(1px, 0);
    width: 15px;
    height: 15px
}

.circle {
    width: 170px;
    height: 170px;
    line-height: 1.1rem;
    border-radius: 50%;
    font-size: 1rem;
    color: #fff;
    text-align: center;
    background: var(--offeneOrange)
}

.circle a {
    color: white;
    font-size: 1rem;
    line-height: 1rem !important;
    position: absolute;
    top: 39%;
    left: 12%;
}

.btn-circle {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    padding: 0;
    border-radius: 50%
}

.btn-circle i {
    position: relative;
    top: -1px
}

.btn-circle-sm {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 0.9rem
}

.btn-circle-lg {
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 1.1rem;
}

.btn-circle-xl {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 1.3rem
}

.btn-circle-xxl {
    width: 170px;
    height: 170px;
    line-height: 1.125rem;
    font-size: 1rem;
    padding: 3.95rem 2rem
}



/* PAGINATION REVIEW IN PROGRESS */
.pagination.pagination-circle .page-item.active .page-link {
    border-radius: 50%;
    height: 38px;
    width: 38px;
    border: 1px solid var(--offeneOrange) !important
}

.pagination .page-item .page-link:hover {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    border-radius: .125rem;
    background-color: #eee;
    height: 38px;
    width: 38px
}

.pagination.pg-blue .page-item.active .page-link:hover {
    background-color: var(--offeneOrange);
    height: 38px;
    width: 38px
}

.pagination .page-item.active .page-link {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    border-radius: .125rem;
    background-color: var(--offeneOrange);
    color: #fff;
    height: 38px;
    width: 38px
}

.pagination .page-item .page-link {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    outline: 0;
    border: 0;
    background-color: transparent;
    font-size: .9rem;
    color: #999;
    font-weight: bold;
    height: 38px;
    width: 38px
}

.pagination.pagination-circle .page-item .page-link:hover {
    border-radius: 50%;
    height: 38px;
    width: 38px
}

.pagination.pagination-circle .page-item .page-link {
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 50%;
    height: 20px;
    width: 20px
}

.pagination .page-item.active .page-link {
    /*box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);*/
    height: 20px;
    width: 20px
}

.page-link {
    border: none !important;
    height: 40px;
    width: 40px;
    padding: .3rem .3rem;
    line-height: 2;
    text-align: center
}

/*--------- Pager4 ---------*/
.Pager4 .pagination .page-item .page-link {
    color: var(--black);
    border: 1px solid var(--black) !important;
    height: 38px;
    width: 38px
}

.Pager4 .pagination.pagination-circle .page-item.active .page-link {
    color: white;
    height: 38px;
    width: 38px
}

.Pager4 .pagination.pagination-circle .page-item.active .page-link:hover {
    border: 1px solid var(--offeneOrange) !important;
    background-color: var(--offeneOrange);
    height: 38px;
    width: 38px
}

.Pager4 .pagination .page-item .page-link.prev,
.Pager4 .pagination .page-item .page-link.next {
    border: 0 !important;
    height: 38px;
    width: 38px;
    align-content: center
}

.Pager4 .pagination .page-item .page-link.prev:hover,
.Pager4 .pagination .page-item .page-link.next:hover {
    background-color: initial;
    height: 38px;
    width: 38px
}

.Pager4 .pagination .page-item .page-link:hover {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    border-radius: .1rem;
    background-color: #eee;
    height: 38px;
    width: 38px
}

.Pager4 .pagination.pagination-circle .page-item .page-link:hover {
    border-radius: 50%;
    height: 38px;
    width: 38px;
    padding: .3rem .3rem;
    line-height: 2;
    text-align: center
}

/* PAGINATION REVIEW IN PROGRESS */

/* iframe for YouTube */
.wp-block-embed__wrapper {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}

.wp-block-embed__wrapper iframe {
    width: 100%;
    height: 100%;
    position: absolute;
}

/* ============================================= */
/* START: Footer Styling (Final Version) */
/* ============================================= */

.footer-contact-social-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center; /* Zentriert "Kontakt" und den Icon-Block */
  gap: 10px;
}

.footer-contact-social-wrapper .nav-link {
    padding-left: 0;
    padding-right: 0;
    white-space: nowrap;
}

/* KORREKTUR HIER: Icon-Grid zentrieren */
.footer-social-grid {
  display: flex;
  flex-direction: column;
  align-items: center; /* Stellt sicher, dass die Icon-Reihen zentriert sind */
  gap: 8px;
}

.footer-social-row {
    display: flex;
    align-items: center;
    gap: 15px;
}

.footer-social-row a {
    line-height: 0; /* Verhindert zusätzlichen Leerraum */
    transition: opacity 0.2s ease-in-out;
}

.footer-social-row a:hover {
    opacity: 0.8;
}

/* Footer Navigation (Newsletter, Impressum etc.) */
.footer-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-nav li a {
  display: inline-block;
  margin-top: 1rem;
  padding-bottom: 0.5rem;
}

/* Mobile Darstellung (Smartphones) - Bleibt unverändert */
@media (max-width: 767.98px) {
  .footer-contact-social-wrapper {
    align-items: center;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  
  .footer-social-grid {
      align-items: center;
  }
  
  .footer-social-row {
      justify-content: center;
  }
  
  .col-12.text-md-right {
    text-align: center !important;
    margin-top: 30px;
  }
  
  .footer-nav li {
      margin-bottom: 10px;
  }
}

/* ============================================= */
/* END: Footer Styling */
/* ============================================= */
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/

/* Set width to make card deck cards 100% width 
@media (max-width: 950px) {

}*/