@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.85);
	z-index:9999;
}

#cookie_banner {
	position:absolute;
	bottom:0;
	top:5%;
	left:5%;
	width:90%;
	height:auto;
	padding:15px 20px 40px 20px;
	background:#ffffff;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	z-index:9999;
	font-family: 'Roboto';
	font-weight:300;
	overflow:scroll;
}
#cookie_banner .headline {
	float:left;
	width:100%;
	height:auto;
	font-size:22px;
	color:#000000;
	font-family: 'Roboto';
	line-height:32px;
	font-weight:400;
	margin:0 0 10px 0;
}
#cookie_banner .textbereich {
	float:left;
	width:100%;
	height:auto;
	font-size:14px;
	color:#000000;
	font-family: 'Roboto';
	line-height:22px;
	font-weight:300;
	margin:0 0 20px 0;
}
#cookie_banner .textbereich a:link, #cookie_banner .textbereich a:visited {
	color:#666666;
	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:16px;
	color:#000000;
	font-family: 'Roboto';
	line-height:26px;
	font-weight:300;
	margin:0 0% 30px 0;
}
#cookie_banner .selectbereich label {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 8px 0;
	font-family: 'Roboto';
	font-size:18px;
	font-weight:400;
	text-decoration: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:#666666;
	text-decoration:none;
	margin:0 0 0 24px;
	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';
	line-height:26px;
	font-weight:300;
	margin:0 0% 10px 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';
	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';
	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 {
	position:fixed;
	bottom:-15%;
	right:5%;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#ffffff;
	color:#ffffff;
	text-align:center;
	font-family: 'Roboto';
	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.active {
	position:fixed;
	bottom:90%;
	right:5%;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#dc0000;
	text-align:center;
	font-family: 'Roboto';
	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: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';
	line-height:32px;
	font-weight:400;
	margin:0 0 10px 0;
}
.cookie_box .schliessen {
	float:right;
	font-size:12px;
	color:#555555;
	font-family: 'Roboto';
	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';
	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';
	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:#dc0000;
	color:#ffffff;
	text-align:center;
	font-family: 'Roboto';
	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:#dc0000;
	color:#ffffff;
	text-align:center;
	font-family: 'Roboto';
	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';
	line-height:32px;
	font-weight:400;
	margin:0 0 10px 0;
}
.cookie_details .schliessendetail {
	float:right;
	font-size:12px;
	color:#555555;
	font-family: 'Roboto';
	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';
	line-height:22px;
	font-weight:300;
	margin:0 0 10px 0;
}
.cookie_details .buttonbereich {
	float:left;
	width:100%;
	height:auto;
	font-family: 'Roboto';
	margin:10px 0 10px 0;
}
.cookie_details .buttonbereich .save_all {
	float:left;
	width:48%;
	height:auto;
	font-size:16px;
	color:#000000;
	font-family: 'Roboto';
	line-height:26px;
	font-weight:400;
	margin:0 4% 10px 0;
	background:#40a900;
	opacity:0.85;
	padding:7px 10px;
	border-radius:4px;
	border:solid 1px #40a900;
}
.cookie_details .buttonbereich .save_all:hover {
	opacity:1;
	cursor:pointer;
}
.cookie_details .buttonbereich .save_one {
	float:left;
	width:48%;
	height:auto;
	font-size:16px;
	color:#000000;
	font-family: 'Roboto';
	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;
	border:solid 1px #777777;
}
.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;
}


