/**
 * @file
 * CSS for font imports.
 */

/* fonts  */
@font-face {
  font-family: "Boehringer Headline";
  src: url(../fonts/BoehringerForwardHead.otf);
  font-display: swap;
  font-weight: bold;
}
@font-face {
  font-family: "Boehringer Text";
  src: url(../fonts/BoehringerForwardText.otf);
  font-display: swap;
  font-weight: normal;
}



@font-face {
    font-family: "Boehringer Headline";
    src: url(../fonts/BoehringerForwardHead.woff2) format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "Boehringer Headline";
    src: url(../fonts/BoehringerForwardHead-It.woff2) format("woff2");
    font-style: italic;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "Boehringer Headline";
    src: url(../fonts/BoehringerForwardHead-Md.woff2) format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: "Boehringer Headline";
    src: url(../fonts/BoehringerForwardHead-MdIt.woff2) format("woff2");
    font-style: italic;
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: "Boehringer Headline";
    src: url(../fonts/BoehringerForwardHead-Bd.woff2) format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: "Boehringer Headline";
    src: url(../fonts/BoehringerForwardHead-BdIt.woff2) format("woff2");
    font-style: italic;
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: "Boehringer Text";
    src: url(../fonts/BoehringerForwardText.woff2) format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "Boehringer Text";
    src: url(../fonts/BoehringerForwardText-It.woff) format("woff2");
    font-style: italic;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "Boehringer Text";
    src: url(../fonts/BoehringerForwardText-Md.woff2) format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: "Boehringer Text";
    src: url(../fonts/BoehringerForwardText-MdIt.woff2) format("woff2");
    font-style: italic;
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: "Boehringer Text";
    src: url(../fonts/BoehringerForwardText-Bd.woff2) format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: "Boehringer Text";
    src: url(../fonts/BoehringerForwardText-BdIt.woff2) format("woff2");
    font-style: italic;
    font-weight: 700;
    font-display: swap
}


html,body,div,h1,h2,h3,h4,h5,p,a,table,tr,th,td,ol,ul,li,form,input,select,textarea {
   font-family : "Boehringer Text", Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
   font-size: 1em;
   color: rgb(8, 49, 42);
   }
body, html {
   margin: 0;
   border: 0;
   padding: 0;
   height: 100%;
   }
body {
   background-color: rgb(246, 245, 243);
   }
#container {
   width: 960px;
   margin: auto;
   box-shadow: 1px 1px 20px rgb(170,170,170);
   background-color: rgb(255,255,255);
   }
#header {
   width: 880px;
   height: 10px;
   padding: 3px 40px 0 40px;
   font-size: 1.2em;
   line-height: 1.5em;
   }
#content {
   width: 880px;
   height: 560px;
   margin-top: 10px;
   padding: 0 40px 0 40px;
   }
#content iframe {
   width: 880px;
   height: 560px;
   overflow: hidden;
   border: 0;
   }
#controls {
   width:880px;
   height:30px;
   margin-top:20px;
   padding: 5px 40px 5px 40px;
   background-color: rgb(229, 227, 222);
   }
#progress_container {
   width:280px;
   height:15px;
   background-color:rgb(255,255,255);
   margin: 5px 0 0 240px;
   }
#progress_text {
   float:left;
   width:55px;
   font-size: 0.7em;
   line-height: 1em;
   margin: 2px 0 0 5px;
   }
#progress_bar {
   margin-left:60px;
   width:0px;
   height:15px;
   background-color:rgb(0, 228, 124);
   }
/* GENERAL CLASSES */

h2, h3 {
   color: rgb(8, 49, 42);
   font-weight: bold;
   }
dl {
   margin: 0;
   padding: 0;
   }
dt {
   font-weight: bold;
   margin-top: 10px;
   margin-bottom: 5px;
   }
dd {
   margin: 0 0 5px 20px;
   padding: 0;
   display: list-item;
   list-style-type: disc;
   }
img {
   margin: 0;
   border: 0;
   padding: 0;
   }
img.arrowleft {
   margin:0 10px 0 0;
   }
img.arrowright {
   margin:0 0 0 10px;
   }

/* DEPENDENT CLASSES */
#controls a {
   display: block;
   float: left;
   padding: 3px 20px 3px 0;
   font-size: 0.9em;
   }
#controls a:hover {
   text-decoration: none;
   }
#footer span {
   padding:0 10px 0 10px;
   }
#footer a {
   text-decoration:none;
   color: rgb(150,150,150);
   }
#footer a:hover {
   color: rgb(50,50,50);
   }

/* SUB CLASSES */
a.slide_button {
   float: right !important;
   font-weight: bold !important;
   letter-spacing: 0.1em;
   background-color: rgb( 0, 228, 124 );
   text-decoration: none;
   margin: 0 0 0 15px;
   padding: 3px 40px 3px 40px !important;
   }
a.slide_button:hover {
   background-color: rgb(102,239,176);
 
   }