@media screen {
    .body-bg {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        min-height: 100dvh;
    }

    .body-bg > #page-content {
        flex: 1 0 auto;
    }

    .body-bg > #page-header,
    .body-bg > .breadcrumb-section,
    .body-bg > #page-footer {
        flex-shrink: 0;
    }
}

@media (max-width: 575px) {

    footer,
    footer img {
        text-align: center;
        margin: auto;
    }
}

@media (max-width: 767px) {

 
}

@media (min-width:1400px) {
.frame-container-default, .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
max-width: 1140px;
}
}
@media print {
    body {
        width: 100%;
        padding-left: 4em;
        max-width: 800px;
        width: 700px;
        font-size: 90%;
        margin: auto;
    }
    .navbar-mainnavigation {
        background-color:none;
        box-shadow: none !important;
     }
     .frame-background-primary,.frame-background-light,.frame-background-secondary {
background:none !important;
     }
     
    picture, img {
        page-break-inside: avoid;
    }
    .masonry a > picture img {
        page-break-inside: avoid;
        grid-row: initial;
        grid-column: initial;
        width: 49% !important;
        margin: 0;
        border: 1px solid #4a4a4a54;
        }
    .container,
    .row,
    .col,
    .col-sm-12,
    .col-sm-8,
    .col-sm-6,
    .col-sm-5,
    .col-sm-4,
    .col-md-12,
    .col-md-8,
    .col-md-6,
    .col-md-5,
    .col-md-4 {
        width: 100% !important;
        max-width: none !important;
    }

    #mainnavigation,
    nav,
    footer>section:first-child {
        display: none;
    }

    .page-break {
        page-break-after: always;
    }

    .news {
        zoom: initial;
    }

    .body-bg:after {
        position: relative;
        display: block;
        color: #4a4a4a;
        content: "Spritzgussmaschinen-Handel Makies GmbH | TELEFON +49-171-8640489 | EMAIL info@spgm.de";
        left: 1em;
        margin: auto;
        height: 3em;
        font-weight: 800;
        font-family: "Source Sans Pro", sans-serif;
    }

    footer,
    .extra,
    .contact-button,
    .navbar-toggler,
    .scroll-top-icon,
    .print,
    .scroll-top.scroll-top-visible {
        display: none;
        opacity: 0;
    }
    .frame {
        margin-top: 0;
        padding-top: 0;
    }

} /*Print Close*/

.drop-zone {
    border: 2px dashed #ccc;
    border-radius: 4px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
}

.drop-zone.drag-over {
    border-color: #000;
    background-color: #f0f0f0;
}

.file-list {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
}

.file-list li {
    margin: 5px 0;
}




.timeline-item-date {
    display:none;
}


input::placeholder {
   font-weight:100;
  }
  

  input:-moz-placeholder {
    font-weight:100;
  }
  
  /* Internet Explorer 10-11 */
  input:-ms-input-placeholder {
    font-weight:100;
  }
  
  /* Edge */
  input::-ms-input-placeholder {
    font-weight:100;
  }
  
  /* Webkit Browsers (Chrome, Safari, Opera) */
  input::-webkit-input-placeholder {
    font-weight:100;
  }
  

.btn {
    text-transform: uppercase;
}

.badge { 
    font-weight:normal;
}

.form-control:focus-visible,
.form-select:focus-visible,
.form-check-input:focus-visible,
.form-group input[type="file"]:focus-visible {
    --bs-input-focus-ring-color: #6f8f1f;
}

.badge-video {
    color: #ffffff;
    background-color: #8bb0fa;
}

.btn-video {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #8bb0fa;
    --bs-btn-border-color: #8bb0fa;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #739bea;
    --bs-btn-hover-border-color: #739bea;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #739bea;
    --bs-btn-active-border-color: #739bea;
    --bs-btn-focus-shadow-rgb: 139, 176, 250;
}

.btn-light .btn-icon svg {
    fill:#bbbebf;
}
.btn-light:hover .btn-icon svg {
    fill:#f0f0f0;
}
.btn-primary, .frame-type-felogin_login input[type="submit"] {
    --bs-btn-color: #fff;
}

