:root {
  	--bgcolor: rgba(255, 159, 115, 1);
  	--textcolor: rgb(255,255,255);
  	--buttoncolor:rgba(255,255,255, 1);
  	--buttoncolor-hv:rgba(31, 99, 255, 1);
  	--bordercolor:rgba(31, 99, 255, 1);
  	--buttonfontcolor:rgba(31, 99, 255, 1);
  	--buttonfontcolor-hv:rgb(255,255,255);
}

.hjucookie-overlay {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background-color:rgba(0,0,0,0.4);
	display:none;
	z-index:9998;
}
.hjucookie {
	position:fixed;
	right:calc(50vw - 300px);
	top:calc(50vh - 100px);
	width:600px;
	min-height:200px;
	padding:10px;
	background-color:var(--bgcolor);
	border-radius:10px;
	text-align: left;
	color:var(--textcolor);
	padding:20px;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	/*display:none;*/
	z-index:9999;
}
.hjucookie-overlay,
.hjucookie {
  animation: fadein 3s;
}
@keyframes fadein {
  from { opacity: 0}
  to   { opacity: 1}
}


.hjucookie .buttons {
	text-align:left;
}
.hjucookie-details {
	margin:20px 0;
	display:none;
}
.hjucookie h2 {
	color:var(--textcolor);
	font-size:22px;
}
.hjucookie h3 {
	font-size:20px;
	margin-bottom:5px;
	color:var(--textcolor);
}
.hjucookieitem-description {
	margin-left: 70px;
	margin-top: -35px;
	margin-bottom:30px;
	font-size:14px;
}

.hjucookie .buttons {
	margin-top:10px;
}
.hjucookiescript-container {
	display:none;
}
.vimeo-decline-container button,
.youtube-decline-container button,
.hjucookie button,
.video-container button {
  color: var(--buttonfontcolor);
  background-color: var(--buttoncolor);
  border-color: var(--bordercolor);
  border-radius:20px;
  margin: 0 5px 10px 0;
  padding:5px 20px;
  cursor: pointer;
}
.vimeo-decline-container button:hover,
.youtube-decline-container button:hover,
.hjucookie button:hover,
.video-container button:hover {
	background-color: var(--buttoncolor-hv);
	color: var(--buttonfontcolor-hv);
}
.vimeo-decline-container button,
.youtube-decline-container button,
.video-container button {
	background-color: var(--buttoncolor-hv);
	border: none;
	border-radius:2px;
	color: white;
	margin-top: 15px;
}
.hjucookie a {
	color:white;
}
.datev-content.video-container,
.datev-video.video-container {
	width:630px;
	height:400px;
	background-color:rgb(230,230,230);
	text-align:center;
	padding:22% 10px 0 10px;
	box-sizing: border-box;
}


.vimeo-video.blocked,
.youtube-video.blocked {
	background-color:rgb(230,230,230);
}
.vimeo-decline-container,
.youtube-decline-container {
	text-align: center;
	margin-top:-240px;
	margin-bottom:240px;
}

/* Switch Button */
.switch {
  display: inline-block;
  height: 28px;
  position: relative;
  width: 48px;
}
.switch input {
  display:none;
}

.slider {
  	background-color: #ccc;
  	bottom: 0;
  	cursor: pointer;
  	left: 0;
  	position: absolute;
  	right: 0;
  	top: 0;
  	transition: .4s;
}
.slider:before {
  	background-color: #fff;
  	bottom: 4px;
  	content: "";
  	height: 20px;
  	left: 4px;
  	position: absolute;
  	transition: .4s;
  	width: 20px;
}
input:checked + .slider {
  	background-color: rgba(0,55,82,1);
}
input:checked + .slider:before {
  	transform: translateX(20px);
}
.slider.round {
  	border-radius: 34px;
}
.slider.round:before {
  	border-radius: 50%;
}
label[for="hjucookiecheckbox-essential"] .slider {
	opacity:0.6
}

#footer .cookie-settings {
	display:block;
	float:right;
	color:white;
}

#recall-cookie {
	position:fixed;
	left:10px;
	bottom:10px;
	border-radius:50%;
	background-color:var(--bgcolor);
	cursor:pointer;
	transform: scale(1.4);
}
#recall-cookie:hover {
	opacity:0.9;
}

@media screen and (max-width: 660px) {
	.datev-content.video-container,
	.datev-video.video-container,
	.vimeo-decline-container,
	.youtube-decline-container {
		width:100%;
		height:60vw;
	}
	.vimeo-decline-container, .youtube-decline-container {
	  margin-bottom: -15vw;
	}
}
@media screen and (max-width: 620px) {
	.hjucookie {
		position:absolute;
		top:10%;
		right:10px;
		left:10px;
		bottom:auto;
		width:calc(100vw - 20px);
		min-height:200px;
		padding:10px;
		background-color:#0f72b5;
		border-radius:2px;
		text-align: left;
		color:white;
		padding-top:20px;
		box-sizing: border-box;
		-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
		box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
		display:none;
	}
	.datev-content.video-container,
	.datev-video.video-container {
		padding:15vw 10px 0 10px;
	}
	
}
@media screen and (max-width: 440px) {

	.vimeo-decline-container, .youtube-decline-container {
	  margin-bottom: -10vw;
	}
}
@media screen and (max-width: 400px) {

	#footer .cookie-settings {
  		float: none;
  		margin-left: 27px;
  		margin-top: -8px;
	}
}
@media screen and (max-width: 360px) {
	.datev-content.video-container,
	.datev-video.video-container {
		padding:20px 5px 0;
	}
	.vimeo-decline-container, .youtube-decline-container {
	  margin-top: -50vw;
	}
}