*{box-sizing:border-box}

html
{font-family:Arial,Helvetica,sans-serif;color:#273b2b}

body
{margin:0;min-height:100vh;display:flex;flex-direction:column;background:#bae3c0}

.container
{width:min(1100px,calc(100% - 48px));margin-inline:auto}

.site-header,.site-footer
{background:#bae3c0}

.branding
{text-align:center;padding:35px 0 27px;color:#445e48}

.brand-small
{font-size:20px}

.brand-title
{font-size:clamp(36px,5vw,58px);font-weight:700;margin:7px 0}

.brand-subtitle
{font-size:17px}

.header-rule
{border-top:1px solid #445e48}

.menu-row
{display:flex;align-items:stretch;justify-content:space-between;gap:20px}

.nav
{display:flex;gap:3px;align-items:stretch}

.nav-link,.dropdown>summary

{display:block;padding:17px 18px;text-decoration:none;color:#445e48;font-weight:600;cursor:pointer;list-style:none}

.dropdown>summary::-webkit-details-marker
{display:none}

.dropdown>summary:after
{content:' ▾';font-size:12px}

.nav-link:hover,.dropdown>summary:hover,.dropdown[open]>summary
{background:#445e48;color:white}

.dropdown{position:relative}.dropdown-panel
{position:absolute;top:100%;left:0;z-index:10;background:white;min-width:240px;max-height:70vh;overflow-y:auto;box-shadow:0 7px 22px #0002;border:1px solid #dce8dd}

.dropdown-panel a
{display:block;padding:11px 15px;color:#273b2b;text-decoration:none}

.dropdown-panel a:hover,.dropdown-panel a[aria-current=page]
{background:#e2f3e5}.lang-dropdown 

.dropdown-panel
{right:0;left:auto;min-width:75px}

.menu-toggle
{display:none}

.content
{flex:1;padding:48px 28px 90px;line-height:1.7;min-height:380px;background:#c2dbed;color:#000000}

.content h1
{color:#445e48;margin-top:0}

.site-footer
{padding:19px 0;color:#445e48;font-size:14px}

@media(hover:hover) and (min-width:801px)
{.dropdown:hover>.dropdown-panel{display:block}

.dropdown:not([open]):hover>.dropdown-panel
{display:block}

.dropdown:not([open])>.dropdown-panel{display:none}}@media(max-width:800px)
{.container{width:calc(100% - 32px)}.branding{padding:24px 0}

.brand-small
{font-size:16px}

.brand-subtitle
{font-size:14px}

.menu-row
{position:relative;min-height:55px;align-items:center}

.menu-toggle
{display:block;border:0;background:transparent;color:#445e48;font-size:24px;cursor:pointer;margin-left:auto;order:2}

.menu-toggle span
{font-size:16px}

.nav
{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;background:#bae3c0;box-shadow:0 10px 20px #0002;flex-direction:column;align-items:stretch;gap:0}

.nav.is-open
{display:flex}

.nav-link,.dropdown>summary{padding:14px 18px}

.nav 

.dropdown-panel
{position:static;box-shadow:none;max-height:none;border:0;background:#f3faf4}

.language
{order:1;margin-right:auto}

.lang-dropdown 

.dropdown-panel
{left:0;right:auto}

.content
{padding:30px 18px 70px}}

/* Inhaltsseiten Verein und Organisationsteam */
.info-page p { margin: 0 0 1.35em; }
.team-layout { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 32px; align-items: start; }
.team-text { min-width: 0; }
.team-logo { margin: 0; width: 100%; }
.team-logo img { display: block; width: 100%; height: auto; border-radius: 10px; }
@media (max-width: 700px) {
  .team-layout { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .team-logo { max-width: 240px; justify-self: end; }
}

/* Testvariante: Vereinslogo oben links im Kopf */
.branding { position: relative; }
.header-logo { position: absolute; top: 15px; left:50px; width: 130px; display: block; z-index: 1; }
.header-logo img { display: block; width: 100%; height: auto; object-fit: contain; }
@media (max-width: 800px) {
  .branding { padding-left: 82px; min-height: 120px; }
  .header-logo { top: 22px; left: 0; width: 75px; }
  .brand-title { font-size: clamp(27px, 6vw, 42px); }
}