/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* Copyright 2019 mmh kommunikationsagentur GmbH */

/* Helvetica Neue Regular */
@font-face {
	font-family:'Helvetica Neue';
	src:url("../fonts/5664093/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2") format("woff2"),url("../fonts/5664093/08edde9d-c27b-4731-a27f-d6cd9b01cd06.woff") format("woff");
	font-weight:400;
	font-style:normal;
}

/* Helvetica Neue Thin */
@font-face {
	font-family:'Helvetica Neue';
	src:url("../fonts/5664081/7d63ccf8-e0ae-4dee-ad4d-bbc798aa5803.woff2") format("woff2"),url("../fonts/5664081/b2c1327f-ab3d-4230-93d7-eee8596e1498.woff") format("woff");
	font-weight:200;
	font-style:normal;
}

/* Helvetica Neue Light Italic */
@font-face {
	font-family:'Helvetica Neue';
	src:url("../fonts/5664089/5e4f385b-17ff-4d27-a63a-9ee28546c9a8.woff2") format("woff2"),url("../fonts/5664089/116cde47-4a07-44a5-9fac-cbdcc1f14f79.woff") format("woff");
	font-weight:300;
	font-style:italic;
}

/* Helvetica Neue Ultra Light Italic */
@font-face {
	font-family:'Helvetica Neue';
	src:url("../fonts/5664077/2707a251-2d32-4bb6-a3c4-87114ba2365f.woff2") format("woff2"),url("../fonts/5664077/40f50724-486b-4e7b-9366-237e06eabfc8.woff") format("woff");
	font-weight:100;
	font-style:italic;
}

html { background-color:#0068b4; color:white; font-weight:400;
	font-family:'Helvetica Neue', sans-serif;
	overflow-y:scroll; font-size:16px; }

p { margin:15px 0; }

h1, h2, h3, h4 { font-weight:100; text-transform:uppercase;
	margin:30px 0; }
h1, h2 { text-align:center; font-style:italic; }
h1 { font-size:40px; }
h2 { font-size:30px; }
h3 { font-size:20px; font-weight:200; margin:30px 0; }
h2 strong { font-weight:300; }

p:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child { margin-top:0; }
p:last-child,
h1:last-child,
h2:last-child,
h4:last-child,
h4:last-child { margin-bottom:0; }

img { max-width:100%; height:auto; }
img.fullresponsive { width:100%; }

a { color:inherit; }
a.incognito { text-decoration:none; }

.button { display:inline-block; padding:0.6em 2.5em;
	border:1px solid white; color:white; transition:all 0.2s;
	background-color:transparent; cursor:pointer;
	text-decoration:none; }
