#jl_contentArea {
            /*max-width:1280px;
            margin:20px;
            padding:10px;
            border:1px dotted grey;
            */
}

/* Falls die Module beim Zusammenschieben bis an den Rand gehen sollen:
#jl_contentArea >.pb_s {
            max-width: 1170px;
            margin:auto;
            margin-bottom:40px;

}*/
#jl_contentArea >.pb_s {
            max-width: 1230px;
            margin:auto;
            margin-bottom:40px;
}
#jl_contentArea >.pb_s:first-child {
            margin-top:30px;
}

#jl_contentArea >.pb_s.sec_spcTop{margin-top:40px;} /* Abstand oben */
#jl_contentArea >.pb_s.sec_noSpcTop{margin-top:0px;} /* Kein Abstand oben */
#jl_contentArea >.pb_s.sec_noSpcTopBottom{margin-top:0px;margin-bottom:0px;} /* Kein Abstand oben und unten*/
#jl_contentArea >.pb_s.sec_spcFlatBMg {margin-bottom:10px;} /* geringerer Abstand unterhalb */
#jl_contentArea >.pb_s.sec_spcHighBMg {margin-bottom:80px;} /* hoher Abstand unterhalb */
#jl_contentArea >.pb_s.sec_hidden {display:none;} /* Sektion versteckt */

/* Clearfix : floats vor und nach der Sektion auflösen */
#jl_contentArea >.pb_s:after, #jl_contentArea >.pb_s:before {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
/* Klassen für Sektionen (ModuleContainerAreas und Module der ersten Ebene) */
#jl_contentArea > .pb_s.module_header{
    width:100%;
    margin:auto;
}
#jl_contentArea > .pb_s.module_standard{
    width: 960px;
    margin:auto;
}
#jl_contentArea > .pb_s.module_wide{
    width:1280px;
    margin:auto;
}
#jl_contentArea > .pb_s.module_footer{
    width:100%;
    margin:auto;
}

/* Falls es zwischen den ModulContainern in einer ModulMontainerArea kein padding geben soll */
/*#jl_contentArea > .pb_s.noPaddingBetween .pb_s_content .pb_mc{
    margin-right:0px;        
}*/

/* Falls die Module beim Zusammenschieben bis an den Rand gehen sollen: 
/*#jl_contentArea .pb_s_content, #jl_contentArea .pb_s_content_main{
    width:1170px;
    margin:auto;
}*/
#jl_contentArea .pb_s_content, #jl_contentArea .pb_s_content_main{
    width:1230px;
    margin:auto;
    padding: 0 15px;
}
#jl_contentArea > .pb_s.section_fullWidth{
    width:100%;
    max-width: 100%;
}
#jl_contentArea > .pb_s.section_fullWidth .pb_s_content{
    width:100%;
    overflow: hidden;
}
#jl_contentArea > .pb_s.section_fullWidth .pb_s_content .pb_s_contentInner{
    margin: 0 -30px 0 -30px;
}
#jl_contentArea > .pb_s.section_fullWidthBackground{
    background-color:#eeeeee;
    width:100%;
    max-width: 100%;
    margin-top:0px;
    /*margin-bottom:40px;*/
}
/* Falls die Module beim Zusammenschieben bis an den Rand gehen sollen: 
#jl_contentArea > .pb_s.section_fullWidthBackground .pb_s_content{
    margin-top: 0px;
    padding: 20px 0; 
}*/
#jl_contentArea > .pb_s.section_fullWidthBackground .pb_s_content{
    margin-top: 0px;
    padding: 20px 15px; 
}


