:root{
    --font-color-white: #fff;
    --color-green: green;

    /* Template Colors */
    --primary: #528c2a;
    --primary-hover: #5b9f2d;

    --secondary: #0169fe;
    --tertiary: #005AEF;
    --quaternary: #383f48;
}
.main{
    min-height: 100vh;
}

.custom-header-bar{
    padding-left: 25px;
}
.custom-header-bar::before{
    background-image: linear-gradient(90deg, rgba(0,36,6,1) 0%, rgba(71,153,21,1) 42%, rgba(18,181,35,1) 100%);
}
.color-white{
    color: var(--font-color-white);
}

/* Sections */
@media (min-width: 576px) {
    section.collapsed{
        transform: translateY(-50%);
    }
}
section.section.section-bg{
    background-color: #f7f7f7;
    background-image: url('/assets/img/flower-watermark.png'), url('/assets/img/patterns/flower-pattern.png');
    background-position: center center,  left top;
    background-repeat: no-repeat, repeat;
    box-shadow: 0 0 6px -3px black inset;
}

/* Headings */
section.section .heading.heading-bg-transparent h2{
    background: transparent;
}

/* Cards */
.card{
    box-shadow: 0 0 10px -7px black;
}

.pull-right{
    float: right;
}

.footer-link{
    padding: 0 10px;
}

/* Header */
.sticky-header-active #header .header-nav.header-nav-line.header-nav-light-text nav > ul > li > a,
.sticky-header-active #header .header-nav.header-nav-line.header-nav-light-text nav > ul > li > a:hover{
    color: black !important;
}

#header .header-body{
    background: #fff;
}
.breadcrumb > li{
    color: white;
}
.breadcrumb > li > a,
.breadcrumb > li > a:hover,
.breadcrumb > li > a:active,
.breadcrumb > li > a:focus{
    color: #69ca27;
}
.breadcrumb > li,
.page-header h1{
    text-shadow: 0 0 6px black;
}

/* Page Header */
.page-header{
    background-size: cover;
    background-position: center;
}

.page-header.page-header-lg{
    padding: 120px 0px;
}
/* Page Header Background-Images */
.page-header-blumenstube{
    background-image: url('/assets/img/page-header/blumenstube.jpg');
}
.page-header-hochzeit{
    background-image: url('/assets/img/page-header/hochzeit.jpg');
}
.page-header-trauerfeier{
    background-image: url('/assets/img/page-header/trauerfeier.jpg');
}
.page-header-trauergespraech{
    background-image: url('/assets/img/page-header/trauergespraech.jpg');
}
.page-header-sprache-der-blumen{
    background-image: url('/assets/img/page-header/sprache-der-blumen.jpg');
}
.page-header-trauersprueche{
    background-image: url('/assets/img/page-header/trauersprueche.jpg');
}
.page-header-geschenkideen{
    background-image: url('/assets/img/page-header/geschenkideen.jpg');
}
.page-header-hofladen{
    background-image: url('/assets/img/page-header/hofladen.jpg');
}
.page-header-ueber-uns{
    background-image: url('/assets/img/page-header/ueber-uns.jpg');
}
.page-header-kontakt{
    background-image: url('/assets/img/page-header/kontakt.jpg');
}

/* Sonstiges */
.thumb-info .thumb-info-title.mirrored-padding{
    padding: 13px 21px;
}
.thumb-info .thumb-info-wrapper.ar-1{
    aspect-ratio: 1;
}

.thumb-info img.landscape,
.product .product-thumb-info .product-thumb-info-image.landscape img {
    width: auto;
    height: 100%;
}

.thumb-info img.portrait,
.product .product-thumb-info .product-thumb-info-image.portrait img {
    width: 100%;
    height: auto;
}

.product .product-thumb-info .product-thumb-info-image{
    aspect-ratio: 1;
}
/* Colorscheme */
#header .header-nav-main nav > ul > li.dropdown:hover > a::before{
    border-bottom-color: var(--primary);
    background: var(--primary);
}
section.page-header .page-header-title-border{
    background-color: var(--primary) !important;
}
.thumb-info .thumb-info-type, .thumb-info .thumb-info-action-icon, .thumb-info-social-icons a, .thumbnail .zoom, .img-thumbnail .zoom, .thumb-info-ribbon{
    background-color: var(--primary);
}
.sort-source.sort-source-style-3 > li.active > a{
    color: var(--primary) !important;
    border-bottom-color: var(--primary) !important;
}
html .text-color-primary,
html .text-primary{
    color: var(--primary) !important;
}
.owl-carousel.show-nav-title .owl-nav button[class*="owl-"], .owl-carousel.show-nav-title .owl-nav button[class*="owl-"]:hover, .owl-carousel.show-nav-title .owl-nav button[class*="owl-"].hover{
    color: var(--primary) !important;
}
a,
a:hover,
a:active,
a:focus{
    color: var(--primary);
}
html .btn-primary{
    background-color: var(--primary);
    border-color: var(--primary);
}
html .btn-primary:hover:not(.bg-transparent), html .btn-primary.hover:not(.bg-transparent){
    background-color: var(--primary-hover);
    border-color: var(--primary-hover)
}
.list.list-icons li > [class*="fa-"]:first-child, .list.list-icons li a:first-child > [class*="fa-"]:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > .icons:first-child{
    border-color: var(--primary);
    color: var(--primary);
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination .page-item.active .page-link{
    background-color: var(--primary) !important;
    border-color: var(--primary);
}
.pagination > a, .pagination > a:hover, .pagination > a:focus, .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
    color: var(--primary);
}

/* Slider */
.tp-splitted.tp-charsplit{
    text-shadow: 0 0 6px black;
    color: white;
}
.tp-caption{
    text-shadow: 0 0 6px black;
}