html, body {
  margin: 0;
  padding: 0;
  height: auto;
  width: 100%;
  font-family: 'Encode Sans',  "Helvetica", sans-serif;
  font-size: 16px;
  color: #333d4e;
  margin: 0 auto;
  scroll-behavior: smooth; }


input, select, textarea {
  outline: 0 !important;
  box-shadow: none !important;
  box-sizing: none !important; }

img.img200 {
  width: 100%;
  max-width: 200px; }


.st-3 {
    margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
	font-size: 18px;
}
  
.mt-6 {
  margin-top: 3.5rem; }

.mt-7 {
  margin-top: 4rem; }

.mt-8 {
  margin-top: 4.5rem; }

.mt-9 {
  margin-top: 5rem; }

.mt-10 {
  margin-top: 5.5rem; }
  

.container {
  padding-right: 5px;
  padding-left: 5px;
} 

.row {
  margin-right: 0px;
  margin-left: 0px;
}
  
.col-lg-3 {padding-right: 5px;  padding-left: 5px;} 
.card-header {
  padding: 40px 1.25rem 38px 1.25rem;
  margin-bottom: 0;
}
  
    
  .navbar { 

  margin: 0 auto;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 5px 0 0 0;
  z-index; 1000;
}

.navbar a {
  float: left;
  font-size: 15px;
  color: #0e366b;
  text-align: center;
  padding: 10px 10px 14px 10px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
  z-index; 1000;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: #0e366b;
    position: relative;
  background-color: inherit;
  font-family: inherit;
  margin: 5px 0 0 0;
  z-index: 1000;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  text-decoration: underline;
}

.dropdown-content {
  display: none;
  position: absolute;
      padding-top: 5px;
  min-width: 220px;
  z-index: 1000;
}

.dropdown-content a {
  float: none;
  color: #212529;
  padding: 0.27rem 1.5rem;
  margin-bottom: 5px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-decoration: none;
  text-align: center;
  display: block;
  font-weight: 400;
}


.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.navbar a.active {
  font-weight: 700;
}

.umschalter {
  line-height: 1.0;
  text-decoration: none;

}


.umschalter .deutsch {
  text-align: center;
  text-transform: uppercase;
  color: #0e366b;
  font-weight: 700;
  text-decoration: none;
  font-size: 12px;
  padding: 0px 20px 0px 20px;
    margin-top: -2px ;

}

.umschalter .english {
  text-align: center;
  text-transform: uppercase;
  color: #0e366b;
  text-decoration: none;
  font-size: 11px;
  padding: 0px 20px 0px 26px;

}

@media (max-width: 1050px) {
.navbar a {font-size: 15px; padding: 10px 5px 14px 5px;}
.ml-4 { margin-left: 0.0rem !important;}
} 

  
  
#produkte {display: block;
position: relative;
top: -100px; /* hier die tatsächliche Höhe des fixierten Elements angeben  */
visibility: hidden;}  
  
#unternehmen {display: block;
position: relative;
top: -70px; /* hier die tatsächliche Höhe des fixierten Elements angeben  */
visibility: hidden;} 

#zertifizierung {display: block;
position: relative;
top: -70px; /* hier die tatsächliche Höhe des fixierten Elements angeben  */
visibility: hidden;} 
  
#impressum {display: block;
position: relative;
top: 0px; /* hier die tatsächliche Höhe des fixierten Elements angeben  */
visibility: hidden;} 

#datenschutz {display: block;
position: relative;
top: -100px; /* hier die tatsächliche Höhe des fixierten Elements angeben  */
visibility: hidden;}
  
  
.contentTable  h5 {
    margin-bottom: 1.5rem;
    font-weight: 700;
    font-size: 1.19rem;
	text-align: center;
	color: #0e366b;
}


