/* Macro arrangement of a web page, including any grid systems. */

#ui-sub-branding{position:fixed;top:100px;left:0;width:10vw;text-align:center;padding:0;z-index:10}
.single-page-wrapper{border-top:90px solid}
.single-page{padding:1px 10%}
#projekte .single-page{padding:1px 2%}
.toolbar-horizontal #ui-sub-branding{top:180px}
.toolbar-horizontal .single-page-wrapper, .toolbar-vertical .single-page-wrapper{border-top:131px solid}
.toolbar-tray-open.toolbar-horizontal .single-page-wrapper{border-top:170px solid}
.toolbar-horizontal .uk-navbar-left, .toolbar-vertical .uk-navbar-left{top:39px}
.toolbar-tray-open.toolbar-horizontal .uk-navbar-left{top:79px}
#page-wrapper{background:url(img/bg.jpg) center fixed no-repeat;background-size:cover}
.uk-container{max-width:80vw}

.uk-navbar-left{padding-left:10%}

#useraccountmenu{position:absolute;right:1rem;top:-27rem}

.uk-grid>div{text-align:center;}
.uk-grid>div h3{font-size:2.4rem;margin:0;padding:1rem;background-color:#F2F6FA}
.uk-grid>div p{background-color:white;line-height:1.5;text-align:left;padding:5%}
.beteiligte, .field--name-field-text-1 {display:block;font-weight:bold;color:#666;background-color:#F2F6FA;padding:0 1rem 1rem 1rem}

footer ul{display:flex;margin:0 10%}
footer li{margin:0!important}
footer a{padding:0 15px;line-height:4;letter-spacing:0.1rem}

@media all and (max-width: 1200px) {
  html{font-size:9px}
  header#navbar{display:none}
  /*.uk-logo img{height:30vmin!important}
  #accessunite figure{width:90%!important}*/
}

@media all and (max-width: 800px) {
  html{font-size:8px;}
  /*#accessunite figure{width:100%!important}*/
  footer ul{margin:0 1%}
}