/* CSS Document für Maltan, Kaltbach */
/* Schriften: */
/* Überschrift: Allura */
/* Text: Dosis */
/* grün lt Logo: #358200
/* allura-regular - latin */

/* HG Farbe braunrötlich:  rgba(123, 101, 102, 0.50) */


@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Allura';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/allura-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* Restlicher Text: open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v44-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* Alternative für Hs:
island-moments-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
    : 'Island Moments';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/island-moments-v3-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* Alternative für normal: dosis-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: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/dosis-v27-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* grün: #358200 oder rgb(94, 166, 83)
- hover hellgrün:#59d104 */
/* HG Farbe braunrötlich:  rgba(123, 101, 102, 0.50) */

body {
    background-color: #fff;
    color: #252525c2;
    font-family: 'Dosis', sans-serif !important;
    font-size: 17px !important;
    font-weight: 400;
    font-style: normal;
    line-height: 1.7143;
    letter-spacing: 0;
    margin-bottom: 100px !important;
}
p {font-family: 'Dosis', sans-serif !important;
    font-size: 18px !important;
    font-weight: 400;
    font-style: normal;
    line-height: 1.7143;
    letter-spacing: 0;}

h1, h2, h3, h4 {font-family:'Allura' !important; color: #04182c; }

.h1,h1 { font-size: calc(2.375rem + 1.5vw)}
.h2,h2 { font-size: calc(1.625rem + .9vw)}
.h3,h3 { font-size: calc(1.3rem + .6vw)}
.h4,h4 { font-size: calc(1.275rem + .3vw)}
.h5,h5 { font-size: 1.25rem}
.h6,h6 { font-size: 1rem}
.startseite .h2 {
    font-size: calc(1.625rem + .9vw)}

.logogruen {color: #358200;}
.logobraun {color: #502D16;}
.hg-hellbraun {background-color: rgba(80,45,22,.20); }
.sp-megamenu-parent {
    font-family: 'Dosis' !important;
    font-weight: 300;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-family: 'Dosis' !important;
   font-weight: 300 !important;
}
#sp-header.celestia-header ul.sp-megamenu-parent li.sp-has-child>a:after, #sp-header.celestia-header ul.sp-megamenu-parent li.sp-has-child>span:after {
      background-color: #ffffff !important;
  }
.offcanvas-menu {
    background-color: rgba(123, 101, 102, 0.50) !important;  
   }
.offcanvas-menu h3 {
    color: #ffffff !important;    
   }
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    font-size: 18px !important;
    padding: 14px 0px !important;
   line-height: 35px !important;
    font-weight: 400;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: #F0D6C7 !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #ffffff !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
     color: #F0D6C7 !important; 
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {  
    font-size: 1.5rem !important;
    
}
.offcanvas-menu .sp-module-title {
    font-size: 30px !important;
    font-weight: normal !important;
   }
.offcanvas-menu a {
       color: #ffffff !important;
           font-size: 1.5rem !important;
}
.offcanvas-menu .menu-child a {
      font-size: 1.4rem !important;
}
.schriftnormal .sppb-addon-title {font-family: 'Dosis' !important;}

.kopfbereichhome h2 {color: white !important; font-size: 5rem !important; margin-top: 220px; text-shadow: 2px 2px 2px grey;}
.kopfbereichhome h3 {color: white !important; font-family: 'Dosis'!important; font-size: 2.5rem !important; font-weight: normal !important; line-height: 40px !important; text-shadow: 2px 2px 2px grey; }

.startseitentexthome h1 {
    font-size: 3.5rem!important; font-weight: 500 !important; margin-bottom: 1rem; line-height: 1.1 !important; color: #358200;}
.startseitentexthome h2{
    font-size: 2.1rem!important; font-weight: 500 !important; font-family: 'Dosis'!important; margin-bottom: 1rem; line-height: 1.1 !important; color: #358200;}
.startseitentexthome h3 {font-size: 2.1rem!important; font-weight: 500 !important; font-family: 'Dosis'!important;  line-height: 1.1 !important; color: #358200; margin-bottom: 2.5rem !important; }



.startseitentexthome h4 {font-family: 'Dosis' !important; padding-bottom: 20px;}

.startseitebilderunten .sppb-addon-overlay-image-content:hover .overlay-background-style {
    background: rgba(138,193,133,0.80)!important;
}
.startseitebilderunten .sppb-addon-overlay-image-content {
    margin-right: 10px;
}
.kopfbereichunterseite h1 {color: white !important; font-size: 4.5rem !important; }
.kopfbereichunterseite h2 {color: white !important; font-size: 4.5rem !important; }
.kopfbereichunterseite h3 {color: white !important; font-family: 'Dosis'!important; font-size: 2.0rem !important; font-weight: normal !important; line-height: 40px !important;  }

.bildundtext .image-layout-preset-style-collage .sppb-addon-image-layout-content {
    background: rgba(123, 101, 102, 0.50) ;
}
.bildundtext h3 {color: white !important;}

.ikonliste:hover .sppb-icon-container {
    color: #ffffff !important;
    background-color: #358200 !important;
}
.ikonliste .sppb-icon  {
    color: #358200 !important;
}
.ikonliste .ikonliste-innen {min-height: 240px !important; }
.ikonliste-innen .sppb-addon-title {font-size: 1.5em !important;  }

.hg-grau {background-color: #E7E7E7 !important;}
.strong {font-weight: 600 !important; color: none !important;}


a {    color: #358200 !important;}
a:hover {color: #C2C2C2 !important;}
.logo a {color: #ffffff !important;}
.logo a {color: #ffffff !important;}
#sp-menu a {    color: #ffffff !important;}

#sp-header {
    background: #358200 !important;
    top: 0 !important; }
.startseite .page-header {padding-bottom: 0 !important;}
#sp-header .logo {  max-width: 205px !important;}
#sp-header .logo a {
    font-size: 26px !important;
    font-family:'Allura' !important;   
}

#sp-header .logo a:hover, a:focus, a:active {
    color: #000000;
}

#sp-bottom {
    padding: 80px 0 0px !important;
    font-size: 16px; 
    background: url("../../../images/layout/hg-bottom-oben.png") repeat-x;
}
#sp-bottom p {font-size: 16px !important;   }
#sp-footer1 {text-align: center !important;}

#sp-page-builder .page-content .sppb-section:not(div.sppb-section):first-child {margin-top: 65px !important;}

#sppb-addon-1539935753031 .sppb-icon .sppb-icon-container, 
#sppb-addon-1539935753110 .sppb-icon .sppb-icon-container, 
#sppb-addon-1539935753117 .sppb-icon .sppb-icon-container , 
#sppb-addon-1539935753034 .sppb-icon .sppb-icon-container {
       color: #358200 !important;   
    
}
#sppb-addon-1539935753031 , 
#sppb-addon-1539935753110 , 
#sppb-addon-1539935753117  , 
#sppb-addon-1539935753034 {
       
    background-color: rgba(239,255,238,0.30) !important;
}

.sigplus-gallery>ul>li {
    margin-right: 7px;    
}
.preisangabe {font-size: 1.5em; padding-left: 20px;}
.bildergalerie h2 {    margin-bottom: 3rem;}
.lagekarte div.sppb-addon-content div {margin: 0 auto !important;}

h2#headContent {font-family:'Dosis', sans-serif !important; font-size:1.2rem !important; padding: 10px !important;}

.home-fewos  .pricelist-title {font-size: 25px; 
font-weight: bold;}
.home-fewos  .pricelist-price {font-size: 25px; 
font-weight: bold !important; padding-top: 5px;}
#sp-bottom .kontaktdatenunten p {font-size: 1.3em !important; 
}
.fewo-preisleiste .addon-root-button {margin-bottom: 30px !important;}

.sppb-btn-custom:hover {
    background-color: #6D736A !important;}

.sppb-carousel-extended-dots ul li span, #sppb-addon-0e5f4d1b-6b50-4d7b-a33b-9bc6838c676f .sppb-carousel-extended-dots ul li:hover span, #sppb-addon-0e5f4d1b-6b50-4d7b-a33b-9bc6838c676f .sppb-carousel-extended-dots ul li.active span, .sppb-carousel-extended-dots ul li span {
    background: #358200 !important; }
.sppb-carousel-extended-item img {
    height: auto !important;
    padding-right: 15px !important;}
.sppb-carousel-extended-outer-stage {
    height: auto !important;
}

.kenburns-bg .sppb-row-container {
    overflow: hidden;
}

.sppb-section.kenburns-bg  {
    animation: kenburns 20s infinite alternate;
    -webkit-animation: kenburns 20s infinite alternate;
}

@keyframes kenburns {
    0% {
        transform: scale(1) translate(0, 0);
    }
    100% {
        transform: scale(1.2) translate(2%, 2%);
    }
}
.button-hg01 {background-color: rgba(230,215,178,1.00)}

.kfmodul h2 {margin-bottom: 15px;}
.kfmodul h3 {margin-top: 30px;}

.sp-page-builder .page-content #section-id-1539842090211 {    
   /* erstes ist rechts */
    background-position: 10% 90%!important;}
/* für mobile: */
.sp-page-builder .page-content #section-id-89a73a57-014c-4e58-aa99-edf4295f4b73 {    
   /* erstes ist rechts */
    background-position: 10% 90%!important;}

.convertforms label {transform:none !important;}

.convertforms h3.cf-heading {
   font-size: calc(1.3rem + .6vw) !important;}
.convertforms .cf-input {
    padding: 2px;}


#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
    margin: 0 0 10px !important;
   font-size: 1.9em !important;
    font-weight: normal;   
}

.home-gastgeber h2 {
    color: #000000 !important;
    margin-bottom: 1rem !important; 
    font-weight: 500 !important;
    font-size: 3rem !important;
}
.home-gastgeber p {
    color: #000000 !important;
    font-weight: 300 !important;
    font-size: 1.5rem !important;
}

/* für Bearbeitung durch den User */
.modulanmeldung #login-form-136 button.plg_system_webauthn_login_button{
    display: none;
}