h3 {font-size: 2.4rem; line-height: 2.6rem;}
h2 {font-size: 2.0rem; line-height: 2.2rem; color: #999;}



/* Spezial MediumRectangle */
.pb_s.pb_mca_2.pb_mca_medrect .pb_mc.pb_c_3_2 {width:72.5%;}
.pb_s.pb_mca_2.pb_mca_medrect .pb_mc.pb_c_3_1 {width:27.5%;}

/* --- Gridaufteilung Module --- */
.pb_ce {position:relative; float:left; width: 100%; padding: 0px 15px 30px 15px; /* padding: 3px; background: lightgray;border: 1px solid #aaaaaa;*/}
.pb_s .pb_ce {margin-bottom: 0px;}
.pb_ce > div{width:100%;}

/*.pb_ce img{width:100%;display:none;}
.pb_ce div{height:100px;}*/

.pb_s.pb_m.pb_c_1 .pb_ce {width: 100%}
.pb_s.pb_m.pb_c_2 .pb_ce {width: 50%;}
.pb_s.pb_m.pb_c_3 .pb_ce {width: 33.333333%;}
.pb_s.pb_m.pb_c_4 .pb_ce {width: 25%;}
.pb_s.pb_m.pb_c_5 .pb_ce {width: 20%;}

/* --- Gridaufteilung von ModuleContainern innerhalb von ModuleContainerArea --- */
/* ModulContainer */

.pb_mc  {float:left; width: 100%; margin-right: 0;} /* Die ModuleContainer standardmässig auf 100% setzen und nur für die Abweichungen andere Stylesheets setzen */	
.pb_mc.pb_c_2_1 {width: 50%;} /* Bei Grid 1-1 */
.pb_mc.pb_c_3_1 {width: 33.333333%;} /* Bei Grid 2-1, 1-2 */
.pb_mc.pb_c_3_2 {width: 66.666666%;} /* Bei Grid 2-1, 1-2 */

.pb_mc.pb_c_4_1 {width: 25%;} /* Bei Grid 3-1, 1-3, 1-1-2, 1-2-1, 2-1-1 */
.pb_mc.pb_c_4_2 {width: 50%;} /* Bei Grid 2-2, 1-1-2, 1-2-1, 2-1-1 */
.pb_mc.pb_c_4_3 {width: 75%;} /* Bei Grid 3-1, 1-3 */

/* Falls die Module beim Zusammenschieben bis an den Rand gehen sollen: 
.pb_s_content .pb_s_contentInner{
           margin: 0 -15px 0 -15px;
}
*/
.pb_s_content .pb_s_contentInner{
           margin: 0;
}
/* Falls es eineHintergrundfarbe gibt, die Margins anpassen */
.pb_s_content .pb_s_contentInner > div.mo_color{
            margin: 0 15px 0 15px;
}
.pb_s_content .pb_s_contentInner > div.mo_color > div{
            margin: 0 -15px 0 -15px;
}
.pb_s_content .pb_s_contentInner > div.mo_color > div .mo_data{
            margin: 0 0;
}

/* ModulContainerArea, bei der die Modulinhalte direkt nebeneinander liegen sollen (Die Abstände bei den ModulContainern und Contentelementen entfernen) */ 
#jl_contentArea > .pb_s.noPaddingBetween .pb_s_content{
    padding: 20px 30px; /* Falls die Module beim Zusammenschieben nicht bis an den Rand gehen sollen*/
}
#jl_contentArea > .pb_s.noPaddingBetween .pb_s_content .pb_s_contentInner{
    width: 100%;
    margin: 0 0 0 0;     
}
#jl_contentArea > .pb_s.noPaddingBetween .pb_s_content .pb_ce{
   padding-left:0;
   padding-right:0; 
}
#jl_contentArea > .pb_s.noPaddingBetween .pb_s_content .shd .pb_s_contentInner .pb_mc:first-child,
#jl_contentArea > .pb_s.noPaddingBetween .pb_s_content .pb_s_contentInner.shd .pb_mc:first-child,
#jl_contentArea > .pb_s.noPaddingBetween .pb_s_content .shd .pb_s_contentInner .pb_mc:last-child,
#jl_contentArea > .pb_s.noPaddingBetween .pb_s_content .pb_s_contentInner.shd .pb_mc:last-child{
   padding:0;         
}
/* ModulContainerArea mit Schatten, bei der die Modulelemente aber den Abstand beibehalten */
#jl_contentArea > .pb_s .pb_s_content .shd .pb_s_contentInner,
#jl_contentArea > .pb_s .pb_s_content .pb_s_contentInner.shd{
    width: 100%;
    margin: 0 0 0 0;     
}
#jl_contentArea > .pb_s .pb_s_content .shd .pb_s_contentInner .pb_mc:first-child,
#jl_contentArea > .pb_s .pb_s_content .pb_s_contentInner.shd .pb_mc:first-child
{padding-left:15px;}
#jl_contentArea > .pb_s .pb_s_content .shd .pb_s_contentInner .pb_mc:last-child,
#jl_contentArea > .pb_s .pb_s_content .pb_s_contentInner.shd .pb_mc:last-child
{padding-right:15px;}

