/*
Theme Name: Theme 10
Author: Robotif
Description: Modernisiertes Theme mit Kontaktleiste, kombiniertem Impressum/Datenschutz-Link und verbessertem Design
H.0
*/

/* Import a modern Google font for improved typography */

/* Global base styles */
body{
  margin:0;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;
  background-color:#f5f8fa;
  color:#333;
}

a{
  color:#0073aa;
  text-decoration:none;
  transition:color .2s ease-in-out;
}

a:hover{
  color:#005177;
}

/* Header */
header{
  background:linear-gradient(90deg,#005177,#0073aa);
  position:fixed;
  top:0;
  width:100%;
  z-index:1000;
  box-shadow:0 2px 4px rgba(0,0,0,0.1);
}

header .nav-wrapper{
  display:flex;
  justify-content:space-between;
  align-items:center;
  max-width:1200px;
  margin:0 auto;
  padding:20px 20px;
}

header .site-title a{
  color:#fff;
  font-size:28px;
  font-weight:700;
}

nav.primary-menu ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
}

nav.primary-menu li{
  margin-left:25px;
}

nav.primary-menu a{
  color:#fff;
  font-weight:500;
  font-size:16px;
  transition:opacity .2s ease-in-out;
}

nav.primary-menu a:hover{
  opacity:.8;
}

/* Contact bar */
.contact-bar{
  background:#005177;
  color:#fff;
  text-align:center;
  font-size:14px;
  padding:6px 20px;
}

.contact-bar a{
  color:#fff;
  text-decoration:underline;
}

.contact-bar a:hover{
  color:#d0e9ff;
}

/* Main content wrapper */
main{
  padding:180px 20px 60px;
  max-width:1200px;
  margin:0 auto;
  background:rgba(255,255,255,0.97);
  border-radius:8px;
  box-shadow:0 4px 12px rgba(0,0,0,0.05);
}

/* Grid layout */
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:20px;
}

/* Cards */
.card{
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,0.1);
  transition:transform .2s ease-in-out, box-shadow .2s ease-in-out;
}

.card:hover{
  transform:translateY(-5px);
  box-shadow:0 4px 16px rgba(0,0,0,0.15);
}

.card-content{
  padding:20px;
}

.card h2{
  margin:0 0 12px;
  font-size:20px;
  color:#005177;
}

/* Search bar */
.search-bar{
  margin-bottom:30px;
}

.search-bar input{
  width:100%;
  padding:12px 16px;
  font-size:16px;
  border-radius:6px;
  border:1px solid #ccc;
  box-shadow:inset 0 1px 2px rgba(0,0,0,0.05);
}

/* Footer */
footer{
  background:#222;
  color:#ccc;
  text-align:center;
  padding:25px 0;
  margin-top:60px;
}

footer a{
  color:#ccc;
  text-decoration:underline;
  transition:color .2s ease-in-out;
}

footer a:hover{
  color:#fff;
}

/* Pagination */
.pagination{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  margin-top:30px;
  gap:10px;
}

.pagination p{
  margin:0 10px 0 0;
  font-weight:600;
  color:#005177;
}

/* Style the page numbers generated by WordPress */
.pagination .page-numbers{
  display:inline-block;
  padding:8px 12px;
  border:1px solid #0073aa;
  border-radius:4px;
  color:#0073aa;
  text-decoration:none;
  font-size:15px;
  transition:background .2s ease-in-out, color .2s ease-in-out;
}

.pagination .page-numbers:hover{
  background:#0073aa;
  color:#fff;
}

.pagination .page-numbers.current{
  background:#0073aa;
  color:#fff;
  cursor:default;
}


/* --- Home Hero: Lagerverzeichnis --- */
.hero-lagerverzeichnis{
  background:linear-gradient(90deg,#005177,#0073aa);
  color:#fff;
  padding:48px 0;
  border-radius:10px;
  margin-bottom:20px;
}
.hero-lagerverzeichnis .hero-inner{max-width:1100px;margin:0 auto;padding:0 20px;}
.hero-lagerverzeichnis h1{margin:0 0 10px;font-size:clamp(24px,3vw,36px);line-height:1.2;}
.hero-lagerverzeichnis .hero-sub{margin:0 0 18px;font-size:18px;}
.hero-lagerverzeichnis .hero-phone{color:#fff;text-decoration:underline;}
.hero-cta .btn-primary,.hero-cta .btn-ghost{display:inline-block;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:600;margin-right:10px;}
.hero-cta .btn-primary{background:#fff;color:#004a6b;}
.hero-cta .btn-primary:hover{opacity:.92;}
.hero-cta .btn-ghost{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.35);}
.hero-cta .btn-ghost:hover{background:rgba(255,255,255,.22);}
.home-content .wrap{max-width:1000px;margin:24px auto;padding:0 20px;}
.notice-legal{max-width:1000px;margin:8px auto 0;padding:0 20px;font-size:14px;opacity:.85}