/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.no-bg .fill { opacity: 0; }

.content-area p strong,
.content-area p strong > a,
.content-area p a { color: #2675bb; }

.produkt-section > div.section-content {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}
.produkt-section > div.section-content > div.row {
    width: 33%;
    max-width:  33%;
    display: flex;
    flex-direction: column;
    margin: 0 0 30px 0 !important;
    align-items: flex-start !important;
    align-self: stretch !important;
    flex: 1 0 auto;
}
.produkt-section > div.section-content > div.row > div {
    max-width: none;
    padding: 0 15px 0 15px;
    flex: 1 0 auto;
}
.produkt-section > div.section-content > div.row > div:first-child { flex: 0 0 auto; }
.produkt-section > div.section-content > div.row > div:last-child .col-inner {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    height: 100%;
}
.produkt-section > div.section-content > div.row > div:last-child .col-inner a.button { margin-top: auto; }
.produkt-section > div.section-content > div.row div.img-inner {
    aspect-ratio: 3/2;
    margin-bottom: 10px;
}
.produkt-section > div.section-content > div.row div.img-inner img { object-fit: cover; width: 100%; height: 100%; object-position: center center;}
.produkt-section > div.section-content > div.row h2 { font-size: 1.3em;}

/* Unterseite: Videos */ 
body.page-id-3562 h2 { font-size: 20px; margin-bottom: 1em; }
body.page-id-3562 .col { padding-bottom: 0; }
}
 
@media ( max-width: 767px ) {
    .produkt-section > div.section-content > div.row {
        width: 50%;
        max-width: 50%;
    }
}

@media ( max-width: 550px ) {
    .produkt-section > div.section-content > div.row {
        width: 100%;
        max-width: 100%;
    }
    .produkt-section > div.section-content > div.row div.img-inner {
        aspect-ratio: 5/2;
    }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}