/*
Theme Name: Kosmetikstudio Michaela – Originaltreu
Theme URI: https://www.kosmetikstudio-michaela.de/
Author: Website-Migration
Description: Klassische, schlanke WordPress-Neuauflage mit Original-KM-Logo, Originalbildern, Originalnavigation und vom Auftraggeber gelieferten Texten. Keine externen Schriftarten und kein Page Builder erforderlich.
Version: 1.5.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: kosmetikstudio-michaela
*/

:root{--orange:#eb9d28;--orange-deep:#bf6c27;--gold:#ffce45;--ink:#5f655f;--line:#e7dfd2;--soft:#fcfaf5;--bg-main:#f7f2e9;--bg-top:#fdf9f2;--bg-bottom:#e6d2b7;--bg-panel:#f3eadc;--bg-accent:#e9d7bf;--green-option:#cef5c7;--nav-gray:#677b63}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.8 Arial,Helvetica,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--bg-top) 0%,#f8f1e6 35%,#eddcc6 72%,var(--bg-bottom) 100%)}a{color:inherit}button{font:inherit}.wrap{width:min(1100px,calc(100% - 48px));margin-inline:auto}
.preview-banner{background:#382c22;color:#fff;text-align:center;font-size:11px;letter-spacing:.06em;padding:7px 14px}
.site-shell{width:min(1240px,calc(100% - 64px));margin:0 auto;background:linear-gradient(180deg,#f8f1e4 0%,#f5ede0 48%,#ead7bf 100%);box-shadow:0 0 0 1px rgba(204,183,152,.42), 0 20px 50px rgba(152,126,90,.08)}
.topbar{font-size:12px;color:#8b857d;border-bottom:1px solid #e4d5c0;padding:7px 0;background:transparent}.topbar .wrap{display:flex;justify-content:space-between;gap:16px;align-items:center}.topbar a{color:#777;text-decoration:none}.topbar a:hover{color:var(--orange)}
.masthead{text-align:center;padding:22px 0 12px;background:transparent}.brand{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.brand-logo{width:210px;height:188px;display:block;object-fit:contain}
.site-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;z-index:20;background:linear-gradient(180deg,#faf4ea 0%,#eedfca 100%)}.nav-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.nav-item{position:relative}.nav-link{display:block;text-decoration:none;padding:18px 20px;font:600 14px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.03em;text-transform:uppercase;color:var(--nav-gray)}.nav-link:hover,.nav-link.active,.current-menu-item>.nav-link{color:var(--orange-deep)}
.nav-dropdown{position:absolute;top:100%;left:0;min-width:225px;background:linear-gradient(180deg,#fbf7f0 0%,#eadbc5 100%);border:1px solid #dbc8ae;box-shadow:0 13px 27px #00000014;display:none;padding:7px 0}.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{display:block}.nav-dropdown a{display:block;padding:7px 18px;text-decoration:none;font-size:13px;white-space:nowrap;color:#6f7369}.nav-dropdown a:hover,.nav-dropdown a.active{background:#faf6f0;color:var(--orange-deep)}
.mobile-toggle{display:none;cursor:pointer;background:#f8f2e8;border:1px solid var(--line);padding:8px 14px;color:#6f7369;margin:8px auto}
.hero{height:min(41.35vw,490px);min-height:235px;background-color:#eadbc7;background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 2px 0 rgba(209,185,150,.35), 0 14px 24px rgba(121,95,58,.05)}
.content{min-height:330px;max-width:920px;margin:0 auto;padding:56px 34px 74px;text-align:center;background:transparent}.content h1{font:700 28px/1.25 Arial,Helvetica,sans-serif;color:#585d57;letter-spacing:0;margin:7px 0 18px}.content h2{font:700 25px/1.35 Arial,Helvetica,sans-serif;color:#61665f;margin:18px 0 20px}.content p{font-size:17px;line-height:1.9;max-width:805px;margin:13px auto;color:#66645f}.content .intro{font-size:18px}.page-mark{width:53px;height:2px;background:linear-gradient(90deg,#eb9d28 0%,#d68426 100%);margin:25px auto 28px}.plain-block{padding:5px 0 21px}.plain-block+.plain-block{border-top:1px solid #e9dfd0;padding-top:23px}.duration{color:var(--orange-deep);font-weight:600;font-size:14px!important}.detail-image{display:block;max-width:min(360px,100%);max-height:260px;object-fit:contain;margin:18px auto 29px}.partner-logo{display:block;max-width:min(300px,95%);max-height:170px;object-fit:contain;margin:23px auto}
.contact-strip{background:linear-gradient(180deg,#f7efe3 0%,#e6cfb3 100%);border-top:1px solid #dcc7a9;text-align:center;padding:31px 15px}.contact-strip h2{font-size:21px;font-weight:400;margin:0}.contact-strip p{font-size:14px;margin:4px auto 15px}.cta{display:inline-block;background:var(--orange-deep);color:white;text-decoration:none;padding:9px 25px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.cta:hover{background:#98551f}
.site-footer{border-top:1px solid var(--line);text-align:center;padding:21px 12px;color:#7f776d;font-size:12px;background:transparent}.site-footer a{color:#888;text-decoration:none;margin:0 8px}.site-footer a:hover{color:var(--orange)}
@media(max-width:720px){.site-shell{width:calc(100% - 24px)}.wrap{width:calc(100% - 30px)}.topbar{text-align:center}.topbar .wrap{display:block}.topbar span{display:block}.masthead{padding:10px 0}.brand-logo{width:170px;height:152px}.mobile-toggle{display:block}.nav-inner{display:none;flex-direction:column;align-items:stretch;padding:8px 14px 14px}.site-nav.mobile-open .nav-inner{display:flex}.nav-item{border-bottom:1px solid #eee}.nav-link{padding:10px 12px}.nav-dropdown{position:static;display:block;min-width:0;border:0;box-shadow:none;padding:0 0 9px 14px}.nav-dropdown a{font-size:12px;padding:5px 12px}.hero{height:230px;min-height:0;background-position:64% center}.content{padding:36px 17px 55px}.content h1{font-size:29px}.content h2{font-size:22px}.content p{font-size:15px;line-height:1.8}.contact-strip h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero{background-image:url("assets/titelbild.webp");}

/* WordPress menu markup */
.nav-inner>.wp-menu{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:0;padding:0;list-style:none}.wp-menu>li{list-style:none;position:relative}.wp-menu>li>a{display:block;text-decoration:none;padding:16px 20px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#555}.wp-menu>li>a:hover,.wp-menu>.current-menu-ancestor>a,.wp-menu>.current-menu-item>a{color:var(--orange-deep)}.wp-menu .sub-menu{position:absolute;z-index:21;left:0;top:100%;background:#f7f4ed;min-width:225px;margin:0;padding:7px 0;display:none;box-shadow:0 13px 27px #00000014;border:1px solid #ece9e4;list-style:none}.wp-menu>li:hover>.sub-menu,.wp-menu>li:focus-within>.sub-menu{display:block}.wp-menu .sub-menu li{list-style:none}.wp-menu .sub-menu a{display:block;padding:7px 18px;text-decoration:none;font-size:13px;white-space:nowrap;color:#666}.wp-menu .sub-menu a:hover,.wp-menu .sub-menu .current-menu-item a{background:#faf6f0;color:var(--orange-deep)}
@media(max-width:720px){.nav-inner>.wp-menu{display:flex;align-items:stretch;flex-direction:column;width:100%}.wp-menu>li{border-bottom:1px solid #eee}.wp-menu>li>a{padding:10px 12px}.wp-menu .sub-menu{display:block;position:static;border:0;box-shadow:none;min-width:0;padding:0 0 8px 14px}.wp-menu .sub-menu a{font-size:12px;padding:5px 12px}}

/* === Gestaltung v1.1: Screenshot-Headline + dauerhaft hinterlegte Farbpaletten === */
:root{
  --ksm-background:#f7f4ed; /* Aktueller Standard: warmes Creme */
  --ksm-heading:#eb9d28; /* Orange der Original-Überschrift */
  --ksm-menu:#677b63; /* Graugrün der Original-Navigation */
  --ksm-contact-background:#fbf8f2;
}
body.ksm-palette-green{
  --ksm-background:#cef5c7; /* Exakter Originalton aus Kundenscreenshot */
  --ksm-contact-background:#e2f7dc;
}
body{background:var(--ksm-background)}
/* Wie in der Referenz: Nur Logo, große Orange-Headline und Menü im Kopf. */
.topbar{display:none}
.masthead{padding:60px 16px 0;background:var(--ksm-background)}
.brand-logo{width:260px;height:260px;object-fit:contain}
.site-title{
  margin:82px auto 45px;
  color:var(--ksm-heading);
  text-align:center;
  font-weight:500;
  font-size:clamp(29px,3.4vw,52px);
  line-height:1.23;
  letter-spacing:.058em;
  text-transform:uppercase;
}
.site-nav{background:var(--ksm-background);border:0}
.nav-inner{padding:0 12px 96px}
.nav-link,.wp-menu>li>a{
  color:var(--ksm-menu);
  font-size:clamp(16px,1.62vw,25px);
  font-weight:650;
  letter-spacing:.005em;
  line-height:1.45;
  padding:8px 30px;
}
.nav-link:hover,.nav-link.active,.current-menu-item>.nav-link,
.wp-menu>li>a:hover,.wp-menu>.current-menu-ancestor>a,.wp-menu>.current-menu-item>a{color:var(--orange-deep)}
.nav-dropdown,.wp-menu .sub-menu,.mobile-toggle{background:var(--ksm-background)}
.contact-strip{background:var(--ksm-contact-background)}
@media(max-width:1000px){
  .nav-link,.wp-menu>li>a{padding:10px 16px;font-size:clamp(15px,1.9vw,20px)}
  .nav-inner{padding-bottom:65px}
  .site-title{margin:58px auto 34px}
}
@media(max-width:720px){
  .masthead{padding:25px 14px 6px}
  .brand-logo{width:175px;height:175px}
  .site-title{font-size:clamp(23px,6vw,34px);letter-spacing:.025em;margin:32px auto 17px}
  .mobile-toggle{border-color:var(--line)}
  .site-nav .nav-inner{padding:5px 14px 16px}
  .nav-link,.wp-menu>li>a{font-size:16px;padding:10px 12px}
}

/* Transparent padding in the supplied logo file is preserved;
   visual scale compensates for it without changing the source logo. */
.brand-logo{transform:scale(1.52);transform-origin:center center}
@media(max-width:720px){.brand-logo{transform:scale(1.28)}}