/*
Theme Name:     ECTA Handelsgesellschaft mbH
Template:       Divi
Version:        1.0.0
Author: Christiane Weigel
Author URI: https://christiane-weigel.de
*/

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

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

body {
	font-family: 'Roboto', sans-serif;
	font-weight: 400 !important;
	overflow-wrap: break-word;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Unna', serif;	
}
 .clearfix {
clear: both;
 }
 .et_pb_text li {
	 list-style-type: none !important;
 }
.entry-content ul {
    padding: 0;
    list-style-type: none;
}
p, a, #et-info-phone {
	font-weight: 400 !important;
}

h1, h2, h3, .et_quote_content blockquote p, .et_pb_slide_description .et_pb_slide_title, h4.widgettitle {
    font-weight: 400 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    line-height: 1.3em !important;
}
h4.widgettitle {
    font-weight: 400 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    line-height: 1.3em !important;
	font-size: 21px !important;
}
h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
	font-weight: 400 !important;    
    text-decoration: none !important;
    line-height: 1.3em !important;
	color: #666666;
}
h3.acf-rpw-title {
	font-size: 18px;
}
h3 a:hover {
	color: #666666 !important;
}
h1, h2, h3 {
	hyphens: auto;
}
#top-header, #top-header .container, #top-header #et-info, #top-header .et-social-icon a {
    font-weight: 400 !important;
}
#et-secondary-menu {
    margin: 0 0 6px 8px;
}

.nav li li {
    line-height: 1.4em;
}
#main-header {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0);
    box-shadow: 0 1px 0 rgba(0,0,0,0);
}
#et-info {
    display: block;
    padding-bottom: 0;
    margin-top: 10px;
    margin-right: 10px;
}
span#flags_language_selector img, .wpml-ls-legacy-list-horizontal .wpml-ls-flag {
    width: 40px !important;
    height: 35px !important;
	margin-right: 10px;
}
.wpml-ls-menu-item .wpml-ls-flag {
  height: auto !important;
  width: auto !important;
}
/* .wpml-ls-menu-item .wpml-ls-flag {
    display: inline;
    vertical-align: baseline;
    width: 40px;
    height: 35px;
} */
.wpml-ls-legacy-list-horizontal {
display: inline-block;
padding: 0;
border: 0;
width: 40px;
    height: 35px;
    margin-right: 10px;
}
 .wpml-ls-legacy-list-horizontal ul {
display: inline-block;
}
 .wpml-ls-legacy-list-horizontal ul li {
display: inline;
margin: 0 5px 0 5px;
padding: 0;
}
.wpml-ls-legacy-list-horizontal a {
    padding: 0;
}
.et_pb_widget_area_left {
    padding-right: 0;
    border-right: 0;
}

.screen-reader-text {
display: none;
}
/* .et_pb_slider .et_pb_container {
    max-width: 1400px !important;
} */
 .et_pb_slide_description .et_pb_slide_title {
    padding: 6% 0 !important;
} 
.et_pb_slider .et_pb_container {
    width: 90%;
}
.et_pb_slide_description {
    margin: 0;
    padding: 0;
	min-height: 300px;

}
et_pb_slides .et_pb_slider_container_inner {
    display: block !important;
}
input#searchsubmit {
	font-family: 'Unna', serif;
	font-weight: 400 !important;
border: 0 !important;
    color: #ffffff;
    background-color: #009ee2;
    padding: 7px 10px;
    font-size: 18px;
    margin-left: 8px;
    text-transform: uppercase;
    text-decoration: none;
}
input[type=text], input[type=password], input[type=tel], input[type=email], input.text, input.title, textarea, select {
    padding: 10px;
    border: 0;
    color: #666666;
    background-color: #fff;
}
form#searchform {
float: right;
}
body .et_pb_button, .et_pb_button a, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce-message a.button.wc-forward {
    font-size: 18px;
    background: #009ee2;
    border-width: 0px!important;
    border-color: none;
    border-radius: 0px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff !important;
}

/*Hexagon*/
.hexagon {
  background:transparent;
  overflow: hidden;
  margin: 0 auto;
  width: 8.66em; 
  height: 10em;
  transform: rotate(-90deg) skewY(30deg);
}
.hexagon:before {
  display: block;
  width: inherit; height: inherit;
  background: #009ee2;
  background-size: cover;
  transform: skewY(-30deg) rotate(60deg) translate(0);
  content: '';
}

.hexagon-single {
  background:transparent;
  overflow: hidden;
  margin: 0 auto;
  width: 5.77em; 
  height: 6.67em;
  transform: rotate(-90deg) skewY(30deg);
}
.hexagon-single:before {
  display: block;
  width: inherit; height: inherit;
  background: #96BF00;
  background-size: cover;
  transform: skewY(-30deg) rotate(60deg) translate(0);
  content: '';
}

.hex-wrap {
max-width: 430px;
margin: auto;
}

