@font-face {
	font-family: 'DaxlineWeb-Bold';
	src: url('DaxlineWeb-Bold.eot');
	src: local('☺'), url('DaxlineWeb-Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DaxlineWeb-BoldItalic';
	src: url('DaxlineWeb-BoldItalic.eot');
	src: local('☺'), url('DaxlineWeb-BoldItalic.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DaxlineWeb-Italic';
	src: url('DaxlineWeb-Italic.eot');
	src: local('☺'), url('DaxlineWeb-Italic.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DaxlineWeb-Light';
	src: url('DaxlineWeb-Light.eot');
	src: local('☺'), url('DaxlineWeb-Light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DaxlineWeb-LightItalic';
	src: url('DaxlineWeb-LightItalic.eot');
	src: local('☺'), url('DaxlineWeb-LightItalic.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DaxlineWeb-Medium';
	src: url('DaxlineWeb-Medium.eot');
	src: local('☺'), url('DaxlineWeb-Medium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DaxlineWeb-MediumItalic';
	src: url('DaxlineWeb-MediumItalic.eot');
	src: local('☺'), url('DaxlineWeb-MediumItalic.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

BODY {
	background-color: #FFF;
	padding: 0px;
	margin: 0px;
	position: relative;
}

BODY,
DIV,
TABLE,
P,
TR,
TD,
TH,
H1,
H2,
H3,
H4,
H5,
H6 {
	font-family: 'DaxlineWeb-Light', Verdana, Arial;
	font-size: 15px;
	font-weight: normal;
	color: #000;
}

A {
	color: #000;
}

.sections {
	display: block;
	position: relative;
	max-width: 1000px;
	width: 100%;
	height: auto;
}

section {
	margin: 0px 0px 0px 0px;
	padding: 12px 16px;
	position: relative;
	background-color: rgba(16, 167, 220, 0.08);
	border: 1px solid rgba(16, 167, 220, 0.15);
}

section.category {
	background-color: #004e86;
	color: #FFF;
}

section.category * {
	color: #FFF;
}

section.subcategory,
section.subcategory_allgemein,
section.subcategory_beschwerde {
	background-color: #0064b0;
	color: #FFF;
	display:none;
}

section.subcategory,
section.subcategory_allgemein *,
section.subcategory_beschwerde * {
	color: #FFF;
}

section.subsubcategory,
section.subsubcategory_beschwerde {
	background-color: #1f99d7;
	color: #FFF;
	display:none;
}

section.extradaten{
	background:#afd9ee;
}

section.subsubcategory_beschwerde * {
	color: #FFF;
}

section .answer{
	display:none;
}

section.answered .question{
	display:none;
}

section.answered .answer{
	display:block;
	font-weight:bold;
}

section.extradaten{
	display:none;
}
section.personendaten{
	display:none;
}

.btn-holder{
	display:flex;
	gap:12px;
	flex-direction: row;
}

BUTTON[type=submit]{
	color:#FFF;
	background:#004e86;
	padding:10px 20px;
	border-radius:5px;
	display:block;
	border:0px;
	cursor: pointer;
	font-weight:bold;
	line-height:1.1;
}

BUTTON[type=submit]:hover{
	background:#14659e;
}

BUTTON[type=submit].disabled{
	opacity:0.35;
	cursor: default;
}

BUTTON[type=submit].disabled:hover{
	background:#004e86;
}

.question .btn-holder{
	margin-top:10px;
}

.question .btn-holder .btn{
	padding-top:5px;
	padding-bottom:5px;
}


BUTTON.btn{
	color:#FFF;
	background:#bdcd00;
	padding:10px 20px;
	border-radius:5px;
	display:block;
	border:0px;
	cursor: pointer;
	font-weight:bold;
	line-height:1.1;
}

BUTTON.btn:hover{
	background:#d8e640;
}

BUTTON.btn.btn-back{
	background:#FFF;
	color:#333;
	border:1px solid #6595b8;
}

BUTTON.btn.btn-back:hover{
	background:#eee;
	color:#333;
}


section.answered .answer SPAN{
	display:inline-block;
	font-weight:bold;
	color:#bdcd00;
	margin-left:8px;
}

section.subsubcategory_beschwerde.answered .answer SPAN{
	color:#bdcd00;
}

*{
	box-sizing: border-box;
}

section .row{
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap:20px;
	margin:0 0 10px 0;
}

section .col{
	display:block;
	width:calc( 50% );
	position:relative;
}

section .col.col-double{
	width:100%;
}

section .col.col-half{
	width:calc( 25% - 10px );
}

@media(max-width:649px){
	section .row{
		flex-direction: column;
		gap:10px;
	}

	section .col{
		width:100%;
	}

	section .col.col-half{
		width:100%;
	}
}

.hint-container{
	position:relative;
	display:block;
	padding-left:0px;
	font-size:12px;
	padding-top:1px;
	margin-bottom:15px;
}

.terms-holder{
	position:relative;
	display:block;
	padding-left:25px;
	font-size:12px;
	padding-top:4px;
	margin-bottom:15px;
}

.terms-holder INPUT{
	position:absolute;
	top:0px;
	left:0px;
}

.flex-checkbox {
	margin-top: 10px;
}

section h2 {
	padding: 0px;
	margin: 0px 0px 7px 0px;
	font-weight: bold;
	font-size:16px;
}

.flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px 30px;
}

.ds{
	margin-bottom:8px;
}

.ds A{
	color:#004e86;
}

SELECT {
	font-size: 15px;
	padding: 6px 16px;
	border: 1px solid #777;
	border-radius: 5px;
	background: #FFF;
	color: #333 !important;
	width: 100%;
	max-width: 400px;
}

SELECT, OPTION{
	color: #333 !important;
}

INPUT[type=text],
INPUT[type=email],
INPUT[type=date],
INPUT[type=time],
TEXTAREA{
	font-size: 15px;
	padding: 6px 16px;
	border: 1px solid #777;
	border-radius: 5px;
	background: #FFF;
	color: #333 !important;
	width: 100%;
	max-width: 400px;
}

TEXTAREA{
	height:90px;
}

.col INPUT[type=text],
.col INPUT[type=email],
.col INPUT[type=date],
.col INPUT[type=time],
.col SELECT,
.col TEXTAREA{
	max-width: 100%;
	margin-top:2px;
}