/*
Theme Name: Divi Child Theme
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Divi Child Theme
Author: blindwerk - neue medien GmbH
Author URI: https://www.blindwerk.de
Template: Divi
Version: 1.0.0
*/

@import url("../Divi/style.css");

/* =Theme customization starts here
------------------------------------------------------- */

/* din-pro-light */
@font-face{
  font-family:'DINPro-Medium';
  font-style:normal;
  font-weight:400;
  src:local(''),
  url('assets/fonts/dinpro-medium.woff2') format('woff2');
}

/* open-sans-regular - latin */
@font-face{
  font-family:'Open Sans';
  font-style:normal;
  font-weight:400;
  src:local(''),
  url('assets/fonts/open-sans-v28-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('assets/fonts/open-sans-v28-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin */
@font-face{
  font-family:'Open Sans';
  font-style:normal;
  font-weight:700;
  src:local(''),
  url('assets/fonts/open-sans-v28-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('assets/fonts/open-sans-v28-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-italic - latin */
@font-face{
  font-family:'Open Sans';
  font-style:italic;
  font-weight:400;
  src:local(''),
  url('assets/fonts/open-sans-v28-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('assets/fonts/open-sans-v28-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700italic - latin */
@font-face{
  font-family:'Open Sans';
  font-style:italic;
  font-weight:700;
  src:local(''),
  url('assets/fonts/open-sans-v28-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('assets/fonts/open-sans-v28-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face{
  font-family:'Share Tech';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('assets/fonts/sharetech.woff') format('woff');
}

@font-face{
  font-family:'Share Tech';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('assets/fonts/sharetech.woff2') format('woff2');
}

/* Full Width Hero Clickable SVG */
.full-width-wrapper{
  display:grid;
  grid-template-columns: 24% 76%;
  overflow:hidden;
}

.full-width-wrapper svg{
  padding:5px 0 29px 5px;
}

.full-width-wrapper video{
  width:100%;
  height:auto !important;
}

@media only screen and (max-width:980px){
  .full-width-wrapper{
	grid-template-columns: none;
  }
  .full-width-wrapper svg{
	padding:50px 100px 90px 100px;
	max-width:100%;
  }
  .hero-grid-video{
	order:-1;
  }
  .full-width-wrapper .hero-grid-video video{
	margin:0 0 -7px -5px;
	width:101% !important;
	max-width:101vw;
  }
}

@media only screen and (max-width:600px){
  main{ width:89%; }
  .full-width-wrapper svg{
	padding:20px 30px 50px 25px;
  }
}

.full-width-wrapper div svg svg svg .schneidstoffe-border{
  transition:all .2s ease-in-out;
}

.full-width-wrapper div svg svg svg:hover .schneidstoffe-border{
  fill:grey !important;
}

@media only screen and (min-width:981px){
  #logo{
	max-width:226px;
  }
}

@media only screen and (min-width:320px){
  #logo{
	max-width:226px;
  }
}