.hex-row-first {
	float: left;
	width: 430px;
	margin-top: 0;
}
.hex-row {
	float: left;
	width: 430px;
	margin-top: -95px;
}
.hex {
	float: left;
	width: 140px;
	height: 140px;
	margin-right: 0px;
    margin-bottom: 35px;
	  line-height: 130%;
	  text-align: center;
}
.hex:hover {
  opacity: 0.8;
}
.hex:first-child, .hex:last-child {	
	margin-top: 80px;
}

.hex-over30 a:hover, .hex-over31 a:hover, .hex-over32 a:hover, /*.hex-over33 a:hover,*/ .hex-over34 a:hover, .hex-over35 a:hover, .hex-over36 a:hover  {
  color: #cccccc !important;
}
.hex-over31 a, .hex-over32 a, /*.hex-over33 a,*/ .hex-over34 a, .hex-over36 a {
  z-index:5;
  position:relative;
  width:100%;
  top:-97px;
  text-align:center;
  font-family: 'Roboto', sans-serif;
  font-size: 1.1em;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff !important;
}
div.hex-over33 p {
  z-index:5 !important;
  position:relative !important;
  width:100% !important;
  top:-97px !important;
  text-align:center !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 1.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  color: #ffffff !important;
}
.hex-over30 a, .hex-over35 a {
  z-index:5;
  position:relative;
  width:100%;
  top:-90px;
  text-align:center;
  font-family: 'Roboto', sans-serif;
  font-size: 1.5em;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff !important;
}


.fas  {
  z-index:5;
  position:relative;
  width:100%;
  top:-75px;
  text-align:center;
  font-family: "Font Awesome 5 Free";
  font-size: 40px;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff !important;
}
.hex-over30 a:hover, .hex-over31 a:hover, .hex-over32 a:hover, .hex-over33 a:hover, .hex-over34 a:hover, .hex-over35 a:hover, .hex-over36 a:hover, .fas a:hover  {
  color: #cccccc !important;
}
.fas.fa-file-pdf {
	font-family: "Font Awesome 5 Free";
	content: "\f1c1";
	font-size: 18px !important;
	font-weight: 900 !important;
	color: #009ee2 !important;
position:relative;
  width: 20px;
    height: 20px;
    top: 0;
    padding-right: 10px;
}
.et_pb_contact p input[type=checkbox]+label, .et_pb_contact p input[type=radio]+label {
    line-height: 1.2em !important;
    min-height: 1.2em !important;
    font-size: 12px !important;
}

.et_pb_toggle_close {
  margin-bottom: 3% !important;
}
.et_pb_toggle_title:before {
    font-size: 24px !important;
}
.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block !important;
	content: "\e04f";
}

.et_pb_scroll_top.et-pb-icon {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    color: #fff;
    background: #009ee2;
}
ul.et_pb_tabs_controls {
    background-color: #ffffff !important;
	border-bottom: 1px solid #009ee2;
}
.et_pb_tabs_controls li {
    border-right: 0 !important;
}
ul.et_pb_tabs_controls:after {
    border-top: 0;
}
.et_pb_text li:before, .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_content li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00c";
	color: #009ee2;
	padding-right: 10px;
}
.et_pb_widget ul li ul li {
    margin-left: 0;
}
#footer-widgets {
    padding: 2% 0 0;
}
#footer-widgets .footer-widget li a:hover, .fas.fa-file-pdf:hover {
    color: #666666 !important;
}

@media (min-width: 981px){
	#main-header { min-height: 120px !important; } /* normal */
    #main-header.et-fixed-header { min-height: 120px !important;  } /* shrunken header */
}
.et_pb_fullwidth_section {
    max-height: 450px;
}
.et_pb_gutters3 .footer-widget {
    margin-right: 2%;
    margin-bottom: 0;
}
.et_pb_gutters3.et_pb_footer_columns3 .footer-widget .fwidget {
    margin-bottom: 0;
}
	.et_pb_gutters3 .footer-widget {
    margin-bottom: 1%;
}
.et_pb_gutters3 .et_pb_column_1_2 .et_pb_module {
    margin-bottom: 3%;
}
.et_pb_gutters3 .et_pb_column_2_3 .et_pb_column_1_3,
.et_pb_gutters3 .et_pb_column_2_3 .et_pb_column_1_3 {
    width: 48.5%;
    margin-right: 3%;
}
.et_right_sidebar #left-area {
    float: left;
    padding-right: 0;
}
#main-content .container:before {
    width: 0;
    background-color: #ffffff;
    content: "";
}
#top-menu li a:hover, #top-menu li.current-menu-item>a {
    color: #96bf00 !important;
	opacity: 1 !important;
}
#top-menu li a, #top-menu li li a {
	color: #009ee2 !important;
	opacity: 1 !important;
}
#top-menu li li a:hover {
	color: #96bf00 !important;
	opacity: 1 !important;
	background-color: #ffffff !important;
}
#left-area {
    width: 64.833%;
    padding-bottom: 5%;
	margin-right: 5.5%;
}
.et_right_sidebar #sidebar {
    padding-left: 0;
}
#sidebar {
    float: left;
    width: 29.667% !important;
}
#sidebar {
    padding-bottom: 2% !important;
}

