/*
Theme Name: EHVIO Website
Theme URI: https://example.com/
Author: EHVIO
Description: Dunkelblaues EHVIO WordPress-Theme mit großem Startseiten-Slider und nahtlos aneinanderliegenden Inhaltsbereichen.
Version: 1.0
Text Domain: ehvio
*/

:root{
  --ehvio-navy:#071f33;
  --ehvio-navy-2:#0b2a43;
  --ehvio-blue:#146bd8;
  --ehvio-red:#ed1c2e;
  --ehvio-white:#fff;
  --ehvio-text:#0d1a28;
  --ehvio-muted:#617184;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--ehvio-text);
  background:#fff;
  line-height:1.55;
}
img{max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
.site-header{
  background:var(--ehvio-navy);
  color:#fff;
  margin:0;
  padding:0;
  border:0;
}
.header-inner{
  max-width:1380px;
  margin:0 auto;
  min-height:78px;
  display:flex;
  align-items:center;
  gap:28px;
  padding:0 28px;
}
.site-branding{
  display:flex;
  align-items:center;
  min-width:180px;
}
.custom-logo{max-height:52px;width:auto}
.site-title{
  color:#fff;
  font-weight:800;
  font-size:25px;
  letter-spacing:.04em;
}
.main-navigation{margin-left:auto}
.main-navigation ul{
  list-style:none;
  display:flex;
  gap:28px;
  padding:0;
  margin:0;
}
.main-navigation a{
  color:#fff;
  font-weight:700;
  font-size:14px;
  opacity:.95;
}
.main-navigation a:hover{color:#fff;opacity:1}
.menu-toggle{
  display:none;
  margin-left:auto;
  background:transparent;
  color:#fff;
  border:1px solid rgba(255,255,255,.25);
  padding:8px 12px;
  border-radius:8px;
}

/* WICHTIG: keinerlei weiße Zwischenlinie zwischen Header, Slider und Baukästen */
.site-main,
.home .site-main,
.ehvio-slider,
.ehvio-section,
.wp-block-group,
.wp-block-cover{
  margin-top:0!important;
  margin-bottom:0!important;
}
.site-header + .site-main{margin-top:0!important}
.entry-content > *{margin-top:0}
.entry-content > * + *{margin-top:0}
hr{display:none}

/* Slider */
.ehvio-slider{
  position:relative;
  width:100%;
  overflow:hidden;
  background:#061a2c;
}
.ehvio-slide{
  display:none;
  min-height:650px;
  position:relative;
  background-size:cover;
  background-position:center;
}
.ehvio-slide.is-active{display:block}
.ehvio-slide::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(5,26,45,.92) 0%,rgba(5,26,45,.72) 43%,rgba(5,26,45,.20) 78%);
}
.ehvio-slide-inner{
  position:relative;
  z-index:2;
  max-width:1380px;
  margin:0 auto;
  min-height:650px;
  padding:58px 28px 66px;
  display:flex;
  align-items:center;
}
.ehvio-slide-content{max-width:760px;color:#fff}
.ehvio-kicker{
  text-transform:uppercase;
  font-size:14px;
  letter-spacing:.16em;
  font-weight:800;
  margin-bottom:22px;
}
.ehvio-slide h1{
  margin:0 0 28px;
  color:#fff;
  font-size:clamp(48px,6vw,92px);
  line-height:1.06;
  letter-spacing:-.035em;
}
.ehvio-slide p{
  margin:0 0 28px;
  font-size:clamp(20px,2vw,30px);
  line-height:1.55;
  max-width:780px;
}
.ehvio-buttons{display:flex;gap:14px;flex-wrap:wrap}
.ehvio-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 22px;
  border-radius:9px;
  font-weight:800;
  border:2px solid #fff;
}
.ehvio-btn.primary{
  background:var(--ehvio-blue);
  border-color:var(--ehvio-blue);
  color:#fff;
}
.ehvio-btn.secondary{background:transparent;color:#fff}
.ehvio-slider-dots{
  position:absolute;
  z-index:5;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  display:flex;
  gap:9px;
}
.ehvio-dot{
  width:10px;height:10px;border-radius:50%;
  border:0;background:rgba(255,255,255,.45);cursor:pointer;
}
.ehvio-dot.is-active{background:#fff}

/* Nahtlose Baukästen */
.ehvio-section{
  width:100%;
  padding:70px 28px;
  border:0;
}
.ehvio-section > .inner{
  max-width:1380px;
  margin:0 auto;
}
.ehvio-section.light{background:#fff}
.ehvio-section.soft{background:#f4f7fa}
.ehvio-section.dark{background:var(--ehvio-navy);color:#fff}
.ehvio-section.red{background:var(--ehvio-red);color:#fff}
.ehvio-section h2{
  margin:0 0 18px;
  font-size:clamp(34px,4vw,56px);
  line-height:1.1;
}
.ehvio-section p{margin:0 0 18px}
.ehvio-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  margin-top:32px;
}
.ehvio-card{
  background:#fff;
  color:var(--ehvio-text);
  border-radius:14px;
  padding:28px;
  box-shadow:0 8px 28px rgba(4,27,46,.09);
}
.ehvio-card h3{margin:0 0 10px;font-size:22px}
.site-footer{
  margin:0;
  background:#041726;
  color:#dbe7f0;
  padding:34px 28px;
}
.site-footer .inner{max-width:1380px;margin:auto}

/* Standard content ohne extra Zwischenbalken */
.content-area{margin:0}
.entry-content{margin:0}
.entry-content .alignfull{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

@media(max-width:900px){
  .menu-toggle{display:block}
  .main-navigation{display:none;width:100%}
  .main-navigation.is-open{display:block}
  .header-inner{flex-wrap:wrap;padding:12px 18px}
  .main-navigation ul{flex-direction:column;padding:10px 0 16px}
  .ehvio-slide,.ehvio-slide-inner{min-height:560px}
  .ehvio-slide-inner{padding:44px 22px 60px}
  .ehvio-grid{grid-template-columns:1fr}
}