/*
Papa Joes Zell am See
*/
/* comforter-regular - cyrillic_latin_latin-ext_vietnamese */
@font-face {
    font-display: swap;
    font-family: "Comforter";
    font-style: normal;
    font-weight: 400;
    src: url("../Fonts/comforter-v7-cyrillic_latin_latin-ext_vietnamese-regular.woff2")
        format("woff2");
}
/* fasthand-regular - latin */

@font-face {
    font-display: swap;
    font-family: "Fasthand";
    font-style: normal;
    font-weight: 400;
    src: url("../Fonts/fasthand-v31-latin-regular.woff2") format("woff2");
}

/* poppins-300 - latin */

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 300;
    src: url("../Fonts/poppins/poppins-v15-latin-300.eot");
    /* IE9 Compat Modes */
    src: local(""),
        url("../Fonts/poppins/poppins-v15-latin-300.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../Fonts/poppins/poppins-v15-latin-300.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../Fonts/poppins/poppins-v15-latin-300.woff") format("woff"),
        /* Modern Browsers */ url("../Fonts/poppins/poppins-v15-latin-300.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../Fonts/poppins/poppins-v15-latin-300.svg#Poppins")
            format("svg");
    /* Legacy iOS */
}

/* poppins-regular - latin */

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    src: url("../Fonts/poppins/poppins-v15-latin-regular.eot");
    /* IE9 Compat Modes */
    src: local(""),
        url("../Fonts/poppins/poppins-v15-latin-regular.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../Fonts/poppins/poppins-v15-latin-regular.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../Fonts/poppins/poppins-v15-latin-regular.woff")
            format("woff"),
        /* Modern Browsers */
            url("../Fonts/poppins/poppins-v15-latin-regular.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../Fonts/poppins/poppins-v15-latin-regular.svg#Poppins")
            format("svg");
    /* Legacy iOS */
}

/* poppins-500 - latin */

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    src: url("../Fonts/poppins/poppins-v15-latin-500.eot");
    /* IE9 Compat Modes */
    src: local(""),
        url("../Fonts/poppins/poppins-v15-latin-500.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../Fonts/poppins/poppins-v15-latin-500.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../Fonts/poppins/poppins-v15-latin-500.woff") format("woff"),
        /* Modern Browsers */ url("../Fonts/poppins/poppins-v15-latin-500.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../Fonts/poppins/poppins-v15-latin-500.svg#Poppins")
            format("svg");
    /* Legacy iOS */
}

/* poppins-700 - latin */

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    src: url("../Fonts/poppins/poppins-v15-latin-700.eot");
    /* IE9 Compat Modes */
    src: local(""),
        url("../Fonts/poppins/poppins-v15-latin-700.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../Fonts/poppins/poppins-v15-latin-700.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../Fonts/poppins/poppins-v15-latin-700.woff") format("woff"),
        /* Modern Browsers */ url("../Fonts/poppins/poppins-v15-latin-700.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../Fonts/poppins/poppins-v15-latin-700.svg#Poppins")
            format("svg");
    /* Legacy iOS */
}

/* open-sans-300 - latin */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: url("../Fonts/open-sans/open-sans-v27-latin-300.eot");
    /* IE9 Compat Modes */
    src: local(""),
        url("../Fonts/open-sans/open-sans-v27-latin-300.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../Fonts/open-sans/open-sans-v27-latin-300.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../Fonts/open-sans/open-sans-v27-latin-300.woff")
            format("woff"),
        /* Modern Browsers */
            url("../Fonts/open-sans/open-sans-v27-latin-300.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../Fonts/open-sans/open-sans-v27-latin-300.svg#OpenSans")
            format("svg");
    /* Legacy iOS */
}

/* open-sans-regular - latin */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: url("../Fonts/open-sans/open-sans-v27-latin-regular.eot");
    /* IE9 Compat Modes */
    src: local(""),
        url("../Fonts/open-sans/open-sans-v27-latin-regular.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */
            url("../Fonts/open-sans/open-sans-v27-latin-regular.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../Fonts/open-sans/open-sans-v27-latin-regular.woff")
            format("woff"),
        /* Modern Browsers */
            url("../Fonts/open-sans/open-sans-v27-latin-regular.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../Fonts/open-sans/open-sans-v27-latin-regular.svg#OpenSans")
            format("svg");
    /* Legacy iOS */
}

