@font-face {
    font-family: BereitBold;
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: local("BereitBold"), local("BereitBold-Gruen"), url(../fonts/BereitBold-Oblique-c0cf923a96d80efdf8bb3cf4b07ab6ef.woff2) format("woff2"),
    url(../fonts/BereitBold-Oblique-c54523aeff1d53ab9acc33653047dd7d.woff) format("woff")
}

/*
@font-face {
    font-family: GrueneType;
    font-style: normal;
    font-weight: 600;
    font-display: fallback;
    src: local("GrueneType"),local("GrueneType"),url(../fonts/GrueneType-BlackCondensedItalic.woff) format("woff"),url(../fonts/GrueneType-BlackCondensedItalic.woff2) format("woff2")
}
*/
:root {
    --gruen: 70, 150, 43;
    --dunkelgruen: 20, 95, 50; /*10, 50, 30;*/
    --hellgruen: 173, 204, 64;
    --pink: 230, 0, 126;
    --gelb: 255, 238, 2;
    --dunkelgelb: 255, 213, 0;
    --blau: 76, 180, 231;
    --hellblau: 212, 237, 252;
    --pistazie: 160, 200, 100;
    /*--lachs: 255, 73, 93;*/
    --lachs: var(--pink);
    --moos: 20, 95, 50;

    --textfont: 'PT Sans', sans-serif;
    --headfont: 'BereitBold', serif;
    --headfont-bold: 'BereitBold', serif;
}

body {
    background: rgb(var(--gruen));
}

.homemodule.csd a {
    display: block;
    background: url('../images/csd.png') no-repeat;
    background-size: cover;
    padding: 2rem;
    font-family: BereitBold;
    color: #fff;
    font-size: 42px;
    border-radius: 50px;
    border: 10px solid #fff;
    transition: box-shadow 0.3s;
    text-align: center;
    line-height: 1.2em;
    margin-bottom: 2rem;
}

.homemodule.csd a:hover {
    box-shadow: 0px 0px 40px rgb(var(--lachs));
}

body.page-id-33919,
body.parent-pageid-33919 {
    background-image: url('../images/csd.png');
    background-repeat: no-repeat;
    background-size: cover;
}


body.page-id-33919 .wp-block-navigation.is-vertical {
    --navigation-layout-direction: row;
    --navigation-layout-justify: initial;
    --navigation-layout-align: flex-start;

}

body.page-id-33919 .wp-container-2 {
    display: flex;
    gap: 0em;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
}

body.page-id-33919 ul.wp-block-navigation__container {
    justify-content: center;
}

body.parent-pageid-33919 ul.wp-block-navigation__container {
    justify-content: center;
    gap: 4px;
    margin-top: 4rem;
}

body.page-id-33919 ul.wp-block-navigation__container li a {
    background: url('../images/csd.png') no-repeat;
    background-size: cover;
    padding: 2rem;
    font-family: BereitBold;
    color: #fff;
    font-size: 42px;
    border-radius: 80px;
    border: 10px solid #fff;
    transition: box-shadow 0.3s;
    text-align: center;
    line-height: 1em;
}

body.parent-pageid-33919 ul.wp-block-navigation__container li a {
    background: url('../images/csd.png') no-repeat;
    background-size: cover;
    padding: 1rem 1.5rem;
    font-family: BereitBold;
    color: #fff;
    font-size: 22px;
    border-radius: 80px;
    border: 5px solid #fff;
    transition: box-shadow 0.3s;
}

body.page-id-33919 ul.wp-block-navigation__container li a:hover,
body.parent-pageid-33919 ul.wp-block-navigation__container li a:hover {
    box-shadow: 0px 0px 40px rgb(var(--gruen));
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1em;
    line-height: 1.2em;
    text-transform: none;
    font-family: var(--headfont-bold);
    font-weight: normal;
}

h1 {
    margin-bottom: 1em;
    line-height: 1.1em;
    text-transform: none;
    font-family: var(--headfont-bold);
    color: rgb(var(--gruen));
    font-size: 2.5rem;
    font-weight: normal;
}

.entry-content h2 {
    font-family: var(--headfont-bold);
    font-weight: normal;
    margin-top: 2rem;
    color: rgb(var(--gruen));
    font-size: 1.8rem;
    line-height: 1.2em;
}

.header-mobile h2 {
    font-family: var(--headfont-bold);
    font-weight: normal;
    color: rgb(var(--gelb));
}

h3 {
    font-size: 1.4em;
    line-height: 1.3em;
    color: rgba(51, 51, 51, 1.00);
    margin: 1em 0 0 0;
    font-family: var(--headfont-bold);
    font-weight: normal;
}

i {
    font-style: normal;
}

p {
    padding: 0;
    margin: 0 0 1em 0;
}

p.has-medium-font-size {
    font-family: var(--textfont);
}

small {
    font-size: 0.5em;
}

a {
    transition: color 0.3s;
    transition: background 0.3s;
    color: rgb(var(--gruen));
    /* display: block; */
}

a:visited {
    color: rgb(var(--gruen));
}

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

.nav-sozial a {
    font-family: var(--headfont-bold);
    font-weight: normal;
    text-transform: none;
    font-size: 0rem !important;
}

.nav-sozial a:before {
    font-size: 1.8rem;
}

article.postlist h2 a {
    font-family: var(--headfont);
    font-weight: normal;
    color: rgb(var(--moos));
    transition: color 0.3s;
}

article.postlist h2 a:hover {
    color: rgb(var(--gruen));
}

.wp-block-button__link,
.wp-block-file a.wp-block-file__button {
    color: rgb(var(--dunkelgruen)) !important;
    background-color: rgb(var(--gelb));
    border: none;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2rem;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
    font-family: var(--headfont);
    transition: all 0.3s;
}

.wp-block-button__link:hover,
.wp-block-file a.wp-block-file__button:hover {
    background: rgb(var(--lachs));
    color: #fff !important;
}


.wp-block-separator {
    border-bottom: 0;
    border-color: rgb(var(--gruen));
    background: none;
}


.sidebar a, .sidebar a:visited {
    color: #46962b;
}

.morebutton,
.more-link {
    background: rgb(var(--gelb));
    padding: 0.5em 1em;
    color: rgb(var(--dunkelgruen));
    clear: both;
    font-family: var(--headfont-bold);
    font-size: 1.2rem !important;
    font-weight: normal;
    text-shadow: none;
    /*text-transform: uppercase;*/
    transition: all 0.3s;
    margin: 1em !important;
    display: inline-block;
}

.morebutton:hover,
.more-link:hover {
    background: rgb(var(--lachs));
    color: #fff;
}

.morebutton.post,
.more-link {
    padding: 0.3em 0.7em;
    font-family: var(--headfont);
    text-transform: none;
    margin: 0em !important;
}

article ul,
article ol {
    padding: 1em;
}

.whitetext {
    color: #fff !important;
}

.nav-wrap .logo-desktop {
    display: inline-block !important;
    z-index: 10000;
    padding: 0.8em 1em 0.5em 0 !important;
}

.logo-desktop a {
    height: 100%;
    display: flex;
    align-items: center;
}

.logo-desktop h2 {
    color: rgb(var(--gelb)) !important;
    font-family: var(--headfont-bold) !important;
    font-weight: normal;
    font-size: 1.8rem !important;
    margin: 0 !important;
    padding: 0 !important;
    text-wrap: nowrap;
    vertical-align: middle !important;
    display: inline-block;
}


.logolink {
    z-index: 10000;
    cursor: pointer;
    float: left;
    padding-top: 13px;
}

.logolink h2 {
    display: inline-block;
    color: rgb(var(--gelb)) !important;
    font-size: 1.8rem;
    font-family: var(--headfont-bold);
    font-weight: normal;
    text-transform: uppercase;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}

.logo-desktop img,
.logolink img {
    height: 60px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}


#hauptmenue ul > li > ul > li > ul,
ul#menu-hauptnavi > li > ul > li > ul,
ul#menu-hauptnavi-1 > li > ul > li > ul {
    display: none;
}

nav.nav-main > ul > li:not(.suche) > a {
    font-family: var(--headfont);
    text-transform: none;
    font-size: 1.8rem;
}

nav.nav-main > ul > li.current-menu-item > a {
    color: rgb(var(--gelb));
}

.nav-main li ul li a,
.nav-main li.current-menu-parent li a,
.nav-main li.current-menu-item li a,
.nav-main ul#menu-hauptnavi-2 li ul li a {
    color: rgb(var(--moos));
}

/*.nav-main ul#menu-hauptnavi-2 li.current-menu-item a, */
.nav-main ul#menu-hauptnavi-2 li.current-menu-parent a,
.nav-main ul#menu-hauptnavi-2 li.current-menu-ancestor a {
    color: rgb(var(--moos));
    border-bottom: 0px;
}

.nav-main ul#menu-hauptnavi-2 li.current-menu-ancestor:not(.cta) > a {
    color: rgb(var(--gelb));
    border-bottom: 2px solid rgb(var(--gelb));
}

