:root{
  --bg:#F7F7F7;
  --panel:#ffffff;
  --header:#27334b;
  --footer:#27334b;
  --text:#333333;
  --muted:#555555;
  --accent:#f97316;
}

*{box-sizing:border-box}
html,body{
  height:100%;
  margin:0;
}
body{
  display:flex;
  flex-direction:column;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
}

.wrap{max-width:1000px;margin:0 auto;padding:24px}

.top{
  background:var(--header);
  color:#fff;
/*  height:107px;              /* fast højde
  display:flex;
/*  align-items:center;        /* centrer vertikalt */*/
}
.brand{display:flex;align-items:center;gap:12px}
.logo{height:67px;width:auto;display:block}
.brand-name{
  font-family:"Oswald",sans-serif;
  font-size:18px;
  letter-spacing:.08em;
  font-weight:600;
}

.content{
  flex:1; /* sikrer at footeren skubbes til bund */
}

.card{
  background:var(--panel);
  margin:48px auto;
  padding:32px;
  border-radius:12px;
  box-shadow:0 4px 20px rgba(0,0,0,.1);
}

h1,h2,h3{
  font-family:"Oswald",sans-serif;
  color:var(--header);
  margin-top:0;
}

.lead{font-size:18px;color:var(--muted)}

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

.cta{
  display:inline-block;
  margin-top:18px;
  padding:14px 22px;
  border:2px solid var(--accent);
  border-radius:8px;
  font-weight:600;
  color:var(--accent);
}
.cta:hover{
  background:var(--accent);
  color:#fff;
  text-decoration:none;
}

.foot{
  background:var(--footer);
  color:#ccc;
  text-align:center;
  padding:16px 0;
  margin-top:auto; /* fastholder den nederst */
}