:root {
  --cassiopeia-color-primary: #1c1d30;
  --cassiopeia-color-hover: #ff6a00;
  --loetbausatz-orange: #ff6a00;
  --cassiopeia-color-link: blue;
  
  --cassiopeia-font-family-body: "Roboto", sans-serif;
  --cassiopeia-font-family-headings: "Roboto", sans-serif;
  --cassiopeia-font-weight-headings: 700;
  --cassiopeia-font-weight-normal: 400;
  --cassiopeia-font-size: 19px;
}
body {
    font-size: 19px;
}


element {

}

    @media (min-width: 992px)

.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: var(--navbar-nav-link-padding-x);
    padding-left: var(--navbar-nav-link-padding-x);

}
.container-header .mod-menu > li > a, .container-header .mod-menu > li > span {

    position: relative;
    color: currentColor;
    text-decoration: none;

}

.nav-link {
    font-size: 18pt;
}

.h4, h4 {
  font-size: calc(1.5rem + .6vw);
}

.card-header {
    background-color: rgba(146,204,76,0.4);
}

.card-body {
    background-color: rgba(146, 204, 76, 0.4);
}

.com-contact.contact > h3 {
  display: none;
}

.hikashop_product_price {
  font-size: 1.25em !important;
}

.grid-child.container-nav {
  justify-content: end;
}

.nav-link.active {
  color: white !important;
}

/* "Kontakt" button bei hover orange machen */
.container-footer .nav-link.active:hover {
  color: var(--cassiopeia-color-hover) !important;
}

@media only screen and (min-width: 993px){
  .grid-child.container-nav {
    justify-content: center;
  }
}



.container-header{
  background-image: none;
  background-color: #1c1d30;
}

.container-header .mod-menu > li{
  height: 40px;
  line-height: 40px;
}

.container-header nav{
  margin-top: 0em;
}

.mintbegeistertimage{
}


@media only screen and (max-width: 1050px){
  .nav-item.item-101 {
    margin-bottom: 15px;
  }
}


/* Setze unterstrich für LotBausatz und Einkaufswagen runter */
.container-header .mod-menu > li.item-101::after{
  position: relative;
  transform: translateY(-7px);
}
.container-header .mod-menu > li.item-129::after{
  position: relative;
  transform: translateY(-7px);
}

@media only screen and (min-width: 1049px){
    .nav-item.item-198{
  		margin-left: 400px !important;
	}
}
@media only screen and (min-width: 1530px){
    .nav-item.item-198{
  		margin-left: 5vw !important;
	}
  .nav-item.item-109{
    margin-left: 5vw!important;
	}
}
@media only screen and (min-width: 1677px){
    .nav-item.item-198{
  		margin-left: 9vw !important;
	}
  .nav-item.item-109{
    margin-left: 9vw !important;
	}
}
@media only screen and (min-width: 1811px){
    .nav-item.item-198{
  		margin-left: 12vw !important;
	}
  .nav-item.item-109{
    margin-left: 12vw !important;
	}
}

.mod-menu__sub.list-unstyled.small.dropdown-menu.show {
  display: block;
}

.zudenbaussetzen{
  padding-right: 20px !important;
  padding-left: 20px !important;
}


.linkhintergrund {
  position: absolute;
  transform: translateY(10%) translateX(-10%);
  width: 120px;
  height: 35px;
  z-index: -1;
}

.einkaufswagenimage{
  width: 55px;
}


/*homepage style */

.container-component.full-width {
  grid-column-start: full-start !important;
  grid-column-end: full-end !important;
}

