/*
Theme Name: KJP Luebbenau Mobile Final
Theme URI: https://karstenpaetz.de
Author: Karsten Paetz
Description: Mobiles Onepager-Theme fuer Kinder- und Jugendlichenpsychotherapie Luebbenau mit sauberer Sprunglogik, Urlaubszeiten und Umbruch-Fix.
Version: 1.3
License: GNU General Public License v2 or later
Text Domain: kjp-luebbenau-mobile-final
*/
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,sans-serif;color:#263238;line-height:1.65;background:#fff;overflow-x:hidden}
.kjp-page,.kjp-page *{box-sizing:border-box}
.kjp-page{--blue:#12385A;--green:#4F7A3A;--light:#F6F9FB;--purple:#9B4B86;--sky:#3C8DBC;--yellow:#F3C84D;--orange:#F28A35;--text:#263238;width:100%;max-width:100%;overflow-x:hidden}
.kjp-page section{max-width:940px;margin:0 auto;padding:58px 22px;scroll-margin-top:110px}
.kjp-hero{text-align:center;background:#fff;padding:70px 20px 58px}
.kjp-logo,.custom-logo{max-width:300px;width:80%;height:auto;margin:0 auto 25px;display:block}
.kjp-hero h1{color:var(--blue);font-family:Georgia,serif;font-size:2rem;line-height:1.2;margin:0;overflow-wrap:anywhere;hyphens:auto}
.kjp-hero p{color:var(--green);letter-spacing:1.5px;text-transform:uppercase;margin-top:10px}
.kjp-accent{width:220px;max-width:70%;height:5px;margin:28px auto 0;border-radius:99px;background:linear-gradient(90deg,var(--purple),var(--sky),var(--yellow),var(--orange))}
.kjp-nav{position:sticky;top:0;background:#fff;border-bottom:1px solid #ddd;text-align:center;padding:10px 6px;z-index:999}
.kjp-nav a{display:inline-block;margin:4px 8px;color:var(--blue);text-decoration:none;font-weight:600;font-size:.95rem}
.kjp-nav a:hover{color:var(--green)}
.kjp-light{background:var(--light);max-width:none!important;width:100%}
.kjp-inner{max-width:940px;margin:0 auto}
.kjp-page h2{color:var(--blue);font-family:Georgia,serif;font-size:1.7rem;line-height:1.25;margin-top:0;border-bottom:2px solid rgba(18,56,90,.12);padding-bottom:8px;overflow-wrap:anywhere;hyphens:auto}
.kjp-page h3{color:var(--blue);overflow-wrap:anywhere;hyphens:auto}
.kjp-page p,.kjp-page li{overflow-wrap:anywhere;hyphens:auto}
.kjp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:22px}
.kjp-box{background:#fff;padding:22px;border:1px solid #d8e2ea;border-radius:12px;border-top:5px solid var(--sky)}
.kjp-box:nth-child(2){border-top-color:var(--purple)}
.kjp-box:nth-child(3){border-top-color:var(--orange)}
.kjp-contact{background:var(--blue);color:#fff;padding:30px;border-radius:14px;border-top:6px solid var(--green)}
.kjp-contact h2{color:#fff;border-bottom:1px solid rgba(255,255,255,.28)}
.kjp-contact a{color:#fff;font-weight:bold}
#urlaub{max-width:none!important;background:#FFF7EA;border-top:6px solid var(--orange);border-bottom:1px solid #F3D2B5;scroll-margin-top:130px}
#urlaub .kjp-inner{max-width:940px;margin:0 auto;padding:58px 22px}
#urlaub h2{color:var(--blue);border-bottom:2px solid rgba(242,138,53,.35)}
.kjp-urlaub-list{columns:2;column-gap:40px;padding-left:20px}
.kjp-urlaub-note{background:#fff;border-left:5px solid var(--orange);padding:18px;margin-top:20px;border-radius:8px}
.kjp-footer{text-align:center;padding:30px;border-top:1px solid #ddd;font-size:.9rem}
.kjp-footer a{color:var(--blue);text-decoration:none;margin:0 6px}
@media(max-width:650px){
.kjp-logo,.custom-logo{max-width:230px}
.kjp-hero{padding:52px 16px 44px}
.kjp-hero h1{font-size:1.4rem;line-height:1.25}
.kjp-hero p{font-size:.9rem;letter-spacing:1px}
.kjp-page section{padding:42px 18px}
.kjp-page h2{font-size:1.3rem;line-height:1.25}
.kjp-page h3{font-size:1.05rem}
.kjp-page p,.kjp-page li{font-size:.98rem}
.kjp-nav{padding:9px 6px}
.kjp-nav a{font-size:.95rem;margin:4px 6px}
.kjp-grid{grid-template-columns:1fr}
.kjp-urlaub-list{columns:1!important}
#urlaub .kjp-inner{padding:42px 18px}
}