img.img-dummy.img-fluid {
    width: Auto;
    height: 295px;
    border:none !important;
}
h1 {
    -webkit-text-stroke: .25px #F8F8F8;
}

.masonry {
    grid-template-rows: masonry;
    column-count: 2;
    column-gap: 5px;
  }

  .masonry a > picture {
    margin: 0;
    display: grid;
    grid-template-rows: 1fr auto;
    margin-bottom: 0px;
    break-inside: avoid;
  }
  .masonry a > picture img {
        grid-row: 1 / -1;
        grid-column: 1;
            width: 100% !important;
            margin: 0;
            border:1px solid #4a4a4a54;
  }

.contact-button {
    color: white;
    font-weight: 800
}

.color-white {
    color: white !important
}


.navbar-mainnavigation {
    background-color:none;
    box-shadow: 15px 25px 60px #00000010;
    & .navbar-nav {
        margin-top: .5em;
        flex-direction: row;
        justify-content: flex-end;

            & .nav-link {
                font-size: 1.2rem;
                font-weight: 100;
                text-transform: initial;
            }
    }
}

.footer-meta .meta-menu {
    text-transform: uppercase;

    & a:link {
        text-decoration: none;
    }
}

.rpadding {
    padding-right: 5px;
}
.gallery-row {
    justify-content: center;
}

