>
/* Struktur/Mechanik — der Look kommt aus dem gewaehlten Skin (CSS-Style;
   ohne Auswahl laedt automatisch style-softcard.css). */
#redim-cookiehint.redim-tpl-flyout-right{position:relative !important;padding:26px 28px !important;text-align:left !important}
#redim-cookiehint-modal .redim-tpl-flyout-right{width:min(92vw,440px) !important;box-sizing:border-box !important;max-height:92vh !important;overflow-x:hidden !important;overflow-y:auto !important;overscroll-behavior:contain !important}
#redim-cookiehint-top .redim-tpl-flyout-right,#redim-cookiehint-bottom .redim-tpl-flyout-right{max-width:none !important;width:100% !important;box-sizing:border-box !important;margin:0 !important;padding:16px 28px !important}
#redim-cookiehint-top .redim-tpl-flyout-right .redim-cc-cookiebuttons,#redim-cookiehint-bottom .redim-tpl-flyout-right .redim-cc-cookiebuttons{display:flex !important;flex-wrap:wrap !important;gap:10px !important;align-items:center !important;justify-content:flex-start !important;max-width:1200px !important}
#redim-cookiehint-top .redim-tpl-flyout-right .redim-cc-btn,#redim-cookiehint-bottom .redim-tpl-flyout-right .redim-cc-btn{width:auto !important;flex:0 1 auto !important;margin-top:0 !important}
#redim-cookiehint-top .redim-tpl-flyout-right #cookiehintinfo,#redim-cookiehint-bottom .redim-tpl-flyout-right #cookiehintinfo{flex-basis:100% !important;margin-top:4px !important}
.redim-tpl-flyout-right .redim-cc-head{display:flex !important;align-items:center !important;gap:11px !important;margin-bottom:12px !important}
.redim-tpl-flyout-right .redim-cc-icon{display:flex !important;align-items:center !important;flex:0 0 auto !important}
.redim-tpl-flyout-right .redim-cc-icon img{width:26px !important;height:auto !important;display:block !important}
.redim-tpl-flyout-right .redim-cc-headline{display:block !important}
.redim-tpl-flyout-right .redim-cc-btn{display:flex !important;align-items:center !important;justify-content:center !important;min-height:44px !important;width:100% !important;box-sizing:border-box !important;text-align:center !important;padding:11px 16px !important;margin-top:9px !important;cursor:pointer !important;text-decoration:none !important}
.redim-tpl-flyout-right .redim-cc-detail-toggle{background:none !important;border:0 !important;cursor:pointer !important}
.redim-tpl-flyout-right .redim-cc-toggle-caret{display:inline-block !important;transition:transform .25s ease !important}
.redim-tpl-flyout-right .redim-cc-toggle-details.redim-cc-is-open .redim-cc-toggle-caret{transform:rotate(180deg) !important}
/* Dynamisch (Backend-Farbauswahl) — bleibt bewusst im Template. Kette:
   Farbfelder (--redim-cc-*) > Skin (--redim-cc-skin-*) > Template-Standard.
   #redim-cookiehint-Praefix: haelt die Regeln per Spezifitaet ueber den
   (ebenfalls !important-)Skin-Regeln wie "... .redim-cc-btn". */