/* open-sans-700 - latin */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    src: url("../Fonts/open-sans/open-sans-v27-latin-700.eot");
    /* IE9 Compat Modes */
    src: local(""),
        url("../Fonts/open-sans/open-sans-v27-latin-700.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../Fonts/open-sans/open-sans-v27-latin-700.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../Fonts/open-sans/open-sans-v27-latin-700.woff")
            format("woff"),
        /* Modern Browsers */
            url("../Fonts/open-sans/open-sans-v27-latin-700.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../Fonts/open-sans/open-sans-v27-latin-700.svg#OpenSans")
            format("svg");
    /* Legacy iOS */
}

/* open-sans-300italic - latin */

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 300;
    src: url("../Fonts/open-sans/open-sans-v27-latin-300italic.eot");
    /* IE9 Compat Modes */
    src: local(""),
        url("../Fonts/open-sans/open-sans-v27-latin-300italic.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */
            url("../Fonts/open-sans/open-sans-v27-latin-300italic.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../Fonts/open-sans/open-sans-v27-latin-300italic.woff")
            format("woff"),
        /* Modern Browsers */
            url("../Fonts/open-sans/open-sans-v27-latin-300italic.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../Fonts/open-sans/open-sans-v27-latin-300italic.svg#OpenSans")
            format("svg");
    /* Legacy iOS */
}

/* open-sans-italic - latin */

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 400;
    src: url("../Fonts/open-sans/open-sans-v27-latin-italic.eot");
    /* IE9 Compat Modes */
    src: local(""),
        url("../Fonts/open-sans/open-sans-v27-latin-italic.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../Fonts/open-sans/open-sans-v27-latin-italic.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../Fonts/open-sans/open-sans-v27-latin-italic.woff")
            format("woff"),
        /* Modern Browsers */
            url("../Fonts/open-sans/open-sans-v27-latin-italic.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../Fonts/open-sans/open-sans-v27-latin-italic.svg#OpenSans")
            format("svg");
    /* Legacy iOS */
}

/* open-sans-700italic - latin */

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 700;
    src: url("../Fonts/open-sans/open-sans-v27-latin-700italic.eot");
    /* IE9 Compat Modes */
    src: local(""),
        url("../Fonts/open-sans/open-sans-v27-latin-700italic.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */
            url("../Fonts/open-sans/open-sans-v27-latin-700italic.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../Fonts/open-sans/open-sans-v27-latin-700italic.woff")
            format("woff"),
        /* Modern Browsers */
            url("../Fonts/open-sans/open-sans-v27-latin-700italic.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../Fonts/open-sans/open-sans-v27-latin-700italic.svg#OpenSans")
            format("svg");
    /* Legacy iOS */
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
    background: #fff;
    color: #666666;
    font-family: "Open Sans", sans-serif;
}

a {
    color: #384378;
}

a:hover,
a:active,
a:focus {
    color: #818cc1;
    outline: none;
    text-decoration: none;
}

p {
    padding: 0;
    margin: 0 0 30px 0;
}

.ce-bodytext p {
    padding: 0;
    margin: 0 0 30px 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Comforter", sans-serif;
    font-weight: 400;
    margin: 0 0 20px 0;
    padding: 0;
}

h1,
h2 {
    font-size: 3rem;
}

/* Prelaoder */

#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    /* background: #fff url("../Images/preloader.svg") no-repeat center center; */
    background: #fff url("{rcdesign.cssPreloader}") no-repeat center center;
}
/* p.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    padding: 20px;
    width: 100%;
} */

/* Back to top button */

.back-to-top {
    position: fixed;
    display: none;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    padding: 6px 12px 9px 12px;
    font-size: 16px;
    border-radius: 2px;
    right: 15px;
    bottom: 15px;
    transition: 0.5s;
}

@media (max-width: 768px) {
    .back-to-top {
        bottom: 15px;
    }
}

.back-to-top:focus {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    outline: none;
}

.back-to-top:hover {
    background: #8ac43f;
    color: #fff;
}

/*--------------------------------------------------------------
# Adjustments for fluid_styled_content
--------------------------------------------------------------*/

img {
    max-width: 100%;
    height: auto;
}

.ce-intext [data-ce-columns="1"] {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .ce-intext [data-ce-columns="1"] {
        width: 50%;
    }
}

@media screen and (min-width: 991px) {
    .ce-intext [data-ce-columns="1"] {
        width: 33.3333%;
    }
}

.ce-center [data-ce-columns="3"] .ce-column,
.ce-right [data-ce-columns="3"] .ce-column,
.ce-left [data-ce-columns="3"] .ce-column {
    margin-right: 1%;
    width: 32.33333%;
}

.ce-center [data-ce-columns="2"] .ce-column,
.ce-right [data-ce-columns="2"] .ce-column,
.ce-left [data-ce-columns="2"] .ce-column {
    margin-right: 1%;
    width: 49%;
}

