@font-face {
    font-family: GrueneTypeNeue;
    font-style: normal;
    font-weight: 600;
    font-display: fallback;
    /* Metriken auf die der alten Hausschrift normiert: GrueneTypeNeue liefert
       von Haus aus eine Zeilenbox von 1.633em (asc 1.042 / desc 0.591),
       die alte Schrift 1.2em (asc 1.02 / desc 0.18). */
    ascent-override: 102%;
    descent-override: 18%;
    line-gap-override: 0%;
    src: local("GrueneTypeNeue"),local("GrueneTypeNeue"),url(../fonts/GrueneTypeNeue-Regular.woff) format("woff"),url(../fonts/GrueneTypeNeue-Regular.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: 'GrueneTypeNeue', serif;
    --headfont-bold: 'GrueneTypeNeue', 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: GrueneTypeNeue;
    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: GrueneTypeNeue;
    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: GrueneTypeNeue;
    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_5453-Panorama-1-1.jpg');
    background-image: url('../../lib/images/csd23_hero.jpg');*/
    background-image: url('../../lib/images/AGP_5684-Panorama_hd.webp');
    /*
    background-image: url('../../lib/images/AGP_6811_hd');
    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: 6em;
    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  rgba(0 0 0 / 0.5);
}

#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.dominik {
	background: #fff;
	margin-bottom: 2em;
	padding: 1em;
	box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 10px;
	background-image: url('../images/dominik.jpg');
	background-size: cover;
	background-position: center -110px;
	background-repeat: no-repeat;
	text-align: left;
	color: rgb(var(--dunkelgruen));
}

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

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

.homemodule.dominik h2.sectionheader {
	margin: 0 !important;
	padding: 0;
}

.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: 38%;
    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 {
    max-width: 100%;
    background: rgba(0,0,0,0.21);
    padding: 1em 0 3em 0;
    vertical-align: top;
}

#ovs h1.entry-title {
    max-width: 100%;
    width: auto;
    text-align: left;
}

#ovs article {
    width: 30%;
    display: inline-block;
    vertical-align: top;   
}

#ovs article p {
    text-align: left;
    font-family: var(--textfont);
    font-size: 1.3em;
    font-weight: bold;
    color: #fff;    
}

#ovs #ovkarte {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}


#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;
	}
}

/* Nachlade-Knopf unter der Beitragsliste der OV-Seiten: mittig unter der
   Spalte, ueber die volle Breite der Beitraege darueber. */
.ov-mehr-wrap {
    clear: both;
    text-align: center;
    margin: 1em 0 2em 0;
}



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.dominik {
		background-position: center -40px;
	}	
}


@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;
        width: 100%;
    }

    #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 6 Brands'; 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';}




:root {
  interpolate-size: allow-keywords;
}

details {
	background: #fff;
	border: 0;
	border-bottom: 1px solid rgb(var(--gruen));
	padding: 1rem 2rem 1rem 0;
	margin: 0;
	border-radius: 0;
	/* overflow: hidden; */ 
	position: relative; 
}

details:first-of-type {
	border-top: 1px solid rgb(var(--gruen));
}

details p {
	margin: 0;
	padding-bottom: 1rem;
}

details p:first-of-type {
	padding-top: 1rem;
}

details summary {
	color: rgb(var(--dunkelgruen));
	font-size: 1.1rem;
	line-height: 1.4rem;
}

details summary:hover {
	color: rgb(var(--gruen));
	cursor: pointer;
}

/* don't add margin/padding to this, add it to the actual
   stuff inside the details content */
details::details-content {
  /*block-size: 0;*/
  transition: block-size 0.5s, content-visibility 0.5s;
  transition-behavior: allow-discrete;
}

details:open::details-content {
  block-size: auto;
}

summary::marker {
  content: "";
}

summary::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0.5em;
	top: 1rem;
	width: 12px;
	height: 12px;
	border: 2px solid rgb(var(--gruen));
	border-top: 0;
	border-left: 0;
    transition: all 0.3s;
    transform: rotate(45deg);
    transform-origin: 10px 10px;
}

details[open] summary::after {
  transform: rotate(-135deg);
	border-color: rgb(var(--pink));
}

details[open] summary {
  color: rgb(var(--pink));
}



body.author_id-52 #sidebar1 > ul,
body.author_id-53 #sidebar1 > ul {
    display: none;
}