@charset "utf-8";
/* CSS Document */
/* rosa: #ddbfb1 schwarz:	#383330 , anthrazit: #84827F, braun hell:	#ddbfb1, cremefarben:	#f4ede6 hellgrau: #EFEFEF */
/* dunkler braun: #9F897F */
/* schrift: Lato und Farbe: #84827F /

/*  für Hervorhebung */
/* libre-caslon-display-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: 'Libre Caslon Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/libre-caslon-display-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* für normal vom Kunden work sans - aber Lato ist besser */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/work-sans-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lieber: lato-regular - latin */
/* lato-100 - 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: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/lato-v24-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-100italic - 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: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/lato-v24-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-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: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-300italic - 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: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/lato-v24-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-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: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-italic - 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: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v24-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-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: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-700italic - 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: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lato-v24-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-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: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato-v24-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-900italic - 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: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/lato-v24-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
    background-color: #fff;
    color: #84827F;
    font-family: Lato !important;
    font-size: 17px !important;
    font-weight: 400;
    font-style: normal;
    line-height: 1.7143;
    letter-spacing: 0;
    margin-bottom: 100px !important;
}
#sp-section-4 p {font-size: 16px !important;}
a {    color: #ddbfb1 !important;}
a:hover {color: #EBCBBC !important;}


h1 {font-family: 'Libre Caslon Display' !important;
    font-size: 35px !important; 
    letter-spacing: 1px;}
h2 {font-family: 'Libre Caslon Display' !important; font-size: 30px !important; letter-spacing: 1px;}
h3 { font-family: 'Libre Caslon Display' !important; font-size: 25px !important; letter-spacing: 1px; }
h4 { font-family: 'Libre Caslon Display' !important; font-size: 20px !important; }

.sppb-icon-container  {
       color: #ddbfb1 !important;
}
.sppb-icon-container {
       -webkit-text-stroke: 0.168rem #ddbfb1 !important;
}

.startseite .startslide01 h1
{ font-size: 29px !important; color: #ffffff;
line-height: 1.3em;}

.startseite .startslide01 h2 {font-family: 'Libre Caslon Display' !important; font-size: 56px !important; color: #f4ede6; letter-spacing: 1px;}

.startseite .startslide01-2025 h1
{ font-size: 35px !important; color: #382803;
line-height: 1.3em;}
.startslide01-2025-person h1
{ font-size: 35px !important; color: #382803;
line-height: 1.3em;}
.startseite .startslide01-2025-mobile h1
{ font-size: 29px !important; color: #ffffff;
line-height: 1.3em;}
.startslide01-2025-person h2 {font-family: 'Libre Caslon Display' !important; font-size: 56px !important; letter-spacing: 1px;}
.startslide01-2025-mobile-person h1
{ font-size: 29px !important;  color: #ffffff;
line-height: 1.3em;}

.startseite .startslide01-2025 h2 {font-family: 'Libre Caslon Display' !important; font-size: 56px !important; color: #382803; letter-spacing: 1px;}

.startseite .start-02 h2 {font-family: 'Libre Caslon Display' !important; font-size: 66px !important;  color: #ddbfb1 !important; letter-spacing: 8px !important; line-height: 70px !important;}

.startseite .start-02 h2 {
    font-size: 28px !important;
    color: #ddbfb1 !important;
    font-weight: bold; letter-spacing: 1px !important;
    line-height: 38px !important;}
.startseite .start-02b h4 {
    font-size: 28px !important;
    color:#84827F !important;
    line-height: 38px !important;}

.textmitshadowweiss {text-shadow: 3px 3px 5px #ffffff;}
.textmitshadowschwarz {text-shadow: 3px 3px 5px #000000; color: #ffffff;}


.startseite .start-03 h5, .startseite .start-04 h5 {color:#EBCBBC !important; }

.personenblock h3 {font-family: 'Libre Caslon Display' !important; font-size: 30px !important; letter-spacing: 1px;}

#sppb-addon-1643006888251 .sppb-person-information {
    background: #ddbfb1 !important;
    }
.sp-page-builder .page-content #section-id-1643023071442 > .sppb-row-overlay {
    background-color: #ddbfb1 !important;
}
.bottomunten .sppb-icon .sppb-icon-container .fas {color:#EBCBBC !important; }
/* .bottomunten {position:fixed; z-index: 8888 ; } */