.view-article #sp-main-body .container .article-details .article-header{ 
    padding-top: 10px !important;
    padding-bottom: 0px !important;
    margin-bottom: 50px !important;
}

.article-details .article-can-edit {
    margin-top: 150px;
    margin-bottom: 0px;
}
.view-article #sp-main-body .container .article-details .article-header h1 {
    line-height: 26px;
    color: #fff;
    margin: 0 auto 20px;
}

.view-article #sp-main-body .container .article-details .article-header .article-social-share {display: none;}

.view-article #sp-main-body .container .article-details [itemprop="articleBody"] {
  padding: 50px;}

/* damit der user nicht im frontend wahllos editieren kann */
.view-page #sp-main-body a.sp-pagebuilder-page-edit, .view-page .body-innerwrapper a.sp-pagebuilder-page-edit {
  display:none;}

/* damit bei den Unterseiten oben der richtige Abstand ist */
.unterseite .page-content {margin-top: 17px !important;}
.unterseite2 {margin-top: 65px !important;}

#sp-header .logo a {
    font-size: 30px !important;    
}
#sp-header.celestia-header.classic-layout .header-with-modal-menu a{
    color: #ffffff !important;
    font-weight: 500 !important;} 
 
#sp-header.celestia-header.header-with-modal-menu a {
    color: #fff !important;font-weight: 500 !important;
}