.ce-center [data-ce-columns="4"] .ce-column,
.ce-right [data-ce-columns="4"] .ce-column,
.ce-left [data-ce-columns="4"] .ce-column {
    margin-right: 1%;
    width: 24%;
}

.ce-center [data-ce-columns="5"] .ce-column,
.ce-right [data-ce-columns="5"] .ce-column,
.ce-left [data-ce-columns="5"] .ce-column {
    margin-right: 1%;
    width: 19%;
}

.ce-center [data-ce-columns="6"] .ce-column,
.ce-right [data-ce-columns="6"] .ce-column,
.ce-left [data-ce-columns="6"] .ce-column {
    margin-right: 1%;
    width: 15.666667%;
}

.ce-gallery figure.video {
    display: block;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header {
    padding: 30px 0;
    height: 92px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997;
}

#header #logo {
    float: left;
}

#header #logo h1 {
    font-size: 36px;
    margin: -8px 0 0;
    padding: 0;
    line-height: 1;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

#header #logo h1 a,
#header #logo h1 a:hover {
    color: #fff;
}

#header #logo img {
    padding: 0;
    margin: 0;
}

@media (max-width: 768px) {
    #header #logo h1 {
        font-size: 26px;
    }
    #header #logo img {
        max-height: 40px;
    }
}

#header.header-fixed {
    background: rgb(26, 41, 102, 0.9);
    padding: 20px 0 20px 0;
    height: 72px;
    transition: all 0.5s;
}
/*****************************************
* Blockquote
*****************************************/
blockquote {
    background: #fcf4cc;
    border-left: 10px solid #384378;
    margin: 1.5em 0px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}

blockquote:before {
    color: #384378;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

blockquote p {
    display: inline;
    font-style: italic;
}

/*****************************************
* Table
*****************************************/
.table-yellow {
    --bs-table-color: #373b3e;
    --bs-table-bg: #ffc115 !important;
    --bs-table-border-color: #fadd90 !important;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: var(--bs-hover-color-yellow);
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
    background-color: #ffebb3 !important;
}
/*--------------------------------------------------------------
# alert
--------------------------------------------------------------*/
p.alert {
    padding: 10px;
}
/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
.link-arrow,
.link-page,
.link-folder,
.link-file,
.link-external,
.link-chevron,
.link-mail,
.link-globe {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-left: 20px;
}

.link-arrow:before,
.link-page:before,
.link-folder:before,
.link-file:before,
.link-external:before,
.link-chevron:before,
.link-mail:before,
.link-globe:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
}

.link-arrow:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='%23384378'%3e%3cpath d='M2 9h7.3v2c0 .4.5.6.8.4l3.7-3c.2-.2.2-.6 0-.8l-3.7-3c-.3-.2-.8 0-.8.4v2H2v2z'/%3e%3c/g%3e%3c/svg%3e");
}

.link-page:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='%23384378'%3e%3cpath d='M13.7 3.2l-1.9-1.9c-.2-.2-.4-.3-.7-.3H2.5c-.3 0-.5.2-.5.5v13c0 .3.2.5.5.5h11c.3 0 .5-.2.5-.5V3.9c0-.3-.1-.5-.3-.7zM13 14H3V2h7v2.5c0 .3.2.5.5.5H13v9zM11 4V2l2 2h-2z'/%3e%3c/g%3e%3c/svg%3e");
}

.link-folder:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='%23384378'%3e%3cpath d='M7.382 4l1 2H14v6H2V4h5.382m.309-1H1.5a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5H9l-.862-1.724A.5.5 0 0 0 7.691 3z'/%3e%3c/g%3e%3c/svg%3e");
}

.link-file:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='%23384378'%3e%3cpath d='M13.7 3.2l-1.9-1.9c-.2-.2-.4-.3-.7-.3H2.5c-.3 0-.5.2-.5.5v13c0 .3.2.5.5.5h11c.3 0 .5-.2.5-.5V3.9c0-.3-.1-.5-.3-.7zM13 14H3V2h7v2.5c0 .3.2.5.5.5H13v9zM11 4V2l2 2h-2z'/%3e%3cpath d='M10.8 10H5.2c-.1 0-.2-.1-.2-.2v-.6c0-.1.1-.2.2-.2h5.5c.2 0 .3.1.3.2v.5c0 .2-.1.3-.2.3zM10.8 8H5.2c-.1 0-.2-.1-.2-.2v-.6c0-.1.1-.2.2-.2h5.5c.2 0 .3.1.3.2v.5c0 .2-.1.3-.2.3zM10.8 12H5.2c-.1 0-.2-.1-.2-.2v-.5c0-.2.1-.3.2-.3h5.5c.1 0 .2.1.2.2v.5c.1.2 0 .3-.1.3z'/%3e%3c/g%3e%3c/svg%3e");
}

