.Max2Cookie *{box-sizing:border-box}.Max2Cookie *::before,.Max2Cookie *::after{box-sizing:inherit}.Max2Cookie * div,.Max2Cookie * span,.Max2Cookie * h1,.Max2Cookie * h2,.Max2Cookie * h3,.Max2Cookie * h4,.Max2Cookie * h5,.Max2Cookie * h6,.Max2Cookie * p,.Max2Cookie * a,.Max2Cookie * em,.Max2Cookie * img,.Max2Cookie * small,.Max2Cookie * strike,.Max2Cookie * strong,.Max2Cookie * sub,.Max2Cookie * sup,.Max2Cookie * b,.Max2Cookie * u,.Max2Cookie * i,.Max2Cookie * center,.Max2Cookie * ol,.Max2Cookie * ul,.Max2Cookie * li,.Max2Cookie * fieldset,.Max2Cookie * form,.Max2Cookie * label,.Max2Cookie * legend{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}.max2-hide{display:none}.max2-position-fix{position:initial !important;transform:unset !important}._m2c-btn-cookie-preference{display:inline-block;font-family:inherit;font-size:inherit;padding:0.5em 1em;text-decoration:none;transition:background-color 125ms linear}.Max2Cookie ._m2c-cursor{cursor:pointer}.Max2Cookie .text-left{text-align:left !important}.Max2Cookie .text-center{text-align:center !important}.Max2Cookie .text-right{text-align:right !important}.Max2Cookie table._brlbs th{text-align:left}.Max2Cookie table._brlbs td,.Max2Cookie table._brlbs th{padding:0.3rem}.Max2Cookie ._m2c-responsive-table{min-height:0.01%;overflow:auto}.Max2Cookie label._m2c-focused{outline:Highlight;outline-color:-webkit-focus-ring-color;outline-style:solid;outline-width:2px}.Max2Cookie .container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 576px){.Max2Cookie .container{max-width:540px}}@media (min-width: 768px){.Max2Cookie .container{max-width:720px}}@media (min-width: 992px){.Max2Cookie .container{max-width:960px}}@media (min-width: 1200px){.Max2Cookie .container{max-width:1140px}}.Max2Cookie .container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.Max2Cookie .row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.Max2Cookie .no-gutters{margin-right:0;margin-left:0}.Max2Cookie .no-gutters>.col,.Max2Cookie .no-gutters>[class*="col-"]{padding-right:0;padding-left:0}.Max2Cookie .col-xl,.Max2Cookie .col-xl-12,.Max2Cookie .col-xl-11,.Max2Cookie .col-xl-10,.Max2Cookie .col-xl-9,.Max2Cookie .col-xl-8,.Max2Cookie .col-xl-7,.Max2Cookie .col-xl-6,.Max2Cookie .col-xl-5,.Max2Cookie .col-xl-4,.Max2Cookie .col-xl-3,.Max2Cookie .col-xl-2,.Max2Cookie .col-xl-1,.Max2Cookie .col-lg,.Max2Cookie .col-lg-12,.Max2Cookie .col-lg-11,.Max2Cookie .col-lg-10,.Max2Cookie .col-lg-9,.Max2Cookie .col-lg-8,.Max2Cookie .col-lg-7,.Max2Cookie .col-lg-6,.Max2Cookie .col-lg-5,.Max2Cookie .col-lg-4,.Max2Cookie .col-lg-3,.Max2Cookie .col-lg-2,.Max2Cookie .col-lg-1,.Max2Cookie .col-md,.Max2Cookie .col-md-12,.Max2Cookie .col-md-11,.Max2Cookie .col-md-10,.Max2Cookie .col-md-9,.Max2Cookie .col-md-8,.Max2Cookie .col-md-7,.Max2Cookie .col-md-6,.Max2Cookie .col-md-5,.Max2Cookie .col-md-4,.Max2Cookie .col-md-3,.Max2Cookie .col-md-2,.Max2Cookie .col-md-1,.Max2Cookie .col-sm,.Max2Cookie .col-sm-12,.Max2Cookie .col-sm-11,.Max2Cookie .col-sm-10,.Max2Cookie .col-sm-9,.Max2Cookie .col-sm-8,.Max2Cookie .col-sm-7,.Max2Cookie .col-sm-6,.Max2Cookie .col-sm-5,.Max2Cookie .col-sm-4,.Max2Cookie .col-sm-3,.Max2Cookie .col-sm-2,.Max2Cookie .col-sm-1,.Max2Cookie .col,.Max2Cookie .col-12,.Max2Cookie .col-11,.Max2Cookie .col-10,.Max2Cookie .col-9,.Max2Cookie .col-8,.Max2Cookie .col-7,.Max2Cookie .col-6,.Max2Cookie .col-5,.Max2Cookie .col-4,.Max2Cookie .col-3,.Max2Cookie .col-2,.Max2Cookie .col-1{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.Max2Cookie .col{flex-basis:0;flex-grow:1;max-width:100%}.Max2Cookie .col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.Max2Cookie .col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.Max2Cookie .col-3{flex:0 0 25%;max-width:25%}.Max2Cookie .col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.Max2Cookie .col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.Max2Cookie .col-6{flex:0 0 50%;max-width:50%}.Max2Cookie .col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.Max2Cookie .col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.Max2Cookie .col-9{flex:0 0 75%;max-width:75%}.Max2Cookie .col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.Max2Cookie .col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.Max2Cookie .col-12{flex:0 0 100%;max-width:100%}@media (min-width: 576px){.Max2Cookie .col-sm{flex-basis:0;flex-grow:1;max-width:100%}.Max2Cookie .col-sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.Max2Cookie .col-sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.Max2Cookie .col-sm-3{flex:0 0 25%;max-width:25%}.Max2Cookie .col-sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.Max2Cookie .col-sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.Max2Cookie .col-sm-6{flex:0 0 50%;max-width:50%}.Max2Cookie .col-sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.Max2Cookie .col-sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.Max2Cookie .col-sm-9{flex:0 0 75%;max-width:75%}.Max2Cookie .col-sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.Max2Cookie .col-sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.Max2Cookie .col-sm-12{flex:0 0 100%;max-width:100%}}@media (min-width: 768px){.Max2Cookie .col-md{flex-basis:0;flex-grow:1;max-width:100%}.Max2Cookie .col-md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.Max2Cookie .col-md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.Max2Cookie .col-md-3{flex:0 0 25%;max-width:25%}.Max2Cookie .col-md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.Max2Cookie .col-md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.Max2Cookie .col-md-6{flex:0 0 50%;max-width:50%}.Max2Cookie .col-md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.Max2Cookie .col-md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.Max2Cookie .col-md-9{flex:0 0 75%;max-width:75%}.Max2Cookie .col-md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.Max2Cookie .col-md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.Max2Cookie .col-md-12{flex:0 0 100%;max-width:100%}}@media (min-width: 992px){.Max2Cookie .col-lg{flex-basis:0;flex-grow:1;max-width:100%}.Max2Cookie .col-lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.Max2Cookie .col-lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.Max2Cookie .col-lg-3{flex:0 0 25%;max-width:25%}.Max2Cookie .col-lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.Max2Cookie .col-lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.Max2Cookie .col-lg-6{flex:0 0 50%;max-width:50%}.Max2Cookie .col-lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.Max2Cookie .col-lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.Max2Cookie .col-lg-9{flex:0 0 75%;max-width:75%}.Max2Cookie .col-lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.Max2Cookie .col-lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.Max2Cookie .col-lg-12{flex:0 0 100%;max-width:100%}}@media (min-width: 1200px){.Max2Cookie .col-xl{flex-basis:0;flex-grow:1;max-width:100%}.Max2Cookie .col-xl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.Max2Cookie .col-xl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.Max2Cookie .col-xl-3{flex:0 0 25%;max-width:25%}.Max2Cookie .col-xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.Max2Cookie .col-xl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.Max2Cookie .col-xl-6{flex:0 0 50%;max-width:50%}.Max2Cookie .col-xl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.Max2Cookie .col-xl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.Max2Cookie .col-xl-9{flex:0 0 75%;max-width:75%}.Max2Cookie .col-xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.Max2Cookie .col-xl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.Max2Cookie .col-xl-12{flex:0 0 100%;max-width:100%}}.Max2Cookie .d-block{display:block !important}.Max2Cookie .d-flex{display:flex !important}@media (min-width: 576px){.Max2Cookie .d-sm-block{display:block !important}.Max2Cookie .d-sm-flex{display:flex !important}}@media (min-width: 768px){.Max2Cookie .d-md-block{display:block !important}.Max2Cookie .d-md-flex{display:flex !important}}@media (min-width: 992px){.Max2Cookie .d-lg-block{display:block !important}.Max2Cookie .d-lg-flex{display:flex !important}}@media (min-width: 1200px){.Max2Cookie .d-xl-block{display:block !important}.Max2Cookie .d-xl-flex{display:flex !important}}.Max2Cookie .flex-row{flex-direction:row !important}.Max2Cookie .flex-fill{flex:1 1 auto !important}.Max2Cookie .justify-content-between{justify-content:space-between !important}.Max2Cookie .align-items-start{align-items:flex-start !important}.Max2Cookie .align-items-end{align-items:flex-end !important}.Max2Cookie .align-items-center{align-items:center !important}.Max2Cookie .align-items-baseline{align-items:baseline !important}.Max2Cookie .align-items-stretch{align-items:stretch !important}@media (min-width: 576px){.Max2Cookie .flex-sm-row{flex-direction:row !important}.Max2Cookie .flex-sm-fill{flex:1 1 auto !important}.Max2Cookie .justify-content-sm-between{justify-content:space-between !important}.Max2Cookie .align-items-sm-start{align-items:flex-start !important}.Max2Cookie .align-items-sm-end{align-items:flex-end !important}.Max2Cookie .align-items-sm-center{align-items:center !important}.Max2Cookie .align-items-sm-baseline{align-items:baseline !important}.Max2Cookie .align-items-sm-stretch{align-items:stretch !important}}@media (min-width: 768px){.Max2Cookie .flex-md-row{flex-direction:row !important}.Max2Cookie .flex-md-fill{flex:1 1 auto !important}.Max2Cookie .justify-content-md-between{justify-content:space-between !important}.Max2Cookie .align-items-md-start{align-items:flex-start !important}.Max2Cookie .align-items-md-end{align-items:flex-end !important}.Max2Cookie .align-items-md-center{align-items:center !important}.Max2Cookie .align-items-md-baseline{align-items:baseline !important}.Max2Cookie .align-items-md-stretch{align-items:stretch !important}}@media (min-width: 992px){.Max2Cookie .flex-lg-row{flex-direction:row !important}.Max2Cookie .flex-lg-fill{flex:1 1 auto !important}.Max2Cookie .justify-content-lg-between{justify-content:space-between !important}.Max2Cookie .align-items-lg-start{align-items:flex-start !important}.Max2Cookie .align-items-lg-end{align-items:flex-end !important}.Max2Cookie .align-items-lg-center{align-items:center !important}.Max2Cookie .align-items-lg-baseline{align-items:baseline !important}.Max2Cookie .align-items-lg-stretch{align-items:stretch !important}}@media (min-width: 1200px){.Max2Cookie .flex-xl-row{flex-direction:row !important}.Max2Cookie .flex-xl-fill{flex:1 1 auto !important}.Max2Cookie .justify-content-xl-between{justify-content:space-between !important}.Max2Cookie .align-items-xl-start{align-items:flex-start !important}.Max2Cookie .align-items-xl-end{align-items:flex-end !important}.Max2Cookie .align-items-xl-center{align-items:center !important}.Max2Cookie .align-items-xl-baseline{align-items:baseline !important}.Max2Cookie .align-items-xl-stretch{align-items:stretch !important}}.Max2Cookie .w-25{width:25% !important}.Max2Cookie .w-50{width:50% !important}.Max2Cookie .w-75{width:75% !important}.Max2Cookie .w-100{width:100% !important}.Max2Cookie .w-auto{width:auto !important}.Max2Cookie .h-25{height:25% !important}.Max2Cookie .h-50{height:50% !important}.Max2Cookie .h-75{height:75% !important}.Max2Cookie .h-100{height:100% !important}.Max2Cookie .h-auto{height:auto !important}.Max2Cookie .mw-100{max-width:100% !important}.Max2Cookie .mh-100{max-height:100% !important}.Max2Cookie .min-vw-100{min-width:100vw !important}.Max2Cookie .min-vh-100{min-height:100vh !important}.Max2Cookie .vw-100{width:100vw !important}.Max2Cookie .vh-100{height:100vh !important}.Max2Cookie .animated{animation-duration:1s;animation-fill-mode:both}.Max2Cookie .animated.infinite{animation-iteration-count:infinite}.Max2Cookie .animated.delay-1s{animation-delay:1s}.Max2Cookie .animated.delay-2s{animation-delay:2s}.Max2Cookie .animated.delay-3s{animation-delay:3s}.Max2Cookie .animated.delay-4s{animation-delay:4s}.Max2Cookie .animated.delay-5s{animation-delay:5s}.Max2Cookie .animated.fast{animation-duration:800ms}.Max2Cookie .animated.faster{animation-duration:500ms}.Max2Cookie .animated.slow{animation-duration:2s}.Max2Cookie .animated.slower{animation-duration:3s}@media (print),(prefers-reduced-motion){.Max2Cookie .animated{animation:unset !important;transition:none !important}}.Max2Cookie._m2c-switch-consent{align-items:center;display:flex;font-size:inherit}.Max2Cookie._m2c-switch-consent ._m2c-btn-switch--textRight{margin-right:2em}.Max2Cookie ._m2c-title{display:inline-block;vertical-align:middle;margin-bottom:0}.Max2Cookie ._m2c-title::before{content:"|";display:inline-block;margin:0 0.25rem 0 0}.Max2Cookie ._m2c-checkbox{color:inherit;cursor:pointer;display:block;padding-left:2em;position:relative}.Max2Cookie ._m2c-checkbox input{position:absolute;opacity:0;width:auto;z-index:-1}.Max2Cookie ._m2c-checkbox input:checked~._m2c-checkbox-indicator::after{opacity:1}.Max2Cookie ._m2c-checkbox input:disabled~._m2c-checkbox-indicator::after{opacity:1}.Max2Cookie ._m2c-checkbox ._m2c-checkbox-indicator{border-style:solid;border-width:2px;padding:0 !important;position:absolute;left:0;top:0;height:20px;width:20px;transition:0.25s}.Max2Cookie ._m2c-checkbox ._m2c-checkbox-indicator::after{content:"";border-style:solid;border-width:0 2px 2px 0;border-radius:1px;position:absolute;left:5px;top:1px;height:11px;width:6px;transform:rotate(45deg);opacity:0}.Max2Cookie ._m2c-btn-switch{position:relative;display:inline-block;margin:0;width:50px;height:26px;vertical-align:middle}.Max2Cookie ._m2c-btn-switch input{opacity:0;width:0;height:0}.Max2Cookie ._m2c-btn-switch input:checked+._m2c-slider{background-color:#ff8800}.Max2Cookie ._m2c-btn-switch input:checked+._m2c-slider:before{transform:translateX(24px)}.Max2Cookie ._m2c-btn-switch ._m2c-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#bbc0c7;-webkit-transition:0.4s;transition:0.4s}.Max2Cookie ._m2c-btn-switch ._m2c-slider::before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:white;-webkit-transition:0.4s;transition:0.4s}.Max2Cookie ._m2c-btn-switch-status{position:absolute;top:50%;right:calc(100% + 6px);transform:translateY(-50%)}.Max2Cookie ._m2c-btn-switch--textRight ._m2c-btn-switch-status{right:auto;left:calc(100% + 6px)}.Max2Cookie ._m2c-btn-switch-status::before{content:attr(data-inactive);white-space:nowrap}.Max2Cookie ._m2c-btn-switch>input:checked~._m2c-btn-switch-status::before{content:attr(data-active)}#Max2CookieBox a:focus{outline:Highlight !important;outline-color:-webkit-focus-ring-color !important;outline-style:solid !important;outline-width:2px !important}#Max2CookieBox:not(._m2c-keyboard) a:focus{outline:0 !important}#Max2CookieBox .animated{visibility:visible}#Max2CookieBox .container{background:inherit;display:block;float:none;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto;min-height:auto;position:inherit}#Max2CookieBox ._m2c-bar .container{max-height:100vh;overflow:auto !important;width:auto !important}#Max2CookieBox ._m2c-box .container{max-height:100vh;overflow:auto !important;width:auto !important}#Max2CookieBox .container::before{display:initial}#Max2CookieBox .container::after{content:" ";display:block;height:2px}#Max2CookieBox .container .row{background:inherit;color:inherit;display:flex;min-width:1px;pointer-events:inherit;width:auto}#Max2CookieBox .container .row.no-gutters{margin-left:0;margin-right:0}#Max2CookieBox .container .row::before,#Max2CookieBox .container .row::after{display:initial}#Max2CookieBox .bcac-item{margin:0.5em 0;padding:0.5em}#Max2CookieBox .bcac-item ._m2c-h4{font-size:1.25em;margin:0 0 0.25em 0}#Max2CookieBox .bcac-item p{font-size:0.875em}#Max2CookieBox .bcac-item p,#Max2CookieBox .bcac-item span{color:inherit}#Max2CookieBox>div{display:none}#Max2CookieBox>div.show-cookie-box{display:flex}#Max2CookieBox>div:not(._m2c-block-content){position:absolute;width:100%;z-index:999999}#Max2CookieBox>div.top-left:not(._m2c-block-content){top:0}#Max2CookieBox>div.top-center:not(._m2c-block-content){top:0}#Max2CookieBox>div.top-right:not(._m2c-block-content){top:0}#Max2CookieBox>div.middle-left:not(._m2c-block-content){top:50%}#Max2CookieBox>div.middle-center:not(._m2c-block-content){top:50%}#Max2CookieBox>div.middle-right:not(._m2c-block-content){top:50%}#Max2CookieBox>div.bottom-left:not(._m2c-block-content){bottom:0}#Max2CookieBox>div.bottom-center:not(._m2c-block-content){bottom:0}#Max2CookieBox>div.bottom-right:not(._m2c-block-content){bottom:0}#Max2CookieBox h3{background:inherit;color:inherit;font-family:inherit;font-size:1.1rem!important;line-height:1.4!important;overflow-wrap:break-word}#Max2CookieBox ul{display:flex;flex-flow:wrap;justify-content:center;list-style:none;margin:0.9375em 0;padding:0}#Max2CookieBox ul li{color:inherit;font-family:inherit;font-size:1em;line-height:1.25em;list-style:none;margin:0 0.9375em 0.375em 0}#Max2CookieBox ul li:last-child{margin:0}#Max2CookieBox ul li::before{content:"\25cf";margin:0 4px 0 0}#Max2CookieBox p{color:inherit;font-family:inherit;font-size:1em;line-height:1.25em;margin:0.9375em 0}#Max2CookieBox p:last-child{margin:0}#Max2CookieBox ._m2c-flex-center{display:flex;align-items:center;justify-content:center}#Max2CookieBox ._m2c-flex-center p{margin-bottom:0}#Max2CookieBox ._m2c-actions{display:inline}#Max2CookieBox ._m2c-accept{font-family:inherit;text-align:center}#Max2CookieBox ._m2c-block-content{background:rgba(0,0,0,0);left:0;position:fixed;height:100%;top:0;width:100%;z-index:999999}#Max2CookieBox ._m2c-block-content._m2c-bg-animation{transition:background-color 250ms linear}#Max2CookieBox ._m2c-block-content._m2c-bg-dark{background:rgba(0,0,0,0.6)}#Max2CookieBox ._m2c-branding{font-family:inherit;font-size:0.75em;margin:0}#Max2CookieBox ._m2c-branding a{text-decoration:none}#Max2CookieBox ._m2c-branding img{display:inline-block;max-height:16px;max-width:16px;vertical-align:middle}#Max2CookieBox ._m2c-btn{display:inline-block;font-family:inherit;font-size:1.25em;padding:0.75em 2em;text-decoration:none;transition:background-color 125ms linear}#Max2CookieBox .cookie-logo{max-width:48px;padding:0 8px 0 0;vertical-align:middle;width:100%}#Max2CookieBox ._m2c-legal{font-family:inherit;font-size:0.75em;text-align:center}#Max2CookieBox ._m2c-manage{font-family:inherit;font-size:0.75em;text-align:center}#Max2CookieBox ._m2c-refuse{font-family:inherit;font-size:0.75em;text-align:center}#Max2CookieBox ._m2c-refuse a{color:inherit}#Max2CookieBox ._m2c-refuse-btn{font-family:inherit;font-size:0.875em;text-align:center}#Max2CookieBox ._m2c-refuse-btn a{font-size:inherit;color:inherit}#Max2CookieBox ._m2c-refuse-btn a:hover{color:inherit}#Max2CookieBox .top-left{align-items:flex-start;justify-content:flex-start}#Max2CookieBox .top-center{align-items:flex-start;justify-content:center}#Max2CookieBox .top-right{align-items:flex-start;justify-content:flex-end}#Max2CookieBox .middle-left{align-items:center;justify-content:flex-start}#Max2CookieBox .middle-center{align-items:center;justify-content:center}#Max2CookieBox .middle-right{align-items:center;justify-content:flex-end}#Max2CookieBox .bottom-left{align-items:flex-end;justify-content:flex-start}#Max2CookieBox .bottom-center{align-items:flex-end;justify-content:center}#Max2CookieBox .bottom-right{align-items:flex-end;justify-content:flex-end}#Max2CookieBox ._m2c-box,#Max2CookieBox ._m2c-bar{box-shadow:0 4px 8px rgba(0,0,0,0.2);padding:15px 0}#Max2CookieBox ._m2c-bar-wrap{display:block;max-width:100%;width:100%;z-index:1000000}#Max2CookieBox ._m2c-bar-wrap._m2c-position-fixed{position:fixed}#Max2CookieBox ._m2c-bar._m2c-bar-slim .cookie-box p{margin:0}#Max2CookieBox ._m2c-bar._m2c-bar-slim ._m2c-actions-mobile{display:none}#Max2CookieBox ._m2c-bar h3{margin:0 0 0.5em 0}#Max2CookieBox ._m2c-bar ul{justify-content:center;margin:0.5em 0}#Max2CookieBox ._m2c-bar ._m2c-no-padding-right{padding-right:0}#Max2CookieBox ._m2c-bar ._m2c-separator::before{content:"|";display:inline-block;margin:0 2px}#Max2CookieBox ._m2c-bar .cookie-logo{max-width:100px;padding:0 8px 0 0;vertical-align:middle;width:100%}#Max2CookieBox ._m2c-bar ._m2c-legal{text-align:center}#Max2CookieBox ._m2c-box-wrap{display:block;max-width:375px;width:100%;z-index:1000000}#Max2CookieBox ._m2c-box-wrap._m2c-position-fixed{position:fixed}#Max2CookieBox ._m2c-box._m2c-box-slim>.container ._m2c-manage{margin:0}#Max2CookieBox ._m2c-box._m2c-box-slim>.container ._m2c-refuse{margin:0.5em 0 0 0}#Max2CookieBox ._m2c-box ._m2c-separator::before{content:"|";display:inline-block;margin:0 2px}#Max2CookieBox .cookie-preference .container.not-visible{height:0}#Max2CookieBox .cookie-preference .cookie-logo{max-width:100%}#Max2CookieBox .cookie-preference table{margin:1em 0 0 0;width:100%}#Max2CookieBox .cookie-preference table tr td,#Max2CookieBox .cookie-preference table tr th{border-bottom:1px solid}#Max2CookieBox .cookie-preference table tr:last-child td,#Max2CookieBox .cookie-preference table tr:last-child th{border-bottom:0}#Max2CookieBox .cookie-preference table th{text-align:left;width:40%}#Max2CookieBox .cookie-preference table td{text-align:left}#Max2CookieBox .cookie-preference table td,#Max2CookieBox .cookie-preference table th{font-size:0.875em;padding:0.25em 0.5em}#Max2CookieBox .cookie-preference ._m2c-accept{text-align:left}#Max2CookieBox .cookie-preference ._m2c-btn{font-size:1em;margin:0 0 0.9375em 0;padding:0.75em 1.5em}#Max2CookieBox .cookie-preference ._m2c-legal{text-align:right}#Max2CookieBox .cookie-preference ._m2c-pp-url{overflow:hidden;text-overflow:ellipsis;width:100%;max-width:0}#Max2CookieBox .cookie-preference ._m2c-refuse{margin:0 0 0.9375em 0;text-align:right}#Max2CookieBox .cookie-preference ._m2c-separator::before{content:"|";display:inline-block;margin:0 2px}#Max2CookieBox ._m2c-bar-advanced ul,#Max2CookieBox ._m2c-box-advanced ul{justify-content:space-between}#Max2CookieBox ._m2c-bar-advanced ul li,#Max2CookieBox ._m2c-box-advanced ul li{line-height:1.375em;margin:0 0.9375em 0.875em 0}#Max2CookieBox ._m2c-bar-advanced ul li::before,#Max2CookieBox ._m2c-box-advanced ul li::before{content:"";margin:0}.Max2Cookie ._m2c-content-blocker{line-height:1.25em}.Max2Cookie ._m2c-content-blocker ._m2c-caption{padding:1em}.Max2Cookie ._m2c-content-blocker ._m2c-caption label{color:inherit}.Max2Cookie ._m2c-content-blocker ._m2c-caption label input{vertical-align:middle;width:auto}.Max2Cookie ._m2c-content-blocker ._m2c-caption label small{vertical-align:middle}.Max2Cookie ._m2c-content-blocker ._m2c-caption p{margin-bottom:1em}.Max2Cookie ._m2c-content-blocker ._m2c-caption p:last-child{margin:0}.Max2Cookie ._m2c-content-blocker ._m2c-caption small{font-size:0.875em}.Max2Cookie ._m2c-content-blocker ._m2c-default{background:#efefef;margin-bottom:1em;padding:1em;text-align:center}.Max2Cookie ._m2c-content-blocker ._m2c-default label input{vertical-align:middle;width:auto}.Max2Cookie ._m2c-content-blocker ._m2c-default p{margin-bottom:1em}.Max2Cookie ._m2c-content-blocker ._m2c-default p:last-child{margin:0}.Max2Cookie ._m2c-content-blocker ._m2c-default small{font-size:0.875em}.Max2Cookie ._m2c-content-blocker ._m2c-embed{margin-bottom:1em;position:relative;display:inline-block;overflow:hidden}.Max2Cookie ._m2c-content-blocker ._m2c-embed ._m2c-thumbnail{display:block;max-width:100%}.Max2Cookie ._m2c-content-blocker ._m2c-embed ._m2c-caption{top:50%;left:0;position:absolute;width:100%;text-align:center;transform:translateY(-50%)}.Max2Cookie ._m2c-content-blocker ._m2c-embed ._m2c-btn{display:inline-flex;align-items:center;justify-content:center}.Max2Cookie ._m2c-content-blocker ._m2c-embed ._m2c-btn._m2c-icon-play-black::before{background:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' width='78' height='78' viewBox='0, 0, 78, 78'%3E%3Cg id='Layer_1'%3E%3Cg%3E%3Cpath d='M7.5,71.5 L7.5,7.5 L55.5,37.828 L7.5,71.5' fill='%23000000'/%3E%3Cpath d='M7.5,71.5 L7.5,7.5 L55.5,37.828 L7.5,71.5' fill-opacity='0' stroke='%23000000' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;background-size:contain;content:" ";display:inline-block;margin-right:4px;height:1.142857143em;width:0.857142857em}.Max2Cookie ._m2c-content-blocker ._m2c-embed ._m2c-btn._m2c-icon-play-white::before{background:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' width='78' height='78' viewBox='0, 0, 78, 78'%3E%3Cg id='Layer_1'%3E%3Cg%3E%3Cpath d='M7.5,71.5 L7.5,7.5 L55.5,37.828 L7.5,71.5' fill='%23ffffff'/%3E%3Cpath d='M7.5,71.5 L7.5,7.5 L55.5,37.828 L7.5,71.5' fill-opacity='0' stroke='%23ffffff' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;background-size:contain;content:" ";display:inline-block;margin-right:4px;height:1.142857143em;width:0.857142857em}.Max2Cookie ._m2c-content-blocker ._m2c-btn{display:inline-block;font-family:inherit;padding:0.5em 1em;text-decoration:none;transition:background-color 125ms linear}._m2c-fluid-width-video-wrapper{padding:56.2963% 0 0 0;position:relative;width:100%}._m2c-fluid-width-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper .Max2Cookie{top:0;left:0;position:absolute}.wpb_video_widget .wpb_video_wrapper .Max2Cookie{display:block;height:100%;left:0;margin:0;position:absolute;top:0;width:100%}.wpb_wrapper .fb_type_standard{height:auto}@media (max-width: 424px){#Max2CookieBox ._m2c-bar._m2c-bar-slim ._m2c-separator::before{content:"";display:block;margin:0}}@media (min-width: 576px){#Max2CookieBox ._m2c-bar ul.show-cookie-logo{margin:0.5em 0 0 16.6666666667%}}@media (max-width: 767px){#Max2CookieBox ._m2c-bar._m2c-bar-slim p{margin:0 0 0.5em 0}#Max2CookieBox ._m2c-bar._m2c-bar-slim ._m2c-actions{display:none}#Max2CookieBox ._m2c-bar._m2c-bar-slim p._m2c-actions-mobile{display:block;margin:0.9375em 0;text-align:center}#Max2CookieBox ._m2c-bar .align-items-center{align-items:flex-start !important}#Max2CookieBox .cookie-preference ._m2c-accept,#Max2CookieBox .cookie-preference ._m2c-refuse{text-align:center}}/* Mobile font size fixes for consistent sizing */@media (max-width: 767px){#Max2CookieBox h3{font-size:1.3rem !important}#Max2CookieBox p{font-size:1em}#Max2CookieBox ul li{font-size:0.95em}#Max2CookieBox ._m2c-btn{font-size:1.1em;padding:0.6em 1.5em}#Max2CookieBox ._m2c-legal,#Max2CookieBox ._m2c-manage,#Max2CookieBox ._m2c-refuse{font-size:0.85em}#Max2CookieBox ._m2c-refuse-btn{font-size:0.9em}#Max2CookieBox ._m2c-branding{font-size:0.75em}#Max2CookieBox .bcac-item ._m2c-h4{font-size:1.15em}#Max2CookieBox .bcac-item p{font-size:0.95em}#Max2CookieBox .cookie-preference table td,#Max2CookieBox .cookie-preference table th{font-size:0.9em}#Max2CookieBox .cookie-preference ._m2c-btn{font-size:1em;padding:0.6em 1.2em}/* Additional fixes for specific elements mentioned in client feedback */#Max2CookieBox .cookie-preference h3{font-size:1.25rem !important}#Max2CookieBox .cookie-preference p{font-size:1em}#Max2CookieBox .cookie-preference ._m2c-accept a,#Max2CookieBox .cookie-preference ._m2c-refuse a{font-size:1em}/* Ensure consistent sizing for common booking system elements */#Max2CookieBox .booking-heading{font-size:1.3rem !important}#Max2CookieBox .booking-subheading{font-size:1.15rem}#Max2CookieBox .booking-label{font-size:1em}#Max2CookieBox .booking-input{font-size:1em}#Max2CookieBox .booking-select{font-size:1em}#Max2CookieBox .booking-button{font-size:1.1em;padding:0.6em 1.5em}#Max2CookieBox .booking-price{font-size:1.1em;font-weight:bold}#Max2CookieBox .booking-small-text{font-size:0.9em}}#Max2CookieBox ._m2c-box-wrap{max-width:520px !important}#Max2CookieBox ._m2c-box .container{padding-left:24px !important;padding-right:24px !important}@media(min-width:768px){#Max2CookieBox ._m2c-box-wrap{max-width:600px !important}#Max2CookieBox ._m2c-box .container{padding-left:32px !important;padding-right:32px !important}#Max2CookieBox ._m2c-box,#Max2CookieBox ._m2c-bar{padding:20px 0 !important}/* Desktop font sizes for consistency */#Max2CookieBox h3{font-size:1.4rem !important}#Max2CookieBox ._m2c-btn{font-size:1.25em}#Max2CookieBox .bcac-item ._m2c-h4{font-size:1.25em}#Max2CookieBox .cookie-preference ._m2c-btn{font-size:1em}#Max2CookieBox ._m2c-legal,#Max2CookieBox ._m2c-manage,#Max2CookieBox ._m2c-refuse{font-size:0.85em}#Max2CookieBox ._m2c-refuse-btn{font-size:0.95em}#Max2CookieBox ._m2c-branding{font-size:0.75em}#Max2CookieBox .bcac-item p{font-size:0.95em}#Max2CookieBox .cookie-preference table td,#Max2CookieBox .cookie-preference table th{font-size:0.95em}/* Ensure consistent sizing for common booking system elements */#Max2CookieBox .booking-heading{font-size:1.4rem !important}#Max2CookieBox .booking-subheading{font-size:1.25rem}#Max2CookieBox .booking-label{font-size:1em}#Max2CookieBox .booking-input{font-size:1em}#Max2CookieBox .booking-select{font-size:1em}#Max2CookieBox .booking-button{font-size:1.25em;padding:0.75em 2em}#Max2CookieBox .booking-price{font-size:1.25em;font-weight:bold}#Max2CookieBox .booking-small-text{font-size:0.95em}}@media(max-width:767px){#Max2CookieBox ._m2c-box-wrap{max-width:100% !important;margin:0 !important}#Max2CookieBox ._m2c-box{border-radius:0 !important}}
/*
 * CUSTOMER-SPECIFIC FIXES FOR COOKIE BANNER ISSUES
 * These CSS rules address the specific problems reported by the customer:
 * 1. Footer color issues (white/green colors, /n characters, blue fields)
 * 2. Font size inconsistencies between mobile/desktop
 * 3. Button separation problems
 * 4. Logo size issues
 * 5. Missing cancellation text linking
 */
/*
 * 1. FOOTER PROBLEMS FIXES
 * Fixing white/green color issues and blue fields in footer
 */
#Max2CookieBox ._m2c-legal,
#Max2CookieBox ._m2c-manage,
#Max2CookieBox ._m2c-refuse,
#Max2CookieBox ._m2c-branding {
 /* Ensure consistent text color - override any blue/white/green issues */
 color: inherit !important;
 background-color: transparent !important;
}
/* Fix for \n character display issues in footer text */
#Max2CookieBox ._m2c-legal a,
#Max2CookieBox ._m2c-manage a,
#Max2CookieBox ._m2c-refuse a,
#Max2CookieBox ._m2c-branding a {
 color: inherit !important;
 background-color: transparent !important;
 white-space: normal !important;
 line-height: 1.4 !important;
}
/* Remove any blue background fields in footer */
#Max2CookieBox ._m2c-legal,
#Max2CookieBox ._m2c-manage,
#Max2CookieBox ._m2c-refuse,
#Max2CookieBox ._m2c-branding,
#Max2CookieBox .cookie-preference ._m2c-legal,
#Max2CookieBox .cookie-preference ._m2c-branding {
 background: transparent !important;
 background-color: transparent !important;
}
/*
 * 2. FONT SIZE CONSISTENCY FIXES
 * Ensure consistent font sizing between mobile and desktop
 */
