/*
Theme Name: KK Theme
Author: Katja Kloft / Joerg Jakob
Author URI: https://sterbebegleitung-online.de
Description: A development theme, from static HTML to WordPress
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

    body {

        margin: 0;

        font-family: "Helvetica Neue", Arial, sans-serif;

        color: #333;

        background-color: #f7f5f2;

        line-height: 1.6;

    }



    h1, h2 {

        font-family: Georgia, serif;

        font-weight: normal;

    }



    section {

        padding: 20px 20px;

        max-width: 900px;

        margin: auto;

    }



    /* HERO */

    .hero {

        height: 90vh;
        display: flex;

        align-items: center;

        justify-content: center;

        text-align: center;

        color: #fff;

    }



    .hero-content {

        max-width: 700px;

    }



    .hero h1 {

        font-size: 2.8em;

        margin-bottom: 20px;

    }



    .hero p {

        font-size: 1.2em;

        margin-bottom: 30px;

    }



    .btn {

        display: inline-block;

        padding: 12px 24px;

        border: 1px solid #fff;
		
		border-radius: 0.5em;

        color: #fff;

        text-decoration: none;

        transition: all 0.3s ease;

    }



    .btn:hover {

        background: rgba(255,255,255,0.2);

    }

	 .btn_black {

        display: inline-block;

        padding: 12px 24px;

        border: 1px solid #333;
		
		border-radius: 0.5em;

        color: #333;

        text-decoration: none;

        transition: all 0.3s ease;

    }



    .btn_black:hover {

        background: #f0ece6;

    }
	

    /* INTRO */

    .intro {

        text-align: center;

        font-size: 1.2em;

        color: #555;

    }



    /* GRID */

    .grid {

        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 40px;

    }



    @media (max-width: 768px) {

        .grid {

            grid-template-columns: 1fr;

        }



        .hero h1 {

            font-size: 2em;

        }

    }



    /* SECTIONS */

    .soft {

        background-color: #f0ece6;

    }



    .cta {

        text-align: center;

    }