hr {
    border-top: 1px dashed var(--bs-gray-900);
}
.lpadding {
    padding-left: 5px;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.table>:not(caption)>*>* {
    border-bottom: 1px dashed var(--bs-gray-400);
}
tr:last-child {
    border-bottom: 1px solid transparent;
}


.news {
    .masonry .caption {
        display: none;
    }

    .news-list-view {
        .list-group {
            list-style: none;
            --bs-list-group-border-color: transparent;
        }

        .card {
            border: none;
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .card-body {
            flex: 1;
            display: flex;
            flex-direction: column;

            p {
                display: inline;
                margin: 0;
            }
        }

        a {
            text-decoration: none !important;
            margin-top: auto;
        }

        img {
            border: 1px solid #4a4a4a54;
        }

        .list-group-item {
            border: none;
            height: 100%;
            display: flex;
            margin: 0;
            padding-left: 0em;
            padding-right: 0;
            align-items: stretch;
            justify-content: space-between;
        }

        .news-list-item {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            justify-content: space-between;
        }

        .flex-column {
            display: flex;
            flex-direction: column;
        }

        .headline {
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .lead:not(.pagelisthead) {
            display: inline;
            margin-bottom:1em;
        }

        .align-self-end {
            align-self: flex-end;
        }

        .list-group {
            --bs-list-group-border-color: transparent;
            > li {
                margin-top: var(--bs-gutter-y);
                margin-bottom: var(--bs-gutter-y);
            }
            > li.dashed:not(:last-child) {
                border-bottom: 1px dashed var(--bs-gray-500);
            }
        }

        .extra {
          
        }

        .row > * {
            /*padding-right: calc(var(--bs-gutter-x) * .2);
            padding-left: calc(var(--bs-gutter-x) * .2);
            */
        }

        .row .row > * {
            /*padding-right: calc(var(--bs-gutter-x) * .15);
            padding-left: calc(var(--bs-gutter-x) * .15);*/
            /*padding: 0;*/
        }

        .col-sm-4 p,
        .col-sm-4 .btn {
            font-size: .8em;
        }

        .btn {
            display: inline-flex;
            width: auto;
            margin-top: auto; /* Ensure the button is pushed to the bottom */
        }

        .col-sm-4 h3 {
            font-size: .95em;
        }

        p {
            display: inline;
            margin: 0;
        }
    } /* Listview end */

    .news-card-grid > li {
        display: flex;
    }

    .news-list-view .news-card {
        flex: 1;
        width: 100%;
        height: auto;
        --news-card-highlight-color: rgba(125, 148, 87, 0.3);
        --news-card-highlight-bg: rgba(125, 148, 87, 0.08);
        --news-card-highlight-outset: 0.5rem;
        isolation: isolate;
        transition: transform 220ms ease;
    }

    .news-card::before {
        content: '';
        position: absolute;
        inset: calc(-1 * var(--news-card-highlight-outset));
        z-index: -1;
        pointer-events: none;
        border-radius: calc(var(--bs-card-border-radius) + var(--news-card-highlight-outset));
        outline: 1px solid transparent;
        transition: outline-color 180ms ease, background-color 180ms ease;
    }

    .news-card-grid:is(.news-card-grid-1, .news-card-grid-2, .news-card-grid-3) {
        .news-card > img,
        .news-card .extra {
            margin-bottom: var(--news-card-highlight-outset) !important;
        }
    }

    @media (min-width: 576px) {
        .news-card-grid:is(.news-card-grid-1, .news-card-grid-2, .news-card-grid-3) .card-title {
            min-height: 2.4em;
            min-height: 2lh;
        }
    }

    @supports (grid-template-rows: subgrid) {
        @media (min-width: 576px) {
            .news-card-grid:is(.news-card-grid-1, .news-card-grid-2, .news-card-grid-3) {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 0;

                > li,
                > li > .news-card {
                    display: grid;
                    grid-template-rows: subgrid;
                    grid-row: span 4;
                    width: auto;
                }

                .card-body {
                    display: contents;
                }

                .news-card > img {
                    grid-row: 1;
                    align-self: start;
                    width: 100%;
                }

                .extra {
                    grid-row: 2;
                    align-self: start;
                }

                .card-title {
                    grid-row: 3;
                    align-self: start;
                    min-height: 0;
                }

                .card-text {
                    grid-row: 4;
                    align-self: start;
                }
            }
        }

        @media (min-width: 992px) {
            .news-card-grid.news-card-grid-2 {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }

            .news-card-grid.news-card-grid-3 {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }
        }
    }

    .news-list-view .news-card .news-card-link {
        color: var(--bs-link-hover-color);
    }

    .news-card-link:focus-visible {
        outline: none;
    }

    .news-card-link::after {
        inset: calc(-1 * var(--news-card-highlight-outset));
        outline: 1px solid transparent;
        outline-offset: 0;
        border-radius: calc(var(--bs-card-border-radius) + var(--news-card-highlight-outset));
        transition: outline-color 180ms ease;
    }

    .news-card-link:focus-visible::after {
        outline-color: var(--news-card-highlight-color);
    }

    .news-card:has(.news-card-link:focus-visible)::before {
        background-color: var(--news-card-highlight-bg);
    }

    @media (hover: hover) and (pointer: fine) {
        .news-list-view li:hover > .news-card {
            transform: translateY(-3px);
        }

        .news-list-view li:hover > .news-card::before {
            outline-color: var(--news-card-highlight-color);
            background-color: var(--news-card-highlight-bg);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .news-list-view .news-card,
        .news-card::before,
        .news-card-link::after {
            transition: none;
        }

        .news-list-view li:hover > .news-card {
            transform: none;
        }
    }

    .list-group a {
        text-decoration: initial;
    }

    .lead:not(.pagelisthead) {
        font-size: initial;
        font-weight: initial;
    }

    .head-images-container > .row {
        --bs-gutter-x: 1.25rem;
    }

    .head-images-container img {
        border: 1px solid #4a4a4a54;
    }

    .small-image {
        width: 49%;
    }

    .news-text-wrap {
        margin-top: 1em;

        > p:first-child {
            margin-bottom: 1.5em;
        }
    }

    .table>:not(caption)>*>* {
        width: 50%;
    }

    .table>:not(caption)>*>*:first-child {
        font-weight: 600;
        color: var(--bs-body-color);
        font-size: .9em;
    }
} /* News Close */

.cc-revoke {
    position: relative;
overflow: hidden;
display: initial;
background-color: transparent;
left: 0 !important;
top: 0;
bottom: initial !important;
flex-wrap: nowrap;
z-index: var(--cookieconsent-zindex);
}