@media (max-width: 767px) {
 /* Mobile font size fixes */
 #Max2CookieBox h3,
 #Max2CookieBox .cookie-preference h3 {
 font-size: 1.25rem !important;
 line-height: 1.3 !important;
 }
#Max2CookieBox p,
 #Max2CookieBox .cookie-preference p {
 font-size: 0.95rem !important;
 line-height: 1.4 !important;
 }
#Max2CookieBox ul li,
 #Max2CookieBox .cookie-preference ul li {
 font-size: 0.9rem !important;
 }
#Max2CookieBox ._m2c-btn,
 #Max2CookieBox .cookie-preference ._m2c-btn {
 font-size: 1rem !important;
 padding: 0.6em 1.2em !important;
 }
#Max2CookieBox ._m2c-legal,
 #Max2CookieBox ._m2c-manage,
 #Max2CookieBox ._m2c-refuse,
 #Max2CookieBox ._m2c-branding,
 #Max2CookieBox .cookie-preference ._m2c-legal,
 #Max2CookieBox .cookie-preference ._m2c-branding {
 font-size: 0.8rem !important;
 }
}
@media (min-width: 768px) {
 /* Desktop font size fixes */
 #Max2CookieBox h3,
 #Max2CookieBox .cookie-preference h3 {
 font-size: 1.4rem !important;
 line-height: 1.3 !important;
 }
