/* Cookie-Hinweis marinwebdesign.at (eigener Code statt Plugin, 18.10.2026).
   Leiste unten wie vorher (Navy, Koralle), Einstellungen als <dialog> mit zwei Spalten. */

/* --- Leiste unten --- */
.mwd-cc{position:fixed;left:0;right:0;bottom:0;z-index:2147482990;background:#16213a;border-top:2px solid #ff7268;box-shadow:0 -24px 50px -24px rgba(0,0,0,.7);font-family:var(--mwd-f-body,"Manrope",system-ui,sans-serif);transform:translateY(105%);transition:transform .45s cubic-bezier(.22,1,.36,1)}
.mwd-cc.is-in{transform:none}
.mwd-cc[hidden]{display:none}
.mwd-cc *{box-sizing:border-box}
.mwd-cc__in{display:flex;align-items:center;justify-content:space-between;gap:20px 32px;max-width:1440px;margin:0 auto;padding:12px 70px}
.mwd-cc__txt{margin:0;max-width:780px;color:#c3cbdd;font-size:14.5px;line-height:1.6}
.mwd-cc__txt a{color:#8ee4cc;text-decoration:underline;text-underline-offset:3px}
.mwd-cc__txt a:hover{color:#fff}
.mwd-cc__b{display:flex;flex:none;align-items:center}
.mwd-cc__btn{-webkit-appearance:none;appearance:none;margin:4px;padding:12px 20px;border-radius:12px;border:1px solid #ff7268;background:#ff7268;color:#0b1222;font-weight:800;font-size:14.5px;line-height:1.1;font-family:inherit;cursor:pointer;box-shadow:0 12px 26px -16px rgba(255,114,104,.9);transition:background-color .25s,border-color .25s,transform .25s}
.mwd-cc__btn:hover{background:#ff8a80;border-color:#ff8a80;transform:translateY(-1px)}
.mwd-cc__btn--ghost{background:transparent;border-color:rgba(170,190,230,.4);color:#e9edf6;box-shadow:none}
.mwd-cc__btn--ghost:hover{background:rgba(142,228,204,.08);border-color:#8ee4cc}
.mwd-cc__btn:focus-visible,.mwd-ccm button:focus-visible,.mwd-ccm a:focus-visible{outline:3px solid #8ee4cc;outline-offset:3px}

/* --- Einstellungen --- */
.mwd-ccm{width:min(1152px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:24px;background:transparent;overflow:visible;font-family:var(--mwd-f-body,"Manrope",system-ui,sans-serif);color:#4b5563}
.mwd-ccm::backdrop{background:rgba(11,18,34,.82);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.mwd-ccm[open]{animation:mwdCcIn .35s cubic-bezier(.22,1,.36,1)}
@keyframes mwdCcIn{from{opacity:0;transform:translateY(14px) scale(.98)}}
.mwd-ccm *{box-sizing:border-box}
.mwd-ccm__box{position:relative;display:grid;grid-template-columns:460px minmax(0,1fr);min-height:600px;max-height:calc(100dvh - 32px);border-radius:24px;box-shadow:0 50px 100px -30px rgba(0,0,0,.8);overflow:hidden}
.mwd-ccm__side{display:flex;flex-direction:column;gap:28px;padding:50px 60px 40px;background:#fff}
.mwd-ccm__logo{display:block;width:174px;height:auto;margin:0 0 0 10px}
.mwd-ccm__nav{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.mwd-ccm__tab{display:block;width:100%;padding:13px 20px;border-radius:12px;border:1px solid #e3e7ef;border-left:3px solid #e3e7ef;background:#f6f8fb;color:#28395e;font-weight:700;font-size:14px;line-height:1.2;font-family:inherit;letter-spacing:.03em;text-transform:uppercase;text-align:left;cursor:pointer;transition:border-color .25s,background-color .25s,color .25s}
.mwd-ccm__tab:hover{border-left-color:#8ee4cc;color:#16213a}
.mwd-ccm__tab[aria-selected=true]{background:#fff1ef;border-color:rgba(255,114,104,.45);border-left-color:#ff7268;color:#d6453b}
.mwd-ccm__main{display:flex;flex-direction:column;min-height:0;background:#f6f8fb}
.mwd-ccm__panes{flex:1;overflow:auto;padding:50px 60px 20px}
.mwd-ccm__pane[hidden]{display:none}
.mwd-ccm__pane h2{margin:0 0 22px;font-family:var(--mwd-f-display,"Bricolage Grotesque",system-ui,sans-serif);font-size:28px;font-weight:800;letter-spacing:-.01em;line-height:1.2;color:#16213a}
.mwd-ccm__pane p{margin:0 0 16px;font-size:16px;line-height:1.65;color:#4b5563}
.mwd-ccm__pane p a{color:#d6453b;text-decoration:underline;text-decoration-color:#ff7268;text-underline-offset:3px}
.mwd-ccm__sw{display:flex;align-items:center;gap:14px;margin:0 0 20px;font-size:14px;font-weight:700;color:#55607a;cursor:pointer;user-select:none}
.mwd-ccm__sw input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.mwd-ccm__sw i{position:relative;width:56px;height:30px;flex:none;border-radius:999px;background:#c9d0de;transition:background-color .25s}
.mwd-ccm__sw i::after{content:"";position:absolute;left:4px;top:4px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(22,33,58,.25);transition:transform .3s cubic-bezier(.22,1,.36,1)}
.mwd-ccm__sw input:checked+i{background:#8ee4cc}
.mwd-ccm__sw input:checked+i::after{transform:translateX(26px)}
.mwd-ccm__sw input:checked~b{color:#1f8f6f}
.mwd-ccm__sw input:focus-visible+i{outline:3px solid #8ee4cc;outline-offset:3px}
.mwd-ccm__sw input:disabled+i{opacity:.85}
.mwd-ccm__sw:has(input:disabled){cursor:not-allowed}
.mwd-ccm__foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0 60px;padding:38px 0 38px;border-top:1px solid #e3e7ef}
.mwd-ccm__btn{-webkit-appearance:none;appearance:none;min-width:160px;padding:15px 22px;border-radius:12px;border:1px solid #ff7268;background:#ff7268;color:#0b1222;font-weight:800;font-size:15px;line-height:1.1;font-family:inherit;cursor:pointer;box-shadow:0 12px 26px -16px rgba(255,114,104,.9);transition:transform .25s,background-color .25s}
.mwd-ccm__btn:hover{transform:translateY(-1px)}
.mwd-ccm__btn--no{background:#16213a;border-color:#16213a;color:#fff;box-shadow:0 12px 26px -16px rgba(22,33,58,.8)}
.mwd-ccm__btn--save{background:#fff;border-color:#28395e;color:#16213a;box-shadow:none}
.mwd-ccm__x{position:absolute;top:-30px;right:-30px;z-index:2;display:grid;place-items:center;width:60px;height:60px;padding:0;border:0;border-radius:50%;background:#ff7268;color:#0b1222;cursor:pointer;box-shadow:0 12px 26px -12px rgba(255,114,104,.9);transition:background-color .25s,transform .35s}
.mwd-ccm__x:hover{background:#8ee4cc;transform:rotate(90deg)}
.mwd-ccm__x svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}

@media (max-width:1199px){.mwd-ccm__x{top:-22px;right:-14px}}
@media (max-width:1023px){
  .mwd-ccm__box{grid-template-columns:300px minmax(0,1fr)}
  .mwd-ccm__side{padding:40px 32px 32px}
  .mwd-ccm__panes{padding:40px 36px 16px}
  .mwd-ccm__foot{margin:0 36px;padding:28px 0}
  .mwd-ccm__btn{min-width:0;flex:1 1 auto}
}
@media (max-width:767px){
  .mwd-cc__in{flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px 16px}
  .mwd-cc__b{display:flex;flex-wrap:wrap;gap:6px}
  .mwd-cc__btn{flex:1 1 auto;margin:0;text-align:center}
  .mwd-ccm{width:100vw;max-height:100dvh;height:100dvh;border-radius:0}
  .mwd-ccm__box{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-height:0;height:100dvh;max-height:100dvh;border-radius:0}
  .mwd-ccm__side{gap:16px;padding:20px 16px 14px}
  .mwd-ccm__logo{width:130px;margin:0}
  .mwd-ccm__nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
  .mwd-ccm__nav li{flex:none}
  .mwd-ccm__tab{padding:10px 14px;font-size:12px;white-space:nowrap}
  .mwd-ccm__panes{padding:24px 16px 8px}
  .mwd-ccm__pane h2{font-size:22px;margin-bottom:14px}
  .mwd-ccm__pane p{font-size:15px}
  .mwd-ccm__foot{margin:0 16px;padding:14px 0 18px;gap:8px}
  .mwd-ccm__btn--save{flex-basis:100%}
  .mwd-ccm__btn{padding:13px 14px;font-size:14px}
  .mwd-ccm__x{top:14px;right:14px;width:44px;height:44px}
}
@media (prefers-reduced-motion:reduce){.mwd-cc,.mwd-ccm[open],.mwd-ccm__sw i::after{transition:none;animation:none}}

/* Schwebende Buttons (WhatsApp, Nach oben) weichen über die Cookie-Leiste aus.
   Dreifache Klasse, damit die Regel auch gegen das später geladene Footer-CSS gewinnt */
html body .mwd-ft-wa.mwd-ft-wa.mwd-ft-wa,
html body .mwd-ft-top.mwd-ft-top.mwd-ft-top{translate:0 calc((var(--mwd-lift,0px) + var(--mwd-cookie-h,0px)) * -1)}