.nav-main ul#menu-hauptnavi-2 li ul li.current-menu-item > a,
.nav-main ul#menu-hauptnavi-2 li ul li.current-menu-parent > a {
    background: rgb(var(--gelb));
    color: rgb(var(--moos));
    border-bottom: 0px;
}

.nav-main ul#menu-hauptnavi-1 li.cta a,
.nav-main ul#menu-hauptnavi-2 li.cta a {
    color: rgb(var(--moos));
    background: #fff;
    text-transform: none !important;
}

.nav-main ul#menu-hauptnavi-1 li.cta a:hover,
.nav-main ul#menu-hauptnavi-2 li.cta a:hover {
    background: rgb(var(--gelb));
}

.nav-main ul#menu-hauptnavi-1 li.cta > a,
.nav-main ul#menu-hauptnavi-2 li.cta > a {
    color: #fff;
    background: rgb(var(--lachs));
    padding: 0.2em 0.5em;
}

.nav-main ul#menu-hauptnavi-1 li.cta > a:hover,
.nav-main ul#menu-hauptnavi-2 li.cta > a:hover,
.nav-main ul#menu-hauptnavi-1 li.cta.current-menu-item > a,
.nav-main ul#menu-hauptnavi-2 li.cta.current-menu-item > a {
    background: rgb(var(--gelb));
    color: rgb(var(--moos));
    border: 0;
    text-transform: none !important;
}


.homemodule {
    max-width: 1240px;
    margin: 0 auto 0em auto;
    text-align: center;
}

.homemodule h1 {
    color: #fff;
    text-align: center;
    width: 50%;
    line-height: 1em;
    margin: 2em auto 1em auto;
}

.homemodule article {
    margin: 0;
    padding: 0;
}

.homemodule ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#insta.homemodule {
    max-width: 100%;
    background: #fff;
    margin-top: 4rem;
    padding: 2rem 4rem;
}

/*
#homeheader {
    height: auto;
    padding-bottom: 2em;
    padding-top: 180px;
    margin-top: -145px;
    background-image: url('../../lib/images/blume.png');
    background-size: cover;  
    background-position: center;  
    box-shadow: 0 20px 35px -20px rgba(0,0,0,0.4);
    border-radius: 10px;
}
*/

#homeheader {
    max-width: 100%;
    height: 100vh;
    box-sizing: border-box;
    padding-bottom: 2em;
    padding-top: 180px;
    margin-top: -220px;
    margin-bottom: 2em;
    background-image: url('../../lib/images/IMG_9433hd.jpg');
    /* background-image: url('../../lib/images/csd23_hero.jpg');*/
    /* background-image: url('../../lib/images/max-joseph-platz_n_andreas_gregor_gruene.webp'); */
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    box-shadow: 0px 170px 50px rgba(0, 55, 81, 0.4) inset,
    0 20px 35px -20px rgba(0, 0, 0, 0.4);
    border-radius: 0px;
    position: relative;
}

#homeheader h1 {
    width: auto;
    font-size: 5em;
    line-height: 1em;
    text-align: center;
    color: #fff;
    margin: 1.5em 1em 5em 1em;
    /*    text-shadow: 0px 0px 20px  rgba(0,0,0,0.2);*/
    text-shadow: 0px 0px 20px rgb(0 55 81);
}

#homeheader h1#ltw18 {
    font-size: 4em;
    margin: 0em 1em 6.3em 1em;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
}

#homeheader h2 {
    width: auto;
    font-size: 2em;
    line-height: 1em;
    text-align: center;
    color: #2e8012;
    margin: 0 2em 12em 2em;
}

#homeheader article {
    width: 100%;
    position: absolute;
    bottom: 15px;
    /*display: none;*/
    padding: 0;
}

#homeheader ul {
    display: flex;
    height: 100%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    bottom: 0px;
}

#homeheader ul li {
    width: 33%;
    background: rgba(255, 255, 255, 0.8);
    padding: 0.5em;
    text-align: left;
    margin: 0 1em 0 0;
    transition: background 0.2s;
    backdrop-filter: blur(19px);
}

#homeheader ul li:first-child {
    margin-left: 2em;
}

#homeheader ul li:nth-child(3) {
    margin-right: 2em !important;
}


#homeheader ul li:hover {
    background: rgba(255, 255, 255, 1);
}

#homeheader ul li:last-child {
    width: 33%;
    margin: 0;
}

#homeheader ul li strong {
    display: block;
    font-family: var(--headfont-bold);
    font-weight: normal;
    font-size: 1.6em;
    margin-bottom: 0.5em;
    color: rgb(var(--dunkelgruen));
}

#homeheader ul li a {
    color: #0a321e;
    display: block;
    height: 100%
}

/*
#aktionen ul {
    border-bottom: 1px solid #dadada;
    display: flex;
    padding: 0;
    margin: 0 0em 5em 0;
}

#aktionen li {
    background: #fff;
    width: 50%;
    float: left;
    margin: 0;
    text-align: left;
    padding: 0 0.5em 0 0;
}

#aktionen li:first-child {
    border-right: 1px solid #dadada;
}

#aktionen li img {
    height: 200px;
    width: auto;
    float: left;
    margin-right: 1em;
}

#aktionen li strong {
    display: block;
    margin: 1em 0 1em 0;
    font-family: var(--headfont-bold);
        font-size: 1.3em;
    margin-bottom: 0.5em;
    color: #0a321e;
}

#aktionen .morebutton {
    display: inline-block;
    clear: both;
    font-size: 0.8em !important;
    margin: 1em 0 1em 0em !important;
}
*/

#aktionen ul {
    border-bottom: 1px solid #dadada;
    padding: 0;
    margin: 0 0em 2em 0;
}

#aktionen li {
    background: #fff;
    margin: 0;
    text-align: left;
    padding: 0;
    text-align: center;
}

#aktionen li img {
    width: 100%;
}

#aktionen li strong {
    display: block;
    margin: 1em 0 1em 0em;
    font-family: var(--headfont-bold);
    font-weight: normal;
    text-transform: uppercase;
    line-height: 1em;
    font-size: 1.3em;
    margin: 0.5em;
    color: #0a321e;
}

#aktionen .morebutton {
    display: inline-block;
    clear: both;
    font-size: 0.9em !important;
    margin: 1em auto 1em auto !important;
}

.homemodule.ben {
    background: #fff;
    margin-bottom: 2em;
    padding: 1em;
    box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 10px;
    background-image: url('../images/ben.jpeg');
    background-size: cover;
    background-position: center -8px;
    background-repeat: no-repeat;
    text-align: left;
    color: white;
    background-color: rgba(0, 0, 0, 0.4); /* dark base */
    background-blend-mode: multiply;
}

.homemodule.ben a.morebutton.post {
    font-family: var(--headfont-bold);
    margin: 0 auto !important;
    background: #fff;
    color: rgb(var(--dunkelgruen));
    display: table;
}

.homemodule.ben a.morebutton.post:hover {
    background: rgb(var(--dunkelgruen));
    color: #fff;
}

.homemodule.ben h2.sectionheader {
    margin: 0 !important;
    padding: 0;
    color: white !important;
}

.homemodule.katrin {
    background: #fff;
    margin-bottom: 2em;
    padding: 1em;
    box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 10px;
}

.homemodule.katrin iframe {
    width: 90%;
}

.homemodule.katrin h4 {
    font-family: var(--headfont-bold);
    font-weight: normal;
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: 0.02em;
    line-height: 1.1em;
    padding-bottom: 0.1em;
    color: #46962b;
    display: block;
    text-align: center;
}

.homemodule.katrin b {
    font-family: var(--headfont);
    font-size: 16px;
    line-height: 1.3em;
    padding-bottom: 0.7em;
    display: block;
}

.homemodule.podcast {
    background: #fff;
    padding: 5px !important;
    margin-bottom: 2em;
}

.homemodule.podcast img {
    display: block;
}


#aktionen.radentscheid {
    background: #fff;
    margin-bottom: 2em;
    box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 10px;
}

#aktionen.radentscheid img {
    width: 80%;
    height: auto;
}


#btw17 {
    color: #fff;
    font-weight: bold;
    padding-bottom: 6em;
}

#btw17 ul {
    display: flex;
    padding: 0 2em;
}

#btw17 ul a {
    display: block;
    color: #fff;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0;
}

#btw17 ul a img {
    width: 100%;
    height: auto;
}

#btw17 ul li {
    width: 25%;
    margin: 0 2em 0 0;
    padding: 0px 0em 0em 0em;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    position: relative;
}

#btw17 ul li:last-child {
    margin: 0 0em 0 0;
}

#btw17 ul li em {
    width: 100%;
    font-style: normal;
    text-align: center;
    display: block;
    color: #fff;
    position: absolute;
    bottom: 10px;
    font-size: 16px;
}

