/* --- Basic Spacings --- */

/* #page.fancyPage{padding:40px} */
.loggedIn main > article > *{padding-top:40px}

#menuBox,main > article > *,footer{padding-right:5%;padding-left:5%}

.ceItem.gridContainer .col > *{padding:40px 10% 0}
.ceItem.gridContainer .col > *:last-child{padding-bottom:40px}
.ceItem.gridContainer .col-1 > *:not(.hasBg){padding-right:0}
.ceItem.gridContainer .col-2 > *:not(.hasBg){padding-left:0}


/* --- MENUBOX --- */

nav#menuBox{display:block;position:relative;z-index:2;width:100%;height:100px;text-align:center;background-color:#384047}

.logoWrap{display:inline-block;width:15vw}
.logoWrap *{width:100%}
.logoWrap a{width:auto}
.logoWrap > *{position:absolute;top:20px;left:0}
.logoWrap img{width:15vw!important;height:auto!important}

.menuWrap,.menuWrap > *,.menuWrap .itemWrap{height:100%}
.menuWrap > *{width:auto!important}
.menuWrap > *.clickMenu{display:inline-block}
.menuWrap > * ~ *{margin-left:2vw!important}


/* --- MEDIABOX --- */

header#mediaBox{width:100%;height:30vw}


/* --- MAINBOX --- */

main{width:100%!important;height:100%!important;min-height:100vh!important;background-color:#24292e}
.lightMode main{background-color:#edeffd}
.customerCenter main *,main .darkMode *{color:#fff}
main > article{position:relative}

main > article > *{display:inline-block;margin-top:40px;width:100%}
main > article > *:first-child{margin-top:0}
main > article > *:last-child{margin-bottom:40px}

.customerCenter main > article #leftBox,.customerCenter main > article #rightBox{display:inline-block}

.customerCenter main > article #leftBox{width:30%;position:fixed;top:0;left:0;padding:40px}
.customerCenter main > article #leftBox::before{content:'';display:inline-block;margin:0 calc(50% - 20px) 20px;width:54px;height:54px;background-image:url(../../../../../fileadmin/Bilder/Brand/signet-grn.svg);background-size:contain;background-position:0 center;background-repeat:no-repeat}

.customerCenter main > article #rightBox{width:70%;margin:0 0 0 30%;padding-left:40px;border-left:2px solid #384047}
/* .customerCenter main > article #rightBox > *:first-child ~ *{min-height:100vh} */

.fancyPage main,.fancyPage main > article,.fancyPage main > article > *{width:100%!important}
.fancyPage main > article > *{display:block;margin:0;padding:3% 5% 5%}


/* --- FOOTERBOX --- */

footer{z-index:2;padding-top:40px;padding-bottom:40px;background-color:#384047;-webkit-border-radius:60px 60px 0 0;border-radius:60px 60px 0 0}
main ~ footer{position:relative;bottom:unset;left:unset}
nav + footer{position:fixed;bottom:0;left:0;width:100%}

footer *{color:#fff}

footer #toTopBox{text-align:center}