.sp-contact-info li {    
    font-size: 110% !important;    
}
#sp-header.header-with-modal-menu a {
    color: #ffffff !important; 
}

#sp-header.celestia-header .modal-menu-left {
    background-image: url(../images/modal-menu.jpg);
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
#sp-header.celestia-header .modal-menu-right
{ background-color: rgba(123, 101, 102, 0.50)!important;
    background-image: none !important;  
}

.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #fff !important;
}

/* richtiger Abstand von oben */
#sp-page-builder.startseite {margin-top: -10px !important;}
#sp-page-builder.unterseite {margin-top: -15px !important;}


.startseite-uebersicht h3 {font-family: 'Dosis' !important;}

#sp-header.celestia-header {
       background-color: rgba(123,101,102,0.50) !important; 
}
.body-wrapper #sp-header.celestia-header.header-sticky {
        background-color: rgba(123,101,102,0.50) !important; 
}
.hgbild-kopf h1 {color: #fff !important; text-shadow: 3px 3px 4px #000;}
#sp-footer, #sp-bottom {
    background-color: #ffffff; color: #000000;
}
#modal-menu .sp-megamenu-parent > li:hover > a, #modal-menu .sp-megamenu-parent > li:hover > span, #modal-menu .sp-megamenu-parent > li.active > a, #modal-menu .sp-megamenu-parent > li.active > span
 {   color: #fff !important;
}
#sp-header.celestia-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item:before {
      display: none !important;
 
}
#sp-header.header-with-modal-menu
 {
    color: #ffffff !important;
}