.link-external:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='%23384378'%3e%3cpath d='M10.05 8.657l-.707-.707L14.293 3l.706.707z'/%3e%3cpath d='M13 8.536V12H3V5h6.464l1-1H2.5a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5V7.535l-1 1.001zM15.573 6.573l-4.146-4.146A.25.25 0 0 1 11.604 2h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177z'/%3e%3c/g%3e%3c/svg%3e");
}

.link-chevron:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='%23384378'%3e%3cpath d='M9.586 8L6.05 11.536l.707.707L11 8 6.757 3.757l-.707.707z'/%3e%3c/g%3e%3c/svg%3e");
}

.link-mail:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='%23384378'%3e%3cpath d='M5 7h6v1H5zM5 5h6v1H5z'/%3e%3cpath d='M13 4.6V3h-2.2L8 1 5.2 3H3v1.6L1 6v8.5c0 .3.2.5.5.5h13c.3 0 .5-.2.5-.5V6l-2-1.4zM8 2.2l1.1.8H6.9L8 2.2zM12 4v4.1l-1.2.9H5.2L4 8.1V4h8zm-2.6 6L8 11l-1.4-1h2.8zM2 6.5l1-.7v1.6l-1-.7v-.2zm0 1.4l3.5 2.5L2 14V7.9zM3.4 14l2.9-2.9L8 12.2 9.6 11l3 3H3.4zM14 14l-3.5-3.5L14 7.9V14zm0-7.3l-1 .7V5.8l1 .7v.2z'/%3e%3c/g%3e%3c/svg%3e");
}

.link-globe:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='%23384378'%3e%3cpath d='M8 1C4.14 1 1 4.14 1 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm0 13.125a6.09 6.09 0 0 1-4.005-1.502c.012.003.045.01.045-.056v-.082c0-.081.083-.081.083-.161.084-.324.084-.807.084-1.129l.001-.001v-.241l-.084-.08c-.083 0-.083-.081-.166-.081s-.166-.081-.25-.081H3.54s-.083 0-.083-.081c-.584-.325-.834-.89-1.001-1.534 0-.162-.083-.324-.083-.485-.082-.082-.082-.162-.166-.244-.167-.161-.083-.483.084-.806V7.4c0-.081 0-.081.083-.162 0-.079 0-.079.084-.16.166-.324.5-.565.667-.808.083-.08.083-.08.083-.161v-.08c.083-.081.083-.242.166-.324 0-.079.084-.242.084-.322 0-.162 0-.242-.084-.402-.083-.241-.135-.449-.297-.61.315-.426.68-.811 1.092-1.143l.145.152h.764s.085 0 .085-.088l.085-.09s.085 0 .085-.089l.084-.089.085-.09c-.254.179-.254.09-.17 0h-.003c.251-.265.267-.313.513-.659A6.09 6.09 0 0 1 8 1.875c1.088 0 2.109.289 2.996.789-.077.079-.099.034-.099.117-.242.085-.565-.085-.808-.17a2.821 2.821 0 0 0-1.856-.085c-.243.085-.807.17-.566.679.161.256.564.51.969.171.161-.17.324-.424.564-.17.081.086.081.171.081.255-.081.254-.324.34-.565.34-.324.085-.648 0-.97.085-.323.085-.806.17-.806.595 0 .508-.162.593-.566.678-.324 0-.484.17-.324.509.081.254.324.254.486.17.646-.34 1.211-1.188 1.937-.17l.161-.085c.162-.679.324-.254.485 0l.242.254c.969-.933.726.425 1.05.679-.647-.17-1.374.509-1.938.085-.969-.763-1.615-.424-2.503.339-.726.595-.888 1.358-.726 2.037.241.849 1.129.934 1.856.764.242-.086.726-.086.726.084-.162.764.726 1.273.403 2.121-.242.679.163 1.528.726 1.782.566.254 1.05-.424 1.293-1.019.08-.085 0-.254.08-.34.646-.849.565-2.121 1.372-2.97.242-.254 1.05-1.187.403-1.951 1.535-.424.971 1.103 1.293 1.782.241-.509.402-1.019.564-1.444.074-.232.127-.314.136-.327.017.18.029.359.029.541A6.132 6.132 0 0 1 8 14.125zm-3.818-2.956c-.01-.01-.012-.012 0 0z'/%3e%3c/g%3e%3c/svg%3e");
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

/* #hero { Ist jetzt im Fluidtemplate um das Bild über Variablen zu tauschen
    width: 100%;
    height: 100vh;
    background: url(../Images/Start.jpg) top center;
    background-size: cover;
    position: relative;
} */

