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

/* muli-300italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/muli/muli-v11-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Muli Light Italic'), local('Muli-LightItalic'),
       url('fonts/muli/muli-v11-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/muli/muli-v11-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/muli/muli-v11-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/muli/muli-v11-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/muli/muli-v11-latin-300italic.svg#Muli') format('svg'); /* Legacy iOS */
}

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

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



html {
font-size: 16px;
}

a,
a:hover {
color: #ddd;
}

body {
line-height: 1.42857143;
font-family: 'Muli', 'Arial', sans-serif;
color: #ddd;
margin:0;
background-color: #121A2F;
}

.card {
background-color: transparent;
border: 1px solid #707070;
border-radius: 0;
}

.card img {
border: 1px solid #707070;
border-radius: 0;
}

.card p {
font-size: .9rem;
margin-bottom: 0;
}

.card video {
border: 1px solid transparent;
border-bottom: 1px solid #707070;
}

h1 {
border-top: 1px solid #707070;
border-bottom: 1px solid #707070;
text-transform:uppercase;
font-weight:600;
text-align:center;
padding: .5rem;
font-size:1.5rem;
margin-bottom:2rem;
}

h2 {
font-size:1.1rem;
text-transform:uppercase;
}

h3 {
font-size:1.1rem;
font-weight:600;
}

h4 {
font-size:1.1rem;
}

h5 {
font-size:1.05rem;
text-align:center;
}

video {
width:100%; 
height: inherit;
border: 1px solid #707070;
}



section.header .navbar-brand img {
max-width: 180px;
}


section.header nav li.nav-item {
border-right: 1px solid #707070;
}

section.header nav .nav-link {
display: block;
padding: .0rem 1rem;
line-height:1;
}

section.header .language_switch {
display:none;
}

section.header .carousel,
section.header .border {
border: 1px solid #707070;
}



section.footer div.design_footer {
border-top: 1px solid #707070;
text-align:center;
padding: 1rem;
}

section.footer div.copyright {
background-color: #2A5A96;
padding: 1rem;
}

section.footer div.copyright a {
color:#ddd;
}



/* jcarousel.css */
.jcarousel-skin-tango .jcarousel-container {
    background: transparent;
    border: 0px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 100%;
    padding: 10px 0px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  100%;
    height: 70px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 80px;
    margin-right: 11px !important;
    height: 54px;
    overflow: hidden;
    border: 4px solid #fff;
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 0px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 25px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url("http://www.innostahl.de/img/next-horizontal.png") no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url("http://www.innostahl.de/img/prev-horizontal.png");
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 25px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url("http://www.innostahl.de/img/prev-horizontal.png") no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url("http://www.innostahl.de/img/next-horizontal.png");
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url("http://www.innostahl.de/css/next-vertical.png") no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url("http://www.innostahl.de/css/prev-vertical.png") no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/* jcarousel.responsive.css */
.jcarousel-wrapper {
margin: 0 auto 20px;
position: relative;
border: 10px solid #fff;
-webkit-box-shadow: 0 0 2px #999;
-moz-box-shadow: 0 0 2px #999;
box-shadow: 0 0 2px #999;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 10000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 200px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jcarousel img {
display: block;
max-width: 100%;
height: auto !important;
border: 0;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}

.jcarousel-control-prev {
    left: 0px;
}

.jcarousel-control-next {
    right: 0px;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
	width:100%;
	text-align:center;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
background: transparent;
color: #fff;
opacity: 1;
border:1px solid  #fff;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}