/* Die Abstände bei den ContentElementen entfernen deren Modul auch gleich eine Sektion ist */
/* gibts nicht mehr ?
#jl_contentArea > .pb_s.pb_m > .pb_s_content > .pb_ce{
   padding:0;        
}
*/
.pb_mc .pb_m {width: 100%; margin-right: 0; /*background: lightgreen;*/} /* Die Module sind immer 100% */	

/* Elemente innerhalb der Module */
.pb_mc .pb_m .pb_ce {width: 100%; } /* Die ContentElemente standardmässig auf 100% setzen und nur für die Abweichungen andere Stylesheets setzen */
.pb_m.pb_c_3_2_2 .pb_ce {width: 50%;}

.pb_m.pb_c_4_2_2 .pb_ce {width: 50%; }
.pb_m.pb_c_4_3_3 .pb_ce {width: 33.333333%;}

.pb_m.pb_c_4_3_2 .pb_ce {width: 50%; }

/*Die vertikalen Abstände der Contentelemente anpassen. Alle haben kein vertikales Padding aber ein Margin-Top. In der ersten Zeile wird das Margin-Top bei den Elementen entfernt. */
.pb_m .mo_data .pb_ce {
            padding-bottom:0px;
            padding-top:0px;
            margin-top:30px;
}
.pb_mg_1 .mo_data .pb_ce:nth-child(-n+1),
.pb_mg_2 .mo_data .pb_ce:nth-child(-n+2),
.pb_mg_3 .mo_data .pb_ce:nth-child(-n+3),
.pb_mg_4 .mo_data .pb_ce:nth-child(-n+4){
            margin-top:0;
}

/* Sichtbarkeit von Lückenfüllern (Gapfiller) */
.pb_ce.gf_nb {display:flex;}
.pb_ce.gf_n {display:flex;}
.pb_ce.gf_b {display:none;}