.button:hover { background-color:white; color:#0068b4; }
.button.block { display:block; }

.whitebg { background-color:white; color:#0068b4; }
.whitebg .button { color:#0068b4; border-color:#0068b4; }
.whitebg .button:hover { color:white;
	background-color:#0068b4; }

.graybg { background-color:#919191; color:white; }
.graybg .button:hover { color:#919191; }

.pagewidth { margin:0 auto; max-width:1200px;
	position:relative; }
.pagepad { padding:0 15px; box-sizing:border-box; }

.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-justify { text-align:justify; }

.sectionpad { padding:40px 0; }

.row:first-child { margin-top:-15px; }
.row:last-child { margin-bottom:-15px; }
.row .col { padding:15px 0; }

.gridrow { margin:15px 0; }
.gridrow.hpad { padding-left:15px; padding-right:15px; }
.gridrow:first-child { margin-top:-7px; }
.gridrow:last-child { margin-bottom:-7px; }
.gridrow .col { padding:7px 0; }
.gridrow .col:first-child { padding-top:0; }
.gridrow .col:last-child { padding-bottom:0; }

.text-default { font-weight:400; font-size:16px; }
.text-special { font-weight:200; font-size:20px; }

.text-black { color:black; }
.text-black .button { color:#919191; border-color:#919191; }
.text-black .button:hover { color:white;
	background-color:#919191; }

.text-gray { color:#919191; }

.text-error { color:red; }

.collapsible { overflow:hidden; transition:height 0.3s; }

.iconline { padding-left:30px; position:relative; }
.iconline .icon { display:block; position:absolute; top:3px;
	left:0; width:20px; height:auto; }

.backarea { height:100%; display:flex; flex-direction:column;
	justify-content:flex-end; }
.backlink { display:inline-block; padding-left:20px;
	background:url(../img/back.svg) left 50% no-repeat;
	background-size:0.4em 0.8em; text-transform:uppercase;
	text-decoration:none; }
.backlink:hover { text-decoration:underline; }

.fullheight { height:100%; position:relative; }

table.table { border-collapse:collapse; }
table.table th,
table.table td { padding:5px 10px; text-align:left;
	border:1px solid #999; }
table.table th { background-color:#999; border-color:#777; }

.pagination { display:block; list-style-type:none;
	margin:0; padding:0; }
.pagination li { display:inline-block; margin:0;
	list-style-type:none; }
.pagination li a,
.pagination li span { text-decoration:none;
	padding:0 5px; border:1px solid transparent; }
.pagination li.active span { border-color:white; }
.pagination li.disabled { color:#aaa; }

.products .product { display:block; padding:15px;
	position:relative; border:1px solid #0068b4;
	box-sizing:border-box; text-decoration:none; }
.products .product .image { display:none; }
.products .product .artno { text-align:left; }

.contactlist .contact { margin-top:30px; }
.contactlist .contact:first-child { margin-top:0; }
.contactlist .contact .image { margin-bottom:15px; }
.contactlist .contact .image img { display:block;
	max-width:100px; }

select.fancy { padding:4px 15px 4px 5px; border-radius:0;
	-webkit-appearance:none; -moz-appearance:none; appearance:none;
	background:url(../img/select.svg) no-repeat white;
	background-position:right 5px top 50%;
	background-size:6px 7px; border:none; font-size:14px;
	line-height:14px;}

ul.linklist { display:block; margin:30px 0 0 0; padding:0;
	list-style-type:none; }
ul.linklist li { display:block; list-style-type:none;
	margin-top:15px; }
ul.linklist li:first-child { margin-top:0; }
ul.linklist li a { display:block; padding:15px 30px;
	background-color:#838586; text-decoration:none;
	transition:all 0.2s; }
ul.linklist li a:hover { color:#0068b4;
	background-color:white; }

form .field { margin:10px 0; }
form .field:first-child { margin-top:0; }
form .field:last-child { margin-bottom:0; }
form .field label { display:block; margin-bottom:3px; }
form .field .text,
form .field textarea { display:block; width:100%;
	padding:4px 5px; background-color:white;
	color:black; border:none; box-sizing:border-box;
	font-size:14px; line-height:14px; }
form .field textarea { min-height:100px; }

form .field.hp { position:relative; overflow:hidden;
	visibility:hidden; margin:-5px 0; }
form .field.hp label,
form .field.hp .text,
form .field.hp textarea { position:absolute; top:-10px;
	left:-1000px; }

form .field.error label { color:red; }
form .field.error .text,
form .field.error textarea { border:1px solid red; }

html.js .jshide { display:none; }

.message { margin-bottom:15px; border:1px solid #ccc;
	border-radius:5px; padding:15px 30px; color:#ccc;
	text-align:center; }
.message.success { color:#85bc22; border-color:#85bc22; }
.message.error { color:red; border-color:red; }

.narrow { max-width:800px; margin:0 auto; }

.mt0 { margin-top:0; }
.mt1 { margin-top:15px; }
.mt2 { margin-top:30px; }
.mt3 { margin-top:80px; }
.mb0 { margin-bottom:0; }
.mb1 { margin-bottom:15px; }
.mb2 { margin-bottom:30px; }
.mb3 { margin-bottom:80px; }

.accordeon-section { margin-bottom:2px; }
.accordeon-header { margin:0; padding:15px;
	background-color:#0068b4; color:white; }
.accordeon-body { padding:15px; }
html.js .accordeon-header { cursor:pointer;
	padding-right:30px; position:relative; }
html.js .accordeon-header:after { display:block;
	content:""; position:absolute; width:16px;
	height:8px; top:50%; right:15px; margin-top:-4px;
	background:url(../img/caret-white.svg) 50% 50% no-repeat;
	transition:all 0.2s; }
html.js .accordeon-container { overflow:hidden; }
html.js .accordeon-section.active .accordeon-header:after {
	transform:rotate(90deg); }
html.js .accordeon.animate .accordeon-container {
	transition:height 0.2s; }

.searchfield-outer label { display:block; font-size:20px;
	font-weight:100; margin-bottom:3px; }
.searchfield-inner { position:relative; }
.searchfield-inner input { display:block; width:100%;
	padding:4px 25px 4px 5px; background-color:white; color:black;
	border:none; box-sizing:border-box; font-size:14px;
	line-height:14px; }
.searchfield-inner button { position:absolute; top:50%;
	right:5px; border:none; display:block; margin:-8px 0 0 0;
	padding:0; cursor:pointer; width:14px; height:14px;
	background:url(../img/search-black.svg) 50% 50% no-repeat;
	color:transparent; overflow:hidden; }

header { position:fixed; top:0; left:0; width:100%;
	z-index:100; }
header .pagewidth { height:70px; }
#logo { display:block; position:absolute; top:15px;
	left:15px; }
#logo img { height:40px; width:auto; }
#mobiletrigger { position:absolute; top:-100px;
	left:-100px; visibility:hidden; }
#mobilefold { position:absolute; top:100%; left:0;
	width:100%; margin-top:-1px; display:none;
	padding:0 15px; box-sizing:border-box; overflow-y:auto;
	max-height:80%; max-height:calc(100vh - 70px); }
#mobiletrigger:checked ~ #mobilefold { display:block; }
#mobilebutton { position:absolute; top:15px; right:15px;
	width:40px; height:40px; cursor:pointer; }
#mobilebutton b { display:block; width:40px; height:3px;
	background-color:#0068b4; position:absolute; top:50%;
	left:0; margin-top:-1px; transition:all 0.2s;
	border-radius:2px; }
#mobilebutton b:nth-child(1) { transform:translateY(-8px); }
#mobilebutton b:nth-child(3) { transform:translateY(8px); }
#mobiletrigger:checked ~ #mobilebutton b:nth-child(1) {
	transform:rotate(45deg); }
#mobiletrigger:checked ~ #mobilebutton b:nth-child(2) {
	transform:scaleX(0); }
#mobiletrigger:checked ~ #mobilebutton b:nth-child(3) {
	transform:rotate(-45deg); }
#search { margin-top:15px; position:relative; }
#search input { display:block; width:100%; border:none;
	box-sizing:border-box; background-color:#919191;
	color:white; padding:4px 30px 4px 8px; line-height:17px;
	font-size:14px; }
#search input::-webkit-input-placeholder { color:white;
	opacity:0.5; }
#search input::-ms-input-placeholder { color:white; opacity:0.5; }
#search input::placeholder { color:white; opacity:0.5; }
#search button { position:absolute; bottom:5px; right:8px;
	border:none; display:block; background:none; margin:0;
	padding:0; cursor:pointer; width:14px; height:14px;
	background:url(../img/search-white.svg) 50% 50% no-repeat; }
#langselect { text-align:center; }
#langselect .active { display:inline-block;
	padding:5px 10px; border:1px solid #0068b4; color:white;
	background-color:#0068b4; cursor:default; font-size:20px; }
#langselect ul { display:inline-block; margin:0; padding:0;
	list-style-type:none; }
#langselect ul li { display:inline-block;
	list-style-type:none; border:1px solid #0068b4; }
#langselect li a { display:block; text-decoration:none;
	padding:5px 10px; transition:all 0.2s; font-weight:200;
	font-size:20px; }
#langselect li a:hover { color:white;
	background-color:#0068b4; }
#langselecttrigger { position:absolute; top:-100px;
	left:-100px; visibility:hidden; }
