@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("../Fonts/Poppins-MediumItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../Fonts/Poppins-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: oblique;
    font-weight: 100 900;
    font-display: swap;
    src: url("../Fonts/Poppins-Bold.ttf") format("truetype");
}

.bg-center {
    background-position: unset;
}
.bg-cover {
    background-size: contain;
    background-repeat: no-repeat;
}

.bg-dark {
    background: none !important;
}
.gridbg {
    background-color: #f8f8f8;

    position: relative;
}
@media (min-width: 850px) {
    .border-left::before {
        content: "";
        border-left: 8em solid #d5e2d9;
        position: absolute;
        left: 0px;
        top: -2em;
        bottom: -2em;
    }
    .gridbg {
        padding: 0 15% 1% 16em;
    }

}

@media (max-width: 640px) {
    .border-right::after {
        border-left: none;
    }
    .gridbg p {
         padding-left: 3em;
     }
    .bg-cover {
        padding-top: 17em !important;
    }
    div.text-right div, div.text-left div {
        padding: 0 1em 0 1em !important;
    }
    .neos-nodetypes-html-html {
        min-height: 4em !important;
    }
    h2.text-4xl, h2 {
        padding-left: 1em;
    }
}
@media (max-width: 850px) {
    .border-right::after {
        border-left: none !important;
    }
    .gridbg p {
        padding-left: 3em;
        padding-right: 1em;
    }
    .bg-cover {
        padding-top: 4em;
    }
}

.border-right::after {
    content: "";
    border-left: 8em solid #d5e2d9;
    position: absolute;
    right: 0px;
    top: -2em;
    bottom: -2em;
}
.gridbg p {
    padding-bottom: 1em;
    padding-top: 1em;
}
.border-left.gridbg > :first-child p {
    border-left: 10px solid #a5b4ad;
    padding-left: 3em;
}

div.text-right,
div.text-left {
    padding-left: 0;
    background-color: #f8f8f8;
    text-align: unset;
}
div.text-right div,
div.text-left div {
    padding: 0 10em 0 10em;
}
div.text-right figure {
    margin: 0;
}
div.text-left {
    flex-direction: row-reverse;
}
div.text-left figure {
    margin: 0;
}
/*.gridbg:not(.border-left):not(.text-boxed) > :first-child p {*/
/*    padding-left: 3em;*/
/*}*/

.border-left.gridbg > :first-child h2 {
    padding-left: 1em;
    font-weight: bold;
}

header nav ul li a{
    font-size: 1.2em !important;
    color: grey;
}

div.header-head {
    background-color: #d5e2d9;
    width: 100%;
    min-height: 2em;
    text-align: right;
    padding: 0.4em 4em 0.4em 2em;
    color: grey;
}
div.header-head a {
    padding-left: 2em;
    font-size: 1.0em;
}
div.header-head a:active {
    color: #a5b4ad;
}

li a.text-light {
    --tw-text-opacity: 0;
    color: rgb(165 180 173);
}

h2.text-4xl,
h2 {
    color: #A5B4AD !important;
    font-style: oblique;
    letter-spacing: 0em !important;
}

.neos-nodetypes-html-html {
    min-height: 10em;
}

.neos-nodetypes-html-html:has(p) {
    min-height: unset;
}

.text-boxed.gridbg .neos-contentcollection:has(p) {
    background-color: white;
    box-shadow: 5px 5px 5px #dcdcdc;
}

.text-boxed.gridbg p,
.text-boxed.gridbg a {
    background-color: white;
    box-shadow: gray;
    text-align: center;
    color: #b2beb8;
    font-weight: bold;
    line-height: 3em;
}

.neos-nodetypes-contentreferences-contentreferences {
    background-color: white;
    text-align: center;
    color: #b2beb8;
    font-weight: bold;
    line-height: 3em;
    padding: 3em 0 3em;
}

.neos-nodetypes-contentreferences-contentreferences h2 {
    background-color: white;
    text-align: center;
    color: #b2beb8;
    font-weight: bold;
    line-height: 3em;
    display: contents;
    font-size: 1.25em;
}

.neos-contentcollection:has(div.neos-nodetypes-contentreferences-contentreferences) {
    display: contents;
}

footer,
footer .gridbg {
    background-color: #a5b4ad;
    width: 100%;
    color: white;
    padding: 2em 0 2em 0;
}


footer .content {
    /*margin-left: 1em;*/
    /*margin-right: 1em;*/
}

footer .gridbg p {
    vertical-align: bottom;
    font-size: 1.1em;
}

footer h3 {
    font-size: 1.5em;
    font-weight: bold;
}

footer a:hover {
    font-style: italic;
}

 p {
    font-size: 1.2em;
}
body {
    font-family: 'Poppins', sans-serif;
}

/*.gridbg::before {*/
/*    content: "";*/
/*    display: block;*/
/*    position: absolute;*/
/*    z-index: 1;*/
/*    left: 18px;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    border-left: 150px solid #d5e2d9;*/
/*}*/