/*======================================
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
======================================*/



/* FontAwesome 6.7.1 – Start */

@import url('./css/fontawesome.min.css'); 
@import url('./css/brands.min.css');

/* @import url('./css/light.min.css');  */
@import url('./css/regular.min.css');
@import url('./css/solid.min.css');
/* @import url('./css/thin.min.css'); */

/* 
@import url('./css/duotone-light.min.css'); 
@import url('./css/duotone-regular.min.css');
@import url('./css/duotone-thin.min.css');
@import url('./css/duotone.min.css'); 
*/

/* 
@import url('./css/sharp-duotone-light.min.css'); 
@import url('./css/sharp-duotone-regular.min.css');
@import url('./css/sharp-duotone-solid.min.css');
@import url('./css/sharp-duotone-thin.min.css');
@import url('./css/sharp-light.min.css'); 
@import url('./css/sharp-regular.min.css');
@import url('./css/sharp-solid.min.css');
@import url('./css/sharp-thin.min.css'); 
*/

/* FontAwesome – End */


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


/* BASICS – Start */


        /* WP FORMS – Start */

      /*Submit-Btn*/
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:not(:hover):not(:active), 
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:not(:hover):not(:active), 
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active),
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:hover {
          background-color: #666!important;
        border-radius: 5px;
          padding: 10px 30px;
      }
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:hover {
        background-color: #666!important;
          opacity: 0.7;
      }
      /*Upload*/
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-file-upload .wpforms-uploader.wpforms-focus, 
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-file-upload .wpforms-uploader:focus-within {
          border-color: #666;
          border-radius: 5px;
        box-shadow: 0 0 0 1px #555, 0px 1px 2px rgba(0, 0, 0, 0.15)!important;
      }
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-file-upload .wpforms-uploader {
        padding: 15px;
        border-radius: 5px;
      }

      /*Checkboxen*/
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=checkbox]:checked:before, 
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio]:checked:before, 
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=checkbox]:focus:before, 
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio]:focus:before {
          border-color: #494b58;
          box-shadow: 0 0 0 1px #555, 0px 1px 2px rgba(0, 0, 0, 0.15);
      }
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=checkbox]:checked:after {
          border-left: 4px solid #555;
          border-bottom: 4px solid #555;
      }
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio]:checked:after {
          background-color: #555!important;
      }

      /*Border*/

      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input, 
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select, 
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea {
          border-radius: 5px !important;
      }
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input:focus,
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select:focus,
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea:focus,
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .choices__list.choices__list--dropdown,
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-focused .choices__inner,
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__list--dropdown {
          border-color: #555!important;
          box-shadow: 0 0 0 1px #555, 0px 1px 2px rgba(0, 0, 0, 0.15)!important;   
      }

      .wpforms-field.wpforms-field-gdpr-checkbox.dsgvo-small label {
          font-size: 13px !important;
      }
      /*Dropdown*/
      .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown .choices__item--selectable.is-highlighted {
          background-color: #555!important;
      }
      .wpforms-page-indicator-page-progress {
          background-color: var(--primaerfarbe) !important;
      }

      /*Zusammenfassung 

      .wpforms-entry-preview-row {
        flex-direction:column !important;
      }

      .wpforms-entry-preview-column.wpforms-entry-preview-column-50 {
          display: flex;
          flex-direction: row;
          width: 100% !important;
          border-right: none !important;
      }

      .wpforms-entry-preview-label {
          width: 30% !important;
          border-bottom: none !important;
          border-left: none !important;
          border-right: none !important;
      }

      .wpforms-entry-preview-value {
          border-bottom: none !important;
          border-right: none !important;
      }

      .wpforms-entry-preview.wpforms-entry-preview-table_compact {
          background: #fff !important;
          border: 1px solid var(--primaerfarbe) !important;
          border-radius: 5px !important;
          padding: 30px !important;
          width: 50% !important;
      }

      .wpforms-entry-preview-rows,
      .wpforms-entry-preview-row {
        border-left:none !important;
        border-right:none !important;
      }

      .wpforms-entry-preview-notice,
      .wpforms-confirmation-container-full {
          border-radius: 5px !important;
          border-width: 2px !important;
          margin-bottom: 50px !important;
          padding: 30px !important;
      }

      .wpforms-entry-preview-notice {
      }

      .wpforms-confirmation-container-full {
          border-color: #b4d39b !important;
      }
      */

      .wpforms-entry-preview-wrapper {
          background-color: #fff !important;
          border: 1px solid var(--primaerfarbe) !important;
          border-radius: 5px !important;
          padding: 20px !important;
      }

      @media screen and (max-width:920px) {
        .wpforms-layout-column-50,
        .wpforms-layout-column-33,
        .wpforms-layout-column-25 {
          width: 100% !important;
        }

        .wpforms-entry-preview.wpforms-entry-preview-table_compact {
            width: 100% !important;
            padding: 10px !important;
        }

        button.wpforms-page-button.wpforms-page-next {
            margin-top: 20px !important;
        }
      }

      
    /* WP FORMS – End */

        



