/* area header */
/* header .Logo img { height: 49px; }
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; }

@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 a.Logo { order: 2; margin: 0px auto; }
  header .Logo img { margin: 0px auto; }
  .socialNetworx { gap: 5px; }
  header div.addons { margin-right: 0px; }
  form.searchField { display: none; }
}
@media (max-width: 400px) { .searchField .altInput { width: 100px;  } }


.searchField {
	display: none;
}

html {
	font-size: clamp(16px, 1.5vw + 12px, 24px);
}

h1, h2 {
	padding: 10px 0;
}

body {
	line-height: 150%;
}

.button a {
  display: inline-block;
  padding: 14px 28px;
  background: var(--logo-color-1);
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  border-radius: 6px;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.button a:hover {
  background: var(--logo-color-2);
  transform: translateY(-2px);
}

#content.sponsoren .ConGal2RandomSlide {
    display: none;
}

.bgheadline {
  text-align: center;
  font-size: clamp(32px, 8vw, 100px);
  opacity: 0.4;
  font-weight: bold;
  margin-top: clamp(10px, 3vw, 23px);
}

.bgflex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-around;
    gap: 2rem;

}
a.h1s .navTarzan .prev {
	visibility: hidden;
}
#middle {
	margin-top: 0rem;
}

header .Logo img {
  height: 100px;
}
header.scrolled .Logo img {
  height: 60px;
}

.cursorPointer img {
  transition: transform 220ms ease;
  transform-origin: center center;
}