/*
Theme Name: AlpenTech Supplier Theme
Theme URI: https://example.com/alpentech
Author: AlpenTech AG
Author URI: https://example.com
Description: B2B WordPress-Theme mit Fokus auf Lieferanten-Kommunikation, Downloadbereich und sicherem Lieferantenformular.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alpentech
Tags: business, custom-menu, custom-logo, featured-images, one-column, responsive-layout
*/

:root{
  --at-blue:#0b2b44;
  --at-red:#b0121a;
  --at-gray:#6b7280;
  --at-bg:#ffffff;
  --at-surface:#f6f7f9;
  --at-border:#e5e7eb;
  --at-radius:14px;
}

body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  line-height:1.6;
  color:#111827;
  background:var(--at-bg);
}

a{color:var(--at-blue); text-decoration:none;}
a:hover{text-decoration:underline;}
.container{max-width:1100px; margin:0 auto; padding:0 18px;}
.site-header{position:sticky; top:0; z-index:50; background:#fff; border-bottom:1px solid var(--at-border);}
.header-inner{display:flex; align-items:center; justify-content:space-between; padding:14px 0; gap:16px;}
.brand{display:flex; align-items:center; gap:12px;}
.brand img{height:38px; width:auto;}
.nav ul{list-style:none; display:flex; gap:18px; padding:0; margin:0; flex-wrap:wrap;}
.nav li{position:relative;}
.nav a{font-weight:600;}
.hero{background:linear-gradient(135deg, var(--at-surface), #fff); border-bottom:1px solid var(--at-border);}
.hero-inner{display:grid; grid-template-columns: 1.2fr 0.8fr; gap:26px; padding:48px 0;}
.card{background:#fff; border:1px solid var(--at-border); border-radius:var(--at-radius); padding:18px; box-shadow:0 6px 18px rgba(0,0,0,.05);}
.badge{display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px; background:rgba(11,43,68,.08); color:var(--at-blue); font-weight:700; font-size:13px;}
.btn{display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; border-radius:12px; font-weight:700; border:1px solid var(--at-border); background:var(--at-blue); color:#fff;}
.btn.secondary{background:#fff; color:var(--at-blue);}
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:14px;}
.grid-2{display:grid; grid-template-columns:repeat(2,1fr); gap:14px;}
.section{padding:34px 0;}
.section h2{margin:0 0 14px; font-size:28px;}
.muted{color:var(--at-gray);}
.site-footer{background:var(--at-surface); border-top:1px solid var(--at-border); margin-top:40px;}
.footer-inner{padding:26px 0; display:grid; grid-template-columns: 1.3fr 1fr 1fr; gap:18px;}
.footer-inner ul{list-style:none; padding:0; margin:0;}
.footer-bottom{border-top:1px solid var(--at-border); padding:12px 0; color:var(--at-gray); font-size:14px;}
.wp-block{max-width:1100px;}
/* Forms */
.at-form label{font-weight:700; display:block; margin-top:12px;}
.at-form input, .at-form textarea, .at-form select{
  width:100%; padding:10px 12px; border:1px solid var(--at-border); border-radius:12px; font:inherit; background:#fff;
}
.at-form textarea{min-height:140px;}
.notice{padding:12px 14px; border-radius:12px; border:1px solid var(--at-border); background:#fff;}
.notice.success{border-color:#10b98133; background:#10b98111;}
.notice.error{border-color:#ef444433; background:#ef444411;}
@media (max-width: 860px){
  .hero-inner{grid-template-columns:1fr; padding:34px 0;}
  .grid-3{grid-template-columns:1fr;}
  .grid-2{grid-template-columns:1fr;}
  .footer-inner{grid-template-columns:1fr;}
}