*#dm *.dmBody div.u_1324984068
{
	background-color:var(--color_1) !important;
	background-image:initial !important;
}
*#dm *.dmBody *.u_1283096875 .svg
{
	width:100% !important;
}
*#dm *.dmBody div.u_1283096875
{
	padding:25% !important;
	border-radius:50% !important;
	border-color:rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) !important;
	border-width:0px 0px 0px 0px !important;
	border-style:solid !important;
	background-color:var(--color_3) !important;
	background-image:initial !important;
}
*#dm *.dmBody div.u_1283096875 .svg
{
	fill:var(--color_1) !important;
}
*#dm *.dmBody *.u_1821896284 .svg
{
	width:100% !important;
}
*#dm *.dmBody div.u_1821896284
{
	padding:25% !important;
	border-radius:50% !important;
	border-color:rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) !important;
	border-width:0px 0px 0px 0px !important;
	border-style:solid !important;
	background-color:var(--color_3) !important;
	background-image:initial !important;
}
*#dm *.dmBody div.u_1821896284 .svg
{
	fill:var(--color_1) !important;
}
*#dm *.dmBody *.u_1197904527 .svg
{
	width:100% !important;
}
*#dm *.dmBody *.u_1640469118 .svg
{
	width:100% !important;
}
*#dm *.dmBody *.u_1014549254 .svg
{
	width:100% !important;
}
*#dm *.dmBody div.u_1014549254
{
	padding:25% !important;
	border-radius:50% !important;
	border-color:rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) !important;
	border-width:0px 0px 0px 0px !important;
	border-style:solid !important;
	background-color:var(--color_3) !important;
	background-image:initial !important;
}
*#dm *.dmBody div.u_1014549254 .svg
{
	fill:var(--color_1) !important;
}
*#dm *.dmBody div.u_1197904527
{
	padding:25% !important;
	border-radius:50% !important;
	border-color:rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) !important;
	border-width:0px 0px 0px 0px !important;
	border-style:solid !important;
	background-color:var(--color_1) !important;
	background-image:initial !important;
}
*#dm *.dmBody div.u_1197904527 .svg
{
	fill:var(--color_3) !important;
}
*#dm *.dmBody div.u_1640469118
{
	padding:25% !important;
	border-radius:50% !important;
	border-color:rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) !important;
	border-width:0px 0px 0px 0px !important;
	border-style:solid !important;
	background-color:var(--color_1) !important;
	background-image:initial !important;
}
*#dm *.dmBody div.u_1640469118 .svg
{
	fill:var(--color_3) !important;
}
*#dm *.dmBody nav.u_1051733642
{
	color:black !important;
}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#\32 277bce6 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    justify-content: flex-end;
    padding: 16px 16px 16px 16px;
}
    
#d96e5698 {
    padding-top: 4%;
    padding-bottom: 4%;
    min-height: 700px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
}
    
#\39 14f6f65::before, #\39 14f6f65 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.3;
    border-radius: inherit;
    background-image: linear-gradient(180deg, rgba(217, 217, 217, 1) 0%, rgba(38, 153, 209, 1) 100%);
}
#\39 14f6f65 {
    background-image: url(https://le-de.cdn-website.com/0ad84b04d3f94b0180f8f72590ed8d7f/dms3rep/multi/opt/St.+Johannisheim+e.V-8-1920w.jpg);
}
    
#widget_a13 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_2m1.flex-element.widget-wrapper > [data-element-type] {
    padding: 20px 20px 20px 20px;
}
#widget_2m1 {
    width: 54%;
    height: auto;
    max-width: 100%;
}
}



@media all {
    
#\31 a94866c {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
}
    
#\39 e07ccff {
    padding-top: 4%;
    padding-bottom: 4%;
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
}
    
#a65279f5 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    background-image: url(https://le-de.cdn-website.com/0ad84b04d3f94b0180f8f72590ed8d7f/dms3rep/multi/opt/St.+Johannisheim+e.V-17-1920w.jpg);
    box-shadow: rgba(0, 0, 0, 0.25) 3px 0px 11px 0px;
    padding: 16px 16px 16px 16px;
}
    
#widget_b1t {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_d3r {
    width: 280px;
    height: auto;
    max-width: 100%;
}
}



@media all {
    
#\38 5ce7237 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 16.8%;
    min-width: 4%;
    background-color: var(--color_1);
    background-image: initial;
    box-shadow: rgba(0, 0, 0, 0.25) 3px 0px 11px 0px;
    align-items: center;
    padding: 25px 25px 25px 25px;
}
    
#da1a46c9 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 4% 4% 4% 4%;
}
    
#\35 c7d1706::before, #\35 c7d1706 > .bgExtraLayerOverlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.3;
    border-radius: inherit;
}
#\35 c7d1706 {
    background-image: url(https://le-de.cdn-website.com/0ad84b04d3f94b0180f8f72590ed8d7f/dms3rep/multi/opt/St.+Johannisheim+e.V-28-1920w.jpg);
    background-attachment: fixed;
}
    
