/* ==================================================================
   grenke – Wartungsseite
   ================================================================== */

:root{
  --gk-green:#78BE20;        /* Akzentfarbe – ggf. an CI anpassen */
  --gk-black:#1a1a1a;
  --gk-text:#333333;
  --gk-grey:#767676;
  --gk-line:#e3e3e3;
  --gk-bg:#ffffff;
  --gk-bg-soft:#f5f5f5;
  --gk-font:"Helvetica Neue", Helvetica, Arial, "Segoe UI", Roboto, sans-serif;
}

*{ box-sizing:border-box; }

html,body{ height:100%; }

body{
  margin:0;
  font-family:var(--gk-font);
  font-weight:300;
  color:var(--gk-text);
  background:var(--gk-bg);
  -webkit-font-smoothing:antialiased;
  display:flex;
  flex-direction:column;
  min-height:100vh;
}

/* ---------- Layout-Container ---------- */
.gk-inner{
  max-width:1280px;
  margin:0 auto;
  padding:0 32px;
}

/* ---------- Header ---------- */
.gk-header{
  border-bottom:1px solid var(--gk-line);
}
.gk-header .gk-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:26px;
  padding-bottom:26px;
}

/* ---------- Logo ---------- */
.gk-logo{
  display:inline-block;
  line-height:0;             /* verhindert Abstand unter dem Bild */
}
.gk-logo img{
  height:38px;               /* Darstellungsgröße -> hier skalieren */
  width:auto;
  display:block;
}

/* ---------- Inhalt ---------- */
main{
  flex:1 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:72px 32px;
}

.gk-card{
  max-width:680px;
  width:100%;
  text-align:left;
}

.gk-icon{
  width:56px; height:56px;
  margin-bottom:32px;
  stroke:var(--gk-black);
  stroke-width:1.2;
  fill:none;
}

h1{
  font-size:36px;
  line-height:1.25;
  font-weight:300;
  color:var(--gk-black);
  margin:0 0 28px;
}

.gk-text{
  font-size:17px;
  line-height:1.75;
  margin:0 0 20px;
}
.gk-text strong{
  font-weight:600;
  color:var(--gk-black);
}

/* ---------- Grußformel ---------- */
.gk-signature{
  margin-top:32px;
  font-size:17px;
  line-height:1.75;
}
.gk-signature p{
  margin:0;
}

/* ---------- Footer ---------- */
footer{
  border-top:1px solid var(--gk-line);
  background:var(--gk-bg-soft);
  font-size:13px;
  color:var(--gk-grey);
}
footer .gk-inner{
  display:flex;
  flex-wrap:wrap;
  gap:8px 28px;
  justify-content:space-between;
  align-items:center;
  padding-top:22px;
  padding-bottom:22px;
}
footer a{
  color:var(--gk-grey);
  text-decoration:none;
}
footer a:hover{ color:var(--gk-black); }

/* ---------- Responsive ---------- */
@media (max-width:640px){
  .gk-inner{ padding:0 20px; }
  .gk-logo img{ height:30px; }
  h1{ font-size:28px; }
  main{ padding:48px 20px; }
  .gk-text, .gk-signature{ font-size:16px; }
}