#hero1 {
    width: 100%;
    height: 72px;
    /*
    background: url(../Images/Gescheaft.jpg) top center;
    background-size: cover;
    position: relative;
    */
    background-color: #1a2965;
}

@media (min-width: 1024px) {
    #hero {
        background-attachment: fixed;
    }
}

#hero:before {
    content: "";
    /*background: rgba(0, 0, 0, 0.2);*/
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#hero .hero-container {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

#hero h1 {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    margin: 30px 0 10px 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    text-transform: uppercase;
    color: #fff;
}

@media (max-width: 768px) {
    #hero h1 {
        font-size: 28px;
        line-height: 36px;
    }
}

#hero h2 {
    color: #eee;
    margin-bottom: 50px;
    font-size: 2.5rem;
}

@media (max-width: 768px) {
    #hero h2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px;
    }
}

#hero .btn-get-started {
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 28px;
    border-radius: 50px;
    transition: 0.5s;
    margin: 10px;
    border: 2px solid #fff;
    color: #fff;
    text-decoration: none;
}

#hero .btn-get-started:hover {
    background: #8ac43f;
    border: 2px solid #8ac43f;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/* Nav Menu Essentials */

.nav-menu,
.nav-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}

.nav-menu li {
    position: relative;
    white-space: nowrap;
}

.nav-menu > li {
    float: left;
}

.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
    display: block;
}

.nav-menu ul ul {
    top: 0;
    left: 100%;
}

.nav-menu ul li {
    min-width: 180px;
}

/* Nav Menu Arrows */

.sf-arrows .sf-with-ul {
    padding-right: 30px;
}

.sf-arrows .sf-with-ul:after {
    content: "\f107";
    position: absolute;
    right: 15px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
}

.sf-arrows ul .sf-with-ul:after {
    content: "\f105";
}

/* Nav Meu Container */

#nav-menu-container {
    float: right;
    margin: 0;
}

@media (max-width: 768px) {
    #nav-menu-container {
        display: none;
    }
}

/* Nav Meu Styling */

.nav-menu a {
    padding: 0 8px 10px 8px;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px;
    outline: none;
}
.nav-menu a:hover {
    padding: 0 8px 10px 8px;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px;
    outline: none;
}

.nav-menu > li {
    margin-left: 10px;
}

.nav-menu > li > a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #8ac43f;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.nav-menu a:hover:before,
.nav-menu li:hover > a:before,
.nav-menu .menu-active > a:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.nav-menu ul {
    margin: 4px 0 0 0;
    border: 1px solid #e7e7e7;
}

.nav-menu ul li {
    background: #fff;
}

.nav-menu ul li:first-child {
    border-top: 0;
}

.nav-menu ul li a {
    padding: 10px;
    color: #fff;
    transition: 0.3s;
    display: block;
    font-size: 13px;
    text-transform: none;
}

.nav-menu ul li a:hover {
    background: #8ac43f;
    color: #fff;
}

.nav-menu ul ul {
    margin: 0;
}
.nav-link:focus,
.nav-link:hover {
    color: #fff;
}

/* Mobile Nav Toggle */

#mobile-nav-toggle {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    margin: 20px 20px 0 0;
    border: 0;
    background: none;
    font-size: 24px;
    display: none;
    transition: all 0.4s;
    outline: none;
    cursor: pointer;
}

#mobile-nav-toggle i {
    color: #fff;
}

@media (max-width: 768px) {
    #mobile-nav-toggle {
        display: inline;
    }
}

/* Mobile Nav Styling */

#mobile-nav {
    position: fixed;
    top: 0;
    padding-top: 18px;
    bottom: 0;
    z-index: 998;
    background: rgb(110, 22, 18, 0.9);
    left: -260px;
    width: 260px;
    overflow-y: auto;
    transition: 0.4s;
}

#mobile-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#mobile-nav ul li {
    position: relative;
}

#mobile-nav ul li a {
    color: #fff;
    font-size: 18px;
    overflow: hidden;
    padding: 10px 22px 10px 15px;
    position: relative;
    text-decoration: none;
    width: 100%;
    display: block;
    outline: none;
    border-bottom: 1px solid #fff;
}

#mobile-nav ul li a:hover {
    color: #000;
    background-color: #f7e98d;
}

#mobile-nav ul li li {
    padding-left: 30px;
}

#mobile-nav ul .menu-has-children i {
    position: absolute;
    right: 0;
    z-index: 99;
    padding: 15px;
    cursor: pointer;
    color: #fff;
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
    color: #8ac43f;
}

#mobile-nav ul .menu-item-active {
    color: #8ac43f;
}

