/* ANIMATIONEN */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*******************************************************************************/
/* TAGS ************************************************************************/
/*******************************************************************************/
html {font-size:16px;line-height:1.5;color:#232220;min-height:100.1%;scroll-behavior:smooth;}
body {font-size:100%;position:relative;margin:0;border:0;padding:0;}
@media screen and (max-width:1000px) {
	body {margin:0;}
}

footer,
header {display:block;margin:0;border:0;padding:0;width:100%;height:auto;}



.start #article-1 {background-color:#000;}
.hbild {position:relative;z-index:1;}
.flexslider {position:absolute;top:0;left:0;z-index:10;width:100%;height:auto;}
#vorstand .widget p.error {color:#00ffff;position:relative;display:block;}

a {font-size:16px;text-decoration:none;color:#898886;transition:color 0.25s ease;}
a.kuenstler {font-size:18px;border-bottom:1px solid #898886;}
a:hover {color:#121110;}
#vorstand a:hover {color:#fff;}
label a {color:#232220;}
h1 {font-size:3em;line-height:1.1;/*text-transform:uppercase;letter-spacing:5px;*/}
h1 {font-size:18px;text-align:center;color:#898886;display:inline-block;margin:0 auto;padding:0.75em 0;/*letter-spacing:1px;*/}
h1::after {content:url('grafiken/linie-unten.svg');display:block;margin:0 auto 0.5em auto;width:19em;height:auto;max-width:100%;}
.lt_visual.first h1,
h1.weiss {color:#ffffff;}
.lt_visual.first h1::after,
h1.weiss::after {content:url('../inhalt/kulturanlaesse/savethedate-linie.svg');display:block;margin:0 auto 0.5em auto;width:19em;height:auto;max-width:100%;}
/*.lt_visual.first h1 {color:#a84457;}
.lt_visual.first h1::after {content:url('grafiken/linie-unten-bunt.svg');}*/

/*@media screen and (max-width:800px) {
	.first h1 {font-size:1.5em;letter-spacing:2px;}
}*/
@media screen and (max-width:570px) {
	h1 {font-size:16px;}
}
h2 {font-size:16px;margin:3em 0 0 0;}
.rte > h2:first-child {margin-top:0;}
.mod_article.first > h2,
.mod_article.first > .content-text.ce_headline > h2 {font-size:16px;line-height:1.3;font-weight:normal;margin:0.75em 15% 3em 15%;}
#vorstand h2 {color:#898886;}
h3 {font-size:1em;}
h6 {font-size:13px;margin-bottom:0;}
small {display:block;margin:1em 0;font-size:13px;line-height:1.2;color:#000;}
small a {font-size:13px;}
td small {display:block;margin:0;font-size:13px;line-height:1.2;color:#000;}

figure {margin:0;}
img {display:block;margin:0 auto;border:0;padding:0;width:auto;max-width:100%;height:auto;}

fieldset {display:block;margin:0 0 2em 0;border:0;padding:0;width:100%;height:auto;}
legend {color:#232220;display:block;margin-bottom:1em;/*border-bottom:2px solid #232220;*/width:100%;}

/*******************************************************************************/
/* KLASSEN *********************************************************************/
/*******************************************************************************/
.invisible {text-indent:20px;position:absolute;top:-3000px;left:-3000px;width:1px;height:1px;overflow:hidden;}
.inside {position:relative;}
#umschlag > .inside {position:static;}
#wrapper {font-size:100%;position:relative;margin:0;border:0;padding:0;/*background:#fdfdfc;*/}
.start #wrapper {padding:0;}
@media screen and (max-width:1000px) {
	#wrapper {padding:0;}
}

.content-text ul li strong {font-weight:bold;}


/* Daten gross Startseite */
.datengross p,
.datengross p a {font-size:32px;color:#fff;}
.datengross p a:hover {color:#898886;}
.datengross p strong {font-weight:bold;}

/* Hintergrundfarben */
.hg_schwarz_ {color:#dedede;padding-top:10em;padding-bottom:10em;background:#232220;}

/* Artikel */
.mod_article {display:block;margin:0 0 0 0;border:0;padding:0;width:auto;}


/* Form */
.ce_form {display:block;margin:0 auto;margin-top:3em;border:0;width:auto;max-width:1024px;transition:width 1s ease;}
.widget-checkbox fieldset {margin-bottom:0;}
.widget-radio fieldset {margin-bottom:1em;}
.widget-text,
.widget-email,
.widget-checkbox,
.widget-radio {position:relative;display:block;margin:0 0 0.5em 0;padding:0;width:auto;height:auto;background:#898886;transition: all 0.5s ease-out;}
.widget-checkbox,
.widget-radio {margin-top:1em;}
.widget-checkbox:hover,
.widget-radio:hover {background:#abaaa8;}
.widget-select {position:relative;display:block;margin:0 0 0.5em 0;border:0;padding:0;width:auto;height:auto;transition: all 0.5s ease-out;}
.widget-textarea {position:relative;display:block;margin:0 0 0.5em 0;/*border-top:1px solid #232220;border-bottom:1px solid #232220;*/padding:0;width:auto;min-height:12em;transition: all 0.5s ease-out;}
.widget-submit {margin-top:2em;}

label {font-size:16px;line-height:1.3;text-align:left;color:#232220;display:inline-block;position:absolute;left:1em;vertical-align:top;margin:0;padding:0.5em 0;width:6em;}
.widget-textarea label {text-indent:20px;position:absolute;top:-3000px;left:-3000px;width:1px;height:1px;overflow:hidden;}
.mod_registration .widget-textarea label {text-indent:0;top:auto;left:1em;width:6em;height:auto;}

input[type='text'],
input[type='email'],
input[type='tel'] {font-size:16px;line-height:1.3;word-spacing:0.2em;color:#232220;display:block;margin:0;border:0;padding:0.5em 1em 0.5em 7em;width:calc(100% - 8em);background:#898886;transition:all 0.5s ease-out;}
input[type='text']:hover,
input[type='email']:hover,
input[type='tel']:hover {background:#abaaa8;}
textarea {font-size:16px;line-height:1.3;color:#232220;display:block;margin:0;border:0;padding:0.5em 1em;width:calc(100% - 2em);height:14em;background:#898886;transition:all 0.5s ease-out;}
.mod_registration textarea {padding-top:2.25em;}
textarea:hover {background:#abaaa8;}
select {font-size:16px;line-height:1.3;text-indent:0.5em;color:#232220;display:inline-block;margin:0 0 0 6em;border:0;padding:0.5em 0;width:calc(100% - 6em);height:2.25em;background:#898886;transition:all 0.5s ease-out;}
select:hover {background:#abaaa8;}
input[type='text']:focus,
input[type='email']:focus,
input[type='tel']:focus,
select:focus {background:#dedddb;outline:none;}
textarea:focus {padding-right:1em;padding-left:1em;width:calc(100% - 2em);background:#dedddb;outline:none;}
button {font-size:16px;color:#121110;display:inline-block;margin:0;border:0;padding:0.5em 1em;background:#898886;transition:all 0.5s ease-out;}
button:hover {background:#abaaa8;}
button:active {background-color:#dedddb;}
.checkbox_container,
.radio_container {position:relative;}
.checkbox_container legend,
.radio_container legend {font-size:16px;text-align:left;color:#232220;margin:0;padding:0.5em 1em 0 1em;width:calc(100% - 2em);}
.checkbox_container span,
.radio_container span {font-size:16px;line-height:1.3;text-align:left;color:#232220;display:block;margin:0;border:0;padding:0.5em 1em 0.5em 1em;width:calc(100% - 2em);transition:all 0.5s ease-out;}
.checkbox_container span,
.radio_container span {padding-bottom:0;}
.checkbox_container span:last-child,
.radio_container span:last-child {padding-top:0;padding-bottom:0.5em;}
.checkbox_container span input,
.radio_container span input {display:inline-block;vertical-align: -0.5em;}
.checkbox_container span label,
.radio_container span label {font-size:16px;line-height:1.3;text-align:left;color:#232220;display:inline-block;position:relative;left:0.25em;vertical-align:top;margin:0;padding:0.5em 0;width:calc(100% - 2em);}
span.mandatory,
.checkbox_container span.mandatory,
.radio_container span.mandatory {display:inline;padding:0 0 0 0.25em;}

@media screen and (max-width:860px) {
	.ce_form {padding-right:10%;padding-left:10%;}
}
@media screen and (max-width:512px) {
	.ce_form {padding-right:0;padding-left:0;}
    button {margin-left:0;}
}


/* Tabelle */
.ce_table {display:block;margin:0 auto 1em 50%;margin-top:3em;border:0;padding-bottom:1em;width:50%;max-width:600px;}
.ce_table h2 {text-align:left;margin-bottom:0.5em;}
table {text-align:left;border:0;border-top:3px solid #000;border-collapse:collapse;width:100%;}
tr {border:0;}
td {vertical-align:top;border:0;border-bottom:1px solid #000;padding:0.5em 0 0.25em 0;width:auto;}
/* td:first-child {color:#999;padding-right:2em;width:calc(30% - 2em);} */
@media screen and (max-width:950px) {
	.ce_table {margin:0 auto 1em auto;width:100%;max-width:none;}
}

/* Fuss */
footer {padding:0;width:100%;}

/* Fusswidgets */
.mod_fusswidgets {font-size:16px;line-height:1.4;text-align:center;padding:10em 15%;background-color:#dedddb;}
.mod_fusswidgets .box {text-align:left;display:inline-block;vertical-align:top;margin:1em;border-top:1px solid #232220;border-right:1px solid #232220;border-radius:0 0.25em 0 0;padding:2.75em 3em 0 1em;width:auto;max-width:14em;height:auto;transition:all 0.5s ease;}
.mod_fusswidgets > .content-text {column-count:2;column-gap:3em;text-align:left;}
.kulturanlaesse .mod_fusswidgets > .content-text {column-count:1;}
.kulturanlaesse .mod_fusswidgets > .content-text.spezial h2 {margin-top:0;}
.kulturanlaesse .mod_fusswidgets > .content-text.spezial figure {margin-bottom:0;}
.mod_fusswidgets.anschrift > .content-text {column-count:1;column-gap:0;text-align:center;}
.mod_fusswidgets .box h3 {margin:0;}
.mod_fusswidgets .download-element {margin:0;}
.mod_fusswidgets .download-elementt::before {content:url('icons/pfeil-dropdown.svg');display:inline-block;vertical-align:middle;margin-right:0.5em;width:1em;height:1em;}
.mod_fusswidgets .ce_download h3 {display:inline;margin-bottom:0;margin-left:3.25em}
.mod_fusswidgets ul {list-style:none;padding:0 0 0 1em;margin-top:0;}
.mod_fusswidgets ul li {padding:0;}
.mod_fusswidgets ul li::before {content:'–';margin-left:-1em;margin-right:0.5em;}
.mod_fusswidgets ol {list-style:none;padding:0;}
.mod_fusswidgets p {margin:0 0 1em 0;}
.mod_fusswidgets figure {margin:0 0 1.5em 0;}
.mod_fusswidgets > div > h2:first-child {margin-top:0;}
.mod_fusswidgets table {font-size:16px;line-height:1.3;}

@media screen and (min-width:1000px) {
	#article-28 {min-height:800px;}
}

@media screen and (max-width:1080px) { 
	.mod_fusswidgets {padding:8em 15%;} 
	.mod_fusswidgets > .content-text {column-gap:1.5em;}
}
@media screen and (max-width:950px) {
	.mod_fusswidgets {padding:6em 15%;} 
	.mod_fusswidgets > .content-text {column-count:1;column-gap:0;}
}
@media screen and (max-width:512px) { 
	.mod_fusswidgets {padding:4em 10%;}
}


/* Fusszeile */
.mod_fusszeile {line-height:1.3;text-align:right;color:#898886;position:relative;z-index:9100;padding:1em 7.5%;}
.mod_fusszeile a {font-size:13px;}
.mod_fusszeile a:hover {color:#dedddb;}
@media screen and (max-width:1000px) {
	mod_fusszeile {text-align:center;}
}

/* Headlines */
/*.mod_article > .ce_headline {padding:0 15%;width:auto;transition:width 1s ease;}
.mod_article.first > h1.ce_headline {padding-top:6em;}
.mod_article.first > .content-text.ce_headline {padding:0 15%;}
.mod_article.first > h2.ce_headline {margin-bottom:6em;transition:width 1s ease;}
.mod_article.first > .content-text.ce_headline > h2 {margin-bottom:6em;padding:0;transition:width 1s ease;}
@media screen and (max-width:860px) {
	.mod_article > .ce_headline {padding:0 10%;width:auto;transition:width 1s ease;}
	.mod_article.first > .content-text.ce_headline {padding:0 10%;}
}*/

/* Hyperlink */
.ce_hyperlink {font-size:16px;}
.ce_hyperlink a {display:inline-block;margin:1em 0 0 -1em;border-top:1px solid #0c0900;border-right:1px solid #0c0900;border-radius:0 0.25em 0 0;padding:0.5em 1em;transition:all 0.5s ease-out;}
.ce_hyperlink a:hover {border-top-right-radius:1em;}

.ce_hyperlink a {font-size:16px;color:#fff;display:inline-block;margin:0.5em 0 0 0;border:0;border-radius:0 0.25em 0 0;padding:0.5em 1em;background:#232220;transition:all 0.5s ease-out;}
.ce_hyperlink a:hover {border-top-right-radius:1em;}
/* Spezial  */
#infos .ce_hyperlink a {font-size:16px;color:#121110;display:inline-block;margin:1.5em 0 0 0;border:0;border-radius:0;padding:0.5em 1em;background:#898886;transition:all 0.5s ease-out;}
#infos .ce_hyperlink a:hover {border-top-right-radius:0;background:#abaaa8;}




/* Layouts */

/* Logo */
.mod_logo {position:absolute;top:5em;right:7.5%;z-index:1200000;width:17em;/*animation-name:fadeIn;animation-duration:2s;*/transition:all 1s ease;}
.mod_logo .negativ {display:none;}
.negativ .mod_logo .negativ {display:block;}
.negativ .mod_logo a:first-child {display:none;}
@media screen and (max-width:1200px) {.mod_logo {right:5%;width:14em;}}
@media screen and (max-width:1000px) {.mod_logo {top:2em;width:13em;}}

/* Menubutton */
.mod_menubutton {}
.mod_menubutton > div {margin-left:-1em;}
.mod_menubutton a {display:inline-block;margin:0;/*border-top:1px solid #898886;border-right:1px solid #898886;*/border-radius:0;padding:0.75em 1em;transition:all 0.5s ease-out;}
/*.mod_navigation a:hover {border-top-right-radius:1em;}*/
.mod_menubutton a img {height:1.25em;border-radius:0;}
.mod_menubutton .open {display:none;}
.mod_menubutton .close {display:none;}
@media screen and (max-width:900px) {
	.mod_menubutton .open {display:block;}
}
@media screen and (max-width:570px) {
	.mod_menubutton > div {margin-left:0;}
}

/* Navigation */
.mod_navigation {position:absolute;top:0;left:0;z-index:1100000;padding:0;width:100%;height:100%;transition:all 1s ease;}
.mod_navigation .inside {padding:1em 3.75%;width:auto;/*background:linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0.6), rgba(0,0,0,0));*/}
.mod_navigation ul {text-align:left;margin:0;/*margin-left:-1em;*/padding:0;}
.mod_navigation ul li {font-size:16px;display:inline-block;/*margin-right:1em;*/transition:all 1s ease;}
.mod_navigation ul li:hover {border-radius:0 1em 0 0;}
.mod_navigation ul li a {color:#fff/*898886*/;display:block;/*border-top:1px solid #898886;border-right:1px solid #898886;border-radius:0 0.25em 0 0;*/padding:0.5em 1em;transition:all 0.5s ease-out;}
/*.kulturanlaesse .mod_navigation ul li a {color:#f73e4b;}*/
.mod_navigation ul li:hover a {color:#232220;border-color:#232220;border-top-right-radius:1em;}
.negativ .mod_navigation ul li:hover a {color:#fff;border-color:#fff;}
.mod_navigation ul li strong {color:#232220;display:block;margin-top:1px;margin-right:1px;border:0;padding:0.5em 1em;}
.negativ .mod_navigation ul li strong {color:#fff;}

@media screen and (max-width:1000px) {
	.mod_navigation .inside {padding:2.25em 7.5%;width:85%;}
	.mod_navigation ul li {margin-right:0.5em;}
}

@media screen and (max-width:900px) {
	.mod_navigation ul {position:absolute;top:5em;left:-12em;padding:1em 0;width:12em;background:#232220;border-radius:0 1em 0 0;transition:all 0.75s ease;}
	.negativ .mod_navigation ul {background:#fff;}
	.mod_navigation ul:hover {border-radius:0 1em 0 0;}
	.mod_navigation ul li {display:block;margin:0 15%;}
	.mod_navigation ul li a {border:0;color:#232220;}
	.mod_navigation ul li:hover a {color:#fff;}
	.negativ .mod_navigation ul li:hover a {color:#232220;}
	.mod_navigation ul li strong {color:#fff;}
	.negativ .mod_navigation ul li strong {color:#232220;}
}
@media screen and (max-width:100px) {
	.mod_navigation ul li a {color:#fff;border:0;padding:0 1em 0 0;transition:all 0.5s ease-out;}
}



/* Subscribe */
.mod_subscribe .confirm,
.mod_subscribe .error {padding:0.5em 0;width:auto;}

/* Text */
.mod_article > .mod_subscribe,
.mod_article > .mod_unsubscribe {font-size:18px;margin:3em auto;max-width:1024px;}
.mod_article > .ce_photogallery_album,
.mod_article > .content-text {font-size:18px;margin:3em auto;max-width:1200px;}
.mod_article > .content-text.asteriks {margin-top:-1.125em;}
.mod_article > .content-text.asteriks p {font-size:13px;}
.kulturanlaesse .content-text {position:relative;margin-left:50%;max-width:600px;text-align:left;}
.kulturanlaesse .content-text img {position:absolute;top:0;left:-100%;padding-right:3em;width:calc(100% - 3em);max-width:calc(600px - 3em);}
.mod_article.first > .content-text.ce_headline {margin-top:0;}
.mod_article.first > .ce_headline {margin-top:1.5em;}
.mod_article.first .mod_newsreader .ce_headline {margin-top:1.5em;}
@media screen and (max-width:950px) {
	.kulturanlaesse .content-text {margin-left:0;max-width:none;}
	.kulturanlaesse .content-text img {position:relative;top:0;left:0;padding-right:0;padding-bottom:3em;width:100%;max-width:100%;}
	.layout_full .kulturanlaesse .content-text img {padding-top:2.25em;padding-bottom:1.125em;}
}
@media screen and (max-width:860px) {
	.mod_article > .content-text {margin-bottom:1.5em;}
}

/* Layouts */
.lt_wide {margin:6em 15%;border-top:1px solid #232220;border-bottom:1px solid #232220;}
/* Visual */
.lt_visual {position:relative;margin:0;padding:0;}
.lt_visual .content-text .zeile_1 {font-size:3em;text-transform:uppercase;letter-spacing:2px;}
.lt_visual .content-text .zeile_2 {font-size:5.6em;line-height:0.75;text-transform:uppercase;letter-spacing:4px;color:#883040;}
.lt_visual .content-text .zeile_3 {font-size:2.2em;line-height:3;}
.lt_visual .content-text .zeile_4 {text-align:left;color:#898886;display:block;margin:20em auto;border-top:1px solid #898886;border-right:1px solid #898886;border-radius:0 0.25em 0 0;padding:1em 2em 1em 1em;max-width:250px;}



.asteriks p {font-size:0.875em;}
/*.impressum h2:first-child {margin-top:0;}*/
.impressum #vorstand > .content-text {max-width:600px;}
.back {text-align:center;}


/* Zitat */

/* Titelbild
.mod_article > .ce_image.first {width:100%;height:1152px;background:url('../inhalt/start/visual-neujahrsgala-2019-quer.jpg') no-repeat center;background-size:cover;}
.mod_article > .ce_image.first img {display:none;width:auto;min-height:100%;}
@media screen and (max-width:1120px) {
	.mod_article > .ce_image.first {min-height:1120px;}
}*/


/* Ticketverkauf */
#ticketicon {position:absolute;top:12em;left:-1em;z-index:1000000;display:block;width:10em;height:auto;}
@media screen and (max-width:1000px) {
	#ticketicon {top:8em;width:7em;}
}
@media screen and (max-width:860px) {
	#ticketicon {top:6em;width:6em;}
}

/*******************************************************************************/
/* ID **************************************************************************/
/*******************************************************************************/

/* Kontakt */
#kontakt {font-size:19px;margin:0;padding:8em 15% 12em 15%;background:#abaaa9;}

/* Steckbrief */
#steckbrief {font-size:19px;margin:0;padding:8em 15% 12em 15%;background-color:#121110;}
#kulturanlass.lt_visual {font-size:19px;text-align:center;color:#cdccca;padding:12em 15% 12em 15%;/*min-height:680px;*//*background-color:#121110;*/background:url('../inhalt/visuals/hg-quer-sw.jpg') no-repeat center center;background-size:cover;}
#kulturanlass.lt_visual.waldplan {padding:9em 5% 6em 5%;}

.kulturanlaesse #kulturanlass.lt_visual {padding-bottom:0;}

/* Anlassfarben */
#kulturanlass.lt_visual.mai {background:url('../inhalt/kulturanlaesse/neujahrsgala/neujahrsgala-2019-hg.jpg') no-repeat center center;background-size:cover;}
#kulturanlass.lt_visual.mai .anlasstitel figure img,
.waldkonzert .anlasstitel.alt figure img {width:420px;max-width:100%;}
#kulturanlass.lt_visual.festival {background:url('../inhalt/kulturanlaesse/2023/hg-quer-festival-2023.jpg') no-repeat center center;background-size:cover;}
#kulturanlass.lt_visual.waldkonzert {background:url('../inhalt/kulturanlaesse/waldkonzert/waldkonzert-hg.jpg') no-repeat center center;background-size:cover;}
#kulturanlass.lt_visual.neujahrsgala {background:url('../inhalt/kulturanlaesse/neujahrsgala/neujahrsgala-2019-hg.jpg') no-repeat center center;background-size:cover;}


.socialmedia p img {display:inline-block;width:20px;height:auto;margin-top:4px;margin-bottom:-4px;}



#steckbrief > div {font-size:16px;line-height:1.4;display:inline-block;vertical-align:top;margin:0;margin-top:3em;margin-right:3em;padding:0;width:calc(33.333% - 3.25em);/*background:#cdccca;*/}
#steckbrief > div.visual {display:block;margin-right:0;margin-bottom:0;padding:0;width:100%;}
#steckbrief h3 {color:#898886;display:inline-block;margin-bottom:0;border-bottom:3px solid #676664;padding:0.5em 1em;}
#steckbrief ul {list-style:none;padding:0 0 0 1em;}
#steckbrief ul li {padding:0;}
#steckbrief ul li::before {content:'–';margin-left:-1em;margin-right:0.5em;}
#steckbrief ol {padding:0 0 0 1.5em;}
#steckbrief p {color:#898886;padding-right:1em;}

#steckbrief > h1 {margin-bottom:0;padding:0;}
#steckbrief > h2 {font-size:17px;line-height:1.3;font-weight:normal;margin:0.75em 0 6em 0.1em;padding:0;}
/* Anlasstitel */
#kulturanlass > div.anlasstitel {text-align:center;display:block;padding-top:0;padding-bottom:4.5em;width:100%;animation-name:fadeIn;animation-duration:2s;}
#kulturanlass > div.anlasstitel figure {margin:0 auto;width:100%;}
#kulturanlass > div.anlasstitel figure img,
div.anlasstitel figure img {margin:3em auto 0 auto;width:480px;}


@media screen and (max-width:1200px) {
	#steckbrief > div {width:calc(50% - 3.25em);}
}
@media screen and (max-width:1000px) {
	#steckbrief {padding:8em 15%;}
}
@media screen and (max-width:860px) {
	#steckbrief {padding:6em 10%;}
}
@media screen and (max-width:800px) {
	#steckbrief {padding:3em 10%;}
	#steckbrief > div {margin-right:0;padding:0;width:100%;}
}
@media screen and (max-width:570px) {
	#steckbrief {padding:1.5em 10%;}
	#kulturanlass.lt_visual {padding-top:6em;padding-right:8%;padding-bottom:4.5em/*0*/;padding-left:8%;}
	#kulturanlass.lt_visual.waldplan {padding-top:6em;padding-right:2%;padding-bottom:1em;padding-left:2%;}
	#kulturanlass > div.anlasstitel figure {padding-top:0;}
}

/* Vorstand */
#vorstand {font-size:19px;text-align:center;margin:0;padding:12em 15% 12em 15%;background:#121110;}
#vorstand > div.box {font-size:16px;line-height:1.4;text-align:center;display:inline-block;vertical-align:top;position:relative;margin:3em 0 0 0;padding:0 3em 0 0;width:calc(25% - 3.5em);/*animation-name:fadeIn;animation-duration:2s;*/}
#vorstand > .mod_zitat {display:block;margin:1em auto;padding:0;width:100%;max-width:1024px;}
#vorstand h3 {letter-spacing:1px;color:#898886;padding:0.5em 0;transition:color 0.5s ease-out;}
#vorstand h3 span {letter-spacing:0;}
#vorstand .toggler {color:#898886;margin-top:1em;outline:none;transition:color 0.5s ease-out;}
#vorstand > div.box:hover .toggler {color:#efeeec;}
#vorstand .toggler::after {content:url('icons/pfeil-dropdown.svg');display:block;margin:0 auto 0.5em auto;width:2.25em;height:2.25em;opacity:0.25;transition:opacity 0.5s ease-out;}
#vorstand .toggler.active::after {transform:rotate(180deg);}
#vorstand > div.box:hover .toggler::after {opacity:1;}
#vorstand p {font-size:19px;text-align:center;color:#898886;/*opacity:0;position:absolute;top:0;left:0;*/margin:0 auto;width:100%;transition:all 0.5s ease-out;}
#vorstand > div:hover p {opacity:1;}
#vorstand figure {display:inline-block;margin:0 auto;border-radius:50%;overflow:hidden;transition:all 0.5s ease-out;}
.layout_full #vorstand figure {border-radius:0;}
/*#vorstand > div:hover figure {opacity:0;}*/
#vorstand .mod_zitat {margin-bottom:6em;padding:0;width:auto;}
#vorstand .mod_zitat p {font-size:32px;text-align:center;color:#676664;position:static;opacity:1;animation-name:fadeIn;animation-duration:2s;}
#vorstand .accordion p {padding-bottom:1.5em;}
@media screen and (max-width:1500px) {
	#vorstand > div.box {font-size:16px;line-height:1.4;text-align:center;display:inline-block;vertical-align:top;position:relative;padding:0 3em 0 0;width:calc(33.333% - 3.25em);}
}
@media screen and (max-width:1230px) {
	#vorstand p {font-size:16px;}
}
@media screen and (max-width:1000px) {
	#vorstand {padding:8em 15%;}
}
@media screen and (max-width:950px) {
	#vorstand .mod_zitat {padding:0}
	#vorstand > div.box {width:calc(50% - 3.25em);}
}
@media screen and (max-width:860px) {
	#vorstand {padding:6em 15%;}
	#vorstand .mod_zitat p {font-size:1.75em;}
	#vorstand .mod_zitat {margin-bottom:3em;}
}
@media screen and (max-width:570px) {
	#vorstand {padding:6em 10%;}
	#vorstand > div.box {margin-top:1.5em;padding-right:0;width:100%;}
	#vorstand p {font-size:19px;}
	#vorstand .mod_zitat {margin-top:1.5em;margin-bottom:1.5em;}
	#vorstand .mod_zitat p {font-size:1.25em;}
}
@media screen and (max-width:512px) {
	#vorstand {padding:6em 10% 4em 10%;}
}


/* Infos */
#infos {font-size:19px;text-align:center;margin:0;padding:3em 15% 3em 15%;background-color:#121110;}
#infos > div.box {font-size:16px;line-height:1.4;text-align:center;display:inline-block;vertical-align:top;position:relative;padding:3em 0;width:calc(25% - 3.5em);/*animation-name:fadeIn;animation-duration:2s;*/}
#infos h3 {letter-spacing:1px;color:#898886;margin-top:0;padding:0.5em 0;transition:color 0.5s ease-out;}
#infos h3 span {letter-spacing:0;}
#infos p {font-size:19px;text-align:center;color:#898886;/*opacity:0;position:absolute;top:0;left:0;*/margin:0 auto;width:80%;transition:all 0.5s ease-out;}
#infos > div:hover p {opacity:1;}
#infos figure {display:inline-block;margin:0 auto;border-radius:50%;overflow:hidden;transition:all 0.5s ease-out;}
#infos .accordion p {padding-bottom:1.5em;}
@media screen and (max-width:1500px) {
	#infos > div.box {font-size:16px;line-height:1.4;text-align:center;display:inline-block;vertical-align:top;position:relative;padding:3em 0;width:calc(33.333% - 3.25em);}
}
@media screen and (max-width:1230px) {
	#infos p {font-size:16px;}
}
@media screen and (max-width:950px) {
	#infos > div.box {padding:1.5em 0;width:calc(50% - 3.25em);}
	#infos h3 {margin-bottom:0;padding:0;}
}
@media screen and (max-width:570px) {
	#infos {padding:1.5em 10%;}
	#infos > div.box {margin-top:1.5em;padding-right:0;width:100%;}
}


/* Uebersicht Vorfreude/Erinnerung */
#article-42 {position:relative;}
#article-42 > section {text-align:center;margin:0;padding:16em 7.5% 12em 7.5%;background:#121110;}
/*
#article-42 #vorstand {font-size:16px;position:absolute;top:0;right:0;z-index:10;padding:16em 7.5% 12em 7.5%;width:35%;height:calc(100% - 28em);}
#article-42 #vorstand .content-text {margin-left:auto;margin-right:auto;max-width:400px;}
#article-42 #vorstand figure {margin-left:auto;margin-right:auto;max-width:210px;}
#article-42 #vorstand .content-text p {font-size:18px !important;}
*/
#article-42 .mod_fusswidgets {font-size:16px;position:absolute;top:0;right:0;z-index:10;padding:16em 7.5% 12em 7.5%;width:35%;height:calc(100% - 28em);background:url('../inhalt/kulturanlaesse/neujahrsgala/neujahrsgala-2019-hg.jpg') no-repeat center center;background-size:cover;}
#article-42 .mod_fusswidgets .content-text {margin-left:auto;margin-right:auto;max-width:400px;}
#article-42 .mod_fusswidgets figure {margin-left:auto;margin-right:auto;max-width:270px;}
#article-42 .mod_fusswidgets .content-text p {font-size:18px !important;}
#article-42 .mod_fusswidgets h1 {color:#a84457;}
#article-42 .mod_fusswidgets h1::after {content:url('grafiken/linie-unten-bunt.svg');display:block;margin:0 auto 0.5em auto;width:19em;height:auto;max-width:100%;}
#article-42 .mod_fusswidgets img {border-radius:0;max-width:270px;}
#article-42 .mod_fusswidgets .content-text figure {text-align:center;}
#article-42 .mod_fusswidgets .content-text img {position:relative;top:auto;left:auto;margin:0 auto;padding-right:0;width:100%;max-width:270px;border-radius:0;}

/*
#article-42 .mod_fusswidgets {position:relative;top:0;left:0;padding-left:7.5%;padding-right:57.5%;width:35%;background:url('../inhalt/kulturanlaesse/neujahrsgala/neujahrsgala-2019-hg.jpg') no-repeat center center;background-size:cover;}
#article-42 .mod_fusswidgets .content-text {text-align:center;margin:0 auto;padding-bottom:4em;}
#article-42 .mod_fusswidgets img {border-radius:50%;max-width:210px;}
#article-42 .mod_fusswidgets .content-text figure {text-align:center;}
#article-42 .mod_fusswidgets .content-text img {position:relative;top:auto;left:auto;margin:0 auto;padding-right:0;max-width:210px;}
#article-42 .mod_fusswidgets h1 {color:#a84457;}
#article-42 .mod_fusswidgets h1::after {content:url('grafiken/linie-unten-bunt.svg');display:block;margin:0 auto 0.5em auto;width:19em;height:auto;max-width:100%;}
*/
#article-42 #vorstand {position:relative;top:0;left:0;padding-top:13.5em;padding-left:7.5%;padding-right:57.5%;width:35%;}
#article-42 #vorstand .content-text {text-align:center;margin:0 auto;padding-bottom:4em;}
#article-42 #vorstand img {border-radius:0;max-width:210px;}
#article-42 #vorstand .content-text figure {text-align:center;margin:30px;}
#article-42 #vorstand figure {text-align:center;margin:30px;}
#article-42 #vorstand .content-text img {position:relative;top:auto;left:auto;margin:0 auto;padding-right:0;max-width:210px;border-radius:0;}


@media screen and (max-width: 1000px) {
	#article-42 > section {padding:11em 7.5% 8em 7.5%;height:calc(100% - 19em);}
	#article-42 #vorstand {padding:11em 7.5% 8em 7.5%;height:calc(100% - 19em);}
}
@media screen and (max-width: 900px) {
	#article-42 .mod_fusswidgets {position:relative;top:0;left:0;padding-left:7.5%;padding-right:7.5%;width:85%;background:url('../inhalt/kulturanlaesse/neujahrsgala/neujahrsgala-2019-hg.jpg') no-repeat center center;background-size:cover;}
	#article-42 > section {padding:6em 7.5% 4em 7.5%;height:calc(100% - 10em);}
	#article-42 #vorstand {position:relative;top:0;right:0;z-index:10;padding:11em 7.5% 4em 7.5%;width:85%;height:calc(100% - 15em);}
}
@media screen and (max-width: 860px) {

}
@media screen and (max-width:512px) { 
		#article-42 > section {padding:9em 5% 4em 5%;width:calc(100% - 10%);height:calc(100% - 13em);}
		#article-42 #vorstand {padding:9em 5% 4em 5%;width:calc(100% - 10%);height:calc(100% - 13em);}
}


/*******************************************************************************/
/* Eventliste ******************************************************************/
/*******************************************************************************/
/* upcomming */
.mod_eventlist {margin:0 auto;width:100%;max-width:600px;}
.mod_eventlist h2 {border-bottom:3px solid #898886;padding-bottom:0.5em;text-align:left;}
.mod_eventlist .event {position:relative;border-bottom:1px solid #898886;padding:2px 0;padding-left:128px;font-size:16px;line-height:20px;text-align:left;}
.mod_eventlist .event time {display:block;position:absolute;top:2px;left:0;width:128px;color:#898886;}

/*******************************************************************************/
/* Eventleser ******************************************************************/
/*******************************************************************************/
.mod_eventreader > div.upcoming > :first-child h1,
.mod_eventreader > div.current > :first-child h1 {color:#fff;margin-top:1.5em;padding:0.75em 0;}
.mod_eventreader > div.upcoming > :first-child h1::after,
.mod_eventreader > div.current > :first-child h1::after {content: url('grafiken/linie-unten-weiss.svg');}
.mod_eventreader .anlasstitel figure {margin:0 auto;width:100%;max-width:600px;}
.mod_eventreader > div.upcoming > :first-child,
.mod_eventreader > div.current > :first-child {font-size:19px;text-align:center;padding:12em 15% 12em 15%;}
.mod_eventreader .content-gallery {background:#121110;}
/*.mod_eventreader .content-gallery li {font-size:16px;line-height:1.4;text-align:center;display:inline-block;vertical-align:top;position:relative;padding:0;width:calc(33.333% - 4px);}*/


/* Anlassfarben */
.mod_eventreader section.neutral {background:url('../inhalt/visuals/hg-quer-sw.jpg') no-repeat center center;background-size:cover;}
.mod_eventreader section.neujahrsgala {background:url('../inhalt/kulturanlaesse/neujahrsgala/neujahrsgala-2019-hg.jpg') no-repeat center center;background-size:cover;}
.mod_eventreader section.ruseele-amgeist {background:url('../inhalt/kulturanlaesse/201902-ruseele-amgeist/201902-hintergrund.jpg') no-repeat center center;background-size:cover;}
.mod_eventreader section.waldkonzert {background:url('../inhalt/kulturanlaesse/waldkonzert/waldkonzert-hg.jpg') no-repeat center center;background-size:cover;}
.mod_eventreader section.swing {background:url('../inhalt/kulturanlaesse/2022/hg-quer-swing.jpg') no-repeat center center;background-size:cover;}
.mod_eventreader section.festival-2023 {background:url('../inhalt/kulturanlaesse/2023/hg-quer-festival-2023.jpg') no-repeat center center;background-size:cover;}


@media screen and (max-width:570px) {
	.mod_eventreader > div.upcoming > :first-child {padding-top:6em;padding-right:8%;padding-bottom:4.5em/*0*/;padding-left:8%;}
}

/*******************************************************************************/
/* Farben Kulturanlaesse *******************************************************/
/*******************************************************************************/
.neujahrsgala {color:#a84457;}
.ruseeleamgeist {color:#f73e4b;}


/*******************************************************************************/
/* Vereinsintern ***************************************************************/
/*******************************************************************************/
.mod_listing {margin:0;width:100%;max-width:none;}
.listing table th {border-bottom:1px solid #000;padding-bottom:1em;}
.listing table th a {color:#000;}
.listing table td mark {background-color:rgba(0,0,0,0.1);}



/*******************************************************************************/
/* TARGETS *********************************************************************/
/*******************************************************************************/
@media screen and (max-width:1000px) {
	#top:target .mod_menubutton .open {display:none;}
	#top:target .mod_menubutton .close {display:block;}
	#top:target .mod_navigation ul {left:0%;}
}