@charset "UTF-8";
:root {
  --mmpaperg01: #f9f9f9;
  --mmpaperg02: #e9e9e9; }

.brand-logo {
  margin: 0 12px; }

/************************ HELPER *******  *************** */
html, body {
  min-height: 101%;
  max-width: 100%;
  box-sizing: border-box;
  background: #213267; }

@font-face {
  font-family: 'STALKER1';
  src: url("/css/webfont/webfonts_STALKER1/STALKER1.ttf.woff") format("woff"), url("/css/webfont/webfonts_STALKER1/STALKER1.ttf.svg#STALKER1") format("svg"), url("/css/webfont/webfonts_STALKER1/STALKER1.ttf.eot"), url("/css/webfont/webfonts_STALKER1/STALKER1.ttf.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
#appwrapper {
  border-top: 5px solid #4a67cc; }

#unity-build-title {
  font-family: 'STALKER1', 'Roboto Slab', sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Slab', sans-serif; }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
  font-family: 'Roboto Slab', sans-serif;
  font-size: 70%; }

h6, #unity-build-title {
  text-transform: uppercase; }

#unity-container, #unity-container > * {
  max-width: 100% !important; }

#footer {
  background: #213267; }

#footer > * {
  color: #c3c3c3; }

#footer .content {
  padding-top: 35px; }

#footer .content > div {
  line-height: 183%; }

header {
  min-height: 75px;
  display: flex;
  align-items: center !important;
  padding: 0;
  background: transparent; }

header img {
  display: block;
  vertical-align: baseline; }

button.svgimg span > img {
  max-width: 70%;
  max-height: 55px;
  horiz-align: center !important;
  vertical-align: center !important; }

button.svgimg > * {
  display: flex;
  align-items: center !important;
  justify-content: center !important; }

button.svgimg.active {
  background: #c3ffe2; }

* {
  outline: none !important; }

.noscroll {
  overflow: hidden; }

.backMilli {
  border-radius: 5px;
  max-width: 100%;
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0.05) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.05) 1px, transparent 1px), linear-gradient(-90deg, rgba(0, 0, 0, 0.04) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.04) 1px, transparent 1px), linear-gradient(transparent 3px, var(--mmpaperg01) 3px, var(--mmpaperg01) 78px, transparent 78px), linear-gradient(-90deg, var(--mmpaperg02) 1px, transparent 1px), linear-gradient(-90deg, transparent 3px, var(--mmpaperg01) 3px, var(--mmpaperg01) 78px, transparent 78px), linear-gradient(var(--mmpaperg02) 1px, transparent 1px), var(--mmpaperg01);
  background-size: 4px 4px, 4px 4px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px;
  background-position: -6px -19px; }

body {
  background: #f4f4f4;
  scroll-behavior: smooth; }

strong {
  font-weight: bold !important; }

.allanim {
  transition: all 0.64s; }

.alllonganim {
  transition: all 1.2s; }

.alllonganimAll *, .alllonganimAll > * {
  transition: all 1.2s; }

#appcontent {
  width: 100% !important; }

#abdecker {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  display: none;
  z-index: 20000; }

@supports (backdrop-filter: blur(12px)) {
  #abdecker {
    backdrop-filter: blur(12px); } }
#abdeckerWhite {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.4);
  display: none;
  z-index: 20000; }

img.middleImg {
  display: block;
  image-rendering: high-quality !important; }

.middleImg {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 96%;
  max-height: 96%;
  padding: 36px;
  background: #ffffff;
  -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 16px 5px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.4);
  background-image: url("/images/closeImg.png");
  background-position: right top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  z-index: 2147483647; }

.middleImg:hover {
  cursor: pointer; }

.breakAllWords {
  word-break: break-all; }