#mobile-body-overly {
    width: 100%;
    height: 100%;
    z-index: 997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(52, 59, 64, 0.9);
    display: none;
}

/* Mobile Nav body classes */

body.mobile-nav-active {
    overflow: hidden;
}

body.mobile-nav-active #mobile-nav {
    left: 0;
}

body.mobile-nav-active #mobile-nav-toggle {
    color: #fff;
}

/*--------------------------------------------------------------
# Meta Navigation
--------------------------------------------------------------*/

ul.metaNav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.metaNav li {
    display: inline-block;
    margin: 0 10px;
}

ul.metaNav a,
ul.metaNav a:visited {
    color: #fff;
}

ul.metaNav a:hover {
    color: #8ac43f;
}

ul.metaNav li.menu-active a {
    color: #8ac43f;
    font-weight: bold;
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/

/* Sections Header
--------------------------------*/

.section-header .section-title {
    font-size: 32px;
    color: #111;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    margin-bottom: 5px;
}

.section-header h3 {
    font-size: 32px;
    color: #111;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    margin-bottom: 5px;
}

.section-header .section-description {
    text-align: center;
    padding-bottom: 40px;
    color: #999;
}

#leistung .section-header p {
    text-align: center;
    padding-bottom: 40px;
    color: #999;
}

/* About Us Section
--------------------------------*/

#ueber-uns {
    background: #fff;
    /* padding: 80px 0; */
}

#ueber-uns .about-container .background {
    min-height: 300px;
    margin-bottom: 10px;
}

/*
#about .about-container .background {
  min-height: 300px;
  background: url(../img/HausPelloschMittersill.png) center top no-repeat;
  margin-bottom: 10px;
}
*/

#ueber-uns .about-container .content {
    background: #fff;
}

#ueber-uns .about-container .title {
    color: #333;
    font-weight: 700;
    font-size: 32px;
}

#ueber-uns .about-container h2 {
    color: #333;
    font-weight: 700;
    font-size: 32px;
}

@media (max-width: 768px) {
    #ueber-uns .about-container .title {
        padding-top: 15px;
    }
}

#ueber-uns .about-container p {
    line-height: 26px;
}

#ueber-uns .about-container p:last-child {
    margin-bottom: 0;
}

#ueber-uns .about-container .icon-box {
    background: #fff;
    background-size: cover;
    padding: 0 0 30px 0;
}

#ueber-uns .about-container .icon-box .icon {
    float: left;
    background: #fff;
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #8ac43f;
}

#ueber-uns .about-container .icon-box .icon i {
    color: #8ac43f;
    font-size: 24px;
}

#ueber-uns .about-container .icon-box .title {
    margin-left: 80px;
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 1.2rem;
    text-transform: uppercase;
}

#ueber-uns .about-container .icon-box .title a {
    color: #111;
}

#ueber-uns .about-container .icon-box .description {
    margin-left: 80px;
    line-height: 26px;
    font-size: 1rem;
}

/* Facts Section
--------------------------------*/

#facts {
    background: #f7f7f7;
    padding: 80px 0 60px 0;
}

#facts .counters span {
    font-size: 48px;
    display: block;
    color: #8ac43f;
}

#facts .counters p {
    padding: 0;
    margin: 0 0 20px 0;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
}

/* Services Section
--------------------------------*/

#leistung {
    background: #fff;
    background-size: cover;
    padding: 80px 0 0 0;
}

#leistung .box {
    padding: 50px 20px;
    margin-bottom: 50px;
    text-align: center;
    border: 1px solid #e6e6e6;
    height: 85%;
    position: relative;
    background: #fafafa;
}

#leistung .box h2 {
    font-size: 22px;
    color: #111;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    margin-bottom: 5px;
}

#leistung .icon {
    position: absolute;
    top: -36px;
    left: calc(50% - 36px);
    transition: 0.2s;
    border-radius: 50%;
    border: 6px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    width: 72px;
    height: 72px;
    background: #8ac43f;
}

#leistung .icon a {
    display: inline-block;
}

#leistung .icon i {
    color: #fff;
    font-size: 24px;
}

#leistung .box:hover .icon {
    background: #fff;
    border: 2px solid #8ac43f;
}

#leistung .box:hover .icon i {
    color: #8ac43f;
}

#leistung .box:hover .icon a {
    color: #8ac43f;
}

#leistung .title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

#leistung .title a {
    color: #111;
}

#leistung .description {
    font-size: 1rem;
    line-height: 24px;
}

/* Unter dem Team
--------------------------------*/

#team-gross {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)),
        url(../Images/Team_gross_neu.jpg) fixed center center;
    background-size: cover;
    padding: 120px 0;
}