#Max2CookieBox p,
 #Max2CookieBox .cookie-preference p {
 font-size: 1rem !important;
 line-height: 1.5 !important;
 }
#Max2CookieBox ul li,
 #Max2CookieBox .cookie-preference ul li {
 font-size: 0.95rem !important;
 }
#Max2CookieBox ._m2c-btn,
 #Max2CookieBox .cookie-preference ._m2c-btn {
 font-size: 1.1rem !important;
 padding: 0.75em 1.5em !important;
 }
#Max2CookieBox ._m2c-legal,
 #Max2CookieBox ._m2c-manage,
 #Max2CookieBox ._m2c-refuse,
 #Max2CookieBox ._m2c-branding,
 #Max2CookieBox .cookie-preference ._m2c-legal,
 #Max2CookieBox .cookie-preference ._m2c-branding {
 font-size: 0.85rem !important;
 }
}
/*
 * 3. BUTTON SEPARATION FIXES
 * Fix issues with button spacing and separation
 */
#Max2CookieBox ._m2c-accept,
#Max2CookieBox ._m2c-refuse,
#Max2CookieBox ._m2c-manage,
#Max2CookieBox .cookie-preference ._m2c-accept,
#Max2CookieBox .cookie-preference ._m2c-refuse {
 margin: 0.5em 0 !important;
 padding: 0.2em 0 !important;
}
#Max2CookieBox ._m2c-accept a,
#Max2CookieBox ._m2c-refuse a,
#Max2CookieBox ._m2c-manage a,
#Max2CookieBox .cookie-preference ._m2c-accept a,
#Max2CookieBox .cookie-preference ._m2c-refuse a {
 margin: 0.3em 0 !important;
 display: inline-block !important;
}
/* Fix separator display issues */
#Max2CookieBox ._m2c-separator::before {
 content: "|" !important;
 display: inline-block !important;
 margin: 0 0.3em !important;
 color: inherit !important;
}
/*
 * 4. LOGO SIZE FIXES
 * Ensure consistent logo sizing across devices
 */