@media only screen and (min-width: 1100px) {
	#cookie_banner {
	position:absolute;
	bottom:0;
	top:auto;
	left:8%;
	width:84%;
	height:auto;
	padding:16px 25px 50px 25px;
	background:#ffffff;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	z-index:9999;
	font-family: 'Roboto';
	font-weight:300;
	overflow:hidden;
}
#cookie_banner .headline {
	float:left;
	width:100%;
	height:auto;
	font-size:26px;
	color:#000000;
	font-family: 'Roboto';
	line-height:36px;
	font-weight:400;
	margin:0 0 10px 0;
}
#cookie_banner .textbereich {
	float:left;
	width:45%;
	height:auto;
	font-size:16px;
	color:#000000;
	font-family: 'Roboto';
	line-height:26px;
	font-weight:300;
	margin:0 8% 10px 0;
}
#cookie_banner .selectbereich {
	float:left;
	width:15%;
	height:auto;
	font-size:16px;
	color:#000000;
	font-family: 'Roboto';
	line-height:26px;
	font-weight:300;
	margin:0 7% 10px 0;
}
#cookie_banner .buttonbereich {
	float:left;
	width:25%;
	height:auto;
	font-size:16px;
	color:#000000;
	font-family: 'Roboto';
	line-height:26px;
	font-weight:300;
	margin:0 0% 10px 0;
}
.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';
	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';
	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 {
	position:fixed;
	bottom:-15%;
	right:8%;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#ffffff;
	color:#000000;
	text-align:center;
	font-family: 'Roboto';
	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.active {
	position:fixed;
	bottom:91%;
	right:8%;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#ffffff;
	text-align:center;
	font-family: 'Roboto';
	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:hover.active {
	opacity:1;
	cursor:pointer;
	color:#dc0000;
}
.cookie_box .headline {
	float:left;
	width:100%;
	height:auto;
	font-size:26px;
	color:#000000;
	font-family: 'Roboto';
	line-height:36px;
	font-weight:400;
	margin:0 0 10px 0;
}
.cookie_box .schliessen {
	float:right;
	font-size:14px;
	color:#555555;
	font-family: 'Roboto';
	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';
	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';
	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:#ffffff;
	text-align:center;
	font-family: 'Roboto';
	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:#ffffff;
	color:#000000;
	text-align:center;
	font-family: 'Roboto';
	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:#dc0000;
}
.cookie_details .headline {
	float:left;
	width:100%;
	height:auto;
	font-size:26px;
	color:#000000;
	font-family: 'Roboto';
	line-height:36px;
	font-weight:400;
	margin:0 0 10px 0;
}
.cookie_details .schliessendetail {
	float:right;
	font-size:14px;
	color:#555555;
	font-family: 'Roboto';
	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';
	line-height:26px;
	font-weight:300;
	margin:0 0 10px 0;
}
.cookie_details .buttonbereich {
	float:left;
	width:100%;
	height:auto;
	font-family: 'Roboto';
	margin:10px 0 10px 0;
}
.cookie_details .buttonbereich .save_all {
	float:left;
	width:30%;
	height:auto;
	font-size:16px;
	color:#000000;
	font-family: 'Roboto';
	line-height:26px;
	font-weight:400;
	margin:0 25px 10px 0;
	background:#40a900;
	opacity:0.85;
	padding:7px 10px;
	border-radius:4px;
	border:solid 1px #40a900;
}
.cookie_details .buttonbereich .save_all:hover {
	opacity:1;
	cursor:pointer;
}
.cookie_details .buttonbereich .save_one {
	float:left;
	width:30%;
	height:auto;
	font-size:16px;
	color:#000000;
	font-family: 'Roboto';
	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;
	border:solid 1px #777777;
}
.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;
}
}






#cookie_banner .buttonbereich .save_all {
	float:left;
	width:100%;
	height:auto;
	font-size:16px;
	color:#000000;
	font-family: 'Roboto';
	line-height:26px;
	font-weight:400;
	margin:0 0 10px 0;
	background:#40a900;
	opacity:0.85;
	padding:7px 10px;
	border-radius:4px;
	border:solid 1px #40a900;
}
#cookie_banner .buttonbereich .save_all:hover {
	opacity:1;
	cursor:pointer;
}
#cookie_banner .buttonbereich .save_one {
	float:left;
	width:100%;
	height:auto;
	font-size:16px;
	color:#000000;
	font-family: 'Roboto';
	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_banner .buttonbereich .save_one:hover {
	opacity:1;
	cursor:pointer;
	border:solid 1px #777777;
}



.cookie_box .textbereich {
	float:left;
	width:100%;
	height:auto;
	font-size:15px;
	color:#000000;
	font-family: 'Roboto';
	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';
	line-height:24px;
	font-weight:300;
	margin:0 0 10px 0;
}
.cookie_box .textbereich h3 {
	float:left;
	width:100%;
	height:auto;
	font-size:20px;
	color:#000000;
	font-family: 'Roboto';
	line-height:26px;
	font-weight:400;
	margin:20px 0 5px 0;
}
.cookie_box .textbereich h4 {
	float:left;
	width:100%;
	height:auto;
	font-size:16px;
	color:#000000;
	font-family: 'Roboto';
	line-height:22px;
	font-weight:400;
	margin:10px 0 5px 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';
	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:#eeeeee;
}
.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:center;
	padding:5px 0 2px 0;
	background:#eeeeee;
}
.cookie_details .detailbereich .selectfield input {
	width:20px;
	height:20px;
}
.cookie_details .detailbereich .detailwrapper {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 0px 0;
	background:#fdf7e1;
	padding:2px 5px 5px 5px;
	border-bottom:solid 1px #cccccc;
}

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