/** Project: Silver Special
/** Project: Silver Special
 *  Description: 
 *
 *  @creator       Thinkin-Tags v0.5.3
 *  @framework     YAML v4.1.2
 *  @file          typography.css
 */

@media all {

	html * {
		font-size: 100%;
		word-wrap: break-word;
	}

	textarea,
	pre,
	code,
	kbd,
	samp,
	var,
	tt {
		font-family: "dinlia";
	}

	body {
		color: #444444;
		font-family: "dinlia";
		font-size: 87.5%;

	}


  /* Markierung Safari >=1.1, Opera >=9.5, IE9*/
  ::selection {
      background: #0E4194;
      color: #fff;
  }
  /* Markierung Firefox >=1 */
  ::-moz-selection {
      background: #0E4194;
      color: #fff;
  }


	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: #3c3c3b;/*#161e21;*/
		font-weight: 400;
		margin: 0;
	}

	h1 {
		font-size: 342.85714%;
        font-family:  "dinbda", arial, verdana;
		line-height: 0.875;
		margin: 0 0 0.4375em 0;
	}

	h2 {
		font-size: 228.57143%;/*342.85714%;*/
        font-family: "dinbda", arial, verdana;
		line-height: 0.875;
		margin: 0 0 0.65625em 0;
        display:inline;
	}

	h3 {
		font-size: 171.42857%;
		line-height: 0.875;
		margin: 0 0 0.875em 0;
	}

	h4 {
		font-size: 150%;
		line-height: 1;
		margin: 0 0 1em 0;
	}

	h5 {
		font-size: 128.57143%;
		line-height: 1.16667;
		margin: 0 0 1.16667em 0;
	}

	h6 {
		font-size: 75%;
		line-height: 1.5;
        font-family: "dindba", arial, verdana;
		margin: 0 0 1.5em 0;
	}

	ul,
	ol,
	dl {
		font-size: 100%;
		line-height: 1.5;
		margin: 0 0 1.5em 0;
	}

	ul {
		list-style-type: disc;
	}

	ol {
		list-style-type: decimal;
	}

	ul ul {
		list-style-type: circle;
		margin-top: 0;
	}

	ol ol {
		list-style-type: lower-latin;
		margin-top: 0;
	}

	ol ul {
		list-style-type: circle;
		margin-top: 0;
	}

	li {
		font-size: 100%;
		line-height: 1.5;
		margin-left: 1.2em;
	}

	dt {
		font-weight: bold;
	}

	dd {
		margin: 0 0 1.5em 0.8em;
	}

	p {
		font-size: 100%;
		line-height: 1.5;
		margin: 0 0 1.5em 0;
	}

	blockquote,
	cite,
	q {
		font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
		font-style: italic;
	}

	blockquote {
		background: transparent;
		color: #666666;
		margin: 1.5em 0 0 1.5em;
	}

	strong,
	b {
		font-weight: bold;
	}

	em,
	i {
		font-style: italic;
	}

	big {
		font-size: 114.28571%;
		line-height: 1.3125;
	}

	small {
		font-size: 85.71429%;
		line-height: 1.75;
	}

	pre,
	code,
	kbd,
	tt,
	samp,
	var {
		font-size: 100%;
	}

	pre {
		font-size: 100%;
		line-height: 1.5;
		margin: 0 0 1.5em 0;
		white-space: pre-wrap;
		-webkit-word-wrap: break-word;
		-moz-word-wrap: break-word;
		-ms-word-wrap: break-word;
		word-wrap: break-word;
	}

	pre,
	code {
		color: #880000;
	}

	kbd,
	samp,
	var,
	tt {
		color: #666666;
		font-weight: bold;
	}

	var,
	dfn {
		font-style: italic;
	}

	acronym,
	abbr {
		border-bottom: 1px #aaa dotted;
		cursor: help;
		font-variant: small-caps;
		letter-spacing: .07em;
	}

	sub,
	sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}

	sup {
		top: -0.5em;
	}

	sub {
		bottom: -0.25em;
	}

	mark {
		background: yellow;
		color: black;
	}

	hr {
		background: transparent;
		border: 0;
		border-bottom: 1px #eeeeee solid;
		color: #fff;
		margin: 0 0 0.75em 0;
		padding: 0 0 0.67857em 0;
	}

	a {
		background: transparent;
		color: #0E4194;/*#3C3C3B;*/ /* seit 02.07.18 */
		text-decoration: none;
	}

	a:active {
		outline: none;
	}

	a:hover,
	a:focus {
		/*background-color: #4d87c7;*/
		color: #004494;
		text-decoration: none;
	}
	
	.slides-pagination a {
    font-size:0%;
	}
	
	.language_select {
    position:absolute;
    top:2.5em;
    font-size:80%;
    font-family: "dinlia";
	}
	
	map > area,
  map > area:active,
  map > area:focus {outline: none; border:0; }

	img,
	figure {
		margin: 0;
		vertical-align: middle;
	}

	.flexible {
		height: auto;
		margin-bottom: 1.5em;
		max-width: 100;
	}

	* html .flexible {
		width: 98%;
	}

	.bordered {
		border: 2px white solid;
		-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
		margin-bottom: 1.5em;
	}

	.highlight {
		color: #cc3300;
	}

	.dimmed {
		color: #888888;
	}

	.box {
		border-color: rgba(0, 0, 0, 0.3);
		border-radius: 0.3em;
		border-style: solid;
		border-width: 1px;
		-webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
		box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
		color: rgba(0, 0, 0, 0.8);
		margin: 0 0 1.5em 0;
		padding: 1.42857em;
	}

	.box > *:last-child {
		margin-bottom: 0;
	}

	.label {
		background: #06C;
		border-radius: 3px;
		color: #fff;
		display: inline-block;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 10px;
		letter-spacing: normal;
		line-height: 12px;
		padding: 1px 6px 2px;
		vertical-align: middle;
		white-space: nowrap;
	}

	.info {
		background: #f4f4f4;
	}

	.success {
		background: #88cc88;
	}

	.warning {
		background: #cccc88;
	}

	.error {
		background: #cc8888;
	}

	.float-left {
		display: inline;
		float: left;
		margin: 0 1em 1.5em 0;
	}

	.float-right {
		display: inline;
		float: right;
		margin: 0 0 1.5em 1em;
	}

	.center {
		display: block;
		margin: 0 auto 1.5em auto;
		text-align: center;
	}

	table {
		border-bottom: 1px #ccc solid;
		border-collapse: collapse;
		border-top: 1px #ccc solid;
		color: #444444;
		margin: 0 0 1.35714em 0;
		width: 100%;
	}

	table.narrow {
		margin: 0 0 1.42857em 0;
	}

	table.narrow th,
	table.narrow td {
		line-height: 1.42857;
		padding: 0 0.5em;
	}

	table.fixed {
		table-layout: fixed;
	}

	table.bordertable {
		border: 1px #ccc solid;
	}

	table.bordertable thead th {
		background: #e0e0e0;
		border-bottom: 1px #ccc solid;
		border-right: 1px #ccc solid;
	}

	table.bordertable tbody th[scope="row"] {
		background: #f0f0f0;
	}

	table.bordertable tbody th {
		border-right: 1px solid #ccc;
	}

	table.bordertable tbody td {
		border-right: 1px solid #ccc;
	}

  table.full { width:100%; }
  table.fixed { table-layout:fixed; }
  table.noborder, table.noborderaussen { border:0; }
  table.noborder tbody th, table.noborder tbody td { border-bottom:0; }

	caption {
		font-variant: small-caps;
	}

	th,
	td {
		line-height: 1.5em;
		padding: 0.71429em 0.5em;
		vertical-align: top;
	}

	th *:first-child,
	td *:first-child {
		margin-top: 0;
	}

	th.nowrap,
	td.nowrap {
		white-space: nowrap;
	}

	thead th {
		border-bottom: 2px #3C3C3B solid;
		color: #3C3C3B;
		text-align: left;
	}

	tbody {
	}
	
	.neon_container, .kompetenz_container {
    position:relative;
	}
	
	.neon_pfeil_unten, .neon_pfeil_oben {
	  position:absolute;	  
	  width:100%;
	  text-align:center;
	}
	
	.neon_pfeil_unten {
    bottom:1em;
	}
	
	.neon_pfeil_oben {
    bottom:1em;
	}
	
	.neon_pfeil_unten img, .neon_pfeil_oben img {
    width:5em;
	}
	
	.neon_pfeil_unten a:hover img, .neon_pfeil_oben a:hover img {
    width:5.5em;
	}

	tbody th {
		border-top: 1px solid #ccc;
		text-align: left;
	}

	tbody td {
		border-top: 1px solid #ccc;
		text-align: left;
	}

	tbody tr:hover th,
	tbody tr:hover td {
		background: transparent;/*#f8f8f8;*/
	}
	
	.index_box {
    text-transform:uppercase;
    font-family: 'dinbda';
    margin-left: 3em;
	}
	
	.index_headline {
    color: #004494;
    text-transform: uppercase;
    font-family: 'dinbda';
    margin-left: 1.7em;
	}
	
	.neon_imagemap { 
    height:auto;
    max-width:100%;
    width:auto;
    
  }
  
  .nav_dot {
    border:1px solid #222;
    border-radius:50%;
    width:10px;
    height:10px;
    margin:5px;
    display:block;
  }
	
	.infobox {
    background: transparent url('../../img/test.png') repeat;
    color:#fff;
    width:50%;
    text-align:justify;
    position:absolute;
    right:1em;
    top:5em;
    border:1px solid grey;
    padding:3em;
	}
	
	#msg_cookies {
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background: rgba(0, 0, 0, 0.9);
    z-index:999;
    font-weight: bold;
    color: #fff;
    padding: 1.3em 1em;
  }
  
  #msg_cookies input[type=button] {
    background-color:#3c3c3b;
    border: 1px solid #000;
    color: #fff;
    padding: 0.5em 1.5em;
    margin-left: 0.5em;
    cursor: pointer;
  }
	
	.kompetenz_title {
    font-weight:bold;
    font-size:1.2em;
	}
	
	.infobox h1, .infobox h6, .infobox h2, .infobox h3, .infobox a {
	  text-align: right;
	  color: #fff;
	}
	
  .infobox h2, .infobox2 h2 {
	  text-align: right;
	  display:block;
	  /*line-height: 0.5;*/
	  margin:0 0 0.19em 0;
	}
	
	.infobox2 {
    background: transparent url('../../img/80perweiss.png') repeat;
    color:#3C3C3B;
    width:50%;
    text-align:justify;
    position:absolute;
    right:1em;
    top:5em;
    border:1px solid #fff;
    padding:3em;	
	}
	
	.infobox2 h1, .infobox2 h2, .infobox2 h6, .infobox2 a {
    color:#3C3C3B;
	}
	
	.farbe {
    display:none;
	}
		
  .login_info { 
    font-weight:bold;
    display:block; 
    color:#000 !important; 
    text-align:center !important; 
    padding-top:30px !important; 
  }
  
  .login_box {
    width:75%;
    margin: 2em auto;
  }
  
  .stoffwahl { float:left; text-align:center; margin:10px; font-weight:bold; }
  
  .modell_klein { border:1px solid #d3d3d3; margin:5px 5px 0 5px; width:120px; cursor:pointer; float:left; text-align:center; }
  
  #modell_menu { list-style-type:none; margin-left:0; }
  #modell_menu li { margin-left:0; }
  #modell_menu li ul { list-style-type:none; }
	
	.wemi_artikel { border:1px solid #aaaaaa; width: 100%; padding:0.5em; margin:1em auto; }
  .wemi_artikel p { margin:0; }
  .wemi_header { text-transform:uppercase;  }

	.pnetmenu { 
    margin:1em 1em 1.5em 1em;
    display:block;
    text-align:center;
    border:2px solid #fff;
  }
  
  .pnet_header {
      background-color:#f4f4f4;
      padding: 1.5em 0.5em; 
      border-bottom:1px solid #ddd; 
  }
  
  .pnet_header > img {
    max-width:90%;
  }
  
  .pnet_footer {
    background-color:#ececec;
    color:#0E4194;
    font-family:'dinbda';
    text-transform:uppercase;
    padding:1em 0.5em 0.2em 0.5em;
  }
  
  .pnet_footer_sub {
    background-color:#ececec;
    color:#0E4194;
    font-family:'dinlia';
    text-transform:uppercase;
    font-size:0.9em;
    height:3em;
    padding:0;
  }
  
  .canvas-container {
    position:absolute !important;
    top:40px;
    left:120px;
  }

  .ribbon_links {
    float:left;
    position:absolute;
    width:120px;
    height:30px;
    left:-8px;
    top:-2px;
    background:#004494;
    box-shadow:2px 2px 3px #7f7d7a;
    -moz-box-shadow:2px 2px 3px #7f7d7a;
    -khtml-box-shadow:2px 2px 3px #7f7d7a;
    -webkit-box-shadow:2px 2px 3px #7f7d7a; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#7f7d7a')"; 
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#7f7d7a');
    z-index:100;
  }

  .ribbon_links p {
    display:block;
    color:#fffdf9;
    text-align:left;
    padding: 5px 5px 5px 15px;
  }
  
  .triangle_links {
    position:absolute;
    height:0;
    width:0;
    left:-16px;
    top:20px;
    border-style:solid;
    border-width:8px;
    border-color:  transparent #000099 transparent transparent;
    z-index:1;
  }
  
  .tel_bimos {
    cursor:default;
    display:block;
    color:#0E4194;
    font-size:3em;
    margin-bottom:3.5em;
    text-align:center;
    font-weight:bold;
  }
  
  .pnet_info { text-align:center; color:grey; }
	
	.modell_index_wrapper {
    text-align:center;
    border-bottom:7px solid transparent;
    border-radius:7px;
    width:89%;
    margin:0 auto;
    padding: 1.5em 0;
	}
	
	.modell_index {
    opacity:0;
    font-size:0.9em;
	}
	
	.modell_index_link {
    padding-left:2em;
    text-align:left;
	}
	
	.progressbar ol {
    list-style: none;
    width:650px;
    height:44px;
    padding: 15px 16px;
    margin:0 auto;
    background: url(/img/warenkorb_b.png) no-repeat;
    margin-bottom:30px;
  }
  
  .progressbar ol.step1 {
    background-position:0 0;
  }
  
  .progressbar ol.step2 {
    background-position:0 -78px;
  }
  
  .progressbar ol.step3 {
    background-position:0 -155px;
  }
  
  .progressbar ol.step4 {
    background-position:0 -232px;
  }
  
  .progressbar li {
    float:left;
    height:44px;
    width:108px;
    padding-left:32px;
    padding-top:7px;
    color:#3c3c3b;
  }
  
  .progressbar li.currentstep {
    font-weight:bold;  
  }
  
  .wkorbbtn { border:1px solid #ddd; border-top:1px #ddd solid; border-left:1px #ddd solid; border-right:1px #444 solid; border-bottom:1px #444 solid; color:#000; background:#454545 url(../../img/button_gray.png) top left repeat-x; padding:5px 1em; }
  .wkorbbtn:hover, .wkorbbtn:focus, .wkorbbtn:active { border:1px #555 solid; color:#fff; background:#555; } 
  
  .prodslider {
	font-family:dinbda;
	text-align:center;
	text-transform:uppercase;
  }

  .elastic-video {
    position: relative;
	  /*padding-bottom: 55%;*/
	  /*padding-top: 15px;*/
	  height: 0;
	  background-color:#000;
	  z-index: 3;
	}
	
	.elastic-video video {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
  }
  
  #sel_kat {
    padding:0.5em;
    width:15em;
  }
  
  .line5 {
    border-top: 1px solid #fff; 
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    margin-top:6.5em;
    margin-left:-4em;
    width:16em;
    float:left;
  }
  
  .line4 {
    border-top: 1px solid #fff; 
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    margin-top:5em;
    margin-left:-4em;
    width:13em;
    float:left;
  }
  
  .line3 {
    border-top: 1px solid #fff; 
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    margin-top:4em;
    margin-left:-2.5em;
    width:10em;
    float:left;
  }
  
  .line2 {
    border-top: 1px solid #fff; 
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    margin-top:2.5em;
    margin-left:-2em;
    width:7em;
    float:left;
  }
  
  .mod_hdr {
      margin:0 auto;
      color:#fff;
      padding:5px 0;
      width:90%;
      text-align:center;
      background-color:grey;
  }
  
  .embed-container {
	position: relative; 
	padding-bottom: 56.25%; /* ratio 16x9 */
	height: 0; 
	overflow: hidden; 
	width: 100%;
	height: auto;
	}
	  
	.embed-container iframe {
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 100%; 
	}
		
	/* ratio 4x3 */
	.embed-container.ratio4x3 {
		padding-bottom: 75%;
	}
  
  .bewertung {
    margin-right:30px;
    color:#444;
    border:1px solid #004494;
    display:inline-block;
    border-radius:10px;
    padding:7px 10px 0;
    text-decoration:none;
    font-weight:bold;
    font-size:1.2em;
  }
  
  .line1 {
    border-top: 1px solid #fff; 
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    margin-top:1.5em;
    margin-left:-1em;
    width:4em;
    float:left;
  }
  
  .line_weiss {
    border-top:1px solid #3C3C3B;
  }
  
  .fett {font-weight:bold; }
  
  .modell_bez {
    font-size:0.7em;
    opacity:0.7;
  }
  
  .submenu_produkte_header {
    padding:0;
    margin:0;
    text-align:center;
    font-weight:bold;
  }
  
  #language2, #language {
    padding:0.5em;
  }
  
 .neon_info {
    position: absolute;
    background: #004494;
    top: 360px;
    right: 40px;
    display: none;
    padding: 30px;
    width:170px;
    color: #ffffff;
    font-size:1.2em;
    font-weight:bold;
    text-align:center;
    z-index:1;
    box-shadow:2px 2px 15px #7f7d7a;
    border-radius:10px;
  }
  .neon_info:after {
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #004494;
    border-width: 20px;
    top: 50%;
    margin-top: -20px;
  }
  
  .coll_modell {
    width:12em;
    float:left;
    text-align:center;
  }
  
    .box_close {
    position:absolute;
    right:10px;
    font-weight:bold;
    width:16px;
    height:16px;
    border:1px solid grey;
    text-align:center;
    cursor:pointer;
    background-color:lightgrey;
  }
  
  .flagbild { width:10%; height:22px; }
  
  #wkorb_menge, #wkorb_menge:hover {
    border:0;
    background:#ffffff;
    color:#000000;
    cursor:auto;
  } 
  
  #box_menge {
    position: absolute;
    top:20px;
    width:60%;
    background: #a8a8a8;
    border: 4px solid #ddd;
    display:none;
    margin: 0 50px;
    padding: 10px 20px;
    z-index:1;
  }
  
  .news_contact_wrapper {
    width:100%;
    margin:0;
    padding:0;
    position:relative;
  }
  
  .news_contact {
    background-color:#004494;
    color:#fff;
    width:100%;
    padding:1em 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    cursor:pointer;
    height:2em;
    font-weight:bold;
    position:relative;
  }
  
  .news-contact_open {
    border-bottom-color: #004494 !important;
  }
  
  .news_contact2 {
    background-color:#004494;
    color:#fff;
    width:100%;
    display:none;
    position:absolute;
    border: 1px solid #ccc;
    border-top-color: #004494;
    border-radius: 2px;
  }
  
  a.modell_anfrage, a.modell_anfrage:hover, a.modell_anfrage:active, a.modell_anfrage:visited {
    /*width:95%;*/
    background-color: #004494;
    color:#fff;
    text-align:center;
    padding:0.5em 0.5em 0 0.5em;
    font-size:1.1em;
    font-weight:bold;
    text-transform:uppercase;
    display:block;
    cursor:pointer;
    min-height:56px;
  }
  
  a.kompetenz_pdf, a.kompetenz_pdf:hover, a.kompetenz_pdf:active, a.kompetenz_pdf:visited {
    width:95%;
    background-color: #004494;
    color:#fff;
    text-align:center;
    padding:2em 1em;
    font-size:1em;
    font-weight:bold;
    text-transform:uppercase;
    display:block;
    cursor:pointer;
  }
  
  .dd-image-right {
    margin-right:30px !important;
    margin-top:-4px;
  }
  
  a.dd-selected, .footer_links a, .coll_modelllink {
	color: #3C3C3B;
  }

  .news_filter_nav_wrapper .dd-selected {
    color:#fff;
    -webkit-appearance: none;  
  }
  
  .news_filter_nav_wrapper .dd-select {
    padding:1em 0;
    height:2em;
  }
  
  .news_filter_nav_wrapper .dd-pointer-down {
    border-top-color:#fff;
  }
  
  .news_filter_nav_wrapper .dd-pointer-up {
    border-bottom-color:#fff !important;
  }
  
  .special_konfig {
    position:absolute !important;
    bottom:1em;
    padding:0.5em;
    width:95%;
  }


  .dd-option-text { cursor:pointer;}
  .dd-select { height:22px; border:0;}
  .dd-option { padding:3px 5px !important;}
  #language2 .dd-option, #language .dd-option { border-bottom:none; }
  .dd-selected { padding:3px 5px !important; }
  .dd-selected-image { padding-top:2px !important; }
  .dd-option-image { padding-top:3px !important; }
  .dd-desc { padding-left:20px !important; }
  .dd-options > li { margin-left:0; }
  .dd-selected-text { line-height:15px !important; }
  .dd-selected-description { display:none !important; }
  
  .labspace_hdr {
    margin-left:50%;
  }
  
  a.ueber_bimos, a.ueber_bimos:active, a.ueber_bimos:focus {
    display:block;
    width:90%;
    background-color:#fff;
    color:#0E4194;
    border:1px solid #0E4194;
    padding:1em;
    text-align:center;
    font-family:dinbda;
    text-transform:uppercase;
  }
  
  a.ueber_bimos:hover {
    background-color:#0E4194;
    color:#fff;
    border:1px solid #fff;
  }
  
  .prod_text {
    padding:0 1.5em;
  }
  
  .zu_den_produkten, .zu_den_produkten:active, .zu_den_produkten:focus {
    display:inline-block;
    background-color:#0E4194;
    color:#fff;
    border:1px solid #0E4194;
    padding:1em;
    font-family:dinbda;
    text-transform:uppercase;
    cursor:pointer;
  }
  
  .mehr_erfahren, .mehr_erfahren:active, .mehr_erfahren:focus {
    display:block;
    text-align:center;
    background-color:#0E4194;
    color:#fff;
    border:1px solid #0E4194;
    padding:1em;
    font-family:dinbda;
    text-transform:uppercase;
  }
  
  .zu_den_produkten:hover, .mehr_erfahren:hover {
    background-color:#fff;
    color:#0E4194;
  }
  
  /* The switch - the box around the slider */
  .switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 24px;
  }

  /* Hide default HTML checkbox */
  .switch input {display:none;}

  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }

  .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }

  input:checked + .slider {
    background-color: #004494;
  }

  input:focus + .slider {
    box-shadow: 0 0 1px #004494;
  }

  input:checked + .slider:before {
    -webkit-transform: translateX(21px);
    -ms-transform: translateX(21px);
    transform: translateX(21px);
  }

  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }

  .slider.round:before {
    border-radius: 50%;
  }
  
  .index_news_box {
    background-color:#fff;
    padding:1em;
    box-shadow:5px 5px 5px 0 lightgrey;
  }
  
  .index_news_date {
    margin:1em 0 0;
    color:#0E4194;
    font-family:dinbda;
  }
  
  #welcome_box {
    background-color:#0E4194;
    color:#fff;
  }
  
  .index_news_bez {
    font-family:dinbda;
  }
  
  .index_news_text {
    margin:1.5em 0;
  }
  
  .index_produkte {
    text-align:center;
    padding-top:2em !important;
    border-bottom:1px solid lightgrey;
    padding-bottom:2em !important;
  }
  
  .index_produkte_unten {
    text-align:center;
    padding-top:2em !important;
    padding-bottom:2em !important;
  }
  
  .onlymobile {
    display:none !important;
  }
  
  .dreiicons {
    text-align: center;
  }
  
  .special_div {
    padding-top: 6.5em;
  }
  
  .klappmenu_hdr {
    display:none;
  }
  
  .klappmenu_txt {
    width:100%;
    padding-top:1em;
  }
  
  .klappmenu_footer {
    display:none;
  }
}