#Max2CookieBox .cookie-logo {
 max-width: 48px !important;
 width: auto !important;
 height: auto !important;
 padding: 0 8px 0 0 !important;
 vertical-align: middle !important;
}
#Max2CookieBox ._m2c-box .cookie-logo {
 max-width: 60px !important;
}
#Max2CookieBox ._m2c-bar .cookie-logo {
 max-width: 80px !important;
}
@media (max-width: 767px) {
 #Max2CookieBox .cookie-logo {
 max-width: 40px !important;
 }
}
/*
 * 5. CANCELLATION TEXT LINKING FIXES
 * Ensure cancellation/refuse links are properly displayed
 */
#Max2CookieBox ._m2c-refuse-btn,
#Max2CookieBox ._m2c-refuse,
#Max2CookieBox .cookie-preference ._m2c-refuse {
 display: block !important;
 text-align: center !important;
 margin: 0.5em 0 !important;
}
#Max2CookieBox ._m2c-refuse-btn a,
#Max2CookieBox ._m2c-refuse a,
#Max2CookieBox .cookie-preference ._m2c-refuse a {
 color: inherit !important;
 text-decoration: underline !important;
 font-size: inherit !important;
}
/* Ensure back link is visible in preferences */
#Max2CookieBox .cookie-preference ._m2c-refuse a[data-cookie-back] {
 display: inline-block !important;
 margin-right: 1em !important;
}
/*
 * ADDITIONAL FIXES FOR COMMON ISSUES
 */
