/* cairo-300 - latin */
@font-face {
    font-display: swap;
   /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/cairo-v28-latin-300.woff2') format('woff2');
   /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cairo-regular - latin */
@font-face {
    font-display: swap;
   /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/cairo-v28-latin-regular.woff2') format('woff2');
   /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cairo-500 - latin */
@font-face {
    font-display: swap;
   /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/cairo-v28-latin-500.woff2') format('woff2');
   /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cairo-600 - latin */
@font-face {
    font-display: swap;
   /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/cairo-v28-latin-600.woff2') format('woff2');
   /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cairo-700 - latin */
@font-face {
    font-display: swap;
   /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/cairo-v28-latin-700.woff2') format('woff2');
   /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cairo-800 - latin */
@font-face {
    font-display: swap;
   /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/cairo-v28-latin-800.woff2') format('woff2');
   /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cairo-900 - latin */
@font-face {
    font-display: swap;
   /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/cairo-v28-latin-900.woff2') format('woff2');
   /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root {
    font-size: 18px;
    --maincolor: #e48d0e;
    --secondcolor: #f6f4f4;
}
/*Typo START*/
/* archivo-black-regular - latin */
@font-face {
    font-display: swap;
   /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Archivo Black';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/archivo-black-v17-latin-regular.woff2') format('woff2');
   /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Cairo' !important;
}
body{
    font-size: 1rem !important;
}
h1{
    font-size: 3rem !important;
    line-height: 120% !important;
}
h2{
    font-size: 2.5rem !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.3rem !important;
    line-height: 120% !important;
}
h6{
    font-size: 1.1rem !important;
    line-height: 120% !important;
}
.sppb-sp-slider-title, .sppb-sp-slider-text{
    text-shadow: 2px 2px #000;
}
/*Typo END*/
/*Header START*/
#sp-header{
    background: rgba(0,0,0,0.5);
}
#sp-header.header-sticky {
    background: rgba(0,0,0,0.6);
}
/*Header END*/
/*Navi START*/
/*Navi END*/
/*Buttons START*/
/*Buttons END*/
/*Inhalt START*/
.sp-page-title {
    padding: 110px 0 60px 0 !important;
}
.sp-page-title .breadcrumb{
    display: none;
}
.offcanvas-menu .offcanvas-inner .sp-module ul.menu{
    display: inherit !important;
}
.ref-gal p{
    margin: 0 
}
.kontakt-wrap{
    margin-bottom: -7px !important;
    position: relative !important;
    bottom: 7px !important;
}
/*Inhalt END*/
/*Forms START*/
/*Forms END*/
/*Footer START*/
#sp-footer1 .sp-module{
    text-align: right;
}
#sp-footer1 .sp-module ul li a{
    color: #aaa;
}
/*Footer END*/
/*Offcanvas START*/
.sp-contact-info a{
    color: #f07c00 !important;
    opacity: 1 !important;
}
.sp-contact-info li{
    font-size: 100% !important;
}
.sp-contact-info span{
    margin-right: 5px !important;
}
/*Offcanvas END*/
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
    :root {
        font-size: 16px;
   }
    #sp-header {
        padding: 0px 5% 0px 5%;
   }
    #sp-header.header-sticky .logo a .logo-image-phone {
        max-height: 35px;
   }
    #sp-header.header-sticky #offcanvas-toggler{
        padding: 15px 0;
   }
    .sp-page-title {
        padding: 80px 0 60px 0 !important;
   }
}
@media screen and (max-width: 767px) {
    :root {
        font-size: 15px;
   }
    h1{
        font-size: 2.6rem !important;
   }
    h2{
        font-size: 2.4rem !important;
   }
    h3{
        font-size: 1.7rem !important;
   }
    h4{
        font-size: 1.5rem !important;
   }
    h5{
        font-size: 1.2rem !important;
   }
    h6{
        font-size: 1.1rem !important;
        line-height: 120% !important;
   }
    .sp-page-title {
        padding: 40px 0 30px 0 !important;
   }
    #sp-header .logo a .logo-image-phone {
        max-height: 45px;
   }
    #sp-header #offcanvas-toggler {
        padding: 25px 0;
   }
    #sp-footer1 .sp-module{
        text-align: center;
   }
    #sp-footer1 .sp-module .menu{
        margin-top: 10px;
   }
}
@media screen and (max-width: 600px) {
    .ba-gallery {
        padding: 0 !important;
   }
}
@media screen and (max-width: 480px) {
    h1{
        font-size: 2.1rem !important;
        hyphens: none;
        hyphens: manual;
        hyphens: auto;
   }
    h2{
        font-size: 2.1rem !important;
   }
    h3{
        font-size: 1.6rem !important;
   }
    h4{
        font-size: 1.4rem !important;
   }
    h5{
        font-size: 1.1rem !important;
   }
    h6{
        font-size: 1.1rem !important;
        line-height: 120% !important;
   }
    .sp-page-title {
        padding: 15px 0 20px 0 !important;
   }
    #sp-header .logo a .logo-image-phone {
        max-height: 35px;
   }
    #sp-header #offcanvas-toggler {
        padding: 15px 0;
   }
}