#menu { display:block; margin:15px -15px 0 -15px;
	padding:0; list-style-type:none;
	border-top:1px solid #0068b4; }
#menu li { display:block; list-style-type:none;
	border-bottom:1px solid #0068b4; }
#menu li a { display:block; padding:10px 15px; font-size:20px;
	text-decoration:none; transition:all 0.2s; font-weight:200; }
#menu li.active > a,
#menu li > a:hover { background-color:#0068b4; color:white; }
#menu li.active > a { font-weight:400; }
#claim { display:none; }
/* #menu li ul { display:none; } */
#menu li ul { padding-left:0; }
#menu li ul li { border:none; padding:0; }
#menu li ul li a { padding-left:40px; }

#top { height:70px; }
#scrolltop { position:fixed; bottom:10px; right:10px; width:40px;
	height:40px; border:1px solid white; display:block; z-index:100;
	background:url(../img/scrollup.svg) 50% 50% no-repeat #0068b4;
	background-size:30px 17px; opacity:0.5;
	transition:opacity 0.2s; }
#scrolltop:hover { opacity:1; }

#intro { background-position:50% 50%;
	background-size:cover; background-repeat:no-repeat;
	padding-top:40px; padding-bottom:40px; }
#intro .headline { text-shadow:0 0 5px #0068b4; }
#intro .headline h1 { margin-top:0; margin-bottom:0; }
#intro .headline .subline { font-size:30px;
	font-weight:200; }
