/* row */
.row {
    margin-left: 0;
    margin-right: 0;
}

/*
Label
responsive handy Unten größer Top
*/
/*xs*/
.label-big {
    color: #fff;
    margin: 0px 0 0 0;
    position: fixed;
    z-index: 99999;
    right: 10%;
    bottom: 100;
    background: #940400;
    padding: 5px 10px;
    border-radius: 5px 5px 5px 5px;
    visibility: hidden;
}

/* sm */
@media (min-width: 768px) {
    .label-big {
        color: #fff;
        margin: 0px 0 0 0;
        position: absolute;
        z-index: 99999;
        right: 2.5%;
        bottom: 100;
        background: #940400;
        padding: 5px 10px;
        border-radius: 0 0 5px 5px;
        visibility: visible;
    }
}

/*xs*/
.label-small {
    color: #fff;
    margin: 0px 0 0 0;
    position: fixed;
    z-index: 99999;
    right: 2.5%;
    bottom: 0;
    background: #940400;
    padding: 5px 10px;
    border-radius: 5px 5px 0px 0px;
    visibility: visible;
}

/* sm */
@media (min-width: 768px) {
    .label-small {
        color: #fff;
        margin: 0px 0 0 0;
        position: absolute;
        z-index: 99999;
        right: 10%;
        bottom: 100;
        background: #940400;
        padding: 5px 10px;
        border-radius: 0 0 5px 5px;
        visibility: hidden;
    }
}

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

/* 
    'Charlemagne Std bold'
    */

html {
    scroll-behavior: smooth
}

#impressum a {
    color: #940400
}


body a {
    cursor: pointer
}

.card-title {
    font-family: charlemagne-std, serif;
    font-style: normal;
    font-size: small;

}

h1 {
    font-family: charlemagne-std, serif;
    font-style: normal;
    font-size: small;
}

/* xs */
h2 {
    font-family: charlemagne-std, serif;
    font-style: normal;
    font-size: small;
}

/*
    'Roboto Medium'
    */
.nav-item {
    font-family: 'Roboto Regular';
    font-size: medium;
}

.subtitle {
    font-family: 'Roboto Medium';
    font-size: small;

}


/*
        'Roboto Regular'
        */
p {
    font-family: 'Roboto Regular';
    font-size: small;
}

li {
    font-family: 'Roboto Regular';
    font-size: small;
}

.card-text {
    font-family: 'Roboto Regular';
    font-size: small;
}

h4 {
    font-family: 'Roboto Regular';
    font-size: small;
}

h3 {
    font-family: charlemagne-std, serif;
    font-style: normal;
    font-size: small;
}

h5 {
    font-family: charlemagne-std, serif;
    font-style: normal;
    font-size: small;
}

.btn {
    font-size: small;
}

/* sm */
@media(min-width:400px) {
    .btn {
        font-size: large;
    }

    h2 {
        font-family: charlemagne-std, serif;
        font-style: normal;
        font-size: 2rem;

    }

    .card-title {
        font-family: charlemagne-std, serif;
        font-style: normal;
        font-size: 2rem;

    }

    h1 {
        font-family: charlemagne-std, serif;
        font-style: normal;
        font-size: 2.25rem;
    }

    h3 {
        font-family: charlemagne-std, serif;
        font-style: normal;
        font-size: 1.75rem;
    }

    h5 {
        font-family: charlemagne-std, serif;
        font-style: normal;
        font-size: 1.25rem;
    }
    
 
    /*
    'Roboto Medium'
    */
    .nav-item {
        font-family: 'Roboto Regular';
        font-size: large;
    }

    .subtitle {
        font-family: 'Roboto Medium';
        font-size: 25px;

    }

    /*
    'Roboto Regular'
    */
    p {
        font-family: 'Roboto Regular';
        font-size: large;
    }

    li {
        font-family: 'Roboto Regular';
        font-size: large;
    }

    .card-text {
        font-family: 'Roboto Regular'
    }

    h4 {
        font-family: 'Roboto Regular';
        font-size: 1.5rem;
    }
}


/*
Farben
*/
.ci-red {
    color: #940400;
}

.ci-white {
    color: white;
}

/*
Hintergründe 
*/
.z-up {
    z-index: 80;
}

.wh-bg {
    background-color: #f4f4f4;
    opacity: 0.95;

}

.red-bg-nav {
    background-color: rgba(148, 4, 0);


}

.red-bg {
    background-color: rgba(148, 4, 0, .5);
    z-index: -1;

}

.red-content {
    opacity: 1;
    overflow: hidden;
}