/* Fix for box width on mobile */
@media (max-width: 767px) {
 #Max2CookieBox ._m2c-box-wrap {
 max-width: 100% !important;
 margin: 0 !important;
 }
#Max2CookieBox ._m2c-box {
 border-radius: 0 !important;
 }
}
/* Ensure proper spacing in cookie preference table */
#Max2CookieBox .cookie-preference table td,
#Max2CookieBox .cookie-preference table th {
 padding: 0.3em 0.5em !important;
 font-size: 0.9em !important;
}
/* Fix for checkbox alignment */
.Max2Cookie ._m2c-btn-switch {
 vertical-align: middle !important;
 margin: 0 0.5em !important;
}
/* Ensure proper display of cookie group items */
#Max2CookieBox .bcac-item ._m2c-h4 {
 font-size: 1.1em !important;
 margin: 0 0 0.25em 0 !important;
}
#Max2CookieBox .bcac-item p {
 font-size: 0.9em !important;
 margin: 0.25em 0 !important;
}
/*
 * 6. ACCORDION TOGGLE LINK - PERMANENT UNDERLINE (WCAG 1.4.1 / G183)
 * "Cookie-Informationen anzeigen/ausblenden" must be distinguishable from
 * surrounding text by more than color alone. Permanent underline, not just
 * on hover/focus, since keyboard and touch users never see a hover state.
 */