#redim-cookiehint.redim-tpl-flyout-right #cookiehintsubmit,#redim-cookiehint.redim-tpl-flyout-right #cookiehintsubmitno,#redim-cookiehint.redim-tpl-flyout-right .redim-cc-accept-all,#redim-cookiehint.redim-tpl-flyout-right .redim-cc-reject{background:var(--redim-cc-btn-bg,var(--redim-cc-skin-btn-bg,#4338ca)) !important;color:var(--redim-cc-btn-fg,var(--redim-cc-skin-btn-fg,#fff)) !important;border-color:var(--redim-cc-btn-bg,var(--redim-cc-skin-btn-bg,#4338ca)) !important}
#redim-cookiehint.redim-tpl-flyout-right .redim-cc-switch input:checked + .redim-cc-slider,#redim-cookiehint.redim-tpl-flyout-right .redim-cc-switch input[aria-disabled="true"] + .redim-cc-slider{background-color:var(--redim-cc-accent,var(--redim-cc-skin-accent,#4338ca)) !important}
@media (min-width:900px){
#redim-cookiehint-modal .redim-tpl-flyout-right{transition:width .35s cubic-bezier(.2,.75,.3,1),height .35s cubic-bezier(.2,.75,.3,1) !important}
#redim-cookiehint-modal .redim-tpl-flyout-right.redim-cc-flyout-open{width:min(92vw,940px) !important;min-height:min(66vh,540px) !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:flex-start !important}
#redim-cookiehint-modal .redim-tpl-flyout-right.redim-cc-flyout-open > .redim-cc-head,#redim-cookiehint-modal .redim-tpl-flyout-right.redim-cc-flyout-open > .redim-cc-content,#redim-cookiehint-modal .redim-tpl-flyout-right.redim-cc-flyout-open > .redim-cc,#redim-cookiehint-modal .redim-tpl-flyout-right.redim-cc-flyout-open > .redim-cc-watermark{width:384px !important;max-width:100% !important}
#redim-cookiehint-modal .redim-tpl-flyout-right.redim-cc-flyout-open .redim-cc-details{position:absolute !important;top:24px !important;bottom:24px !important;left:440px !important;right:auto !important;width:calc(min(92vw,940px) - 466px) !important;box-sizing:border-box !important;overflow-y:auto !important;overscroll-behavior:contain !important;margin:0 !important;padding:4px 6px 0 24px !important;border-left:2px dashed var(--redim-cc-skin-divider,#d5dbe4) !important}
#redim-cookiehint-modal .redim-tpl-flyout-right.redim-cc-flyout-open .redim-cc-details:not([hidden]){animation:redimccPaneInR .3s cubic-bezier(.2,.75,.3,1) .1s both !important}
#redim-cookiehint-modal .redim-tpl-flyout-right.redim-cc-flyout-open .redim-cc-details.redim-cc-closing{display:block !important;animation:redimccPaneOutR .18s ease-in forwards !important}
#redim-cookiehint-modal .redim-tpl-flyout-right.redim-cc-flyout-open .redim-cc-details .redim-cc-categories{max-height:none !important;overflow:visible !important;margin-top:0 !important}
#redim-cookiehint-modal .redim-tpl-flyout-right.redim-cc-flyout-open .redim-cc-save-row{position:sticky !important;bottom:0 !important;background:var(--redim-cc-skin-surface,#ffffff) !important;margin:0 !important;padding:12px 0 14px !important;box-shadow:var(--redim-cc-skin-surface-shadow,0 -10px 16px -14px rgba(15,23,42,.4)) !important}
#redim-cookiehint-modal .redim-tpl-flyout-right.redim-cc-flyout-open .redim-cc-toggle-details.redim-cc-is-open .redim-cc-toggle-caret{transform:rotate(-90deg) !important}
}
@keyframes redimccPaneInR{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@keyframes redimccPaneOutR{from{opacity:1;transform:none}to{opacity:0;transform:translateX(16px)}}
@media (prefers-reduced-motion:reduce){#redim-cookiehint-modal .redim-tpl-flyout-right{transition:none !important}#redim-cookiehint-modal .redim-tpl-flyout-right.redim-cc-flyout-open .redim-cc-details:not([hidden]),#redim-cookiehint-modal .redim-tpl-flyout-right.redim-cc-flyout-open .redim-cc-details.redim-cc-closing{animation:none !important}.redim-tpl-flyout-right .redim-cc-toggle-caret{transition:none !important}}

/* Frueher Host-Utilities: ".text-center" kam aus Bootstrap, ".clr" aus Joomla.
   Seit der Namensraum-Umstellung gehoeren beide uns - also hier ausdruecklich
   setzen statt auf das Theme zu hoffen (galt in BEIDEN Modi, deshalb im
   Template und nicht in cookieconsent.css, das klassisch nicht laedt). */
.redim-tpl-flyout-right .redim-cc-text-center{text-align:center !important}
.redim-tpl-flyout-right .redim-cc-clr{clear:both !important}