/*!
 * Start Bootstrap - Creative v5.0.1 (https://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE)
 */
.dropdown-toggle.active-dropdown::after {
    transform: rotate(-90deg);
}
/*=-====Bootstrapthemes.co btco-hover-menu=====*/

.navbar-light .navbar-nav .nav-link {
    color: rgb(64, 64, 64);
}
.btco-hover-menu a ,  .navbar > li > a {
    text-transform: capitalize;
    padding: 10px 15px;
}
@media(max-width: 991px){
    button.navbar-toggler {
        margin: 0 auto 20px;
        background: #fff;
    }
    .btco-hover-menu a, .navbar > li > a {
        padding: 10px 15px;
        width: 100%;
        text-align: center;
    }
}
.btco-hover-menu .active a,
.btco-hover-menu .active a:focus,
.btco-hover-menu .active a:hover,
.btco-hover-menu li a:hover,
.btco-hover-menu li a:focus ,
.navbar>.show>a,  .navbar>.show>a:focus,  .navbar>.show>a:hover{
    color: #000;
    background: transparent;
    outline: 0;
}

#rechtliches{
    padding: 6.25rem 0 3.4375rem;
}

/*submenu style start from here*/


.dropdown-menu {
    padding: 0px 0; 
    margin: 0 0 0; 
    border: 0px solid transition !important;
    border: 0px solid rgba(0,0,0,.15);	
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;

}


/*first level*/
/* .btco-hover-menu .collapse ul > li:hover > a{background: #f5f5f5;} */
/* .btco-hover-menu .collapse ul ul > li:hover > a, .navbar .show .dropdown-menu > li:hover{background: rgba(240,95,64,.9)} */

/*second level*/
.btco-hover-menu .collapse ul ul ul > li:hover > a{background: white}

/*third level*/
.btco-hover-menu .collapse ul ul, .btco-hover-menu .collapse ul ul.dropdown-menu{background: white}
.btco-hover-menu .collapse ul ul ul, .btco-hover-menu .collapse ul ul ul.dropdown-menu{background:white}
.btco-hover-menu .collapse ul ul ul ul, .btco-hover-menu .collapse ul ul ul ul.dropdown-menu{background:white}

/*Drop-down menu work on hover*/
.btco-hover-menu{background: none;margin: 0;padding: 0;min-height:20px}

@media only screen and (max-width: 1240px) {
    .btco-hover-menu .show > .dropdown-toggle::after{
        transform: rotate(-90deg);
    }
}
@media only screen and (min-width: 1240px) {

    .btco-hover-menu .collapse ul li{position:relative;}
    .btco-hover-menu .collapse ul li:hover> ul{display:block}
    .btco-hover-menu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
    /*******/
    .btco-hover-menu .collapse ul ul li{position:relative}
    .btco-hover-menu .collapse ul ul li:hover> ul{display:block}
    .btco-hover-menu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
    /*******/
    .btco-hover-menu .collapse ul ul ul li{position:relative}
    .btco-hover-menu .collapse ul ul ul li:hover ul{display:block}
    .btco-hover-menu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}


 .form-control {
     margin-left: auto;
     margin-right: auto;
 }

body, html {
    width: 100%;
    height: 100%
}

body {
    margin-top: 160px !important;
    font-family: 'Helvetica Neue',Arial,sans-serif
}

hr {
    max-width: 50px;
    border-width: 3px;
    border-color: #5c2b1a;
}


/*Account Edit*/

.list-link.active {
    color:black !important;
}

.list-link {
    color:#5c2b1a !important;
}

.card-body.accountEdit {
    padding: 2rem !important;
}

.list-link.active::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2rem;
    border-right: 4px solid#5c2b1a;
}

.registerForm, .loginForm hr {
    max-width: none;
}


a {
    /*color:#5c2b1a;*/
    color: rgb(72, 192, 255);
    -webkit-transition: all .2s;
    transition: all .2s;
    text-decoration: none !important;
}

    a:hover {
        color:#5c2b1a;
         text-decoration: none !important;
    }

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif
}

.bg-dark {
    background-color: #212529 !important
}

section {
    padding: 4rem 0;

}

.sectionLight {
    padding: 4rem 0;
}

.section-heading {
    margin-top: 10px;
}

::-moz-selection {
    color: #fff;
    background: #212529;
    text-shadow: none
}

::selection {
    color: #fff;
    background: #212529;
    text-shadow: none
}

img::-moz-selection {
    color: #fff;
    background: 0 0
}

img::selection {
    color: #fff;
    background: 0 0
}

img::-moz-selection {
    color: #fff;
    background: 0 0
}

