/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html,button,input,select,textarea{font-family:Arial, sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.25em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* ======================
   Author's custom styles
   ======================*/

/* roboto-regular - latin */
@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 400;
   src: url('../fonts/roboto-v29-latin-regular.eot'); /* IE9 Compat Modes */
   src: local(''),
        url('../fonts/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/roboto-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/roboto-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('../fonts/roboto-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/roboto-v29-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
 }
 
 /* roboto-500 - latin */
 @font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 500;
   src: url('../fonts/roboto-v29-latin-500.eot'); /* IE9 Compat Modes */
   src: local(''),
        url('../fonts/roboto-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/roboto-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/roboto-v29-latin-500.woff') format('woff'), /* Modern Browsers */
        url('../fonts/roboto-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/roboto-v29-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
 }
 
 /* roboto-700 - latin */
 @font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 700;
   src: url('../fonts/roboto-v29-latin-700.eot'); /* IE9 Compat Modes */
   src: local(''),
        url('../fonts/roboto-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/roboto-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/roboto-v29-latin-700.woff') format('woff'), /* Modern Browsers */
        url('../fonts/roboto-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/roboto-v29-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
 }


html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

html,
body {
   font-size:1em;
   line-height: 1.750em;
   color:#222;
   font-family: 'Roboto', Arial, Verdana, sans-serif;
   background-color:#fff;
}

#mlxbar {
   height:47px;
   background:#fff url('../img/shop-mlx-administrator-network-bg.jpg') repeat-x;
}

.header-container {
   position:relative;
   padding:0;
}

a:link,
a:visited {
   font-size:1rem;
   text-decoration:none;
   color:#004a93;
   font-weight:400;
}

a:hover,
a:active,
a:focus {
   color:#000;
   text-decoration:underline;
}

a.white:link,
a.white:visited {
   color:#fff;
}

.arrow:before {
   content: "";
   display: inline-block;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 6px 0 6px 6px;
   border-color: transparent transparent transparent #004a93;
   margin-right:5px;
}

a.white:hover,
a.white:active,
a.white:focus {
   color:#fff;
   text-decoration:underline;
}

a.toplink:link,
a.toplink:visited {
   text-decoration: none;
}

a.toplink:hover,
a.toplink:active,
a.toplink:focus {
   text-decoration:none;
}

a.btn, a.btn:hover {
   text-decoration: none;
}

.btn-black {
   background-color:#2d2e2e;
   color:#fff;
   border-color:#000;
   font-family: 'Roboto Condensed', Arial, Verdana, sans-serif !important;
}

.greybg {
   background-color:#f2f2f2;
}

.greybg-border { 
   border:1px solid #c2c2c2;   
}

.bluebg {
   background-color:#004a93;
   border:1px solid #004a93;      
   color:#fff;   
}

.btn-black:hover {
   color:#f95d09;
}

fieldset, .fieldset {
   display: block;
   padding: 15px;
   border: 1px solid #ccc;
}

p {
    font-size:1rem;
    margin:0px 0 20px 0px;
    font-weight:300;
}

.small {
   font-size:0.750rem;
}

.large {
   font-size:1.125rem;
}

.white {
   color:#fff;
}

.text-red {
   color:#e62714;
}

.strong, strong {
   font-weight:500;
}

.nomargin {
   margin-bottom:0;
}

.framed {
   border:3px solid #ced2d5;
}

.iconbar {
   border-bottom:1px solid #ccc;
}

.toplink{
   height:40px;
   padding:0 5px;
   border-right: 1px solid #706f6f;
}   

.toplink:last-of-type {
   border-right: none;
}      

a:focus {
  outline: none;
}

.dropdown-menu {
   position: absolute;
   z-index: 1000;
   display: none;
   min-width:100%;
   padding: .5rem 0;
   margin: 0;
   font-size: 1rem;
   color: #212529;
   text-align: left;
   list-style: none;
   background-color: #fff;
   background-clip: padding-box;
   border: none;
}

.dropdown-item:focus, .dropdown-item:hover {
   color: #1e2125;
   background-color: transparent;
   text-decoration:none;
}

.navbar-brand img {
   max-height: 50px;
}

.navbar-light .navbar-toggler {
	color: rgba(230,39,20,1);
	border-color: #004992:
}

.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28230, 39, 20, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler:focus {
   text-decoration: none;
   outline: 0;
   box-shadow:none;
 }

h1 {
   font-size:1.375rem;
   line-height:1.2em;
   font-weight:500;
   margin:0 0 10px 0;
}

