/*
 * WordPress-spezifischer Rahmen
 * --------------------------------------------------------------------------
 * Das eigentliche Komponenten-CSS bleibt in app.css. Diese Datei passt nur
 * den äußeren App-Rahmen an eine bestehende ESKA-Seite an.
 */

.eska-app.eska-app--wordpress {
  width: min(100%, 1040px);
  margin: 28px auto 48px;
}

.eska-app--wordpress .header {
  border: 1px solid var(--eska-line);
  border-bottom-color: var(--eska-cyan);
  border-radius: 12px 12px 0 0;
  overflow: hidden;
}

.eska-app--wordpress.eska-app--compact .header {
  min-height: 94px;
}

.eska-app--wordpress.eska-app--compact .official-eska-logo {
  width: 165px;
  height: 64px;
}

.eska-app--wordpress.eska-app--compact .header-title > span {
  font-size: 1.05rem;
}

.eska-app--wordpress.eska-app--compact .header-author {
  padding: 6px 9px;
}

.eska-app--wordpress main {
  max-width: 860px;
}

@media (max-width: 760px) {
  .eska-app.eska-app--wordpress {
    margin-top: 18px;
  }
}