/* cookie notification box */
div#cookiehint {position:fixed; scrollbar-width:none; bottom:20px; left:20px; width:42rem !important; max-height:95%; padding:25px 20px 5px; background-color:rgba(0,144,54,0.95); color:#fff; 
border-radius:12px; box-shadow:10px 6px 12px 0 rgba(0, 0, 0, 0.4); z-index:25000;
overflow-y:scroll; font-weight:normal; font-size:.85rem; line-height:1.5;}
div#cookiehint::-webkit-scrollbar {display:none;}
div#cookiehint .cookietext {max-height:220px; overflow-y: scroll; color:#fff; font-size:.85rem; line-height:1.5;}
div#cookiehint .cookietext::-webkit-scrollbar {width: 2px;}
div#cookiehint .cookietext::-webkit-scrollbar-track {background:rgba(255,255,255,.2);}
 
/* Handle */
div#cookiehint .cookietext::-webkit-scrollbar-thumb {background: #fff; }

div#cookiehint h4 {margin:0 0 2px 0; font-size:1.25rem; font-weight:bold; color:#fff;}
div#cookiehint a {display:inline-block; font-size:.85rem; color:#fff24c;}
div#cookiehint a:hover {text-decoration:underline;}

div#cookiehint div.choose, div#cookiehint div.settings {margin:10px 0;}
div#cookiehint span.cookiebutton, div#cookiehint span.cookiebutton2,
 div#cookiehint span.settingsbutton, div#cookiehint span.consentbutton,
 div#cookiehint span.savebutton, div#cookiehint span.refusebutton
 {display:inline-block; margin:0 10px 0 0; padding:5px 10px; font-size:1rem; font-weight:bold; color:#000; background-color:#fff24c; border:solid 1px #c8c8c8; border-radius:4px;}
div#cookiehint span.cookiebutton:hover, div#cookiehint span.cookiebutton2:hover,
 div#cookiehint span.consentbutton:hover, div#cookiehint span.settingsbutton:hover,
 div#cookiehint span.savebutton:hover, div#cookiehint span.refusebutton:hover
 {background-color:#fff; color:#000; border-color:#fff; cursor:pointer;}
div#cookiehint span.refusebutton, div#cookiehint span.consentbutton, div#cookiehint span.savebutton
 {border:solid 1px #fff24c;}
div#cookiehint span.refusebutton, div#cookiehint span.settingsbutton, div#cookiehint span.savebutton
 {clear:right; background-color:#009036; color:#fff; border:solid 1px #fff;}
div#cookiehint span.consentbutton {margin:10px 0 10px 0;}
div#cookiehint .cookiegrouphead {line-height:1;}
div#cookiehint label {display:inline-block; margin-bottom:0; font-size:0.875rem; line-height:1;}
div#cookiehint .box {font-size:10px;}
div#cookiehint .cookieinfo {margin-bottom:1px; padding:6px 10px; font-size:12px; background-color:#f5f5f5; overflow:hidden;}
div#cookiehint .heading {display:flex; justify-content:space-between; align-items: center; padding-bottom:5px; color:#555;}
div#cookiehint .toggle::before {font-size:1rem; line-height:1; content:'▼';}
div#cookiehint .toggle.active::before {font-size:1rem; line-height:1; content:'▲';}
div#cookiehint .cookiegroupdesc {margin-bottom:10px; padding:0 5px; font-size:14px; color:#555;}
div#cookiehint .cookieinfo table {width:100%; margin-bottom:10px; border-collapse:collapse; background-color:#fff;}
div#cookiehint .cookieinfo table th,
 div#cookiehint .cookieinfo table td {padding:0 10px; font-size:14px; color:#555; border:solid 1px #f5f5f5;}
div#cookiehint .cookieinfo table th {width:4rem; text-align:left;}
div#cookiehint span.info {font-size:14px; color:#999; cursor:pointer;}

@media only screen and (max-width:768px) {
 div#cookiehint  {width: 100% !important; max-width: none; left: 0; bottom: 0; border-radius: 0; font-size: 0.875rem;
   -webkit-box-shadow: -1px -2px 5px 0px rgba(0,0,0,0.22);
   -moz-box-shadow: -1px -2px 5px 0px rgba(0,0,0,0.22);
   box-shadow: -1px -2px 5px 0px rgba(0,0,0,0.22);
 }
}

@media only screen and (max-width:480px) {
  div#cookiehint {padding-bottom:15px;}
  div#cookiehint .choose {display:flex; flex-wrap:wrap; gap:2%;}
  div#cookiehint div.choose, div#cookiehint div.settings {margin-bottom:0;}
  div#cookiehint span.cookiebutton2,
  div#cookiehint span.settingsbutton,
  div#cookiehint span.consentbutton {display:block; width:100%; text-align: center; margin:0 0 10px 0;}
  div#cookiehint span.consentbutton {margin-bottom:0;}
  div#cookiehint span.savebutton,
  div#cookiehint span.refusebutton {width:49%; margin:0 0 10px 0; text-align: center;}
}

@media only screen and (max-width:400px) {
  div#cookiehint {max-height:100%; line-height:1.3; padding:15px;}
}