/* Media Design Artwork – Seitenlayout v2 (01.10.2026), alles unter .mda2 */
.mda2{
  --bg:#0b0b0b; --bg2:#121212; --card:#161616; --line:#262321;
  --text:#f2ede7; --muted:#a8a097; --cu:#B87333; --cu-l:#D4924A; --cu-d:#8C5520;
  --cream:#f5f0eb; --ink:#1b1714; --ink-muted:#5f5750;
  --display:'Bebas Neue',Impact,sans-serif; --body:'DM Sans',system-ui,sans-serif; --mono:'Space Mono',ui-monospace,monospace;
  --wrap:1180px; --ease:cubic-bezier(.22,1,.36,1);
}
.mda2{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.65 var(--body);-webkit-font-smoothing:antialiased}
.mda2 a{color:var(--cu-l)}
.mda2 .wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.mda2 .eyebrow{font:400 12px/1.4 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--cu-l);display:inline-flex;gap:10px;align-items:center}
.mda2 .eyebrow::before{content:"◆";font-size:9px}
.mda2 h1,.mda2 h2,.mda2 h3{margin:0;font-weight:400}
.mda2 h1{font:400 clamp(44px,6.2vw,86px)/.98 var(--display);letter-spacing:.01em}
.mda2 h2{font:400 clamp(34px,4.2vw,54px)/1.02 var(--display);letter-spacing:.01em}
.mda2 h3{font:600 20px/1.3 var(--body)}
.mda2 p{margin:0 0 14px}
.mda2 .lead{font-size:clamp(18px,1.6vw,21px);color:#d9d2c9;max-width:640px}
.mda2 .muted{color:var(--muted)}
.mda2 .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:2px;font:600 15px/1 var(--body);letter-spacing:.02em;text-decoration:none;transition:transform .3s var(--ease),background .3s,color .3s,border-color .3s;cursor:pointer;border:1px solid transparent}
.mda2 .btn-cu{background:var(--cu);color:#140d07}
.mda2 .btn-cu:hover{background:var(--cu-l);transform:translateY(-2px)}
.mda2 .btn-line{border-color:rgba(212,146,74,.55);color:var(--text)}
.mda2 .btn-line:hover{border-color:var(--cu-l);color:var(--cu-l)}
.mda2 .btn-dark{background:#140d07;color:var(--cream)}
.mda2 .btn-dark:hover{background:#000}
.mda2 .btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.mda2 .tel-ico::before{content:"";width:16px;height:16px;display:inline-block;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z'/%3E%3C/svg%3E") center/contain no-repeat}
.mda2 section{padding:96px 0}
.mda2 .s-dark2{background:var(--bg2)}
.mda2 .s-cream{background:var(--cream);color:var(--ink)}
.mda2 .s-cream .lead,.mda2 .s-cream p{color:#3d3631}
.mda2 .s-cream .eyebrow{color:var(--cu-d)}
.mda2 .s-cream .muted{color:var(--ink-muted)}
.mda2 .s-cu{background:var(--cu);color:#140d07}
.mda2 .s-cu .eyebrow{color:#140d07}
.mda2 .head{max-width:760px;margin-bottom:48px}
.mda2 .head h2{margin:14px 0 16px}
.mda2 .hero{position:relative;overflow:hidden;padding:84px 0 92px}
.mda2 .hero::before{content:"";position:absolute;inset:-30% -10% auto auto;width:780px;height:780px;background:radial-gradient(closest-side,rgba(184,115,51,.22),rgba(184,115,51,0));animation:glow 14s var(--ease) infinite alternate;pointer-events:none}
@keyframes glow{from{transform:translate(0,0)}to{transform:translate(-120px,80px)}}
.mda2 .hero .grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center;position:relative}
.mda2 .hero h1{margin:18px 0 22px}
.mda2 .hero h1 em{font-style:normal;color:var(--cu-l)}
.mda2 .trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;font-size:14.5px;color:var(--muted)}
.mda2 .trust span::before{content:"✓";color:var(--cu-l);margin-right:8px}
.mda2 .panel{background:linear-gradient(180deg,#181614,#121110);border:1px solid #2c2622;border-radius:14px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.mda2 .panel-top{display:flex;gap:7px;margin-bottom:18px}
.mda2 .panel-top i{width:10px;height:10px;border-radius:50%;background:#3a332e}
.mda2 .panel-top i:first-child{background:var(--cu)}
.mda2 .prow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #241f1c;font-size:15px}
.mda2 .prow b{font-weight:600}
.mda2 .prow small{display:block;color:var(--muted);font-size:13px}
.mda2 .pill{font:400 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:7px 10px;border-radius:99px;background:rgba(184,115,51,.14);color:var(--cu-l);white-space:nowrap}
.mda2 .pill.ok{background:rgba(126,183,129,.13);color:#9fd2a2}
.mda2 .pulse{width:9px;height:9px;border-radius:50%;background:#9fd2a2;box-shadow:0 0 0 0 rgba(159,210,162,.5);animation:pulse 2.4s infinite;display:inline-block;margin-right:8px}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(159,210,162,0)}100%{box-shadow:0 0 0 0 rgba(159,210,162,0)}}
.mda2 .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px}
.mda2 .card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:28px 26px;display:flex;flex-direction:column;transition:border-color .3s,transform .4s var(--ease)}
.mda2 .card:hover{border-color:rgba(212,146,74,.5);transform:translateY(-4px)}
.mda2 .card .num{font:400 12px var(--mono);color:var(--cu-l);letter-spacing:.14em}
.mda2 .card h3{margin:14px 0 10px}
.mda2 .card p{color:#cbc3ba;font-size:15.5px}
.mda2 .card ul{margin:4px 0 18px;padding-left:18px;color:#cbc3ba;font-size:15px}
.mda2 .card li{margin-bottom:4px}
.mda2 .card .more{margin-top:auto;color:var(--cu-l);text-decoration:none;font-weight:600;font-size:15px}
.mda2 .card .more::after{content:" →"}
.mda2 .s-cream .card{background:#fff;border-color:#e4dbd1}
.mda2 .s-cream .card p,.mda2 .s-cream .card ul{color:#4a423c}
.mda2 .s-cream .card .num,.mda2 .s-cream .card .more{color:var(--cu-d)}
.mda2 .ico{width:44px;height:44px;border-radius:10px;background:rgba(184,115,51,.12);display:grid;place-items:center;color:var(--cu-l)}
.mda2 .ico svg{width:24px;height:24px}
.mda2 .s-cream .ico{background:rgba(184,115,51,.14);color:var(--cu-d)}
.mda2 .alarm{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center}
.mda2 .alarm h2{font-size:clamp(30px,3.4vw,46px)}
.mda2 .alarm p{margin:10px 0 0;font-size:18px;color:#2a1a0d}
.mda2 .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:18px;counter-reset:s}
.mda2 .step{border-top:2px solid var(--cu);padding-top:18px}
.mda2 .step::before{counter-increment:s;content:"0" counter(s);font:400 44px/1 var(--display);color:var(--cu-l);display:block;margin-bottom:10px}
.mda2 .s-cream .step::before{color:var(--cu-d)}
.mda2 .step h3{margin-bottom:8px}
.mda2 .split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.mda2 .checks{list-style:none;padding:0;margin:0}
.mda2 .checks li{padding:12px 0 12px 32px;border-bottom:1px solid var(--line);position:relative}
.mda2 .checks li::before{content:"✓";position:absolute;left:4px;color:var(--cu-l);font-weight:700}
.mda2 .s-cream .checks li{border-color:#e2d8cd}
.mda2 .s-cream .checks li::before{color:var(--cu-d)}
.mda2 .chips{display:flex;flex-wrap:wrap;gap:10px}
.mda2 .chips a{border:1px solid #2f2925;border-radius:99px;padding:10px 16px;color:#d9d2c9;text-decoration:none;font-size:15px;transition:border-color .3s,color .3s}
.mda2 .chips a:hover{border-color:var(--cu-l);color:var(--cu-l)}
.mda2 .faq{max-width:860px}
.mda2 .faq details{border-bottom:1px solid var(--line);padding:20px 0}
.mda2 .faq summary{cursor:pointer;list-style:none;font:600 18px/1.4 var(--body);display:flex;justify-content:space-between;gap:20px}
.mda2 .faq summary::-webkit-details-marker{display:none}
.mda2 .faq summary::after{content:"+";color:var(--cu-l);font:400 26px/1 var(--body);transition:transform .3s}
.mda2 .faq details[open] summary::after{transform:rotate(45deg)}
.mda2 .faq details p{margin:14px 0 0;color:#cbc3ba;max-width:760px}
.mda2 .s-cream .faq details{border-color:#e2d8cd}
.mda2 .s-cream .faq details p{color:#4a423c}
.mda2 .contact{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px}
.mda2 .form{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:30px}
.mda2 .form label{display:block;font:600 14px var(--body);margin:0 0 6px;color:#e6dfd6}
.mda2 .form .f{margin-bottom:16px}
.mda2 .form input,.mda2 .form textarea,.mda2 .form select{width:100%;background:#0e0e0e;border:1px solid #2c2622;border-radius:6px;color:var(--text);font:400 16px var(--body);padding:13px 14px}
.mda2 .form input:focus,.mda2 .form textarea:focus,.mda2 .form select:focus{outline:none;border-color:var(--cu-l)}
.mda2 .form textarea{min-height:120px;resize:vertical}
.mda2 .form .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mda2 .form .cb{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:400;color:#cbc3ba;margin:6px 0 20px}
.mda2 .form .cb input{width:auto;margin-top:4px;accent-color:var(--cu)}
.mda2 .kontaktdaten{list-style:none;padding:0;margin:24px 0 0}
.mda2 .kontaktdaten li{padding:14px 0;border-top:1px solid var(--line)}
.mda2 .kontaktdaten small{display:block;font:400 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.mda2 .svc{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:14px}
.mda2 .svc div{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px 22px}
.mda2 .svc b{display:block;margin-bottom:6px;font-size:17px}
.mda2 .svc span{color:#cbc3ba;font-size:15px}
.mda2 .s-cream .svc div{background:#fff;border-color:#e4dbd1}
.mda2 .s-cream .svc span{color:#4a423c}
.mda2 .kontaktdaten a{color:var(--text);text-decoration:none;font-size:19px;font-weight:600}
.mda2 .rv{opacity:0;transform:translateY(18px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.mda2 .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.mda2 .rv{opacity:1;transform:none;transition:none}
.mda2 .hero::before,.mda2 .pulse{animation:none}}
@media (max-width:960px){.mda2 .hero .grid,.mda2 .split,.mda2 .contact{grid-template-columns:minmax(0,1fr);gap:40px}
.mda2 .alarm{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.mda2{font-size:16px}
.mda2 section{padding:68px 0}
.mda2 .wrap{padding:0 18px}
.mda2 .hero{padding:48px 0 64px}
.mda2 .btns .btn{width:100%}
.mda2 .form{padding:22px}
.mda2 .hero .panel{display:none}
.mda2 .form .two{grid-template-columns:minmax(0,1fr)}}
.mda2 .cards.c3{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))}
/* Theme-Overrides (Customizer setzt h1-h6 global mit !important) */
.mda2{font-family:var(--body);font-size:17px;line-height:1.65;color:var(--text);background:var(--bg)}
.mda2 h1,.mda2 h2{font-family:var(--display)!important;color:var(--text)!important;text-transform:uppercase;letter-spacing:.01em;font-weight:400}
.mda2 h3{font-family:var(--body)!important;text-transform:none!important;letter-spacing:0!important;color:var(--text)!important;font-weight:600}
.mda2 h1 em,.mda2 h2 em{color:var(--cu-l)!important}
.mda2 .s-cream h2,.mda2 .s-cream h3,.mda2 .s-cu h2{color:var(--ink)!important}
.mda2 .s-cu h2{color:#140d07!important}
.mda2 p,.mda2 li{font-weight:400;line-height:1.65}
.mda2 .card p,.mda2 .card li{color:#cbc3ba}
.mda2 .s-cream p,.mda2 .s-cream li{color:#3d3631}
.mda2 .s-cream .card p,.mda2 .s-cream .card li{color:#4a423c}
.mda2 .s-cu p{color:#2a1a0d!important}
.mda2 .checks li{color:#e6dfd6}
.mda2 .faq details p{color:#cbc3ba}
.mda2 section{position:relative}
.mda2 .btn{text-transform:none;font-family:var(--body)}
.mda2 .btn-cu,.mda2 .btn-cu:visited{color:#140d07}
.mda2 .btn-line,.mda2 .btn-line:visited{color:var(--text)}
.mda2 .btn-dark,.mda2 .btn-dark:visited{color:var(--cream)}
.mda2 .form{padding:30px}
.mda2 .form .wpforms-container{margin:0!important}
.mda2 ul{margin-left:0}
.mda2 .card ul{list-style:disc;margin-left:0}
.mda2 .kontaktdaten li,.mda2 .checks li{margin-left:0}
.mda2 h3{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
.mda2 h1,.mda2 h2{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}