/* LAYOUT **********************************************************************/

/* Header */
header {position:relative;z-index:10000020;width:100%;background-color:#fff;background:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.9),rgba(255,255,255,0.7),rgba(255,255,255,0));}

@media screen and (min-width:960px) {
	header {position:absolute;}
	.start header {position:fixed;}
}

/* Main */
main {padding-top:64px;}

@media screen and (min-width:768px) {
	main {padding-top:128px;}
}
@media screen and (min-width:960px) {
	main {padding-top:243px;}
}

/* Footer */
footer {position:relative;z-index:1000;margin-top:-36px;width:100%;height:36px;}




/* Layoutformate */
/* Text */
.lay_text {text-align:left;margin:0 auto;padding:3.375em 0;width:84%;max-width:calc(1024px + 2.25em);}
.lay_text.spezial {padding:2.25em 0;}
@media screen and (min-width:768px) {
	.lay_text {padding:4.5em 0;}
	.lay_text.spezial {padding:2.25em 0;}
}
@media screen and (min-width:960px) {
	.lay_text {column-count:2;column-gap:2.25em;}
}
@media screen and (min-width:1200px) {
	.lay_text {padding:6.75em 0;}
	.lay_text.spezial {padding:4.5em 0 6.75em 0;}
}
/* Text einspaltig */
.lay_text_einspaltig {text-align:left;margin:0 auto;padding:2.25em 0;width:84%;}
@media screen and (min-width:768px) {
	.lay_text_einspaltig {padding:4.5em 0;}
}
@media screen and (min-width:960px) {
	.lay_text_einspaltig {width:50%;max-width:512px;}
}
@media screen and (min-width:1200px) {
	.lay_text_einspaltig {padding:6.75em 0;}
}


/* Text mit Bild rechts */
.lay_text_bild_rechts {text-align:left;margin:0 auto;padding:4.5em 0;width:84%;max-width:calc(1024px + 2.25em);}
.lay_text_bild_rechts.spezial {padding:2.25em 0;}
.lay_text_bild_rechts > .inside {position:relative;width:100%;}
.lay_text_bild_rechts .bild_rechts {margin-top:3.375em;padding:0;}
.lay_text_bild_rechts .bild_rechts h2 {margin-bottom:0.5em;}
@media screen and (min-width:768px) {
	.lay_text_bild_rechts {padding-top:4.5em;}
}
@media screen and (min-width:960px) {
	.lay_text_bild_rechts > .inside > .ce_text:first-child {margin:0 calc(50% + 1.125em) 0 0;}
	.lay_text_bild_rechts .bild_rechts {position:absolute;top:0;right:0;margin-top:0;width:50%;}
}
@media screen and (min-width:1200px) {
	.lay_text_bild_rechts {padding:9em 0;}
	.lay_text_bild_rechts.spezial {padding:4.5em 0;}
	.lay_text_bild_rechts > .inside > .ce_text:first-child {margin:0 calc(50% + 1.6875em) 0 0;}
}




/* Text mit Box rechts */
.lay_text_box_rechts {text-align:left;margin:0 auto;padding:4.5em 0;width:84%;max-width:calc(1024px + 2.25em);}
.lay_text_box_rechts > .inside {position:relative;width:100%;}
.lay_text_box_rechts .box_rechts {margin-top:3.375em;padding:2.25em 4.5em;background-color:#ededed;}
.lay_text_box_rechts .box_rechts h2 {margin-bottom:0.5em;}

#article-5 .lay_text_box_rechts .box_rechts figure {display:none;}

@media screen and (min-width:768px) {
}
@media screen and (min-width:960px) {
	.lay_text_box_rechts > .inside > .ce_text:first-child {margin:0 calc(50% + 1.6875em) 0 0;}
	.lay_text_box_rechts .box_rechts {position:absolute;top:0;right:0;margin-top:0;width:calc(50% - 9.125em);}
	#article-5 .lay_text_box_rechts .box_rechts figure {position:absolute;top:-1.25em;right:-0.75em;}
}
@media screen and (min-width:1200px) {
	.lay_text_box_rechts {padding:9em 0;}
}


/* Text */
.lay_galerie {text-align:left;margin:0 auto;padding:0;width:84%;max-width:calc(1024px + 2.25em);}
.lay_galerie ul {margin:0;padding:0;width:100%;}
.lay_galerie li {display:inline-block;margin:0;padding:0;width:calc(25% - 4px);}



/* Vier Box horizontal */
.lay_boxen_vier {text-align:left;margin:0 auto;padding:0 0 4.5em 0;width:84%;max-width:calc(1024px + 2.25em);}
.lay_boxen_vier > .inside {position:relative;width:100%;}
.lay_boxen_vier > .inside > div {padding-bottom:2.25em;width:100%;}
.lay_boxen_vier > .inside > div:last-child {padding-bottom:0;}
@media screen and (min-width:845px) {
	.lay_boxen_vier > .inside {column-count:4;column-gap:2.25em;}
	.lay_boxen_vier > .inside > div {padding-bottom:0;min-height:249px;}
}
@media screen and (min-width:960px) {
	.lay_boxen_vier .box_rechts {position:absolute;top:0;right:0;margin-top:0;width:calc(50% - 9.125em);}
}
@media screen and (min-width:845px) and (max-width:1224px) {
	.lay_boxen_vier > .inside > div {padding-bottom:0;min-height:371px;}
}






/* Bild randabfallend */
.lay_bild_randabfallend {margin:0;padding:0;width:100%;}
.lay_bild_randabfallend .ce_image {margin:0;padding:0;width:100%;}
.lay_bild_randabfallend .ce_image img {width:100%;}



/* Events */
.mod_eventlist {margin:2.25em 0 0 0;}
.event_voranzeige {position:relative;width:100%;}
.event_voranzeige .header {width:100%;height:auto;}
.event_voranzeige .header > span {display:block;position:absolute;top:-12px;left:8%;z-index:100;padding:24px 16px;width:calc(136px - 32px);background-color:#383836;font-family: acumin-pro,sans-serif;font-weight:300;font-style:normal;color:#fff;}
.event_voranzeige .header > span::after {content:url('../img/bannerstueck-events-mobile.svg');position:absolute;top:-5px;right:-18px;width:18px;height:12px;}
.event_voranzeige .header span > span {display:block;font-size:24px;line-height:24px;font-weight:700;}
.event_voranzeige .header figure {width:100%;height:auto;background-position:center;background-size:cover;}
.event_voranzeige .layout_teaser {margin:0;padding:2.25em 8% 4.5em 8%;width:auto;background-color:#ededed;}
@media screen and (min-width:768px) {
	.mod_eventlist {margin:4.5em 0 0 0;}
	.event_voranzeige .header {position:absolute;top:0;left:0;width:50%;height:100%;}
	.event_voranzeige.odd .header {left:50%;}
	.event_voranzeige .header > span {top:4.5em;left:auto;right:-24px;padding:16px 24px;width:calc(172px - 48px);background-color:#383836;font-size:20px;font-family: acumin-pro,sans-serif;font-weight:300;font-style:normal;color:#fff;}
	.event_voranzeige.odd .header > span {left:-24px;right:auto;}
	.event_voranzeige .header > span::after {content:url('../img/bannerstueck-events-even.svg');position:absolute;top:auto;bottom:-10px;right:0;width:24px;height:16px;}
	.event_voranzeige.odd .header > span::after {content:url('../img/bannerstueck-events-odd.svg');right:auto;left:0;}
	.event_voranzeige .header span > span {display:block;font-size:32px;line-height:32px;font-weight:700;}
	.event_voranzeige .header figure {position:absolute;top:0;left:0;width:100%;height:100%;}
	.event_voranzeige .header figure img {display:none;}
	.event_voranzeige .layout_teaser {margin:0 0 0 50%;padding:9em 8% 9em 1.125em;width:calc(50% - 8% - 1.125em);}
	.event_voranzeige.odd .layout_teaser {margin:0 50% 0 0;padding:9em 1.125em 9em 8%;}
	.event_voranzeige .layout_teaser > div {margin:0 auto 0 0;padding-left:3.375em;max-width:calc(512px - 3.375em);}
	.event_voranzeige.odd .layout_teaser > div {margin:0 0 0 auto;padding-left:0;padding-right:3.375em;}
}
@media screen and (min-width:1200px) {
	.mod_eventlist {margin:6.75em 0 0 0;}
}




/* Infoletter subscribe */
.mod_subscribe {margin:0;width:100%;height:auto;}

/* Formular */
.mod_subscribe .widget {display:inline-block;vertical-align:top;width:auto;}

.mod_subscribe .widget-text input::placeholder {color:#aaa;}

.mod_subscribe input[type='email'] {font-size:1em;font-family:acumin-pro,sans-serif;font-weight:300;text-align:left;display:block;margin:0;border:1px solid #ededed;padding:0.25em 0.75em;width:192px;height:auto;background-color:#fff;border-radius:4px;outline:none;transition:border 0.25s ease;}
.mod_subscribe input[type='email']:hover {border:1px solid #fff;}
.mod_subscribe input[type='email']:focus {border:1px solid #000;}

.mod_subscribe .widget-submit button {margin:1px 0 0 0;border:1px solid #ededed;padding:0;width:31px;height:31px;border-radius:4px;background:#000;cursor:pointer;transition:all 0.25s ease-out;}
.mod_subscribe .widget-submit button:hover {border:1px solid #000;}
.mod_subscribe .widget-submit button:active {border:1px solid #e74440;background:#e74440;}
.mod_subscribe .widget-submit button img {width:29px;height:29px;cursor:pointer;}

.mod_subscribe .confirm {display:inline-block;background:#059827;color:#fff;border-radius:4px;padding:0.25em 0.75em;}


/* Vorstand Portraits */
/* AMDA | Layout */

#wrapper {position:relative;}


/* Portraits */
.portraits {
	margin:4.5em auto;
    text-align: center;
    padding: 0 4.5em;
    width:calc(100% - 9em);
    max-width:1188px;
    height: auto;
}

.portraits li {
    column-count: 1;
    display: inline-block;
    margin:1.125em;
    border: 0;
    padding: 0;
    width: 210px;
    vertical-align: top;
}

.portraits figure {
    display: block;
    position: relative;
    margin: 0;
    border: 0;
    padding: 0;
    width: 210px;
    height: auto;
    border-radius: 0;
}

.portraits .ce_gallery figcaption {text-align:left;color:#fff;position:absolute;bottom:-8px;left:-16px;padding:0.25em 0.5em;width:auto;border:0;background:#333;}
.portraits .ce_gallery figcaption::before {content:url('../img/bannereck.svg');display:block;position:absolute;top:-17px;left:0;width:16px;height:8px;}

.portraits img {
    display: block;
    margin: 0;
    border: 0;
    padding: 0;
    width: auto;
    height: auto;
}

.portraits li p {
    margin: 1em 2em;
}

.portraits p strong {
    font-weight: normal;
}


@media screen and (min-width:1200px) {
	.portraits {margin:9em auto;}
}

/* Agenda Banner */
.agendabanner {width:100%;height:auto;margin-top:3em;text-align:center;cursor:pointer;}
.agendabanner img {display:inline-block;cursor:pointer;}

/* Text */
.back {text-align:center;margin:0 auto 4.5em auto;padding:0;}

/* Aktuell */
.folgesection {padding-top:0;}
@media screen and (min-width:768px) {
	.aktuell1 .lay_text_bild_rechts {min-height:360px;}
}

.mod_eventlist .empty {display:none;}


/* QR-Code Bildhoehe */
@media screen and (min-width:960px) {
	#zahlungsinfos .inside {min-height:242px;}
}