@charset "UTF-8";
/* CSS Cookies programmiert von Bertram Schnitzler (BSSTUDIO) 2021 */

.cookiefensterdeckflaeche
{
	display:none;
	opacity:0.8;
	position: fixed;
	width:100%;
	height:100%;
	background:#000000;
	z-index:99888;
	top:0px;
	left:0px;
}

.cookiefenster
{
	width:350px;
	height:auto;
	background:#1f2568;
	color:#FEFEFE;
	margin-top: -225px;
	margin-left: -175px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index:99999;
	padding:10px;
	display:none;
	opacity:0;
	border:1px solid rgba(255, 255, 255, 0.5);
}


.cookiefensterheader
{
	font-weight: 400;
	font-size:20px;
	color: #ffffff;
	text-align:center;
	margin-bottom:10px;
}

.cookiefenstertextfeld
{
	font-weight: 300;
	font-size:15px;
	color: #ffffff;
	text-align:center;
	line-height:1.4;
	width:100%;
}

.cookiefenstersubtext
{
	font-weight: 300;
	font-size:15px;
	color: #ffffff;
	text-align:left;
	line-height:1.4;
	padding-bottom:15px;
	padding-left:10px;
}

#cfsubtext1, #cfsubtext2, #cfsubtext3
{
	display:none;
}

.cookietexteinblenden
{
  display:block!important;
  animation-name: cookieslidereinblenden;
  animation-duration: 0.4s; 
  animation-timing-function: ease-out; 
  animation-delay: 0s;
  animation-fill-mode: forwards;
  animation-play-state:running;
  animation-direction:normal;  
}


@keyframes cookieslidereinblenden {
 0% {
    opacity: 0;
	height:0%;
  }

  100% {
      opacity: 1;
	  height:100%;
  }
}


.cookietextausblenden
{
  animation-name: cookiesliderausblenden;
  animation-duration: 0.5s; 
  animation-timing-function: ease-out; 
  animation-delay: 0s;
  animation-fill-mode: forwards;
  animation-play-state:running;
  animation-direction:normal;  
}

@keyframes cookiesliderausblenden {
 0% {
    opacity: 1; 
  }

  100% {
     opacity: 0;
  }
}


.cookiefensterauswahl
{
	width:100%;
	display:block;
	padding-left:10px;
	padding-right:10px;
}

.cookieauswahlbutton
{
	width:25%;
	min-height:20px;
	display:block;
	float:left;
}

.cookieauswahlbuttontext
{
	width:100%;
	float:left;
	text-align:right;
	color:#ffffff;
}


.cookie-button-alle
{
	background-color:#cd1626;
	color:#ffffff;
	font-weight: 500;
	font-size:15px;
	height:40px;
	padding-top: 9px;
	text-align:center;
	display:inline-block;
	margin:0 auto;
	border: 1px #FFFFFF solid;
	width:305px;
}

.cookie-button-speichern
{
	background-color:transparent;
	color:#ffffff;
	font-weight: 500;
	font-size:15px;
	height:40px;
	padding-top: 9px;
	text-align:center;
	display:inline-block;
	margin:0 auto;
	border: 1px #FFFFFF solid;
	width:305px;
}

.cookielink
{
	color:#ffffff;
}

.cookielink:hover
{
	color:#cd1626;
}




 

.cookie-switch
{
  width:60px;
  margin: 0px auto;
  border-radius: 0.75rem;
}


.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.buttonbackground 
{
  background-color:#ccc;
  width: 54px;
  height: 25px;          
  border-radius: 1.25rem;
  box-shadow:
    0 2px 2px rgba(0,0,0,0.5) inset,
    0 -2px 0px rgba(255,255,255,0.5) inset;
  position: relative;
  margin: 2px auto;
  display:block;
  transition: background-color 0.2s ease;
}

.buttonslider 
{
  background:#ddd;
  width:30px;
  height:30px;
  border-radius:50%;
  border:1px solid #aaa;
  position: absolute;
  left:-6px;
  top:-0.15rem;
  box-shadow: 0 4px 3px rgba(0,0,0,0.3);
  display:block;
  transition: all 0.2s ease;
}

.buttonbackground-an
{
  background-color:#64b464;
  width: 54px;
  height: 25px;          
  border-radius: 1.25rem;
  box-shadow:
    0 2px 2px rgba(0,0,0,0.5) inset,
    0 -2px 0px rgba(255,255,255,0.5) inset;
  position: relative;
  margin: 2px auto;
  display:block;
  transition: background-color 0.2s ease;
}


.buttonslider-an
{
  background:#ddd;
  width:30px;
  height:30px;
  border-radius:50%;
  border:1px solid #aaa;
  position: absolute;
  left:29px;
  top:-0.15rem;
  box-shadow: 0 4px 3px rgba(0,0,0,0.3);
  display:block;
  transition: all 0.2s ease;
}






#cookieauswahl1, #cookieauswahl2, #cookieauswahl3
{
  display:none;
}

#cookieauswahl2:checked + label .buttonbackground 
{
  background-color:#64b464;
}
#cookieauswahl2:checked + label .buttonslider 
{
  left: 29px;
  background:#eee;
}

#cookieauswahl3:checked + label .buttonbackground 
{
  background-color:#64b464;
}
#cookieauswahl3:checked + label .buttonslider 
{
  left: 29px;
  background:#eee;
}

.cookiepfeilrechts
{
	fill:#EAEBEF;
}

.cookiepfeil
{
	width:6px;
	float:right;
	background-color:transparent;
	margin-right:0px;
	margin-top:-2px;
	margin-left:10px;

}

.cookiepfeildrehen { 
    
    -webkit-transform:rotate(90deg); 
    -moz-transform:rotate(90deg); 
    -o-transform:rotate(90deg); 
	transform:rotate(90deg); 
}

.cookiepfeil-ani
{

	-webkit-transition: .3s ease-in-out;
  	-moz-transition: .3s ease-in-out;
  	-o-transition: .35s ease-in-out;
  	transition: .3s ease-in-out;
	-webkit-animation-duration: 1s;animation-duration: 1s;
    -webkit-animation-fill-mode: both;animation-fill-mode: both; 
}

@media (max-width: 599px) {
	.cookiefenster
	{
		
		margin-top:5px;
		top: 0%;

	}
	
}