.et_pb_gutters3 .et_pb_column_2_3 .et_pb_column_1_3 .et_pb_module, .et_pb_gutters3 .et_pb_column_2_3 .et_pb_column_1_3 .et_pb_module, .et_pb_column_2_3 .et_pb_row_inner.et_pb_gutters3 .et_pb_column_1_3 .et_pb_module, .et_pb_column_2_3 .et_pb_row_inner.et_pb_gutters3 .et_pb_column_1_3 .et_pb_module {
    margin-bottom: 3%;
}

.et_pb_gutters3 .et_pb_column_2_3 .et_pb_column_1_6 .et_pb_module,
.et_pb_gutters3 .et_pb_column_2_3 .et_pb_column_1_6 .et_pb_module {
    margin-bottom: 0 !important;
    max-height: 180px;
}
.page-id-10.home  .et_pb_gutters3 .et_pb_column_2_3 .et_pb_column_1_6,
.page-id-10.home.et_pb_gutters3 .et_pb_column_2_3 .et_pb_column_1_6,
.page-id-1015.home  .et_pb_gutters3 .et_pb_column_2_3 .et_pb_column_1_6,
.page-id-1015.home.et_pb_gutters3 .et_pb_column_2_3 .et_pb_column_1_6 {
    width: 30%;
    margin-right: 1.66%;
    margin-left: 1.66%;
} 
 .et_pb_column_2_3 .et_pb_row_inner {
    padding: 0;
}

.et_pb_column_single {
    padding: 1% 0;
}
.et_pb_gutters3 .et_pb_column_1_3 .et_pb_widget {
	margin-bottom: 10% !important;
}

@media (max-width: 980px) {
		#main-header { min-height: 150px !important; } /* normal */
    #main-header.et-fixed-header { min-height: 150px !important;  } /* shrunken header */
}
#logo {
	max-height: 80%;
}
h2 {
    font-size: 28px !important;
}
@media only screen and (max-width: 767px) {
.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description .et_pb_slide_title {
    float: none;
    width: 100% !important;
    margin: 0 auto !important;
}
.et_pb_slide_description .et_pb_slide_title, .et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description .et_pb_slide_title, .et_pb_fullwidth_slider_0.et_pb_slider .et_pb_slide_description .et_pb_slide_title, .et_pb_slide_description .et_pb_slide_title, .et_pb_slide_description .et_pb_slide_title {
    font-size: 28px !important;
}
}
@media (max-width: 510px) {
.hexagon {
  background:transparent;
  overflow: hidden;
  margin: 0 auto;
  width: 5.77em; 
  height: 6.67em;
  transform: rotate(-90deg) skewY(30deg);
}
.hexagon:before {
  display: block;
  width: inherit; height: inherit;
  background: #009ee2;
  background-size: cover;
  transform: skewY(-30deg) rotate(60deg) translate(0);
  content: '';
}
.hex-wrap {
max-width: 300px;
margin: auto;
}
.hex-row-first {
	float: left;
	width: 100%;
	margin-top: 0;
}
.hex-row {
	float: left;
	width: 100%;
	margin-top: -72px;
}
.hex {
	float: left;
	width: 93px;
	height: 93px;
	margin-right: 0px;
    margin-bottom: 35px;
	  line-height: 100%;
	  text-align: center;
}
.hex:hover {
  opacity: 0.8;
}
.hex:first-child, .hex:last-child {	
	margin-top: 48px;
}

.hex-over30 a:hover, .hex-over31 a:hover, .hex-over32 a:hover, .hex-over33 a:hover, .hex-over34 a:hover, .hex-over35 a:hover, .hex-over36 a:hover  {
  color: #cccccc !important;
}
.hex-over31 a, .hex-over32 a, .hex-over33 a, .hex-over34 a, .hex-over36 a {
  z-index:5;
  position:relative;
  width:100%;
  top:-70px;
  text-align:center;
  font-family: 'Roboto', sans-serif;
  font-size: .8em;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff !important;
}
.hex-over30 a, .hex-over35 a {
  z-index:5;
  position:relative;
  width:100%;
  top:-60px;
  text-align:center;
  font-family: 'Roboto', sans-serif;
  font-size: 1em;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff !important;
}
}
@media screen and (max-width: 480px) {
h2 {
    font-size: 21px !important;
}
}
@media screen and (min-width: 480px) {
#top-header .container {
padding-bottom: 5px;
}
#et-secondary-menu .et-social-icons {
margin-top: 6px;
}
}