/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Divi.world
 Author URI:     http://divi.world
 Template:       Divi
 Version:        1.0.0
*/

/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */
/*FONTS*/

@font-face {
    Schriftfamilie: 'Roc-Grotesk-Extra Light' ;
       Quelle: URL ( '/wp-content/themes/Divi-Child-eufori/fonts/Roc-Grotesk-Extra Light.woff' ) Format ( 'woff' ) ;
}

@font-face {
    Schriftfamilie: 'Roc-Grotesk-Bold' ;
       Quelle: URL ( '/wp-content/themes/Divi-Child-eufori/fonts/Roc-Grotesk-Bold.woff' ) Format ( 'woff' ) ;
}

h1.site-title { font-family: roc-grotesk ; }
div.entry-content { font-family: roc-grotesk; }

p {
font-family: Roc-Grotesk-Extra Light, Helvetica light, sans-serif!important;
font-size: 25px;
line-height: 1.3;
letter-spacing: 0.02em;
}

h1 {
font-family: Roc-Grotesk-Bold, Helvetica, sans-serif !important;
font-size: 3.25em;
line-height: 1.2;
letter-spacing: 0.02em;
}

h2 {
font-family: Roc-Grotesk-Bold, Helvetica, sans-serif;
font-size: 2em;
line-height: 1.5;
letter-spacing: 0.02em;
}

h3 {
font-family: Roc-Grotesk-Bold, Helvetica, sans-serif;
font-size: 1.6em;
line-height: 1.2;
letter-spacing: 0.02em;
}

h4 {
font-family: Roc-Grotesk-Bold, Helvetica, sans-serif;
font-size: 1em;
line-height: 1.5;
letter-spacing: 0.02em;
text-transform: uppercase;
}

h5 {
font-family: Roc-Grotesk-Bold, Helvetica, sans-serif;
font-size: 0.9em;
line-height: 1.5;
letter-spacing: 0.04em;
}

h6 {
font-family: Roc-Grotesk-Extra Light, Helvetica light, sans-serif!important;
font-size: 0.9em;
line-height: 1.2;
letter-spacing: 0.02em;
}

/*BUTTON*/
.et_pb_button {
font-family: Roc-Grotesk-Bold, Helvetica, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 25px;
line-height: 1.3;
letter-spacing: 0.02em;
}

/*GRAVITY FORM SCHRIFT FELDER*/
.gform-theme--framework .gfield_list_group_item:before, .gform-theme--framework .gform-field-label {
    --gf-local-color: var(--gf-ctrl-label-color-primary);
    --gf-local-display: flex;
    --gf-local-font-family: var(--gf-ctrl-label-font-family-primary);
    --gf-local-font-size: var(--gf-ctrl-label-font-size-primary);
    --gf-local-font-style: var(--gf-ctrl-label-font-style-primary);
    --gf-local-font-weight: var(--gf-ctrl-label-font-weight-primary);
    --gf-local-letter-spacing: var(--gf-ctrl-label-letter-spacing-primary);
    --gf-local-line-height: var(--gf-ctrl-label-line-height-primary);
    --gf-local-margin-y: 0;
    --gf-local-margin-x: 0;
    color: #000000;
    display: block;
    font-family: Roc-Grotesk-Extra Light, Helvetica light, sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 25px;
    line-height: 1.3;
    letter-spacing: 0.02em;
}

/*GRAVITY FORM SCHRIFT TITLE AUSBLENDEN*/
body .gform_wrapper h2.gform_title {
    display: none !important;
}

/*GRAVITY FORM SCHRIFT BESCHREIBUNG (ÜBER GROSSEM TEXTFELD)*/
.gform-theme--framework .gfield_description {
    color: #000000;
    display: block;
    font-family: Roc-Grotesk-Extra Light, Helvetica light, sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 0.5em;
    line-height: 1.3;
    letter-spacing: 0.02em;
}

/*GRAVITY FORM SCHRIFT ERFORDERLICHE FELDER*/
.gform-theme--framework .gform-field-label>.gfield_required {
    color: #c5ee00;
    display: block;
    font-family: Roc-Grotesk-Extra Light, Helvetica light, sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 0.5em;
    line-height: 1.3;
    letter-spacing: 0.02em;
}

