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

:root {
    --red: #c61523;
    --lgrey: #F8F8F8;
    --dgrey: #3e3434;
}

.home-slider-wrapper.row-small > .col {
    padding: 0 3px 20px;
}

#masthead .button span, #block_widget-5 {
    font-family: 'Karla', sans-serif;
}

#content > .row > .col,
.page-wrapper {
    padding-bottom: 0;
}

.page-wrapper {
    padding-top: 0;
}

#block_widget-5 {
    padding: 0;
}

.nav.nav-left {
    display: block;
    text-align: center;
}

.nav .has-dropdown i, .absolute-footer {
    display: none;
}

.stuck .header-nav-main {
    padding-top: 14px;
}

.footer {
    padding-top: 10px;
}

.footer-1, .footer-2 {
    border: none;
}

.footer-widgets {
    max-width: 1540px;
    margin: auto;
}

.footer-widgets.footer-1 {
    margin-bottom: 5px;
}

.footer-widgets.footer-2 .row {
    align-items: flex-end;
}

.footer-widgets.footer-2 img {
    max-width: 130px;
    height: auto;
}

.footer-widgets.footer-2 .large-columns-4 > .col:first-child {
    flex-basis: 30%;
    max-width: 30%;
}

.footer-widgets.footer-2 .large-columns-4 > .col:nth-child(2),
.footer-widgets.footer-2 .large-columns-4 > .col:nth-child(3) {
    flex-basis: 20%;
    max-width: 20%;
}

.footer-widgets.footer-2 .large-columns-4 > .col:last-child {
    flex-basis: 30%;
    max-width: 30%;
}

.sans-serif {
    font-family: 'Karla', sans-serif;
}

.maxw-1000 {
    max-width: 1000px;
    margin: auto;
}

.maxw-800 {
    max-width: 800px;
    margin: auto;
}

.maxw-600 {
    max-width: 600px;
    margin: auto;
}

.maxw-450 {
    max-width: 450px;
    margin: auto;
}

.maxw-300 {
    max-width: 300px;
    margin: auto;
}

.no-bottom-gap {
    padding-bottom: 0;
    margin-bottom: 0;
}

.max-content-width {
    max-width: 1540px;
    margin: auto;
}

.max-img-110,
.max-img-200,
.max-img-250,
.max-img-300 {
    text-align: center;
    margin: auto;
}

.max-img-110 img,
.max-img-200 img,
.max-img-250 img,
.max-img-300 img {
    max-width: 110px;
    height: auto;
}

.max-img-200 img {
    max-width: 200px;
}

.max-img-250 img {
    max-width: 250px;
}

.max-img-300 img {
    max-width: 300px;
}

.pb-0, .pb-0 > .col {
    padding-bottom: 0;
}

section.pb-10, .pb-10 > .col {
    padding-bottom: 6px !important;
}


section.mb-0, .mb-0 > .col, .mb-0 > p {
    margin-bottom: 0;
}

section.mb-10, .mb-10 > .col, .mb-10 > p {
    margin-bottom: 6px;
}

section.mb-0 + section,
section.mb-10 + section {
    margin-top: 0;
    padding-top: 0 !important;
}

.button {
    font-family: 'Karla', sans-serif;
}

.reduced-p-margin p {
    margin: 10px 0;
}

blockquote {
    border: none;
    position: relative;
}

blockquote em:before,
blockquote em:after {
    content: "“";
    font-family: serif;
    font-size: 4rem;
    color: var(--red);
}

blockquote em:after {
    content: "”";
}

.primary, input[type=submit], input[type=submit].button {
    border-radius: 5px;
    margin-top:15px;
}

@media only screen and (min-width: 600px) and (max-width: 1280px) {
    .team-start .large-3 {
        max-width: 50%;
        flex-basis: 50%;
    }
}

@media (max-width: 1280px) {

    .slider-info .col-inner {
        padding: 25px !important;
    }

    .slider-info * {
        font-size: 1.3rem;
    }
}

@media (max-width: 1180px) {
    #masthead .show-for-medium, #masthead [data-show=show-for-medium] {
        display: block !important;
    }
}

@media (max-width: 992px) {

    .slider-info * {
        font-size: 1.1rem;
    }
}

@media (max-width: 800px) {
    .home-slider-wrapper {
        display: block;
    }

    .home-slider-wrapper > div {
        width: 100% !important;
        max-width: none;
    }

    blockquote em:before,
    blockquote em:after {
        display: block;
        text-align:left;
        max-height:60px;
    }
    blockquote em:after {
        text-align:right;
    }
}

@media (min-width: 850px) and (max-width: 1180px) {
    #masthead .hide-for-medium, #masthead [data-show=hide-for-medium] {
        display: none !important;
    }
}

@media screen and (max-width: 1180px) {
    #masthead .medium-logo-left .flex-right {
        flex: 1 1 0;
        order: 3;
    }
}

@media screen and (max-width: 849px) {
    #masthead #logo {
        width: 220px;
    }

    #masthead .flex-row > :first-child {
        max-width: 250px;
    }

    #masthead .flex-row > :not(:first-child) {
        flex-grow: 1;
    }
}

@media only screen and (max-width: 900px) {
    .footer-widgets.footer-2 .large-columns-4 > .col {
        flex-basis: 50% !important;
        max-width: 50% !important;
    }
}


@media only screen and (max-width: 599px) {
    .team-start .large-3 {
        max-width: 100%;
        flex-basis: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .footer-widgets.footer-2 .large-columns-4 > .col {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}

@media screen and (min-width: 800px) {
    .container {
        padding-left: 30px;
        padding-right: 30px;
    }

    section > div > .row, .footer-widgets.footer-2 > .row,
    #content {
        max-width: 1540px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .no-padding-desktop {
        padding-left: 0 !important;
        padding-right:0 !important;
    }
}