/* area header */
header #top { align-items: flex-start; }
header div.addons { flex-basis: 100%; }
header .Logo img { height: 127px; }
header.scrolled .Logo img { height: 80px; }

header div.addons { justify-content: flex-end; }

header  div.addons .searchField .searchbutton { background-color:  transparent; }
header  div.addons .searchField .searchbutton:hover { box-shadow: 0 0 10px #666 inset; }

#middle #breadcrumb { margin: 1rem 0; }
.page.sys_home #middle #breadcrumb { display: none; }

#middle h1, .h1s { font-size: 1.4rem; }

footer {
	background: var(--logo-color-2);
}

footer#bottom .LayoutBottom.footcontent > div:last-child { flex-basis: auto; flex-grow: 2; }

footer .footnavi {}

footer#bottom .LayoutBottom.footcontent > div { align-items: flex-start; }

/* Kontaktformular komplett in kleinerer LoStage */
.Form.LoStage { max-width: 800px; margin: 0 auto; }

/* List Style Bullets */
ul:not([type]) li::before { display: inline-block; position: relative; margin-right: 10px; }

.AddressItem {
	text-align: unset;
}

.vierSpalten {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: space-between;
  gap: 10px;
}

.vierSpalten h3 {
 font-size: 40px;
}

.vierSpalten p {
 padding: 0px 10px 8px 10px;
}

.vierSpalten > * {
  flex-basis: 22%;
  border: 1px solid silver;
}

@media (max-width: 1000px) { .vierSpalten >  * { flex-basis: 30%; } }
@media (max-width: 800px) { .vierSpalten >  * { flex-basis: 48%; } }
@media (max-width: 600px) { .vierSpalten >  * { flex-basis: 100%; } }

@media all and (min-width: 1200px) { header .navTree { display: none; } }

@media all and (max-width: 1199px) {
  header #top { align-items: flex-start; flex-direction: row; justify-content: space-between; }
  header a.Logo { order: 2; }
  header .navbox { order: 1; }
  header div.addons .socialNetworx, header div.addons .searchField { display: none; }
  .navTree { left: calc((100% - var(--stage-width)) / 2 ); top: 35px; }
}