@charset "UTF-8";


#cookieHinweis { 
	/*float:left;*/
	position:fixed;
   	bottom:0px;
   	z-index:4444400000; 
   	width:100%;
	font-size:16px;
   	line-height:20px !important;
   	outline: 1px solid #7b92a9; 
   	text-align:center; 
   	border-top:1px solid #fff;
   	background: #d6e0eb; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   	filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   	
}

@media (max-width:1023px){
	#cookieHinweis { font-size:13px; }
}

#cookieHinweis a {color:rgba(110,136,165,1.00); text-decoration:none;}

#cookieHinweis a:hover {text-decoration:underline;}

#cookieHinweis .HinweisInhalt { float:left; width:100%; text-align:center !important; padding: 12px 8px 12px 8px;}

#cookieHinweis .HinweisInhalt span {float:left; text-align:center; margin-bottom:15px;}

/* ################################################################################################################################## */
#CookieEinstellungen {
	bottom:0;
	position:fixed;
	z-index:200000;
	width: 	100vw;
    height: 100vh;
	background:rgba(0,0,0,0.80);
	display:none;
}

#CookieEinstellungen .center-box {
	margin: 2% auto;
	border: 1px solid ;
	border-radius:6px;
	box-shadow: 0px 0px 2px 4px rgba(0,0,0,0.80);
	padding:10px;
	background:white;
}

#CookieEinstellungen .ConfigHeader {
	float:left;
	width:100%;
	margin-bottom:15px;
	padding:8px;
	background:rgba(97,97,97,1.00);
	border-radius:4px;
	color:white;
	font-size:1.4em;
	line-height:1.4em;
	/* ========================================== nur SP */
	font-family:'michromaregular', sans-serif; 
	font-weight:normal; 
	letter-spacing:1px;
}
#CookieEinstellungen .ConfigHeader .btn {
	color:rgba(97,97,97,1.00);
	font-size:1.3em;
	padding-top: 0px;
}

@media (max-width:1279px){
	#CookieEinstellungen .ConfigHeader 		{ font-size:1.0em; }
	#CookieEinstellungen .ConfigHeader .btn { font-size:1.0em; }
}


#CookieEinstellungen .ConfigHeader .btn .fa {
	float:left;
	margin-top: .2em;	
}
@media (max-width:1279px){
	#CookieEinstellungen .ConfigHeader .btn .fa { margin-top: 6px; }
}

#CookieEinstellungen h2.btn.toggleheader { 
	width:100%;
	text-align:left;
	font-size:1.0em !important;
	text-decoration:none;
	text-transform:none;
	margin: 0px 0px 10px 0px;
	padding-left:0;
}

#CookieEinstellungen h2.btn.toggleheader .fa { 
	font-size:20px !important;
}

#CookieEinstellungen  .togglecontent {
	/*background:rgba(179,189,2,0.26)*/
}

/* =============================================================== CHECKBOX / RADIO */
	
input[type='checkbox'], input[type='radio'] {display:none;}

input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 24px;
    height:24px;
    position: relative;
    top:6px;
    border: 1px solid #bbb;
    background: white;
    margin: 0 10px 0 0 ;
}
input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}
input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {
  	background:#ddd;
}
input[type='checkbox']:checked  + label::before {
	background-image: url("css-images/check.png");
	background-size:cover;
}
input[type='checkbox'].negative:checked  + label::before {
	background-image: url("css-images/check_neg.png");
	background-size:cover;
	/*box-shadow: inset 0 0 0 2px white;*/
}
input[type='radio']:checked  + label::before {
  	background:rgba(0,148,117,1.00);
	box-shadow: inset 0 0 0 4px white;
}

input[type='checkbox'].disabled:checked  + label::before {
	background-image: url("css-images/check_disabled.png");
}

label { font-weight:normal; }