body
{	margin-top: 120px;
	color: #5f5d5f;
	font-family: Arial;
}

a:link, a:visited
{
	color: #306FB3
}

#nav_row_1
{
	color: #ffffff;
	font-family: 'Arial';
	font-style: default;
	font-size: 14px;
	font-weight: 500;
}

.footer-strong strong
{
	color: #ffffff;
	font-family: 'Futura-PT';
	text-transform: uppercase;
	font-size: 20px;
	font-style: default;
	letter-spacing: 0.05em;
	margin-bottom: 1em;
}



#navbar
{
	color: #ffffff;
	font-family: 'Futura-PT';
	text-transform: uppercase;
	font-weight: 500;
	font-style: default;
	letter-spacing: 0.05em;
}

.nav a:link
{
	color: #ffffff;
	text-decoration: none;
}


.navbar-brand {
	background-image: url('/includes/assets/images/logo.svg');
	width: 159px;
	height: 75px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: 28px;
	left: 15px;
	z-index: 1051;
}

#header_bg {
	background-color: #0B2544;
	background-image: url('/includes/assets/images/skyline.svg');

	height: 120px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1051;
}

.bg-dark
{
	background-color: #002547 !important;
}

.btn-primary
{
	background-color: #CD2C30;
	border: 0px;
	transition: all .3s ease-in-out;
}

.btn-primary:hover
{
	background-color: #A82227;
	border: 0px;
}

.footer-brand
{
	background-image: url('/includes/assets/images/logo.svg');
	width: 180px;
	height: 85px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
	left: 10px;
	z-index: 1051;

}

h1,h2
{
	color: #002547;
	font-family: 'Futura-PT';
	text-transform: uppercase;
	font-weight: 500;
	font-style: default;
	letter-spacing: 0.05em;
}


.td_thumb
{
	width: 140px;
	vertical-align: top;
	text-align: center;
	height: 135px;
	font-weight: normal;
}

.thumb
{
	width: 128px;
	height: 128px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #000;
}

.btn-circle
{
color: #fff;
text-align: center;
background-color: #e00025;
border-radius: 100%;
flex-direction: column;
justify-content: center;
width: 39px;
height: 39px;
font-size: 1.2rem;
line-height: 1.2rem;
transition: all .3s ease-in-out;
display: flex;
}

.btn-circle:hover
{
background-color: #b8001f;
font-size: 1.245rem;
}




.thumb img {
    width: 128px;      /* vaste breedte */
    height: 128px;     /* vaste hoogte */
    object-fit: cover; /* snijdt netjes af */
    object-position: center;
    border-radius: 6px; /* behoud je rounded look */
    display: block;
}


.input_left
{width: 250px;}

.btn-outline-bms
{
	color: #0071b8;
	border-color: #0071b8;
	background-color: transparent;
}

.btn-outline-bms:hover
{
	color: #fff;
	background-color: #0071b8;
	border-color: #0071b8;
}

/* Primary CTA — overgenomen van bouwenmetstaal.nl (.btn--red) */
.btn--red {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  width: fit-content;
  min-height: 55px;
  padding: 8px 12px 8px 28px;
  margin-block: 0.75rem;
  background-color: #e00025;
  border: 0 solid #e00025;
  border-radius: 100px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  transition: .3s ease-in-out;
  cursor: pointer;
}
.btn--red:hover,
.btn--red:focus { background-color: #b8001f; color: #fff; }
.btn--red.ext   { padding-right: 28px; }
.btn--red span {
  aspect-ratio: 1 / 1;
  min-width: 39px; height: 39px;
  background-color: #fff; color: #0071b8;
  border-radius: 100%;
  display: flex; justify-content: center; align-items: center;
  position: relative; overflow: hidden;
  font-size: 1.25rem;
}
.btn--red span::before,
.btn--red span::after {
  content: '';
  position: absolute;
  width: 1.25rem; height: 1.25rem;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M328 96c13.3 0 24 10.7 24 24v240c0 13.3-10.7 24-24 24s-24-10.7-24-24V177.9L72.5 410.5c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9L260.7 144H88c-13.3 0-24-10.7-24-24s10.7-24 24-24h240z'/></svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M328 96c13.3 0 24 10.7 24 24v240c0 13.3-10.7 24-24 24s-24-10.7-24-24V177.9L72.5 410.5c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9L260.7 144H88c-13.3 0-24-10.7-24-24s10.7-24 24-24h240z'/></svg>") center / contain no-repeat;
  transition: transform .3s ease-in-out;
}
.btn--red span::before { transform: translate(0,0); }
.btn--red span::after  { transform: translate(-30px, 30px); }
.btn--red:hover span::before,
.btn--red:focus span::before { transform: translate(30px,-30px); }
.btn--red:hover span::after,
.btn--red:focus span::after  { transform: translate(0,0); }