#Max2CookieBox ._m2c-cursor:not(._m2c-btn) {
 text-decoration: underline !important;
}
/* ===== box-max2final redesign, scoped, inert ohne ._m2c-final ===== */
/*
 * Werte 1:1 aus .planning/design-proposals/proposal-final/index.html.
 * Jede Regel enthaelt _m2c-final, damit die Datei auf jeder Installation ohne
 * cookieBoxLayout=box-max2final folgenlos bleibt (Gegenprobe: Task-1-Verify).
 * !important NUR auf den Eigenschaften, wo eine bestehende !important-Regel weiter
 * oben in dieser Datei (Basis-Stylesheet, nicht cookieBoxCustomCSS) nachweislich
 * gewinnen wuerde, sonst nicht: h3 font-size (#Max2CookieBox h3, Zeile 1 +
 * Mobile/Desktop-Media-Bloecke), ._m2c-btn font-size/padding (dieselben
 * Media-Bloecke), ._m2c-legal font-size (Media-Bloecke). Ohne !important + hoehere
 * Spezifitaet wuerden diese bestehenden Regeln die Redesign-Werte structurell
 * ueberstimmen (spaetere Kollision mit cookieBoxCustomCSS ist separat, siehe
 * Task 2 Schritt 5f). Kein Montserrat-Import, kein font-family: die Schrift kommt
 * aus der Regel "#Max2CookieBox * font-family: %cookieBoxFontFamily%" (CSS.php Zeile 153).
 * .container- und h3-Regeln sind zusaetzlich auf .cookie-box gescopet (nicht nur ._m2c-final),
 * weil ._m2c-final auf dem Wrap-Div sitzt und damit auch fuer den GESCHWISTER-Container
 * .cookie-preference (das Praeferenzen-Panel) matchen wuerde: mit box-sizing:border-box
 * rendert ein Element mit height:0 (Panel im geschlossenen Zustand) trotzdem so hoch wie
 * seine eigene Padding-Summe, ein leaked padding:26px 30px erzeugte live einen sichtbaren
 * 52px-Streifen mit der Panel-Ueberschrift unterhalb des eigentlichen Dialogs (Rule 1 - Bug,
 * live gefunden+gefixt bei der Pilot-Verifikation Task 2, siehe SUMMARY Deviations).
 */
#Max2CookieBox ._m2c-box-wrap._m2c-final {
 max-width: 480px !important;
}
#Max2CookieBox ._m2c-box._m2c-final {
 background: #ffffff;
 border: 1px solid #e2e2e2;
 border-radius: 6px;
 box-shadow: 0 12px 40px rgba(33, 41, 52, 0.16);
}
#Max2CookieBox ._m2c-final .cookie-box .container {
 padding: 26px 30px !important;
}
#Max2CookieBox ._m2c-final ._m2c-final-logo {
 width: 120px;
 margin: 0 0 14px 0;
}
#Max2CookieBox ._m2c-final ._m2c-final-logo img {
 display: block;
 width: 100%;
 height: auto;
}
#Max2CookieBox ._m2c-final .cookie-box h3 {
 font-size: 19px !important;
 font-weight: 700;
 line-height: 1.3 !important;
 margin: 0 0 12px 0 !important;
 color: #212934;
}
#Max2CookieBox ._m2c-final p#CookieBoxTextDescription {
 font-size: 12.5px !important;
 line-height: 1.6 !important;
 margin: 0 0 16px 0 !important;
 color: #4a4e57;
}
#Max2CookieBox ._m2c-final ._m2c-final-cat {
 margin: 0 0 14px 0;
}
#Max2CookieBox ._m2c-final ._m2c-final-cat h4 {
 font-size: 13px;
 font-weight: 600;
 margin: 0 0 3px 0;
 color: #212934;
}
#Max2CookieBox ._m2c-final ._m2c-final-cat p {
 font-size: 12px !important;
 line-height: 1.55 !important;
 margin: 0 !important;
 color: #4a4e57;
}
/* Kompakte Kategorie-Namen-Zeile statt voller Beschreibungsabsaetze (Peter-Feedback
 03.09.2026: Banner "viel zu lang und wuchtig"). Volltext bleibt im
 Praeferenzen-Panel, das diese Klasse nicht verwendet. */
#Max2CookieBox ._m2c-final ._m2c-final-cat-names {
 font-size: 12px !important;
 line-height: 1.5 !important;
 margin: 0 0 4px 0 !important;
 color: #4a4e57;
}
#Max2CookieBox ._m2c-final ._m2c-legal._m2c-final-links {
 margin: 18px 0 0 0 !important;
 padding-top: 14px;
 border-top: 1px solid #e2e2e2;
 font-size: 11.5px !important;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 text-align: center;
 gap: 6px 4px;
}
#Max2CookieBox ._m2c-final ._m2c-final-links a {
 color: #ff8039;
 text-decoration: underline;
}
#Max2CookieBox ._m2c-final ._m2c-final-links span {
 color: #b7bcc3;
}
#Max2CookieBox ._m2c-final ._m2c-final-actions {
 display: flex;
 flex-direction: column;
 gap: 10px;
 margin-top: 18px;
}
#Max2CookieBox ._m2c-final ._m2c-final-actions ._m2c-btn {
 font-size: 13px !important;
 font-weight: 700;
 padding: 13px 18px !important;
 border-radius: 8px;
 width: 100%;
 line-height: 1.3 !important;
 text-align: center;
}
#Max2CookieBox ._m2c-final ._m2c-final-btn-primary {
 background: #ff8800;
 border: 1px solid #ff8800;
 color: #212934 !important;
}
#Max2CookieBox ._m2c-final ._m2c-final-btn-secondary {
 background: transparent;
 border: 2px solid #212934;
 color: #212934 !important;
}
/* DSGVO-Vollaudit 03.09.2026 (docs/council/dsgvo-audit-cookie-banner-20260903.md, Punkt 3b):
 Im "Praeferenzen verwalten"-Panel (cookie-box-preferences.html.php, geteiltes Template FUER
 ALLE Layouts inkl. Kundenseiten - deshalb NICHT die Datei selbst anfassen, nur scoped CSS
 unter ._m2c-final) war "Nur essenzielle Cookies akzeptieren" (data-cookie-refuse) nur ein
 grauer unterstrichener Textlink neben zwei gefuellten Buttons - Gleichwertigkeits-Verletzung
 auf Ebene 2, Anker-Punkt 8 gilt nicht nur fuer den Hauptdialog. Macht daraus einen echten,
 gleich gewichteten Outline-Button, analog ._m2c-final-btn-secondary im Hauptdialog. */
#Max2CookieBox ._m2c-final .cookie-preference a[data-cookie-refuse] {
 display: inline-block;
 padding: 0.6em 1.5em;
 border: 2px solid #212934;
 border-radius: 8px;
 color: #212934 !important;
 text-decoration: none !important;
 font-weight: 700;
}
/* Folgefix zum obigen Punkt-3b-Button (live gemeldet 03.09.2026, Peter-Screenshot): der jetzt
 gepolsterte Button "Nur essenzielle Cookies akzeptieren" passt nicht mehr neben "Zurück |" auf
 eine Zeile - das Praeferenzen-Panel ist im box-max2final-Layout nur 480px breit
 (._m2c-box-wrap._m2c-final, Zeile 274). ._m2c-refuse ist per cookie-banner-fixes.css
 (Abschnitt 5, "CANCELLATION TEXT LINKING FIXES") ein reiner Block mit zwei inline-block-Kindern;
 "Zurück" (54px) + Trenner + der jetzt ~336px breite Button passen nicht auf 341px verfuegbare
 Breite und der Button faellt in eine eigene Zeile um. Sichtbar wurde daraus: "Zurück |" haengt
 oben verwaist mit einem toten Trennstrich, der Button liegt darunter lose. Fix: stapelt beide
 bewusst als flex-column uebereinander, wie ._m2c-final-actions (Zeile 364) es im Hauptdialog fuer
 Primary/Secondary bereits tut - Zurueck-Link zentriert oben, Button darunter, Trenner entfernt
 (er trennte zwei Links auf EINER Zeile, das Layout hat jetzt keine gemeinsame Zeile mehr).
 Live-Repro+Fix-Verify: cbfix-before.png / cbfix-test.png im .planning/briefs-Ordner dieses Forks. */
#Max2CookieBox ._m2c-final .cookie-preference ._m2c-refuse {
 display: flex !important;
 flex-direction: column;
 align-items: center;
 gap: 10px;
}
#Max2CookieBox ._m2c-final .cookie-preference ._m2c-refuse ._m2c-separator {
 display: none !important;
}
#Max2CookieBox ._m2c-final .cookie-preference ._m2c-refuse a[data-cookie-back] {
 margin-right: 0 !important;
}
@media (max-width: 560px) {
 #Max2CookieBox ._m2c-box-wrap._m2c-final {
 max-width: 92vw !important;
 }