#btw17 ul li strong {
    display: block;
    font-family: var(--headfont-bold);
    font-size: 20px;
    color: #fff;
    background: #e6007e;
    padding: 0.4em 0.4em 0.3em 0.4em;
    text-align: center;
    margin: 0 10%;
    text-transform: uppercase;
    line-height: 1em;
    transition: background 0.3s;
    position: absolute;
    bottom: 2em;
    word-wrap: break-word;
}

#btw17 ul li a:hover strong {
    background: #00b8ff;
}

section#content h2.sectionheader {
    font-size: 1.8em;
    line-height: 1em;
    color: #46962b;
    margin: 1.5em 1em 0 1em;
    font-family: var(--headfont-bold);
    /*text-transform: uppercase;*/
}

h1 span.subtitle,
h2 span.subtitle {
    font-family: var(--headfont-bold);
    font-weight: normal;
    /*text-transform: uppercase;*/
    font-size: 0.6em;
    letter-spacing: 0.05em;
    display: block;
    line-height: 1.2em;
    padding-bottom: 0.5em;
    color: #46962b
}

h3.widgettitle {
    font-size: 1.8em;
    line-height: 1em;
    color: #46962b;
    margin: 0em 1em 0 0em;
    font-family: var(--headfont-bold);
    font-weight: normal;
    /*text-transform: uppercase;*/
}

#aktuelles {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 10px;
    padding-top: 1rem;
}

#aktuelles article h2,
.article-header h2 {
    padding-bottom: 0.5em;
}

#termine {
    background: rgba(255, 255, 255, 0.8);
    box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 10px;
}

#termine h2.sectionheader {
    margin: 2em 1em 0 0.5em !important;
}

#sidebar_home #termine h2.sectionheader {
    margin: 0em 1em 0 0.5em !important;
}

ul.events-list {
    list-style-type: none;
    padding: 0;
    margin: 0em;
}

.home ul.events-list {
    margin: 1em;
}

ul.events-list li {
    border-bottom: 1px solid #46962b;
    padding: 1em 0
}

ul.events-list li:last-child {
    border-bottom: 0px;
    padding-bottom: 0;
}

ul.events-list li a.event-title {
    font-weight: bold;
    padding: 1em 0;
    cursor: pointer;
    color: #46962b;
}

ul.events-list li a.event-title:hover {
    text-decoration: none;
    color: #0a321e;
}

ul.events-list li strong {
    display: none;
}


#grnmuc {
    max-width: 100%;
    background-image: url('../../lib/images/grnmuc.jpg');
    background-size: cover;
    padding: 2em 0 4em 0;
    margin: 4em 0 0 0;
}

#grnmuc strong {
    display: block;
    width: 70%;
    margin: 0 auto;
    font-family: var(--textfont);
    font-size: 1.3em;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}

#grnmuc ul {
    display: flex;
    margin-top: 3em;
}

#grnmuc ul li {
    width: 25%;
    padding: 1em;
    color: #fff;
}

#grnmuc ul li strong {
    font-family: var(--headfont-bold);
    /*text-transform: uppercase;*/
    font-size: 1.6rem;
    font-weight: normal;
}

#grnmuc ul li em {
    font-weight: bold;
    font-style: normal;
    color: #fff;
}

#grnmuc ul li:first-child {
    background: rgba(2, 50, 9, 0.8);
}

#grnmuc ul li:nth-child(2) {
    background: rgba(0, 66, 8, 0.8);
}

#grnmuc ul li:nth-child(3) {
    background: rgba(0, 82, 12, 0.8);
}

#grnmuc ul li:nth-child(4) {
    background: rgba(0, 99, 14, 0.8);
}

#grnmuc ul li img {
    width: 40%;
    margin: 5px;
}


#grnmuc ul li:first-child img,
#grnmuc ul li:nth-child(2) img {
    width: 37%;
    border: 3px solid #fff;
    border-radius: 200px;
    margin: 5px 5px;
}

#grnmuc ul li:last-child img {
    width: 25%;
    border: 3px solid #fff;
    border-radius: 200px;
    margin: 5px 2px;
}


body.single #nav-desktop {
    background: rgba(0, 0, 0, 0.3);
    border-left: 15px solid rgba(0, 0, 0, 0.0);
    border-right: 15px solid rgba(0, 0, 0, 0.0);
}

body.single-event #nav-desktop {
    background: rgba(0, 0, 0, 0.0);
    border-left: 15px solid rgba(0, 0, 0, 0.0);
    border-right: 15px solid rgba(0, 0, 0, 0.0);
}

#themen {
    padding-bottom: 4em;
}

#themen ul li {
    display: inline-block;
    width: 500px;
    background: #fff;
    text-align: left;
    overflow: hidden;
    padding-right: 10px;
}

body.page-id-7 ul.bt li {
    display: inline-block;
    width: auto;
    background: #fff;
    text-align: left;
    overflow: hidden;
    padding-right: 10px;
}

#themen ul li img,
body.page-id-7 ul.bt li img {
    float: left;
    margin-right: 10px;
}

#themen ul li strong,
body.page-id-7 ul.bt li strong {
    display: inline-block;
    font-family: var(--headfont-bold);
    padding: 10px 0 0 0;
}

#ovs {
    margin-top: 70px;
    max-width: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.21);
    padding: 1em 0 3em 0;
    vertical-align: top;
    box-sizing: border-box;
}

#ovs p {
    font-weight: normal;
    color: #fff;
    text-align: center;
    margin: 0 0 1em 0;
}

#ovs .wp-block-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    list-style: none;
    padding: 0 1em; /* inner padding so items don’t hug screen edges */
    margin: 0 auto; /* center the grid content if you later constrain width */
    max-width: 1200px; /* optional: cap inner content if you want */
}

#ovs .wp-block-list li {
    background-color: #f0fdf4;
    border: 1px solid #a7f3d0;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    transition: background-color 0.2s ease;
    text-align: center;
}

#ovs .wp-block-list li:hover {
    background-color: #bbf7d0;
}

#ovs .wp-block-list a {
    display: block;
    text-decoration: none;
    color: #065f46;
    font-weight: 600;
    padding: 0.25em 0;
}


#greta {
    max-width: 100%;
    /*background: rgba(255,255,255,0.4);*/
    padding: 1em 0 3em 0;
}

#greta img {
    height: 300px;
    width: auto;
    margin: 0 1em;

}


#mitmachen {
    max-width: 100%;
    padding: 4em 0 4em 0;
    background: #e6007e;

    margin-bottom: -64px;
    font-family: var(--textfont);
    font-size: 1.3em;
    font-weight: bold;
    color: #fff;
}

#mitmachen h1 {
    margin-top: 0em;
}


footer .inner {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}

body:not(.home) ul#menu-sozial {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

body:not(.home) ul#menu-sozial li,
body:not(.home) ul#menu-sozial li a {
    font-size: 1.1rem;
    transition: all 0.3s;
}

body.page-template-page-OV ul#menu-sozial {
    display: none;
}


#kontakt {
    max-width: 100%;
    background: #0a321e;
    padding: 1em;
}

#kontakt h4 {
    font-family: var(--headfont-bold);
    font-weight: normal;
    text-align: center;
    padding-top: 2em;
    font-size: 1.3rem;
}

#kontakt p {
    text-align: left;
    display: inline-block;
    padding: 1em;
    vertical-align: top;
}

#kontakt ul {
    width: 100%;
    padding: 2em 0 0 0;
    margin: 0 auto;
    font-size: 0;
}

#kontakt ul li {
    display: inline-block;
    padding: 0;
    margin: 0;
}

#kontakt ul li a {
    font-size: 16px;
    display: block;
    padding: 1em 2em;
    margin: 0 1px 1px 0;
    background: rgba(255, 255, 255, 0.1);
}

#kontakt ul li a:hover {
    color: #0a321e;
    background: rgba(255, 255, 255, 1)
}


ul.themenmuc {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

ul.themenmuc li {
    width: 47%;
    margin: 0 10px 10px 0;
}

ul.themenmuc li a {
    display: block;
    height: 100%;
    color: rgba(51, 51, 51, 1.00);
    border-radius: 3px;
    border: 1px solid rgba(70, 150, 43, 1.00);
    padding: 10px;
    box-sizing: border-box;
}

ul.themenmuc li a:hover {
    background: rgba(70, 150, 43, 0.3);
}

ul.themenmuc li a strong {
    display: block;
    font-family: var(--headfont-bold);
    font-weight: normal;
    color: #46962b;
    font-size: 1.5em;
    line-height: 1em;
    padding-bottom: 1em;
}

ul.themenmuc li a em {
    display: block;
    font-variant: normal;
    font-style: normal;
    color: #46962b;
    padding-top: 1em;
}

div.ovv,
div.bas {
    background: #fff;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    padding-top: 0.1em;
}

span.thedate {
    margin-left: 10px;
}


/* Vorstand */

.page-id-10 article#post-10 ul,
.page-id-4423 article ul {
    list-style-type: none;
    text-align: center;
    margin-top: 4em;
}

.page-id-10 article#post-10 ul li,
.page-id-4423 article ul li {
    width: 30%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
}

.page-id-10 article#post-10 ul li h2,
.page-id-4423 article ul li h2 {
    width: auto;
    text-align: center;
}

.page-id-10 article#post-10 ul li img,
.page-id-4423 article ul li img {
    width: 200px;
    border-radius: 100px;
    border: 4px solid #46962b

}

.entry-date.date a {
    font-family: var(--headfont);
    font-size: 1.3em;
    color: rgba(51, 51, 51, 1.00) !important;
    padding-bottom: 1em;
    display: inline-block;
}


#eventseries {
    column-count: 4;
    padding-bottom: 2em;
}