#widget_vl7 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#widget_mr0 {
    width: 100px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#widget_c9u {
    width: 280px;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#\30 b2a424a {
    align-items: center;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 16.8%;
    min-width: 4%;
    background-color: var(--color_1);
    background-image: initial;
    box-shadow: rgba(0, 0, 0, 0.25) 3px 0px 11px 0px;
    padding: 25px 25px 25px 25px;
}
    
#\32 30b0b8a {
    width: 280px;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#\33 14198e7 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#\37 f395bfc {
    width: 100px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\34 202132d {
    width: 100px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#db633e8a {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#\30 a81c29a {
    width: 280px;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#\39 888e674 {
    align-items: center;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 16.8%;
    min-width: 4%;
    background-color: var(--color_3);
    background-image: initial;
    box-shadow: rgba(0, 0, 0, 0.25) 3px 0px 11px 0px;
    padding: 25px 25px 25px 25px;
}
    
#\37 e9a7efa {
    align-items: center;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 16.8%;
    min-width: 4%;
    background-color: var(--color_3);
    background-image: initial;
    box-shadow: rgba(0, 0, 0, 0.25) 3px 0px 11px 0px;
    padding: 25px 25px 25px 25px;
}
    
#e4c61606 {
    width: 280px;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#\30 8413582 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#\35 50c684b {
    width: 100px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#\31 d885c27 {
    align-items: center;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 16.8%;
    min-width: 4%;
    background-color: var(--color_1);
    background-image: initial;
    box-shadow: rgba(0, 0, 0, 0.25) 3px 0px 11px 0px;
    padding: 25px 25px 25px 25px;
}
    
#ec9be78c {
    width: 100px;
    height: auto;
    max-width: 100%;
    order: 0;
}
    
#ffa195ae {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#\38 def535b {
    width: 280px;
    height: auto;
    max-width: 100%;
    order: 1;
}
}



@media all {
    
#\35 3080483 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#fc7064da {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    background-image: url(https://le-de.cdn-website.com/0ad84b04d3f94b0180f8f72590ed8d7f/dms3rep/multi/opt/St.-Johannisheim-e.V-30-1920w.png);
    box-shadow: rgba(0, 0, 0, 0.25) 3px 0px 11px 0px;
    order: 0;
    padding: 16px 16px 16px 16px;
}
    
#\31 4c3fe98 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 48%;
    min-width: 4%;
    order: 1;
    padding: 16px 16px 16px 16px;
}
    
#\39 c7a7396 {
    padding-top: 4%;
    padding-bottom: 4%;
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
}
    
#widget_b0a {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#a81fedd2 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_b32 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_i8k {
    width: 100%;
    height: auto;
    max-width: 100%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#d96e5698 {
    padding-left: 2%;
    padding-right: 2%;
}
    
#\39 14f6f65::before, #\39 14f6f65 > .bgExtraLayerOverlay {
    
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\39 e07ccff {
    padding-left: 2%;
    padding-right: 2%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#da1a46c9 {
    padding-left: 2%;
    padding-right: 2%;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 4%;
    min-height: 240px;
}
    
#\38 5ce7237 {
    width: 30.666666666666668%;
    flex: 1 1 auto;
    margin: 0% 0% 0% 0%;
}
    
#\37 e9a7efa {
    width: 30.666666666666668%;
    flex: 1 1 auto;
    margin: 0% 0% 0% 0%;
}
    
#\30 b2a424a {
    width: 30.666666666666668%;
    flex: 1 1 auto;
    margin: 0% 0% 0% 0%;
}
    
#\39 888e674 {
    width: 30.666666666666668%;
    flex: 1 1 auto;
    margin: 0% 0% 0% 0%;
}
    
#\31 d885c27 {
    width: 30.666666666666668%;
    flex: 1 1 auto;
    margin: 0% 0% 0% 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\39 c7a7396 {
    padding-left: 2%;
    padding-right: 2%;
}
}



@media (min-width: 1400px) {
    
#\39 14f6f65::before, #\39 14f6f65 > .bgExtraLayerOverlay {
    
}
}



@media (max-width: 767px) {
    
#\32 277bce6 {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
}
    
#d96e5698 {
    min-height: 0;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
    flex-wrap: nowrap;
    padding-top: 28%;
}
    
#\39 14f6f65::before, #\39 14f6f65 > .bgExtraLayerOverlay {
    
}
    
#widget_2m1 {
    width: 100%;
}
}



@media (max-width: 767px) {
    
#\31 a94866c {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
}
    
#\39 e07ccff {
    min-height: unset;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
}
    
#a65279f5 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding-top: 150px;
    padding-bottom: 150px;
}
}



@media (max-width: 767px) {
    
#\38 5ce7237 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#da1a46c9 {
    min-height: 0;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
    flex-wrap: nowrap;
}
    
#\30 b2a424a {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\39 888e674 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\37 e9a7efa {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\31 d885c27 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
}



@media (max-width: 767px) {
    
#fc7064da {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding-top: 150px;
    padding-bottom: 150px;
}
    
#\31 4c3fe98 {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
}
    
#\39 c7a7396 {
    min-height: unset;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
}
}



@media (min-width: 468px) and (max-width: 767px) {
    
#\39 14f6f65::before, #\39 14f6f65 > .bgExtraLayerOverlay {
    
}
}