/* ===== Unterseiten im Aufbau der bestehenden sylviafreygner.com ===== */
.ohero{position:relative;min-height:min(900px,100vh);margin-top:-60px;display:flex;align-items:flex-end;background:#222 center/cover no-repeat;color:#fff}
.ohero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,15,14,.62),rgba(17,15,14,.15) 60%),linear-gradient(0deg,rgba(17,15,14,.45),rgba(17,15,14,0) 40%)}
.ohin{position:relative;padding:0 var(--gut) 11vh;display:grid;gap:18px;justify-items:start;max-width:900px}
.ohero .crumb,.ohero .crumb a{color:rgba(255,255,255,.8)}
.osig{width:60px;height:auto;filter:brightness(0) invert(1);margin-top:10px}
.ohero h1{font-size:60px;line-height:1.15;font-weight:300}
.osub{font-size:23px;line-height:1.3}
.oq{padding:90px var(--gut);text-align:center;display:grid;justify-items:center;gap:18px;border-bottom:1px solid #eee}
.oq img{width:46px;filter:invert(1);opacity:.85}
.oq blockquote{margin:0;font-size:clamp(26px,2.8vw,38px);line-height:1.3;font-weight:300;max-width:30ch}
.oby{font-size:15px;letter-spacing:3px;text-transform:uppercase;color:#6b645e}
.otext{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(30px,6vw,110px);padding:90px var(--gut)}
.otb{display:grid;gap:18px;max-width:70ch;align-content:start}
.otb p,.ost p{text-align:justify;hyphens:auto}
.okick{font-size:15px;letter-spacing:3.2px;text-transform:uppercase;color:#6b645e;margin-bottom:12px}
.oh2{font-size:clamp(28px,2.6vw,38px);line-height:1.2;font-weight:300}
.oh2.upper{text-transform:uppercase}
.oh3{font-size:21px;line-height:1.3;font-weight:300;margin-top:6px}
.olist{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.olist li{padding-left:28px;position:relative}
.olist li::before{content:"";position:absolute;left:0;top:11px;width:14px;height:1px;background:var(--ink)}
.osplit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,90px);align-items:center;padding:80px var(--gut)}
.osplit.r .osp{order:-1}
.ost{display:grid;gap:18px;align-content:center;min-width:0}
.osp{position:relative;min-width:0}
.osp img{width:100%;height:auto;display:block}
.osp.two{padding-bottom:12%}
.osp.two .p1{width:80%}
.osp.two .p2{position:absolute;right:0;bottom:0;width:52%;box-shadow:0 18px 40px rgba(0,0,0,.18);border:8px solid #fff}
.orow{display:flex;gap:18px;padding:10px var(--gut) 70px;align-items:flex-start}
.orow img{flex:1 1 0;min-width:0;width:100%;height:auto}
.ogrid-sec{padding:80px var(--gut)}
.ogrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:40px}
.ocard{display:grid;gap:12px;align-content:start}
.ocard img{width:100%;height:auto}
.ocard h3{font-size:21px;line-height:1.3;font-weight:400}
.ocard p{color:#4a4440}
.ocontact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,90px);padding:90px var(--gut);background:#f7f2ee}
.oci{display:grid;gap:18px;align-content:start}
.oci img{width:100%;height:auto;margin-top:10px}
.oform{display:grid;gap:14px;align-content:start;background:#fff;padding:34px}
.oform h3{font-size:23px;font-weight:300}
.oform .fl{font-size:15px;color:#4a4440}.oform .fl span{user-select:all}
.oform label{display:grid;gap:6px;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:#4a4440}
.oform input,.oform textarea{font:inherit;font-size:16px;text-transform:none;letter-spacing:0;border:1px solid #cfc7c2;padding:11px 12px;background:#fff;color:var(--ink)}
.oform .fr{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.oform .chk{display:flex;gap:10px;align-items:flex-start;text-transform:none;letter-spacing:0;font-size:14px}
.oform .chk input{width:auto;margin-top:3px}
.oform .btn{justify-self:start}
.oform .ok{font-size:14px;color:#5A3324}
.oformbox{padding:90px var(--gut);text-align:center;display:grid;justify-items:center;gap:16px;background:#fff}
.oformbox p{max-width:62ch}
.gfslot{margin-top:18px;border:1px dashed #b69b94;background:#f7f2ee;padding:34px;max-width:760px;display:grid;gap:10px;text-align:left}
.gfslot span{font-size:15px;color:#4a4440}
@media (max-width:900px){
  .ohero{min-height:620px;margin-top:0}.ohero h1{font-size:38px}.osub{font-size:19px}
  .otext,.osplit,.ocontact{grid-template-columns:1fr;padding:56px var(--gut)}
  .osplit.r .osp,.osplit .osp{order:-1}
  .ogrid{grid-template-columns:1fr}
  .orow{flex-direction:column}
  .oform{padding:22px}.oform .fr{grid-template-columns:1fr}
  .otb p,.ost p{text-align:left}
}
/* ===== Decision-Making-CI 15.10. (Sylvia 14.10.: „Das wird meine neue Marke“; Rot-Schwarz bleibt nur beim Buch) ===== */
:root{--dm-o:#e0512a;--dm-ink:#111010;--dm-bg:#fefdfb;--didot:Didot,"Bodoni Moda","Bodoni 72",serif}
.tile.dmci{display:block;background:var(--dm-bg);color:var(--dm-ink);text-decoration:none;box-shadow:inset 0 0 0 1px #eee7df}
.tile.dmci::before,.tile.dmci::after{display:none}
.tile.dmci .art{position:absolute;right:0;top:0;left:auto;bottom:auto;transform:none;height:64%;width:auto;filter:none;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.tile.dmci:hover .art{transform:scale(1.03);transform-origin:right top}
.tile.dmci .in{position:absolute;left:8%;right:6%;bottom:8%;display:grid;gap:10px;justify-items:start}
.tile.dmci .by{font-size:11px;letter-spacing:3.4px;text-transform:uppercase;color:#1d1b1a}
.tile.dmci b{font-family:var(--didot);font-weight:400;font-size:clamp(28px,3vw,44px);line-height:1;text-transform:uppercase;display:grid;letter-spacing:.01em}
.tile.dmci b .o{color:var(--dm-o)}
.tile.dmci .claim{font-size:12px;letter-spacing:3.4px;text-transform:uppercase;color:#1d1b1a;margin-top:4px}
.tile.dmci i{width:46px;height:3px;background:var(--dm-o)}
.tile.dmci .sub{font-size:10.5px;letter-spacing:3px;text-transform:uppercase;color:#6b6460}
.dmhero{position:relative;background:var(--dm-bg);min-height:min(760px,88vh);display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #eee7df}
.dmhero .art{position:absolute;right:0;top:0;height:100%;width:auto;max-width:64%;object-fit:contain;object-position:right top}
.dmin{position:relative;z-index:2;padding:90px var(--gut);display:grid;gap:18px;justify-items:start;max-width:820px}
.dmhero .crumb{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#8a817a}
.dmhero .crumb a{color:inherit;text-decoration:none}
.dmhero .by{font-size:13px;letter-spacing:4px;text-transform:uppercase;color:#1d1b1a;display:flex;align-items:center;gap:16px;margin-top:10px}
.dmhero .by i{display:block;width:70px;height:1px;background:#1d1b1a}
.dmhero h1{font-family:var(--didot);font-weight:400;font-size:clamp(40px,5.5vw,86px);line-height:.98;letter-spacing:.01em;text-transform:uppercase;color:var(--dm-ink);display:grid}
.dmhero h1 .o{color:var(--dm-o)}
.dmhero .claim{font-size:15px;letter-spacing:5px;text-transform:uppercase;color:#1d1b1a}
.dmhero .rule{display:block;width:60px;height:3px;background:var(--dm-o)}
.dmhero .sub{font-size:12px;letter-spacing:4px;text-transform:uppercase;color:#1d1b1a}
.dmhero .de{font-size:17px;line-height:1.55;color:#4a4542;max-width:440px;margin-top:8px}
.m5{padding:110px var(--gut);background:#fff;text-align:center}
.m5 .okick{margin-bottom:12px}
.m5 h2{font-family:var(--didot);font-weight:400;font-size:clamp(38px,4.4vw,64px);line-height:1.05;color:var(--dm-ink)}
.m5sub{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2vw,26px);color:#4a4542;margin:12px 0 56px}
.m5g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;text-align:left;max-width:1340px;margin:0 auto}
.m5c{border:1px solid #e9e2da;background:#fdfbf8}
.m5c h3{font-family:var(--didot);font-weight:400;font-size:clamp(28px,2.4vw,36px);text-align:center;padding:26px 16px 6px;color:var(--dm-ink)}
.m5c h3 em{font-style:normal}
.m5c .cap{text-align:center;font-size:11px;letter-spacing:2.4px;text-transform:uppercase;color:#1d1b1a;padding:0 16px 20px;border-bottom:1px solid #e9e2da}
.m5c ul{list-style:none;margin:0;padding:0}
.m5c li{display:grid;grid-template-columns:46% 1fr;align-items:center;border-bottom:1px solid #eee7df}
.m5c li:last-child{border-bottom:0}
.m5c li img{display:block;width:100%;height:auto}
.m5c li div{padding:12px 16px;display:grid;gap:5px}
.m5c li b{font-family:var(--didot);font-weight:400;font-size:19px;line-height:1.15;color:var(--dm-ink)}
.m5c li span{font-size:13.5px;line-height:1.45;color:#4a4542}
.m5c li a{color:inherit;text-decoration:none;background:linear-gradient(var(--dm-o),var(--dm-o)) 0 100%/0 1px no-repeat;transition:background-size .3s}
.m5c li a:hover{background-size:100% 1px}
@media (max-width:1100px){.m5g{grid-template-columns:1fr;max-width:600px}}
@media (max-width:900px){
  .dmhero{display:block;min-height:0}
  .dmhero .art{position:relative;display:block;max-width:none;width:100%;height:auto}
  .dmin{padding:28px var(--gut) 56px}
  .dmhero h1{font-size:9.4vw}
  .dmhero .claim{font-size:12.5px;letter-spacing:3.4px}
  .tile.dmci b{font-size:8.6vw}
  .m5{padding:72px var(--gut)}
}
.dmjoin{padding:100px var(--gut);background:var(--dm-bg);text-align:center;border-top:1px solid #eee7df}
.dmjoin h2{font-family:var(--didot);font-weight:400;font-size:clamp(32px,3.4vw,50px);line-height:1.1;color:var(--dm-ink);margin-bottom:48px}
.dmjg{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1080px;margin:0 auto;text-align:left}
.dmj{background:#fff;border:1px solid #e9e2da;padding:44px 40px;display:grid;gap:16px;justify-items:start;align-content:start}
.dmj .n{font-family:var(--didot);font-size:44px;line-height:1;color:var(--dm-o)}
.dmj h3{font-family:var(--didot);font-weight:400;font-size:28px;color:var(--dm-ink)}
.dmj p{font-size:16px;line-height:1.6;color:#4a4542}
.btn.line-d{background:transparent;color:var(--dm-ink);box-shadow:inset 0 0 0 1px var(--dm-ink)}
.btn.line-d:hover{background:var(--dm-ink);color:#fff}
@media (max-width:900px){.dmjg{grid-template-columns:1fr}.dmj{padding:32px 24px}.dmjoin{padding:72px var(--gut)}}

@media (max-width:900px){.pos{padding:76px var(--gut)}.posg{grid-template-columns:1fr;gap:36px}}