@font-face {
  font-family: "ProtecFontRegular";
  src: url("/fonts/ProtecFont.eot");
  src: url("/fonts/ProtecFont.eot?#iefix") format("embedded-opentype"),
    url("/fonts/ProtecFont.otf") format("opentype"), 
    url("/fonts/ProtecFont.svg") format("svg"),
    url("/fonts/ProtecFont.ttf") format("truetype"),
    url("/fonts/ProtecFont.woff") format("woff"),
    url("/fonts/ProtecFont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ProtecCaQuDuPrFontRegular";
  src: url("/fonts/ProtecCustomFont.eot");
  src: url("/fonts/ProtecCustomFont.eot?#iefix") format("embedded-opentype"),
    url("/fonts/ProtecCustomFont.otf") format("opentype"),
    url("/fonts/ProtecCustomFont.svg") format("svg"),
    url("/fonts/ProtecCustomFont.ttf") format("truetype"),
    url("/fonts/ProtecCustomFont.woff") format("woff"),
    url("/fonts/ProtecCustomFont.woff2") format("woff2"); 
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ProtecCaQuDuPrFontRegularV2';
  src: url("/fonts/ProtecCaQuDuPrFontRegular.eot");
  src: url('/fonts/ProtecCaQuDuPrFontRegular.eot?#iefix') format('embedded-opentype'),  
	url('/fonts/ProtecCaQuDuPrFontRegular.otf')  format('opentype'),
	url('/fonts/ProtecCaQuDuPrFontRegular.woff') format('woff'), 
	url('/fonts/ProtecCaQuDuPrFontRegular.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}
.protecCustomFontV2 {
  font-family: 'ProtecCaQuDuPrFontRegularV2';
  font-size: 20px;
  display: inline-block;
}

 
.protecFont {
  font-family: 'ProtecFontRegular';
  font-size: 30px;
  display: inline-block;
}

.protecCustomFont {
  font-family: 'ProtecCaQuDuPrFontRegular';
  font-size: 20px;
  display: inline-block; 
}

/*********************************************************/
/************* 10.08.20 überarbeiteter Font  *************/
/*********************************************************/


@font-face {
    font-family: 'protec-caqudupr-fontregular';
    src: url('/fonts/protec-caqudupr-font-new-webfont.woff2') format('woff2'),
         url('/fonts/protec-caqudupr-font-new-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.protecCustomFontV4 {
	font-family: 'protec-caqudupr-fontregular';
	font-size: 36px;
	font-weight:100;
	display: inline-block;
}

/*********************************************************/





 body {
        font-family: 'Source Sans Pro', sans-serif;
      }

      a.active.focus,
      a.active:focus,
      a.focus,
      a:active.focus,
      a:active:focus,
      a:focus,
      button.active.focus,
      button.active:focus,
      button.focus,
      button:active.focus,
      button:active:focus,
      button:focus,
      .btn.active.focus,
      .btn.active:focus,
      .btn.focus,
      .btn:active.focus,
      .btn:active:focus,
      .btn:focus {
        outline: 0;
        outline-color: transparent;
        outline-width: 0;
        outline-style: none;
        box-shadow: 0 0 0 0 rgba(0,123,255,0);
      }

      a {
        color: #003399;
        text-decoration: underline;
      }

      .bottomfooter a{
        color: #f9fafc;
        text-decoration: none;
      }

      .bottomfooter a:hover{
        color:#b3b3b3;
      }

      h1 {
        font-weight: 600;
        font-size: 30px;
        color: #003399;
      }

      h2 {
        font-weight: 600;
        font-size: 28px;
        color: #003399;
      }

      h3 {
        font-weight: 600;
       font-size: 22px;
       color: #003399;
      }

      h4 {
      font-weight: 600;
      font-size: 18px;
      color: #003399;
      }

      p {
      	font-weight: 400;
    	font-size: 17px;
    	color: #000;
      }

      h1.semibold {
        font-weight: 600;
        font-size: 30px;
        color: #003399;
      }

      h2.semibold {
        font-weight: 600;
        font-size: 28px;
        color: #003399;
      }

      h3.semibold {
        font-weight: 600;
    	 font-size: 22px;
    	 color: #003399;
      }

      h4.semibold {
        font-weight: 600;
    	font-size: 18px;
    	color: #003399;
      }

      header{
      	background-color: #17a2b8;
      	height: 100px;
      }

      div.container-fluid.navigation{
      	height: 50px;
      	background-color: #E6E6E6;
      	color: #000333;
      	margin-top: 1px;
      }

      .slider{
      	background-color: #1d3499;
      }

      div.container.banner{
      	height: 250px;
      	background-color: #17a2b8;
      	color: #e6f3f5; 
      	margin-top: 1px;
      }

      div.container.filter{
        height: 290px;
        background-color: #fff;
        color: #e6f3f5;
        margin-bottom: 45px;
      }

      div.container.boxen{
        /*background-color: #17a2b8;*/
        margin-bottom: 60px;
      }

      p.small{
        text-align: center;
        font-size:14px;
        color:aqua;
      }

      .teaserbox{
        background-color: #fff;
        border: 1px;
        border-style: solid;
        border-color: #fff;
        padding: 0px;
        /*
        padding-left: 20px;
        padding-right: 20px;
        */
      }

      .teaserbox .heading{
        background-color: #d71c31;
        color:#fff;
        font-weight: 700;
        padding:10px;
        padding-left:20px;
      }

      .teaserbox h4{
        font-weight: 600;
        color: #fff;
        margin-bottom: .5rem;
        margin-top: .5rem;
        font-size:20px;
      }

      .teaserbox p.default{
        margin-top:1rem;
      }

      .teaserbox .captop{
        height: 100%;
        width: 100%;
        background-color: #fff;
        background-image: url('gfx/de/logo-captop-box.png');
        background-position: center -10px;
        background-repeat: no-repeat;
        padding-left: 20px;
        padding-right: 20px;
      }

      .captop{
        height: 100%;
        width: 100%;
        background-color: #fff;
        background-image: url('gfx/de/logo-captop-box-v2.png');
        background-position: center -10px;
        background-repeat: no-repeat;
        padding-left: 20px;
        padding-right: 20px;
        border: 1px;
        border-style: solid;
        border-color: #3333;
        padding-bottom:20px;
      }

      .quickfit{
        height: 100%;
        width: 100%;
        background-color: #fff;
        background-image: url('gfx/de/logo-quickfit-box-v2.png');
        background-position: center -10px;
        background-repeat: no-repeat;
        padding-left: 20px;
        padding-right: 20px;
        border: 1px;
        border-style: solid;
        border-color: #3333;
      }

      .durasafe{
        height: 100%;
        width: 100%;
        background-color: #fff;
        background-image: url('gfx/de/logo-durasafe-box-v2.png');
        background-position: center -10px;
        background-repeat: no-repeat;
        padding-left: 20px;
        padding-right: 20px;
        border: 1px;
        border-style: solid;
        border-color: #3333;
      }

      .promould{
        height: 154px;
        width: 100%;
        background-color: #fff;
        background-image: url('gfx/de/logo-promould-box_04.png');
        background-position: left top;
        background-repeat: no-repeat;
        padding-left: 0px;
        padding-right: 0px;
        border: 1px;
        border-style: solid;
        border-color: #3333;
      }

      .ohr{
        height: 100%;
        width: 100%;
        background-color: #1d3499;
        border: 1px;
        border-style: solid;
        border-color: #000;
      }

      .col-sm{
        background-color: #17a2b8;
        
      }

      /* filter style */
      .filter{
        background-color: #f5f5f5;
        border: 1px;
        border-style: solid;
        border-color: #e1e1e1;
        padding-top: 40px;
        padding-bottom: 40px;
      }

      .filter3col{
        background-color: #E6E6E6;
        border: 1px;
        border-style: solid;
        border-color: #e1e1e1;
        padding-top: 30px;
        padding-bottom: 0px;
      }

      select#anw1{
        max-width: 100%;
        background-color: #fff;
        color: #000;
        height:36px;
      }

      select#kategorie{
        max-width: 100%;
        background-color: #fff;
        color: #000;
        height:36px;
      }

      select#normserie{
        max-width: 100%;
        background-color: #fff;
        color: #000;
        height:36px;
      }

      form#form2 input.form2input{
        width: 80%;
        background-color: #fff;
        border: 1px;
        border-style: solid;
        border-color: rgb(166, 166, 166);
        color: #000!important;
        padding-left: 10px;
        height:36px;
      }

      form#form2 input.form2button{
      background-color: #d71c31;
      color: #fff;
      border-color: #d71c31;
      }

      .select3col{
        padding-bottom:30px;
      }

      .select3col select#anw1{
        min-width: 100%;
      }

      .select3col select#kategorie{
        min-width: 100%;
      }

      .select3col select#normserie{
        min-width: 100%;
      }

      div.row.searchrow{
        padding-top: 10px;
        padding-bottom: 30px;
        /*background-color: #1d3499;*/
        margin-top: 10px;
      }


      /* callout style */
      .callout{
        background-color: #f9fafc;
        border-top: 1px;
        border-bottom: 1px;
        border-style: solid;
        border-color: #e1e1e1;
        border-right: 0px;
        border-left: 0px;
        margin-top: -1px;
      }

