/*
 Theme Name:   Krautmesser Child
 Theme URI:    https://kraut-messer.de
 Description:  Child Theme für die Krautmesser Landingpage
 Author:       Soundart Mediagroup GmbH
 Author URI:   https://soundart-mediagroup.de
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  km-child
*/

/* ===================================================================
   CSS Variablen
=================================================================== */

:root {

    /* Farben */
    --color-primary: #8CC317;
    --color-primary-hover: #79AE0C;

    --color-dark: #0F2236;
    --color-dark-light: #16314D;

    --color-text: #1F2937;
    --color-text-light: #6B7280;

    --color-white: #FFFFFF;
    --color-light: #F7F8FA;

    --border-radius: 10px;

    --shadow-small: 0 5px 15px rgba(0,0,0,.08);
    --shadow-medium: 0 10px 30px rgba(0,0,0,.15);

    --transition: .25s ease;
	

    --primary-color:#76b82a;
    --primary-hover-color:#5e9822;
    --text-color:#13233a;
	--dark: #004456;
    /*--dark:#0d2035;*/
	--link-color:rgba(255,255,255,0.92);
	
	--wpforms-button-background-color:#9FB116 !important;

}


/* ===================================================================
   Grundlayout
=================================================================== */
html,
body {
    min-height: 100%;
}

html {
    scroll-behavior: smooth;
	scroll-padding-top: 100px;
}

body{
    font-family: "Barlow", sans-serif;
    font-size:18px;
    line-height:1.6;
    color:var(--color-text);
    background:#fff;
    min-height: 100vh;
    display: flex;
    flex-direction: column;	
}

main {
    flex: 1 0 auto;
}

footer {
    flex-shrink: 0;
}

img{
    max-width:100%;
    height:auto;
}

a{
    color:var(--color-primary);
    transition:var(--transition);
    text-decoration:none;
}

a:hover{
    color:var(--color-primary-hover);
}

*,
*:before,
*:after{
    box-sizing:border-box;
}


/* ===================================================================
   Typografie
=================================================================== */

h1,h2,h3,h4,h5,h6{
    margin:0 0 20px;
    font-family:"Barlow",sans-serif;
    font-weight:700;
    line-height:1.15;
    color:var(--color-dark);
}

h1{
    font-size:66px;
    font-weight:800;
}

h2{
    font-size:46px;
}

h3{
    font-size:34px;
}

h4{
    font-size:26px;
}

p{
    margin:0 0 20px;
}


/* ===================================================================
   Buttons
=================================================================== */

.elementor-button{

    border-radius:var(--border-radius);
    transition:var(--transition);

}

.elementor-button:hover{

    transform:translateY(-2px);

}


[type=button], [type=submit], button{
	border:none !important;	
}

/* ===================================================================
   Footer
=================================================================== */

footer{
    margin:0;
}

.km-footer{

    background:#0F2236;
    color:#fff;

    padding:10px 0 40px;

}

.km-footer .container{

    max-width:1200px;
    margin:auto;
    padding:0 30px;

}

.footer-logo{

    text-align:center;
    margin-bottom:55px;

}

.footer-logo img{

    width:260px;

}

.footer-contact{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;

    padding-bottom:45px;
    margin-bottom:35px;

    border-bottom:1px solid rgba(255,255,255,.12);

}

.footer-item strong{

    display:block;
    margin-bottom:12px;

    color:#8CC317;
    font-size:18px;

}

.footer-item{

    line-height:1.8;

}

.footer-item a{

    color:#fff;

}

.footer-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.footer-bottom ul{

    display:flex;
    gap:25px;

    list-style:none;
    margin:0;
    padding:0;

}

.footer-bottom a,
.footer-bottom a:hover{
    color:rgba(255,255,255,.7);	
}

.footer-bottom a:hover{
	text-decoration:underline;	
}

.footer-bottom p{

    margin:0;

    color:rgba(255,255,255,.7);

}