/*
#intro ul { display:block; margin:0; padding:0;
	list-style-type:none; }
#intro ul li { display:block; list-style-type:none;
	width:247px; margin:10px auto; background-color:#919191; }
#intro ul li a { display:block; padding:40px 0; font-weight:200;
	font-size:20px; text-transform:uppercase; color:white;
	text-decoration:none; text-align:center; line-height:20px;
	transition:all 0.2s; box-shadow:0 0 20px rgba(0,0,0,0.5);
	min-width:100%; }
#intro ul li.active a,
#intro ul li a:hover { background-color:white; color:black; }
#intro ul li.active a { font-weight:400; }
*/
#intro ul { display:flex; margin:0 auto; padding:10px;
	list-style-type:none; flex-wrap:wrap; }
#intro ul li { display:block; list-style-type:none;
	width:50%; padding:15px; flex:0 0 auto; box-sizing:border-box; }
#intro ul li div { background-color:transparent; position:relative;
	border:2px solid white; }
#intro ul li div:before { display:block; content:""; height:0;
	overflow:hidden; padding-bottom:100%; }
#intro ul li a { display:flex; padding:10px; font-weight:200;
	font-size:17px; text-transform:uppercase; color:black;
	text-decoration:none; text-align:center; line-height:20px;
	transition:all 0.2s; background-color:white;
	position:absolute; top:10px; left:10px; right:10px; bottom:10px;
	align-items:center; justify-content:center;
	box-sizing:border-box; }
#intro ul li span { display:block; }
#intro ul li.active a,
#intro ul li a:hover { background-color:#0068b4; color:white; }
/*#intro ul li.active a { font-weight:400; }*/

#popdownbuttons { display:none; }

footer { font-weight:100; font-size:17px; padding:15px 0; }
#meta { display:block; margin:0 -30px; padding:0;
	list-style-type:none; justify-content:center;
	flex-wrap:wrap; }
#meta li { display:inline-block; list-style-type:none;
	margin:0 15px; }
#meta li a { text-transform:uppercase; font-size:17px;
	text-decoration:none; }
#meta, #badges { text-align:center; margin:0 -15px; }
#badges .badge { display:inline-block; width:150px;
	vertical-align:top; margin:0 15px; text-decoration:none;
	margin-top:30px; }
#badges .badge img { height:100px; width:auto; display:block;
	margin:0 auto; }
#badges .badge.nocaption img { height:123px; }
#badges .badge .caption { font-size:17px; font-weight:400;
	padding-top:3px; text-transform:uppercase; font-weight:200;
	line-height:20px; }
