@charset "UTF-8";
/***!  https://www.huber-solarfix.de/templates/solari/css/huber.css  !***/

@media screen, projection {/* archivo-black-regular - latin */
@font-face {src: url('https://www.huber-solarfix.de/templates/solari/fonts/archivo-black-v21-latin-regular.woff2') format('woff2'); font-display: swap; font-family: 'Archivo Black'; font-style: normal; font-weight: 400}
/* albert-sans-regular - latin */
@font-face {src: url('https://www.huber-solarfix.de/templates/solari/fonts/albert-sans-v1-latin-regular.woff2') format('woff2'); font-display: swap; font-family: 'Albert Sans'; font-style: normal; font-weight: 400}
/* albert-sans-500 - latin */
@font-face {src: url('https://www.huber-solarfix.de/templates/solari/fonts/albert-sans-v1-latin-500.woff2') format('woff2'); font-display: swap; font-family: 'Albert Sans'; font-style: normal; font-weight: 500}
/* albert-sans-600 - latin */
@font-face {src: url('https://www.huber-solarfix.de/templates/solari/fonts/albert-sans-v1-latin-600.woff2') format('woff2'); font-display: swap; font-family: 'Albert Sans'; font-style: normal; font-weight: 600}
/* albert-sans-700 - latin */
@font-face {src: url('https://www.huber-solarfix.de/templates/solari/fonts/albert-sans-v1-latin-700.woff2') format('woff2'); font-display: swap; font-family: 'Albert Sans'; font-style: normal; font-weight: 700}
/* albert-sans-800 - latin */
@font-face {src: url('https://www.huber-solarfix.de/templates/solari/fonts/albert-sans-v1-latin-800.woff2') format('woff2'); font-display: swap; font-family: 'Albert Sans'; font-style: normal; font-weight: 800}
/* albert-sans-900 - latin */
@font-face {src: url('https://www.huber-solarfix.de/templates/solari/fonts/albert-sans-v1-latin-900.woff2') format('woff2'); font-display: swap; font-family: 'Albert Sans'; font-style: normal; font-weight: 900}
:root {
    font-size: 18px;
    --maincolor: #004799;
    --secondcolor: #dc0412;
    --hovercolor: #bf030f;
}
/*Typo START*/
h1,h2,h3,h4,h5,h6{
    font-family: 'Archivo Black' !important;
    word-break: inherit;
}
body, .sppb-panel-title{
    font-family: 'Albert Sans';
    font-size: 1rem !important;
}
.sp-contact-time, .offcanvas-menu .sp-contact-info, .sp-contact-info li{
    font-size: 0.9rem;
}
.welcome-title h2{
    font-size: 3.5rem !important;
}
h1{
    font-size: 2.6rem !important;
    line-height: 120% !important;
}
h2{
    font-size: 2.6rem !important;
    line-height: 120% !important;
}
h3{
    font-size: 1.9rem !important;
    line-height: 120% !important;
}
h4{
    font-size: 1.6rem !important;
    line-height: 120% !important;
}
h5{
    font-size: 1.4rem !important;
    line-height: 120% !important;
}
h6{
    font-size: 1.1rem !important;
    line-height: 120% !important;
}
h3 a:hover{
    color: var(--hovercolor);
}
.downloads h4 a:hover{
    color: var(--secondcolor);
}
p{
   margin-bottom: 1rem !important;
}
.sp-module ul > li > a:hover {
    color: #fff;
}
.subtitle p span{
    font-family: 'Albert Sans';
}
/*Typo END*/
/*Header START*/
#sp-header .logo {
    padding: 10px 0;
    height: auto;
}
#sp-header.header-sticky .logo-image{
    width: 130px;
}
/*Header END*/
/*Navi START*/
.sp-megamenu-parent > li + li > a {
    margin-left: 12px;
}
/*Navi END*/
/*Buttons START*/
.sppb-btn-primary.focus, .sppb-btn-primary:focus {
    box-shadow: none;
}
.vor-btn .sppb-btn-primary, .sppb-btn-primary, body .sppb-btn{
    padding: 1.1rem 1.8rem !important;
}
body .sppb-btn::before, body .sppb-sp-slider-button .sp-slider-btn-text::before, .login .btn::before, .registration form > div .btn::before, .hikashop_vote_form .button::before, .article-list .article .readmore a::before, .sppb-readmore::before{
    background: var(--secondcolor) !important;
}
body .sppb-btn.sppb-btn-secondary::before{
    background: var(--maincolor) !important;
}
body .sppb-btn-custom:before{
    background: inherit !important;
    border: 1px solid #ccc;
}
body .sppb-btn, body .sppb-sp-slider-button .sp-slider-btn-text, .login .btn, .registration form > div .btn, .hikashop_vote_form .button, .article-list .article .readmore a, .sppb-readmore, body .sppb-btn::before, body .sppb-sp-slider-button .sp-slider-btn-text::before, .login .btn::before, .registration form > div .btn::before, .hikashop_vote_form .button::before, .article-list .article .readmore a::before, .sppb-readmore::before{
    border-radius: 5px;
}
/*Buttons END*/
/*Inhalt START*/
.offcanvas-menu .offcanvas-inner .sp-contact-info > li > a, .offcanvas-menu .offcanvas-inner .social-icons > li > a{
    opacity: 1;
}
.offcanvas-menu {
    background-color: #eee;
}
.offcanvas-menu .offcanvas-inner li span:before{
    color: var(--maincolor);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner a, .sp-contact-time{
    color: #1F1F25 !important;
}
.offcanvas-active .burger-icon > span{
    background: #1F1F25 !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover {
    color: var(--secondcolor) !important;
}
.burger-icon > span {
    background-color: var(--secondcolor);
}
.offcanvas-menu .logo img{
    width: 150px;
    height: auto;
    padding-left: 25px;
    margin-top: 30px;
}
.offcanvas-inner{
    padding: 30px 25px !important;
}
.sppb-addon-form-builder-form .sppb-form-group:nth-of-type(2), .sppb-addon-form-builder-form .sppb-form-group:nth-of-type(4), .sppb-addon-form-builder-form .sppb-form-group:nth-of-type(6){
    padding-right: 15px !important;
}
.icon svg{
    filter: brightness(0) saturate(100%) invert(41%) sepia(1%) saturate(4589%) hue-rotate(161deg) brightness(105%) contrast(58%);
}
.form-builder-checkbox-item label::before, .form-builder-radio-item label::before, .sppb-addon-form-builder .sppb-form-check-label::before{
    border: 2px solid #bbb;
}
.rts-single-service-solar-energy-icon{
    -webkit-box-shadow: 0px 0px 25px 5px rgba(212,212,212,1);
    -moz-box-shadow: 0px 0px 25px 5px rgba(212,212,212,1);
    box-shadow: 0px 0px 25px 5px rgba(212,212,212,1);
}
.rts-single-service-solar-energy-icon:hover{
    -webkit-box-shadow: 0px 0px 25px 10px rgba(212,212,212,1);
    -moz-box-shadow: 0px 0px 25px 10px rgba(212,212,212,1);
    box-shadow: 0px 0px 25px 10px rgba(212,212,212,1);
}
a:hover, a:focus, a:active {
    color: var(--maincolor);
}
.sppb-table-style td{
    border: 1px solid #ccc !important;
}
table tr:nth-of-type(even){
    background: #eee;
}
table tr:nth-of-type(odd){
    background: #f9f9f9;
}
table p{
    margin-bottom: 0px !important;
}
.tab-content .sppb-addon-content li{
    list-style: none;
}
.tab-content .sppb-addon-content li:before{
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    content: '\f00c';
    margin:0 8px 0 -25px;
    color: var(--maincolor);
}
li.email:before{
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    content: '\f0e0';
    margin:0 8px 0 -25px;
    color: var(--maincolor);
}
li.telefon:before{
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    content: '\f095';
    margin:0 8px 0 -25px;
    color: var(--maincolor);
}
li.mobil:before{
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    content: '\f3ce';
    margin:0 8px 0 -25px;
    color: var(--maincolor);
}
.sppb-person-designation li{
    list-style: none;
}
.top-feature p{
    margin-bottom: 0px !important;
    line-height: 100% !important;
}
#montage video{
    outline: 10px solid #fff;
    margin: 10px;
}
#produkt .sppb-tab-custom-content > div{
    border-radius: 5px !important;
}
.anwendungsbereiche i{
    color: var(--maincolor);
}
.anwendungsbereiche ul li{
    list-style: none;
    border-bottom: 1px solid #eee;
    padding: 3px 0;
}
.anwendungsbereiche ul{
    padding-left: 0px;
}
.anwendungsbereiche ul li:before{
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    content: '\f00c';
    margin:0 10px 0 -25px;
    color: var(--maincolor);
}
#sppb-addon-a70d81e3-0727-43f0-b810-c7349f05479e.single-footer-one-wrapper > div.sppb-addon-wrapper:nth-child(3){
    flex-basis: 35% !important;
}
#sppb-addon-a70d81e3-0727-43f0-b810-c7349f05479e.single-footer-one-wrapper > div.sppb-addon-wrapper:nth-child(6){
    flex-basis: 15% !important;
}
#sppb-addon-a70d81e3-0727-43f0-b810-c7349f05479e.single-footer-one-wrapper > div.sppb-addon-wrapper:nth-child(9){
    flex-basis: 25% !important;
}
/*Inhalt END*/
/*Forms START*/
/*Forms END*/
/*Footer START*/
/*Footer END*/
/*Offcanvas START*/
#offcanvas-toggler-custom rect{
    fill: #1F1F25 !important;
}
/*Offcanvas END*/
@media screen and (max-width: 1200px) {
    .sppb-nav-custom a{
        margin-right: 11px !important;
   }
}
@media screen and (max-width: 1024px) {
    .sp-megamenu-parent > li + li > a {
        margin-left: 6px;
   }
}
@media screen and (max-width: 991px) {
    :root {
        font-size: 16px;
   }
    .welcome-title h2{
        font-size: 2.9rem !important;
   }
    h1{
        font-size: 2.5rem !important;
        line-height: 120% !important;
   }
    h2{
        font-size: 2.4rem !important;
        line-height: 120% !important;
   }
    h3{
        font-size: 1.7rem !important;
        line-height: 120% !important;
   }
    h4{
        font-size: 1.4rem !important;
        line-height: 120% !important;
   }
    h5{
        font-size: 1.2rem !important;
        line-height: 120% !important;
   }
    h6{
        font-size: 1rem !important;
        line-height: 120% !important;
   }
    #sp-header .logo-image-phone{
        width: 130px;
   }
    #sp-header.header-sticky .logo-image-phone{
        width: 90px;
   }
    #sppb-addon-e5a33871-0cdf-4897-9bb3-bf3a5e4f9c3e{
        justify-content: center !important;
   }
    .anwendungsbereiche h6{
        word-wrap: break-word;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
   }
    #sppb-addon-a70d81e3-0727-43f0-b810-c7349f05479e.single-footer-one-wrapper > div.sppb-addon-wrapper:nth-child(3){
        flex-basis: 100% !important;
   }
    #sppb-addon-a70d81e3-0727-43f0-b810-c7349f05479e.single-footer-one-wrapper > div.sppb-addon-wrapper:nth-child(6){
        flex-basis: 100% !important;
   }
    #sppb-addon-a70d81e3-0727-43f0-b810-c7349f05479e.single-footer-one-wrapper > div.sppb-addon-wrapper:nth-child(9){
        flex-basis: 100% !important;
   }
    #sppb-addon-997eb9e1-76de-4627-b9a3-002c4cc218b8 .sppb-addon-text-block{
        text-align: left !important;
   }
    #sppb-addon-wrapper-04dfc7b9-12ae-46c9-95a5-eb6aa247d3bd{
        margin-bottom: 0px !important;
   }
}
@media screen and (max-width: 767px) {
    :root {
        font-size: 15px;
   }
    .welcome-title h2{
        font-size: 2.5rem !important;
   }
    h1{
        font-size: 2.2rem !important;
        line-height: 120% !important;
   }
    h2{
        font-size: 2.1rem !important;
        line-height: 120% !important;
   }
    h3{
        font-size: 1.5rem !important;
        line-height: 120% !important;
   }
    h4{
        font-size: 1.2rem !important;
        line-height: 120% !important;
   }
    h5{
        font-size: 1.1rem !important;
        line-height: 120% !important;
   }
    .welcome-desc p{
        display: inline;
   }
    #sp-top1{
        display: none;
   }
    #sp-header .logo-image-phone{
        width: 90px;
   }
    #sp-header.header-sticky .logo-image-phone{
        width: 90px;
   }
    #produkt .ba-gallery {
        padding: 0px !important;
   }
    .sppb-addon-form-builder-form .sppb-form-group:nth-of-type(2), .sppb-addon-form-builder-form .sppb-form-group:nth-of-type(4), .sppb-addon-form-builder-form .sppb-form-group:nth-of-type(6), .sppb-addon-form-builder-form .sppb-form-group:nth-of-type(9){
        padding-right: 0px !important;
   }
}
@media screen and (max-width: 575px) {
    .sppb-addon-form-builder-form .sppb-form-group {
        width: 100% !important;
   }
}
@media screen and (max-width: 575px) {
    h1, .welcome-title h2{
        font-size: 1.9rem !important;
        line-height: 120% !important;
   }
    h2{
        font-size: 1.9rem !important;
        line-height: 120% !important;
   }
    h3{
        font-size: 1.4rem !important;
        line-height: 120% !important;
   }
    h4{
        font-size: 1.1rem !important;
        line-height: 120% !important;
   }
}
@media screen and (max-width: 480px) {
    #produkt .sppb-nav{
        display: block;
        width: 100%;
   }
    #produkt .sppb-nav-custom a{
        margin-right: 0px !important;
   }
    #faq .sppb-panel.sppb-panel-custom{
        padding-left: 5px;
   }
}
a.cc-btn.cc-allowall{
    background: #449f13 !important;
    color: #fff !important;
}
a.cc-btn.cc-allowall:hover{
    background: green !important;
}
a.cc-btn {
    background: #ccc !important;
    color: #000 !important;
    border-radius: 5px !important;
    padding: 10px !important;
    flex: 1 !important;
}
a.cc-btn:hover{
    background: #bbb !important;
    text-decoration: none;
}
@media screen and (max-width: 767px) {
    .cc-message-text{
        font-size: 0.8rem !important;
   }
    div.cc-settings-label::before, span.cc-message-text::before {
        display: none !important;
   }
}
@media (max-width: 992px) {
    .offcanvas-menu .logo {
        display: inherit;
   }
}
}
