html { font-size: 14px; }
header { background: rgb(77,77,77); background: radial-gradient(circle, rgba(77,77,77,0.95) 13%, rgba(64,64,64,0.95) 100%); box-shadow: 0 2px 3px 0 rgba(0,0,0,0.16), 0 0 3px 0 rgba(0,0,0,0.12); position: fixed; width: 100%; top: 0; font-size: 12px; }
header > div { display: flex; justify-content: space-between; }
header nav { display: flex; }
header ul { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
header ul li a { color: #fff; padding-right: 10px; border-right-width: 1px; border: solid 0 #888; border-right-width: 1px; }
header ul li:last-child a { border: 0; }
header a,
header a:visited,
header a:link { color: #fff; }
header ul li a:hover { color: #d2d2d2; }
header button.icon-btn--menu { background: none; margin-right: 15px; }
header button.icon-btn--menu::before { font-size: 28px; line-height: 46px; color: #fff; }
header .mobile-menu { display: none; padding-right: 20px; }
@media only screen and (max-width: 680px) {
	header img { width: 120px; height: 26.2px; }
	header ul { display: none; }
	header .mobile-menu { display: block; }
}
@media only screen and (min-width: 680px) {
	nav.mobile { display: none; }
}
nav.mobile { position: fixed; top: 46px; right: 0; background: rgba(64,64,64,0.95); }
nav.mobile a { color: #fff; font-size: 12px; padding: 10px; border: solid 0 #888; border-top-width: 1px; display: block; }
nav.mobile a:hover { color: #d2d2d2; }


.header-visual { background-image: url(/images/warehouse-visual-header.jpg); background-size: cover; position: relative; height: 450px; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); }
.header-visual h2 { position: absolute; bottom: 50px; font-size: 3.7em; color: #fff; background-color: rgba(57, 57, 57, 0.82); padding: 20px; border-radius: 8px; margin: 10px; }
@media only screen and (max-width: 992px) {
	.header-visual { height: 400px; }
	.header-visual h2 { font-size: 3.0em; bottom: 40px; }
}
@media only screen and (max-width: 768px) {
	.header-visual { height: 350px; }
	.header-visual h2 { font-size: 2.3em; bottom: 30px; }
}
@media only screen and (max-width: 480px) {
	.header-visual { height: 300px; }
	.header-visual h2 { font-size: 1.6em; bottom: 20px; }
}
.header-visual .overlay { background-color: rgba(25, 25, 25, 0.2); height: 100%; }

.main-rich-text > div > div { padding: 50px 10px; }
@media only screen and (max-width: 768px) {
	.main-rich-text h1 { font-size: 1.6em; }
}
.main-rich-text img.screen { float: right; margin: 0 0 25px 25px; max-width: 100%; height: auto; }
.main-rich-text img.mobile { display: none; margin-top: 20px; max-width: 100%; height: auto; }
@media only screen and (max-width: 680px) {
	.main-rich-text img.screen { display: none; }
	.main-rich-text img.mobile { display: block; }
}
.main-rich-text p { font-size: 14px; margin-bottom: 20px; }
.main-rich-text p:last-of-type { margin-bottom: 0; }
.main-rich-text .disc-line { border: solid 0px #19b4ff; border-top-width: 1px; width: 100px; display: inline-block; margin-left: 8px; margin: 10px 5px; }
.main-rich-text .disc-line span { border: solid 2px #19b4ff; width: 4px; height: 4px; border-radius: 5px; display: inline-block; margin-left: -7px; position: relative; top: -10px; }

.industry-solutions { border: solid 0 #e1e1e1; border-top-width: 1px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset; padding: 20px 0 30px 0; background: #fffcf9; }
#anchor_industry_solutions { position: relative; top: -50px; }
.industry-solutions h2 { margin-bottom: 20px; }
.industry-solutions h4 { color: #27b2dc; margin-bottom: 10px; }
.industry-solutions ul { display: flex; gap: 10px; justify-content: space-between; flex-wrap: wrap; }
.industry-solutions ul li { padding: 10px; border: solid 1px #27b2dc; border-radius: 3px; flex: 1 1 270px; }

.slogan { border: solid 0px #f4f4f4; border-top-width: 1px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset; text-align: center; font-size: 20px; color: #5375b7; background-color: #f8f8f8; padding: 30px 10px; }
.slogan h6 { font-weight: normal; }

.warehouse-logistics { border: solid 0 #e1e1e1; border-top-width: 1px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset; padding: 10px 0 10px 0; }
#anchor_warehouse_logistics { position: relative; top: -50px; }
.warehouse-logistics h2 { margin-bottom: 20px; }
.warehouse-logistics p { margin-bottom: 20px; }
.warehouse-logistics p.blue { font-weight: bold; color: #35a3d9; }
.warehouse-logistics div.split { display: flex; flex-wrap: wrap; gap: 20px 50px; }
.warehouse-logistics div.split div { border: solid 0 #90c1ff; border-left-width: 1px; padding-left: 15px; }
.warehouse-logistics div.split h3 { margin-bottom: 10px; }
.warehouse-logistics img { max-width: 450px; width: 100%; height: auto; }
.warehouse-logistics ul { list-style: disc; margin-left: 15px; }
.warehouse-logistics ul li { padding: 5px; }

.accomplishments { border: solid 0 #e1e1e1; border-top-width: 1px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset; padding: 20px 0 30px 0; background: #fdfff9; }
#anchor_accomplishments { position: relative; top: -50px; }
.accomplishments h2 { margin-bottom: 20px; }
.accomplishments p { margin-bottom: 20px; }
.accomplishments p.green { font-weight: bold; color: #719430; }
.accomplishments div.split { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; }
.accomplishments div.split div { border: solid 0 #90c1ff; border-left-width: 1px; padding-left: 15px; gap: 15px; }
.accomplishments div.split h3 { margin-bottom: 10px; }
.accomplishments ul { list-style: disc; margin-left: 15px; }
.accomplishments ul li { padding: 5px; }

section.contact { text-align: center; padding: 20px 0; border: solid 0 #e1e1e1; border-top-width: 1px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset; }
#anchor_contact { position: relative; top: -50px; }
section.contact h2 { margin-bottom: 15px; }
section.contact p { margin-bottom: 15px; font-size: 14px; }
section.contact .icons { margin-top: 20px; fill: #F9AE00; }
section.contact .icons svg { margin: 0px 20px; }


footer {
	background: radial-gradient(circle, #5B5C5E, #2B2F3C) repeat scroll 0% 0% rgba(0,0,0,0.1);
	border: solid 0px #dddddd;
	border-top-width: 1px;
	box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.5) inset;
	color: #ededed;
	font-size: 11px;
}
footer .background { background-image: url(/images/banner-abstract.png); }
footer .shadow { background: url(/images/shadow-2.png) no-repeat center top; }
footer > div > div > div { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 10px; }
footer .links ul { display: flex; }
footer .links ul li:last-child a { border: 0; padding-right: 0; margin-right: 0; }
footer .links a { color: #fff; border: solid 0 #5fb4df; border-right-width: 1px; padding-right: 10px; margin-right: 10px; }


.imprint-lightbox-content { width: calc(100vw - 20px); max-width: 700px; min-width: 300px; display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 12px; }
.imprint-lightbox-content > div { flex: 1 1 auto; margin: 10px; }
.imprint-lightbox-content .imprint-headline { border: solid 0 #009cde; border-bottom-width: 1px; padding-bottom: 3px; margin-bottom: 15px; }
.imprint-lightbox-content h5 { margin: 15px 0 2px 0; }