h2 {
   font-size:1.125rem;
   line-height:1.2em;
   margin:0 0 15px 0;
   font-weight:400;
}

h3 {
   font-size:1.0rem;
   line-height:24px;
   margin:0 0 5px 0;
   font-weight:400;
   color:#004a93;
}

h4 {
   font-size:1.0rem;
   line-height:24px;
   margin:0 0 5px 0;
   font-weight:400;
}

ul, ol {
   padding-left:10px;
   font-size: 1rem;
   line-height: 1.750em;
}

li {
   font-size: 1rem;
   line-height: 1.750em;
   margin-left:25px;
   font-weight:300;
}

li span {
   color:#000;
}

ul.listing {
   margin-top:10;
   margin-bottom:30px;
   font-size:0.875rem;
   line-height: 1.750em;
   font-weight: 400;
   list-style-type:disc;
   color:#000;
}

.img-center {
   margin-left:auto;
   margin-right:auto;
}

.showcase {
   margin-bottom:25px;
}

.showcase-headline{
   border-bottom:1px solid #ccc;
   padding:7px 0 5px 120px;
   position:relative;
   font-size:1.125rem;
}

.showcase-icon {
   position:absolute;
   top:-20px; left:10px;
}

.showcase-text {
   padding:5px 0 5px 120px;
}

th.bluebg {
   background-color: #004996;
   color:#fff;
}

footer {
   background-color: #004996;
}

.form-label {
   font-weight:bold;
}

img.greyscale {
   -webkit-filter: grayscale(90%);
   -moz-filter: grayscale(90%);
   filter: grayscale(90%);
   transition: all 0.5s ease;
}

img.greyscale:hover {
  -webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
   filter: grayscale(0%);
   transition: all 0.5s ease;
}

.footer a.white {
   border-right: 1px solid #706f6f;
}   
.footer a.white:last-of-type {
   border-right: none;
}      

#kz_l, #kz_b , #kz_z {
   text-transform: uppercase;
}



@media (min-width: 576px) {

   .offer_text {
      background:transparent url('../img/offer_bg.png');
      position:absolute;
      bottom:0px; left:0;
      width:100%;
      height:70px;
      padding:5px 10px;
   }

   .offer_price {
      background:transparent url('../img/preis_bg.png');
      position:absolute;
      top:3px; right:3px;
      width:193px;
      height:98px;
      color:#fff;
      padding:20px 0 0 30px;
      font-size:1.5rem;
      font-weight:bold;
   }

}

@media (min-width: 768px) {
  
    h1 {
      font-size:1.5rem;
      line-height:1.750rem;
      margin:0 0 20px 0;
    }

    h2 {
       font-size:1.125rem;
       line-height:28px;
       margin:0px 0 5px 0;
    }

    h3 {
       font-size:1.125rem;
       line-height:24px;
       font-weight:500;
       margin:0px 0 5px 0;
    }

    h4 {
       font-size:1.0rem;
       line-height:24px;
       margin:30px 0 10px 0;
    }

}

@media (min-width: 992px) {

   .toplink{
      height:auto;
      padding:0;
      border-right: none;
   }   
   
   .navbar-brand  {
      display:none;
   }
   
   .navbar {
      background-color: #e62714;
      padding:0;
   }

   .navbar-nav {
      padding:0;
      margin:0;
      width:100%;
   }

   .navbar-nav .nav-item {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
      text-align: center;      
   }   

   .navbar .navbar-nav .nav-link {
      display:inline-block;
      color:#fff;
      font-size:0.875rem;
      font-weight:700;
      line-height:21px;
      width:100%;
      padding:0;
      padding-top: 10px;
      padding-bottom: 10px;
      margin:0;
      text-decoration: none !important;
    }

    .navbar .navbar-nav .nav-link:hover,
    .navbar .navbar-nav .nav-link:active,
    .navbar .navbar-nav .nav-link:focus {
      background-color:#b81f10;
      color:#fff;
      text-decoration: none !important;
    }    

   .dropdown-menu {
       box-shadow: 0 10px 14px rgba(0,0,0,.1);
    }

   .dropdown-item:focus, .dropdown-item:hover {
      color: #1e2125;
      background-color: transparent;
      text-decoration:none;
   }

   .sidebar-start {
      background:#fff url('../img/reifenstapel.jpg') no-repeat top center ;
      background-size: contain;
   }


}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {


}

@media (min-width: 1600px) {

}