#eventseries .entry-date.date a {
    font-family: 'pt sans', sans-serif;
    font-size: 1em;
    line-height: 1.3em;
    padding: 0;
    display: block;
}

#eventseries h2 {
    font-size: 1.3em;
}

a.post-edit-link {
    display: none;
}

body.event-template-default h1 {
    padding-top: 1em;
}

div.events-maker-ical {
    display: none;
}

.threecol .entry-date.date {
    font-weight: bold;
}

.threecol .event-title {
    font-family: var(--headfont-bold);
    font-size: 1em;
    font-weight: normal !important;
    padding: 0 0 1em 0 !important;
    display: inline-block;
}

.threecol .events-list img {
    width: 100%;
    margin-bottom: 1em;
}

.threecol ul.events-list li a.event-title {
    font-family: 'pt sans', sans-serif;
    font-weight: bold !important;
    line-height: 1.3em;
}

body:not(.page-template-page-OV) .threecol .events-list img {
    display: none;
}

.threecol ul.events-list li a.event-title:hover {
    color: rgb(var(--lachs));
}

#terminelink {
    padding: 0.5em 0 0.5em 1em;
    display: block;
    color: rgb(var(--moos));
    font-family: var(--headfont);
    font-size: 1.3rem;
    background: rgb(var(--gelb));
}

#terminelink:hover {
    background: rgb(var(--lachs));
    color: #fff;
}

li#events_maker_list_widget-2 {
    margin-bottom: 0;
}


li#terminelinkli {
    margin-bottom: 2em;
}

li.widget {
    background: rgba(255, 255, 255, 0.8);
    border-bottom: 0;
}


/* =========== Stadtversammlung =============== */

article.hcalendar {
    padding: 0;
    margin: 0;
}

article.hcalendar .entry-meta .event-category,
article.hcalendar .entry-meta .event-organizer {
    display: none;
}


/* =========== Ortsverbaende =============== */

.page-id-16 h1 {
    color: #fff;
}

.page-id-16 article h2 {
    border-top: 2px solid #46962b;
    padding: 1em 0;
    margin: 3em 0 0 0;
}

.page-id-16 article p:first-child {
    font-family: var(--headfont);
    font-size: 1.1em;
    margin-bottom: 5em;
}


/* OV-Finder */

#ovfinder {
    background: #fff;

}

#map_box1h {
    width: 500px;
    height: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

#map_box1 {
    width: 500px;
    height: 400px;
    border: 1px solid black;
}


/* =========== Terminuebersicht =========== */

article#post-1790 {
    background: none;
    box-shadow: none;
    padding: 0;
}

article#post-1790 h1 {
    color: #fff;
    margin: 0;
    padding: 0;
}

.teasertext {
    font-size: 1.3rem;
    max-width: 60ch;
    padding: 1rem 0;
}

article#post-1790 #ovseldiv {

    padding: 0.5em 0.5em 0.5em 1rem;
    background: rgba(255, 255, 255, 0.8);
    display: inline-block;
    border-radius: 100px;
}

article#post-1790 #ovseldiv select {
    color: rgb(var(--moos));
    background: none;
    border: 1px solid rgb(var(--moos));
    font-family: 'PT Sans', sans-serif;
    margin: 0 0 0 0.5rem;
    border-radius: 100px;
    padding: 0.5rem;
}

article#post-1790 #ovseldiv button {
    color: rgb(var(--moos));
    background: none;
    border: 1px solid rgb(var(--moos));
    font-family: 'PT Sans', sans-serif;
    font-size: 1rem;
    margin: 0 0 0 0.5rem;
    border-radius: 100px;
    padding: 0.5rem 1rem;
    transition: all 0.3s;
}

article#post-1790 #ovseldiv button:hover {
    color: rgb(var(--pink));
    border: 1px solid rgb(var(--pink));
}

body.top-events article#post-1790 #ovseldiv button {
    color: #fff;
    background: rgb(var(--pink));
    border: 1px solid rgb(var(--pink));
}

div#terminuebersicht,
div.monthdiv {
    display: flex;
    flex-wrap: wrap;
}

div.monthdiv {
    width: 100%;
}

body.top-events div.monthdiv:not(:has(> article.top-event)) > h2 {
    display: none;
}

body.top-events article.terminuebersicht:not(.top-event) {
    display: none;
}

article.terminuebersicht {
    width: 32%;
    padding: 0;
    margin: 0 1% 12px 0;
    box-sizing: border-box;
}

article.terminuebersicht a.terminlink {
    display: block;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 10px;
    padding: 1em;
    margin: 0px;
    box-sizing: border-box;
}

article.terminuebersicht a.terminlink:hover {
    background: rgba(255, 255, 255, 1);
}

article.terminuebersicht.top-event a.terminlink {
    border: 0.5em solid rgb(var(--pink));
}

article.terminuebersicht.top-event a.terminlink::before {
    content: "Top-Event";
    background: rgb(var(--pink));
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0em 1em 0.2em 0.5em;
    margin-top: -1em;
    margin-left: -1em;
    margin-bottom: 1em;
    display: flex;
    max-width: fit-content;
}

article.terminuebersicht a span.content {
    color: rgba(51, 51, 51, 1.00);
}

article.terminuebersicht .more-link {
    display: none;
}

article.terminuebersicht h3 {
    margin-top: 0;
}

article.terminuebersicht h3 span.datetime {
    font-size: 1em;
    color: rgb(var(--dunkelgruen))
}

article.terminuebersicht div.organizers {
    font-weight: bold;
    color: rgba(51, 51, 51, 1.00);
    padding-bottom: 1em;
}

article.terminuebersicht h2 {
    font-family: var(--headfont-bold);
    font-weight: normal;
    font-size: 1.5em;
    margin-bottom: 0;
    padding: 0.2em 0;
    line-height: 1.1em;
}

h2.date {
    width: 100%;
    color: #fff;
    font-family: var(--headfont-bold);
    font-weight: normal;
    /*text-transform: uppercase;*/
    padding: 2em 0 0.5rem 0;
    position: sticky;
    top: 85px;
    background: rgb(var(--gruen));
}

h2.date.top-event {
    color: rgb(var(--pink)) !important;
}

div.location {
    color: rgba(51, 51, 51, 1.00);
    border-top: 1px solid green;
    margin: 1em 0 0 0;
}


article.postsingle.event img.wp-post-image {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 0 2em 0;
}

article.postsingle.event h1.entry-title {
    padding: 0;
}


#toptermine ul.events-list {
    display: flex;
    margin: 40px 0;
}

#toptermine ul.events-list li {
    width: 33%;
    margin: 0 10px;
    text-align: left;
    color: #000;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#toptermine ul.events-list li span,
#toptermine ul.events-list li a {
    font-family: var(--headfont-bold);
    font-weight: normal;
    color: #ffff;
}

#toptermine ul.events-list li a {
    color: rgb(var(--gelb));
}

#toptermine ul.events-list li strong {
    display: none;
}

#toptermine ul.events-list li p {
    font-family: 'PT Sans', sans-serif;
    margin: 10px 0 0 0;
}

#toptermine ul.events-list li a.event-detail-link {
    display: inline-block;
    font-family: 'PT Sans', sans-serif;
    margin: 10px 0 0 0;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 100px;
    padding: 0.2em 0.7em;
    color: #fff;
}

#toptermine ul.events-list li a.event-detail-link:hover {
    background: rgba(255, 255, 255, 1);
    color: #e6007e;
}


div.nf-field-element ul li {
    overflow: hidden;
}

div.nf-field-element input[type=checkbox] {
    width: 20px !important;
    padding: 0 !important;
    margin: 0 !important
}

div.nf-field-label {
    display: block !important;
    float: none;
    width: auto !important;
    padding: 0 1em 0 0 !important;
    /*white-space: nowrap !important;*/
}

div.nf-field-element input[type=button] {
    background: green !important;
    border: 0 !important;
    color: #fff;
    font-family: var(--headfont-bold);
    font-weight: normal;
    text-transform: uppercase;
    transition: all 0.3s;
}

div.nf-field-element input[type=button]:hover {
    background: rgb(var(--gelb)) !important;
    border: 0;
    color: green;
}