/*****************************************************************************/
/******************************** buttons ************************************/
/*****************************************************************************/

.btn-newsletter{
  border-radius: 0;
  background-color: #003399;
  width: auto;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  border:0px;
}

/*****************************************************************************/
/******************************** dropdowns **********************************/
/*****************************************************************************/

      /* normserien */

      #normserienTab .nav-link{
        text-decoration: none;
      }
      #normserienTab .nav-link:active{
        background-color: #fff!important;
      }
      #normserienTab .nav-link{
        padding-left:30px;
        padding-right:30px;
      }
      #captop-tab{
        
      }

      .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
        /*border:none;*/
        border-color: #a6a6a6 #a6a6a6 #fff;
      }
      .nav-tabs {
          border-bottom: 1px solid #a6a6a6;
      }
      .nav-tabs:hover {
          border-bottom: 1px solid #a6a6a6;
      }


      #normserienTab .nav-link:hover{
        /*border:none;*/
      }

      #normserienTab a#captop-tab.nav-link {
        background-image: url(/gfx/logo-captop-taben-normserie.png);
        background-position: center ;
        background-repeat: no-repeat;
        width: 240px;
        height: 50px;
        opacity: 0.5;
      }

      #normserienTab a#captop-tab.nav-link.active {
        background-image: url(/gfx/logo-captop-taben-normserie.png);
        background-position: center ;
        background-repeat: no-repeat;
        width: 240px;
        height: 50px;
        opacity: 1;
      }

      #normserienTab a#quickfit-tab.nav-link {
        background-image: url(/gfx/logo-quickfit-taben-normserie.png);
        background-position: center ;
        background-repeat: no-repeat;
        width: 260px;
        height: 50px;
        opacity: 0.5;
      }

      #normserienTab a#quickfit-tab.nav-link.active {
        background-image: url(/gfx/logo-quickfit-taben-normserie.png);
        background-position: center ;
        background-repeat: no-repeat;
        width: 260px;
        height: 50px;
        opacity: 1;
      }

      #normserienTab a#durasafe-tab.nav-link {
        background-image: url(/gfx/logo-durasafe-taben-normserie.png);
        background-position: center ;
        background-repeat: no-repeat;
        width: 280px;
        height: 50px;
        opacity: 0.5;
      }

      #normserienTab a#durasafe-tab.nav-link.active {
        background-image: url(/gfx/logo-durasafe-taben-normserie.png);
        background-position: center ;
        background-repeat: no-repeat;
        width: 280px;
        height: 50px;
        opacity: 1;
      }

      .dropdowninner{
        padding-left: 20px;
          padding-right: 20px;
      }

      .scrollClassNormserien {
          height:410px;
          width: 100%;
          overflow-y: scroll;
          overflow-x: hidden;
      }

      ul.listNormserien{
        line-height: 1.8!important;
      }

      ul.listNormserien a{
        text-decoration: none;
        color:#000;
        font-weight: 400;
        font-size: 17px;
        padding-left: 0px;
      }

      ul.listNormserien .liCaptop{
        color:#d71c31;
        font-weight: 700;
        padding-right:10px;
      }
      ul.listNormserien .liQuickfit{
        color:#007d40;
        font-weight: 700;
        padding-right:10px;
      }
      ul.listNormserien .liDurasafe{
        color:#162f70;
        font-weight: 700;
        padding-right:10px;
      }
     ul.listNormserien .liProsicon{
        color:#FF751F;
        font-weight: 700;
        padding-right:10px;
      }