.attention {
  color: #d50000; }

.page-content {
  background: white;
  padding-bottom: 45px; }

.mtmb0 {
  margin: 0 !important;
  padding: 0 !important; }

.mt0 {
  margin-top: 0; }

.mt9 {
  margin-top: 9px; }

.mtminus10 {
  marin-top: -10px; }

.mt12 {
  margin-top: 12px; }

.mt15 {
  margin-top: 15px; }

.mt15important {
  margin-top: 15px !important; }

.mt25 {
  margin-top: 25px; }

.mt45 {
  margin-top: 45px; }

.mt55 {
  margin-top: 55px; }

.mt55important {
  margin-top: 55px !important; }

.mt95 {
  margin-top: 95px; }

.mb0 {
  margin-bottom: 0px; }

.mb15 {
  margin-bottom: 15px; }

.mb45 {
  margin-bottom: 45px !important; }

.mb65 {
  margin-bottom: 65px; }

.mb95 {
  margin-bottom: 95px; }

.mr0 {
  margin-right: 0 !important; }

.mr5 {
  margin-right: 5px !important; }

.mr12 {
  margin-right: 12px; }

.mr18 {
  margin-right: 18px; }

.mr25 {
  margin-right: 25px; }

.ml0 {
  margin-left: 0 !important; }

.ml5 {
  margin-left: 5px !important; }

.ml25 {
  margin-left: 25px; }

.ml25important {
  margin-left: 25px !important; }

.pr12 {
  padding-right: 12px; }

.tright {
  text-align: right;
  horiz-align: right; }

.pb2 {
  padding-bottom: 2px; }

.pb25 {
  padding-bottom: 25px; }

.pb55 {
  padding-bottom: 55px; }

.pt0 {
  padding-top: 0px; }

.pt2 {
  padding-top: 2px; }

.pt7 {
  padding-top: 7px; }

.pt25 {
  padding-top: 25px; }

.lineheightmini {
  line-height: 12px; }

.autoscroll {
  height: auto; }

.nomargin_nopadding {
  margin: 0 !important;
  padding: 0 !important; }

.nomarginbreite_nopaddingbreite {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border: 1px solid red !important; }

.inlineblock {
  display: inline-block; }

.max100proz {
  max-width: 99.8% !important; }

.max200px {
  max-width: 200px !important;
  word-break: break-all; }

.nextimgmaxW100proz {
  position: relative; }

.nextimgmaxW100proz:hover {
  cursor: default !important; }

.showBigVersion:hover {
  cursor: zoom-in !important;
  image-rendering: high-quality !important; }

.rendered, .spriterender {
  border: 1px solid #d3d3d3;
  margin-bottom: 12px; }

.spritespin-instance {
  margin: 3px auto !important;
  border: 1px solid #d3d3d3; }

#renderer3D {
  max-width: 460px; }

.nextimgmaxW100proz img {
  max-width: 99.8%; }

.maxwidth50proz {
  max-width: 50%; }

.hunderProzDiv {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box; }

.fuenfzigProzDiv {
  width: 49.5%;
  max-width: 49.5%;
  display: inline-block;
  box-sizing: border-box; }

.floatToRight {
  display: inline-block;
  float: right; }

.floatToLeft {
  display: inline-block;
  float: left; }

.noborder {
  border: 0 none transparent; }

.fontthin {
  font-weight: lighter; }

.slabFont {
  font-family: 'Roboto Slab', serif; }

.resultRow {
  display: block;
  margin-bottom: 35px; }

.cardTitle {
  margin: 0 0 12px 0; }

.vertTop, .listRowImage, .listRowContent {
  vertical-align: top; }

.listRowImage {
  display: inline-block;
  max-width: 210px;
  vertical-align: top;
  padding-right: 16px; }

.listRowImageSmall {
  display: inline-block;
  max-width: 190px;
  vertical-align: top; }

.listRowContent {
  display: inline-block;
  width: calc(100% - 211px); }

.content {
  margin: 0 auto;
  max-width: 1224px;
  padding: 0 12px; }

.min100 {
  width: 100%;
  min-width: 100% !important;
  max-width: 100% !important; }

.width10Proz {
  width: 10%; }

.width20Proz {
  width: 20% !important; }

.width28Proz {
  width: 28% !important; }

.width60px {
  padding: 0 !important;
  margin: 0 !important; }

.hide {
  display: none !important; }

.gruen {
  color: #43a047 !important; }

.blue {
  color: #0091ea !important; }

.backgroundblue {
  background: #0091ea !important; }

.backgroundPink {
  background: #ba68c8 !important; }

.darkblue {
  color: #0d47a1 !important; }

.herrenschrift {
  color: #0091ea; }

.frauenschrift {
  color: #ff66cc; }

.success {
  color: #43a047; }

.bred {
  border: 1px solid #b71c1c !important; }

.bredAll * {
  border: 1px solid #b71c1c !important; }

.bredbottom {
  border-bottom: 1px solid #b71c1c; }

/*************************** Typo ********************** */
.smaller80 {
  font-size: 80%; }

.smaller60 {
  font-size: 60% !important; }

/*************************** MENUE ********************** */
nav {
  background: #0091ea; }

nav ul li.basismenu {
  padding: 0 15px;
  opacity: 0.6; }

ul.sidenav li.basissidemenu {
  padding: 0 32px;
  opacity: 0.6; }

nav ul li.debitorTopmenue {
  font-size: 110%;
  font-style: italic;
  border-left: 1px solid rgba(31, 77, 255, 0.5);
  padding-left: 24px;
  margin-left: 35px; }

.navactive {
  background: #58c1ff; }

/************************ FOOTER CONTENT ******************* */
#footernotification {
  font-family: 'Roboto Slab', serif; }

/************************ PAGE CONTENT ******************* */
.page-content {
  border: 1px solid white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: 0 8px 6px -9px rgba(0, 0, 0, 0.5);
  border-top: 2px solid #0091ea; }

/************************ INPUT ANPASSUNGEN ******************* */
.gcheck span {
  padding-left: 26px !important;
  margin-top: 1px; }

/************************ TOAST ******************* */
.backGreen {
  background: #43a047; }

.backBlue {
  background: #0d47a1; }

.backred {
  background: #b71c1c; }

.greenonblack {
  background: black !important;
  color: #00ff00 !important;
  font-family: monospace; }

.max35proz {
  max-width: 35% !important;
  font-weight: bold;
  word-break: keep-all; }

/************************** Koorekturen OVERRIDES  **************** */
.icoorectsmall {
  vertical-align: text-top; }

.transparent80 {
  opacity: 0.8; }

.transparent80Force {
  opacity: 0.8 !important; }

.transparent60Force {
  opacity: 0.6 !important; }

.transparent60Force:hover {
  opacity: 1 !important; }

.transparent50Force {
  opacity: 0.5 !important; }

.transparent50Force:hover {
  opacity: 1 !important; }

.transparent40Force {
  opacity: 0.4 !important; }

.transparent40Force:hover {
  opacity: 1 !important; }

.showgreymarked {
  background: #43a047;
  color: #ffffff; }

.transparent30Force {
  opacity: 0.3 !important; }

.transparent30Force:hover {
  opacity: 1 !important; }

.transparent20Force {
  opacity: 0.2 !important; }

.transparent20Force:hover {
  opacity: 1 !important; }

/** Überschreiben von ul/li/span/.title */
.biggerTitle a {
  font-size: 140%; }

.forcedBold {
  font-weight: bold !important; }

.bigger130AndBold {
  font-size: 130%;
  font-weight: bold !important; }

.bigger111 {
  font-size: 109% !important;
  line-height: 131% !important; }

.bigger122 {
  font-size: 119% !important;
  line-height: 131% !important; }

.selectimitat {
  font-size: 114%;
  color: #696969;
  margin-top: 0 !important; }

.select-wrapper input.select-dropdown {
  font-family: 'Roboto Slab';
  color: #0033cc !important; }

.select-wrapper input.select-dropdown:disabled {
  color: #43a047 !important;
  font-size: 120%;
  border-bottom: 0 none transparent; }

.select-wrapper input.select-dropdown, .input-field input[type="text"] {
  font-size: 114%; }

.select-wrapper.disabled > svg.caret {
  display: none !important; }

table.nolastborder > tbody > tr:last-child {
  border-bottom: 0 none transparent; }

table.nolastborder td.smaller {
  width: 140px;
  font-weight: normal; }

table.nolastborder td {
  font-weight: bold; }

a.dropdown-triggerleg {
  transform: translateY(-4px);
  margin-left: 22px;
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
  color: #0a0a0a;
  border: 1px solid #d1d1d1;
  background: #ffffff; }

.dropdown-triggerleg::before {
  font-size: 9px;
  transform: translateY(-2px);
  content: "Ôû╝";
  display: inline-block;
  padding-right: 6px; }

/************************** Koorekturen OVERRIDES Pagination  **************** */
ul.pagination li {
  margin: 3px 6px;
  padding: 9px;
  min-height: 50px !important; }

ul.pagination li > * {
  margin: auto !important; }

svg.caret > path:first-child {
  fill: #0033cc; }

ul.pagniationextend {
  padding: 0 !important;
  margin: 0 !important; }

ul.pagniationextend li {
  padding: 0 !important;
  margin: 0 12px 0 0 !important; }

/*ul.pagination li a {
  border: 2px solid green;
  padding: 12px;
  vertical-align: center !important;
  margin: auto !important;
  text-align: center;
  vert-align: middle;
}*/
.smallMax100:hover {
  cursor: zoom-in; }

/************** NON MATERIAL DESIGN ******************/
div.browser-default {
  padding: 0 !important;
  margin: 0; }

select.browser-default {
  display: block !important;
  position: relative !important;
  margin: 0 !important;
  padding: 4px 2px !important;
  max-width: 90%;
  height: auto;
  font-size: 117%;
  color: #0091ea;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-width: 0 0 1px 0;
  border-color: #9e9e9e; }

select.browser-default:disabled {
  color: #696969;
  border-width: 0 0 1px 0;
  border-color: #696969;
  border-style: dotted; }

select option.supersmall {
  font-size: 86.7196%; }

label.browser-default {
  display: block !important;
  position: relative !important;
  margin: 0 0 5px 0 !important;
  padding: 0 !important;
  transform: translateY(0) !important;
  transform: translateX(0) !important;
  left: 0 !important; }

.selectlegierung {
  display: inline-block;
  font-size: .9rem;
  padding: 0 !important;
  transform: translateY(-6px) !important; }

.selectlegierung select {
  margin: 0 !important;
  padding: 0 !important; }

.selectlegierung select.browser-default {
  margin: 0 !important;
  padding: 3px 12px 5px 8px !important;
  border: 1px solid #e7e7e7 !important; }

label {
  transform: translateY(-14px) !important; }

/*********************** D E V **************************/
h6.labelh6 {
  color: #9e9e9e;
  margin: 3px 0 5px 0 !important;
  padding: 0 !important;
  font-size: 1rem; }

.steinbeschreibung {
  font-style: italic;
  color: #696969; }

#preiscalcVersion textarea {
  margin-top: 45px;
  min-height: 300px;
  border: 0px none transparent; }

.blockdisplay {
  display: block;
  margin-bottom: 14px; }

code {
  line-break: strict;
  max-width: 100%;
  word-break: break-all;
  font-family: 'Roboto Slab';
  font-size: 12px; }

pre {
  line-break: loose;
  max-width: 100% !important;
  word-break: break-all !important; }

.js-tabs {
  display: block;
  margin-top: 0px;
  padding-top: 0;
  z-index: 12; }

.js-tabs__content, .js-tabs, .js-tabs__title {
  border: 0 none transparent; }

.js-tabs__title {
  padding-top: 4px;
  padding-bottom: 6px; }

.js-tabs__title-active {
  color: #ffffff;
  background: #0091ea; }

.js-tabs__content {
  padding-left: 0; }

.configlistC {
  border-top: 1px dotted #b5b5b5;
  padding-top: 15px; }

.configlistC:first-child {
  padding-top: 35px;
  border-top: none; }

.configlistC .collapsible-body {
  /*padding: 0 12px 22px 12px;*/
  /*border: 0 none transparent !important;
  outline: none !important;*/
  box-shadow: 0 8px 6px -6px black !important; }

.collapsible-body {
  transition: box-shadow 0.4s ease-in-out;
  border-bottom: 1px solid #e7e7e7; }

/** in Configlist der Img-Hinweis, wenn das Bild abweicht ****/
.absolutePos {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  z-index: 3;
  color: #b71c1c;
  font-weight: bold; }

.lineheightI i {
  line-height: 34px;
  transform: translateY(10px); }

.collapsible-body:hover {
  cursor: default;
  -webkit-box-shadow: 0px 2px 8px 0px #b5b5b5;
  -moz-box-shadow: 0px 2px 8px 0px #b5b5b5;
  box-shadow: 0px 2px 8px 0px #b5b5b5; }

.configlistC ul.collapsible li.active {
  border: 0 none transparent !important;
  outline: none !important; }

.configlistC ul.collapsible {
  border: 0 none transparent !important;
  outline: none !important; }

.configlistC ul.collapsible li.active .collapsible-header {
  background: #f4f4f4; }

.collapsible .collapsible-header {
  text-transform: uppercase; }

li .collapsible-header i {
  color: green; }

li.active .collapsible-header {
  color: green;
  opacity: 0.4; }

li.active .collapsible-header:hover {
  opacity: 1; }

#cListStarter .collapsible-body {
  box-shadow: none !important;
  /*border-bottom: none !important;*/ }

.upperCase {
  text-transform: uppercase; }

.capitalizeUp::first-letter {
  font-size: 130%; }

.vertTop .collapsible {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0 none transparent; }

.btn, .btn-small {
  background: #0091ea; }

.btn.zoom80 {
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -o-transform: scale(0.7);
  -moz-transform: scale(0.7); }

.btn-attention {
  background: #b71c1c; }

.btn-nopadd {
  padding: 0 !important;
  margin: 0 !important; }

.btn-noback {
  background: none !important; }

.btn-icononly {
  box-sizing: border-box;
  padding: 0 !important;
  margin: 0 !important; }

.btn-icononly i {
  padding: 0 !important;
  margin: 0 !important; }

.btn-icononly-small {
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  -moz-transform: scale(0.8); }

.btn-icononly-topminus4 {
  transform: translateY(-4px); }

.hoverlupe:hover {
  cursor: zoom-in; }

.scaleSmall80 {
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  -moz-transform: scale(0.8); }

.scaleSmall60 {
  transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -o-transform: scale(0.6);
  -moz-transform: scale(0.6); }

/************************** PRICE TAG ***************/
.tag {
  font-family: "Roboto Slab", serif;
  display: inline-block;
  width: auto;
  height: 38px;
  background-color: #e7e7e7;
  -webkit-border-radius: 3px 4px 4px 3px;
  -moz-border-radius: 3px 4px 4px 3px;
  border-radius: 3px 4px 4px 3px;
  border-left: 1px solid #e7e7e7;
  /* This makes room for the triangle */
  margin-left: 19px;
  position: relative;
  color: #43a047;
  font-weight: 400;
  font-size: 22px;
  line-height: 37px;
  padding: 0 10px 0 10px; }

/* Makes the triangle */
.tag:before {
  content: "";
  position: absolute;
  display: block;
  left: -19px;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-right: 19px solid #e7e7e7; }

/* Makes the circle */
.tag:after {
  content: "";
  background-color: white;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  left: -9px;
  top: 16px; }

.monetaer {
  display: inline-block;
  margin-right: 15px; }

table.spezialTable {
  margin: 0;
  padding: 0;
  box-sizing: border-box !important;
  max-width: 95% !important; }

table.spezialTable tr, table.spezialTable td {
  margin: 0;
  padding: 0; }

table {
  max-width: 99% !important;
  box-sizing: border-box !important; }

/************************** MODAL WINDOW **************** */
#modalLayer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  display: none;
  z-index: 21474836; }

#modalInliner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 96%;
  max-height: 96%;
  padding: 20px;
  background: #ffffff;
  -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 16px 5px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.4);
  z-index: 2147483647; }

.zindextop {
  z-index: 2147483647; }

#configlistezusatz {
  font-family: 'Roboto Slab', serif; }

#configlistezusatz h5 {
  margin-top: 0; }

.breaklines {
  word-break: break-all; }

/* Flaired edges, by Tomas Theunissen */
hr.standardhor {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.55), transparent);
  background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.55), transparent);
  background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.55), transparent);
  background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.55), transparent); }

hr.style-one {
  margin-top: 125px;
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.55), transparent);
  background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.55), transparent);
  background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.55), transparent);
  background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.55), transparent); }

.underline {
  text-decoration: underline; }

.doubleunderline {
  text-decoration: underline;
  border-bottom: 1px solid #000000 !important; }

.fontselect .select-dropdown li img {
  width: 60%;
  height: auto !important; }

.fontselect .select-dropdown li span {
  width: 26%;
  display: inline-block;
  overflow: hidden; }

table.modaltable {
  border: 1px solid red; }

table.modaltable td {
  border: 1px solid red !important; }

table.nolastborder td.smaller {
  width: 20%;
  word-break: keep-all; }

table.nolastborder td.caratfonttable {
  border: 1px solid red;
  max-width: 28% !important; }

table.nolastborder td.caratfonttable span {
  display: block !important; }

.steinersetzungmit {
  margin-bottom: 12px;
  margin-right: 16px; }

/******** Dropdown mit Bilder Fontauswahl *****************/
.fontselect ul.dropdown-content li:hover {
  background: #f1f1f1 !important;
  color: #000000; }

.fontselect ul.dropdown-content li span {
  padding-top: 0; }

.fontselect ul.dropdown-content .disabled span {
  padding-top: 15px;
  width: 99%;
  min-width: 99%;
  max-width: 99%; }

/**
DropdownButton Legierungen ConfigLite
 */
a.dataleg {
  width: 100%; }

/******************* NoUI-Slider  *************************/
#slider, #sliderHeight, #sliderKerbeBreite, #sliderKerbeTiefe {
  margin: 50px 0 12px 0; }

.noUi-connect {
  background: #4f6cc5; }

#material label {
  margin-right: 14px; }

#material label input span {
  color: #333333; }

[type="radio"]:not(:checked) + span, [type="radio"]:checked + span {
  padding-left: 25px; }

/************************** DATEPicker *********************/
.expresstag {
  position: absolute;
  width: 100%;
  bottom: 0;
  content: " ";
  display: block;
  border-bottom: 2px solid red; }

#deliverdate {
  color: #0d47a1; }

/******************* LOGGER  *************************/
#lastlogger {
  word-break: break-all; }

.logcontainer {
  margin-bottom: 5px;
  padding-bottom: 7px;
  border-bottom: 1px solid #e7e7e7; }

.logcontainer:last-child {
  border-bottom: 0 none transparent; }

[type="radio"]:checked + span:after,
[type="radio"].with-gap:checked + span:before,
[type="radio"].with-gap:checked + span:after {
  background-color: #43a047;
  border: 0 none transparent; }

/************** SWITCH **********************/
/*
.switch label input[type=checkbox] {
  &:checked + .lever {
    &:after {
      background-color: #37B429;
    }
  }
}
*/
/***************** FONT SONDERZEICHEN ************/
@font-face {
  font-family: 'foundation_sansregular';
  src: url("/css/gertstnerfonts/foundationsans-roman-webfont.eot");
  src: url("/css/gertstnerfonts/foundationsans-roman-webfont.eot?#iefix") format("embedded-opentype"), url("/css/gertstnerfonts/foundationsans-roman-webfont.woff2") format("woff2"), url("/css/gertstnerfonts/foundationsans-roman-webfont.woff") format("woff"), url("/css/gertstnerfonts/foundationsans-roman-webfont.ttf") format("truetype"), url("/css/gertstnerfonts/foundationsans-roman-webfont.svg#foundation_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }
input.sansFont, td.sansFont, .sansFont {
  font-family: 'foundation_sansregular', sans-serif !important; }

button.sansFont {
  font-size: 150% !important;
  margin: 0 2px;
  padding: 0 2px; }

button.lheight {
  line-height: 160% !important; }

.insertsonder {
  font-size: 150% !important; }

img.maxheight60 {
  max-height: 48px !important;
  max-width: 100% !important;
  image-rendering: auto; }

/**************** FARBFILTER BILDER GELB **************************/
img.rot {
  filter: grayscale(36%) hue-rotate(330deg) !important; }

img.mittel {
  -webkit-filter: brightness(1.1) contrast(1.3) hue-rotate(25deg) !important;
  filter: grayscale(20%) hue-rotate(345deg) !important; }

img.weiss {
  -webkit-filter: brightness(0.5) contrast(1) hue-rotate(2deg) !important;
  filter: grayscale(100%) !important; }

/************************* ENTWICKLUNG ******************/
textarea.greenonblack {
  background: black !important;
  color: #00ff00 !important;
  font-family: monospace; }

textarea.redonblack {
  background: black;
  color: #ff0000; }

/***************** IMG GRAVUR *****************/
/****************** CSS LOADER **************************/
.lds-heart {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  transform: rotate(45deg);
  transform-origin: 16px 16px; }

.lds-heart div {
  top: 14px;
  left: -2px;
  position: absolute;
  width: 12px;
  height: 12px;
  background: #43a047;
  animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1); }

.lds-heart div:after,
.lds-heart div:before {
  content: " ";
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  background: #43a047; }

.lds-heart div:before {
  left: -8px;
  border-radius: 50% 0 0 50%; }

.lds-heart div:after {
  top: -8px;
  border-radius: 50% 50% 0 0; }

@keyframes lds-heart {
  0% {
    transform: scale(0.95); }
  5% {
    transform: scale(1.1); }
  39% {
    transform: scale(0.85); }
  45% {
    transform: scale(1); }
  60% {
    transform: scale(0.95); }
  100% {
    transform: scale(0.9); } }
/***************  eventdays datepicker ***********/
.has-event {
  border-radius: 100% !important; }

.has-event > * {
  color: #d50000 !important;
  border: 0 none transparent !important;
  background: #b71c1c;
  opacity: 0.6; }

.has-event .datepicker-day-button {
  color: #ffffff !important; }

.kalendersperrdates {
  font-size: 115%;
  padding-top: 14px; }

.checkforvalid {
  color: #b71c1c; }

.birdseye {
  position: absolute;
  background: transparent;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  color: #a3a3a3; }

.birdseye3d {
  position: absolute;
  right: 5px;
  background: transparent;
  color: #757575; }

.webgl3d {
  position: absolute;
  right: 5px;
  bottom: 15px;
  background: transparent; }

button.birdseye:hover {
  background: #0091ea;
  color: #ffffff; }

#loaderWebGl {
  position: absolute;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none;
  z-index: 20001;
  width: 420px;
  height: 420px;
  border: 1px solid #696969;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5); }

#gameContainer {
  width: 420px;
  height: 420px; }

#gameContainer > canvas {
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important; }

/******************** SVG *********************/
.zeigeSVG {
  background-size: 100% !important;
  background-position: center;
  font-size: 56px;
  text-align: center;
  margin: 0 auto !important; }

.centersvg {
  position: relative;
  width: 100%;
  text-align: center !important;
  min-height: 300px; }

.svgtransporter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.svgtransporter svg {
  background-position: center;
  width: 100%; }

.svgwithtext {
  background-position: center !important;
  border: 3px; }

.breitenmesser {
  position: absolute;
  height: 14px;
  margin: 0 auto 0 auto !important;
  display: inline-block;
  z-index: 2000;
  width: 100%;
  top: 45%;
  transform: translateY(-50%);
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  padding-bottom: 16px;
  background-position: center !important; }

.messhoehe {
  position: absolute;
  margin: auto !important;
  display: inline-block;
  z-index: 2001;
  border-width: 1px 1px 1px 0;
  border-style: dotted;
  border-color: green;
  height: 100%;
  left: 30%;
  transform: translateX(-30%);
  font-size: 14px;
  line-height: 14px;
  text-align: center !important;
  padding-right: 16px;
  background-position: center !important; }

.hoehenmesser {
  transform: rotate(-90deg);
  transform-origin: right, top;
  -ms-transform: rotate(-90deg);
  -ms-transform-origin: right, top;
  -webkit-transform: rotate(-90deg);
  -webkit-transform-origin: right, top;
  position: absolute;
  width: 100%;
  font-size: 14px;
  line-height: 14px;
  text-align: center !important;
  padding-bottom: 16px;
  background-position: center !important;
  border: 1px solid red; }

.svghelper {
  word-break: break-word !important; }

/************************** Usystemlisten **************** */
.usystemliste img {
  max-width: 190px; }

.usystemliste .card {
  max-width: 190px;
  float: left;
  margin-right: 24px;
  margin-bottom: 23px;
  position: relative; }

.usystemliste .card .card-content {
  position: relative; }

.usystemliste .card-action a {
  color: #0033cc !important; }

.usystemliste .card .bottomabs {
  position: absolute !important;
  top: 0 !important;
  display: block; }

.sytemlisten .card h6 {
  font-weight: 700 !important; }

.sytemlisten .card {
  margin-bottom: 23px; }

/*******++++++++++++++++++++++++ DROPDOWN menue ************/
/* Dropdown Button */
.akdropbtn {
  cursor: pointer;
  line-break: unset;
  display: block; }

.akdropbtn i {
  display: inline-block;
  float: right; }

/* Dropdown button on hover & focus */
.akdropbtn:hover, .akdropbtn:focus {
  background-color: rgba(0, 0, 0, 0.1); }

/* The container <div> - needed to position the dropdown content */
.dropdowncontainer {
  position: relative;
  display: block; }

/* Dropdown Content (Hidden by Default) */
.akdropdown-content {
  display: none;
  position: absolute;
  background-color: #f4f4f4;
  min-width: 160px;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5);
  z-index: 1;
  transform: translateY(2px); }

/* Links inside the dropdown */
.akdropdown-content > a {
  color: black;
  text-decoration: none;
  display: block;
  padding: 12px 15px !important;
  line-height: 120%; }

/* Change color of dropdown links on hover */
.akdropdown-content a:hover {
  background-color: #ddd; }

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.showme {
  display: block; }

.renderjson {
  font-family: "Roboto", sans-serif;
  font-weight: 400; }

span.key {
  color: #73C822 !important; }

span.number {
  color: #a8002c !important;
  font-family: "Roboto Slab", serif; }

span.boolean {
  color: #008e27 !important;
  font-weight: bold;
  font-style: italic; }

/************** #/pdf ******************/
.ausgewaehlt {
  opacity: 0.6; }

.notOriginalToImg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  color: #8bc34a; }

.notOriginalToImg:hover {
  cursor: help; }

/**************** JSONVIEWER ************/
/*********** Zusammenfassung ringzusammenfassung ********************/
.ringzusammenfassung .small {
  font-size: 76%;
  font-weight: 100; }

.ringzusammenfassung {
  padding: 14px 0 0 0; }

.ringzusammenfassung:nth-child(1n+3) {
  border-top: 1px solid #e7e7e7; }

/**************** WEBANZEIGE ************/
.helperwebanzeige {
  display: none; }

/******************* SCROLLER TOP *****************/
#scrollerTop {
  display: none;
  position: fixed;
  bottom: 12px;
  right: 12px;
  opacity: 0.7;
  z-index: 21200; }

#blinder {
  height: 5px;
  display: none;
  position: fixed;
  top: 0;
  background: #0091ea;
  z-index: 21200;
  text-align: right;
  padding-right: 5px;
  color: #696969;
  font-size: 80%; }

.imgremover {
  display: inline-block;
  position: absolute;
  top: 16px;
  left: 4px;
  padding: 4px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 4px; }

.imgremover:hover {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }

.imgremovediv {
  display: block;
  float: left;
  position: relative;
  margin-right: 12px;
  margin-bottom: 16px; }

.imgremovediv span, .imgremovediv span i {
  padding-left: 10px !important; }

/************************** MEDIA QUERYS **************** */

/*# sourceMappingURL=skel.css.map */