#Max2CookieBox ._m2c-final .cookie-box .container {
 padding: 22px 20px !important;
 }
}
@keyframes fadeInDown {
 from {
 opacity: 0;
 transform: translate3d(0, -100%, 0);
 }
to {
 opacity: 1;
 transform: translate3d(0, 0, 0);
 }
}
.fadeInDown {
 animation-name: fadeInDown;
}
@keyframes flipOutX {
 from {
 transform: perspective(400px);
 }
30% {
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 opacity: 1;
 }
to {
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 opacity: 0;
 }
}
.flipOutX {
 animation-duration: 0.75s;
 animation-name: flipOutX;
 backface-visibility: visible !important;
}
#Max2CookieBox * { font-family: inherit; }#Max2CookieBox ._m2c-bar-advanced ul, #Max2CookieBox ._m2c-box-advanced ul { justify-content: space-between; }#Max2CookieBox ._m2c-bar, #Max2CookieBox ._m2c-box { background: #fff; border-radius: 4px; color: #555; font-size: 14px; }#Max2CookieBox a { color: #ff8039; }#Max2CookieBox a:hover { color: #e67333; }#Max2CookieBox ._m2c-btn { background: #ff8039; border-radius: 4px; color: #333; }#Max2CookieBox ._m2c-btn:hover { background: #e67333; border-radius: 4px; color: #333; }#Max2CookieBox ._m2c-refuse-btn a { background: #f7f7f7; border-radius: 4px; color: #555; }#Max2CookieBox ._m2c-refuse-btn a:hover { background: #e6e6e6; border-radius: 4px; color: #555; }#Max2CookieBox ._m2c-btn-accept-all { background: #ff8039; border-radius: 4px; color: #333; }#Max2CookieBox ._m2c-btn-accept-all:hover { background: #e67333; border-radius: 4px; color: #333; }#Max2CookieBox ._m2c-btn-accept-all { background: #ff8039; border-radius: 4px; color: #333; }#Max2CookieBox ._m2c-btn-accept-all:hover { background: #e67333; border-radius: 4px; color: #333; }#Max2CookieBox ._m2c-legal { color: #888; }#Max2CookieBox ._m2c-legal a { color: inherit; }#Max2CookieBox ._m2c-legal a:hover { color: #666; }#Max2CookieBox ._m2c-branding { color: #000; }#Max2CookieBox ._m2c-branding a { color: inherit; }#Max2CookieBox ._m2c-branding a:hover { color: inherit; }#Max2CookieBox ._m2c-manage a { color: #ff8039; }#Max2CookieBox ._m2c-manage a:hover { color: #e67333; }#Max2CookieBox ._m2c-refuse { color: #888; }#Max2CookieBox ._m2c-refuse a:hover { color: #666; }#Max2CookieBox ul li::before { color: #ff8039; }#Max2CookieBox .cookie-box ._m2c-btn { width: 100%; }.Max2Cookie ._m2c-btn-switch ._m2c-slider { background-color: #bdc1c8; }.Max2Cookie ._m2c-btn-switch input:checked + ._m2c-slider { background-color: #ff8039; }.Max2Cookie ._m2c-btn-switch ._m2c-slider::before { background-color: #fff; }.Max2Cookie ._m2c-btn-switch input:checked + ._m2c-slider:before { background-color: #333; }.Max2Cookie ._m2c-checkbox ._m2c-checkbox-indicator { background-color: #fff; border-color: #a72828; border-radius: 4px; }.Max2Cookie ._m2c-checkbox input:checked ~ ._m2c-checkbox-indicator { background-color: #ff8039; border-color: #ff8039; }.Max2Cookie ._m2c-checkbox input:checked ~ ._m2c-checkbox-indicator::after { border-color: #fff; }.Max2Cookie ._m2c-checkbox input:disabled ~ ._m2c-checkbox-indicator { background-color: #e6e6e6; border-color: #e6e6e6; }.Max2Cookie ._m2c-checkbox input:disabled ~ ._m2c-checkbox-indicator::after { border-color: #999; }#Max2CookieBox .bcac-item { background-color: #f7f7f7; border-radius: 0px; color: #555; }#Max2CookieBox .cookie-preference table { background-color: #fff; border-radius: 0px; color: #555; }#Max2CookieBox .cookie-preference table { background-color: #fff; border-radius: 0px; color: #555; }#Max2CookieBox .cookie-preference table tr td, #Max2CookieBox .cookie-preference table tr th { background-color: #fff; border-color: #eee; }.Max2Cookie ._m2c-btn-switch ._m2c-slider { border-radius: 34px; }.Max2Cookie ._m2c-btn-switch ._m2c-slider::before { border-radius: 50%; }.Max2Cookie ._m2c-content-blocker { font-family: inherit; font-size: 14px; }.Max2Cookie ._m2c-content-blocker ._m2c-caption { background: hsla(0, 0%, 0%, 0.8); color: #fff; }.Max2Cookie ._m2c-content-blocker ._m2c-caption a { color: #ff8039; }.Max2Cookie ._m2c-content-blocker ._m2c-caption a:hover { color: #e67333; }.Max2Cookie ._m2c-content-blocker a._m2c-btn { background: #ff8039; border-radius: 4px; color: #333; }.Max2Cookie ._m2c-content-blocker a._m2c-btn:hover { background: #e67333; color: #333; }a._m2c-btn-cookie-preference { background: #ff8039 !important; border-radius: 4px !important; color: #333 !important; }a._m2c-btn-cookie-preference:hover { background: #e67333 !important; color: #333 !important; }#Max2CookieBox ._m2c-box-wrap{max-width:600px}@media(max-width:620px){#Max2CookieBox ._m2c-box-wrap{max-width:100%;margin:0}#Max2CookieBox ._m2c-box{border-radius:0}}
/* ---- max2 UI-Fix A: Scroll-Andeutung + kein randbuendiges Abschneiden ---- */
#Max2CookieBox ._m2c-final .cookie-box .container {
 max-height: calc(100vh - 56px) !important;
}
@media (max-height: 620px) {
 /* Bewusst NUR ::-webkit-scrollbar und KEIN scrollbar-width: die Standard-Property
 gewinnt in Chrome gegen die Pseudo-Element-Gestaltung, und auf macOS bleibt es
 dann bei der unsichtbaren Overlay-Scrollbar. Live gemessen: mit scrollbar-width
 war offsetWidth - clientWidth = 0, ohne sie wird der Balken breit und sichtbar. */
 #Max2CookieBox ._m2c-final .cookie-box .container::-webkit-scrollbar {
 width: 8px;
 }
 #Max2CookieBox ._m2c-final .cookie-box .container::-webkit-scrollbar-thumb {
 background: #bdc1c8;
 border-radius: 4px;
 }
 /* Platz so verteilen, dass die Entscheidungs-Buttons ohne Scrollen sichtbar bleiben.
 Bewusst NICHT per position:sticky geloest: die Buttons ueberlagerten dann den
 Einwilligungstext, was optisch schlechter und rechtlich unguenstig ist (die
 Information muss lesbar bleiben). Stattdessen belegen Logo und Beschreibung im
 kurzen Viewport weniger Platz, die Beschreibung bekommt einen eigenen kleinen
 Scrollbereich. Ziel: "Alle akzeptieren" und "Nur erforderliche" sind bei jeder
 Viewport-Hoehe gleich erreichbar (Art. 7 DSGVO, Ablehnen nicht schwerer als
 Annehmen). */
 #Max2CookieBox ._m2c-final ._m2c-final-logo {
 width: 56px !important;
 margin-bottom: 8px !important;
 }
 #Max2CookieBox ._m2c-final .cookie-box .container {
 padding: 14px 22px !important;
 }
 #Max2CookieBox ._m2c-final p#CookieBoxTextDescription {
 max-height: 6.2em;
 overflow-y: auto;
 overscroll-behavior: contain;
 }
 #Max2CookieBox ._m2c-final ._m2c-final-actions {
 margin-top: 12px !important;
 }
}
/* Sehr kurze Viewports (Handy im Querformat, ~375px hoch): staerker verdichten, sonst
 bleibt der zweite Button knapp unter der Kante. Messung ohne diesen Block bei 667x375:
 Container-Inhalt 405px bei 319px Sichtflaeche, "Nur erforderliche" bei top 370. */