#mainNav {
    border-bottom: 1px solid rgba(33,37,41,.1);
    background-color: #F3E7CE;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    -webkit-transition: all .2s;
    transition: all .2s
}

    #mainNav .navbar-brand {
        font-weight: 700;
        text-transform: uppercase;
        color: #000000;
        font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif
    }

        #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
            color:#5c2b1a
        }

    #mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
        font-size: 1.1rem;
        font-weight: 400;
        text-transform: none;
        color: #212529;
    }

        #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:hover {
            color:#5c2b1a;
        }

        #mainNav .navbar-nav > li.nav-item > a.nav-link.active, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active {
            color:#5c2b1a !important;
            background-color:#5c2b1a;
        }

            #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active:hover {
                background-color:#5c2b1a;
            }

@media (min-width:1240px) {
    .top-nav {
        height: 95px;
        position: fixed;
        width: 100%;
        display: block;
        background: url(/Portal/Customers/Wuensche/101/Images/Rauten_breit.jpg);
        top: 0;
        z-index: 9;
        background-position: center center;
    }
    .logo-link {
        position: absolute;
        left: 50%;
        transform: translate(-50%, -40px);
    }
    img.logo {
        width: 500px;
    }
    #mainNav {
        top: 95px;
        border-color: #F3E7CE;
        background-color:#F3E7CE;
    }

        #mainNav .navbar-brand {
            color: rgba(255,255,255,.7);
        }

            #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
                color: #fff;
            }

        #mainNav .navbar-nav > li.nav-item > a.nav-link {
            padding: 1.2rem 1rem
        }

            #mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
                color: #000;
            }

                #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:hover {
                    color: #000;
                }

        #mainNav.navbar-shrink {
            border-bottom: 1px solid rgba(33,37,41,.1);
        }

            #mainNav.navbar-shrink .navbar-brand {
                color:#5c2b1a
            }

                #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {
                    color:#5c2b1a
                }

            #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus {
                color: #212529
            }

                #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover {
                    color:#5c2b1a
                }
}

header.masthead {
    padding-top: 10rem;
    padding-bottom: calc(10rem - 56px);
    background-image: url(/Customers/Wuensche/268/Images/background2.jpg);
    background-position: center center;
    background-size: cover;
        position: relative;
}
header.masthead:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
}
.masthead > * {
    z-index: 9;
}
.masthead a:not(.btn) {
    text-decoration: underline !important;
}

    header.masthead hr {
        margin-top: 30px;
        margin-bottom: 30px
    }

    header.masthead h1 {
        font-size: 2rem
    }

    header.masthead p {
        font-weight: 300
    }

@media (min-width:768px) {
    header.masthead p {
        font-size: 1.15rem
    }
}

@media (min-width:1240px) {
    header.masthead {
        /*height: 100vh;*/
        min-height: 650px;
        /*padding-top: 0;
        padding-bottom: 0*/
    }

        header.masthead h1 {
            font-size: 3rem
        }
}

@media (min-width:1200px) {
    header.masthead h1 {
        font-size: 4rem
    }
}

img.logo {
    width: auto;
    /*height: 120px;*/
    max-width: 100%;
}

.service-box {
    max-width: 400px
}

.portfolio-box {
    position: relative;
    display: block;
    max-width: 650px;
    margin: 0 auto
}

    .portfolio-box .portfolio-box-caption {
        position: absolute;
        bottom: 0;
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        opacity: 0;
        color: #fff;
        background: rgba(240,95,64,.9);
        -webkit-transition: all .2s;
        transition: all .2s
    }

        .portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
            position: absolute;
            top: 50%;
            width: 100%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            text-align: center
        }

            .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
                padding: 0 15px;
                font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif
            }

            .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
                font-size: 14px;
                font-weight: 600;
                text-transform: uppercase
            }

            .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
                font-size: 18px
            }

    .portfolio-box:hover .portfolio-box-caption {
        opacity: 1
    }

    .portfolio-box:focus {
        outline: 0
    }

@media (min-width:768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 16px
    }

    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 22px
    }
}

.text-primary {
    color:#5c2b1a !important
}

.btn {
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    border-radius: unset;
}

.btn-xl {
    padding: 1rem 2rem
}

.btn-primary {
    background-color:#5c2b1a;
    border-color:#5c2b1a
}

    .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
        color: #fff;
        background-color: #ee4b28 !important
    }

    .btn-primary:active, .btn-primary:focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(240,95,64,.5) !important;
        box-shadow: 0 0 0 .2rem rgba(240,95,64,.5) !important
    }


.btn-outline-primary {
    color:#5c2b1a
}

    .btn-outline-primary:active, .btn-outline-primary:focus, .btn-outline-primary:hover {
        color: #fff;
        background-color: #ee4b28 !important
    }

    .btn-outline-primary:active, .btn-outline-primary:focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(240,95,64,.5) !important;
        box-shadow: 0 0 0 .2rem rgba(240,95,64,.5) !important
    }