#homeheader #spendenbutton {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 1.8rem;
    display: block;
    width: 130px;
    height: 130px;
    padding-top: 10px;
    text-align: center;
    line-height: 1em;
    border-radius: 65px;
    font-family: var(--headfont-bold);
    font-weight: normal;
    text-transform: none;
    color: #fff;
    background: rgb(var(--lachs));
    position: absolute;
    z-index: 10;
    right: 50%;
    margin: 0px -65px 0px 0;
    cursor: pointer;
    transform: rotate(-10deg);
    transition: all 0.2s;
    text-shadow: none;
}

#homeheader #spendenbutton:hover {
    background: rgb(var(--gelb));
    color: rgb(var(--lachs));
    transform: rotate(-0deg);
}

#ltw18modul {
    background: rgb(var(--lachs));
    margin-top: -4em;
    margin-bottom: 3em;
    overflow: hidden;
}

#ltw18modul h2 {
    padding-top: 2em;
    padding-bottom: 2em;
    text-align: center;
    color: #fff !important;
}

#ltw18modul a {
    background: #fff;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 30%;
    height: 3em;
    display: inline-block;
    font-family: var(--headfont-bold);
    text-transform: uppercase;
    font-size: 2em;
    line-height: 1em;
    padding: 1em;
}


.page-id-3122 #main {
    text-align: center;
}

.page-id-3122 #main h1 {
    text-align: center;
    color: #fff;
}


article.post-3122 {
    text-align: left;
}

img#map {
    max-width: 100%;
    margin: 0 auto 50px auto !important;
    display: inline-block;
}


.ltw .morebutton {
    margin: 0 !important;
    font-size: 0.8em !important;
}

#ltwtxt {
    text-align: center;
    color: #fff;
    font-size: 1.5em;
    margin-bottom: 4em;
}


/* =========== OV-Websites =============== */


body.page-template-page-OV div#nav-flyin.nav-wrap,
body.page-template-page-OVsubpages div#nav-flyin.nav-wrap {
    display: none !important;
}


body.page-template-page-OV header#header,
body.page-template-page-OVsubpages header#header {
    padding: 0px;
    margin: 0px;
}

body.page-template-page-OV div.search-desktop,
body.page-template-page-OVsubpages div.search-desktop {
    padding: 2em 0;
    margin: -11.0em 0 2em 0;
}

body.page-template-page-OV div#nav-desktop,
body.page-template-page-OVsubpages div#nav-desktop {
    background: #0a321e;
    max-width: 100%;
    margin: 0;
    z-index: 30;
}

body.page-template-page-OV div#nav-desktop nav#hauptmenue,
body.page-template-page-OVsubpages div#nav-desktop nav#hauptmenue {
    max-width: 1140px;
    margin: 0 auto;
}

body.page-template-page-OV div#nav-desktop nav#hauptmenue .logolink,
body.page-template-page-OVsubpages div#nav-desktop nav#hauptmenue .logolink {
    padding: 10px 0 0 0;
}

body.page-template-page-OV div#nav-desktop nav#hauptmenue .logolink img,
body.page-template-page-OVsubpages div#nav-desktop nav#hauptmenue .logolink img {
    height: 30px;
}

body.page-template-page-OV div#nav-desktop nav#hauptmenue h2,
body.page-template-page-OVsubpages div#nav-desktop nav#hauptmenue h2 {
    font-size: 0.9em;
    margin: 0;
}

body.page-template-page-OV div#nav-desktop nav#hauptmenue > ul > li.suche,
body.page-template-page-OVsubpages div#nav-desktop nav#hauptmenue > ul > li.suche {
    display: none;
}

body.page-template-page-OV div#nav-desktop nav#hauptmenue > ul > li,
body.page-template-page-OVsubpages div#nav-desktop nav#hauptmenue > ul > li {
    font-family: var(--headfont);
    font-size: 0.7em;
    letter-spacing: 0.05em;
}

body.page-template-page-OV div#nav-desktop nav#hauptmenue > ul > li > ul > li,
body.page-template-page-OVsubpages div#nav-desktop nav#hauptmenue > ul > li > ul > li {
    font-size: 1.2em;
    letter-spacing: 0em;
}

body.page-template-page-OV .header-mobile,
body.page-template-page-OVsubpages .header-mobile {
    z-index: 11;
}

#ovterminelink {
    display: block;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 1rem;
    font-weight: bold;
    font-size: 1.2rem;
    margin: 1rem 1rem 0rem 1rem;
}

@media only screen and (min-width: 770px) {
    #ovterminelink {
        display: none;
    }
}


div.ov_header {
    background: rgb(70 150 43 / 0.8);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    position: relative;
    z-index: 10;
}

div.ov_header div {
    background: rgb(70 150 43 / 1);

}

div.ov_header h1 {
    max-width: 1140px;
    margin: 0 auto;
    color: #fff;
    padding: 40px 0 40px 0;
}

div.ov_header h2 {
    max-width: 1140px;
    margin: 0 auto;
    color: #fff;
    padding: 20px 0 20px 0;
    text-transform: uppercase;
    font-family: var(--headfont-bold);
    font-weight: normal;
}

div.ov_header ul.ovnavi {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0;
}

div.ov_header ul.ovnavi > li:first-child > a {
    display: none;
}

div.ov_header ul.children {
    margin: 0;
    padding: 0;
    display: inline-block;
}

div.ov_header ul.children > li:first-child a {
    padding-left: 0;
}

div.ov_header ul.ovnavi > li > ul.children > li > ul.children {
    display: none;
    position: absolute;
    background: #fff;
    border: 4px solid rgb(var(--gelb));
}

div.ov_header ul.ovnavi > li > ul.children > li:hover > ul.children {
    display: block;
}

div.ov_header ul.ovnavi > li > ul.children > li > ul.children > li {
    display: block;
}

div.ov_header ul.ovnavi > li > ul.children > li > ul.children > li > a {
    font-family: 'PT Sans';
    font-weight: bold;
    text-transform: none;
    display: block;
    font-size: 1em;
    color: rgb(70 150 43 / 1);
    padding: 0.5em 1em;
}

div.ov_header ul.ovnavi > li > ul.children > li > ul.children > li > a:hover {
    background: rgb(var(--gelb));

}

div.ov_header ul.ovnavi > li > ul.children > li > ul.children > li > ul {
    display: none;
}


div.ov_header ul.ovnavi li {
    list-style-type: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #fff;
}

div.ov_header ul.ovnavi li a {
    display: block;
    margin: 0;
    padding: 0.5em 1em;
    color: #fff;
    font-family: var(--headfont-bold);
    font-weight: normal;
    text-transform: uppercase;
    font-size: 20px;
}


body.page-template-page-OVsubpages img.attachment-titelbild.wp-post-image {
    width: 100%;
    height: auto;
    margin-top: 0;
}

body.page-template-page-OVsubpages .introbg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    height: 125px !important;
    min-height: 125px !important;
    background-size: cover;
    overflow: hidden;
}

body.page-template-page-OVsubpages #single-intro {
    background: transparent !important;
    height: 12px !important;
    margin: 0;
    min-height: 2em !important;
}

div#sidebar_ovkontakt {
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    background: #fff;
    margin: 0 0 40px 0;
    padding: 1.5em;
    width: auto;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 20%);
    word-break: break-word;
}

div#sidebar_ovkontakt h4 {
    margin: 0 0 0px 0;
    padding: 0em;
    text-align: left;
}

div#sidebar_ovkontakt article.custom {
    width: auto;
    text-align: left;
    margin: 20px 0 0 0;
    padding: 0;
}


/* Personenlisten */

div.ovv,
div.bas,
section.personenliste {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    padding-bottom: 20px;
}

section.personenliste {
    border-top: 4px solid #46962b;
    border-bottom: 4px solid #46962b;
    margin-top: 60px;
}

section.personenliste + section.personenliste {
    margin-top: 0px;
    border-top: 0px;
}

section.personenliste span.abteilungsinfos {
    width: 100%;
    display: block;
    padding: 20px 0px;
}

div.ovv h2,
div.bas h2,
section.personenliste span.abteilungsinfos h3 {
    font-family: var(--headfont-bold);
    font-weight: normal;
    text-transform: uppercase;
    display: block;
    width: 100%;
    padding: 0px;
}

section.personenliste span.abteilungsinfos h4 {
    font-family: var(--headfont);
    text-transform: uppercase;
    display: block;
    width: 100%;
    padding: 0px;
}

article.custom {
    width: 25%;
    text-align: center;
    margin: 20px 0 0 0;
    padding: 0;
}

article.custom a.postimglist {
    margin: 0 auto;
    border: 4px solid #46962b;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: block;
    overflow: hidden;
    text-align: center;
}

article.custom a.postimglist:hover {
    border: 4px solid #e6007e;
}

article.custom h4 {
    font-size: 1em;
    line-height: 1em;
    text-align: center;
    padding-top: 10px;
}