/*****************************************************************************/
/*********************************** footer **********************************/
/*****************************************************************************/

      .topfooter{
        background-color: #1d3499;
      }

      .footer{
        background-color: #f9fafc;
      }
      .bottomfooter{
        height:120px;
        background-color: #333;
      }


/*****************************************************************************/
/**************************** media queries **********************************/
/*****************************************************************************/


      /* workaround breakpoint < sm */
      
      @media (max-width: 575.98px) { 

        .teaserbox p.default{
          padding-left:20px;
          padding-right:20px;
       }

        .teaserbox p{
          padding-left:20px;
          padding-right:20px;
        }

        p.p-20{
          padding-left:20px;
          padding-right:20px;
        }

        .searchrow.filterbox{
          padding-left: 15px!important;
          padding-right: 15px!important;
        }

        .searchrow.filterbox .col-sm-10{
          padding:0px;
        }

        .form2button{
          margin-top: 20px;
        }


      }

      @media (min-width: 992px) { 

        .form-row.filterbox{
          max-width:80%;
          margin-left:10%;
        }

        .searchrow.filterbox{
          max-width:80%;
          margin-left:10%;
          margin-left:84px;
        }

      }

      @media (min-width: 1200px) { 

        .searchrow.filterbox{
          max-width:80%;
          margin-left: 101px;
        }

      }

      @media (max-width: 992px) { 

        .searchrow.filterbox{
          padding-right: 15px;
        }

      }

      @media (max-width: 768px) { 

        #selectboxwrapper{
          /* margin-top: 20px!important; */
        }

      }