/*
Theme Name: Schule OK! Landing Page
Theme URI: https://schuleok.info
Author: Pietro Giarrizzo
Author URI: https://schuleok.de
Description: Klassisches WordPress-Theme für eine Landingpage mit E-Paper-Embed und Kontakt-Link.
Version: 1.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Requires at least: 5.9
Tested up to: 6.6
*/

:root{
  --c-bg:#ffffff;
  --c-text:#111;
  --c-accent:#0a5cff;
  --c-muted:#f5f7fb;
  --max:1080px;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Arial, sans-serif;
  color: var(--c-text);
  background: var(--c-bg);
  line-height: 1.5;
}

a { color: var(--c-accent); text-decoration: none; }
a:hover { text-decoration: underline; }

.container { max-width: var(--max); margin: 0 auto; padding: 0 20px; }

.site-header {
  border-bottom: 1px solid #e6e9ef;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 10;
}

.site-header .brand { display: flex; align-items: center; gap: 12px; padding: 12px 0; }
.site-header img { height: 44px; width: auto; }

/* Slogan neben dem Logo */
.site-slogan { font-size: 1rem; font-weight: 500; color: #444; }
@media (max-width: 640px) { .site-slogan { display: none; } }

.nav { display: flex; gap: 16px; flex-wrap: wrap; }

/* Hero */
.hero {
  padding: 56px 0;
  background: linear-gradient(180deg, #f7f9ff, #fff);
}
.hero h1 {
  font-size: clamp(28px, 4vw, 40px);
  margin: 0 0 8px;
}
.hero p {
  margin: 0 0 6px; /* engerer Abstand vor der nächsten Section */
  color: #444;
}

/* Zentrierung */
.hero, #epaper, .section { text-align: center; }

/* Buttons */
.cta {
  display: inline-block;
  background: var(--c-accent);
  color: #fff;
  padding: 10px 14px;
  border-radius: 8px;
}

/* Karten-Grid */
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}
.card {
  background: var(--c-muted);
  padding: 16px;
  border-radius: 12px;
}

/* Sections */
.section { padding: 40px 0; }

/* Footer */
.site-footer {
  padding: 24px 0;
  border-top: 1px solid #e6e9ef;
  color: #555;
}

/* Formulare (falls später benötigt) */
form .row { display: grid; gap: 12px; margin: 12px 0; }
input, textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #cfd6e6;
  border-radius: 8px;
}
button { background: var(--c-accent); color: #fff; border: 0; padding: 10px 14px; border-radius: 8px; cursor: pointer; }

/* Hinweise */
.notice {
  padding: 10px;
  border-radius: 8px;
  background: #ecf5ff;
  border: 1px solid #cfe2ff;
  margin: 10px 0;
}

/* E-Paper responsiv */
.epaper-container { display: flex; justify-content: center; }
.epaper-container iframe {
  width: 100%;
  max-width: 900px;  /* Desktop-Breite */
  height: 600px;     /* Desktop-Höhe */
  border: 0;
}
@media (max-width: 1024px) { .epaper-container iframe { height: 540px; } }
@media (max-width: 768px)  { .epaper-container iframe { height: 460px; } }
@media (max-width: 480px)  { .epaper-container iframe { height: 420px; } }

/* Sonstiges */
.search-results { margin-top: 16px; }