article.custom img.wp-post-image {
    margin: 0 auto;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    float: none;
}


/* Person List */

article.type-person img {
    width: auto !important;
    height: auto !important;
}

.personen-list p.contact a {
    display: inline-block;
    background: #46962b;
    width: 31px;
    height: 31px;
    box-sizing: border-box;
    padding: 4px 0em 0em 0;
    border-radius: 50%;
    color: #fff !important;
}

.personen-list p.contact a.www,
.socialprofile a.www {
    background: #46962b;
}

.personen-list p.contact a.facebook,
.socialprofile a.facebook {
    background: #4267B2;
}

.personen-list p.contact a.twitter,
.socialprofile a.twitter {
    background: #1DA1F2;
}

.personen-list p.contact a.instagram,
.socialprofile a.instagram {
    background: #9C2CB0;
}

.personen-list p.contact a:hover,
.socialprofile a:hover {
    background: #e6007e;
    color: #fff;
}


/* Person Single */

body.single-person article header h1 {
    margin: 0;
    padding: 0 0 0.3em 0;
}

body.single-person article header h2 {
    margin: -0.3em 0 0 0;
    padding: 0 0 0.3em 0;
    font-size: 1.4em;
    line-height: 1.1em;
    color: #46962b;
}

body.single-person article div.address {

    padding: 1em 0 1em 0;
    margin: 1em 0 0em 0;
    display: inline-block;
}

body.single-person article div.address p {
    padding: 0;
    margin: 0 0 0.2em 0;
}

body.single-person article div.socialprofile {
    padding: 0;
    margin: 0 0 1.5em 0;
}

body.single-person article div.postimg {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 250px;
    height: 250px;
    margin: 1em 2em 2em 0;
    padding: 0;
    background: #46962b;
    border: 5px solid #efebeb;
    overflow: hidden;
    border-radius: 1000px;
    float: left;
}

body.single-person article div.postimg img.attachment-thumbnail.size-thumbnail.wp-post-image {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    margin: 0;
    padding: 0;
}

body.single-person article section.entry-content {
    clear: both;
}

.socialprofile a {
    display: inline-block;
    width: 35px;
    height: 35px;
    box-sizing: border-box;
    padding: 4px 0em 0em 0;
    border-radius: 50%;
    color: #fff !important;
}

body.single-person .abteilung-geschaeftsstelle p.intro {
    display: none;
}


/* ===========  =============== */


table.tablepress {
    overflow: scroll;
}

.page-id-7147 table.tablepress img {
    max-width: 236px;
}

div.spendenbalken {
    height: 50px;
    line-height: 50px;
    background: #e6007e;
    font-family: var(--headfont-bold);
    font-weight: normal;
    color: #fff;
    margin-bottom: 1em;
}

div.spendenbalken div.fortschritt {
    box-sizing: border-box;
    height: 50px;
    background: #46962b;
    float: left;
    margin-right: 10px;
    padding-left: 10px;
}


#main form label {
    color: #333;
}


div.listradio-wrap .nf-field-element ul li {
    display: inline-block;
    padding-right: 20px !important;
}


/* ===========  404 =============== */


body.error404 {
    background-position: center -140px;
    display: flex;
    min-height: 100vh !important;
    flex-direction: column;
}

body.error404 section#content {
    min-height: 50vh !important;
}

body.error404 section.entry-content {
    font-size: 1.3em;
    font-family: var(--headfont);
}

body.error404 #main section.suche input.seachphrase {
    width: 70%;
    font-family: var(--headfont);
    border: 0;
}

body.error404 #main a.morebutton {
    margin-left: 0 !important;
}

body.error404 footer {
    margin-top: auto !important;
}


input.cr_ipe_checkbox {
    display: inline-block !important;
    width: auto !important;
    margin-right: 20px !important;
}


/* Crowdfunding ===========================================*/


body.page-id-22370 div.spendenitem {
    box-sizing: border-box;
    padding: 30px;
    width: 48%;
    background: rgba(var(--hellgruen), 0.8);
    margin-bottom: 40px;
    float: left;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 20%);
    transition: background 0.4s;
}

body.page-id-22370 div.spendenitem:nth-child(even) {
    margin-right: 4%;
}

body.page-id-22370 div.spendenitem:nth-child(3) {
    background: rgba(43, 207, 124, 0.8);
}

body.page-id-22370 div.spendenitem:nth-child(4) {
    background: rgba(var(--blau), 0.8);
}

body.page-id-22370 div.spendenitem:nth-child(5) {
    background: rgba(var(--lachs), 0.8);
}

body.page-id-22370 div.spendenitem:nth-child(6) {
    background: rgba(var(--dunkelgelb), 0.8);
}

body.page-id-22370 div.spendenitem:hover {
    background: rgba(var(--hellgruen), 1);
}

body.page-id-22370 div.spendenitem:nth-child(3):hover {
    background: rgba(43, 207, 124, 1);
}

body.page-id-22370 div.spendenitem:nth-child(4):hover {
    background: rgba(var(--blau), 1);
}

body.page-id-22370 div.spendenitem:nth-child(5):hover {
    background: rgba(var(--lachs), 1);
}

body.page-id-22370 div.spendenitem:nth-child(6):hover {
    background: rgba(var(--dunkelgelb), 1);
}

body.page-id-22370 div.spendenitem h2 {
    font-family: var(--headfont-bold);
    font-weight: normal;
    color: #fff;
    font-size: 2em;
    margin-top: 20px;
}

body.page-id-22370 div.spendenitem img {
    height: 200px;
    width: auto;
}

body.page-id-22370 div.spendenbalken {
    border-radius: 1000px 1000px 1000px 1000px;
    background: repeating-linear-gradient(-45deg, rgb(var(--lachs)), rgb(var(--lachs)) 10px, #CF2B79 10px, #CF2B79 20px);
    border: 3px solid rgba(0, 0, 0, 0.3);
}

body.page-id-22370 div.fortschritt {
    border-radius: 1000px !important;
    min-width: 50px !important;
    background: linear-gradient(to bottom, #91b501 0%, #46962b 100%);
}

body.page-id-22370 div.spendenitem a {
    display: inline-block;
    background: #fff;
    border-radius: 1000px;
    padding: 0.8em 1em;
    margin-top: 20px;
    font-family: var(--headfont);
    transition: all 0.3s;
    color: rgb(var(--lachs));
}

body.page-id-22370 div.spendenitem a:hover {
    background: rgb(var(--lachs));
    color: #fff;
}


/* CROWDFUNDING */


body.page-id-22914 section#content h1:before,
body.page-id-22918 section#content h1:before,
body.page-id-22935 section#content h1:before,
body.page-id-22937 section#content h1:before,
body.page-id-22939 section#content h1:before,
body.page-id-22941 section#content h1:before {
    content: '';
    display: block;
    width: 300px;
    height: 300px;
    background: rgba(var(--hellgruen), 1) url('/wp-content/themes/grnmuc/lib/images/buero/tisch.svg') center no-repeat;
    background-size: 40% !important;
    float: left;
    margin: 0 60px 40px 40px;
    border-radius: 1000px;
}

body.page-id-22918 section#content h1:before {
    background: rgba(43, 207, 124, 1) url('/wp-content/themes/grnmuc/lib/images/buero/stuhl.svg') center no-repeat;
}

body.page-id-22935 section#content h1:before {
    background: rgba(var(--blau), 1) url('/wp-content/themes/grnmuc/lib/images/buero/schrank.svg') center no-repeat;
}

body.page-id-22937 section#content h1:before {
    background: rgba(var(--lachs), 1) url('/wp-content/themes/grnmuc/lib/images/buero/kaffee.svg') center no-repeat;
}

body.page-id-22939 section#content h1:before {
    background: rgba(var(--dunkelgelb), 1) url('/wp-content/themes/grnmuc/lib/images/buero/spezi.svg') center no-repeat;
}

body.page-id-22941 section#content h1:before {
    background: rgba(var(--hellgruen), 1) url('/wp-content/themes/grnmuc/lib/images/buero/weiteres.svg') center no-repeat;
}


body.page-id-22914 section#content iframe,
body.page-id-22918 section#content iframe,
body.page-id-22935 section#content iframe,
body.page-id-22937 section#content iframe,
body.page-id-22939 section#content iframe,
body.page-id-22941 section#content iframe {
    margin: 60px 0px 0px 0;
}


/* WEIHNACHTSGELD */


body.page-id-31055 section#content h1:before,
body.page-id-31057 section#content h1:before,
body.page-id-31060 section#content h1:before {
    content: '';
    display: block;
    width: 300px;
    height: 300px;
    background: rgba(var(--hellgruen), 1) url('/wp-content/themes/grnmuc/lib/images/weihnachtsgeld/bildungslogo.svg') center no-repeat;
    background-size: 40% !important;
    float: left;
    margin: 0 60px 40px 40px;
    border-radius: 1000px;
}

