/* HZO Adjust wbu */

.logo 									{ width: 100%; max-width: 500px; margin: 0 auto; padding: 20px 0; display: block; transition: 350ms; }
 #mainNav.navbar-shrink .logo 			{ max-width: 350px; transition: 350ms all; }

.projects-section .project-text 		{ font-size: 100%; }

a 										{ color: #7E98B3; transition: 350ms all; }
a:hover 								{ color: #B19A71; transition: 350ms all; }

h1, .h1 								{ margin-bottom: 0; }

.btn-primary,
.btn-secondary,
.btn-primary:focus 						{ border-color: #7E98B3; background-color: #7E98B3; color: #FFFFFF; transition: 350ms all; }
.btn-primary:hover,
.btn-secondary:hover,
.btn-secondary:focus 					{ background-color: #B19A71; transition: 350ms all; }
.btn-close 								{ margin-top: 1rem; margin-right: 0; margin-left: auto; font-size: 1rem; display: block; }
.btn-close:focus 						{ box-shadow: none; }

.modal-body 							{ padding: 1rem 3rem 1rem; flex: 1 1 auto; position: relative; }
.modal-footer 							{ padding-bottom: 2rem; border: none; justify-content: center; }

.bg-hzo 								{ background-color: #B19A71; }

.coordinates 							{ width: 100%; max-width: 590px; margin: 0 auto; border-top: 1px solid #B19A71; }

.telefon,
.mail 									{ text-align: left; }

.opening 								{ display: flex; }
.card-body 								{ padding: 1rem 3.5rem; }

.col-left {
    width: 50%;
    text-align: left;
    flex-basis: 100%;
}

.col-right {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
}

.projects-section 						{ padding: 5rem 0 3.5rem; }

.contact-section 						{ padding-top: 4rem; }
.contact-section .card 					{ border-bottom: 0; }
.contact-section .card hr 				{ width: 100%; background-color: #B19A71; }

.footer 								{ padding: 3rem 0; }

.col-right p {
    display: flex;
    flex: 1 1 calc(50% - 15px);
}

.col-right p:nth-child(2n + 2) {
    text-align: right;
    justify-content: end;
}

@media (min-width: 992px) 				{
	.contact-section .container 		{ max-width: 1140px; }
	.projects-section .project-text 	{ padding: 0 3rem; }
}

@media screen and (max-width: 991px) 	{
	.contact-section .container 		{ max-width: unset; }
	img.logo 							{ margin-bottom: 0; }
	img.portrait 						{ margin-bottom: 1.5rem; }
	.projects-section 					{ padding: 5rem 0 2.5rem; }
	.projects-section .mb-5 			{ margin-bottom: 1rem !important; }
	.projects-section .project-text 	{ margin-top: 0rem !important; padding: 0.5rem 0; }
	.coordinates 						{ width: 100%; max-width: 672px; margin: 0 auto; }
	.card-body 							{ padding: 1rem; }
}

@media screen and (max-width: 767px) 	{
	.card-body 							{ width: 100%; max-width: 400px; margin: 0 auto; }
}

@media (min-width: 576px) 				{
	.modal-dialog 						{ max-width: 850px; margin: 3rem auto 1.75rem; }
}

@media screen and (max-width: 479px) 	{
	h4, .h4 							{ font-size: clamp(18px, 5.5vw, 21px); }
	.modal-body 						{ padding: 1rem; font-size: clamp(11px, 3.5vw, 16px); }
	.coordinates 						{ width: 100%; display: block !important; }
	.coordinates .col-left,
	.coordinates .col-right 			{ width: 100%; text-align: center; }
	.col-right p:nth-child(2n + 2) {
		text-align: center;
	}
	.coordinates .telefon,
	.coordinates .mail 					{ text-align: center; }
}

@media screen and (max-width: 399px) 	{
	.card-body 							{ font-size: clamp(11px, 3.5vw, 14px); }
}