@media (max-height: 430px) {
 #Max2CookieBox ._m2c-final ._m2c-final-logo {
 width: 40px !important;
 margin-bottom: 4px !important;
 }
 #Max2CookieBox ._m2c-final .cookie-box .container {
 padding: 10px 20px !important;
 }
 #Max2CookieBox ._m2c-final .cookie-box h3 {
 margin-bottom: 6px !important;
 }
 #Max2CookieBox ._m2c-final p#CookieBoxTextDescription {
 max-height: 3.4em;
 }
 #Max2CookieBox ._m2c-final ._m2c-final-actions {
 gap: 7px !important;
 margin-top: 10px !important;
 }
 #Max2CookieBox ._m2c-final ._m2c-final-actions ._m2c-btn {
 padding: 9px 16px !important;
 }
}
/* ---- max2 UI-Fix B: Widerruf-Pill erst nach der ersten Entscheidung ---- */
body:has(#Max2CookieBox ._m2c-bg-animation:not(.max2-hide)) .max2-cookie-preference {
 display: none !important;
}
/* ---- max2 UI-Fix C: Link-Kontrast >= 4,5:1 ----
 Farbe #4a4e57 auf Peters Entscheidung 08.09.2026: im DSGVO-Bereich schlaegt WCAG die CI.
 Gemessen 7,58:1 auf #f7f7f7 und 8,34:1 auf #fff. Es ist dieselbe Farbe, die der
 Widerruf-Pill in max2-cookie-revoke-link.php schon benutzt, der Banner wird dadurch in
 sich einheitlich.
 Bewusst NICHT ueber "#Max2CookieBox a": die Aktions-Buttons sind ebenfalls a-Elemente,
 ein globaler Griff wuerde ihre Textfarbe mit umfaerben. */
#Max2CookieBox .bcac-item a,
#Max2CookieBox ._m2c-legal a,
#Max2CookieBox ._m2c-final ._m2c-final-links a {
 color: #4a4e57 !important;
}
#Max2CookieBox .bcac-item a:hover,
#Max2CookieBox ._m2c-legal a:hover,
#Max2CookieBox ._m2c-final ._m2c-final-links a:hover {
 color: #212934 !important;
}
/* ---- max2 UI-Fix D: granulare Ansicht (Detail-Panel) ----
 Das Panel ist im Kern unrestyliertes Borlabs-Legacy-Markup. Der Fork hat am 03.09.2026
 bereits einen DSGVO-Teilfix fuer die Ablehnen-Gruppe eingezogen (._m2c-refuse als
 flex-column, data-cookie-refuse als Outline-Button). Dieser Block baut darauf auf statt
 dagegen: alle Selektoren tragen dasselbe ._m2c-final-Praefix, damit sie in Spezifitaet
 und Reihenfolge sauber ueber den vorhandenen Regeln liegen und nichts stillschweigend
 verlieren.
Gemessener Ist-Zustand vor dem Fix (1440x900): vier Aktionen in vier Formaten,
 "Alle akzeptieren" 192x53 auf #ff8039, "Speichern" 141x53, "Nur essenzielle Cookies
 akzeptieren" nur 146x113 mit vier Zeilen Umbruch rechts daneben, "Zurueck" als 55x22-Text
 darueber schwebend. Der Ablehnen-Weg war damit schmaler und schlechter lesbar als der
 Annehmen-Weg (Art. 7 Abs. 3 DSGVO). Zusaetzlich verbarg der Scroll-Container 58px
 (Desktop) bzw. 232px (390px breit) ohne jede Scrollbar-Andeutung, die Kategorie-Texte
 brachen mitten im Satz ab.
Die Aktions-Reihe wird zu einer einspaltigen Liste gleich breiter Schaltflaechen.
 Umgesetzt ueber display:contents auf den Bootstrap-Spalten und den beiden p-Wrappern,
 damit die vier a-Elemente direkte Flex-Kinder der Reihe werden und per order sortierbar
 sind, ohne das Markup des Forks anzufassen (das Template ist geteilt und liegt auch auf
 Kundenseiten). Selektoren ueber die data-Attribute des Forks, nicht ueber Klassen: die
 vier Aktionen tragen teils identische Klassen und waeren sonst nicht unterscheidbar. */
#Max2CookieBox ._m2c-final .cookie-preference .row.no-gutters.align-items-center {
 display: flex !important;
 flex-direction: column !important;
 align-items: stretch !important;
 gap: 10px !important;
}
#Max2CookieBox ._m2c-final .cookie-preference .row.no-gutters.align-items-center > div.col-12,
#Max2CookieBox ._m2c-final .cookie-preference p._m2c-accept,
#Max2CookieBox ._m2c-final .cookie-preference p._m2c-refuse {
 display: contents !important;
}
#Max2CookieBox ._m2c-final .cookie-preference ._m2c-separator {
 display: none !important;
}
/* Reihenfolge: Annehmen, Ablehnen (gleiches Gewicht direkt nebeneinander), dann die
 Auswahl speichern, zuletzt Zurueck. */
#Max2CookieBox ._m2c-final .cookie-preference a[data-cookie-accept-all] { order: 1; }
#Max2CookieBox ._m2c-final .cookie-preference a[data-cookie-refuse] { order: 2; }
#Max2CookieBox ._m2c-final .cookie-preference a[data-cookie-accept] { order: 3; }
#Max2CookieBox ._m2c-final .cookie-preference a[data-cookie-back] { order: 4; }
#Max2CookieBox ._m2c-final .cookie-preference a[data-cookie-accept-all],
#Max2CookieBox ._m2c-final .cookie-preference a[data-cookie-refuse],
#Max2CookieBox ._m2c-final .cookie-preference a[data-cookie-accept] {
 display: block !important;
 width: 100% !important;
 box-sizing: border-box !important;
 margin: 0 !important;
 padding: 13px 18px !important;
 font-size: 13px !important;
 font-weight: 700 !important;
 line-height: 1.25 !important;
 text-align: center !important;
 text-decoration: none !important;
 border-radius: 8px !important;
 white-space: normal !important;
}
/* Annehmen und Ablehnen exakt gleich gross, gleiches Muster wie in der Erstansicht:
 Annehmen als Flaeche in CI-Orange, Ablehnen als Kontur, beide volle Breite. */
#Max2CookieBox ._m2c-final .cookie-preference a[data-cookie-accept-all] {
 background: #ff8800 !important;
 border: 2px solid #ff8800 !important;
 color: #212934 !important;
}
#Max2CookieBox ._m2c-final .cookie-preference a[data-cookie-refuse] {
 background: transparent !important;
 border: 2px solid #212934 !important;
 color: #212934 !important;
}
/* "Speichern" gehoert zu den Schaltern, nicht zur Grundsatzentscheidung: gleiche Groesse,
 aber ruhiger. */
#Max2CookieBox ._m2c-final .cookie-preference a[data-cookie-accept] {
 background: transparent !important;
 border: 2px solid #b6b9bf !important;
 color: #4a4e57 !important;
 font-weight: 600 !important;
}
#Max2CookieBox ._m2c-final .cookie-preference a[data-cookie-back] {
 align-self: center !important;
 width: auto !important;
 margin: 2px 0 0 !important;
 padding: 2px 4px !important;
 font-size: 12px !important;
 font-weight: 400 !important;
 color: #4a4e57 !important;
 background: transparent !important;
 border: 0 !important;
 text-decoration: underline !important;
}
/* Kopfbereich: Ueberschrift in derselben dunklen Farbe wie die Buttons statt in Grau.
 Die Logo-Zeile wird bewusst NICHT vertikal zentriert: die Logo-Spalte (col-2) und die
 Inhalts-Spalte (col-10, mit Text und allen Buttons) sind Geschwister, ein
 align-items:center haengt das Logo auf halbe Hoehe der gesamten Spalte, also mitten
 neben die Buttons. Live gemessen und im Screenshot gesehen, deshalb hier explizit
 flex-start statt "sieht im Code plausibel aus". */
#Max2CookieBox ._m2c-final .cookie-preference .row.no-gutters.align-items-top {
 align-items: flex-start !important;
}
#Max2CookieBox ._m2c-final .cookie-preference h3 {
 color: #212934 !important;
 font-size: 20px !important;
 font-weight: 700 !important;
 line-height: 1.3 !important;
 margin: 0 !important;
}
#Max2CookieBox ._m2c-final .cookie-preference img.cookie-logo {
 width: 44px !important;
 height: auto !important;
}
/* Scroll-Andeutung im Panel: der Container verbarg Inhalt ohne sichtbare Scrollbar
 (macOS-Overlay-Scrollbars, gemessene Scrollbar-Breite 0). */
#Max2CookieBox ._m2c-final .cookie-preference .container {
 max-height: calc(100vh - 96px) !important;
}
#Max2CookieBox ._m2c-final .cookie-preference .container::-webkit-scrollbar {
 width: 8px;
}
#Max2CookieBox ._m2c-final .cookie-preference .container::-webkit-scrollbar-thumb {
 background: #bdc1c8;
 border-radius: 4px;
}