.page-header { /* versteckt Beitrag Titel*/
  visibility: hidden;
  height: 0px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.item-title { /* versteckt Beitrag Title auf der main page, wo mehrere Beiträte untereinander angezeigt werden*/
  visibility: hidden;
  height: 0px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.site-grid {
  display: flex;
}

main {
  margin-top: 0em !important;
  width: 100%;
}

.bgherotitle{
  height: 25vh;
  background-color: #404040;
  background-size:cover;
  position:relative;
  min-height: 150px;
}

.bgsimpletitle{
  height: 30vh;
  background-color: #f2f2f2;
  background-size:cover;
  position:relative;
  min-height: 250px;
}
@media only screen and (min-width: 744px){
  @media only screen and (min-width: 744px){
    .bgsimpletitle{
  	height: 20vh;
  	background-color: #f2f2f2;
  	background-size:cover;
  	position:relative;
  	min-height: 120px;
}
  }
}


.hero-text{
  text-align: center;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  color:white;
}

.simple-text{
  text-align: center;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
}

.hero_title{
  font-size: 2.5rem;
}
@media only screen and (min-width: 600px){
    .hero_title{
  font-size: 3rem;
}
}

.simple_title{
  font-size: 2rem;
}



/* image for phones */
.heroimage{
  height: 50vh;
  background: url('/images/hero_image_phone.jpg');
  background-size:cover;
  position:relative;
}

/* image for medium screens */
@media only screen and (min-width: 600px){
    .heroimage{
  		background: url('/images/hero_image_small.jpg');
      	background-size: cover;
        height:65vh;
	}
}

/* image for bigger screens */
@media only screen and (min-width: 1100px){
    .heroimage{
  		background: url('/images/hero_image.jpg');
      	background-size: cover;
        height:65vh;
	}
}

.space{
    height:10vh;
}

.perks_list {
  display: flex;
  align-items: center;
  height: 100vh;
  min-height: 400px;
  padding-left:40px;
}

.produkt_short_perks {
  background-color: #cfcdcb;
}

.produkt_centered_description {
  background-color: #404040;
  color: white;
  padding-top: 20px;
  padding-bottom: 20px;
}
.produkt_centered_description {
  padding: 60px 0px 60px 0px;
  text-align: center;
}

.produkt_perk_with_image .col-lg-6 {
  padding: 0 0 0 0;
}


.perk_desc {
  padding: 60px 40px 0px 40px;
  height: 400px;
}

.img_perk {
  background-size: cover;
  background-position: center;
}

.footer{
  background-color: #1c1d30;
  background-image: none;
}
.container-footer.footer.full-width {
  margin-top: 0;
}

body.wrapper-fluid .grid-child{
  max-width:100%;
}

footer > .grid-child > .navbar.navbar-expand-lg {
  text-align: center;
  justify-content: center;
  margin: auto;
}
.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {
  margin: auto;
}
@media only screen and (min-width: 900px){
  .mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media only screen and (min-width: 1300px){
  .mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

footer > .grid-child > .navbar > .navbar-toggler.navbar-toggler-right {
  color: white;
}

.grid-child.container-component {
  align-items: center;
  justify-content: center;
}

.com-users-login.login {
  width: 40vw;
  min-width: 400px;
  margin: 0 auto;
}

.hikashop_products_listing {
  width: 60vw;
  min-width: 600px;
  margin: 0 auto;
  padding-top: 5vh;
}

.hikashop_product_listing_image {
  border-radius: 5px;
  margin-top: 30px;
}

.hikabtn.hikacart {
  background-color: #7492cb;
  border-color: #7492cb;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 25px;
}
.hikabtn.hikacart:hover, .hikabtn.hikacart:focus {
  background-color: #6984b8;
  border-color: #6984b8;
}
.hikashop_products_listing .hikashop_product_price_full {
  margin-top: 30px;
}
.hikashop_products_listing .hikashop_product_price.hikashop_product_price_0 {
  font-style: normal;
  color: #f0f0f0;
}
.hikashop_product_price_per_unit {
  display: none;
}

#hikashop_category_information_menu_116 {
  background-color: #404040;
}
.hikashop_footer {
  background-color: #404040;
}
.hikashop_submodules {
  background-color: #404040;
}

.hikashop_product_name a {
  color: #f0f0f0 !important;
}

.hikashop_subcontainer.thumbnail {
  background: #1c1d30 !important;
}

.hikashop_footer {
  font-size: 12px;
}

.chosen-single {
  border: white !important;
  margin-left: 10px;
  filter: invert(0.87);
}

.hikashop_results_counter {
  color: #d0d0d0 !important;
}

.hikashop_products_pagination .list-footer .limit {
  color: #d0d0d0 !important;
}

.hikashop_footer > a {
  color: #d0d0d0;
}
.hikashop_footer > a:hover {
  color: #7492cb;
}
.hikashop_submodules {
  height: 40vh;
}
.hikashop_products_pagination.hikashop_products_pagination_bottom {
  padding-top: 10vh;
}

.linkButton{
    background-color: var(--loetbausatz-orange);
    border:none;
    color: white;
    padding:5px 15px;
    text-align: center;
    text-decoration: none;
    display:inline-block;
    font-size: 18px;
    margin:4px 2px;
    cursor:pointer;
    border-radius : 22px;
}

/* show 'Inkl. MWST, zzgl. Versand' only on product details page */
.mwsthint {
  display: none;
}

.hikashop_product_price_main .mwsthint {
  display: inline;
}

/*cookie stuff*/
#cc--main {
  position: sticky !important;
  z-index: 1000000;
  bottom: 0;
  right: 2em;  
}

#cc--main #cm {
	position: inherit;
  	max-width: unset;
}