@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-LightItalic.woff2') format('woff2'),
        url('../fonts/Roboto-LightItalic.woff') format('woff'),
        url('../fonts/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff'),
        url('../fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.woff2') format('woff2'),
        url('../fonts/Roboto-Italic.woff') format('woff'),
        url('../fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}

#cookie_overlay {
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.88);
	z-index:9999;
}

#cookie_banner {
	position:absolute;
	bottom:auto;
	top:4%;
	left:5%;
	width:90%;
	height:auto;
	padding:15px 20px 30px 20px;
	background:#ffffff;
	border-radius:10px;
	z-index:10000;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	overflow:scroll;
	border:solid 1px #ffffff;
	-webkit-animation: cookiebanner_ani 1.1s 1 ease-out;
	-moz-animation: cookiebanner_ani 1.1s 1 ease-out;
	-o-animation: cookiebanner_ani 1.1s 1 ease-out;
	opacity:1;
}
#cookie_banner .headline {
	float:left;
	width:100%;
	height:auto;
	font-size:18px;
	color:#ff2b58;
	font-family: 'Roboto', sans-serif;
	line-height:28px;
	font-weight:500;
	margin:0 0 6px 0;
}
#cookie_banner .textbereich {
	float:left;
	width:100%;
	height:auto;
	font-size:14px;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	line-height:20px;
	font-weight:300;
	margin:0 0 18px 0;
}
#cookie_banner .textbereich a:link, #cookie_banner .textbereich a:visited {
	color:#ff2b58;
	text-decoration:none;
	outline:none;
}
#cookie_banner .textbereich a:hover, #cookie_banner .textbereich a:active {
	text-decoration:underline;
	cursor:pointer;
	color:#000000;
}
#cookie_banner .selectbereich {
	float:left;
	width:100%;
	height:auto;
	font-size:15px;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	line-height:26px;
	font-weight:300;
	margin:0 0% 20px 0;
}
#cookie_banner .selectbereich label {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 8px 0;
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	font-weight:300;
	text-decoration:none;
    text-shadow: none;
}
#cookie_banner .selectbereich label:hover {
	text-decoration:underline;
}
#cookie_banner .selectbereich input {
	float:left;
	width:18px;
	height:18px;
	margin:3px 5px 0px 0;
}
#cookie_banner .selectbereich a:link, #cookie_banner .selectbereich a:visited {
	color:#ff2b58;
	text-decoration:none;
	margin:0 0 0 0px;
	font-size:14px;
	outline:none;
}
#cookie_banner .selectbereich a:hover, #cookie_banner .selectbereich a:active {
	text-decoration:underline;
	cursor:pointer;
	color:#000000;
}
#cookie_banner .buttonbereich {
	float:left;
	width:100%;
	height:auto;
	font-size:16px;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	line-height:26px;
	font-weight:300;
	margin:0 0% 5px 0;
}
.cookie_box {
	position:fixed;
	bottom:-95%;
	left:5%;
	width:90%;
	height:88%;
	padding:25px;
	background:#ffffff;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	z-index:9999;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	box-shadow:4px 4px 8px #222222;
	overflow:scroll;
	-webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.cookie_box.active {
	position:fixed;
	bottom:0%;
	left:5%;
	width:90%;
	height:88%;
	padding:25px;
	background:#ffffff;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	z-index:9999;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	box-shadow:4px 4px 8px #222222;
	overflow:scroll;
	-webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.cookie_box .close_cookiebox {
	position:fixed;
	bottom:-15%;
	right:5%;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#eeeeee;
	color:#000000;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:28px;
	line-height:36px;
	font-weight:400;
	cursor:pointer;
	opacity:0.5;
	-webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.cookie_box .close_cookiebox.active {
	position:fixed;
	bottom:90%;
	right:5%;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#eeeeee;
	color:#000000;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:28px;
	line-height:36px;
	font-weight:400;
	cursor:pointer;
	display:inline-block;
	opacity:1;
	-webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.cookie_box .close_cookiebox:hover.active {
	opacity:1;
	cursor:pointer;
	color:#000000;
}
.cookie_box .headline {
	float:left;
	width:100%;
	height:auto;
	font-size:22px;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	line-height:32px;
	font-weight:400;
	margin:0 0 10px 0;
}
.cookie_box .schliessen {
	float:right;
	font-size:12px;
	color:#555555;
	font-family: 'Roboto', sans-serif;
	line-height:20px;
	font-weight:400;
	text-align:right;
	text-decoration:underline;
	cursor:pointer;
	outline:none;
}
.cookie_details {
	position:fixed;
	bottom:-100%;
	left:10%;
	right:10%;
	width:80%;
	height:80%;
	padding:25px;
	background:#ffffff;
	border-radius:10px;
	z-index:9999;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	box-shadow:4px 4px 8px #222222;
	overflow:scroll;
	-webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.cookie_details.active {
	position:fixed;
	bottom:8%;
	left:10%;
	right:10%;
	width:80%;
	height:80%;
	padding:25px;
	background:#ffffff;
	border-radius:10px;
	z-index:9999;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	box-shadow:4px 4px 8px #222222;
	overflow:scroll;
	-webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.cookie_details .closedetail {
	position:fixed;
	bottom:-15%;
	right:20%;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#eeeeee;
	color:#000000;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:28px;
	line-height:36px;
	font-weight:400;
	cursor:pointer;
	opacity:0.5;
	-webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.cookie_details .closedetail.active {
	position:fixed;
	bottom:90%;
	right:10%;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#eeeeee;
	color:#000000;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:28px;
	line-height:36px;
	font-weight:400;
	cursor:pointer;
	display:inline-block;
	opacity:1;
	-webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.cookie_details .closedetail:hover.active {
	opacity:1;
	cursor:pointer;
	color:#000000;
}
.cookie_details .headline {
	float:left;
	width:100%;
	height:auto;
	font-size:22px;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	line-height:32px;
	font-weight:400;
	margin:0 0 10px 0;
}
.cookie_details .schliessendetail {
	float:right;
	font-size:12px;
	color:#555555;
	font-family: 'Roboto', sans-serif;
	line-height:20px;
	font-weight:400;
	text-align:right;
	text-decoration:underline;
	cursor:pointer;
	outline:none;
}
.cookie_details .textbereich {
	float:left;
	width:100%;
	height:auto;
	font-size:15px;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	line-height:22px;
	font-weight:300;
	margin:0 0 10px 0;
}
.cookie_details .buttonbereich {
	float:left;
	width:100%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	margin:10px 0 10px 0;
}
.cookie_details .buttonbereich .save_all {
	float:left;
	width:48%;
	height:auto;
	font-size:16px;
	color:#ffffff;
	font-family: 'Roboto', sans-serif;
	line-height:26px;
	font-weight:400;
	margin:0 4% 10px 0;
	background:#000000;
	opacity:0.85;
	padding:9px 10px;
	border-radius:4px;
	border:solid 1px #000000;
}
.cookie_details .buttonbereich .save_all:hover {
	opacity:1;
	cursor:pointer;
	background:#bdcd00;
	color:#000000;
}
.cookie_details .buttonbereich .save_one {
	float:left;
	width:48%;
	height:auto;
	font-size:16px;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	line-height:26px;
	font-weight:400;
	margin:0 0 10px 0;
	background:#eeeeee;
	opacity:0.85;
	padding:9px 10px;
	border-radius:4px;
	border:solid 1px #999999;
}
.cookie_details .buttonbereich .save_one:hover {
	opacity:1;
	cursor:pointer;
	border:solid 1px #000000;
	background:#bdcd00;
}
.cookie_details .detailbereich .left {
	float:left;
	width:100%;
	height:auto;
	margin:2px 0 0px 0;
	font-size:12px;
	line-height:20px;
	font-weight:400;
	color:#000000;
}
.cookie_details .detailbereich .right {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 5px 0;
	font-size:12px;
	line-height:20px;
	font-weight:300;
	color:#000000;
}
.lang_box_cookie {
	float:right;
	width:auto;
	height:auto;
	margin:-5px 0 0 0;
}

.container {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #eee;
  border:solid 1px #000000;
}
.container:hover input ~ .checkmark {
  background-color: #ffffff;
}
.container input:checked ~ .checkmark {
  background-color: #ff2b58;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container input:checked ~ .checkmark:after {
  display: block;
}
.container .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 11px;
  border: 1px solid #ffffff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


#cookie_banner .buttonbereich .save_all {
	float:left;
	width:100%;
	height:auto;
	font-size:16px;
	color:#ffffff;
	font-family: 'Roboto', sans-serif;
	line-height:26px;
	font-weight:500;
	margin:0 0 12px 0;
	background:#000000;
	opacity:0.85;
	padding:12px 10px;
	border-radius:4px;
	border:solid 1px #000000;
}
#cookie_banner .buttonbereich .save_all:hover {
	opacity:1;
	cursor:pointer;
	color:#ffffff;
	background:#ff2b58;
    border:solid 1px #ff2b58;
}
#cookie_banner .buttonbereich .save_one {
	float:left;
	width:100%;
	height:auto;
	font-size:16px;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	line-height:26px;
	font-weight:500;
	margin:0 0 5px 0;
	background:#eeeeee;
	opacity:0.85;
	padding:12px 10px;
	border-radius:4px;
	border:solid 1px #999999;
}
#cookie_banner .buttonbereich .save_one:hover {
	opacity:1;
	cursor:pointer;
	border:solid 1px #ff2b58;
	background:#ff2b58;
    color:#ffffff;
}


@media only screen and (min-width: 800px) {
	#cookie_banner {
	position:absolute;
	bottom:50px;
	top:auto;
	left:calc(100% - 470px);
	width:410px;
	height:auto;
	padding:35px 40px 35px 40px;
	background:#ffffff;
	border-radius:10px;
	z-index:9999;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	overflow:hidden;
	border:solid 1px #ffffff;
	-webkit-animation: cookiebanner_ani 1.1s 1 ease-out;
	-moz-animation: cookiebanner_ani 1.1s 1 ease-out;
	-o-animation: cookiebanner_ani 1.1s 1 ease-out;
	opacity:1;
}
#cookie_banner .headline {
	float:left;
	width:100%;
	height:auto;
	font-size:20px;
	color:#ff2b58;
	font-family: 'Roboto', sans-serif;
	line-height:28px;
	font-weight:400;
	margin:0 0 30px 0;
}
#cookie_banner .textbereich {
	float:left;
	width:100%;
	height:auto;
	font-size:14px;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	line-height:24px;
	font-weight:300;
	margin:0 0 25px 0;
	-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
#cookie_banner .selectbereich {
	float:left;
	width:48%;
	height:auto;
	font-size:16px;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	line-height:26px;
	font-weight:300;
	margin:0 2% 5px 0;
}
#cookie_banner .buttonbereich {
	float:left;
	width:48%;
	height:auto;
	font-size:16px;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	line-height:26px;
	font-weight:300;
	margin:0 0% 5px 2%;
}
.cookie_box {
	position:fixed;
	bottom:-95%;
	left:8%;
	width:84%;
	height:90%;
	padding:35px;
	background:#ffffff;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	z-index:9999;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	box-shadow:4px 4px 8px #222222;
	overflow:scroll;
	-webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.cookie_box.active {
	position:fixed;
	bottom:0%;
	left:8%;
	width:84%;
	height:90%;
	padding:35px;
	background:#ffffff;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	z-index:9999;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	box-shadow:4px 4px 8px #222222;
	overflow:scroll;
	-webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.cookie_box .close_cookiebox {
	position:fixed;
	bottom:-15%;
	right:8%;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#eeeeee;
	color:#000000;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:28px;
	line-height:36px;
	font-weight:400;
	cursor:pointer;
	opacity:0.5;
	-webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.cookie_box .close_cookiebox.active {
	position:fixed;
	bottom:91%;
	right:8%;
	width:40px;
	height:40px;
	border-radius:50%;
	color:#000000;
	background:#eeeeee;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:28px;
	line-height:36px;
	font-weight:400;
	cursor:pointer;
	display:inline-block;
	opacity:1;
	-webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.cookie_box .close_cookiebox:hover.active {
	opacity:1;
	cursor:pointer;
	color:#000000;
}
.cookie_box .headline {
	float:left;
	width:100%;
	height:auto;
	font-size:26px;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	line-height:36px;
	font-weight:400;
	margin:0 0 10px 0;
}
.cookie_box .schliessen {
	float:right;
	font-size:14px;
	color:#555555;
	font-family: 'Roboto', sans-serif;
	line-height:22px;
	font-weight:400;
	text-align:right;
	text-decoration:underline;
	cursor:pointer;
	outline:none;
}
.cookie_details {
	position:fixed;
	bottom:-70%;
	left:20%;
	right:20%;
	width:60%;
	height:60%;
	padding:35px;
	background:#ffffff;
	border-radius:10px;
	z-index:9999;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	box-shadow:4px 4px 8px #222222;
	overflow:scroll;
	-webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.cookie_details.active {
	position:fixed;
	bottom:20%;
	left:20%;
	right:20%;
	width:60%;
	height:60%;
	padding:35px;
	background:#ffffff;
	border-radius:10px;
	z-index:9999;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	box-shadow:4px 4px 8px #222222;
	overflow:scroll;
	-webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.cookie_details .closedetail {
	position:fixed;
	bottom:-15%;
	right:20%;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#eeeeee;
	color:#000000;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:28px;
	line-height:36px;
	font-weight:400;
	cursor:pointer;
	opacity:0.5;
	-webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.cookie_details .closedetail.active {
	position:fixed;
	bottom:81%;
	right:20%;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#eeeeee;
	color:#000000;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:28px;
	line-height:36px;
	font-weight:400;
	cursor:pointer;
	display:inline-block;
	opacity:1;
	-webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.cookie_details .closedetail:hover.active {
	opacity:1;
	cursor:pointer;
	color:#000000;
}
.cookie_details .headline {
	float:left;
	width:100%;
	height:auto;
	font-size:26px;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	line-height:36px;
	font-weight:400;
	margin:0 0 10px 0;
}
.cookie_details .schliessendetail {
	float:right;
	font-size:14px;
	color:#555555;
	font-family: 'Roboto', sans-serif;
	line-height:22px;
	font-weight:400;
	text-align:right;
	text-decoration:underline;
	cursor:pointer;
	outline:none;
}
.cookie_details .textbereich {
	float:left;
	width:100%;
	height:auto;
	font-size:16px;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	line-height:26px;
	font-weight:300;
	margin:0 0 10px 0;
}
.cookie_details .buttonbereich {
	float:left;
	width:100%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	margin:10px 0 10px 0;
}
.cookie_details .buttonbereich .save_all {
	float:left;
	width:30%;
	height:auto;
	font-size:16px;
	color:#ffffff;
	font-family: 'Roboto', sans-serif;
	line-height:26px;
	font-weight:400;
	margin:0 25px 10px 0;
	background:#000000;
	opacity:0.85;
	padding:7px 10px;
	border-radius:4px;
	border:solid 1px #000000;
}
.cookie_details .buttonbereich .save_all:hover {
	opacity:1;
	cursor:pointer;
    color:#ffffff;
    background: #ff2b58;
    border: solid 1px #ff2b58;
}
.cookie_details .buttonbereich .save_one {
	float:left;
	width:30%;
	height:auto;
	font-size:16px;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	line-height:26px;
	font-weight:400;
	margin:0 0 10px 0;
	background:#dddddd;
	opacity:0.85;
	padding:7px 10px;
	border-radius:4px;
	border:solid 1px #999999;
}
.cookie_details .buttonbereich .save_one:hover {
	opacity:1;
	cursor:pointer;
    color:#ffffff;
    background: #ff2b58;
	border: solid 1px #ff2b58;
}
.cookie_details .detailbereich .left {
	float:left;
	width:30%;
	height:auto;
	margin:0 5% 0 0;
	font-size:12px;
	line-height:20px;
	font-weight:400;
	color:#000000;
}
.cookie_details .detailbereich .right {
	float:left;
	width:65%;
	height:auto;
	margin:0;
	font-size:12px;
	line-height:20px;
	font-weight:300;
	color:#000000;
}
.lang_box_cookie {
	float:right;
	width:auto;
	height:auto;
	margin:-15px 0 0 0;
}
#cookie_banner .buttonbereich .save_all {
	float:left;
	width:100%;
	height:auto;
	font-size:16px;
	color:#ffffff;
	font-family: 'Roboto', sans-serif;
	line-height:26px;
	font-weight:500;
	margin:0 0 12px 0;
	background:#000000;
	opacity:0.85;
	padding:15px 10px;
	border-radius:4px;
	border:solid 1px #000000;
}
#cookie_banner .buttonbereich .save_all:hover {
	opacity:1;
	cursor:pointer;
	color:#ffffff;
	background:#ff2b58;
    border:solid 1px #ff2b58;
}
#cookie_banner .buttonbereich .save_one {
	float:left;
	width:100%;
	height:auto;
	font-size:16px;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	line-height:26px;
	font-weight:500;
	margin:0 0 5px 0;
	background:#eeeeee;
	opacity:0.85;
	padding:14px 10px;
	border-radius:4px;
	border:solid 1px #999999;
}
#cookie_banner .buttonbereich .save_one:hover {
	opacity:1;
	cursor:pointer;
	border:solid 1px #ff2b58;
	background:#ff2b58;
    color:#ffffff;
}
}



@-moz-keyframes cookiebanner_ani {
0% { transform:translateY(600px); opacity:0; }
50% { transform:translateY(600px); opacity:0; }
100% { transform:translateY(0px); opacity:1; }
}
@-webkit-keyframes cookiebanner_ani {
0% { transform:translateY(600px); opacity:0; }
50% { transform:translateY(600px); opacity:0; }
100% { transform:translateY(0px); opacity:1; }
}
@-o-keyframes cookiebanner_ani {
0% { transform:translateY(600px); opacity:0; }
50% { transform:translateY(600px); opacity:0; }
100% { transform:translateY(0px); opacity:1; }
}





.cookie_box .textbereich {
	float:left;
	width:100%;
	height:auto;
	font-size:14px;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	line-height:24px;
	font-weight:300;
	margin:0 0 40px 0;
	padding:0;
}
.cookie_box .textbereich p {
	float:left;
	width:100%;
	height:auto;
	font-size:14px;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	line-height:24px;
	font-weight:300;
	margin:0 0 10px 0;
}
.cookie_box .textbereich h3 {
	float:left;
	width:100%;
	height:auto;
	font-size:18px;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	line-height:26px;
	margin:20px 0 5px 0;
}
.cookie_box .textbereich h2 {
	float:left;
	width:100%;
	height:auto;
	font-size:28px;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	line-height:34px;
	margin:0px 0 20px 0;
}
.cookie_box .textbereich h4 {
	float:left;
	width:100%;
	height:auto;
	font-size:20px;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	line-height:28px;
	margin:20px 0 10px 0;
}
.cookie_box .textbereich ul {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
}
.cookie_box .textbereich ul li {
	list-style:disc inside;
	margin:0 0 5px 0;
}




.cookie_details .detailbereich {
	float:left;
	width:100%;
	height:auto;
	font-size:14px;
	padding:10px;
	color:#000000;
	font-family: 'Roboto', sans-serif;
	line-height:22px;
	font-weight:300;
	margin:0 0 20px 0;
	border:solid 1px #cccccc;
}
.cookie_details .detailbereich .wrapper {
	float:left;
	width:100%;
	height:auto;
	margin:10px 0;
}
.cookie_details .detailbereich .kat {
	float:left;
	width:90%;
	height:auto;
	margin:0 0 5px 0;
	padding:5px;
	font-size:18px;
	font-weight:400;
	color:#000000;
	background:#cccccc;
}
.cookie_details .detailbereich .kat:hover {
    cursor: pointer;
}
.cookie_details .detailbereich .descr {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
	font-size:14px;
	line-height:22px;
	font-weight:300;
	color:#000000;
}
.cookie_details .detailbereich .selectfield {
	float:left;
	width:10%;
	height:auto;
	margin:0 0 5px 0;
	text-align:right;
	padding:5px 15px 2px 0;
	background:#cccccc;
}
.cookie_details .detailbereich .selectfield input {
	width:20px;
	height:20px;
}
.cookie_details .detailbereich .selectfield input:hover {
    cursor: pointer;
}
.cookie_details .detailbereich .detailwrapper {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 0px 0;
	background:#eeeeee;
	padding:2px 5px 5px 5px;
	border-bottom:solid 1px #cccccc;
}
.cookie_details .detailbereich .detailwrapper a {
    text-decoration: underline;
    color: #ff2b58;
    outline: none;
}

.cookie_details .detailbereich .spacer {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 0px 0;
	background:#ffffff;
	padding:10px 5px 10px 5px;
}

.sprachebtn_en_cookie {
	color:#666666;
	background:url(../../img/flagge_en.png);
	background-position:left 4px;
	background-repeat:no-repeat;
	padding:0 0 0 21px;
	border:none;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	line-height:20px;
	font-weight:400;
	text-decoration:none;
	margin:0px 0;
}
.sprachebtn_en_cookie:hover {
	color:#004f9e;
	text-decoration:underline;
}
.sprachebtn_de_cookie {
	color:#666666;
	background:url(../../img/flagge_de.png);
	background-position:left 5px;
	background-repeat:no-repeat;
	padding:0 0 0 21px;
	border:none;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	line-height:20px;
	font-weight:400;
	text-decoration:none;
	margin:0px 0;
}
.sprachebtn_de_cookie:hover {
	color:#004f9e;
	text-decoration:underline;
}