/*
#cteam-gross .cta-title {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

#team-gross .cta-text {
  color: #fff;
}
*/

@media (min-width: 769px) {
    #team-gross .cta-btn-container {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}

#team-gross .cta-btn {
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 30px;
    border-radius: 50px;
    transition: 0.5s;
    margin: 10px;
    border: 2px solid #fff;
    color: #fff;
}

#team-gross .cta-btn:hover {
    background: #8ac43f;
    border: 2px solid #8ac43f;
}

/* Rufen Sie uns an
--------------------------------*/

#call-to-action {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)),
        url(../Images/seehilfen_web_neu.jpg) fixed center center;
    background-size: cover;
    padding: 80px 0;
}

#call-to-action .cta-title {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
}

#call-to-action .cta-text {
    color: #fff;
}

@media (min-width: 769px) {
    #call-to-action .cta-btn-container {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}

#call-to-action .cta-btn {
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 30px;
    border-radius: 50px;
    transition: 0.5s;
    margin: 10px;
    border: 2px solid #fff;
    color: #fff;
}

#call-to-action .cta-btn:hover {
    background: #8ac43f;
    border: 2px solid #8ac43f;
}

/* Portfolio Section
--------------------------------*/

#sortiment {
    background: #f7f7f7;
    padding: 80px 0;
}

#sortiment #portfolio-wrapper {
    padding-right: 15px;
}

#sortiment #portfolio-flters {
    padding: 0;
    margin: 0 0 45px 0;
    list-style: none;
    text-align: center;
}

#sortiment #portfolio-flters li {
    cursor: pointer;
    margin: 0 10px;
    display: inline-block;
    padding: 10px 22px;
    font-size: 12px;
    line-height: 20px;
    color: #666666;
    border-radius: 4px;
    text-transform: uppercase;
    background: #fff;
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
}

#sortiment #portfolio-flters li:hover,
#sortimento #portfolio-flters li.filter-active {
    background: #8ac43f;
    color: #fff;
}

#sortiment .portfolio-item {
    position: relative;
    height: 200px;
    overflow: hidden !important;
    margin-bottom: 15px;
    transition: all 350ms ease;
    transform: scale(1);
}

#sortiment .portfolio-item a {
    display: block;
    margin-right: 15px;
}

#sortiment .portfolio-item img {
    position: relative;
    top: 0;
    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    /*border-radius: 4px;*/
    max-width: 550px;
    height: auto;
}

#sortiment .portfolio-item .details {
    height: 50px;
    background: #8ac43f;
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: -50px;
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#sortiment .portfolio-item .details h4 {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 8px 0 2px 8px;
    margin: 0;
}

#sortiment .portfolio-item .details span {
    display: block;
    color: #fff;
    font-size: 13px;
    padding-left: 8px;
}

#sortiment .portfolio-item:hover .details {
    bottom: 0;
}

#sortiment .portfolio-item:hover img {
    top: -30px;
}

/* Team Section
--------------------------------*/

#team {
    background: #fff;
    padding: 80px 0 0 0;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #108d6f;
    border-color: #108d6f;
    box-shadow: none;
    outline: none;
}

.btn-primary {
    color: #fff;
    background-color: #8ac43f;
    border-color: #8ac43f;
}

section {
    padding: 60px 0;
}

section .section-title {
    text-align: left;
    color: #8ac43f;
    margin-bottom: 50px;
    text-transform: normal;
}

#team .card {
    border: none;
    background: #f7f7f7;
}

.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: 0.25rem;
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
}

.backside {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
}

.frontside .card,
.backside .card {
    min-height: 312px;
}

.backside .card a {
    font-size: 2rem;
    color: #8ac43f;
}

.frontside .card .card-title,
.backside .card .card-title {
    color: #8ac43f;
    font-size: 2rem;
}

.frontside .card .card-body img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}
/* Google Map
--------------------------------*/
#map_canvas {
    /*border: 12px solid #f8f8f8;*/
    height: 420px;
    margin: 0 auto;
    max-width: 100%;
}

#map_canvas.street-view .leaflet-tile-pane {
    filter: sepia(0.5) hue-rotate(-20deg) saturate(1.6) brightness(0.95);
}

.directions-summary {
    padding: 10px 0;
    font-size: 1rem;
}

.directions-steps {
    padding-left: 20px;
    margin-top: 8px;
}

.directions-steps li {
    padding: 4px 0;
    border-bottom: 1px solid #eee;
    font-size: 0.9rem;
}

.step-dist {
    color: #888;
    font-size: 0.85rem;
    float: right;
}

/* Kontakt Section
--------------------------------*/

