/**
 * Theme Name:      DHdesign Child Theme
 * Theme URI:       https://www.elegantthemes.com/gallery/divi/
 * Description:     A child theme for Divi created by DHdesign - Dina Hüsler
 * Author:          DHdesign
 * Author URI:      https://dhdesign.ch/
 * Template:        Divi
 * Version:         1.0.0
 * Text Domain:     dhdesign-child-theme
 * License:         GPL2
 * License URI:     https://www.gnu.org/licenses/gpl-2.0.html
 */
  
 
/* ---------------------- Theme customization starts here ---------------------- */


.pkg-price strong	{
	font-size: 2rem;
}


.prozess-num {
  font-family: 'Raleway', sans-serif;
  font-size: 2.8rem;
  font-weight: 900;
  color: rgba(255,255,255,0.08);
  line-height: 1;
  margin-bottom: 0.8rem;
}

.prozess-icon {
  font-size: 1.6rem;
  margin-bottom: 1.8rem;
  display: block;
}

/* Linie mit Text Kontakt */

.section-divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 30px 0;
}

.section-divider::before,
.section-divider::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #ccc;
}

.section-divider span {
    padding: 0 15px;
    font-size: 14px;
    color: #666;
}


/* Linie mit Text Angebot */

.angebot-divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0;
}

.angebot-divider::before,
.angebot-divider::after {
    content: "";
    flex: 1;
    border-bottom: 2px solid #3f74a8;
}

.angebot-divider span {
    background: #3f74a8;
    color: #fdf6f0;
    padding: 6px 25px;
    margin: 0 12px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}


/* 2 Buttons */

/* Container linksbündig & begrenzt */
.hero-buttons {
  max-width: 580px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Spalten nebeneinander */
.hero-buttons .et_pb_column {
  width: auto !important;
  flex: 0 0 auto !important;
  max-width: none !important;
}

/* Beide Buttons gleich gross */
.hero-buttons .et_pb_button_0,
.hero-buttons .et_pb_button_1 {
  white-space: nowrap !important;
  text-align: center !important;
  padding: 14px 28px !important;
  font-size: 1em !important;
}

/* Mobile: untereinander */
@media (max-width: 767px) {
  .hero-buttons .et_pb_column {
    width: 100% !important;
    flex: 0 0 100% !important;
  }
  .hero-buttons .et_pb_button_0,
  .hero-buttons .et_pb_button_1 {
    width: 100% !important;
    white-space: normal !important;
  }
}