/*
 Theme Name:     Divi Child-Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Divi Child Theme
 Author:         Gleich Aluminium
 Author URI:     https://gleich.de
 Template:       Divi
 Version:        1.0.0
*/

/****************************************************
*********************** Fonts ***********************
****************************************************/
/*@font-face {
 font-family: 'Roboto';
 src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
 url('fonts/Roboto-Regular.woff') format('woff'),
 url('fonts/Roboto-Regular.ttf') format('truetype'),
 url('fonts/Robobto-Regular.svg#Roboto-Regular') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Roboto';
 src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
 url('fonts/Roboto-Regular.woff') format('woff'),
 url('fonts/Roboto-Regular.ttf') format('truetype'),
 url('fonts/Roboto-Regular.svg#Roboto-Medium') format('svg');
 font-weight: 400;
 font-style: normal;
}
@font-face {
 font-family: 'Roboto';
 src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
 url('fonts/Roboto-Medium.woff') format('woff'),
 url('fonts/Roboto-Medium.ttf') format('truetype'),
 url('fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
 font-weight: 500;
 font-style: normal;
}
@font-face {
 font-family: 'Roboto';
 src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
 url('fonts/Roboto-Medium.woff') format('woff'),
 url('fonts/Roboto-Medium.ttf') format('truetype'),
 url('fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
 font-weight: 600;
 font-style: normal;
}
@font-face {
 font-family: 'Roboto';
 src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
 url('fonts/Roboto-Bold.woff') format('woff'),
 url('fonts/Roboto-Bold.ttf') format('truetype'),
 url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
 font-weight: 700;
 font-style: normal;
}

@font-face {
 font-family: 'Montserrat';
 src: url('fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
 url('fonts/Montserrat-Medium.woff') format('woff'),
 url('fonts/Montserrat-Medium.ttf') format('truetype'),
 url('fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Montserrat';
 src: url('fonts/Montserrat-regular.eot?#iefix') format('embedded-opentype'),
 url('fonts/Montserrat-regular.woff') format('woff'),
 url('fonts/Montserrat-regular.ttf') format('truetype'),
 url('fonts/Montserrat-regular.svg#Montserrat-regular') format('svg');
 font-weight: 500;
 font-style: normal;
}

@font-face {
 font-family: 'Montserrat';
 src: url('fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
 url('fonts/Montserrat-Medium.woff') format('woff'),
 url('fonts/Montserrat-Medium.ttf') format('truetype'),
 url('fonts/Montserrat-Medium.svg#Monserrat-Medium') format('svg');
 font-weight: 500;
 font-style: normal;
}
@font-face {
 font-family: 'Montserrat';
 src: url('fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
 url('fonts/Montserrat-SemiBold.woff') format('woff'),
 url('fonts/Montserrat-SemiBold.ttf') format('truetype'),
 url('fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
 font-weight: 600;
 font-style: normal;
}
@font-face {
 font-family: 'Montserrat';
 src: url('fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
   url('fonts/Montserrat-SemiBold.woff') format('woff'),
   url('fonts/Montserrat-SemiBold.ttf') format('truetype'),
   url('fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
 font-weight: 700;
 font-style: normal;
}

p { font-family: 'Montserrat'; }
h1 { font-family: 'Roboto'; }
h2 { font-family: 'Roboto'; }
h3 { font-family: 'Roboto'; }
h4 { font-family: 'Roboto'; }
#top-menu a { font-family: 'Roboto'; }

/*——————————————— ADDITIONAL CSS HERE ------------------------------*/

@media screen and (max-width: 1180px) and (min-width: 981px) {
   nav#top-menu-nav {
        display: none!important;
    }
    #et_mobile_nav_menu {
       display: block;
    }
}