#kontaktformular-42-text-3,
#kontaktformular-42 h2,
#kontaktformular-42 label.form-label,
#kontaktformular-42 .control-label {
    display: none;
}
#kontaktformular-42 .form-control {
    margin: 0 0 10px 0;
}
#kontakt {
    background: #f7f7f7;
    padding: 80px 0 40px 0;
}
#kontakt #google-map {
    height: 300px;
    margin-bottom: 20px;
}

#kontakt .info {
    color: #333333;
}

#kontakt .info i {
    font-size: 32px;
    color: #8ac43f;
    float: left;
}

#kontakt .info p {
    padding: 0 0 10px 50px;
    margin-bottom: 20px;
    line-height: 22px;
    font-size: 14px;
}

#kontakt .info .email p {
    padding-top: 5px;
}

#kontakt .social-links {
    padding: 0 50px 20px;
}

#kontakt .social-links a {
    font-size: 18px;
    display: inline-block;
    background: #333;
    color: #fff;
    line-height: 1;
    padding: 8px 0;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
}

#kontakt .social-links a:hover {
    background: #8ac43f;
    color: #fff;
}

#kontakt .form #sendmessage {
    color: #8ac43f;
    border: 1px solid #8ac43f;
    display: none;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

#kontakt .form #errormessage {
    color: red;
    display: none;
    border: 1px solid red;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

#kontakt .form #sendmessage.show,
#kontakt .form #errormessage.show,
#kontakt .form .show {
    display: block;
}

#kontakt .form .validation {
    color: red;
    display: none;
    margin: 0 0 20px;
    font-weight: 400;
    font-size: 13px;
}

#kontakt .form input,
#kontakt .form textarea {
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
}

#kontakt .form button[type="submit"] {
    background: #8ac43f;
    border: 0;
    padding: 10px 24px;
    color: #fff;
    transition: 0.4s;
}

#kontakt .form button[type="submit"]:hover {
    background: #51d8ad;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer {
    background: #1a2966;
    padding: 30px 0;
    color: #fff;
    font-size: 14px;
}

#footer .copyright {
    text-align: center;
}

#footer .credits {
    padding-top: 10px;
    text-align: center;
    font-size: 13px;
    color: #ccc;
}

/*--------------------------------------------------------------
# Carousel with Items
--------------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 991px) {
    /* Show 4th slide on md if col-md-4*/
    .carousel-inner
        .active.col-md-4.carousel-item
        + .carousel-item
        + .carousel-item
        + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;
        /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm if col-sm-6*/
    .carousel-inner
        .active.col-sm-6.carousel-item
        + .carousel-item
        + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;
        /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}

@media (min-width: 576px) {
    .carousel-item {
        margin-right: 0;
    }
    /* show 2 items */
    .carousel-inner .active + .carousel-item {
        display: block;
    }
    .carousel-inner
        .carousel-item.active:not(.carousel-item-right):not(
            .carousel-item-left
        ),
    .carousel-inner
        .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
        + .carousel-item {
        transition: none;
    }
    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be also positioned for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

/* MD */

@media (min-width: 768px) {
    /* show 3rd of 3 item slide */
    .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    .carousel-inner
        .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
        + .carousel-item
        + .carousel-item {
        transition: none;
    }
    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .carousel-item-next.carousel-item-left
        + .carousel-item
        + .carousel-item
        + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction */
    .carousel-item-prev.carousel-item-right
        + .carousel-item
        + .carousel-item
        + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

/* LG */

@media (min-width: 991px) {
    /* show 4th item */
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    .carousel-inner
        .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
        + .carousel-item
        + .carousel-item
        + .carousel-item {
        transition: none;
    }
    /* Show 5th slide on lg if col-lg-3 */
    .carousel-inner
        .active.col-lg-3.carousel-item
        + .carousel-item
        + .carousel-item
        + .carousel-item
        + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction */
    .carousel-item-next.carousel-item-left
        + .carousel-item
        + .carousel-item
        + .carousel-item
        + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction //t - previous slide direction last item animation fix */
    .carousel-item-prev.carousel-item-right
        + .carousel-item
        + .carousel-item
        + .carousel-item
        + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

/* Accordion */

/* #accordion a {
    font-weight: bold;
}

.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
}

.accordion .card-header.collapsed:after {
    content: "\f067";
} */

/*****************************************
* Accordion
*****************************************/
.accordion-button {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
}

.accordion-button:focus {
    border-color: none !important;
    box-shadow: none !important;
    font-weight: bold !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e") !important;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e") !important;
}

.accordion-item {
    margin: 0 0 10px 0;
}

.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #384378;
}

.accordion-button {
    background-color: #fcf4cc;
}