body.page-id-31057 section#content h1:before {
    background: rgb(207 43 169) url('/wp-content/themes/grnmuc/lib/images/weihnachtsgeld/vielfaltslogo.svg') center no-repeat;
}

body.page-id-31060 section#content h1:before {
    background: rgba(var(--hellblau), 1) url('/wp-content/themes/grnmuc/lib/images/weihnachtsgeld/feminismuslogo.svg') center no-repeat;
}

body.parent-pageid-31049 {
    background: linear-gradient(180deg, rgba(22, 102, 62, 1) 0%, rgba(8, 42, 25, 1) 100%);
}

body.parent-pageid-31049 section#content iframe {
    margin: 60px 0px 0px 0;
}


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

    body.page-id-31055 section#content h1:before,
    body.page-id-31057 section#content h1:before,
    body.page-id-31060 section#content h1:before {
        float: none;
        margin: 0 auto 40px auto;
    }
}


div#stream {
    display: none;
}


div#stream.active {
    display: block;
    box-sizing: border-box;
    position: absolute;
    z-index: 200;
    top: 200px;
    left: 0;
    width: 94vw;
    height: auto;
    margin: 0 3vw;
    padding: 40px;
    color: #fff;
    font-family: var(--headfont);
    background: rgba(var(--dunkelgruen), 0.99);
    border: 5px solid #fff;
    border-radius: 15px;
    box-shadow: 0 0px 80px 20px rgba(0, 0, 0, 0.8);
}

/*for content to be under stream*/
body.home div.first {
    position: relative;
    z-index: 1;
}

div#stream article {
    position: static;
}

div#stream h1.entry-title {
    font-size: 2.5em;
    margin: 0em 0em 1em 0em;
    text-shadow: none;
}

div#player {
    margin: 40px 0 0 0;
    width: 100%;
    height: 100%;
}

div#player > div {
    margin: 0 auto;
}


body.page-template-page-story h1,
body.page-template-page-story h2 {
    margin-left: 0;
}


body.page-template-page-story .wp-block-cover,
body.page-template-page-story .wp-block-cover-image {
    width: auto;
}


.wp-block-group.flex > .wp-block-group__inner-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: flex-start
}

.wp-block-group.akk {
    border: 2px solid rgb(var(--gruen));
    border-radius: 10px;
    padding: 0 0rem;
    width: calc((100% - 1rem) / 3);
    transition: all 0.3s;
}


.wp-block-group.flex.onecolumn > .wp-block-group__inner-container .wp-block-group.akk {
    width: 100%;
}

.wp-block-group.flex > .wp-block-group__inner-container .wp-block-group.akk * :not(h3) {
    display: none;
}

.wp-block-group.flex > .wp-block-group__inner-container .wp-block-group.akk.open * :not(h3) {
    display: block;
}

.wp-block-group.akk h3 {
    background: rgba(var(--gruen), 0.2);
    padding: 1rem;
    margin-top: 0;
    color: rgb(var(--dunkelgruen));
    cursor: pointer;
    transition: all 0.3s;
}

.wp-block-group.akk h3:hover {
    background: rgba(var(--gruen), 0.1);
}

.wp-block-group.akk h5 {
    padding: 0rem 1rem;
    margin: 0;
    color: rgb(var(--dunkelgruen));
}

.wp-block-group.akk p {
    padding: 1rem;
    margin: 0;
    color: rgb(var(--dunkelgruen));
}

.wp-block-group.akk p + p {
    padding-top: 0rem;
}

.wp-block-group.akk ul {
    list-style-type: disc;
    padding: 0em;
    margin: 0em;
    color: rgb(var(--dunkelgruen));
    list-style-position: inside;
}

.wp-block-group.akk ol {
    margin-left: 2rem;
}

.wp-block-group.flex.onecolumn > .wp-block-group__inner-container .wp-block-group.akk.open li {
    display: list-item !important;
}

.wp-block-group.akk ul li {
    padding: 0 0 0 1em;
    margin: 0em;
    color: rgb(var(--dunkelgruen));
}

.wp-block-group.akk p a {
    font-weight: bold;
}

.wp-block-group.akk p a:after {
    content: "\2192";
    background: rgba(var(--gruen), 1);
    padding: 0.25rem 0.3rem;
    margin: 0 0 0 0.5rem;
    color: #fff;
    border-radius: 100%;
    font-weight: bold;
    font-family: var(--textfont);
}