/* BASICS – End */


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


/* GENERAL STYLES – Start */



/* GENERAL STYLES – End */


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


/* MENU / NAV  – Start */


/* =========================
   MEGA MENU (DIVI STABIL)
   ========================= */

/* Dropdown auf volle Breite ziehen */
.et_pb_menu .mega-menu > ul {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;

    display: flex;
    flex-wrap: wrap;

    background: #fff;
    padding: 60px 80px;

    box-shadow: 0 20px 60px rgba(0,0,0,0.08);
}

/* WICHTIG: Eltern auf fullwidth */
.et_pb_menu {
    position: static;
}

/* Spalten */
.et_pb_menu .mega-menu > ul > li {
    width: 25%;
    padding: 20px 30px;
}

/* Überschriften */
.et_pb_menu .mega-menu > ul > li > a {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
}

/* Unterpunkte */
.et_pb_menu .mega-menu ul li ul li a {
    font-size: 14px;
    opacity: 0.7;
    display: block;
    padding: 5px 0;
}

/* Hover */
.et_pb_menu .mega-menu a:hover {
    opacity: 1;
}

/* Mega Menü Wrapper */
.mega-menu-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;

    background: #fff;
    padding: 80px 60px;

    display: none;
    z-index: 9999;
}

/* Anzeigen bei Hover */
.et_pb_menu li:hover ~ .mega-menu-wrapper {
    display: block;
}

.et_pb_menu .mega-menu > ul {
    min-height: calc(100vh - 200px);
}

/* Header Innenabstand */
.et_pb_header .et_pb_row,
.et-l--header .et_pb_row {
    padding-left: 40px;
    padding-right: 40px;
}

/* Optional: etwas mehr Luft auf großen Screens */
@media (min-width: 1400px) {
    .et_pb_header .et_pb_row,
    .et-l--header .et_pb_row {
        padding-left: 80px;
        padding-right: 80px;
    }
}

/* Spalten strukturieren */
.et_pb_menu .mega-menu > ul > li {
    width: 25%;
    padding: 30px 40px;
    border-right: 1px solid rgba(0,0,0,0.05);
}

/* letzte Spalte ohne Linie */
.et_pb_menu .mega-menu > ul > li:last-child {
    border-right: none;
}

/* Hauptüberschrift */
.et_pb_menu .mega-menu > ul > li > a {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

/* Unterlinks */
.et_pb_menu .mega-menu ul li ul li a {
    font-size: 14px;
    opacity: 0.7;
    padding: 6px 0;
}

/* Hover schöner */
.et_pb_menu .mega-menu ul li ul li a:hover {
    opacity: 1;
    transform: translateX(5px);
}

/* MENU / NAV  – End */


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


/* CONTENT – Start */




/* CONTENT – End */