/* 22.10.2025 */

body {
	
	.page-wrapper {
    
	}
	
	font-family: 'FrutigerLTPro-Roman', Arial, 'Helvetica Neue', Helvetica, sans-serif !important; 
	
	font-size: 17px !important; 
	
	
	
	
	.header-primary-container {
	 padding-top: 0px;
	}
	
	.headings-font, .main-font, h1, h2, h3, h4, h5 {
	   font-family: 'FrutigerLTPro-Roman', Arial, 'Helvetica Neue', Helvetica, sans-serif;
	}
	
  h1, .h1 {
      font-family: "InsigniaLTPro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
      font-size: 60px !important;
      margin-bottom: 15px !important;
      margin-top: 0;
      text-transform: none;
      font-weight: unset !important;
  }
  
  h2,.h2 {
    font-family: "FrutigerLTPro-Bold","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 30px
  }
  
  h3,.h3 {
      font-family: "FrutigerLTPro-Roman","Helvetica Neue",Helvetica,Arial,sans-serif;
      font-size: 20px;
      line-height: 22px;
      margin-bottom: 30px
  }
  
  #maincontent .product-info-main .page-title-wrapper .page-title {
	  line-height: 55px;
  }
  
  p {
    margin-bottom: 30px;
  }
    
	
	#maincontent > .columns {
	 padding-left: 10px;
	 padding-right: 10px;
	}
	
	.breadcrumbs .items {
	   color: #9c9184;
	   font-size: 15px;
	}
	.breadcrumbs .item:not(:last-child):after {  
    font-size: 34px;
    line-height: 22px;
  }
  
  .breadcrumbs a,
	.breadcrumbs a:visited {
	   color: #9c9184;
	}
	.breadcrumbs a:hover {
     color: #685e52;
  }
	
	/* Startseite */
	.usp-slider .pagebuilder-slide-wrapper [data-element='content'] {
		min-height: 20px;
	}
	.usp-slider h5 {
		position: relative;
		padding-left: 30px;
		line-height: 20px;
	}
	.usp-slider h5:before {
		position: relative;
		height: 20px;
		width: 20px;
		background: transparent;
		content: "\e20e";
		font: normal normal normal 20px / 1 ThemeIcons;
		font-size: 20px;
		left: 0px;
		top: 1px;
		color: #f29400;
        display: inline-block;
        margin-right: 10px;
		
	}
	
	
	.prod-list-item {
		position: relative;
		padding: 25px 10px 5px 10px;
		border: 1px solid transpartent;
		background: #fff;
		border-radius: 5px;
		margin-bottom: 35px;
		overflow: hidden;
		text-align: center;
		transition: border 0.2s ease-in-out 0s;
		box-shadow: 0 1px 4px rgb(0 0 0 / 8%) inset,0 4px 8px rgb(156 145 132 / 10%);
		
	}
	
	.prod-list-item:hover {
		box-shadow: 0 1px 4px rgb(0 0 0 / 8%) inset,0 4px 8px rgb(156 145 132 / 50%);
		transition: box-shadow 0.15s ease-in-out 0.1s
	}
	
	.prod-list-item a {
		color: #9c9184;
	}
	
	.prod-list-item p {
		color: #9c9184;
		font-family: "InsigniaLTPro", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 20px;
		text-align: center;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.prod-list-item .led {
		position: relative;
	}
	.prod-list-item .led:before{
		content: '';
		background: url(./images/led-icon.png);
		position: absolute;
		width: 61px;
		height: 37px;
		background-repeat: no-repeat;
		left: 5px;
		top: 5px;
	}

  .prod-list-item .text-outdoor-de {
    position: relative;
  }

  .prod-list-item .text-outdoor-de:before{
    content: ' Outdoor Saison';
    position: absolute;
    width: 140px;
    height: 37px;
    background-repeat: no-repeat;
    left: 50%;
    top: -10px;
    background: #f29400;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    border-radius: 5px;
    transform: translate(-50%, 0%);
  }
  
  .prod-list-item  ul {
     list-style-type: none !important;
     text-align: left;
     
     li {
      text-align: left;
      margin-bottom: 0;
     }
     li::before {
        color: rgb(242, 148, 0);
        content: "";
        display: inline-block;
        font-family: FontAwesome;
        font-size: 13px;
        margin-left: -16px;
        position: relative;
        top: -1px;
        width: 1.2em;
      }
    }
  }


  .team-list-item {
  
    position: relative;
    padding: 10px 10px 5px 10px;
    border: 1px solid transpartent;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 35px;
    overflow: hidden;
    text-align: center;
    transition: border 0.2s ease-in-out 0s;
    box-shadow: 0 1px 4px rgb(0 0 0 / 8%) inset,0 4px 8px rgb(156 145 132 / 10%);
    
  
    &:hover {
      box-shadow: 0 1px 4px rgb(0 0 0 / 8%) inset,0 4px 8px rgb(156 145 132 / 50%);
      transition: box-shadow 0.15s ease-in-out 0.1s
    }
  
    a {
      color: rgb(242, 148, 0);
    }
  
    p {
      color: #9c9184;
      font-family: "InsigniaLTPro", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 20px;
      text-align: center;
      margin-top: 5px;
      margin-bottom: 5px;
    }
    
    ul {
       list-style-type: none !important;
       text-align: left;
       padding-inline-start: 20px !important;
       padding-left: 20px !important;
           
       li {
        text-align: left;
        margin-bottom: 0;
       }
       li::before {
          color: rgb(242, 148, 0);
          content: "";
          display: inline-block;
          font-family: FontAwesome;
          font-size: 13px;
          margin-left: -16px;
          position: relative;
          top: -1px;
          width: 1.2em;
        }
      }
    }
    
  }

	.nav-regular a {
		cursor: pointer;
	}

	.nav-regular li.level0>a {
		padding: 0 23px;
		cursor: pointer;
	}
	.nav-regular li.level0>a .caret {
		opacity: 1;
		font-size: 27px;
    color: #fff
		
	}
	.nav-regular li.level0 {
		
		border-left: 1px solid #fff;
		
	}

	
	.nav-regular li.level0:last-child {
		border-right: 1px solid #fff;
		
	}
	
	.nav-submenu li.nav-item.active.current.item-active a {
	   background: #9c9184;
	   color: #fff;
	}
	
	
	.navi .nav-panel--dropdown {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
	
	
	/* Footer */
	.footer-top {
	   h3 {
	     font-size: 22px !important;
	     color: #fff  !important;
	     font-weight: 300 !important;
	     font-family: 'FrutigerLTPro-Light', Arial, 'Helvetica Neue', Helvetica, sans-serif;
	   }
	}
	.footer-container:before {
		
		content: '';
		position: relative;
		height: 105px;
		display: block;
		background: url('./images/footer-top-bg.png') repeat-x;
		
	}
	
	
	.footer-primary-container .footer-primary.container {
	  background: #605a53 url(./images/world.png);
		background-repeat: no-repeat;
		background-size: 350px 350px;
	  min-height: 350px;
	}
	
	.footer .footer-copyright .copyright {
		font-size: 17px !important;
		line-height: 25px !important;		
	}
	
	.footer-container .footer-primary-bottom-spacing {
	 border: none;
	}
	
	
	[data-content-type='row'][data-appearance='contained'] {
    box-sizing: border-box;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1380px;
  }
	
	
	
	.page-main {
	 .list-styled ul {
	   list-style-type: none !important;
     padding-inline-start: 17px;
	       
	   li::before {
        color: rgb(242, 148, 0);
        content: "";
        display: inline-block;
        font-family: FontAwesome;
        font-size: 13px;
        margin-left: -16px;
        position: relative;
        top: -1px;
        width: 1.2em;
      }
    }
  }
  
  
  .catalog-category-view .category-list-wrapper {
    padding: 0px 0 20px;
  }

  .catalog-category-view .category-list-wrapper .category.list .category-item .category-link {
    border-radius: 10px;
    transition: border 0.2s ease-in-out 0s;
    box-shadow: 0 1px 4px rgb(0 0 0 / 8%) inset,0 4px 8px rgb(156 145 132 / 10%);
      
  }
  
  
  .catalog-category-view .category-list-wrapper .category.list .category-item:hover .category-link {
    box-shadow: 0 1px 4px rgb(0 0 0 / 8%) inset,0 4px 8px rgb(156 145 132 / 50%);
    transition: box-shadow 0.15s ease-in-out 0.1s
      
  }
  


   .product.data.items.style1>.item.title {
	   
	    font-family: 'FrutigerLTPro-Roman', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
		font-size: 17px !important;
		background: #9c9184;
		color: #fff;
   }
   
   .product.data.items.style1 >.item.title> a {
	   color: #fff  !important;
	   
	font-size: 18px !important;
       line-height: 31px !important;
   }
   .product.data.items.style1 >.item.title> a strong {
	font-weight: 400 !important;
   }
   
   #synoa_downloadsnk_downloads_tab p a,
   #synoa_downloadsnk_list .downloads-link   {
	   color:#f29400 !important;
	   text-decoration: none !important;
	 
	   
	   
   }
   #synoa_downloadsnk_downloads_tab p a:hover,
   #synoa_downloadsnk_list .downloads-link:hover  {
	   color:#9c9184 !important;
	   text-decoration: none !important;
	   
   }
   
   .column.main .block .title strong {
	    font-family: "FrutigerLTPro-Roman","Helvetica Neue",Helvetica,Arial,sans-serif;
      font-size: 19px;
      line-height: 22px;
      font-weight: 700;
	   
   }
   
   
   .catalog-product-view .page-wrapper .products-grid .product-item .product-item-info .product-item-name .product-item-link {
	   text-transform: none !important;
	    color:#9c9184 !important;
		        font-family: "FrutigerLTPro-Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 30px;
	   
   }
   
   
   .synoa-categories-list__ul a {
      color: #9c9184;
  }
  .synoa-categories-list__ul span.opener:after,
  .ais-Panel--collapsible.ais-Panel--collapsed .ais-Panel-header .ais-Panel-collapseButton .opener:after,
  .ais-Panel--collapsible .ais-Panel-header>.ais-Panel-collapseButton .opener:after {
      color: #9c9184;
      font-size: 20px;
  }
  .synoa-categories-list__ul a:hover {
      color: #f29400;
  }
  .synoa-categories-list__ul .current>a {
      color: #f29400;
  }
   
   .grid-item .result-sub-content .result-title {
	   height: auto !important; 
	   margin-bottom: 10px;
   }
   .grid-item .result-sub-content .tocart-form {
	   text-align: left  !important;
   }
   
   .grid-item a.result {
	   color: unset;
   }
 
  .grid .ais-Hits .ais-Hits-list .ais-Hits-item .grid-item, 
  #instant-search-results-container .ais-Hits-item .list-item .result-wrapper {
    border-radius: 10px;
    transition: border 0.2s ease-in-out 0s;
    box-shadow: 0 1px 4px rgb(0 0 0 / 8%) inset,0 4px 8px rgb(156 145 132 / 10%); 
    border-top: none;
    margin-top: 15px;
  }
  .grid .ais-Hits .ais-Hits-list .ais-Hits-item .grid-item:hover, 
  #instant-search-results-container .ais-Hits-item .list-item .result-wrapper:hover {
    background: transparent !important;
    box-shadow: 0 1px 4px rgb(0 0 0 / 8%) inset,0 4px 8px rgb(156 145 132 / 50%);
  }
 
 
 .abs-product-link>a, .product-item-name>a, .product.name a>a {
      color:#f29400;
  
  /*    
      &:after {
        content: '';
        position: relative;
        height: 17px;
        width: 17px;
        display: inline-block;
        background-size: 100%;
        top: 1px;
        margin-left: 10px;
        background-repeat: no-repeat;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTExLjk5NyA1MTEuOTk3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48cGF0aCBkPSJtMjEyLjI2IDM5MC4yNC02MC4zMzEgNjAuMzMxYy0yNS4wMTIgMjUuMDEyLTY1LjUxNyAyNS4wMTItOTAuNTA4LjAwNS0yNC45OTYtMjQuOTk2LTI0Ljk5Ni02NS41MDUtLjAwNS05MC40OTZsMTIwLjY4My0xMjAuNjgzYzI0Ljk5MS0yNC45OTIgNjUuNS0yNC45OTIgOTAuNDkxIDAgOC4zMzEgOC4zMzEgMjEuODM5IDguMzMxIDMwLjE3IDAgOC4zMzEtOC4zMzEgOC4zMzEtMjEuODM5IDAtMzAuMTctNDEuNjU0LTQxLjY1NC0xMDkuMTc3LTQxLjY1NC0xNTAuODMxIDBMMzEuMjQ3IDMyOS45MDljLTQxLjY1NCA0MS42NTQtNDEuNjU0IDEwOS4xNzcgMCAxNTAuODMxIDQxLjY0OSA0MS42NzYgMTA5LjE3NyA0MS42NzYgMTUwLjg1MyAwbDYwLjMzMS02MC4zMzFjOC4zMzEtOC4zMzEgOC4zMzEtMjEuODM5IDAtMzAuMTdzLTIxLjg0LTguMzMtMzAuMTcxLjAwMXoiIGZpbGw9IiNmMjk0MDAiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNNDgwLjc1MSAzMS4yNGMtNDEuNjU0LTQxLjY1NC0xMDkuMTk5LTQxLjY1NC0xNTAuODUzIDBsLTcyLjM4NCA3Mi4zODRjLTguMzMxIDguMzMxLTguMzMxIDIxLjgzOSAwIDMwLjE3IDguMzMxIDguMzMxIDIxLjgzOSA4LjMzMSAzMC4xNyAwbDcyLjM4NC03Mi4zODRjMjQuOTkxLTI0Ljk5MiA2NS41MjEtMjQuOTkyIDkwLjUxMyAwIDI0Ljk5MSAyNC45OTEgMjQuOTkxIDY1LjUgMCA5MC40OTFMMzE3Ljg0NSAyODQuNjM4Yy0yNC45OTIgMjQuOTkyLTY1LjUgMjQuOTkyLTkwLjQ5MSAwLTguMzMxLTguMzMxLTIxLjgzOS04LjMzMS0zMC4xNyAwcy04LjMzMSAyMS44MzkgMCAzMC4xN2M0MS42NTQgNDEuNjU0IDEwOS4xNzcgNDEuNjU0IDE1MC44MzEgMGwxMzIuNzM2LTEzMi43MzZjNDEuNjU0LTQxLjY1NCA0MS42NTQtMTA5LjE3OCAwLTE1MC44MzJ6IiBmaWxsPSIjZjI5NDAwIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
      }
      */
 }
 
   .abs-product-link>a:visited, .product-item-name>a:visited, .product.name a>a:visited {
      color:#f29400;
   }
   
   .abs-product-link>a:hover, .product-item-name>a:hover, .product.name a>a:hover {
    color: #9c9184;
   }
  

 tbody.articles {
  .qty {
    label.label {
      display: none ;
    }
    
    .control {
      input-text.qty {
        height: 45px;
      }
    }
  }
  
  .table.grouped .input-text.qty, .product-info-main .input-text.qty, .product-options-bottom .input-text.qty, .bundle-options-container .input-text.qty {
      height: 45px;
  }
  
  .pricesection {
    .price-final_price.tax.weee span.prefix {
      font-size: 1rem !important;
      display: none ;
    }
  }
 }
 
 
 .cmslinks {
    padding: 20px;
    background-color: #f5f5f5;
    
    a {
      color:#f29400;
    }
  }
  
  
  .product-info-main .product.attribute.sku, .product-info-main .product.attibute.sku {
    color: #9c9184;
  }
 
 
 .product-info-main .box-tocart .field.qty,.product-options-bottom .box-tocart .field.qty {
        float: left;
        padding-left: 0px;
        padding-right: 10px;
        margin-bottom: 0
    }
    
    
  .box-tocart {
    width: 100%;
    margin-top: 0;
    padding-top: 20px;
    margin-bottom: 0;
    
    .fieldset {
      display: flex;
/*       justify-content: end; */
      padding: 0px 15px;
      margin-bottom: 0;
    }
  }  
   
  .product-add-form  {
        background: #f5f5f5;
  }
  
  .dataTables_wrapper {
    .dataTables_info {
      color: #9c9184;
      font-size: 16px; 
    }
  }
  
  .dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate {
    color: #9c9184;
  }
  
  .result-wrapper .tocart {
    background-color: #333 !important;
    
    &:hover {
      background-color: #685e52 !important;
    }
    
    
  }
  
  
  
     .header-container .dropdown-block .dropdown-content,

        .header-container .dropdown-block.filled-heading.open .dropdown-heading .inner-heading,
    .header-container .dropdown-block.open .dropdown-heading.cover .inner-heading, 
        .header-container .block-search .search-autocomplete ul li
    {
                    background-color: #fff;
                    color: #9c9184;
                    }

        .header-container .dropdown-block.filled-heading.open .dropdown-heading .icon:not(.ib),
    .header-container .dropdown-block.open .dropdown-heading.cover .icon:not(.ib)     {
                    color: #9c9184;             }


        .header-container .dropdown-block .dropdown-content a,
    .header-container .dropdown-block .dropdown-content .action:before,

        .header-container .dropdown-block.filled-heading.open .dropdown-heading a,
    .header-container .dropdown-block.open .dropdown-heading.cover a     {
                    color: #f29400;
            }

    .header-container .dropdown-block .dropdown-content a:hover,
    .header-container .dropdown-block .dropdown-content .action:hover:before,
    .header-container .dropdown-block.filled-heading.open .dropdown-heading a:hover,
    .header-container .dropdown-block.open .dropdown-heading.cover a:hover, 
        .header-container .block-search .search-autocomplete ul li:hover,
    .header-container .block-search .search-autocomplete ul li.selected     {
                    color: #9c9184;
            }
            
            
            
            
  /* CHECKOUT */
  .header-container-micro {
    background: transpartent;
  }
  .abs-checkout-title, .opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary>.title, .checkout-agreements-items .checkout-agreements-item-title {
    color: #9c9184;
  }
  
  .block-collapsible-nav .item.current a, .block-collapsible-nav .item.current>strong {
    border-color: transparent;
  }
  .block-collapsible-nav .item a:hover {
    background: #f29400;
    color: #fff;
  }
  .block-collapsible-nav .item a {
    color: #9c9184;
    
  }            
  
  .prices-tier .price-including-tax .price, .prices-tier .price-excluding-tax .price, .prices-tier .weee .price {
    font-size: 1.8rem;
  }
  
  .amform-form .action.primary, .amform-parent .action.primary {
    background-color: #333;
    color: #fff;
  }
  
    .amform-form .action.primary:hover, .amform-parent .action.primary:hover {
    background-color: #685e52;
    color: #fff;
  }
  .amform-form .action.primary:disabled, .amform-parent .action.primary:disabled {
    background-color: #b7afa4;
    color: #fff;
  }


  
}



#product-addtocart-button {
    background-color: #f29400;
    color: #fff;
}



#newsletter {
  border: none;
  
  .control-label {
    font-weight: 700;
  }
  
  .form-label-group {
    margin: 0 0 20px;
  }
  
  .btn {
    background-color: #685e52;
    color: #fff;
    margin-top: 20px;
  }
}