@media only screen and (min-width: 770px) {
    article.postlist {
        margin: 0em;
        padding: 2em;
    }


    .homemodule.ben {
        background-position: center 0px;
    }

    #ovkarte {
        display: block;
        width: 700px;
        margin: auto;
    }
}


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

    body {
        background-attachment: scroll;
        background-size: contain;
        background-repeat: repeat;
    }

    #homeheader,
    .parallax {
        background-attachment: scroll;
        background-size: cover;
        background-repeat: no-repeat;
    }

}

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

    #homeheader h1 {
        font-size: 3em;
    }

    a.logolink,
    div.ov_header h1,
    div.ov_header ul.ovnavi {
        margin-left: 32px;
    }


    body.error404 #main article {
        padding-left: 2em;
        padding-right: 2em;
    }

    body.error404 #main section.suche input.seachphrase {
        width: 100%;
    }

    body.error404 #main h1,
    body.error404 #main p,
    body.error404 #main section.suche form.searchform {
        padding-left: 0;
        padding-right: 0;
    }

    article#post-1790, h2.date {
        padding: 1em;
    }
}

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

    #nav-mobile a.logolink {
        margin-left: 0px;
    }

    #nav-mobile .logo img {
        width: 50px;
    }

    #nav-mobile .logo h2 {
        font-size: 1.5em;
        margin-left: 0;
        line-height: 50px;
        font-family: var(--headfont-bold);
        font-weight: normal;
    }

    .sidebar {
        margin: 2em 0 0 0;
        padding: 0;
    }

    .sidebar ul li.widget {
        padding: 1em;
        color: #333;
    }

    h2.whitetext {
        padding: 3em 0 0 1em;
    }


    article.postlist {
        padding: 0 0 1em 0;
        margin: 0 0 4px 0;
        border-bottom: 0;
    }

    article.postlist h2 a {
        font-weight: normal;
        font-size: 1.3rem;
        line-height: 1.6rem;
    }

    article.postlist .article-teaser {
        display: block;
    }

    article.postlist img {
        width: 100%;
    }

    article.postlist a.postimglist {
        width: auto;
        margin: 0;
        padding: 0;
    }

    article.postlist .article-teaser p {
        display: none;
    }

    article.postlist .article-teaser a.morebutton {
        margin: 1em 0 0 1em !important;
        font-size: 0.9em !important;
    }

    .topicposts {
        background: none;
    }


    article.postlist h2,
    article.postlist span.thedate {
        padding: 0.5em 1em 0 1em;
        margin: 0;
    }


    body.page-template-page-OV #nav-mobile #menu-hauptnavi {
        margin: 2em 0 2em 0;
        border-top: 2px solid rgb(var(--dunkelgruen));
        padding-top: 2em;
    }

    body.page-template-page-OV #nav-mobile #menu-hauptnavi .sub-menu {
        display: none;
    }

    body.page-template-page-OV #nav-mobile #menu-hauptnavi a {
        background: none;
        margin: 0;
        font-family: var(--headfont-bold);
        font-weight: normal;
    }

    #nav-mobile #menu-hauptnavi li.suche {
        display: none;
    }


    #nav-mobile nav ul.ovnavi li a {
        margin: 0 0 1em 0em;
    }

    #nav-mobile nav ul.ovnavi li ul li ul li a {
        margin: 0 0 1em 1.5em;
    }

    div.ov_header ul.ovnavi {
        display: none;
    }

    .sidebar {
        background: none;
        padding: 1em;
        color: #333;
    }

    #terminelink {
        padding: 1em 0 1em 1em !important;
    }


    body.error404 section.entry-content {
        font-size: 1em;
    }

    body.error404 #main section.suche input.seachphrase {
        width: 100%;
    }

    body.error404 #main h1,
    body.error404 #main p,
    body.error404 #main section.suche form.searchform {
        padding-left: 0;
        padding-right: 0;
    }


    body.page-id-22914 section#content h1:before,
    body.page-id-22918 section#content h1:before,
    body.page-id-22935 section#content h1:before,
    body.page-id-22937 section#content h1:before,
    body.page-id-22939 section#content h1:before,
    body.page-id-22941 section#content h1:before {
        content: '';
        clear: both;
        float: none;
        margin: 40px auto;
    }


    article.terminuebersicht {
        width: 100%;
    }

    article#post-1790 #ovseldiv {
        padding: 0.5em 0rem;
        background: rgba(255, 255, 255, 0);
        color: #fff;
        font-weight: bold;
        border-top: 1px solid #fff;
        border-radius: 0;
        margin-top: 2rem;
    }

    article#post-1790 #ovseldiv select {
        margin: 0.5rem 0;
        width: 100%;
        background: rgba(255, 255, 255, 0.8);
        font-weight: bold;
        border: 1px solid #fff;
    }

    #ovseldiv select {
        text-align: center;
    }

    article#post-1790 #ovseldiv button,
    article#post-1790 #ovseldiv button:hover {
        color: #fff;
        border: 1px solid #fff;
        margin-left: 0;
        display: block;
        width: 100%;
    }
}


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

    #homeheader h1 {
        position: relative;
    }

    #homeheader #spendenbutton {
        bottom: -120px;
        right: 20%;
        z-index: 3;
    }

    #nav-mobile {
        padding: 1em;

    }

    div.logo a.logolink {
        padding: 0;
    }

    /*
        div.logo a.logolink h2 {
            font-size: 24px !important;
            line-height: 1.2em !important;
            padding: 0;
            margin: 0 !important;
            float: none;
        }
    */
    ul.sub-menu li a {
        padding: 0;
        margin: 0 !important;
    }

    #homeheader {
        /*height: 60vh;*/
        height: auto;
        padding-bottom: 1em;
        padding-top: 1px;
        margin: 0px;
        background-attachment: scroll;
    }

    #homeheader h1 {
        font-size: 2.6em;
        width: auto;
        margin: 1em 20px 4em 20px;
    }

    #homeheader article {
        position: relative;
    }

    #homeheader ul {
        display: block;
        height: auto;
    }

    #homeheader ul li {
        width: auto;
        margin: 0 1em 1em 1em;
    }

    #homeheader ul li:first-child {
        margin-left: 1em;
    }

    #homeheader ul li:nth-child(3) {
        margin-right: 1em !important;
        margin-left: 1em;
        width: auto;
    }

    .homemodule h1 {
        width: auto;
    }


    #btw17 ul {
        display: block;
        padding: 0 1em;
    }

    #btw17 ul a {
        display: block;
        color: #fff;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 0;
    }

    #btw17 ul li {
        display: inline-block;
        width: 65%;
        margin: 0 1em 0 0;
    }

    #btw17 ul li:last-child {
        margin: 0 0em 0 0;
    }


    #aktuelles,
    #termine {
        padding-top: 1em;
    }


    #grnmuc strong {
        width: auto;
        padding: 0 2em;
        font-size: 1.1em;
    }

    #grnmuc .morebutton {
        margin: 1em 0 !important;
    }

    #grnmuc ul {
        display: block;
        margin-top: 3em;
    }

    #grnmuc ul li {
        width: 100%;
        padding: 1em 0;
    }


    #themen ul li {
        display: inline-block;
        width: auto;
        padding: 0 10px 10px 10px;
        margin: 0 0 2px 0;
    }

    #themen ul li img,
    body.page-id-7 ul.bt li img {
        width: 30%;
        float: none;
        margin: 0 10px 0px 0;
    }

    #themen ul li strong,
    body.page-id-7 ul.bt li strong {
        display: inline-block;
        font-family: var(--headfont-bold);
        font-weight: normal;
        padding: 10px 0 0 0;
    }


    #ovs h1.entry-title {
        width: auto;
        text-align: center;
    }

    #ovs article {
        width: 90%;
    }

    #ovs article p {
        text-align: center;
        font-size: 1em;
    }

    #ovs #ovkarte {
        display: block;
    }

    #greta img {
        height: 200px;
        width: auto;
        margin: 0 1em 1em 0;

    }


    ul#menu-sozial li,
    ul#menu-sozial li a {
        font-size: 0rem !important;
        word-wrap: normal;
        text-align: center;
    }


    #kontakt ul li {
        display: block;
    }


    ul.themenmuc {
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
    }

    ul.themenmuc li {
        width: auto;
        margin: 0 0px 10px 0;
    }


    #kontakt {
        text-align: center;
    }

    #kontakt p {
        padding: 1em 0 0 0;
        text-align: center;
        display: block;
    }


    /* Vorstand */
    .page-id-10 article#post-10 ul li {
        width: auto;
    }


    #aktuelles h2.sectionheader {
        padding-bottom: 1em;
    }


    div#terminuebersicht {
        display: block;
    }

    article.terminuebersicht {
        width: 100%;
    }

    article.terminuebersicht h2 {
        font-size: 1.6em;
    }

    article.terminuebersicht h3 span.datetime {
        font-size: 0.9em;
    }


    #toptermine ul.events-list {
        display: block;
        margin: 40px 20px;
    }

    #toptermine ul.events-list li {
        width: 100%;
        margin: 0 10px;
    }


    h2.date {
        box-sizing: border-box;
        width: 100%;
        font-size: 1.3em;
        padding: 1rem;
        margin: 2rem 0 0 0;
        background-color: #fff;
        color: rgb(var(--dunkelgruen));
        position: sticky;
        top: 48px;
    }

    #ltw18modul {
        margin-top: 6em;
        padding-bottom: 1em;
    }

    #ltw18modul a {
        background: #fff;
        margin-top: 1em;
        margin-bottom: 0em;
        width: 80%;
        height: 3em;
        font-size: 1.3em;
    }

    #eventseries {
        column-count: 2;
    }


    /* OV-Seiten */
    article.custom {
        width: 50%;
        text-align: center;
        margin: 20px 0 0 0;
        padding: 0;
        color: #000;
    }

    article.custom a {
        color: #46962b;
    }


    .page-id-16 h1 {
        text-align: center;
        margin-top: 20px;
    }


    body.page-id-22370 div.spendenitem {
        padding: 20px;
        width: auto;
        margin: 1em;
        float: none;
        text-align: center;
    }

    body.page-id-22370 div.spendenitem div.spendenbalken {
        text-align: left;
    }

    body.page-id-22370 div.spendenitem:nth-child(even) {
        float: none;
        margin-right: 1em;
    }

    body.page-id-22370 div.spendenitem h2 {
        text-align: center;
        margin-top: 20px;
    }


    div#stream.active {
        z-index: 10;
        top: 20px;
        height: auto;
        padding: 40px 10px;
    }

    div#stream h1.entry-title {
        font-size: 2em;
    }

    div#player {
        margin: 40px 0 0 0;
        width: 100%;
        height: 100%;
    }

    div#player > div {
        width: 80vw !important;
        height: 50vw !important;
    }


    .wp-block-group.akk {
        width: calc((100%));
    }


    #insta.homemodule {
        padding: 1rem;
    }

}

div.bigbanner {
    overflow: hidden;
    background: rgb(var(--lachs));
    box-shadow: rgb(0 0 0 / 20%) 5px 5px 10px;
    margin: 0 0 2rem 0;
    padding: 2rem;
    color: #fff;
    font-size: 1.3rem;
}

div.bigbanner a {
    display: flex;
    color: rgb(var(--moos));
    font-weight: bold;
}

div.bigbanner a img {
    box-sizing: border-box;
    width: 50%;
    padding: 20px;
}

div.bigbanner a img:nth-child(2) {
    background-color: #fff;
}

p#back-top {
    margin: 0 !important;
}

body.page-template-page-story h1 {
    color: #fff;
}

.page-template-page-story article h2 {
    font-family: var(--headfont) !important;
    text-transform: none !important;
    font-size: 2em;
}


ul#menu-sozial {
    text-align: center;
}

ul#menu-sozial li {
    display: inline-block;
}

.nav-sozial a:before {
    content: "\f0ac";
    font-family: 'Font Awesome 5 Free';
    margin-right: 0.3em;
    color: #e6007e;
}

.nav-sozial .facebook a:before {
    content: "\f09a";
    font-family: 'Font Awesome 6 Brands';
}

.nav-sozial .instagram a:before {
    content: "\f16d";
    font-family: 'Font Awesome 6 Brands';
}

.nav-sozial .youtube a:before {
    content: "\f167";
    font-family: 'Font Awesome 6 Brands';
}

.nav-sozial .flickr a:before {
    content: "\f16e";
    font-family: 'Font Awesome 6 Brands';
}

.nav-sozial .twitter a:before {
    content: "\e61b";
    font-family: 'Font Awesome 6 Brands';
}

.nav-sozial .linkedin a:before {
    content: "\f08c";
    font-family: 'Font Awesome 6 Brands';
}

.nav-sozial .mastodon a:before {
    content: "\f4f6";
    font-family: 'Font Awesome 6 Brands';
}

.nav-sozial .bluesky a:before {
    content: "\f4ad";
    font-family: 'Font Awesome 6 Free';
}

.nav-sozial .whatsapp a:before {
    content: "\f232";
    font-family: 'Font Awesome 6 Brands';
}

.nav-sozial .telegram a:before {
    content: "\f2c6";
    font-family: 'Font Awesome 6 Brands';
}

.nav-sozial .threads a:before {
    content: "\e618";
    font-family: 'Font Awesome 6 Brands';
}

.nav-sozial .tiktok a:before {
    content: "\e07b";
    font-family: 'Font Awesome 6 Brands';
}