/* Lokale Maintenance-Vorschau auf Basis des Coleoidea-Templates. */
.shell--full{grid-template-columns:1fr!important}
.shell--full>main{grid-column:1/-1;padding-top:40px;padding-bottom:25px;display:flex;flex-direction:column}
.header-brand-rechts{grid-column:2/-1;justify-self:end;text-align:right;margin-right:15px;padding-right:0}

.maintenance-visual{flex:1;min-height:0;overflow:hidden;border-radius:3px;background:#f4f4f4}
.maintenance-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.maintenance-message{flex:0 0 auto;margin-top:25px;padding-top:10px;border-top:.5px solid var(--line)}
.maintenance-message p{margin:0;color:var(--orange);font-size:11px;font-weight:400;letter-spacing:.08em;text-align:right;text-transform:uppercase}

body.seite-recht{overflow:hidden}
body.seite-recht .legal-box{background:none}
.legal-box{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,1fr);column-gap:15px;padding:10px}
.recht-text{grid-column:2/7;align-self:stretch;min-height:0;margin:15px 0;padding:0 10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;text-transform:none;letter-spacing:0}
.recht-text::-webkit-scrollbar{display:none}
.recht-text h4{margin:15px 0 5px;font-size:18px;font-weight:300;color:var(--orange);text-transform:none}
.recht-text p{margin:0;font-size:15px;font-weight:200;line-height:1.6;color:#000;text-align:justify;hyphens:auto}

@media(max-width:900px),(max-aspect-ratio:4/3){
  .app{grid-template-rows:142px minmax(0,1fr) 60px}
  .shell--full>main{padding:32px 16px 22px}
  .header-brand-rechts{margin-right:8px}
  .maintenance-visual{min-height:42vh}
  .maintenance-message p{line-height:1.5}
  .legal-box{display:block;padding:0}
  .recht-text{margin:0;padding:0;overflow:visible}
  body.seite-recht{overflow:auto}
}