/*======================================
Theme Name: kraehativ
Description: Child-Theme von Krähativ
Version: 1.0
Author: krähativ design gmbh
Author URI: https://www.kraehativ.de/
Template: Divi
======================================*/



/* FONTS – Start */

@import url('./css/all.min.css'); /* FontAwesome */

/* FONTS – End */


/* ---------------------------- */


/* BASICS – Start */

:root {
  --hauptfarbe: #008DB0;  /* <--- EINFÜGEN:  1. Gestaltungsfarbe  */
  --zusatzfarbe: #c5dee5; /* <--- EINFÜGEN:  2. Gestaltungsfarbe  */
  --weiss: #ffffff;
  --schwarz: #2b2e34;
  --grau: #f6f6f6;        /* <--- EINFÜGEN:  Grauwert bei Bedarf anpassen  */

  --headlines: normal normal 700 42px/1.5 Roboto; /* <--- EINFÜGEN:  Hauptschriftart für Überschriften ...  */
  --copytext: normal normal 400 16px/1.5 Roboto ; /* <--- EINFÜGEN:  Schriftart für Copytext ...  */
}

body {
  font: var(--copytext);
}


h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font: var(--headlines);
  font-weight: 700;
}


h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5 {
  color: var(--hauptfarbe);
}



/* BASICS – End */


/* ---------------------------- */


/* GENERAL STYLES – Start */
.lis li {
  position: relative;
}
.lis ul {
  padding-left: 23px;
}
.lis li:before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-weight: 500;
  font-size: 18px;
  border: none;
  color: var(--hauptfarbe);
  left: -23px;
  top: 1px;
  position: absolute;
}

.et_pb_button_module_wrapper a.et_pb_button.btn-icon.download:after {
  content: "\f019";
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 400 !important;
  font-size: 17px !important;
  margin-left: 9px !important;
  margin-top: 2px;
}

.et_pb_button_module_wrapper a.et_pb_button.btn-icon.mail:after {
  content: "\f0e0";
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 900 !important;
  font-size: 30px !important;
  margin-left: 14px !important;
  margin-top: 5px;
}

/* GENERAL STYLES – End */


/* ---------------------------- */


/* MENU / NAV  – Start */

.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item li a, .et_pb_menu_1_tb_header.et_pb_menu ul li.current-menu-item li a {
  color: #000 !important;
}
header .et_mobile_menu > li > a, header .et-menu > li > a {
  font-weight: 600 !important;
}
/* MENU / NAV  – End */


/* ---------------------------- */


/* CONTENT – Start */
.et_pb_blurb.topseller .et_pb_blurb_content:before {
  content: 'Top Seller';
  width: 60px;
  height: 60px;
  background: #008DB0;
  display: block;
  position: absolute;
  top: -73px;
  right: -50px;
  color: #fff;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 20px;
  padding: 22px 15px 8px 15px;
  vertical-align: middle;
  border: 3px solid #fff;
}
/*WP Forms*/
div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
  background-color: #008DB0!important;
  }
  
  div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full input[type=submit]:active, div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full button[type=submit]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active {
      background-color: #008DB0 !important;
      opacity: 0.8 !important;
  }
  
  div.wpforms-container-full input[type=date]:focus:invalid, div.wpforms-container-full input[type=datetime]:focus:invalid, div.wpforms-container-full input[type=datetime-local]:focus:invalid, div.wpforms-container-full input[type=email]:focus:invalid, div.wpforms-container-full input[type=month]:focus:invalid, div.wpforms-container-full input[type=number]:focus:invalid, div.wpforms-container-full input[type=password]:focus:invalid, div.wpforms-container-full input[type=range]:focus:invalid, div.wpforms-container-full input[type=search]:focus:invalid, div.wpforms-container-full input[type=tel]:focus:invalid, div.wpforms-container-full input[type=text]:focus:invalid, div.wpforms-container-full input[type=time]:focus:invalid, div.wpforms-container-full input[type=url]:focus:invalid, div.wpforms-container-full input[type=week]:focus:invalid, div.wpforms-container-full select:focus:invalid, div.wpforms-container-full textarea:focus:invalid {
      border: 1px solid #008DB0!important;
      box-shadow: 0 0 0 1px #008DB0, 0px 1px 2px rgba(0, 0, 0, 0.15)!important;
  }
  div.wpforms-container-full input[type=date]:focus, div.wpforms-container-full input[type=datetime]:focus, div.wpforms-container-full input[type=datetime-local]:focus, div.wpforms-container-full input[type=email]:focus, div.wpforms-container-full input[type=month]:focus, div.wpforms-container-full input[type=number]:focus, div.wpforms-container-full input[type=password]:focus, div.wpforms-container-full input[type=range]:focus, div.wpforms-container-full input[type=search]:focus, div.wpforms-container-full input[type=tel]:focus, div.wpforms-container-full input[type=text]:focus, div.wpforms-container-full input[type=time]:focus, div.wpforms-container-full input[type=url]:focus, div.wpforms-container-full input[type=week]:focus, div.wpforms-container-full select:focus, div.wpforms-container-full textarea:focus {
      border-color: #008DB0!important;
      box-shadow: 0 0 0 1px #008DB0, 0px 1px 2px rgba(0, 0, 0, 0.15);
  }

/* CONTENT – End */



/* RESPONSIVE – Start */

  
@media screen and (max-width: 980px) {
  .et_pb_button_module_wrapper a.et_pb_button.btn-icon.mail:after {
      font-size: 28px!important;
  }
}
    
  
  @media screen and (max-width: 767px) {
  .et_pb_button_module_wrapper a.et_pb_button.btn-icon.mail:after {
      font-size: 22px!important;
  }

h4, .h4 {
  font-size: 30px;
  }
}

/* RESPONSIVE – End */