/* ==========================================================
   Praxis für Logopädie Schlömer – seitenspezifische Styles
   (vormals Inline-Styles aus Joomla / SP Page Builder)
   ========================================================== */

/* ---------- Open Sans (lokal, ohne Google-Server) ---------- */
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/open-sans-latin-300-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;font-display:swap;src:url(../fonts/open-sans-latin-300-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/open-sans-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/open-sans-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/open-sans-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;font-display:swap;src:url(../fonts/open-sans-latin-600-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/open-sans-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/open-sans-latin-700-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/open-sans-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;font-display:swap;src:url(../fonts/open-sans-latin-800-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/open-sans-latin-ext-300-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/open-sans-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/open-sans-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Typografie (Template-Einstellungen) ---------- */
body{font-family:'Open Sans',sans-serif;font-weight:300}
h1{font-family:'Open Sans',sans-serif;font-weight:800}
h2{font-family:'Open Sans',sans-serif;font-weight:600}
h3{font-family:'Open Sans',sans-serif;font-weight:normal}
h4{font-family:'Open Sans',sans-serif;font-weight:normal}
h5{font-family:'Open Sans',sans-serif;font-weight:600}
h6{font-family:'Open Sans',sans-serif;font-weight:600}

@media (min-width:1400px){
  .sppb-row-container{max-width:1320px}
  .container{max-width:1140px}
}

/* ---------- Sektionen ---------- */
.sp-page-builder .page-content #home-wrapper{box-shadow:0 0 0 0 #fff;margin:0}

.sp-page-builder .page-content #about-us-wrapper{box-shadow:0 0 0 0 #fff;padding:100px 0 94px 0;margin:0} /* unten 94px + 6px Bildrand = 100px wie oben */
.sp-page-builder .page-content #about-us-wrapper .sppb-section-title .sppb-title-heading{text-align:center}

.sp-page-builder .page-content #services-wrapper{background-image:url(../images/bgablauf.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:0 0;padding:100px 0 0 0;margin:0;color:#fff}
.sp-page-builder .page-content #services-wrapper .sppb-section-title .sppb-title-heading{font-size:60px;line-height:60px;text-align:center;font-weight:300;color:#fff}
.sp-page-builder .page-content #services-wrapper .sppb-section-title .sppb-title-subheading{font-size:24px;text-align:center}
#services-wrapper .sppb-empty-space{height:30px}
#services-wrapper .sppb-addon-title,
#services-wrapper .sppb-feature-box-title{font-size:24px;letter-spacing:0}
#services-wrapper .sppb-icon .sppb-icon-container{display:inline-block;text-align:center;color:#000}
#services-wrapper .sppb-icon .sppb-icon-container>i{font-size:60px;width:60px;height:60px;line-height:60px}
#services-wrapper .sppb-addon-content{text-align:center}

.sp-page-builder .page-content #portfolio-wrapper{box-shadow:0 0 0 0 #fff;padding-top:100px;margin:0;color:#000}
.sp-page-builder .page-content #portfolio-wrapper .sppb-section-title .sppb-title-heading{font-size:60px;line-height:60px;text-align:center;font-weight:300;color:#000}
.sp-page-builder .page-content #portfolio-wrapper .sppb-section-title .sppb-title-subheading{font-size:24px;text-align:center}

.sp-page-builder .page-content #stelle-wrapper{padding:50px 0;margin:0}
.sp-page-builder .page-content #stelle-wrapper .sppb-section-title .sppb-title-heading{text-align:center}
#stelle-wrapper .sppb-addon-title,
#stelle-wrapper .sppb-feature-box-title{letter-spacing:0}
#stelle-wrapper .sppb-addon-content{text-align:center}

.sp-page-builder .page-content #contact-wrapper{background-color:#000;padding:50px 0 0 0;margin:0;color:#fff}
.sp-page-builder .page-content #contact-wrapper .sppb-section-title .sppb-title-heading{text-align:center;color:#fff}
.sp-page-builder .page-content #contact-wrapper .sppb-section-title .sppb-title-subheading{text-align:center}
#contact-map-wrapper{margin:0 0 30px 0}
#contact-map-wrapper .sppb-addon-openstreetmap{display:block;width:100%;height:540px;border:0}
#contact-map-wrapper .map-link{display:block;text-align:right;padding:4px 10px 0}
#contact-map-wrapper .map-link a{color:#fff}

.sp-page-builder .page-content #contact-bottom{background-color:#000;padding:40px 0 50px 0;margin:0}
#contact-bottom .sppb-addon-title{color:#fff;font-size:16px;letter-spacing:0}
#contact-bottom .sppb-feature-box-title,
#contact-bottom .sppb-feature-box-title a{font-size:16px;letter-spacing:0;color:#fff}
#contact-bottom .sppb-icon .sppb-icon-container{display:inline-block;text-align:center}
#contact-bottom .sppb-icon .sppb-icon-container>i{font-size:25px;width:25px;height:25px;line-height:25px}
#contact-bottom .sppb-addon-content{text-align:center}

.sp-page-builder .page-content #impressum-wrapper{padding:50px 150px;margin:0}
.sp-page-builder .page-content #impressum-wrapper .sppb-section-title .sppb-title-heading,
.sp-page-builder .page-content #impressum-wrapper .sppb-section-title .sppb-title-subheading{text-align:center}
#impressum-adresse{padding-left:100px}
#impressum-adresse .sppb-feature-box-title{letter-spacing:0}
#impressum-adresse .sppb-addon-content{text-align:left}
#impressum-tabs .sppb-tab-pane{padding:5px 0;margin:0}
#impressum-tabs{color:#333}

/* ---------- Spalten (Page-Builder-Raster) ---------- */
.col-100{max-width:100%;flex-basis:100%}
.col-50{max-width:50%;flex-basis:50%}
.col-25{max-width:25%;flex-basis:25%}
@media (max-width:1199.98px){.col-50,.col-25{max-width:100%;flex-basis:100%}}

/* ---------- Kleinere Bildschirme ---------- */
@media (max-width:991.98px){
  .sp-page-builder .page-content #impressum-wrapper{padding:50px 15px}
  #impressum-adresse{padding-left:0}
}

/* ---------- Menü: waagerecht erst, wenn es in eine Zeile passt ---------- */
/* Unterhalb 1200px bricht die Menüleiste um, deshalb dort das Menü mit den
   drei Strichen; ab 1200px umgekehrt: Menüleiste sichtbar, Striche weg. */
.sp-megamenu-parent{display:none}
#offcanvas-toggler{display:block}
@media (min-width:1200px){
  .sp-megamenu-parent{display:block}
  #offcanvas-toggler{display:none}
}

/* ---------- Leistungen: ehemalige Demo-Schlagworte ausblenden ---------- */
.sp-simpleportfolio .sp-simpleportfolio-tags{display:none}

/* ---------- Kontakt-Links wie Überschriften darstellen ---------- */
#contact-bottom a{color:#fff}
#contact-bottom a:hover{text-decoration:underline}