body .sppb-btn, body .btn {
    text-transform: none !important;
}
/*#sp-bottom .row>* {
    padding-right: 0 !important;
    padding-left: 0;
   }*/
#sp-footer {
    padding: 10px 0px 20px 0px;
    font-size: 14px;
    background-image: none;
    border-top: #7B6566 thin solid;
}

#sppb-addon-6de173c6-a745-4b95-9ace-c073370ba748 .sppb-addon-text-block .sppb-addon-content h2,
#sppb-addon-7276352b-adbb-452f-a742-3dc700319d83 .sppb-addon-text-block .sppb-addon-content h2,
#sppb-addon-a77e047a-772c-4b9d-a91a-de0b9af59c79 .sppb-addon-text-block .sppb-addon-content h2
{font-size: calc(1.625rem + .9vw) !important;}

#sppb-addon-164790cc-0e28-450c-8dfb-2f53ae85b4c3 .sppb-addon-text-block .sppb-addon-content h3 {font-size: calc(1.625rem + .9vw) !important;}

body .sppb-btn, body .btn {
    text-transform:uppercase !important;
    font-size: 20px;
    font-weight: bold;}

.umgebung h3 {margin-top: 80px;}
.bildabstand { padding-left: 50px; 
}

/* für Anzeige Button Abbrechen beim Bearbeiten */
.hu-content-edit .btn-danger {
    --bs-btn-color: red !important;}


























/* medienanpassungen */
/* min width: 576, 768, 992, 1200, 1400 */


@media (min-width: 992px) {
    #sp-logo.col-lg-3 {
        flex: 0 0 auto;
        width: 30% !important;   }
    #sp-menu.col-lg-9 {
        flex: 0 0 auto;
        width: 70% !important;}
}

@media (min-width: 1200px){
    .h1,h1 { font-size:2.9rem }
    .h2,h2 { font-size:2.3rem  }
    .startseite .h2, .startseite h2 {font-size: 2.5rem;}
    .h3,h3 { font-size:1.75rem  }
    .h4,h4 { font-size:1.5rem  } 
}

/* handy */
@media (max-width: 575.98px) {
   .fewo-uebersicht .h2 { font-size: calc(2rem + .9vw)}
   .startseite .h2, .startseite h2 {font-size: calc(2rem + .9vw)}    
   
   .home-fewouebersicht h2 {font-size: 2.5rem !important; line-height: 2.3rem !important; }
    .home-gastgeber h2 {
    color: #000000 !important;
    margin-bottom: 1rem !important; 
    font-weight: 500 !important;
    font-size: 2rem !important;
        line-height: 1!important;}
.home-gastgeber p {
    color: #000000 !important;
    font-weight: 300 !important;
    font-size: 1.1rem !important;}

.kopfbereichunterseite h1 {color: white !important; font-size: 3rem !important; }
.kopfbereichunterseite h2 {color: white !important; font-size: 3rem !important; }
.kopfbereichunterseite h3 {color: white !important; font-family: 'Dosis'!important; font-size: 2.0rem !important; font-weight: normal !important; line-height: 40px !important;  }

#sp-header { height: 70px;   }
    
}

@media (max-width: 767.98px) {     
    .kopfbereichhome h2 { font-size: 3.5rem !important; margin-top: 220px;}
    .kopfbereichhome h3 {color: white !important; font-family: 'Dosis'!important; font-size: 2.0rem !important; font-weight: normal !important; line-height: 40px !important;  }
}

@media (max-width: 991.98px) {
  
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 1399.98px) {
    
}

@media (min-width: 1200px) {
   .startseitentexthome h3 { font-size:1.65rem }
}



/* gdpr css code here */

/* Zusätze Lissi : */
.cc-compliance-list li a {
    color: #ffffff !important;  
}
a.cc-link label {
    font-size: 12px;}