body {
	background-color: #e6e6e6;
	background-color: #EBEBEB;
	font-family: 'Roboto', sans-serif;
	color: #555555;
	font-size: 15px;
	line-height: 24px;
}


.container {
	max-width: 960px;

	box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: none;
}

.custom-radio-list > div:not(:last-child) {
    margin-bottom: 10px;
}

#modal-addEntry .editable-area {
	cursor: crosshair;
    cursor: -webkit-crosshair;
    cursor: -moz-crosshair;
}

#map-preview {
	width: 100%;
	height: 500px;
}
#map-addItem {
	width: 100%;
	height: 500px;
}


.wizard-circle {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	line-height: 50px;
	border: 1px solid #f5f5f5;
	background-color: #f5f5f5;
}
.wizard-circle.step-ok {
	border: 1px solid #77CC6D;
	background-color: #f5f5f5;
	color: #77CC6D;
}
.wizard-circle.step-optional {
	border: 1px solid #ffc107;
	background-color: #f5f5f5;
	color: #ffc107;
}
.wizard-circle.step-error {
	border: 1px solid #dc3545;
	background-color: #f5f5f5;
	color: #dc3545;
}

.wizard-circle .fa {
	color: #fff;
	font-size: 18px;
	font-weight: 900;
}
.wizard-circle.step-ok .fa {
	color: #77CC6D;
}
.wizard-circle.step-optional .fa {
	color: #ffc107;
}
.wizard-circle.step-error .fa {
	color: #dc3545;
}
.wizard-step {
	margin: 0;
	padding: 0;
}
.wizard-step > div {
	margin: 0;
	padding: 0;
}

.wizard-step .caption {
	color: rgba(13, 27, 62, 0.7);
	font-weight: 900;
	text-transform: uppercase;
	font-size: 14px;
}



.footer {
	padding: 15px 40px;
	background-color: #1A1E21;
	color: #fff;
	font-size: 13px;
	line-height: 18px;
}
.footer a {
	color: #fff;
	text-decoration: underline;
}
.footer a:hover {
	color: #fff;
	text-decoration: none;
}


.card {
	box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
	border-width: 0;
	transition: all .2s;
	margin-bottom: 30px;
	background-color: #fff;
}
.card-header,
.modal-header {
	display: flex;
	align-items: center;
	border-bottom-width: 1px;
	padding: 15px 20px 12px;
	text-transform: uppercase;
	color: rgba(13, 27, 62, 0.7);
	font-weight: bold;
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 24px;
}

.modal-title {
	height: 50px;
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
	line-height: 50px;
}

section.banner  {
	padding-top: 0;
	padding-bottom: 0;
}


section.titlebar {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 40px;

	background-color: #397DBA;
	color: #fff;
}
.titlebar p {
	margin: 0;
}

.logo img {
	width: 200px;
}

section.intro  {
	padding: 40px;
	background-color: #fff;
}

section h2 {
    color: #2267AE;
}
h1, h2 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 25px;
}

section.message textarea {
	min-height: 150px;
}

.personal-data {
    background-color: #E9F0F6;
    padding: 15px 0;
}

.survey-data-box {
	background-color: #E9F0F6; 
	padding: 15px; 
	margin-top: 15px;
}


.age-col .form-check {
	margin-bottom: 8px;
}

.modal-xl {
    max-width: 960px;
}
.map-button-icon {
	font-size: 24px;
}


.survey-stage {
	padding: 40px; 
	background-color: #F1F4F6; 
	-webkit-box-shadow: inset 0 20px 20px -20px rgba(4, 9, 20, 0.03);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(4, 9, 20, 0.03);
    box-shadow: inset 0 20px 20px -20px rgba(4, 9, 20, 0.03);
}

#entrylist .list-item-empty {
	background-color: #f9f9f9;
	background-image: 
		linear-gradient(
			45deg,
			rgba(255,255,255,.15) 25%,
			transparent 25%,
			transparent 50%,
			rgba(255,255,255,.15) 50%,
			rgba(255,255,255,.15) 75%,
			transparent 75%,
			transparent);
	background-size: 1rem 1rem;
}
#entrylist .list-item {

}
.list-item-tpl {
	display: none !important;
}

.no-bottom-margin {
	margin-bottom: 0;
}
.no-padding {
	padding: 0;
}
.no-margin {
	margin: 0;
}
.no-spaces {
	padding: 0;
	margin: 0;
}



@media (max-width: 767.98px) {
	.container {
		padding: 0;
	}
	.survey-stage {
		padding: 10px;
	}
	.einwilligung {
		margin-top: 30px;
	}
	.wizard-step {
		margin-top: 15px;
	}
	section.footer .right-col {
		margin-top: 30px;
	}
	section.titlebar,
	section.intro,
	section.footer {
		padding-left: 20px;
		padding-right: 20px;
	}

	#entrylist .entry-comment {
		margin-top: 15px;
	}
	#entrylist .entry-actions {
		text-align: center;
		margin-top: 5px;
	}
	#entrylist .entry-actions button {
		float: none;
	}

	.label-sehrgut {
		display: block;
		text-align: left;
	}
	.label-mangelhaft {
		display: block;
		text-align: right;
	}
}