.convertforms label {transform: none !important;}
.single-product-list h3 a {    color: #383330 !important;}
.single-product-list .sppb-addon-feature .sppb-addon-text p{
    font-weight: normal !important;
    letter-spacing: inherit!important; 
    font-size: 14px !important;
    margin-top: 20px;
}
.sp-page-title h2 {
       text-transform: none !important;    
}
a.pathway {
    color: #ffffff !important;
}
ol.breadcrumb .fa-map-marker-alt:before {   
    padding-right: 5px;
}
/* button information */
.sppb-btn-info.sppb-btn-outline {
    color: #383330 !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    border-radius: 5px !important;
    margin-bottom: 15px;
}
.sppb-btn {
    border-radius: 5px !important;
    
}
.sppb-addon-image-content.bildrechts-contain  .sppb-image-holder{ 
    top: 30% !important;
    height: 50% !important;
    background-position: 50%;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
#sp-bottom {padding-top: 50px!important; padding-bottom: 50px !important; background-color: #ffffff !important; 
        font-size: 16px !important; }
.logo-image {
      vertical-align: top !important;
}
#sp-header .logo {
    height: 89px !important;    
}
.sp-page-title {
    padding: 20px 0 120px !important;
    
}
.ueberblickangebote .single-product-list .sppb-addon-wrapper div.ueberblick  {min-height: 400px !important; }
/*.meineperson h1 {color: #ffffff !important;}*/

.dsgvo-feld .cf-control-input-desc {font-size: 14px;}
#sp-section-4 {background-color: #EFEFEF !important;}
.hauptbereiche {min-height: 500px;}
.hauptbereiche-systemisch {min-height: 300px;}
.home-maininhalt .sppb-addon-content {font-size: 28px !important;}
.hauptbereiche h4 {font-size: 30px !important; }

.kopfbreadcrumb h1 {color: #ffffff !important; }
.ueberschriftunterseite h1 {color: #ddbfb1 !important; }

.therapie-auswahl .sppb-flipbox-panel, .threeD-item {
    height: 380px;
}
.therapie-auswahl .sppb-flipbox-front, .therapie-auswahl .threeD-flip-front {
    border-radius: 15px !important;
}
.therapie-auswahl .sppb-btn {
    color: #ffffff !important;
    font-weight: normal;
    padding: 10px 20px;
   }
.therapie-auswahl .flip-box-inner p {
    font-size: 16px;
    
   }
.therapie-auswahl .flip-box h2 {
    text-shadow: 2px 2px 2px #000 ;
    
   }
.kontaktformular h3 {padding-top: 20px;}
.kontaktformular a, .kontaktformular a:focus {
    color: #B99686 !important;
}
.systemischeberatung-flipboxsection i {
    font-size:25px;background-color:#fff; display:inline-block; color:#B99686; width:20px;height:20px;line-height:20px;border-radius: 50%;}
.systemischeberatung-flipboxsection .sppb-flipbox-panel .flip-box {
        justify-content: flex-start !important; 
}
.betont01 {font-family: 'Libre Caslon Display' ; font-size:1.2em ;  color: #ddbfb1 ; font-weight: bold;}
.kontaktlinks a {color: #382803 !important;}
.kontaktlinks a:hover {color: #93918E !important;}
.convertforms.cf-success .cf-response {
    background-color: #93CCD3 !important;   
}

/* button01 information */
.aktuellebutton .sppb-btn-custom {
    background-color: #ddbfb1 !important;
    color: #000 !important;
    font-weight: normal;
    padding: 10px 20px;
}


















/* media */
@media only screen and (min-width: 1200.1px) {
.formulardesktop {display: block; }
.formularsmart {display: none; }  
    
}

@media only screen and (max-width: 1200px) {
.hauptbereiche  {min-height: 450px; }
.formulardesktop {display: none; }   
.formularsmart {display: block; }       
}

@media only screen and (max-width: 992px) {


}

@media only screen and (max-width: 768px) {
.hauptbereiche  {min-height: 400px; }

}

@media only screen and (max-width: 480px) {
.startseite .sp-page-builder .page-content #section-id-1642672525137.startslide01.sppb-element-loaded {
    background-image: url("../../../images/layout/slide01-639x600.jpg")!important;
    background-position: 00% 50%;
}
.startseite .startslide01 h2 {
    font-size: 36px !important;    
} 
.startseite .startslide01 h1 {
    font-size: 29px !important;
  text-shadow: 1px 1px black;
    margin-top: 60px;
}

    
}

@media (min-width: 768px){


}


/* gdpr css code here */

/* Zusätze Lissi : */
.cc-color-override--1065348003 a.cc-btn {
    color: rgb(255, 255, 255) !important;  
}
a.cc-link label {
    font-size: 12px;}


span#cookieconsent\:desc {
    line-height: 1.5;}

.cc-compliance a {
    color: #ffffff !important;
}

/* event. nicht nötig bei dem Template: 
@media screen and (max-width: 499px){

    div.cc-window.cc-floating.cc-center {
    max-width: 300px;
    margin-top: 0 !important;
    top: 1%}

}*/