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

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

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

/* source-sans-pro-300italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/source-sans-pro-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v18-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

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

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

/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v18-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v18-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v18-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v18-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

body {
  font-family: 'Signika Negative',Arial,sans-serif;
  font-weight: 400;
  font-size: 2em;
  position: relative;
}

main {
    padding-bottom: 10em;
    background: url('../assets/images/OnLabs-Probe.jpg') no-repeat right bottom;
}

h2 {
    margin-top: 3em;
    margin-bottom: 1em;
    color: #E75012;
    font-size: 180%;
}

h3 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    font-size: 140%;
}

h5, h6 {
    margin-top: 2em;
    margin-bottom: 1.2em;
    font-weight: 600;
    font-size: inherit;
}

h5 {
    color: #004B7C;
    font-family: 'Source Sans Pro', sans-serif;
    font-style: italic;
}

ul {
    color: #E75012;
}

i {
    font-family: 'Source Sans Pro', sans-serif;
    font-style: italic;
}

li p {
    color: #333;
    margin: 0;
}

.icon-bar {
    color: #E75012;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus,
.navbar-default .nav > li.active > a
{
    color: white;
    background-color: #E75012;
}

.navbar {
    min-height: 0px;
}

.navbar-toggle {
    margin: 18px;
    float: left;
    background-color: white;
}

#nav {
    background-color: white;
    border-width: 0px;
    outline: solid 4px #0F4B7C;
}

#myCarousel {
    margin: 0 auto;
    max-width: 1422px;
}

#myCarousel img {
    max-width: 1422px;
    width: 100%;
}

#navbar {
    max-width: 1422px;
    margin: 0 auto;
}

.navbar-default .navbar-nav > li > a {
    color: #0F4B7C;
}

#logo {
    right: 2em;
    top: 1em;
    z-index: 1040;
    position: fixed; 
}

#logo_img {
    width: 130px;
    float: right;
}

#left_stripes {
    left: 0;
    top: 5em;
    position: fixed; 
    display: none;
    z-index: 10;
}

#right_stripes {
    right: 0;
    top: 7em;
    position: fixed; 
    display: none;
    z-index: 10;
}

#zier_balken {
    height: 3.4em;
    position: relative;
    top: 3.4em;
    background-color: rgba(15,75,124,0.5);
    z-index: 10;
}

#footer_1 {
    background-color: #0D3A5B;
    padding: 20px;
}

#footer_1 .bigfont {
    font-size: 150%;
    margin: 0;
}

#footer_2 {
    background: #004B7C url('../assets/images/O-OnLabs.png') no-repeat left bottom;
    margin-top: 0.2em;
}

#footer_2 a {
    cursor: pointer;
}

#footer_2 .container:last-child {
    padding-top: 3em;
}

footer {
    color: white;
}

.carousel-caption a, .carousel-caption a:hover, .carousel-caption a:focus,
footer a, footer a:hover, footer a:focus{
    color: white;
}

.btn-lg {
    font-size: 2rem;
}

.incr_btm_margin {
    margin-bottom: 1.5em;
}

.carousel-caption h3 {
    font-size: 140%;
    font-weight: 600;
    margin-top: 0.5em;
}

.carousel-caption p {
    margin-bottom: 1em;
}

.carousel-caption {
    font-size: 140%;
    font-style: italic;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: left;
    background-color: rgba(15,75,124,0.5);
    padding: 0 1em 0 1em;
    width: 22em;
    left: 35%;
    right: auto;
    bottom: 3em;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 1s; /* Safari */
    transition: opacity 1s;    
}

.active .carousel-caption {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.carousel-caption .glyphicon {
    color: #E75012;
    vertical-align: middle;
}

.caption_link {
    vertical-align: middle;
    font-weight: bold;
}

.modal-body {
    color: #0F4B7C;
    font-size: 70%;
}

.modal-body span {
    color: #E75012;
}

.modal-body > p {
    margin-bottom: 1.2em;
    line-height: 1.2em;
}

.modal-body h3 {
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 120%;
    font-family: 'Source Sans Pro', sans-serif;
    font-style: italic;
    margin-bottom: 1.2em;
}

.div_textalign_right {
    text-align: right;
}

.vertical_spacer {
    margin-bottom: 3em;
}

/* 
	andere Farben für die Schweizer Seite ---->
*/

h2 {
    color: #E21E1A;
}

ul {
    color: #E21E1A;
}

.icon-bar {
    color: #E21E1A;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus,
.navbar-default .nav > li.active > a
{
    background-color: #E21E1A;
}

.carousel-caption .glyphicon {
    color: #E21E1A;
}

.modal-body span {
    color: #E21E1A;
}

.btn-primary {
	background-color: #E21E1A;
	border-color: #E21E1A;
}

.btn-primary:hover {
	background-color: #771e1a;
	border-color: #771e1a;
}

a {
    color: #E21E1A;
}

a:hover {
    color: #771e1a;
}

/* 
	andere Farben für die Schweizer Seite <----
*/

@media (min-width: 480px) {
    #logo_img {
        width: 230px;
    }
}

@media (min-width: 680px) {
    .carousel-caption {
        left: 50%;
    }
}

@media (min-width: 1000px) {
    .navbar-default .navbar-nav > li > a {
        padding-bottom: 1.2em;
        padding-top: 1.3em;
    }
}

@media (min-width: 1800px) {
    #left_stripes {
        display: block;
    }

    #right_stripes {
        display: block;
    }   
    
    #logo_img {
        width: 331px;
    }
    
    #logo {
        top: 0;
    }
}