/*
 Theme Name:     Child
 Theme URI:      https://www.robert-wieduwilt.de
 Description:    Praxis Child-Theme
 Author:         Robert wieduwilt
 Author URI:     https://robert-wieduwilt.de
 Template:       Divi
 Version:        1.0.0
*/

/* = Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */
 
/* Typografie für Überschriften */
/*
h1 { font-size: clamp(32px, 5vw, 48px); }
h2 { font-size: clamp(28px, 4vw, 36px); }
h3 { font-size: clamp(22px, 3vw, 28px); }
h4 { font-size: clamp(18px, 2.5vw, 22px); }
h5 { font-size: clamp(16px, 2vw, 18px); }
h6 { font-size: clamp(14px, 1.5vw, 16px); }
*/

/* Paragraph */
/*
p { font-size: clamp(16px, 1.2vw, 18px); line-height: 1.6; } */

/* Buttons */
/* button, .et_pb_button { font-size: clamp(16px, 1.5vw, 18px); padding: 0.8em 1.5em; } */




/* ========================
   Grundtypografie
   ======================== */
body {
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.6;
    color: #333;
}

/* Überschriften H1-H6 */
h1 { font-size: clamp(32px, 5vw, 48px); }
h2 { font-size: clamp(28px, 4vw, 36px); }
h3 { font-size: clamp(22px, 3vw, 28px); }
h4 { font-size: clamp(18px, 2.5vw, 22px); }
h5 { font-size: clamp(16px, 2vw, 18px); }
h6 { font-size: clamp(14px, 1.5vw, 16px); }

/* Paragraphen */
p { font-size: clamp(16px, 1.2vw, 18px); line-height: 1.6; }

/* Buttons */
button, .et_pb_button {
    font-size: clamp(16px, 1.5vw, 20px);
    padding: 0.8em 1.5em;
    font-weight: 600;
    text-transform: uppercase;
}

/* ========================
   Hero-Section
   ======================== */
.hero-section {
    text-align: center;
    padding: 6rem 2rem;
    background: linear-gradient(120deg, #0077cc, #00aaff);
    color: #fff;
}

.hero-section h1 {
    font-size: clamp(48px, 8vw, 72px);
    font-weight: 700;
    margin-bottom: 1rem;
}

.hero-section p {
    font-size: clamp(20px, 3vw, 36px);
    margin-bottom: 2rem;
}

.hero-section .et_pb_button {
    font-size: clamp(18px, 2vw, 24px);
    padding: 1rem 2rem;
}

/* ========================
   Call-to-Action (CTA) Section
   ======================== */
.cta-section {
    text-align: center;
    background-color: #f5f5f5;
    padding: 4rem 2rem;
}

.cta-section h2 {
    font-size: clamp(28px, 4vw, 40px);
    margin-bottom: 1rem;
}

.cta-section p {
    font-size: clamp(16px, 1.2vw, 18px);
    margin-bottom: 1.5rem;
}

.cta-section .et_pb_button {
    font-size: clamp(16px, 1.5vw, 20px);
    padding: 0.8rem 1.5rem;
}