/* Falls die Module beim Zusammenschieben bis an den Rand gehen sollen: 
@media screen and (max-width:1170px) {
            #jl_contentArea .pb_s_content, #jl_contentArea .pb_s_content_main{
                        width:100%;
            }
}*/
@media screen and (max-width:1230px) {
            #jl_contentArea .pb_s_content, #jl_contentArea .pb_s_content_main{
                        width:100%;
            }
}
/* Breakpoint für 3er bzw. 4er Raster zu 2er Raster  */
/*770px*/
@media screen and (max-width:990px) {
    
    #jl_contentArea >.pb_s { margin-bottom:25px;}    
    /* Sichtbarkeit von Lückenfüllern */
            .pb_ce.gf_nb {display:flex;}
            .pb_ce.gf_n {display:none;}
            .pb_ce.gf_b {display:flex;}
            
            /* --- Gridaufteilung Module --- */
            /*.pb_s.pb_m.pb_c_3 .pb_ce {width: 50%; }*/ 
            .pb_s.pb_m.pb_c_3 .pb_ce {width: 100%; }
            .pb_s.pb_m.pb_c_4 .pb_ce {width: 50%; }
            .pb_s.pb_m.pb_c_5 .pb_ce {width: 25%; }
            

            /* --- Gridaufteilung von ModuleContainern innerhalb von ModuleContainerArea --- */
            /* ModuleContainer */
            .pb_mc.pb_c_3_1 {width: 100%;} 
            .pb_mc.pb_c_3_2 {width: 100%;}
            .pb_mc.pb_c_4_1 {width: 100%;} 
            .pb_mc.pb_c_4_2 {width: 100%;}
            .pb_mc.pb_c_4_3 {width: 100%;}
            /* Sonderfall 3 1er Container nebeneinander -> die ersten beiden Container müssen nebeneinander stehen */
            .pb_mcag_1_1_1 .pb_mc.pb_c_3_1:nth-child(-n+2){
                   /*width: 50%; */
                   width: 100%;
                   padding-bottom:30px; 
            }
            .pb_mcag_1_1_1 .pb_mc.pb_c_3_1:nth-child(-n+2) .pb_ce{
                   width: 100%;    
            }
            
            /* Spezial MediumRectangle */
            .pb_s.pb_mca_2.pb_mca_medrect .pb_mc.pb_c_3_2 {width:100%;}
            .pb_s.pb_mca_2.pb_mca_medrect .pb_mc.pb_c_3_1 {width:100%;}
            
            /* Module in ModulContainern */
            .pb_mc.pb_c_2_1 .pb_mg_1 .pb_ce,
            .pb_mc.pb_c_3_1 .pb_mg_1 .pb_ce,
            .pb_mc.pb_c_4_1 .pb_mg_1 .pb_ce, 
            .pb_mc.pb_c_4_3 .pb_mg_3 .pb_ce {
                       /* width: 50%;*/
                        width: 100%;
            } 
                        
            /* --- Den vertikalen Abstand der Contentelemente anpassen --- */
              /* Die bisherige Anpassung zurücknehmen */
            .pb_mg_1 .mo_data .pb_ce:nth-child(-n+1),
            .pb_mg_2 .mo_data .pb_ce:nth-child(-n+2),
            .pb_mg_3 .mo_data .pb_ce:nth-child(-n+3),
            .pb_mg_4 .mo_data .pb_ce:nth-child(-n+4){
                        margin-top: 30px;
            }
              /* Den neuen Abstand setzen */
            /* vertikaler Abstand wenn 3, 4 zu 2 */
            /*
            .pb_mg_1 .mo_data .pb_ce:nth-child(-n+1),
            .pb_mg_2 .mo_data .pb_ce:nth-child(-n+1),
            .pb_mg_3 .mo_data .pb_ce:nth-child(-n+2),
            .pb_mg_4 .mo_data .pb_ce:nth-child(-n+2){
                        margin-top: 0px;
            }*/
            /* vertikaler Abstand wenn 3 zu 1 und 4 zu 2 */
            .pb_mg_1 .mo_data .pb_ce:nth-child(-n+1),
            .pb_mg_2 .mo_data .pb_ce:nth-child(-n+2),
            .pb_mg_3 .mo_data .pb_ce:nth-child(-n+1),
            .pb_mg_4 .mo_data .pb_ce:nth-child(-n+2){
                        margin-top: 0px;
            }
            
            
            /* Vertikaler Abstand von Modulcontainern (Bei allen einen Abstand nach oben bis auf den ersten) */
            .pb_mca_2 .pb_s_contentInner .pb_mc{
                        margin-top: 30px;
            }
            .pb_mca_2 .pb_s_contentInner .pb_mc:nth-child(-n+1),
            .pb_mca_2 .pb_s_contentInner .pb_mc.pb_c_2_1:nth-child(-n+2){
                        margin-top: 0px;
            }
            /* Vertikaler Abstand von Lückenfüllern in Modulen in Modulcontainern */
            .pb_mc.pb_c_2_1 .pb_mg_1 .pb_ce,
            .pb_mc.pb_c_3_1 .pb_mg_1 .pb_ce,
            .pb_mc.pb_c_4_1 .pb_mg_1 .pb_ce {
                     margin-top:0px;   
            }
            
            /* Bei noPadding die ursprünglichen Abstände wieder rein */
            /* Falls die Module beim Zusammenschieben bis an den Rand gehen sollen: 
           #jl_contentArea > .pb_s.noPaddingBetween .pb_s_content .pb_s_contentInner{
                        width: calc(100% + 30px);
                        margin: 0 -15px 0 -15px;     
            }
            #jl_contentArea > .pb_s.noPaddingBetween .pb_s_content .pb_ce {
                        padding-left: 15px;
                        padding-right: 15px;
            }
            */
            #jl_contentArea > .pb_s.noPaddingBetween .pb_s_content .pb_mca_title{
                        margin-left: -15px;
            }
            #jl_contentArea > .pb_s.noPaddingBetween .pb_s_content .pb_s_contentInner{
                        width: calc(100% + 30px);
                        margin: 0 -15px 0 -15px;     
            }
            #jl_contentArea > .pb_s.noPaddingBetween .pb_s_content{
                      padding-left: 45px;
                      padding-right: 45px; 
            }
            #jl_contentArea > .pb_s.noPaddingBetween .pb_s_content .pb_s_contentInner .pb_mc{
                        width: calc(100% + 30px);
                        margin-left: -15px;
                        margin-right: -15px;
            }
            #jl_contentArea > .pb_s.noPaddingBetween .pb_s_content .pb_ce {
                        padding-left: 15px;
                        padding-right: 15px;
            }
            
}
/* Breakpoint  für 2er Raster zu 1er Raster */
@media screen and (max-width:810px) {
            .pb_s.pb_m.pb_c_5 .pb_ce {width: 33.333333%; }
}
/* Breakpoint  für 2er Raster zu 1er Raster */
/* 370px */
@media screen and (max-width:600px) {
            #jl_contentArea .pb_s_content, #jl_contentArea .pb_s_content_main{
                        min-width:300px;
            }
            /* Sichtbarkeit von Lückenfüllern */
            .pb_ce.gf_nb {display:none;}
            .pb_ce.gf_n {display:none;}
            .pb_ce.gf_b {display:none;}
            
            /*#jl_contentArea >.pb_s {
                        min-width: 370px;
            }*/
            
            /* --- Gridaufteilung Module --- */
            .pb_s.pb_m.pb_c_2 .pb_ce {width: 100%;margin-right: 0;}
            .pb_s.pb_m.pb_c_3 .pb_ce {width:100%; margin-right: 0;} 
            .pb_s.pb_m.pb_c_4 .pb_ce {width: 100%; margin-right: 0;}
            .pb_s.pb_m.pb_c_5 .pb_ce {width: 50%; }
           
            
            /* --- Gridaufteilung von ModuleContainern innerhalb von ModuleContainerArea --- */
            
            .pb_mcag_1_1_1 .pb_mc.pb_c_3_1:nth-child(-n+2){
                   width: 100%;   
            }
            
             /* Module in ModulContainern */
            .pb_mc.pb_c_2_1 .pb_mg_1 .pb_ce,
            .pb_mc.pb_c_3_1 .pb_mg_1 .pb_ce,
            .pb_mc.pb_c_4_1 .pb_mg_1 .pb_ce, 
            .pb_mc.pb_c_4_3 .pb_mg_3 .pb_ce {width: 100%;} 
                                              
            
            /* Submodule */
            .pb_mc.pb_c_2_1 {width:100%;} 
            .pb_mc.pb_c_3_1 {width: 100%;} 
            .pb_mc.pb_c_3_2 {width: 100%;}
            .pb_mc.pb_c_4_1 {width: 100%;}
            .pb_mc.pb_c_4_2 {width: 100%;}
            .pb_mc.pb_c_4_3 {width: 100%;}
            
            /* Den vertikalen Abstand der Contentelemente anpassen */
              /* Die bisherige Anpassung zurücknehmen */
            /* Den neuen Abstand setzen */
            .pb_mg_1 .mo_data .pb_ce:nth-child(-n+1),
            .pb_mg_2 .mo_data .pb_ce:nth-child(-n+2),
            .pb_mg_3 .mo_data .pb_ce:nth-child(-n+2),
            .pb_mg_4 .mo_data .pb_ce:nth-child(-n+2){
                        margin-top: 30px;
            }
              /* Den neuen Abstand setzen */
            .pb_mg_1 .mo_data .pb_ce:nth-child(-n+1),
            .pb_mg_2 .mo_data .pb_ce:nth-child(-n+1),
            .pb_mg_3 .mo_data .pb_ce:nth-child(-n+1),
            .pb_mg_4 .mo_data .pb_ce:nth-child(-n+1){
                        margin-top: 0px;
            }
            
}
/* Breakpoint  für 2er Raster zu 1er Raster */
@media screen and (max-width:470px) {
            .pb_s.pb_m.pb_c_5 .pb_ce {width: 100%; margin-right: 0;}
}