#cookiesettings { text-align:center; text-transform:uppercase;
	font-size:17px; text-decoration:none; display:block;
	margin:0 auto 15px auto; }
@media (min-width:1200px) {
	#cookiesettings { position:absolute; top:0; left:50px; text-align:left;
		margin:0; }
}

#spinneroverlay { position:fixed; top:0; left:0; width:100%;
	height:100%; background-color:rgba(0,78,158,0.5); z-index:99;
	opacity:0; animation-name:spinnerfadein; animation-delay:200ms;
	animation-duration:1s; animation-fill-mode:both; }
#spinneroverlay .spinner { position:absolute; top:50%; left:50%;
	width:50px; height:50px; margin-left:-25px; margin-top:-25px;
	border:5px solid transparent; border-top-color:white;
	border-right-color:white; border-radius:100px; }

@keyframes spinnerfadein {
	from { opacity:0; }
	to { opacity:1; }
}

.spinner { animation-name:spinner; animation-duration:1s;
	animation-iteration-count:infinite;
	animation-timing-function:linear; }
@keyframes spinner {
	from { transform:rotate(0deg); }
	to { transform:rotate(359deg); }
}

#imagelightboxoverlay { position:fixed; top:0; left:0;
	width:100%; height:100%; background-color:rgba(0,78,258,0.9);
	padding:50px 0; box-sizing:border-box; overflow-y:auto;
	opacity:0; transition:opacity 0.5s; z-index:200;
	text-align:center; }
#imagelightboxoverlay.show { opacity:1; }
#imagelightbox { display:inline-block; position:relative; }
#imagelightbox .closer { position:absolute; right:10px; top:-40px;
	background:url(../img/closer.svg) 50% 50% no-repeat;
	background-size:contain; width:30px; height:30px;
	cursor:pointer; }
#imagelightbox img { display:block; }

#lightboxpopup .htmlcontent { background-color:#0068b4; color:white; }

.tiles { padding-top:0; }
.tiles .tile { display:block;
	border:1px solid #0068b4; background-color:white;
	border-collapse:collapse; box-sizing:border-box;
	position:relative; }
.tiles .tile.disabled:after { display:block; content:"";
	position:absolute; top:0; left:0; width:100%; height:100%;
	background-color:rgba(0,0,0,0.50); }
