/*
Theme Name: KW Portal
Version: 2.3.2
Description: Minimal-Theme fürs GALABAU KW Portal (CI angepasst).
*/

:root{
  --kw-bg: #f2f3f5;
  --kw-card: #ffffff;
  --kw-text: #0f172a;
  --kw-muted: #475569;
  --kw-border: rgba(15, 23, 42, .12);
  --kw-shadow: 0 10px 30px rgba(2, 6, 23, .10);

  /* CI accents (approx. from logos) */
  --kw-blue: #2f6fab;
  --kw-green: #6aa84f;

  --kw-radius: 18px;
  --kw-radius-sm: 12px;
  --kw-max: 1160px;
}

html, body{ height:100%; }
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: var(--kw-bg);
  color: var(--kw-text);
}

a{ color: var(--kw-blue); text-decoration: none; }
a:hover{ text-decoration: underline; }

.kw-wrap{
  max-width: var(--kw-max);
  margin: 0 auto;
  padding: 18px;
}

.kw-topbar{
  background: var(--kw-card);
  border-bottom: 1px solid var(--kw-border);
  box-shadow: 0 6px 18px rgba(2,6,23,.06);
}

.kw-topbar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 18px;
  padding: 14px 18px;
  max-width: var(--kw-max);
  margin: 0 auto;
}

.kw-brand{
  display:flex;
  align-items:center;
  gap: 12px;
  min-width: 0;
}

.kw-logo{
  height: 46px;
  width: auto;
  max-width: 100%;
  display:block;
}

.kw-logo-right{
  height: 46px;
  width:auto;
  max-width: 100%;
  display:block;
}

.kw-main{
  padding: 22px 0 40px 0;
}

/* Footer */
.kw-footer{
  padding: 28px 0 40px 0;
  color: var(--kw-muted);
  font-size: 13px;
  text-align:center;
}

/* Mobile */
@media (max-width: 720px){
  .kw-topbar-inner{
    flex-direction: column;
    align-items: flex-start;
  }
  .kw-logo, .kw-logo-right{
    height: 40px;
  }
}


.kw-topbar-center{
  justify-content:center;
}
.kw-logo-center{
  height: 52px;
  width:auto;
  max-width: 100%;
  display:block;
}
@media (max-width: 720px){
  .kw-logo-center{ height: 42px; }
}

html{ background: var(--kw-outer-bg, #0b2b1c); }