@font-face {
	font-family: 'nunito';
	font-weight: normal;
	src: url('fonts/NunitoIntona-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'nunito';
	font-weight: bold;
	src: url('fonts/NunitoSans-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto-Medium';
	src: url('fonts/Roboto-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Inconsolata';
	src: url('fonts/Inconsolata.woff2') format('woff2');
}

html, body, div, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	font-family: 'nunito', sans-serif;
	letter-spacing: .008em;
	border:0;
	vertical-align:baseline;
	background: transparent;
	margin:0;
	padding:0;
	font-weight: normal;
	line-height: 1.5;
	font-size: 12pt;
}

body {
	background: white;
}

td, td a {
	font-size: 12pt;
}

blockquote,q {
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:none;
}

blockquote {
	margin-bottom:10px;
	background-color:#eee;
	padding:10px 10px 1px;
}

ins {
	text-decoration:none;
}

del {
	text-decoration:line-through;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

code {
	font-family:'Inconsolata', monospace, serif;
	background-color:#eee;
}

textarea {
	font-family:'Inconsolata', monospace, serif;
	border:1px solid #999;
}

input,button {
	margin:5px 0;
	padding:3px;
}

pre {
	font-family:'Inconsolata', monospace, serif;
	background-color:#eee;
	overflow:auto;
	font-size: 11pt;
}

b,strong {
	font-weight: bold;
}

i,em {
	font-style:italic;
}

ul {
	list-style:disc;
	margin-left:2em;
	margin-bottom:1em;
}

ol ul,ul ol,ul ul,ol ol {
	margin-bottom:0;
}

ol {
	list-style:decimal;
	margin-left:30px;
	margin-bottom:1em;
}

p {
	clear:both;
	margin-bottom:1em;
	padding-bottom: 0.5em;
}

p.noclear {
	clear: none;
}

h1 { font-size:18pt; }

h2 { font-size:12pt; }

h3 { font-size:11pt; }

h1,h2,h3 {
	margin-bottom:1em;
	font-weight: bold !important;
}

hr {
	border:0;
	color:#aaa;
	background-color:#aaa;
	height:1px;
	margin-bottom:20px;
}

sup {
	font-size:80%;
	position:relative;
	top:-0.4em;
}

sub {
	position:relative;
	top:0.3em;
	font-size:70%;
}

kbd {
	white-space:nowrap;
	color:#000;
	background:#eee;
	border-color:#ccc #aaa #888 #bbb;
	border-style:solid;
	border-width:1px 3px 3px 1px;
	padding:2px 4px;
}

input[type=checkbox],input[type=radio] {
	border:none;
}

a:hover, a:focus {
	color: black;
}

.error {
	color: red;
	font-weight: bold;
	padding-bottom: 1em;
}

#footer, #footer a {
	font-size: 8pt;
	text-align: center;
	margin-top: 1.5em;
	padding-bottom: 0.5em;
	line-height: 1.2em;
}

#content {
	margin-top: 1.5em;
	padding: 0.5em;
	padding-bottom: 2em;
	min-height: 86vh;
	clear: left;
}

.center {
	text-align: center
}

#content li {
	max-width: 30em;
}

.comment {
	color: #aaa;
	padding-bottom: 0.5em;
}

.float {
	float: left;
	padding-right: 2em;
}

.clear {
	clear: both;
}

dl.imgdesc dd {
	line-height: 1.5em;
	/*width: 600px;*/
	font-size: 80%;
	color: #555;
	padding-bottom: 1.5em;
}

table.calc {
	border: 1px solid #d0d0d0;
	margin-bottom: 2em;
	max-width: 600px;
	width: 100%;
	-moz-box-shadow: 3px 3px 3px #888;
	-webkit-box-shadow: 3px 3px 3px #888;
	box-shadow: 3px 3px 3px #888;
}

table.calc td {
	padding-right: 1em;
	padding-left: 0.5em;
	padding-bottom: 0.25em;
	padding-top: 0.25em;
}

table.calc th {
	text-align: center;
	padding-top: 0.25em;
	padding-bottom: 0.5em;
	padding-right: 1em;
	padding-left: 0.5em;
	min-width: 3em;
}

table.calc td.first, table.calc th.first{
	padding-top: 1.5em;
}

table.calc td.last{
	padding-bottom: 1.5em;
}

table.calc td input {
	min-width: 8em;
	width: 95%;
}

table.calc td input#voltage_p {
	width: 70%;
}

