/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

.kaffee-packs,
.kaffee-packs-2-col {
    margin-bottom: 32px;
}

.kaffee-packs-description {
    display: none;
}

@media (min-width:768px) {
    .kaffee-packs-description {
        display: block;
        font-size: smaller;
    }
}

.frm-fluent-form .ff-t-container {
    display: block !important;
}

select.ff-el-form-control:not([size]):not([multiple]) {
    height: 45.5px !important;
}

.ff-default .ff-el-form-control {
    line-height: normal !important;
}

@media (min-width: 992px) {
    .frm-fluent-form .ff-t-container {
        display: flex !important;
        gap: 32px !important;
        width: 100%;
    }

    .kaffee-packs .ff-t-column-1 {
        flex-basis: 12% !important;
    }

    .kaffee-packs .ff-t-column-2 {
        flex-basis: 50% !important;
    }

    .kaffee-packs .ff-t-column-3 {
        flex-basis: 25% !important;
    }

    .kaffee-packs .ff-t-column-4 {
        flex-basis: 13% !important;
    }
    
    .kaffee-packs-2-col .ff-t-column-1 {
        flex-basis: 10% !important;
    }

    .kaffee-packs-2-col .ff-t-column-2 {
        flex-basis: 40% !important;
    }

    .kaffee-packs-2-col .ff-t-column-3 {
        flex-basis: 10% !important;
    }

    .kaffee-packs-2-col .ff-t-column-4 {
        flex-basis: 40% !important;
    }
    
    .fuellgewicht {
        width: 50% !important;
    }
}

.kaffee-packs > div:first-child,
.kaffee-packs-2-col > div:first-child {
    display: none;
}



@media (min-width: 992px) {
    .kaffee-packs > div:first-child,
    .kaffee-packs-2-col > div:first-child {
        display: flex;
    }
}


/*
kaffee-packs
kaffee-packs-image
kaffee-packs-headline
kaffee-packs-description
*/