body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
#wrapper{width:960px;margin:0 auto}.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article [class^=ce_],.mod_article [class*=" ce_"],.mod_article [class^=content-],.mod_article [class*=" content-"],.mod_article [class^=mod_],.mod_article [class*=" mod_"]{margin-left:10px;margin-right:10px}.ce_sliderStart>.content-slider{margin-left:0;margin-right:0}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article [class^=layout_]>*,.mod_article [class*=" layout_"]>*,.mod_article [class^=event_]>*,.mod_article [class*=" event_"]>*{margin-left:10px;margin-right:10px}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px!important}.offset2{margin-left:170px!important}.offset3{margin-left:250px!important}.offset4{margin-left:330px!important}.offset5{margin-left:410px!important}.offset6{margin-left:490px!important}.offset7{margin-left:570px!important}.offset8{margin-left:650px!important}.offset9{margin-left:730px!important}.offset10{margin-left:810px!important}.offset11{margin-left:890px!important}.offset12{margin-left:970px!important}.mod_article.offset1{margin-left:80px!important}.mod_article.offset2{margin-left:160px!important}.mod_article.offset3{margin-left:240px!important}.mod_article.offset4{margin-left:320px!important}.mod_article.offset5{margin-left:400px!important}.mod_article.offset6{margin-left:480px!important}.mod_article.offset7{margin-left:560px!important}.mod_article.offset8{margin-left:640px!important}.mod_article.offset9{margin-left:720px!important}.mod_article.offset10{margin-left:800px!important}.mod_article.offset11{margin-left:880px!important}.mod_article.offset12{margin-left:960px!important}@media (min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px!important}.offset2{margin-left:134px!important}.offset3{margin-left:196px!important}.offset4{margin-left:258px!important}.offset5{margin-left:320px!important}.offset6{margin-left:382px!important}.offset7{margin-left:444px!important}.offset8{margin-left:506px!important}.offset9{margin-left:568px!important}.offset10{margin-left:630px!important}.offset11{margin-left:692px!important}.offset12{margin-left:754px!important}.mod_article.offset1{margin-left:62px!important}.mod_article.offset2{margin-left:124px!important}.mod_article.offset3{margin-left:186px!important}.mod_article.offset4{margin-left:248px!important}.mod_article.offset5{margin-left:310px!important}.mod_article.offset6{margin-left:372px!important}.mod_article.offset7{margin-left:434px!important}.mod_article.offset8{margin-left:496px!important}.mod_article.offset9{margin-left:558px!important}.mod_article.offset10{margin-left:620px!important}.mod_article.offset11{margin-left:682px!important}.mod_article.offset12{margin-left:744px!important}}@media (max-width:767px){#wrapper{width:auto}.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{float:none!important;display:block!important;width:auto!important}.offset1,.offset2,.offset3,.offset4,.offset5,.offset6,.offset7,.offset8,.offset9,.offset10,.offset11,.offset12{margin-left:10px!important}}
body {
    height:100vh;
    background-color:#F3D599;
    color:#000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#wrapper{
	width: 95vw;
	margin: 0 auto;
}
p {
    margin: 0 0 10px;
}
.h2,
h2 {
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: #70706f;
}
.h3,
h3 {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
figure{
	padding-right: 15px;
}
.ahnengrid {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: start;
}
.ahnenname {
    grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 1;
}
.ahnenperson {
    grid-row-start: 2;
        grid-row-end: 2;
        grid-column-start: 1;
        grid-column-end: 1;
}
.ahneneltern {
    grid-row-start: 2;
        grid-row-end: 2;
        grid-column-start: 2;
        grid-column-end: 2;
}
.ahnenpartner {
    grid-row-start: 2;
        grid-row-end: 2;
        grid-column-start: 3;
        grid-column-end: 3;
}
#tree {
    grid-row-start: 3;
        grid-row-end: 3;
        grid-column-start: 1;
        grid-column-end: 3;
}
.namengrid {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    justify-items: start;
}
.vnamengrid {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-items: start;
}

/*** Navigation ***/ 
.menu-list li{
    list-style-type: none;
    padding-bottom: 10px;
    font-size: 1.5rem;
    }
@media (min-width:800px) {
    .main-menu ul {
    list-style-type: none;
    text-align:left;
    padding: 20px 20px;
    }
	
    .main-menu ul.level_1 > li {
    display: inline-block;
    font-size: 1.5rem;
    }
	
    .main-menu .level_2 {
    left: auto;
    position: fixed;
    background: #FFAC0B;
    padding: 20px;
	max-height: 0;
	z-index: 1001;
	visibility: hidden;
    }

	.main-menu li:hover ul.level_2{
		max-height: 100%;
		visibility: visible;
	}
    .main-menu ul.level_1 > li:not(.last)::after {
        content: '|';
        padding: 0px 10px;
    } 

    .main-menu ul.level_2 > li {
        display: list-item !important;
        padding: 5px 0px;
		text-align:left;
		font-size: smaller;
    }

    .main-menu a {
        text-decoration: none;
        color: var(--main-color);
    }
}
@media (max-width:799px) {
    .main-menu, .menu-list {
    display:none;
    }
}


.navbar {
    min-height:85px;
    margin:-8px;
	margin-right: -2vw;
    margin-left: -2vw;
    background-color:#FFC450;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
.navbar-nav {
    margin-top:25px;
    margin-left:9px;
    font:25px caption;
}
.nav>li>a:focus,
.nav>li>a:hover {
    background-color:#FFAC0B;
    text-decoration:none;
}
.navbar-nav  li  a {
    color:#888786;
}
.navbar-brand {
    left:0;
    position:absolute;
    margin-top:10px;
    margin-left:-15px;
    padding-top:0;
    padding-bottom:0;
}
.navbar-fixed-top {
    padding-right:15px;
    padding-left:15px;
	top: 0;
    border-width: 0 0 1px;
}
.navbar-left {
    padding-left:165px;
}
.navbar-nav > .open > a,
.navbar-nav > .open > a:focus,
.navbar-nav > .open > a:hover {
    background-color:#FFAC0B;
    color:#888786;
}
.top {
    top:-100px;
    position:relative;
    display:block;
}
.top h6 {
    font-size:0px;
}
a {
    text-decoration:none;
    color:#5f5e5d;
}
link {
    text-decoration:none;
    color:#888786;
}
.container-fluid {
    min-height:100vh;
    margin:0;
    padding:85px 0 20px;
}
h1 {
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    font-size:5vw;
}
.row {
    margin-right:5px;
    margin-left:5px;
}
.img-responsive {
    width:100%;
    margin-right:auto;
    margin-left:auto;
    vertical-align:middle;
}
section li {
    margin-left:-25px;
}
.listHorizon {
    color:rgba(240,240,240,.9);
}
.listHorizont li {
    display:inline;
    padding-right:5px;
    padding-left:5px;
    font-size:3vw;
}
.person {
    margin-right:15px;
    margin-left:15px;
    color:#70706f;
}
#vorwort {
    min-height:300px;
    margin-right:15px;
    margin-left:15px;
}
#statistik {
    margin-top:30px;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}