h2.section-heading.text-white{
    color:black !important;
}
body footer#rechtliches {
    background-color: #F3E7CE !important;
    color:#000 !important; 
}
 .navbar-link-footer{
     color:#000 !important; 
     display: inline;
     padding: 5px;
   }   
 .navbar-link-footer:hover{
     color:#74bfaa !important;
}

.btn-link{
    color:#74bfaa;
}


.btn-link:hover{
    color:#74bfaa;
}
.badge-primary{
    background-color:#74bfaa;
    margin-left: 10px;
}

.shop{
    height: -moz-available;          /* WebKit-based browsers will ignore this. */
    height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    height: fill-available;
}

.flex-wrap-shop{
        position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}


.list-group-item.active {
     background-color:#5c2b1a;
    border-color:#5c2b1a;   
}

.ol-zoom{
    top: 4.5em !important;
}

.card-columns {
    column-count: 4;
}

.btn{
white-space:normal !important;
}

.pointer {cursor: pointer;}

      .ol-popup {
        position: absolute;
        background-color: white;
        -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
        filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
        padding: 15px;
        border-radius: 10px;
        border: 1px solid #cccccc;
        bottom: 12px;
        left: -50px;
        min-width: 250px;
        text-align: center;
      }
      .ol-popup:after, .ol-popup:before {
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
      }
      .ol-popup:after {
        border-top-color: white;
        border-width: 10px;
        left: 48px;
        margin-left: -10px;
      }
      .ol-popup:before {
        border-top-color: #cccccc;
        border-width: 11px;
        left: 48px;
        margin-left: -11px;
      }
      .ol-popup-closer {
        text-decoration: none;
        position: absolute;
        top: 2px;
        right: 8px;
      }
      .ol-popup-closer:after {
        content: "✖";
      }
      .boldText{
        font-weight: bold;
      }

    .companyColor{
        color: #5c2b1a;
    }

    .spacer{
        height: 20px;
    }
       .spacerMedium{
        height: 100px;
    }

   .spacerBig{
        height: 500px;
    }

.cardBread{
        display: inline-flex;
    }



.backgroundWhite{
    background-color: #FFFFFF;
}

.accountText{
    text-align: left;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.registerI{
    margin:5px;
    display: block;
    visibility: hidden;
}


.cartItems{
    float:left;
     border-top: 0px !important;
}

.cartBorder{
    border-top: 2px solid #dee2e6;
}

.cartBorderThin{
    border-top: 1px solid #dee2e6;
}

.sumInCartBlock{
    position: absolute;
    display: inline-flex;
}

 @media all and (min-width:1240px) {
    .sumInCartBlock{
        position: inherit;
        display: inline-flex;
    }
 }

.filterStores{
    display: block;
}

 @media all and (min-width:1240px) {
    .filterStores{
        display: contents;
    }
 }

.filterProducts{
    display: initial;
}

 @media all and (min-width:1240px) {
    .filterProducts{
        display: none;
    }
 }


 .filterProductsNot{
    display: none;
}

 @media all and (min-width:1240px) {
    .filterProductsNot{
        display: initial;
    }
 }
 .maxWidth85{
     max-width: 85%;
 }

.cartTable{
    margin-left: auto !important;
    margin-right: auto !important;
    width: 75% !important;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse;
    box-sizing: border-box;
    text-align: center !important;
}

.cartTable button.btn.btn-info{
    margin-bottom: 3px;
}

.cartTable button.btn.btn-danger{
    margin-bottom: 3px;
}


.cartTable td{
    height: 50px;
}

.validation-summary-valid.col-12.col-md-6.offset-md-3.text-left.alert.alert-danger{
    display: none;
}

.field-validation-valid{
    display: none;
}

.validationSum ul {
    list-style-type: none;
}

.productNumberInput{
    max-width:50px;
    height:36px;
}

.card-deckCustom {
    display: block;
}

@media (min-width: 576px){
    .card-deck .card {
        margin-bottom: 15px;
    }
}

.activeASSM {
    color: #212529;
    background-color: #e9ecef !important;
}


.accordion input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.accordion__content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s;
}
.accordion input:checked ~ .accordion__content {
  max-height: 10rem;
}

/* Visual styles */
.accordion-container {

  color: #000;
  overflow: hidden;
}
.accordion {
    padding: 1rem 0;
}
.accordion__label,
.accordion__close {
  display: flex;
  color: #000;
  cursor: pointer;
}
.accordion__label {
    justify-content: space-between;
    padding: 0 0 0.5rem;
    font-size: 18px;
    margin: 0;
}
.accordion__label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transform: rotate(90deg);
  transition: all 0.35s;
}
.accordion input:checked + .accordion__label::after {
  transform: rotate(270deg);
}
.accordion__content p {
  margin: 0;
  padding: 1rem 0 ;
}
.accordion__close {
  justify-content: flex-end;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
}