/* Gravity Form Basic Button */
body .gform_wrapper .gform_footer input[type=submit],
body .gform_wrapper .gform_footer input.button,
body .gform_page_footer .gform_previous_button,
body .gform_page_footer .gform_next_button {
    background: linear-gradient(to bottom, #000000 5%, #000000 100%);
    border-radius: 30px;  /* Abgerundete Ecken mit einem Radius von 30px */
    color: #ffffff;
    font-size: 25px;
    padding: 10px 31px;
    border: none; /* Um sicherzustellen, dass keine Standard-Border angezeigt wird */
}

body .gform_wrapper .gform_footer input[type=submit]:hover {
    background: linear-gradient(to bottom, #c5ee00 5%, #c5ee00 100%);
    border: 1px solid rgba(114, 114, 114, 0.6);
    color: #000000;
}

/*BUTTON MENUE*/
header#main-header #et-top-navigation {
padding-top: 10px !important;
}
header#main-header #et-top-navigation li.menu-cta {
background: #c5ee00;
padding: 8px 20px;
border-radius: 30px;
border: 2px solid #c5ee00;
}
header#main-header #et-top-navigation li.menu-cta:hover {
background: rgba(255, 0, 0, 0.0);
border: 2px solid #c5ee00;
}
header#main-header #et-top-navigation li.menu-cta > a {
color: #000000 !important;
padding-bottom: 0 !important;
}
header#main-header #et-top-navigation li.menu-cta:hover a {
color: #c5ee00 !important;
}
header#main-header #et-top-navigation li.menu-cta > ul.sub-menu {
top: 0px;
}

/*NAVIGATION FONT*/
#top-menu a {
font-family: roc-grotesk, sans-serif;
font-weight: 600;
font-style: normal;font-size: 25px;
line-height: 1.3;
letter-spacing: 0.0em;
text-transform: uppercase;
}

.et_mobile_menu {
font-family: roc-grotesk, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1em;
line-height: 1.5;
letter-spacing: 0.0em;
text-transform: uppercase;
}

/* Aktuellen Hauptmenü-Link unterstreichen */
#top-menu li.current-menu-item>a:before {
   content:"";
   background: #c5ee00; /* Hier Farbwert wie gewünscht ändern */
   width:100%;
   height:5px; /* Hier Linienhöhe wie gewünscht ändern */
   position:absolute;
   left:0; bottom:0;
}

/*FOOTER NAV*/
#footer-info, #footer-info a {
color: #000000;
font-family: roc-grotesk, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 0.75em;
letter-spacing: 0.2em;
}


/***Entfernt die Bullet Points***/

.wplo-bullet ul {
list-style-type:none!important;
}

/***Fügt den Icon vor den Text ein***/
.wplo-bullet ul li:before {
content: "K";
font-family: 'ETmodules';
color: black;
float: left;
padding-right: 5px;
}

/* ==========================================================================
   Toggle / Accordion CSS Styling
   ========================================================================== */
.bh_accordion .et_pb_toggle {
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom:1px solid #999;
  background:none;
  margin-bottom:0!important;
  padding:2.2rem 1rem;
  -webkit-transition: 0.4s;
   transition: 0.4s;
}
.bh_accordion .et_pb_toggle_title:before {
    color: #c5ee00!important; /* Farbe Plus-Zeichen kann hier geändert werden */
    font-family: 'ETModules', sans-serif !important;
    font-size: 3rem!important; /* Grösse der Schrift */
 content: "\4c" !important; /* Plus Zeichen */
   font-weight: 200;
   -webkit-transition: 0.3s;
   transition: 0.3s;
}


.bh_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
   display: block !important;
   content: "\4b" !important; /* Minus-Zeichen */
  font-weight:200;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}
body .page .bh_accordion .et_pb_toggle_open h5.et_pb_toggle_title {
 color:#000000!important /* Farbe Schrift des offenen Titels */
}

.bh_accordion .et_pb_toggle_open {
   -webkit-transition: 0.4s;
   transition: 0.4s;
}