/*
:root {
    --ce-intro-arrow-color: #ffffff;
}

[data-bs-theme="dark"] {

    --ce-intro-arrow-color: #1c1c1c;;

}
*/


/* ------------ Main Page Intro */
.main .page-main-intro:after {
    content: "";
    position: relative;
    z-index: 1;
    bottom: -40px;
    left: 50%;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid var(--bs-body-bg);

}


/* ----------- IMG Rahmen */
.thumbnail {
    border: 1px solid #ddd;
}

/* ------------ Hero */
/* ----------- Produkte */
.hero.is-primary h2 {
    color:white;
}

.hero.is-light {
    background-color: var(--ce-hero-light-background-color);
}

.hero.is-light,
.hero.is-light p,
.hero.is-light h3 {
    color: var(--ce-hero-light-color);
}

.hero.is-light::after {
    content: "";
    position: relative;
    z-index: 1;
    bottom: -20px;
    left: 50%;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid var(--ce-hero-light-background-color);
}


/* -------------------- */
/* ----------- Content Element */
.ce-awesome {
    background-color: #0E7AC4;
    color: white;
}
.ce-herounit {
    background-color: #f5f5f5;
    color: #363636;
}


/* ----------- Content Element Startseite */
/* ----------- BEGIN HERO Unit */
.hero {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hero-body {
    flex-grow: 1;
    flex-shrink: 0;
    padding: 3rem 1.5rem;
}

.hero.is-primary a {
    color:white;
    text-decoration:underline;
}
.hero.is-primary a:hover {
    background-color:white;
    color:#306090;
    text-decoration: none;
}
.hero.is-primary::after {
    content: "";
    position: relative;
    z-index: 999;
    bottom: -20px;
    left: 50%;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #306090;
}

.has-text-centered {
    text-align: center !important;
}

/* -------------- */
.bg-dark.arrow-down::after {
    content: "";
    position: relative;
    z-index: 999;
    bottom: -41px;
    left: 50%;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid var(--bg-color-dark);
}
/* ----------- BEGIN HERO Unit - DARK */
.hero.is-dark {
    background-color: #363636;
    color: #f5f5f5;
}
.hero.is-dark h2 {
    color:white;
}
.hero.is-dark a {
    color:white;
}

.hero.is-dark.hero-arrow {
    background-color: #222;
}
.hero.is-dark.hero-arrow::after {
    content: "";
    position: relative;
    z-index: 999;
    bottom: -20px;
    left: 50%;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #222;
}
/* ----------- END HERO Unit - DARK */

.hero-arrow p {
    margin-bottom:0px;
}


.hero.is-primary {
    background-color: #306090;
    color: #fff;
}
.hero.is-primary  h3 {
    color: #fff;
}
.hero.is-primary .btn {
    background-color:white;
    color: #306090;
    border-color:none;

}
.hero.is-primary .btn:hover {
    box-shadow: none;
    background-color:white;
    color:#306090;
}

/* ----------- END HERO Unit */



/* ----------- Responsive */
/* ----------- Screen | Mobile */
@media (max-width: 992px) {
    /* ------------ Main Page Intro */
    .page-main-intro {
        margin-top:0px !important;
    }
    .hero-body {
        padding:0px;
        padding-top:3rem;
    }
}