/*
Theme Name: Avada Child
Theme URI: 
Description: Avada Child Theme
Author: 
Author URI: 
Template: Avada
Version: 1.0.0

div:has(h1, h2, h3, h4){
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box;
}


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

.superspalter {
    display: flex !important;
    flex-direction: row !important;
}
.superspalter > * {
    flex: 1 0 0 !important;
}
*/
img {
    max-width: 100%!important;
    height: auto!important;
    display: block!important;
}

.superspalter {
    justify-content: space-between !important;
}
.superspalter > div {
    width: 20%;
    justify-content: space-between !important;
}

p > a {
    color: #0000EE !important;
}


/* Suchleiste */
/*
.s {
    background-color: #CEC6B0 !important;
}
*/

/* herosection */



/* Kacheln */
.card {
    width: 20% !important;
    height: 100% !important;
    background-color: #CEC6B0;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    transition: 0.5s;
    cursor: pointer;
}
.card:hover {
    transform: scale(1.05);
}
.card > div {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important; 
}



.card img {
    width: 60%;
    /*padding-bottom: 10%;*/
    display: block !important;
    margin: auto !important;
}

.active {
    background-color: #FA6217;
    color: #FFFFFF!important;
}
.active h2 {
    color: #FFFFFF!important;
} 
.active img {
    filter:invert(1);
}



/* content */

.inv {
    display: none !important;
}

.vis{
    display: block !important;
}

/* freie Klassen */

.pad2 {
    padding: 2%;
}

@media screen and (max-width: 450px){

    /* Kacheln */

    .card {
        width: 70px !important;
        height: 70px !important;
    }

    .card h2 {
        display: none;
    }

}

@media screen and (max-width: 916px){

    main{
        padding-top: 0 !important;
    }

    /* herosection */
    .hero {
        min-height: 80vh !important;
        padding-top: 0 !important;
    }

    /* Kacheln */
    .card h2 {
        font-size: 0.8rem!important;
    }

    /* content */
    .contentheadline {
        padding-bottom: 0 !important;
    }


}

@media screen and (min-width: 916px){

    /* herosection */
    .hero {
        height: 80vh !important;
    } 
    
    /* Kacheln */
    .card h2 {
        font-size: 1rem!important;
    }


}