.img-bg {
    background-image: url("../images/holz-textur.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    /*
    height: 70vh;
    */
}

.vorsorge-bg {
    background-image: url("../images/zweig-blueten.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;

}

.erde-bg {
    background-image: url("../images/erdbestattung.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3%;

}

.card-body-bg:hover{
transition: 0.4s;
}

.card-body-bg:hover{
    background: rgba(255,255,255, 1);
    transition: 0.4s;
    cursor: pointer
}

.feuer-bg {
    background-image: url("../images/feuerbestattung.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3%;
}

.see-bg {

    background-image: url("../images/seebestattung.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3%;

}

.natur-bg {
    background-image: url("../images/wald-panorama.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3%;
}

.card-body-bg {
    background-color: rgb(244, 244, 244, .7);
    border-radius: 3%;
}

/* xs */
.bg-container {
    padding-top: 9.375rem;
    padding-bottom: 9.375rem;
    overflow: hidden;
}

/* sm */
@media (min-width: 768px) {
    .bg-container {
        padding-top: 15.625rem;
        padding-bottom: 15.625rem;
        overflow: hidden;
    }
}

/*
Links
*/
/*
    xs
    */
.white-navlink {
    text-decoration: none;
    color: #f4f4f4;
    visibility: hidden;
}

/*
    sm
    */
/* sm */
@media (min-width: 768px) {
    .white-navlink {
        text-decoration: none;
        color: #f4f4f4;
        visibility: visible;
    }
}



/*
Parallax elemente
*/
.parallax1 {
    /* Bild */
    background-image: url("../images/baumstamm-blueten.jpg");

    /* Höhe */
    height: 90vh;

    /* parallax scrolling Effekt
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
     */
}

/* xs */
.parallax2 {
    /* Bild */
    background-image: url("../images/wald-panorama.jpg");

    /* Höhe */
    height: 90vh;

    /* parallax scrolling Effekt */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* sm */
@media (min-width: 768px) {
    .parallax2 {
        /* Bild */
        background-image: url("../images/wald-panorama.jpg");

        /* Höhe */
        height: 50vh;

        /* parallax scrolling Effekt */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

}


/*
 Negativ Margin
 */
.mt-n1 {
    margin-top: -1.5rem !important;
}

.mb-n1 {
    padding-bottom: -2.5rem !important;
    ;
}

/*
responsive img
*/
/*für 320 px*/
.img-icon {
    height: 50px;
}

/* xs */
@media (min-width:400px) {
    .img-icon {
        height: 65px;
    }
}

/* sm */
@media (min-width:768px) {
    .img-icon {
        height: 75px;
    }
}

@media (min-width:1200px) {
    .img-icon {
        height: 65px;
    }
}

@media (min-width:1300px) {
    .img-icon {
        height: 75px
    }
}

/* xs */
.img-nav {
    width: 250px;
    height: auto;
}

/* sm */
@media (min-width: 768px) {
    .img-nav {
        width: 300px;
    }
}

/* md */
@media (min-width: 992px) {
    .img-nav {
        width: 325px;
    }
}

/* lg */
@media (min-width: 1200px) {
    .img-nav {
        width: 350px;
    }
}

/*xs*/
.carousel-inner {
    height: 150px;
    background-color: #F5F5F5;
}

/*
.carousel-img {
    height: 150px;
    margin: auto;
}
*/

.carousel-item img{
    object-fit: scale-down;
      background-color: #F5F5F5;
}

/*sm*/
@media (min-width: 768px) {
    .carousel-inner {
        height: 250px;
        background-color: black;
    }

    .carousel-img {
        height: 250px;
        margin: auto;
    }
}

/*md*/
@media (min-width: 992px) {
    .carousel-inner {
        height: 300px;
        background-color: black;
    }

    .carousel-img {
        height: 300px;
        margin: auto;
    }
}

/*lg*/
@media (min-width: 1200px) {
    .carousel-inner {
        height: 400px;
        background-color: black;
    }

    .carousel-img {
        height: 400px;
        margin: auto;
    }
}


/*
borderradius
*/
.card-rd {
    border-radius: 4%;
}

/* 
Pfeil animation
*/

.bounce {
    -moz-animation: bounce 3s infinite;
    -webkit-animation: bounce 3s infinite;
    animation: bounce 3s infinite;
}

@-moz-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    60% {
        -moz-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    60% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    60% {
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

/* Icons */
.grid-divider {
    overflow-x: hidden;
    position: relative;
}

.grid-divider > [class*="col-"]:nth-child(n + 2):after {
    content: "";
    background-color: grey;
    position: absolute;
    top: 0;
    bottom: 0;

    @media (max-width: 767px) {
        width: 100%;
        height: 1px;
        left: 0;
        top: -4px; // quickfix to center line between columns
    }

    @media (min-width: 768px) {
        width: 1px;
        height: auto;
        left: -1px; // quickfix to hide divider on left side
    }
}

/* Schatten */
.shadow {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border: hidden !important;
}