:root {
      --am-blue:#1377c9;
      --am-blue-2:#0aa0d6;
      --am-dark:#0b2239;
      --am-light:#f8f9fa;
    }

    html { scroll-behavior: smooth; }
    body { font-family: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial; }

    /* NAV */
.navbar {
  background:#fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index:1030;
  padding-top:0;      /* fjern ekstra top-padding */
  padding-bottom:0;   /* fjern ekstra bund-padding */
}

.navbar-logo {
  top:-20px;          /* løfter logoet visuelt op */
}

    /* Logo, overlapper let og flugter containerens venstrekant */
    .navbar {position: fixed; top: 0px; height: 70px;}
    .navbar-logo {  left: 0; width:120px; height:120px; border-radius:50%; background-color:#fff; padding:5px; box-shadow:0 5px 25px rgba(0,0,0,.15); object-fit:contain; }

    /* HERO */
    .hero { padding-top: 10px; display:grid; place-items:center; position:relative; color:#fff; background: linear-gradient(135deg, rgba(19,119,201,.75), rgba(237,9,143,.75)), url('images/hero-bathroom.jpg') center/cover no-repeat; }

	.hoved { padding-left: 140px; padding-top: 50px;}

    /* Giv plads til logoet, så brand/menupunkter ikke overlapper */
    .brand-offset{ margin-left:170px; }
    @media (max-width: 991.98px){ /* lg-breakpoint */
      .navbar {position: fixed; top: 0px;}
      .navbar-logo{ width:120px; height:120px; }
      .brand-offset{ margin-left:0; }
      .hero { }
	  .hoved { padding-left: 5px; padding-top: 80px;}
	}
	


    section { padding:4.5rem 0; }
    .section-muted { background:var(--am-light); }

    .shadow-soft { box-shadow:0 .75rem 2rem rgba(0,0,0,.08); }

    footer a { color:inherit; }
    .floating-cta { position:fixed;bottom:1.25rem;right:1.25rem;z-index:1030; }
    .floating-cta .btn { border-radius:999px; }