:root {
    --fontsize:14px;
    --lineheight:23px;
}

#md-cookies-layer {display:none; position:fixed; top:0; left:0; height:100vh; width:100vw; z-index:9998; background-color:rgba(0,0,0,1); opacity: 0; transition: opacity ease .3s;}
.c-settings {width:40px; z-index: 9999; cursor:pointer; height:40px; border-radius:20px; background-color:#777; border:solid 1px #fff; position:fixed; bottom:5px; left:5px; background-image:url(/assets/img/cookiebar/c-settings.svg); background-size:30px; background-position:center center; background-repeat:no-repeat;}      
#md-cookies-c {position:fixed; font-weight:normal; display:none; width:930px; height: 65vh; z-index:9999; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); background-color:#fff; border-radius: 10px; border: 1px solid #bbb; opacity: 0; transition: opacity ease .3s;}
#md-cookies-c p {margin:0;}
#md-cookies-cls-btn {position: absolute; right:10px; top:10px; width:30px; height:30px; cursor:pointer;}
#md-cookies-cls-btn::before, #md-cookies-cls-btn::after {content:""; position:absolute; right:10px; top: 15px; display:block; width:20px; height:2px; background-color:#000;}
#md-cookies-cls-btn::before {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
#md-cookies-cls-btn::after {transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.md-cookies-header {padding:20px; border-bottom: 1px solid #ccc;}
.md-cookies-header p {font-weight:normal;}
.md-cookies-overview {display:flex; justify-content:space-between;}
.md-cookies-tab-header {padding: 10px 20px 10px 40px; font-size:var(--fontsize); height: 45px; background-color: #fff; border-bottom: 1px solid #ccc; cursor:pointer; position:absolute; left:0; top:0; transition: background-color ease .3s; width:250px;}
.md-cookies-tab-header::after {content:''; position:absolute; left:21px; top:13px; display:block; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:7px solid #a8cde8;
}.md-cookies-tab-c p {font-size:var(--fontsize);}
.md-cookies-tab-c:nth-of-type(1) .md-cookies-tab-header {transform:translateY(0); -webkit-transform:translateY(0); box-sizing:border-box;}
.md-cookies-tab-c:nth-of-type(2) .md-cookies-tab-header {transform:translateY(calc(45px * 1)); -webkit-transform:translateY(calc(45px * 1)); box-sizing:border-box;}
.md-cookies-tab-c:nth-of-type(3) .md-cookies-tab-header {transform:translateY(calc(45px * 2)); -webkit-transform:translateY(calc(45px * 2)); box-sizing:border-box;}
.md-cookies-tab-c:nth-of-type(4) .md-cookies-tab-header {transform:translateY(calc(45px * 3)); -webkit-transform:translateY(calc(45px * 3)); box-sizing:border-box;}
.md-cookies-tab-c:nth-of-type(5) .md-cookies-tab-header {transform:translateY(calc(45px * 4)); -webkit-transform:translateY(calc(45px * 4)); box-sizing:border-box;}  
.md-cookies-tab-c:nth-of-type(6) .md-cookies-tab-header {transform:translateY(calc(45px * 5)); -webkit-transform:translateY(calc(45px * 5)); box-sizing:border-box;} 
.md-cookies-tab-c:nth-of-type(7) .md-cookies-tab-header {transform:translateY(calc(45px * 6)); -webkit-transform:translateY(calc(45px * 6)); box-sizing:border-box;}  
.md-cookies-tab-c:nth-of-type(8) .md-cookies-tab-header {transform:translateY(calc(45px * 7)); -webkit-transform:translateY(calc(45px * 7)); box-sizing:border-box;}        
.md-cookies-tab-header.md-cookies-tab-header-active {background-color:#496571; color:#fff;}
.md-cookies-tab-header::before {content:""; display:none; position:absolute; left:0; top:0; width:10px; height:100%; background-color: transparent; transition: background-color ease .3s;}
.md-cookies-tab-header.md-cookies-tab-header-active::before {background-color: #003478;}
#md-cookies-tabs {flex-basis:100%; position:relative;}     
#md-cookies-tabs p {color:#000; font-weight:normal;}
.md-cookies-tab-c {}
.md-cookies-tab-content {display:none; box-sizing:border-box; position:absolute; left:250px; top:20px;  padding:0 20px 20px; width:calc(100% - 250px - 20px);}
#md-cookies-c p.md-cookies-tab-content-headline {font-weight:bold; margin-bottom:10px; padding-right:50px;}
#md-cookies-c p.md-cookies-tab-content-link-c {margin-top:10px;}
p.md-cookies-tab-content-link-c a {color:#1d526e; top:10px; font-weight:bold; font-size:16px; border-bottom:1px solid #8ecff2; text-decoration:none; padding-bottom:2px; cursor:pointer;}
.md-cookies-tab-content-non-option-c {position:absolute; top:0; right:0;  font-weight:bold; color:#253466;}      
.md-cookies-tab-toggle-category-btn { position: absolute; top: 0; right: 0; width: 40px; height: 20px; background-color:#ffb8b8; border-radius: 50px; cursor: pointer; border: 1px solid #743e3e; transition: all ease .3s;}
.md-cookies-tab-toggle-category-btn::before {content:""; display:block; width:16px; height:16px; border-radius:20px; position:absolute; left:1px; top:1px; background-color:#7d2e2e; transform:translateX(0); -webkit-transform:translateX(0); transition: all ease .3s;}
.md-cookies-tab-toggle-category-btn.md-cookies-tab-toggle-category-btn-on {background-color:#b6ffcb; border:1px solid #549775;}      
.md-cookies-tab-toggle-category-btn.md-cookies-tab-toggle-category-btn-on::before {background-color:#168047; transform:translateX(20px); -webkit-transform:translateX(20px);}
#md-cookies-list-c {display:none; position:absolute; left:0; top:65px; height:calc(100% - 65px - 65px); width:100%; background-color:#fff; border-radius: 10px;}
#md-cookies-list-c.md-cookies-list-c-visible {display:block;}
.md-cookies-list-header, #md-cookies-list {padding: 10px 20px;}
.md-cookies-list-header {border-bottom: 1px solid #bbb; display:flex; height:45px; justify-content:space-between; align-items: center;}
#md-cookies-list-header-back-c {padding-left:20px; position: relative; cursor:pointer;}
.md-cookies-list-back-btn {position:absolute; left:0; top:0; padding-left:25px;}
.md-cookies-list-back-btn::before, .md-cookies-list-back-btn::after {content:""; position:absolute; left:0; display:block; width:10px; height:2px; background-color:#000; transition:transform ease .4s;}
.md-cookies-list-back-btn::before {top:6px; transform:rotate(-45deg); -webkit-transform: rotate(-45deg);}
.md-cookies-list-back-btn::after {top:12px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#md-cookies-list {position: relative; height: calc( 100% - 45px); overflow: scroll;}
.md-cookies-list-group {border:1px solid #bbb; border-radius:5px; margin-bottom:20px; height:65px; overflow:hidden; transition: all ease .4s;}
.md-cookies-list-group.md-cookies-list-group-active {border:1px solid #555;}
.md-cookies-list-group:first-of-type {margin-top:10px;}      
.md-cookies-list-group-c {padding:20px;}      
.md-cookies-list-group-header {display:flex; justify-content:space-between; margin-bottom:25px;}
.md-cookies-list-group-header p {font-weight:bold; font-size:var(--fontsize);}
.md-cookies-list-group-toggle-btn {position:relative; padding-left:25px; cursor:pointer;}
.md-cookies-list-group-toggle-btn::before, .md-cookies-list-group-toggle-btn::after {content:""; position: absolute; top:10px; display:block; width:10px; height:2px; background-color:#3cade3; transition:transform ease .4s;}
.md-cookies-list-group-toggle-btn::before {left:0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.md-cookies-list-group-toggle-btn::after {left:6px; transform:rotate(-45deg); -webkit-transform: rotate(-45deg);}
.md-cookies-list-group-active .md-cookies-list-group-toggle-btn::before {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.md-cookies-list-group-active .md-cookies-list-group-toggle-btn::after {transform: rotate(45deg); -webkit-transform: rotate(45deg);}      
.md-cookies-list-group-header a {color:#3cade3; border-bottom:1px solid; padding-bottom:2px;}
.md-cookies-list-group-header a:hover {color:#000;}
.md-cookies-list-entry {display:none; background-color: #f7f7f7; border:1px solid #bbb;  padding:20px; margin:10px 0; border-radius:5px;}
.md-cookies-list-entry:last-of-type {margin-bottom:0;}
.md-cookies-list-group-active .md-cookies-list-entry {display:block;}
.md-cookies-list-entry p {display:flex; font-weight:normal; font-size:var(--fontsize); line-height:var(--lineheight);}
.md-cookies-list-entry p span {flex-basis:150px; flex-shrink:0;}
.md-cookies-ft {position:absolute; box-sizing:border-box; bottom:0; padding:20px; left:0; width:100%; height:150px; display:flex; flex-direction:column; justify-content:space-between; align-items:center; border-top:1px solid #bbb; background-color:#fff;}
.md-cookies-btn {color:#fff; margin-top:10px; margin-bottom:10px; width:280px; text-align:center; font-size:var(--fontsize); text-decoration:none; font-weight:bold; border:solid 1px #ff9e0c; background-color:var(--color1); padding:7px 15px; cursor:pointer; border-radius:5px;}
.md-cookies-tab-intro {display:flex; flex-direction:row;}

#md-cookies-bar-c {position:fixed; box-sizing:border-box; font-size:16px; border-top: solid 3px var(--color1); bottom:0; width:100%; background-color:var(--color5); color:#fff; padding:10px !important; display:flex; flex-wrap:wrap; justify-content:space-around;  align-items:center; z-index:9900;}
#md-cookies-bar-c a {cursor:pointer; text-decoration:underline;}
#map-cookies-allow, #ga-optout {cursor:pointer;}

#mdCookieText {padding:13px 10px 20px 10px; font-size:var(--fontsize); line-height:19px; margin-bottom:10px; color:#fff;}
#mdCookieText a {color:#fff; font-weight:bold;}
#mdCookieText span {font-weight:bold; margin:0 5px; cursor:pointer; text-decoration:underline;}
.mdCookieBtn {background-color:#fff; font-size:var(--fontsize); padding:7px 10px; width:330px; text-align:center; border-radius:3px; text-decoration:none !important; cursor:pointer; margin-bottom:20px; text-align:center; color:#000;}

#map-cookies-hint, #haendler-map-cookies-hint {width:100%; border-radius:5px; margin-top:20px; text-align:center; padding:20px; background-color:#fff; display:flex; flex-direction:column}
#map-cookies-hint p {font-size:16px; color:#777;}
#map-cookies-allow, #haendler-map-cookies-allow {background-color:var(--color1); color:#fff; padding:10px; width:300px; justify-content: center; display:flex; margin-top:20px; margin-left:calc(50% - 150px); border:solid 1px #fff; top:30px;}

@media screen and (max-width: 1200px) {
    #md-cookies-c {width:calc(100% - 40px);}
    #md-cookies-tabs-btn {flex-basis:190px;}
    .md-cookies-tab-content {width: calc(100% - 190px - 20px); left:190px;}
    .md-cookies-tab-header {width:190px;}
}

@media screen and (max-width: 850px) {
    #md-cookies-c {width:96%; height:90vh; border-radius:0; border:none;}
    #md-cookies-list-c {border-radius:0;}
    .md-cookies-header {font-weight:bold; padding-right: 50px;}
    #md-cookies-cls-btn {top:14px;}
    .md-cookies-tab-c {position: relative;}
    .md-cookies-tab-header {position:static;}
    .md-cookies-tab-header, .md-cookies-tab-content {transform: none !important; -webkit-transform: none !important; left:auto; right:auto; height:auto; top:auto; width:100%;}
    .md-cookies-tab-content {position:relative; border-bottom:1px solid #bbb; padding: 20px 20px 40px;}
    .md-cookies-tab-toggle-category-btn, .md-cookies-tab-content-non-option-c {right:20px; top:20px;}
    .md-cookies-tab-header::before {width:5px;}
    .md-cookies-btn {padding: 5px 8px;}
    .md-cookies-overview {display:flex; justify-content: space-between; position:absolute; height:calc(100% - 65px); overflow:scroll; width:100%;}
    .md-cookies-tab-c:last-of-type {margin-bottom:30px;}
}

@media screen and (min-width: 700px) {
     .md-cookies-ft {flex-direction:row; height:80px;}  
}

@media screen and (max-width: 500px) {
    .md-cookies-list-group-c {padding: 0 20px 20px;}
    .md-cookies-list-group-header {height:65px; align-items:center;}
    #md-cookies-c .md-cookies-list-entry p {flex-direction:column; margin-bottom:15px;}
    #md-cookies-c .md-cookies-list-entry p:last-of-type {margin-bottom:0;}
    .md-cookies-list-entry p span {flex-basis:auto; font-weight:bold;}        
}

@media screen and (max-width:360px) {
    .md-cookies-ft {padding: 10px 20px; flex-direction:column; height:95px;}
    #md-cookies-list-c {height: calc(100% - 95px - 65px);}
    .md-cookies-overview {height: calc(100% - 115px - 65px);}
    .md-cookies-list-group-header p {font-size:var(--fontsize);}
}