/* Shared presentation for existing public PHP pages. No form logic. */
body.praxis-design{--ps-ink:#173d3e;--ps-green:#245b56;--ps-muted:#596a67;--ps-paper:#f8f7f2;--ps-line:#dce2db;--ps-sage:#e7ede5;margin:0;background:var(--ps-paper);color:var(--ps-ink);font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.7;padding-top:0!important}
body.praxis-design *{box-sizing:border-box}
body.praxis-design .overflow_wrapper{overflow:visible;background:var(--ps-paper)}
.praxis-design .ps-container{width:min(1240px,calc(100% - 80px));margin:auto}
.praxis-design .ps-topbar{background:var(--ps-ink);color:#fff;font-size:12px;letter-spacing:.3px}
.praxis-design .ps-topbar .ps-container{display:flex;justify-content:space-between;gap:15px;padding:8px 0}
.praxis-design .ps-topbar a{color:#fff;text-decoration:none}
.praxis-design .ps-header{position:relative;display:flex;justify-content:space-between;align-items:center;gap:25px;height:112px;background:transparent}
.praxis-design .ps-brand{display:flex;gap:13px;align-items:center;color:var(--ps-ink);font-size:20px;font-weight:600;text-decoration:none;line-height:1.3;white-space:nowrap}
.praxis-design .ps-brand small{display:block;font-size:12px;font-weight:400;letter-spacing:1px;color:var(--ps-muted);margin-bottom:5px}
.praxis-design .ps-symbol{width:56px;height:56px;overflow:hidden;display:block;flex-shrink:0}
.praxis-design .ps-symbol img{height:56px;width:auto;max-width:none;display:block}
.praxis-design .ps-navigation{display:flex;align-items:center;gap:23px;font-size:14px}
.praxis-design .ps-navigation>a{color:var(--ps-ink);text-decoration:none}
.praxis-design .ps-navigation>a:hover,.praxis-design .ps-servicebar a:hover{text-decoration:underline;text-underline-offset:5px}
.praxis-design .ps-button,.praxis-design #praxis-inhalt .btn,.praxis-design #praxis-inhalt button:not(.close),.praxis-design #praxis-inhalt input[type=submit]{display:inline-flex;justify-content:center;align-items:center;gap:15px;background:var(--ps-green)!important;border:1px solid var(--ps-green)!important;color:white!important;padding:12px 21px;border-radius:5px;font:600 14px/1.5 "Segoe UI",Arial,sans-serif;text-transform:none;letter-spacing:0;text-decoration:none;box-shadow:none;white-space:normal;cursor:pointer;min-height:45px}
.praxis-design .ps-button:hover,.praxis-design #praxis-inhalt .btn:hover,.praxis-design #praxis-inhalt input[type=submit]:hover{background:var(--ps-ink)!important}
.praxis-design #praxis-inhalt button:disabled,.praxis-design #praxis-inhalt input:disabled{opacity:.55;cursor:not-allowed}
.praxis-design .ps-menu-toggle{display:none}
.praxis-design .ps-servicebar{background:var(--ps-sage);border-top:1px solid var(--ps-line);border-bottom:1px solid var(--ps-line)}
.praxis-design .ps-servicebar .ps-container{display:flex;gap:30px;align-items:center;padding:13px 0;font-size:13px;flex-wrap:wrap}
.praxis-design .ps-servicebar span{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-right:auto}
.praxis-design .ps-servicebar a{color:var(--ps-ink);text-decoration:none}
.praxis-design [aria-current=page]{text-decoration:underline!important;text-underline-offset:5px;font-weight:700}
.praxis-design #praxis-inhalt{display:block;min-height:45vh;padding-bottom:50px}
.praxis-design #praxis-inhalt .container{width:min(1120px,calc(100% - 80px));max-width:100%}
.praxis-design #praxis-inhalt .container .container{width:100%}
.praxis-design #praxis-inhalt .head_panel{background:transparent;padding:0;margin:0}
.praxis-design #praxis-inhalt .head_panel .hgroup{position:static;inset:auto;transform:none;width:100%}
.praxis-design #praxis-inhalt .head_panel .hgroup .title .container h1{display:block;position:static;min-width:0;background:none;padding:0}
.praxis-design #praxis-inhalt .head_panel h1:before,.praxis-design #praxis-inhalt .head_panel h1:after{display:none}
.praxis-design #praxis-inhalt .head_panel .title{background:none!important;padding:45px 0 22px;border:0}
.praxis-design #praxis-inhalt .head_panel .title:before,.praxis-design #praxis-inhalt .head_panel .title:after{display:none}
.praxis-design #praxis-inhalt h1{font:500 46px/1.15 "Segoe UI",Arial,sans-serif;color:var(--ps-ink)!important;letter-spacing:-1.5px;text-transform:none;margin:0 0 18px}
.praxis-design #praxis-inhalt h2{font:500 32px/1.25 "Segoe UI",Arial,sans-serif;color:var(--ps-ink);text-transform:none}
.praxis-design #praxis-inhalt h3,.praxis-design #praxis-inhalt h4{font-family:"Segoe UI",Arial,sans-serif;color:var(--ps-ink);text-transform:none;font-weight:600}
.praxis-design #praxis-inhalt .subtitle{display:none}
.praxis-design #praxis-inhalt section{padding:20px 0 30px;background:transparent}
.praxis-design #praxis-inhalt .main{background:transparent;padding:0}
.praxis-design #praxis-inhalt .light_section,.praxis-design #praxis-inhalt .white_section{background:#fff;color:var(--ps-ink)}
.praxis-design #praxis-inhalt .boxed{padding:32px;border:1px solid var(--ps-line);border-radius:7px;box-shadow:0 8px 30px #173d3e06}
.praxis-design #praxis-inhalt form:not([method=dialog]){max-width:850px;margin:20px auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 22px;text-align:left}
.praxis-design #praxis-inhalt form> *{grid-column:1/-1}
.praxis-design #praxis-inhalt form>.ps-field,.praxis-design #praxis-inhalt form>.form-group{grid-column:auto;min-width:0}
.praxis-design #praxis-inhalt form .ps-field-wide{grid-column:1/-1}
.praxis-design #praxis-inhalt form>br,.praxis-design #praxis-inhalt form>p:empty{display:none}
.praxis-design #praxis-inhalt .ps-field{display:block;margin:0;color:var(--ps-ink);font-weight:400}
.praxis-design #praxis-inhalt .ps-field>span,.praxis-design #praxis-inhalt .form-label{display:block;font-size:13px;font-weight:600;margin:0 0 7px;color:var(--ps-ink);text-transform:none}
.praxis-design #praxis-inhalt .form-group{margin:0}
.praxis-design #praxis-inhalt input:not([type=hidden]):not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=button]),.praxis-design #praxis-inhalt select,.praxis-design #praxis-inhalt textarea{width:100%;max-width:100%;min-height:48px;padding:11px 13px;font:16px/1.5 "Segoe UI",Arial,sans-serif;color:var(--ps-ink);border:1px solid #bfcfc6;border-radius:4px;background:#fff;box-shadow:none}
.praxis-design #praxis-inhalt input[type=hidden]{display:none}
.praxis-design #praxis-inhalt textarea{min-height:140px;resize:vertical}
.praxis-design #praxis-inhalt input::placeholder,.praxis-design #praxis-inhalt textarea::placeholder{color:#687972}
.praxis-design #praxis-inhalt input[type=checkbox],.praxis-design #praxis-inhalt input[type=radio]{width:18px;height:18px;accent-color:var(--ps-green)}
.praxis-design #praxis-inhalt a{color:var(--ps-green);text-underline-offset:3px}
.praxis-design #praxis-inhalt font[color=red],.praxis-design #praxis-inhalt font[color="#FF0000"]{color:#9c3329}
.praxis-design #praxis-inhalt font[size]{font-size:inherit}
.praxis-design #praxis-inhalt .text-primary{color:var(--ps-green)}
.praxis-design #praxis-inhalt #terminform{background:#e7ede5;display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:24px;border-radius:5px;margin:28px 0;max-width:100%}
.praxis-design #praxis-inhalt #terminform input[type=date]{width:auto;min-width:180px}
.praxis-design #praxis-inhalt .col-md-1 .btn{padding:9px 13px;min-width:70px}
.praxis-design #praxis-inhalt .col-md-1{min-width:90px}
.praxis-design #praxis-inhalt .teaser_box{padding:24px;border:1px solid var(--ps-line);border-radius:6px;margin-bottom:25px}
.praxis-design #praxis-inhalt .teaser_box .content{padding:15px 0 0}
.praxis-design #praxis-inhalt .teaser_box>img{border-radius:5px;max-width:100%;object-fit:cover}
.praxis-design #praxis-inhalt .skincolored_section{background:var(--ps-sage);color:var(--ps-green)}
.praxis-design #praxis-inhalt .video-container{border-radius:7px;overflow:hidden;background:var(--ps-ink);min-height:360px}
.praxis-design #praxis-inhalt .overlay-text{width:90%;max-width:700px}
.praxis-design #praxis-inhalt .text-container{max-width:100%;border-radius:6px}
.praxis-design #praxis-inhalt dialog{max-width:min(850px,calc(100% - 36px));max-height:85vh;overflow:auto;border:1px solid var(--ps-line);border-radius:8px;padding:25px}
.praxis-design #praxis-inhalt dialog::backdrop{background:#173d3e99}
.praxis-design .ps-footer{background:var(--ps-sage);padding:48px 0 0;color:var(--ps-ink);border-top:1px solid var(--ps-line)}
.praxis-design .ps-legacy-footer{background:var(--ps-sage)!important;color:var(--ps-ink)!important;border-top:1px solid var(--ps-line)}.praxis-design .ps-legacy-footer:before,.praxis-design .ps-legacy-footer:after{display:none}.praxis-design .ps-legacy-footer .transparent-film,.praxis-design .ps-legacy-footer .black_section{background:transparent;color:var(--ps-ink)}.praxis-design .ps-legacy-footer font,.praxis-design .ps-legacy-footer h4,.praxis-design .ps-legacy-footer a{color:var(--ps-ink)}
.praxis-design .ps-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:60px}
.praxis-design .ps-footer h2{font:600 18px/1.4 "Segoe UI",Arial,sans-serif;margin:0 0 18px;text-transform:none;color:var(--ps-ink)}
.praxis-design .ps-footer p{font-size:14px;margin:20px 0 12px}
.praxis-design .ps-footer a{color:var(--ps-ink);font-size:14px;text-decoration:none}
.praxis-design .ps-footer .ps-brand{font-size:19px}
.praxis-design .ps-hours{font-size:13px;margin-bottom:20px}
.praxis-design .ps-hours dt{font-weight:600}.praxis-design .ps-hours dd{margin:0 0 10px}
.praxis-design .ps-footer .ps-button{color:white}
.praxis-design .ps-copyright{border-top:1px solid #cbd6cc;margin-top:35px;padding:19px 0;font-size:11px;color:var(--ps-muted)}
.praxis-design .ps-skip{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:10000}
.praxis-design .ps-skip:focus{top:10px}
.praxis-design a:focus-visible,.praxis-design button:focus-visible,.praxis-design input:focus-visible,.praxis-design textarea:focus-visible,.praxis-design select:focus-visible{outline:3px solid #a27135!important;outline-offset:3px}
@media(max-width:1100px){.praxis-design .ps-navigation{gap:13px;font-size:12px}.praxis-design .ps-brand{font-size:18px}.praxis-design .ps-header{gap:18px}.praxis-design .ps-footer-grid{gap:30px}.praxis-design .ps-servicebar .ps-container{gap:18px}.praxis-design .ps-button{padding:11px 13px}}
@media(max-width:950px){.praxis-design .ps-menu-toggle{display:block;background:none;border:1px solid var(--ps-line);padding:8px 12px;border-radius:4px;font:14px "Segoe UI",Arial,sans-serif;color:var(--ps-ink)}.praxis-design .ps-navigation{display:none;position:absolute;top:100%;left:0;right:0;padding:24px;background:var(--ps-paper);box-shadow:0 12px 20px #173d3e20;z-index:500;align-items:stretch;font-size:15px}.praxis-design .ps-navigation.ps-open{display:flex;flex-direction:column}.praxis-design .ps-footer-grid{grid-template-columns:1fr 1fr}.praxis-design .ps-footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:650px){.praxis-design .ps-container,.praxis-design #praxis-inhalt .container{width:calc(100% - 36px)}.praxis-design .ps-topbar{font-size:10px}.praxis-design .ps-header{height:88px;gap:10px}.praxis-design .ps-symbol{width:42px;height:42px}.praxis-design .ps-symbol img{height:42px}.praxis-design .ps-brand{gap:9px;font-size:16px}.praxis-design .ps-brand small{font-size:10px;letter-spacing:.6px}.praxis-design .ps-menu-toggle{font-size:12px;padding:8px;white-space:nowrap}.praxis-design .ps-servicebar .ps-container{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;font-size:12px}.praxis-design .ps-servicebar span{grid-column:1/-1}.praxis-design #praxis-inhalt .head_panel .title{padding-top:30px}.praxis-design #praxis-inhalt h1{font-size:34px;letter-spacing:-1px}.praxis-design #praxis-inhalt form:not([method=dialog]){grid-template-columns:1fr}.praxis-design #praxis-inhalt .boxed{padding:20px}.praxis-design .ps-footer-grid{grid-template-columns:1fr;gap:30px}.praxis-design #praxis-inhalt .video-container{min-height:430px}.praxis-design #praxis-inhalt .col-md-1{width:auto;float:left}}
@media(prefers-reduced-motion:reduce){.praxis-design *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