table.calc td input#voltage_z {
	width: 15%;
	min-width: 3em;
}


table.calc td.unit {
	padding-left: 0 !important;
	width: 2em;
}


.datasheet th, .datasheet td, .faq th, .faq td {
	border: 1px solid black;
	border-left: none;
	border-right: none;
	padding: 6px;
	padding-right: 2em;
}

.datasheet, .faq table {
	border-top: solid 3px;
	width: 100%;
}

.datasheet caption, .datasheet caption span, .faq caption, .faq caption span {
	color: black;
	padding-bottom: 3px;
	font-weight: bold;
}

.datasheet caption span, .faq caption span {
	padding-left: 2em;
}

.highlight {
	background: yellow;
}

.tablecell {
	display: table-cell;
}


.col {
	padding-right: 0;
}

.col_end {
	clear: both;
}

/* ---Menü--- */

.navbar-own {
	background-color: #000;
}

.navbar-inverse .navbar-nav > li > a,
.navbar-own .navbar-nav > li > a {
	color: #fff;
	font-weight: 400;
	padding-top: 20.5px;
	padding-bottom: 20.5px;
}

.navbar-own .navbar-nav > li > a,
.navbar-own .navbar-nav > li > a,
.navbar-own .navbar-nav > li li > a,
.navbar-own .navbar-nav > li li > a {
	text-decoration: none;
	background-color: transparent;
}

.navbar-own .navbar-nav > li > a:focus,
.navbar-own .navbar-nav > li li > a:focus {
	background-color: transparent;
	color: #fff;
}

.navbar-own .navbar-nav > li > a:hover {
	background-color: var(--intona_red);
	color: #fff;
}

.navbar-own .navbar-nav > .open,
.navbar-own .navbar-nav > li li > a:hover
{
	color: #fff;
	background-color: var(--intona_red);
}

.navbar-brand {
	padding-left: 1em;
}

.navbar-brand img {
	width: auto;
	height: 29px;
	margin-top: 1px;
}

.navbar-icon {
	padding-left: 1em;
}

.navbar-icon img {
	width: auto;
	height: 26px;
	padding-top: 2px;
}

.navbar-assets {
	margin-top: 8px;
}

.navbar-own .navbar-toggle {
	border-color: #cfcfcf;
	color: #fff;
}

.navbar-own .navbar-toggle .icon-bar {
	background-color: #7c878e;
}

