html{scroll-behavior:smooth;}
div,span,a,h1,h2,h3,h4,h5,h6,p,ol,ul,li,input,textarea,footer,header,nav,section,article,main,aside{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html,body,div,span,a,h1,h2,h3,h4,h5,h6,p,blockquote,img,ol,ul,li,input,textarea,label,select,table,tbody,tfoot,thead,tr,th,td,footer,header,menu,nav,section,video{margin:0;padding:0;}

img{max-width:100%;height:auto;}

/*Start Sitestructure*/
.wrapper, header, .navi, footer, .outside{max-width:100%;}

.in{max-width:1170px;width:100%;}
.out{padding:var(--padSides);justify-content:center;width:100%;max-width:100%;}

.bgImage{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;object-fit:cover;pointer-events:none;}

/* main helper */
.clearer:after{content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
.flex{display:flex;flex-wrap:wrap;}

/* accessibility features*/
a:focus-visible,
button:focus-visible{outline:3px solid magenta!important;}

section{scroll-margin:50px;}

@media screen and (max-width:999px)
{
    section{scroll-margin:30px;}
}