/* area header */
header { --link-color: var(--logo-color-1); }
header .Logo img { height: auto; }
/* header.scrolled .Logo img { height: 35px; } */ */
#top  { flex-wrap: nowrap; column-gap: 30px; }

/* bei kurzen Navis Addons rechts davon statt oberhalb */
/* header div.addons { order: 2; } */
header.fixed + .headspace { min-height: 90px; }
header .navbox {
  flex-direction: column;
  row-gap: 5px;
}
#top .topnavi a:hover { text-decoration: none; color: var(--logo-color-2); }

.searchField .altInput { padding: 11px 10px; }
.searchField .searchbutton { height: 11px; padding: 4px 2px 7px 12px; }
.searchField input[type="text"]:focus { box-shadow: 3px 3px 17px -5px rgba(0, 0, 0, .4); }

#bottom .footnavi { background-color: var(--logo-color-1-dark); color: var(--font-color-light); }

.Home .contentSubContent .sub:not(.nobgcolor) .addons {
  max-width: var(--stage-maxwidth);
  width: var(--stage-width);
  padding: 0;
  margin: auto;  
}

h1, .h1s { font-weight: 700; margin: 1em 0 .5em; }
h2, .h2s { font-weight: 500; margin-bottom: .75em; }

#middle { display: flex; gap: 1em; padding-top: 2rem; }
#middle.clearBoth:after { display: none; }
#middle nav.side { flex-basis: 25%; margin-left: max(2%, calc( 100% - var(--stage-maxwidth)) / 2 ); }
#middle section.main.hasLeft, #middle section.main.hasRight { flex-basis: 75%; margin-right: max(2%, calc( 100% - var(--stage-maxwidth)) / 2 ); }
#middle .breadcrumb { display: none; }

.MainContent .Main { display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; column-gap: 10px; }
.MainContent .contentMainGallery { float: none; flex-basis: 50%; box-sizing: border-box; margin-left: 0; margin-bottom: 0; max-width: none; order: 2; }
.MainContent .ContentText { flex-basis: auto; flex-shrink: 100; box-sizing: border-box; }
@media all and (max-width: 1200px) { .MainContent .contentDisplay .contentBody { flex-basis: 50%; } }
@media all and (max-width: 1000px) { .MainContent .Main { flex-wrap: wrap; } .MainContent .contentMainGallery { flex-basis: 100%; } }

footer {
  --bg-color: #ffffff;
  --font-color: var(--font-color-dark, #ffffff);
  --button-bg-color: var(--logo-color-1, #007559);
  --link-color: var(--logo-color-1, #ffffff);
  --h1-color: var(--font-color-dark);
  --h2-color: var(--font-color-dark);
  --h3-color: var(--font-color-dark);
}

button.ui:hover, .cssbutton:hover { background-color: var(--logo-color-2); }

/* Listenzeichen */
ul:not([type]) li::before {
  width: 12px;
  height: 12px;
  border-radius: none;
  background: transparent;
  margin-right: 1rem;
  position: relative;
}
ul:not([type]) li::before { content: '◆'; color: var(--logo-color-1-light); transform: rotate(-25deg); vertical-align: top; line-height: 25px; }


@media all and (min-width: 1200px) { header .navTree { display: none; } }
@media all and (max-width: 1199px) { header div.addons { margin-right: 60px; } }

@media (max-width: 700px) {
  #top { flex-wrap:  wrap;  }
  header .addons .LanguageSelect { order: 2; }
  header .addons .topnavi { order: 3; }
  form.searchField { display: block; }
}
@media (max-width: 400px) { .searchField .altInput { width: 150px;  } header a.Logo { margin-right: 60px; } }