@font-face {
	font-family: 'muli';
	src: url('../fonts/Muli-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'muli';
	src: url('../fonts/Muli-LightItalic.ttf') format('truetype');
	font-style: italic;
}
@font-face {
	font-family: 'muli';
	src: url('../fonts/Muli-SemiBold.ttf') format('truetype');
	font-weight: bold;
}
@font-face {
	font-family: 'muli';
	src: url('../fonts/Muli-SemiBoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

body {
	font-family:"muli",Arial,sans-serif;
	font-size: 1.3rem;
	font-weight: normal;
	line-height: 1.4;
	background-color: #000;
	color: #eee;
}
.w {
	background-color: #fff;
}
a {
	line-height: inherit;
	color: #ffe;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
	letter-spacing: 0.05rem;
}
a:hover, a:focus { color: #fa8; }

h1, h2, h3, h4, h5, h6 {
	font-family: "muli", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	text-align: left;
	line-height: 1.4;
}
h1 { font-size: 1.91rem; }
h2 { font-size: 1.77rem; }
h3 { font-size: 1.64rem; }
h4 { font-size: 1.52rem; }
h5 { font-size: 1.40rem; }
h6 { font-size: 1.30rem; } 
@media print, screen and (min-width: 40em) {
	h1 { font-size: 2.20rem; }
	h2 { font-size: 2.00rem; }
	h3 { font-size: 1.78rem; }
	h4 { font-size: 1.60rem; }
	h5 { font-size: 1.44rem; }
	h6 { font-size: 1.30rem; } 
}
hr { border:none; margin-top:0; background-color:#0f0; height:0.1rem; flex: 0 0 100%;
		max-width: 100%; }
.hrbreit { height:0.2rem; }

p { margin: 0; text-indent: 1.5rem; }
@media print, screen and (min-width: 40em) { p { text-align: justify; } }
ul { list-style-type: circle; margin-left: 4em; }
.circle { list-style-type: circle; margin-left: 1em; }
/* Dropdown Menu Dreieck */
.dropdown.menu > li.is-dropdown-submenu-parent > a::after { border-color: #0f0 transparent transparent; }
/* top-bar */
.top-bar .active-item a { background-color: #0a0; color:#fff; }
.top-bar, .top-bar ul, .top-bar ul li, .title-bar, .title-bar-left, .menu-item { 
	color: #000; font-weight: bold; font-size: 1.05rem; background-color: #080;
}
.top-bar-left { margin-left:1rem; }
.top-bar-right { margin-right:1rem; }
.top-bar ul li:hover, .top-bar ul li:focus, .top-bar a:hover, a h6:hover { background-color: #060; color:#fff; }
.top-bar ul li a, .off-canvas-wrapper ul li a, .footer a { color:#fff; }
.top-bar { padding: 0; border-bottom: #0f0 0.1rem solid; }
.top-bar .submenu { border: #0f0 0.1rem solid; }
.nohover:hover, .active-item img { background-color: #080; color:#fff; }
.off-canvas { background-color: #080; font-weight: bold; }
.off-canvas-wrapper ul li:hover { background-color: #060; }
.off-canvas-wrapper .active-item a { background-color: #070; }
.off-canvas-wrapper ul li, .off-canvas-wrapper ul li a { 
	padding-top:0.25rem; padding-bottom:0.25rem; margin-top:0; margin-bottom:0; 
}
.rt { background-color: #080; }
.sub { padding-left: 1.5rem; font-size: 1rem; }
.subhr { 
	padding: 0; 
	margin: 0 0 0.2rem 2.5rem; 
	font-size: 0.1rem; 
	line-height: 0.1rem; 
	border:none; 
	height: 0.1rem;
}
.subhr2 { padding: 0; margin: 0; height: 0.1rem;}
.footer { 
	background-color: #080;
	border-top: #0f0 0.1rem solid;
	margin-top: 2.5rem;
	padding-bottom: 1.5rem;
	color: #fff;
}
.button.success {
	background-color: #00cb2d;
	color: #0a0a0a;
}
.button.success:hover, .button.success:focus { background-color: #80e840; color: #0a0a0a; }

.v { text-indent: 0; }
.abs0 { padding-top: 0.5rem; text-indent: 0; }
.abs { padding-top: 1rem; text-indent: 0; }
.abs2 { padding-top: 2rem; text-indent: 0; }
.abs3 { padding-top: 3rem; text-indent: 0; }
.einzug { margin-left: 1rem; text-indent: -1rem; }
.einz2 { margin-left: 1.6rem; text-indent: -0.75rem; }
.einz3 { margin-left: 3rem; text-indent: -1.5rem; }
.b { font-weight: bold; }
.b2 { font-weight: bold; letter-spacing: 0.1rem; }
.breit { letter-spacing: 0.15rem; }
.i { font-style: italic;}
.submenu { font-size: 1.1rem; }
.u { text-transform: uppercase; }
.underline { text-decoration: underline; }
.ws { color: #fff; }
.zitat { font-weight: bold; font-size: 80%; letter-spacing: 0.1rem; }
.z2 { line-height:1.2; text-align:left; text-indent:0; }

/* Objektiv-Anschluss-Tabelle */
th.vert {
	height: 9rem;
	white-space: nowrap;
}
th.vert > div {
	transform: translate(0.1rem, 3rem) rotate(270deg);
	width: 2rem;
}
td.vert2 {
	height: 5.5rem;
	white-space: nowrap;
}
td.vert2 > div {
	transform: translate(0.1rem, 1rem) rotate(270deg);
	width: 2rem;
}
th { white-space: nowrap; }
table thead th, table thead td, table tfoot th, table tfoot td {
	padding: 0.25rem 0.25rem 0.25rem;
	font-weight: normal;
	text-align: left;
}
table tbody th, table tbody td {
	padding: 0.25rem 0.25rem 0.25rem; 
}
tr:nth-child(even) td, tr:nth-child(even) th, th.bg2 {
  background-color: #e0e0e0;
}
th.bg2 { background-color: #0f0; cellspcing: 0; cellpadding: 0; border:0; }
tr.o:nth-child(odd) td:nth-child(2), tr.o:nth-child(odd) td:nth-child(6), 
tr.o:nth-child(odd) td:nth-child(10), tr.o:nth-child(odd) td:nth-child(14), 
tr.g td {
  background-color: #f0f0f0;
}
.scroll { overflow-x: scroll; }

/* Submenü nach oben */
.orbit { z-index: -1; }

/* Sensorgröße-Tabelle */
table.ws tr td { 
	background-color: #eee;
	vertical-align: top;
}
.nobreak { white-space: nowrap; }

ul { margin-top: 0; padding-top: 0; line-height: 1.4; margin-left: 0; list-style-type: square; }
ul.liste { margin-left: 2rem; list-style-type: circle; }

.c { text-align: center; text-indent: 0; }
.l { text-align: left; text-indent: 0; }
.r { text-align: right; }
.s { font-size: 80%; line-height: 1.5; }
.xs { font-size: 75%; line-height: 1.5; }
.xs2 { font-size: 75%; line-height: 2.5; }
.xxs { font-size: 70%; line-height: 1.5; font-weight: bold; }
.xxs { font-size: 62%; line-height: 1.5; font-weight: bold; }
.gesperrt { letter-spacing: 0.05rem; }
.icon { font-size: 1rem; line-height: 1rem; color: #ccc; vertical-align: -0.05rem; }
.noborder { padding: 0; margin: 0; }
.mb { margin-bottom: 1rem; }
.mt { margin-top: 1rem; }
.mt2 { margin-top: 2rem; }
.mt3 { margin-top: 3rem; }
.mt4 { margin-top: 4rem; }
.vm0 { margin-top: 0; margin-bottom: 0; }
.vmargin { margin-top: 1rem; margin-bottom: 1rem; }
.vpd0 { padding-top: 0; padding-bottom: 0; }
.padb { padding-bottom: 1rem; }
.pad1 { padding: 1rem; }
.pad2 { padding: 2rem; }
.ge { color: #bb0; }
.gn { color: #6a6; }
.gn2 { color: #1a0; }
.gr { color: #aaa; }
.gr2 { color: #777; }
.or { color: #f80; }
.rot { color: #f31; }
.carousel-text {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 0;
	text-align: right;
	margin-right: 1.5rem;
	margin-bottom: 0.5rem;
}
.carousel-text h3, .carousel-text h4, .carousel-text h5 {
	background: none repeat scroll 0 0 #ffffff00;
	color: #ffffff;
	display: inline-block;
	padding: 0 1em;
	text-shadow: 0.2rem 0.2rem 0.2rem #000, 0.2rem -0.2rem 0.2rem #000, -0.2rem 0.2rem 0.2rem #000, -0.2rem -0.2rem 0.2rem #000;
}
.floatbox { position: relative; }
.floattxt { 
	padding-bottom: 1rem;
	margin-left: 0rem;
}
/* für Google Maps */
.responsiveContainer {
	position: relative;
	padding-bottom: 30%;
	height: 0;
	overflow: hidden;
}
.responsiveContainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* sticky top bar */
.sticky {
	width: 100%;
}
/* Bilder zoomen bei Hover */
img.zoom {
	transition: transform 1s;
	-moz-transition: transform 1s;
	-webkit-transition: transform 1s;
	-o-transition: transform 1s;
	-ms-transition: transform 1s;
}
img.zoom:hover {
	cursor: zoom-in; 
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	transform: scale(1.02, 1.02);
	-moz-transform: scale(1.02, 1.02);
	-webkit-transform: scale(1.02, 1.02);
	-o-transform: scale(1.02, 1.02);
	-ms-transform: scale(1.02, 1.02);
}