@media screen and (max-width: 751px) { /* 480px */
  .progressbar {
    display:none;
  }
}

@media screen and (max-width: 42em) { /* 480px */
  .infobox, .infobox2 {
    width: 75%;
    top: 1em;
    padding: 1em 2.6em;
    word-wrap:break-word;
  }
  
  .labspace_hdr {
    margin-left:0;
  }
  
  .modell_index_wrapper {
    width:55%;
	}
	
	.kompetenz_wrapper {
    width:100%;
	}
	
	.mobile_full {
    width:100%;
	}
	
	.coll_modell {
    clear:both;
    width:70%;
    margin-left:2em;
	}
	
	.neon_info {
    top: auto;
    bottom: 50px;
    right: auto;
    left: 50px;
  }
  
  .neon_info:after {
    top:100%;
    left: 50%;
    border-left-color: transparent;
    border-top-color: #004494;
    margin-top: auto;
    margin-left: -20px;
  }
	
	.login_box {
    width:100%;
  }
  
  .special_konfig {
    position:relative !important;
    top:1em;
    margin:1em 0;
    width:100%;
  }
  
  .modell_klein { width:63px; }
  
  h1 {
    font-size: 200%;
  }
  
  h2 {
    font-size: 150%;
  }
  
  .nomobile {
    display:none !important;
  }
  
  .onlymobile {
    display:block !important;
  }
  
  .kompetenz_container, .kompetenz_infobox {
    background:#fff !important;
    color:#3C3C3B;
    border:0;
    font-size:1.1em;
    top:0 !important;
    position:relative;
  }
  
  .prod_nomobile {
    display:none;
  }
  
  .prod_mobile {
    width:100%;
  }
  
  #background {
    background:#fff !important;
  }
  
  .news_filter_nav_wrapper {
    overflow:visible !important;
  }
  
  .tel_bimos {
    font-size:1.9em;
    padding-bottom:1em;
  }
  
  .kontakt_bimos {
    font-size:1.4em;
  }
  
  .special_div {
    padding-top: 2em !important;
  }
  
  .klappmenu_hdr {
    display:block;
    width:100%;
    background-color:#004494;
    border:1px solid #004494;
    color:#fff;
    height:3.5em;
    padding-top:2em;
    text-align:center;
    cursor:pointer;
    font-weight:bold;
    font-size:1.2em;
    text-transform: uppercase;
  }
  
  .klappmenu_txt {
    display:none;
    font-size:1.4em;
  }
  
  .klappmenu_footer {
    display:block;
    margin-top:1em;
    width:100%;
    background-color:#004494;
    border:1px solid #004494;
    color:#fff;
    text-align:center;
    cursor:pointer;
    text-transform: uppercase;
  }
  
  .index_box {
    margin-left: 1em;
	}
	
	.index_produkte_unten {
    border-bottom:1px solid lightgrey;
  }
}

.err_recaptcha { border: 1px solid red; }