*.CookieNote{
font-family: 'Noto Sans', sans-serif !important;
margin:0 !important;
font-weight: normal !important;
color: #fff !important;
font-size: 14px !important;
line-height: 1.5 !important;
text-rendering: optimizeLegibility  !important;
text-shadow: none !important; }
#cookienote a{
color: #fff !important;
text-decoration: underline !important;
font-size: 14px !important;
font-weight: normal !important;
line-height: 2 !important;
}
#cnCustomizeDiv a{
text-decoration: none !important;
}
#cnContentDiv{
grid-area: text1;
display: flex;
justify-content: flex-start;
padding:0px 0px 0px 0px;
}
#cnHeadDiv{
grid-area: headline;
display: flex;
justify-content: center;
padding:10px 10px 15px 10px;
}
#cnHead{
font-weight:900 !important;
font-size: 20px !important;
line-height: 2 !important;
font-style: normal !important;
background: transparent !important;
}
#cnInfoText{
display:flex;
padding:0 38px 30px  38px;
}
#cnNote{
font-size: 14px  !important;
line-height: 1.2  !important;
padding-right:20px  !important;	
margin-top: -35px  !important;
z-index: 10000;
} #cnAbfrageDiv{
width:20%;
float:left;
padding:5px;
margin:auto;
}
#cnNavTableDiv{
width:35%;
float:left;
padding:5px;
margin:auto;
}
ul.CookieNote{
list-style-type: none;
}
ul.CookieNote > li{
}
#cnAbfrageDiv{
display: flex;
flex-direction: column;
}
#cnNote{
height: auto !important;
max-height: 85px !important;
}
#cookienote{
display:grid !important;
grid-template-areas: 
'headline headline headline headline headline headline'
'customize customize customize customize customizelink customizelink'
'text1 text1 text1 text1 text1 text1'
'button1 button1 button2 button2 button3 button3'
;
grid-auto-columns: 1fr;
grid-gap: 0px;
box-sizing: border-box;
padding: 20px 10%;
position: fixed;
bottom:0px;
margin-right:auto;
margin-left:auto;
width: 100%  !important;
background-color: rgba(3,3,3,.9);
clear:both  !important;
left:0;
z-index:99999;
min-height: 220px;
}
@media only screen and (max-width: 868px) {
#cookienote{
grid-template-areas: 
'headline'
'customize'
'customizelink'
'customizelink2'
'text1'
'buttontext'
'button1'
'button2'
'button3'
;
padding: 5px 5px !important;
}
#cnHead{
font-size: 14px !important;
}
#cnContentDiv{
padding:50px 0px 10px 0px;
}
#cnNote {
height: 120px !important;
}
}
#cookienote input{
width:auto;
}
button.CookieNote, input[type=button].CookieNote{
grid-area: button2;
height: auto;
height: 60px;
width:100%;
min-width:100px;
max-width:100%;
color: #fff;
background-color: #b21d05;
outline: 0;
background-image: none;
text-decoration: none;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border:none;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
margin-bottom:auto;
margin-top:0px;
margin-left:0px;
margin-right:0px;
line-height: 1.42857143;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#cnBtnNo{
grid-area: button1;
}
#cnBtnNo span{
font-size: 10px;	
}
#cnBtnCustomize{
grid-area: button3;
background-color: transparent !important;
}
#cnSaveCustomize{
grid-area: button3;
display:none;
} #cnCustomizeDiv{
display:none;
grid-area: customize;
max-height:180px;
overflow:auto;
margin-bottom:10px;
}
.cnCustomizeDivClass{
display:none;
margin-bottom: 35px;
}
#cnCustomizeLinkOption{
display:none;
text-align: left;
}
#cnCustomizeLink2{
display:none;
}
#cnCustomizeLink{
grid-area: customizelink;
text-align: center;
margin-bottom:10px;
display:none;
}
#cnBtnYes{
display:none;
}
#cnContentDiv2{
grid-area: customizelink2; }	
#cnCustomizeLinkOption{
grid-area: buttontext;
} #cnBtnNo{
border: 1px solid #a4a4a4;
line-height: 1.1 !important;
border-radius:  10px 0 0 10px;}
#cnBtnYes{border-top: 1px solid #a4a4a4;
border-bottom: 1px solid #a4a4a4;
}
#cnBtnCustomize, #cnSaveCustomize{
border: 1px solid #a4a4a4;
border-radius: 0 10px 10px 0;}
#cnSaveCustomize{background:#179314 !important;}
#cnBtnNo:hover, #cnBtnYes:hover, #cnBtnCustomize:hover{opacity:0.8;}
#cnCustomizeLinkOption {
margin-bottom: 30px;
}
@media only screen and (max-width: 868px) {
#cnCustomizeLink{
margin-bottom: 30px;
}
#cnContentDiv {
padding: 30px 20px 10px 20px;
} #cnBtnNo, #cnBtnYes{
border: 1px solid #a4a4a4;
line-height: 1.1 !important;
border-radius:  0px 0 0 0px;
margin-bottom:10px !important;}
#cnBtnCustomize, #cnSaveCustomize{
border: 1px solid #a4a4a4;
border-radius: 0 0px 0px 0;}
#cnCustomizeLinkOption {
margin-bottom: 30px;
}
#cnCustomizeDiv {
padding: 20px;
}
#cnCustomizeLink {
padding:10px; } }
@media only screen and (max-width: 675px) {
#cnNote{
height: 200px;
}
}