.table-responsive h4 {font-size: 18px; color: #0e366b;     font-weight: 400; padding-top: 10px;}
.techInstruction .item h6 a {
    padding-top: 0px;
    padding-bottom: 17px;
    border-top: 0px solid #1D1D1B;
    color: #1d1d1b;
    font-size: 18px;
    font-weight: 400;
    text-decoration: underline;
}
  
.card-body {padding: 1.45rem 1.25rem 0.12rem 1.25rem;} 
  
  

.hoverBlack {
  color: #333d4e;
  text-decoration: none; }
  .hoverBlack:hover {
    color: #112039; }

.sidenavBL {
  width: 100%;
  position: fixed;
  background: rgba(37, 89, 161, 0.9);
  left: -100%;
  height: 100%;
  top: 0;
  float: left;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  z-index: 2; }
  .sidenavBL a {
    display: block;
    padding: 2px 40px;
	font-size: 25px; font-weight:bold;
    color: #fff;}
    .sidenavBL a:hover {
      color: #112039; }
 
  .sidenavBL .head {
    padding: 15px 12px 0px 30px; }
    .sidenavBL .head .left {
      font-size: 25px; }
    .sidenavBL .head .right {
      text-align: right;
      padding-top: 5px; }
    .sidenavBL .head .searchSidenav {
      margin-top: 40px; }
      .sidenavBL .head .searchSidenav .input-group-text {
        background: #fff;
        border-left: 0;
        z-index: 1;
        position: relative;
        right: 4px;
        cursor: pointer;
        border-radius: 4px !important; }

.sprache a {display: inline-block; font-size: 24px; padding: 5px 0px 5px 40px;}
.sidenavBL hr {border-top: 2px solid #fff; width: 90%;}
.material-icons {color: #fff; font-size: 32px !important;}
.sidenavBL .smallmenu {font-size: 20px;  font-weight:500;}



.mainMenu {
  width: 100%;
  position: fixed;
  background: #fff;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
  max-width: 100%;
  top: 0;
  margin: 0 auto;
  z-index: 1; }
  .mainMenu .wrapMM {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-around; }
    .mainMenu .wrapMM div {
      vertical-align: middle;
      margin: 10px; }
      .mainMenu .wrapMM div .dropdown-menu {
        padding-top: 19px;
        background: transparent;
        border: none; }
        .mainMenu .wrapMM div .dropdown-menu .dropdown-item {
          background: rgba(255, 255, 255, 0.9);
          margin-bottom: 5px; }
		  
.dropdown-item { text-align: center;}
  .mainMenu a.menuItem {
    text-align: center;
    text-transform: uppercase;
    color: #0e366b;
  font-family: 'Encode Sans',  "Helvetica", sans-serif;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    font-size: 15px; }
    .mainMenu a.menuItem:hover {
      border-bottom: 1px solid #003865; }
  .mainMenu a.active {
    font-weight:700;}
  .mainMenu img {
    max-width: 10px; }
  .mainMenu .menuMobile {
    padding-top: 10px;
    padding-bottom: 10px; }
	
  .mainMenu .menuMobile .logo {margin: 0 auto; display: flex; justify-content: center; align-items: center;}
  .mainMenu .menuMobile .logo img {max-width: 220px; margin: -20px 10px 10px 0px;}
	  
  .mainMenu .menuMobile .bars {
      text-align: right;
      font-size: 20px;
      padding-top: 10px;}
	  
	  
.umschalter	{text-align: center; line-height: 0.8; margin: 5px;}  
.umschalter	b {font-size:12px;} 
.umschalter a.menuItem {font-size:10px;} 


  

@media (max-width: 992px) {
  .mainMenu {
    width: 100%;
    position: fixed;
    background: #fff;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    max-width: 2558px;
    top: 0;
    margin: 0 auto;
    z-index: 1; }
 .mainMenu .wrapMM {display: none; } 
.navbar { display: none; } 
	  	  }	  
	  
	  
	  
	  

 
	   
.header {
  margin-top: 50px;
  height: 540px;
  width: 100%;
  overflow: hidden;
  background: url(../img/Volz_Header_2560x1080px_2022.jpg);
  background-color: #396eb5;
  background-position: bottom center;
  background-repeat: no-repeat; }
  
.header .title {
    height: 540px;
	margin-top: 160px;
    position: relative; }
.header .title h2 {
      position: absolute;
	  font-weight: 700;
	  margin-top: 50px; 
	  letter-spacing:0.2px;
      color: #fff;
      font-size: 31.5px;
      font-family: 'Encode Sans Condensed',  "Helvetica", sans-serif; }
	   
	   
  .header .titlemobil {
    height: 540px;
    position: relative;
	text-align: center;
	width:100%; }
    .header .titlemobil h2 {
      position: absolute;
	  text-align: center;
	  font-weight: 700;
	  width:100%;
	  margin: 320px auto; 
	  letter-spacing:0.2px;
      color: #fff;
      font-size: 28px;
      font-family: 'Encode Sans Condensed',  "Helvetica", sans-serif; }	    


@media (max-width: 992px) {
  .header {
    background: url(../img/bg-header-mobil.jpg);
    background-position: bottom center;
    background-size: auto;
    background-repeat: no-repeat;
	margin-top: 150px; }

.header .title {display: none;} 
.header .titlemobil {margin-top: 10px;}	 
.header .titlemobil h2 {margin-top: 60px; letter-spacing: 0.2px;  font-size: 28px; text-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);}
.producer .container {padding-left: 30px !important; padding-right: 30px !important;}	

#produkte {top: -290px;}  
#unternehmen {top: -270px;} 
#zertifizierung {top: -270px;} 
#technischehinweise {top: -250px;} 
  
#impressum {top: -100px;} 
#datenschutz {top: -270px;}  

.drill .card {margin-bottom: 20px;}


.col-md-6 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}


.producer {padding-top: 100px !important; padding-bottom: 20px !important;}
.producer .col-md-6 {padding-right: 0px !important;}
.producer .col-md-6 .img-fluid {display: flex !important;
    justify-content: center !important;
    align-items: center !important;}

	   
}
	   

	  
	  
.fBold {font-family: 'Encode Sans',  "Helvetica", sans-serif;  }
.mb-0 {font-size:15px; line-height: 1.8em;}


.producer {
  background: url(../img/silver.png), linear-gradient(to bottom, #517ab3, #0f366c);
  background-size: auto;
  background-position: top, center;
  background-repeat: repeat-x, repeat;
  padding-top: 150px;
  padding-bottom: 100px;
  color: #fff;
 }
 

 
 .producer .container {padding-left: 0px; padding-right: 0px;}
 
   .producer p {
    margin-bottom: 14px; line-height: 28px; font-size:17px;}
 
  .producer h4 {
    margin-bottom: 10px; font-weight:700 !important; font-size:20px;}

  .producer h5 {
    display: inline-block !important; margin-bottom: 10px; line-height: 1.8; font-weight:300; font-size: 17px;  }
	
.producer ul {
    padding-left: 15px;
    margin-bottom: 50px;}
	
	 .producer ul li {
      padding: 3px 14px;
	  font-size: 16px;
      line-height: 1.8em; }
	  
	  .producer .col-md-6 {padding-right: 70px;
padding-left: 0px;}
	
	
	
	
 .producer ul.footContact {
    padding: 0;
    list-style: none;
    margin-bottom: 10px; }
	
 .producer ul.footContact li {
      display: inline-block;
      border-right: 1px solid #fff;
      padding: 3px 14px;
	  font-size: 16px;
      text-align: center;
      line-height: 0.8em; }
 .producer ul.footContact li:last-child {border-right: none; padding: 3px 0px 3px 10px;}
 .producer ul.footContact li:first-child {padding: 3px 16px 3px 0px;}
 .producer .con {padding-left: 15px; padding-right: 15px; margin-top: 46px; text-align:center; max-width: 1140px; margin-right: auto; margin-left: auto;}
   .producer hr {
    background: #ffffff !important; }
	
	
	
	

.contentBohrer {
  padding-top: 30px;
  padding-bottom: 0px; }
  .contentBohrer .no-gutters {
    margin-right: 0px;
    margin-left: 0px; }
  .contentBohrer .no-gutters > .col,
  .contentBohrer .no-gutters > [class*="col-"] {
    padding-right: 3px;
    padding-left: 3px; }
  .contentBohrer .card {
    border: none;
    margin-bottom: 30px; }
    .contentBohrer .card .card-header {
      background: linear-gradient(to bottom, #517ab3, #0e356b);
      color: #fff;
	  font-size:22px;
	  font-weight:600;
      text-align: center;
      line-height: normal;
      padding-top: 24px;
      padding-bottom: 20px; }
    .contentBohrer .card .card-footer {
      background-position: center center;
      background-repeat: no-repeat;
      height: 309px; }

.uberschrift {
  margin-top: 30px;
  margin-bottom: 30px;
  border-bottom: 0px solid #1D1D1B; }
  
.uberschrift .title {
    position: relative;
    margin-bottom: 54px; }
.uberschrift .title h6 {
      text-align: right;
      color: #003865;
	  font-size: 20px;
	  font-weight: 700; }
.uberschrift .title .line {
      width: 100%;
      float: right;
      height: 1px;
      background: #1D1D1B; }


.techInstruction {
	margin-top: 60px;
  margin-bottom: 30px;
  border-bottom: 1px solid #1D1D1B; }
  .techInstruction .title {
    position: relative;
    margin-bottom: 74px; }
    .techInstruction .title h6 {
      text-align: right;
      color: #003865;
	  font-size: 20px;
	  font-weight: 700; }
    .techInstruction .title .line {
      width: 100%;
      float: right;
      height: 1px;
      background: #1D1D1B; }
    .techInstruction .title img.fBohrer {
      position: absolute;
      left: 0;
      top: 12px; }
  .techInstruction .item a {
    padding-top: 17px;
    padding-bottom: 17px;
    border-top: 1px solid #1D1D1B;
    color: #003865;
    font-size: 18px;
	font-weight: 700;
    display: block;
    text-decoration: none; }
	
  .techInstruction .item {padding-left: 0px;padding-right: 0px;}
	
	
    .techInstruction .item a img {
      transform: rotate(0deg);
      -webkit-transition: 0.2s ease-in-out;
      transition: 0.2s ease-in-out;
      font-size: 20px; }
  .techInstruction .item a.active img {
    transform: rotate(180deg); }
  .techInstruction .item .contentTable {
    border-top: 1px solid #1D1D1B;
    padding-top: 30px; }
    .techInstruction .item .contentTable .table-bordered th,
    .techInstruction .item .contentTable .table-bordered td {
      border: 1px solid #1D1D1B !important;   vertical-align: middle; }

	  
	  
@media (max-width: 576px) {
	
.header .titlemobil {margin: 50px auto !important; text-align: center;}
.header .titlemobil h2 {margin: 10px auto; font-size: 24px;}

#produkte {top: -220px;}  
#unternehmen {top: -180px;} 
#zertifizierung {top: -180px;} 
#technischehinweise {top: -160px;} 
  
#impressum {top: -120px;} 
#datenschutz {top: -200px;} 

.text-left {margin-top: 0px !important; margin-bottom: 0px !important;}
.contentBohrer .card .card-header {font-size: 24px !important;}

  .techInstruction .title img.fBohrer {
    top: 20px;
    max-width: 100px; }
  .techInstruction .item a {
    font-size: 14px; }
    .techInstruction .item a img {
      max-width: 15px; }
	  
.contentBohrer .card .card-footer {min-height: 380px;}
.producer .container {padding-left: 30px; padding-right: 30px;}
.producer .con {display:none;}
.drillTool .desc {padding-left: 0px !important; padding-right: 0px !important; padding-top: 30px !important;}
.certification {padding: 20px 20px 15px 20px !important; margin-bottom: 50px !important;}
.certification .desc {padding-left: 15px !important; padding-right: 15px !important;} 

.header .title {display:none;}
.sidenavBL hr {width: 80%;}

.footer .mainFooter ul.list-inline li {padding-left: 5px !important; padding-rightt: 5px !important; padding-top: 20px; font-size: 18px;}
.footer .mainFooter {font-size: 15px !important;}
  

.producer .col-md-6 {padding-right: 0px;}	

.producer {padding-top: 90px;  padding-bottom: 50px;}
.sidenavBL hr {width: 90%;}

.img-fluid {
  width: 100%;
  height: auto;
}

  
}

	  

	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
.questionSec {
      background: linear-gradient(to bottom, #517ab3, #0e356b);
  padding-top: 40px;
  padding-bottom: 30px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  box-shadow: inset 0 -50px 50px rgba(0, 0, 0, 0.3); }
  .questionSec hr {
    border-color: #fff;
	width: 94%; }
	
.questionSec h5 {color:#fff; font-weight:700; font-size:20px; letter-spacing:0.7px;}
	
.questionSec a {color:#fff; text-decoration:none;}

.drillTool {
  padding-top: 0px;
  padding-bottom: 30px; }
  
  .drillTool .no-gutters {border: 1px solid #1d1d1b; padding: 20px 20px 10px 20px;}
  
  .drillTool p {
	  line-height: 1.7em; padding-top: 10px;}
  .drillTool .desc {
    padding-left: 0px;
	padding-right: 30px;
	hyphens: auto; }

.drillTool h5 {color:#5e5e5d; font-weight:700; font-size:18px;}
	

@media (max-width: 1200px) {
  .drillTool .desc {
    padding-left: 0;
    padding-top: 15px;
    text-align: center; } }
.certification {
  border: 1px solid #1d1d1b; padding: 40px 20px 40px 20px; margin-bottom: 70px;
  background: none;
  color: #1d1d1b; }
  .certification .cercImg {
    text-align: center; }
  .certification .desc {
hyphens: auto;
	padding-left: 0px;
	padding-right: 60px;  }
    .certification .desc .qualitat {
      margin-top: 120px; }
  .certification p {line-height: 1.7em; padding-top: 10px;}	  
  .certification h5 {color:#5e5e5d; font-weight:700; font-size:18px; margin-top:24px; margin-bottom: 0.1rem;}
  
    .certification .col-xl-6   {padding-right: 0px; padding-left: 0px;}
}

@media (max-width: 1200px) {
  .certification .desc {
    padding-top: 15px;
    text-align: center; }
    .certification .desc .qualitat {
      margin-top: 0; } }
.sendMessage, .directions {
  width: 200px;
  margin: 20px auto 0 auto;
  padding: 6px 20px;
  background: none;
  border: 1px solid #fff;
  color: #fff; }
  
  .sendMessage a, .directions a {color: #fff; }

.footer {
  padding-top: 10px; }
  .footer hr {
    background: #1d1d1b !important; }
  .footer ul.footContact {
    padding: 0;
    list-style: none;
    margin-bottom: 10px; }
    .footer ul.footContact li {
      display: inline-block;
      border-right: 1px solid #1D1D1B;
      padding: 3px 16px;
	  font-size: 16px;
      text-align: center;
      line-height: 0.8em; }
	  .footer ul.footContact li a {color: #1D1D1B;}
      .footer ul.footContact li:last-child {
        border-right: none; padding: 3px 0px 3px 16px; }
		      .footer ul.footContact li:first-child {
              padding: 3px 16px 3px 0px; }
  .footer .mainFooter {
	  font-size: 16px;
    padding-top: 40px;
    padding-bottom: 35px;
    background: linear-gradient(to bottom, #517ab3, #0e356b);
    color: #fff; }
    .footer .mainFooter hr {
      border-color: #fff; margin-top:30px; }
    .footer .mainFooter ul.list-inline {
      text-align: right;  }
	  .footer .mainFooter ul.list-inline li {padding-left: 29px; font-size: 18px; }
      .footer .mainFooter ul.list-inline a {
        color: #fff; font-weight: 700; }
		.copyright {font-weight: 700; font-size: 18px;}

  .footer .container {
  padding-right: 15px;
  padding-left: 15px;
}



@media (max-width: 1200px) {
  .footer ul.footContact {
    text-align: center; }
    .footer ul.footContact li {
      border-right: 1px solid #1D1D1B;
      padding: 3px 6px 3px 3px;
	  font-size: 15px;
 }
      .footer ul.footContact li:last-child {
        border-right: none; padding: 3px 0px 3px 0px; }
	.footer ul.footContact li:first-child {
              padding: 3px 6px 3px 0px; }	  
	  
	  
	   }
@media (max-width: 992px) {
  .footer .mainFooter {
    text-align: center; }
    .footer .mainFooter ul.list-inline {
      text-align: center; margin-top: 30px; }
	  
	.col-lg-6 {
  -ms-flex: 0 0 90%;
  flex: 0 0 90%;
  max-width: 90%;
}  
	  
	  
	    }
.drill {
  padding-top: 50px; }
  
  .drill p{
  font-size: 15px;}
  .drill .title {
    margin-bottom: 50px;
	padding-top: 30px;
	margin-left: 5px;
	margin-right: 5px;
    text-align: center;
    display: block;
    border-bottom: 1px solid #1D1D1B;
    line-height: 2em;
    font-size: 20px;
	font-weight:700;
    color: #0e366b; }
  .drill .card {
    border-color: #1d1d1b; }
    .drill .card .card-header {
      background: #fff;
      border-color: #1d1d1b;
	   border-bottom: 1px solid #1d1d1b;  }
    .drill .card .table {
      margin-bottom: 0;
      border-bottom: 1px solid #1d1d1b !important; }
      .drill .card .table tr th {
        border-bottom: 1px solid #1d1d1b !important; }
      .drill .card .table .border-right {
        border-color: #1d1d1b !important; }
    .drill .card .card-footer {
      background: #fff;
      border-bottom: 1px solid #1d1d1b; }
	  
	  h6 {font-weight: 700; color: #0e366b;}

.borderedV th, .borderedV td {
  border-right: 1px solid #1d1d1b !important;
  border-left: 1px solid #1d1d1b !important;
  border-top: none;
  border-bottom: none; }

.cImpressum {
  background: url(../img/silver.png);
  background-position: top center;
  background-repeat: repeat-x;
  background-size: auto 70px;
  padding-top: 80px;}
  .cImpressum h2 {font-size: 20px; font-weight:700; color: #0e366b;}
  .cImpressum h3 {font-size: 18px; font-weight:400; color: #0e366b; margin-top: 20px;}
  .cImpressum h4, h5 {color:#fff;}
  .cImpressum hr {
    border: 1px solid #333; }
	
  .frage h5 {color:#fff; font-weight:700; font-size:21px; letter-spacing:0.7px; border-bottom: 1px solid #fff;}

/*# sourceMappingURL=style-all.css.map */




/* cookie alert */
div.useOfCookies {
width: 100%;
padding-top: 26px;
padding-bottom:36px;
position: fixed;
bottom:0;
left: 0;
text-align: left;
z-index: 10000;
background-color: rgba(14,54,107,0.9);
color: white;
text-align:center;
}
div.useOfCookies a {
color: white; 
cursor:pointer;
text-decoration:underline;
}
div.useOfCookies a:hover {
text-decoration:none;
}
div.useOfCookies #cookieWrapper {
position: relative;
max-width: 1240px;
margin-left: auto;
margin-right: auto;
}
div.useOfCookies #cookieWrapper div {
width:96%;
padding-left:5%;
padding-right:2%;
}
a.cookieButton {
text-transform:uppercase;
font-size:1.4em;
padding:8px 14px;
border:1px solid white;
background-color: rgba(0,44,82,0.9);
font-weight:300;
text-decoration:none !important;
transition: .1s ease-in-out;
}