.navbar-nav .open .dropdown-menu { background-color:#fff;}

.langsup { color: #757465; }

.wrap { width: 882px; max-width:100%; margin-left: auto; margin-right: auto; }
dd { max-width: 850px; }
h1 { font-size: 19pt; } h2 { font-size: 13pt; } h3 { font-size: 12pt; }

p { font-size: 12pt;}

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

dd { max-width: 100%; }

.col_last {
	padding-right: 3em;
}

.content-body {
	float: left;
}

.right {
	text-align: right;
}


/* ---Händlerliste--- */

.wtb, .wtb ul  {
	/* Liste komplett */
	padding-top: 0em;
	padding-bottom: 1em;
	margin: 0;
	border: 0;
	list-style: none;
}

.wtb li {
	/* Kontinent */
	padding-top: 0em;
	padding-bottom: 0em;
	/* überschreibt .content li max-width */
	max-width: none !important;
}

.wtb li li {
	/* Land */
	margin-left: 1em;
}

.wtb li li li {
	/* Händlerdaten */
	list-style-type: disc;
	padding-bottom: 1em;
	display: flex;
	flex-flow: wrap;
	/*justify-content: left;*/
}

.wtb-logo {
	display: flex;
	/*flex-grow: 2;*/
	/*justify-content: left !important;*/
	margin-right: 1em;
	margin-bottom: 2em;
	width: 400px;
	filter:grayscale(100%) opacity(75%);
}

.wtb-logo:hover {
	filter:none
}
.wtb-daten-wrapper {
	margin-bottom: 1em;
	width: 340px;
}

.wtb-title {
	display: inline-block;
	min-width: 3.5em;
	font-size: 10pt;
}

.wtb-Kontinent {

	line-height: 1.2em;
	font-weight: bold;
}

/* ---Händlerliste Klapp-Boxen--- */

.fold {
	background: #fff;
	padding: 1.5em;
	padding-top: 0.5em;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.unfolder {
	display: none;
}

.toggle-label {
	background: #FAF1E6;
	padding:1.5em;
	margin-bottom:1em;
	width: 100%;
	display: inline-block;
	cursor: pointer;
}

.unfold-icon,
.fold-icon {
	/* fixed width to stop the icon from wiggling */
	font-size: 1.5em;
	display: inline-block;
}

.unfolder ~ .fold {
	display: none;
}

.unfolder ~ label .fold-icon {
	display: none;
}

.unfolder:checked ~ .fold {
	display: block;
}

.unfolder:checked ~ label .fold-icon {
	display: inline-block;
}

.unfolder:checked ~ label .unfold-icon {
	display: none;
}

/* Language Button Top-Menu */

.btn-language {
	color: #7C878F;
	background-color: #F0F0F3;
	border-color: #c0c0c3;
	/* Abastand zum rand */
	margin-right: 1.3em;
	margin-left: 1.3em;
}

.btn-language:hover,
.btn-language:focus,
.btn-language:active,
.btn-language.active,
.open .dropdown-toggle.btn-language {
	color: #7C878F;
	background-color: #E0E0E3;
	border-color: #7C878F;
}

.btn-language:active,
.btn-language.active,
.open .dropdown-toggle.btn-language {
	background-image: none;
}

.btn-language.disabled,
.btn-language[disabled],
fieldset[disabled] .btn-language,
.btn-language.disabled:hover,
.btn-language[disabled]:hover,
fieldset[disabled] .btn-language:hover,
.btn-language.disabled:focus,
.btn-language[disabled]:focus,
fieldset[disabled] .btn-language:focus,
.btn-language.disabled:active,
.btn-language[disabled]:active,
fieldset[disabled] .btn-language:active,
.btn-language.disabled.active,
.btn-language[disabled].active,
fieldset[disabled] .btn-language.active {
	background-color: #F0F0F3;
	border-color: #7C878F;
}

.btn-language .badge {
	color: #F0F0F3;
	background-color: #7C878F;
}

.navbar-brand {
	padding-left: 4em;
	padding-right: 5em;
}

.topnav .dropdown-toggle {
	text-transform: uppercase;
	letter-spacing: .1em;
	font-family: 'Roboto-Medium', sans-serif;
	padding-right: 2em;
	padding-left: 2em;
}

.topnav .dropdown-menu li > a {
	font-family: 'nunito', sans-serif;
	font-size: 12pt;
}

/* workaround: carousel dots not visible on white background */
.carousel-indicators li {
	background-color: #999;
	background-color: rgba(70,70,70,.25);
}
.carousel-indicators .active {
	background-color: #444;
}

/* no control shadow please */
.carousel-control.left, .carousel-control.right {
	background-image: none
}

.carousel-inner div img {
	padding-left: 225px;
	padding-right: 225px;
}

.carousel {
	width: 100%;
}

/* ng product sub navigation ("inav") */
.inav > h1,
.inav > h2,
.inav > h3,
.inav > h4,
.inav > h5 {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0;
}

.inav.nav-tabs {
	background-color: transparent;
	border: none;
	padding-top: 5px;
}

.inav.nav-tabs > li > a {
	border: none;
	border-radius: 0;
	color: black;
	font-weight: normal;
	padding: 0;
	padding-right: 1em;
	padding-left: 1em;
	margin: 0;
	line-height: 2em;
}

.inav.nav-tabs > li.active > a {
	color: var(--intona_red);
	border: none;
}

.inav.nav-tabs > li > a:hover {
	border: none;
	background-color: transparent;
	color: #aaa;

	-webkit-transition: all ease .5s;
	-moz-transition: all ease .5s;
	-o-transition: all ease .5s;
	transition: all ease .5s;
}

.inav.nav-tabs > li > a:focus {
    outline: none;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.inav.nav-tabs > li > a:hover
{
	background-color: transparent !important;
}

.inav.page-header {
	border-bottom: 1px solid black;
}

.wrap_ng {
	max-width: 95em;
	padding-left: 1em;
	padding-right: 1em;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1em;
}

.wrap_ng p {
	word-wrap: break-word;
	text-align: left;
}

.wrap_ng h1 {
	font-size: 18pt;
	font-weight: normal;
}

.wrap_ng h2 {
	font-size: 16pt;
	font-weight: bold;

	text-align: left;
	line-height: 2em;
	margin: 0;
	padding-top: 1em;
}

.wrap_ng h3 {
	font-weight: bold;
	text-align: left;
	line-height: 1.5em;
	margin: 0;
	padding-top: 1em;
}

.inav > .container {
	max-width: none !important;
	width: auto;
}

.product-hero {
	display: flex;
	align-items: center;
	width: auto;
}

.product-hero > div:last-child {
	padding-left: 10%;
	width: 40%;
	text-align: center;

}

.product-hero a.btn, .product-hero button {
	min-width: 8em;

	font-size: 1.3em;

	text-decoration: none;

	border: 2px solid black;
	border-color: black;
	border-radius: 3px;
	background-color: white;
	color: black;

	padding: 0;
	line-height: 1.5em;
}

.intonabutton {

	min-width: 8em;

	font-size: 1.3em;

	text-decoration: none;

	border: 2px solid black;
	border-color: black;
	border-radius: 3px;
	background-color: white;
	color: black;

	padding: 0;
	padding-left: 3px;
	padding-right: 3px;
	line-height: 1.5em;
}

.navbar-nav a {
	text-decoration: none;
	color: white;
}

.navbar-nav a:hover, .navbar-nav a:active, .navbar-nav a:focus  {
	color: var(--intona_red);
}

.product-hero a.btn:hover, .product-hero a.btn:focus, .product-hero a.btn:active, .product-hero a.btn.active, .product-hero button:hover, .product-hero button:focus, .product-hero button:active, .product-hero button.active {
	background-color: var(--intona_red);
	border-color: black;
	color: white;
}

.intonabutton:hover, .intonabutton:focus, .intonabutton:active {
	background-color: var(--intona_red);
	border-color: black;
	color: white;
}

.buy_variation img {
	width: auto;
	height: 6em;
	margin-top: 1px;
}

.color_grid0 {
	background: #F0F0F3;
}

.color_grid1 {
	background: #FAF1E6;
}

.color_grid0 p, .color_grid1 p {
	margin-bottom: 0;
	margin-right: 15%;
}

.navbar {
	-webkit-box-shadow: 0 8px 6px -6px #999;
	-moz-box-shadow: 0 8px 6px -6px #999;
	box-shadow: 0 8px 6px -6px #999;
}

.buy_variation_item {
}

.row.bvi_content {
	display: flex;
	flex-wrap: wrap;
}

.bvi_content > div:first-child {
	background: transparent;
}

.bvi_content > div {
	background: #F8F8F8;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 0.75em;
	align-self: center;
}

.buy_variation_item:hover {
	cursor: pointer;
}

.buy_variation_item input{
	margin-right: 1em;
}

.buy_variation_item label {
	font-weight: normal;
}

.buy_variation_item img {

	align-self: center;
	width: auto;
	height: auto;
	max-height: 90px;
}

.buy_variation_item .row {
}

.item_selected {

}

.item_selected label {
	font-weight: bold;
}

.form-currency {
	width: 6em;
	display: inline;
}

.buy_variation_item .row p, .buy_variation_item_sec ul li {
	font-size: 14px;
}

.buy_variation_item_sec ul {
	margin-bottom: 0;
}

#worldsel {
	text-align: center;
}

#country_selector {
	width: 400px;
}

.agb {
	font-size: 8pt;
	white-space:nowrap;
}

.head-container {
	max-width: 1600px;
}

.lineselect {
	padding-bottom: 2em;
}

.lineselect input[type=radio] {
	margin: 1em;
}

a.rowlink {
	color: black;
}
a.rowlink:hover {
	text-decoration: none;
}

.small, small {
    font-size: 85%;
}

small a {
    font-size: inherit;
}

.promoprice {
	color: black;
	background-color: #f4f200;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

.promopercent
 {
	color: #ff1010;
	background-color: #f4f200;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

@keyframes yflash {
  from {
    background: #ffe712;
  }
  to {
    background: transparent;
  }
}

:root {
	--intona_red: rgb(191,40,27);
}

@media screen and (max-width: 992px) {

	/* tablet screen */

	.wrap_ng {
		max-width: 100%;
    	width: 97%;
    	padding-left: 0;

	}

	.navbar-right {
		clear: both;
		text-align: center;
	}

	.navbar {
		text-align: center;
	}

	.navbar-brand {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	.navbar-brand img {
		width: 100%;
	}

	.inav.pull-right {
		float: none !important;
	}
	.inav.pull-left {
		float: none !important;
		text-align: center;
	}
	/* center */
	.inav.nav-tabs > li,
	.inav.nav-pills > li {
		float: none;
		display: inline-block;
		*display: inline;
		/* ie7 fix */
		zoom: 1;
		/* hasLayout ie7 trigger */
	}
	.inav.nav-tabs,
	.inav.nav-pills,
	.inav.navbar-nav {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding-top: 1em;
	}
	/* /center */

	.product-hero {
		display: block;
	}

	.product-hero > div:last-child {
		padding: 0;
		padding-top: 2em;
		margin-left: auto;
		margin-right: auto;
	}

	.tablecell { display: block; }

	.buy_variation_item .row div {
		float: none;
		width: auto;
	}

	.buy_variation_item img {
		align-self: auto;
	}

	.form-currency {
		width: 100%;
		display: block;
	}

	#country_selector {
		width: 300px;
	}

	.product-hero a.btn {
		font-size: inherit;
	}

	.row.bvi_content {
		display: block;
		padding-left: 0;
	}

	.buy_variation_item_sec {
		padding-top: 1em;
		margin-left: 1em;
	}

	.carousel-inner div img {
		padding: 0;
	}
}

@media (prefers-color-scheme: dark) {
	body {
		background: rgb(29,29,62);
		background: radial-gradient(circle, rgba(29,29,62,1) 0%, rgba(0,0,0,1) 100%) ;
		color: var(--intona_txt);
	}

	img {
		opacity: 0.85;
	}

	.navbar-brand img {
		opacity: 0.8;
	}

	.navbar-inverse .navbar-nav > li > a,
	.navbar-own .navbar-nav > li > a,
	pre, legend
	{
		color: var(--intona_txt);
	}

	.navbar-nav .open .dropdown-menu {
		background-color: #191919;
		border: 1px solid #888;
	}

	.dropdown-menu .divider {
		background-color: #888;
	}

	.navbar-own .navbar-nav > li > a,
	.navbar-own .navbar-nav > li li > a {
		color: var(--intona_txt);
	}

	.navbar-own .navbar-nav > li > a:focus,
	.navbar-own .navbar-nav > li li > a:focus,
	.navbar-own .navbar-nav > .open,
	.navbar-own .navbar-nav > li li > a:hover,
	.navbar-own .navbar-nav > li > a:hover {
		color: #d9d9d9;
	}

	a {
		color: #659fd3;
	}

	a:hover, a:focus, a.rowlink,
	.promoprice {
		color: var(--intona_txt);
	}

	.form-control,
	#country_selector,
	input {
		background-color: transparent;
		color: white;
	}

	.country-select .country-list {
		background-color: black !important;
		color: white !important;
	}

	.btn-default, .btn-language,
	textarea, select {
		background-color: transparent;
		color: var(--intona_txt);
	}

	.color_grid0 {
		background-color: var(--intona_shdk);
	}

	.color_grid1, .toggle-label, .fold {
		background-color: var(--intona_shlt);
	}

	.wtb-logo {
		filter: none;
		opacity: 0.7;
	}

	.wtb-logo:hover {
		opacity: 1;
	}

	.inav.nav-tabs > li > a {
		color: var(--intona_txt);
		opacity: 0.67;
	}

	.inav.page-header {
		border-bottom: 1px solid var(--intona_txt);
	}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .inav.nav-tabs > li > a:hover {
		color: white !important;
		opacity: 1;
	}

	.bvi_content > div {
		background-color: var(--intona_shdk);
	}

	.intonabutton,
	.product-hero a.btn, .product-hero button
	 {
		background-color: transparent;
		border-color: var(--intona_txt);
		color: var(--intona_txt);
	}

	.intonabutton:hover, .intonabutton:focus, .intonabutton:active,
	.product-hero a.btn:hover, .product-hero a.btn:focus, .product-hero a.btn:active, .product-hero a.btn.active, .product-hero button:hover, .product-hero button:focus, .product-hero button:active, .product-hero button.active {
		background-color: white;
		color: black;
	}

	.table-hover > tbody > tr:hover {
		background-color: var(--intona_shlt);
	}

	@keyframes yflash {
	  	from {
	    	color: white;
	    	background: #ffe712;
	  	}
	  	to {
	  		background: transparent;
	  		color: var(--intona_txt);
	  	}
    }

  	.datasheet th, .datasheet td, .faq th, .faq td {
		border-color: #888;
	}

	.Inputfield:not(.InputfieldSubmit) {
		background-color: transparent !important;
	}


	:root {
		--intona_red: rgb(153,30,20);
		--intona_txt: rgb(202,202,201);
		--intona_shdk: #223;
		--intona_shlt: #2c2c47;
	}
}