/*--------Menü CTA Button-----------*/
.menu_cta {
	  border-width: 0px!important;
    border-radius: 4px;
    letter-spacing: 2px;
    font-family: 'Montserrat'!important;
    font-weight: 500!important;
  text-transform: uppercase!important;
  background-image: linear-gradient(90deg,#ed6a6a 0%,#ed4040 100%)!important;
	padding-top: 15px!important;
    padding-right: 15px!important;
    padding-left: 15px!important;
	  margin-bottom: 5px!important;
	}

#et-top-navigation #top-menu li.menu_cta>a{
	color: white!important;
	padding-bottom: 15px!important;
}
.et-fixed-header #top-menu li.menu_cta>a {
    color: white !important;
    padding-bottom: 15px !important;
}
.et-fixed-header #top-menu li.menu_cta>a:hover {
    color: white !important;
}

.et-fixed-header #top-menu li.menu_cta>a:visited {
    color: #fff !important;
}

#cf7md-form .mdc-button::before, #cf7md-form .mdc-button::after, #cf7md-form .mdc-button--raised:not(:disabled), #cf7md-form .mdc-button--unelevated:not(:disabled){
	background: #034669;
}
#cf7md-form .mdc-button--raised:not(:disabled):hover, #cf7md-form .mdc-button--unelevated:not(:disabled):hover{
	background: #034669;
	opacity: .75;
}

/*--------Leistungen CTA Button-----------*/
.leistungen_cta {
	  border-width: 0px!important;
    border-radius: 4px;
    letter-spacing: 2px;
    font-family: 'Roboto'!important;
    font-weight: 600!important;
  text-transform: uppercase!important;
  background-image: linear-gradient(90deg,#ed6a6a 0%,#ed4040 100%)!important;
	padding-top: 5px!important;
    padding-right: 20px!important;
    padding-left: 20px!important;
	padding-bottom: 5px!important;
	color: white!important;
}

.leistungen_cta a{
	color: white!important;
}
.leistungen_cta a:visited{
	color: white!important;
}

/***************------------Anpassungen Contact Form 7---------------*************/

input[type="checkbox"] {
-webkit-appearance: checkbox;
}
.wps-form {
    width: 100%;
    margin: 0 auto;
}

.wps-form-row {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.wps-form-row .wpcf7-form-control {
    width: 100%;
}

.wps-form-column {
    flex: 1;
    padding: 0.5rem 0;
    width: 100%;
}

/* Notebook / Desktop */
@media only screen and ( min-width: 48em ) {
    .wps-form-row {
        flex-direction: row;
    }

    .wps-form-column {
        padding: 0.5rem 1rem;
    }
}
.wpcf7 input[type=email], .wpcf7 input[type=text], .wpcf7 select, .wpcf7 textarea, .wpcf7 checkbox-label {
    display: block;
    width: 100%;
    margin: 0 0 25px;
    padding: 4px 15px;
    border: none;
    font-size: 16px;
    line-height: 35px;
    border: 1px solid rgba(0,0,0,.12);
}
.wpcf7 input[type=submit] {
    background: #ed6a6a;
    color: #fff;
	  border: none;
    border-radius: 8px;
	  letter-spacing: 0.8px;
    padding: 0 20px 2px 20px;
    font-size: 18px;
    font-weight: 500;
    height: 45px;
	  width: auto;
	  text-transform: uppercase;
}
.wpcf7 input:hover[type="submit"] {
     background: #ed3d3d;
     transition: all 0.4s ease 0s;
 }
span.wpcf7-list-item {
	margin: 0!important;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #005282!important;
}
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #005282;
}


/*--------Farbanpaasung Nachricht Formular-----------*/
.wpcf7-response-output {
    border-bottom-color: #005282;
    color: #005282;
}
span.wpcf7-list-item {display: block;}
.wpcf7 h3 {
	color: #005282;
	padding-top: 15px;
	padding-left: 4px;
	text-transform: uppercase;
}
.wpcf7-submit {margin-bottom: 15px;}

/* Aufzählungzeichen geändert */
.produkteigenschaft ul li {
    list-style-type: none;
}

.produkteigenschaft ul li::before {
    font-family: 'ETmodules';
    content: "\52";
    font-size: 120%;
	font-weight: bold;
    color: #ed6a6a;
	margin-left: -1em;
    margin-right: 0.8em;
    padding-left: 15px;
    }

/*****************************************************************
End 
 *****************************************************************/