.tiles .tile .main { padding:15px; }
.tiles .tile .main .image { display:none; }
.tiles .tile .main .info { text-align:left; }
.tiles .tile .main .info .name { font-size:20px;
	color:#0068b4; }
.tiles .tile .main .info .amount { color:#838586; }
.tiles .tile .overlay { display:none; }
.tiles .tile .overlay .name { font-size:30px;
	line-height:1em; }
.tiles .tile .overlay .amount { font-size:20px;
	font-weight:200; margin-top:10px; }
.tiles .tile:hover .overlay { opacity:0.5; }

.tiles .tile.connectors .overlay {
	background-color:#85bc22; }
.tiles .tile.thermal-management .overlay {
	background-color:#10bae7; }
.tiles .tile.cable-assembly .overlay {
	background-color:#f59c00; }
.tiles .tile.it-network-products .overlay {
	background-color:#919191; }

.bgcolor-connectors { background-color:#85bc22; color:white; }
.bgcolor-thermal-management { background-color:#10bae7;
	color:white; }
.bgcolor-cable-assembly { background-color:#f59c00; color:white; }
.bgcolor-it-network-products { background-color:#919191;
	color:white; }
.bgcolor-spectrum { background-color:#ffed00;
	color:white; }

#companyvideo { margin-bottom:20px; }
#companyvideo .inner { position:relative; overflow:hidden;
	width:100%; max-width:400px; margin:0 auto; }
#companyvideo .inner:before { display:block; content:"";
	height:0; overflow:hidden; padding-bottom:56.25%; }
#companyvideo .caption { display:block; position:absolute;
	top:65%; left:0; width:100%; text-align:center;
	text-transform:uppercase; font-weight:400;
	text-shadow:0px 0px 2px rgba(0,0,0,0.75); }
#companyvideo a { position:absolute; display:block; top:0; left:0;
	width:100%; }
#companyvideo a img { display:block; width:100%; height:auto; }
#companyvideo a:after { display:block; content:""; width:80px;
	height:80px; position:absolute; top:50%; left:50%;
	transform:translate(-50%,-50%);
	background:url(../img/play.png) 50% 50% no-repeat;
	background-size:contain; }
#companyvideo iframe { position:absolute; top:0; left:0;
	width:100%; height:100%; }

@media (min-width:500px) {
	#intro ul li { width:33.33%; }
	#intro ul li.spectrum { width:100%; }
	#intro ul li.spectrum div:before { padding-bottom:80px; }
	.products { display:flex; flex-wrap:wrap; }
	.products .product { flex:0 0 50%; padding:0; }
	.products .product:before { display:block; content:"";
		height:0; padding-bottom:100%; }
	.products .product .image { position:absolute; top:0;
		left:0; width:100%; height:80%; display:block; }
	.products .product .image img { display:block;
		position:absolute; top:0; left:0; width:100%;
		height:100%; object-fit:contain; }
	.products .product .artno { position:absolute; bottom:0;
		left:0; width:100%; padding:15px; box-sizing:border-box;
		text-align:center; }
	.contactlist { margin:-15px 0; }
	.contactlist .contact { display:flex; margin:15px 0; }
	.contactlist .contact:first-child { margin-top:15px; }
	.contactlist .contact .image { flex:0 0 115px; margin:0; }
	.contactlist .contact .data { flex:1 1 auto; }
	#claim { display:block; position:absolute; top:15px;
		right:100px; height:29px; width:auto; }
	.tiles { display:flex; flex-wrap:wrap; }
	.tiles.center.lt2 { justify-content:center; }
	.tiles .tile { flex:0 0 50%; overflow:hidden; }
	.tiles .tile:before { display:block; content:"";
		height:0; padding-bottom:100%; }
	.tiles .tile .main { position:absolute; top:0;
		left:0; width:100%; height:100%; display:flex;
		flex-direction:column; padding:0; }
	.tiles .tile .main .image { flex:1 1 auto;
		position:relative; display:block; }
	.tiles .tile .main .image img { display:block;
		position:absolute; top:0; left:0; width:100%; height:100%;
		object-fit:contain; }
	.tiles .tile .main .info { flex:0 0 auto;
		padding:15px; text-align:center; box-sizing:border-box; }
	.tiles .tile .overlay { position:absolute; top:0;
		left:0; width:100%; height:100%; display:flex;
		flex-direction:column; justify-content:center;
		color:white; opacity:0; transition:opacity 0.3s;
		text-align:center; }
}
@media (min-width:750px) {
	.products .product { flex:0 0 33.33%; }
	.tiles.center.lt3 { justify-content:center; }
	.tiles .tile { flex:0 0 33.33%; }
}
@media (min-width:800px) {
	.pagepad { padding:0 50px; }
	.sectionpad { padding:80px 0; }
	.sectionpad.nobuttons { padding-top:30px; }
	.popdownpad { padding-top:140px; }
	.row { display:flex; margin:-25px;
		align-items:stretch; }
	.row.invert { flex-direction:row-reverse; }
	.row .col { padding:25px; box-sizing:border-box;
		flex:0 0 auto; }
	.row .col.c1 { width:8.33%; }
	.row .col.c2 { width:16.66%; }
	.row .col.c3 { width:25%; }
	.row .col.c4 { width:33.33%; }
	.row .col.c5 { width:41.66%; }
	.row .col.c6 { width:50%; }
	.row .col.c7 { width:58.33%; }
	.row .col.c8 { width:66.66%; }
	.row .col.c9 { width:75%; }
	.row .col.c10 { width:83.33%; }
	.row .col.c11 { width:91.66%; }

	.gridrow { display:flex; margin:0; }
	.gridrow.hpad { padding:0; }
	.gridrow .col { box-sizing:border-box; margin:0; padding:0; }
	.gridrow .col:first-child { flex:0 0 33.33%;
		padding-right:1px; }
	.gridrow .col:last-child { flex:1 1 auto; padding-left:1px; }
	.gridrow.hpad .col:first-child { padding-left:50px; }
	.gridrow.hpad .col:last-child { padding-right:50px; }

	.twocol { column-count:2; column-gap:50px; }

	.contactlist { display:flex; flex-wrap:wrap; margin:-15px; }
	.contactlist .contact { flex:0 0 50%; padding:15px; margin:0;
		box-sizing:border-box; }
	.contactlist .contact:first-child { margin-top:0; }
	.contactlist .supervisorbreak { width:100%; }

	.searchfield-outer { display:flex; }
	.searchfield-outer label { flex:0 0 auto; padding-right:15px;
		white-space:nowrap; box-sizing:border-box; margin:0; }
	.searchfield-outer .searchfield-inner { flex:1 1 auto; }

	h1 { font-size:60px; }
	h2 { font-size:40px; }

	form .field { display:flex; align-items:flex-start; }
	form .field label { flex:1 1 25%; margin-bottom:0;
		padding-right:10px; box-sizing:border-box; }
	form .field .text,
	form .field textarea { flex:1 1 75%; }
	form .formpadding { padding-left:25%; }

	#training { text-align:right; }
	#address, #training { margin:0; }

	#intro { margin-bottom:75px; padding-top:100px;
		padding-bottom:100px; position:relative; min-height:450px;
		min-height:calc(100vh - 165px); box-sizing:border-box; }
	#intro .headline .subline { font-size:40px; }
	/*
	#intro ul { text-align:center; width:100%;
		position:absolute; bottom:-50px; display:flex;
		justify-content:center; }
	#intro ul li { display:flex; margin:0 15px;
		align-items:stretch; }
	*/
	#intro .headline { position:relative; }
	#intro ul { position:relative; bottom:auto; width:100%;
		padding:0; justify-content:center; }
	#intro ul li { width:auto; flex:1 1 auto; max-width:220px; }
	#intro ul li a { font-size:20px; }
	#intro ul li.spectrum { flex:0 0 auto; max-width:none; }
	#intro ul li.spectrum div { max-width:630px; margin:0 auto; }
	#intro ul li.spectrum div:before { padding-bottom:95px; }

	#intro { margin-bottom:0; padding:100px 0 50px 0;
		min-height:calc(100vh - 130px); display:flex; flex-direction:column;
		justify-content:space-between; gap:30px; }

	#popdownbuttons { position:fixed; top:70px; left:0; width:100%;
		text-align:center; z-index:99; display:block; margin:0;
		padding:0; list-style-type:none; transition:all 0.3s;
		transform:translateY(-101%); display:flex;
		justify-content:center; }
	#popdownbuttons.show { transform:translateY(0%); }
	#popdownbuttons li { display:block; list-style-type:none;
		padding:0; margin:0 15px; width:190px; }
	#popdownbuttons li a { display:block; text-decoration:none;
		padding:20px 10px 10px 10px; text-transform:uppercase;
		background-color:white; color:black; transition:all 0.2s;
		transform:translateY(-10px); font-size:17px; font-weight:200;
		box-shadow:0 0 20px rgba(0,0,0,0.5); line-height:20px;
		min-height:40px; }
	#popdownbuttons li.active a { color:white;
		background-color:#0068b4; }
	#popdownbuttons li a:hover { transform:translateY(0px);
		background-color:#0068b4; color:white; }
	#popdownbuttons li.active a:hover {
		transform:translateY(-10px); }

	#popdownbuttons li.connectors.active a,
	#popdownbuttons li.connectors a:hover {
		background-color:#85bc22; color:white; }
	#popdownbuttons li.thermal-management.active a,
	#popdownbuttons li.thermal-management a:hover {
		background-color:#10bae7; color:white; }
	#popdownbuttons li.cable-assembly.active a,
	#popdownbuttons li.cable-assembly a:hover {
		background-color:#f59c00; color:white; }
	#popdownbuttons li.it-network-products.active a,
	#popdownbuttons li.it-network-products a:hover {
		background-color:#919191; color:white; }
	#popdownbuttons li.spectrum.active a,
	#popdownbuttons li.spectrum a:hover {
		background-color:#ffed00; color:#0068b4; }

	#contact .fullheight { padding-bottom:60px;
		box-sizing:border-box; }
	#contact .fullheight .buttons { position:absolute; bottom:0;
		left:0; width:100%; }
}
@media (min-width:1000px) {
	.gridrow .col:first-child { flex:0 0 25%; }
	.tiles.center.lt4 { justify-content:center; }
	.tiles .tile { flex:0 0 25%; }
}
@media (min-width:1200px) {
	header .pagewidth { height:130px; }
	.contactlist .contact { flex:0 0 40%; }
	#top { height:130px; }
	#logo { left:50px; top:19px; }
	#logo img { height:93px; }
	#mobilebutton { display:none; }
	#mobilefold { display:block; position:static; top:auto;
		left:auto; width:auto; margin:0; padding:0; }
	#menuwrap { position:absolute; right:50px; bottom:19px; }
	#menu { display:flex; margin:0; border:none;
		justify-content:flex-end; }
	#menu li { display:block; border:none;
		margin-left:20px; }
	#menu li:first-child { margin-left:0; }
	#menu li a { display:inline; padding:0; transition:none; }
	#menu li a:hover,
	#menu li.active > a { text-decoration:underline;
		background-color:inherit; color:inherit; }
	#menu li.active > a { font-weight:700; }
	#menu > li { position:relative; }
	#menu li ul { display:none; position:absolute; left:-20px;
		top:100%; padding:15px 20px; background-color:white;
		z-index:101; }
	#menu li:last-child ul { left:auto; right:-20px;
		text-align:right; }
	#menu li ul li { margin:0; white-space:nowrap; padding:5px 0; }
	#menu > li:hover ul { display:block; }
	#menu li ul li a { padding-left:0; }
	#langselect { position:absolute; top:-67px; left:0;
		margin:0; text-align:left; }
	#langselect .active { display:block; padding:0 15px 0 0;
		border:none; color:inherit; background-color:inherit;
		cursor:pointer;
		background:url(../img/caret.svg) right 50% no-repeat; }
	#langselect ul { position:absolute; top:100%; left:0;
		background-color:white; display:none; }
	#langselecttrigger:checked ~ ul { display:block; }
	#langselect ul li { display:block; border:none; }
	#langselect ul li a { padding:0; }
	#langselect ul li a:hover { text-decoration:underline;
		background-color:inherit; color:inherit; }
	#claim { top:19px; height:65px; right:50px; }
	#search { position:absolute; bottom:67px; left:60px;
		width:300px; width:calc(100% - 325px); margin-top:0; }
	html.us #search { left:0; width:calc(100% - 290px); }
	/*
	#search input { position:absolute; bottom:0; left:0; width:0;
		overflow:hidden; transition:all 0.3s; padding:4px 0;
		background-color:transparent; }
	#search button { background-image:url(../img/search.svg); }
	#search.open input { width:100%; padding:4px 5px 4px 30px;
		background-color:#919191; }
	#search.open button {
		background-image:url(../img/search-white.svg); }
	*/
	#popdownbuttons { top:130px; }
	.products .product { flex:0 0 25%; }
	footer .pagewidth { display:flex; align-items:flex-end; }
	#companyvideo, #meta, #badges { flex:1 1 33.33%; }
	#meta { text-align:left; order:1; }
	#companyvideo { margin-bottom:0; order:2; }
	#badges { text-align:right; order:3; }
	#badges .badge { text-align:center; margin-top:0; }
	h1 { font-size:90px; }
	h2 { font-size:60px; }
	#intro .headline .subline { font-size:60px; }
}