/******************************************************************************
 * 0 Reset                                                                    *
 ******************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {

	/* font rendering */
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
    		 font-smoothing: antialiased;
    		 font-smooth: always;

}

*, *:before, *:after {
	outline-color: #ea8d04 !important;
}


html, body {
    font-size: 22px;
    line-height: 1.35;
	overflow-x: hidden;
    color: #000;
    font-family: 'Calibri', 'Noto Sans', sans-serif !important;
}
body.no-calibri {
    font-size: 19px;
}

h1, .h1 {
    color: #ea8d03;
}

h2, .h2 {
    font-size: 1.7em;
}

h3, .h3 {
    font-size: 1.4em;
}

a, a:link, a:visited {
	color: #ea8d03;
}
a:hover, a:active, a:focus {
	color: #ea8d03;
}

label {
	font-weight: normal;
}

.form-control {
	background-color: #f0f0f0;
}
textarea.form-control:focus {
    outline: 0 !important;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,1), 0 0 8px rgba(234, 141, 3, 1) !important;
    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,1), 0 0 8px rgba(234, 141, 3, 1) !important;
}
textarea {
	border-color: #333 !important;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,1) !important;
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,1) !important;
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,1) !important;
	color: #000 !important;
	font-size: 1em !important;
}


.radio-item label::before {

}


html body .navbar.navbar-default.navbar-fixed-top {
    background-color: #fdf3e5;
}

.container {
    width: 960px;
	max-width: 100%;
}

.container-big {
    width: 1310px;
	max-width: 100%;
}


.text-info {
    color: #000;
    font-size: 1.1em;
}
.text-primary {
    color: #000;
}


.progress-wrapper {

}
    .progress-wrapper .space-col {
        margin: 0;
        padding: 1em 0;
    }
    .progress {
        height: 42px !important;
        border-radius: 21px;
		position: relative;
        width: 720px;
        max-width: 100%;
    }
	.progress:before {
		content: "";
		display: block;
		height: 100%;
		width: 100%;
		position: absolute;
        -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
        box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
        border-radius: 21px;
	}
        .progress .progress-bar {
            line-height: 42px;
            min-width: 3em !important;
            font-size: 1em;
	        border-radius: 21px 0 0 21px;
            background: #ea8d04;
            background: -moz-linear-gradient(top, #ea8d04 0%, #efa93d 34%, #ea8d04 100%);
            background: -webkit-linear-gradient(top, #ea8d04 0%,#efa93d 34%,#ea8d04 100%);
            background: linear-gradient(to bottom, #ea8d04 0%,#efa93d 34%,#ea8d04 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea8d04', endColorstr='#ea8d04',GradientType=0 );

		}
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #efa93d;
	border-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}


.bg-gray {
    background-color: #f8f8f8;
}


#navbar {
    border: none;
    margin: 0;
}
	.navbar-right {
		padding-top: 29px;
		width: calc(100% - 180px);
		float: left !important;
	}
	.navbar-right li {
		margin-right: .5em;
	}
	@media screen and (max-width: 991px) {
		.navbar-right {
			padding-top: 13px;
			width: auto;
		}
		.navbar-right li {
			float: none;
		}
	}
	@media screen and (max-width: 767px) {
		.navbar-right {
			padding-top: 0px;
		}
	}
	.navbar-right li a {
		padding-top: 3px;
		padding-bottom: 3px;
		display: inline-block;
		border: 1px dashed transparent;
		transition: border .2s;
		border-radius: 1em;
		margin-bottom: .2em;
		font-size: 1em;
		color: #000 !important;
		position: relative;
	}
	.navbar-right li a:after {
		content: "";
		position: absolute;
		bottom: 2px;
		height: 2px;
		width: calc(100% - 30px - 1.5em);
		left: calc(15px + 1.5em);
		background-color: #000;
	}
	.navbar-right li a svg {
		position: relative;
		top: .1em;
		left: -0.4em;
		height: 1em;
	}
	.navbar-right li a:hover {
		border: 1px dashed #000;
	}
	.navbar-header {
        display: flex;
        align-items: center;
	}
    .logo-div {
        height: 2.8em;
        width: 3px;
        background-color: #000;
        margin-right: 1em;
    }
    .logo-text {
        font-size: 1.8em;
        margin-top: .15em;
        color: #000;
    }
    .no-calibri .logo-text {
        font-size: 2em;
        margin-top: .2em;
    }
    .logo-container {
        position: relative;
    }
        .logo-container img {
            width: 190px;
            margin: 10px 0;
        }


.radio-list li {
	padding-top: 2px;
	/*display: table;*/
}

.radio-item {
	padding-left: 0;
	display: inline-block;
	padding: 6px;
	border: 1px dashed transparent;
	transition: border .2s;
	border-radius: 1em;
	margin-bottom: .2em;
}
.radio-item input[type="checkbox"] {
	opacity: 0;
	position: absolute;
}
/*.radio-item:hover {
	border: 1px dashed #000;
}
.radio-item label {
	padding-left: 2em;
	margin-bottom: 0;
}
.radio-item input[type="checkbox"]:focus + label::before {
	outline:
}
.radio-item input[type="checkbox"]:checked + label::after {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}
.radio-item label::before {
	height: 1.43em;
	width: 1.43em;
	-webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,1);
	-moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,1);
	box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,1);
	border: 1px solid #333;
	margin-left: 0;
}
.radio-item label::after {
	width: .9em;
	height: .9em;
	left: .25em;
	top: .25em;
	background-color: #efa93d;
	-webkit-box-shadow: inset 0px 0px 5px 0px #ea8d04;
	-moz-box-shadow: inset 0px 0px 5px 0px #ea8d04;
	box-shadow: inset 0px 0px 5px 0px #ea8d04;
	margin-left: 0;

}*/

.modal-dialog {
	width: 500px;
}
.modal .close {
	display: none;
}
.modal-content-inner {
	margin: 13px;
	border: 1px solid #e5e5e5;
}
.modal-content-inner .btn {
    font-size: 1em !important;
}

#welcome-container {
}
    .survey-description {
        margin-bottom: 2em;
		margin-top: 2em;
    }


.btn {
    font-size: 1.2em !important;
	border-radius: 1em;
	font-size: 1em;
	padding: .2em .8em;
	color: #000 !important;
	border: 3px solid #000;
	background-color: #fff;
	transition: color .2s, background-color .2s, border-color .2s;
    font-weight: bold;
}
	.btn:hover, .btn:focus, .btn:active, .btn:active:focus {
		background-color: #000;
		color: #fff !important;
		border-color: #000;
	}
	.btn[disabled]:hover {
		background-color: #fff !important;
		border-color: #000 !important;
		color: #000 !important;
	}


html body .navbar.navbar-default.navbar-fixed-top {
	z-index: 1000;
    border-bottom-width: 2px;
    border-color: #fff;
}



.question-container {
	border: 0;
	background-color: transparent;
}
	.question-valid-container {
		display: none;
	}

	.question-title-container {
		float: none;
	}
		.question-title-container .fa {
			display: none;
		}
			.ls-label-question {
				font-size: 1.6em;
				font-weight: bold;
			}
			.ls-questionhelp:before {
				/*font-size: 2em;
				line-height: 1;
				top: 0;*/
				display: none;
			}
			.dir-ltr .ls-questionhelp {
				/*margin-left: 2.2em;*/
				margin-left: 0;
				padding-top: .2em;
				font-weight: bold;
			}

.ls-answers {
	/*margin-left: 1em;*/
}
.text-long .ls-answers {
	margin-left: 0;
}


.modal-body {
	color: #000;
}
.modal-error,
.modal-error .modal-body {
	color: #d21217;
}
.modal-footer .btn i {
    color: #000;
    transition: .2s;
}
.modal-footer .btn:hover i,
.modal-footer .btn:focus i {
    color: #fff;
}
.modal-header {
	padding: 30px 30px 15px 30px;
	border-bottom: 0;
}
	.modal-header .fa {
		font-size: 2em;
	}
.modal-body {
	padding: 15px 30px;
}
.modal-footer {
	padding: 15px 30px 30px 30px;
	border-top: 0;
}

.well {
	background-color: transparent;
	border: 0;
	box-shadow: none;
	padding: 0;
}
	.well .text-info {
		color: #000;
	}
	.text-warning {
		color: #ea8d04;
		font-weight: bold;
	}

.text-center {
	text-align: center;
}

.alert-wrapper {
	max-width: 920px;
	margin: 0 auto;
}

.alert {
	width: 100vw;
	position: relative;
	left: calc((100vw - 100%) / -2);
	border: 0;
	border-radius: 0;
}
.trennlinie {
	width: 100vw;
	left: calc((100vw - 100%) / -2);
	height: 3px;
	background-color: #f0f0f0;
	position: relative;
	margin-bottom: 1em;
}

.alert br {
	display: none;
}

:not(.no-js) .alert {
	display: none;
}


.ls-welcome .is-question,
.is-welcome {
	display: none;
}
.ls-welcome .is-welcome,
.is-question {
	display: block;
}


.question-container.row {
	margin-left: -15px;
	margin-right: -15px;
}


.btn-arrow-left {
	padding-left: 2.4em;
	position: relative;
}
.btn-arrow-left svg {
	position: absolute;
	left: .6em;
	top: 50%;
	transform: translateY(-50%) rotate(180deg);
}

.btn-arrow-right {
	padding-right: 2.4em;
	position: relative;
}
.btn-arrow-right svg {
	position: absolute;
	right: .6em;
	top: 50%;
	transform: translateY(-50%);
}

.progress-full .progress-bar {
	transition: none;
	width: 100% !important;
}


.show-progress-percent .progress-percent,
.progress-number {
	display: block;
}
.show-progress-percent .progress-number,
.progress-percent {
	display: none;
}


.progress .show-progress-number {
	min-width: 5.5em !important;
}


.btn-wrapper {
	display: table;
	float: right;
}
.btn .far {
	color: #ea8d03;
	margin-right: .3em;
}

.alert {
	margin-bottom: 0;
	position: relative;
	top: 20px;
}

.alert-danger {
	color: rgb(135, 54, 52);
	background-color: rgb(248, 238, 239);
}


.question-text img {
	display: none;
}


.col-answer {
	width: 100%;
    margin-right: 15px;
	float: left;
	overflow: hidden;
    width: 360px;
    max-width: 100%;
    float: right;
}
.img-cont {
	float: right;
	max-width: 275px;
}
.img-cont img {
	max-width: 100%;
}

.text-long .col-answer {
	width: 100%;
}

.group-outer-container,
.group-container {
	margin-bottom: 0;
}
















/**
 * Changes 2019
 */



.logo-container svg {
    display: none;
    height: 48px;
    width: 48px;
}

h1, .h1 {
    font-size: 1.6em;
}

#navigator-container {
    position: relative;
}
.text-right {
    position: static;
}
.ls-welcome {
    position: absolute;
    left: 15px;
    background-color: #ea8d04;
    color: #fff !important;
    border-color: #ea8d04;
    width: 380px;
    text-align: left;
    font-weight: bold;
}
.ls-welcome .st0 {
    stroke: #fff;
}

.btn-arrow-left {
    text-align: right;
    width: 360px;
    max-width: 100%;
}
.btn-arrow-right {
    text-align: left;
    background-color: #ea8d04;
    border-color: #ea8d04;
    color: #fff !important;
    width: 360px;
    max-width: 100%;
}
.btn-arrow-right .st0 {
    stroke: #fff;
}
.btn-arrow-left .st0,
.btn-arrow-right .st0 {
    stroke-width: 3px;
}



.radio-item {
    padding: 0;
}
.radio-item label {
    padding: .3em 1em;
    border-radius: 2em;
    border: 2px solid #bcbcbc;
    position: relative;
    padding-left: 3.25em;
    width: 100%;
}
.radio-item label:hover,
.radio-item label:focus {
    border-color: #ea8d04;
}
.radio-item input[type="radio"]:focus + label::before,
.radio-item input[type="checkbox"]:focus + label::before {
    outline: 0 !important;
}
.radio-item input[type="radio"]:checked + label,
.radio-item input[type="checkbox"]:checked + label {
    border-color: #ea8d04;
    font-weight: bold;
    color: #ea8d04;
}
.radio-item input[type="radio"]:checked + label[for="datasecurity_accepted"],
.radio-item input[type="checkbox"]:checked + label[for="datasecurity_accepted"] {
    color: inherit;
    font-weight: normal;
}
.radio-item label[for="datasecurity_accepted"] {
    font-size: 1em;
}



.radio-item input[type="radio"]:checked + label::before,
.radio-item input[type="checkbox"]:checked + label::before {
    background-color: #ea8d04;
    left: -1px;
    width: calc(2.5em + 1px);
}
.radio-item input[type="radio"] + label::after,
.radio-item input[type="checkbox"] + label::after {
    content: "";
    background-image: url('data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2050%2050%22%20style%3D%22enable-background%3Anew%200%200%2050%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A4%3B%7D%3C%2Fstyle%3E%3Cpolyline%20class%3D%22st0%22%20points%3D%2210.366%2C22.427%2021.666%2C33.405%2040.463%2C15.143%20%22%2F%3E%3C%2Fsvg%3E');
    position: absolute;
    left: 0;
    top: 0;
    width: 2.5em;
    height: 100%;
    background-position: center;
    background-size: 1.5em;
    background-repeat: no-repeat;
    background-color: transparent;
    margin: 0;
    opacity: 0;
    transition: .2s;
}
.radio-item input[type="radio"]:checked + label::after,
.radio-item input[type="checkbox"]:checked + label::after {
    opacity: 1;
    transform: scale(1, 1);
}

.radio-item label::before {
    border-radius: 2em 0 0 2em;
    background-color: #ededed;
    width: 2.5em;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    border: 0;
}

.progress-percent {
    text-align: right;
    padding: 0 1.25em;
    font-size: 1.1em;
}

.container-fluid {
    padding: 0;
}

.img-center {
    margin: 0 auto;
    display: table;
}

.alert-dismissible .close {
    font-size: 2em;
    line-height: 0;
    top: .3em;
    opacity: .8;
}

.question-type-T-inner .col-answer {
    float: none;
    padding: 0 15px;
}
.question-type-T-inner .col-answer textarea {
    width: 750px;
    max-width: 100%;
}
.question-type-T-inner .ls-questionhelp {
    color: #ea8d04;
}


.mobile-help img,
.ls-questionhelp img {
    max-width: 100%;
    height: auto;
}
.mobile-help {
    display: none;
    padding: 0 15px;
    margin-bottom: 2em;
}



.question-valid-container {
    display: block;
    width: 390px;
    float: right;
    color: #ea8d04;
    font-size: 1.2em;
}
.question-valid-container span {
    display: none;
}

.modal-title {
    font-size: 1.3em;
}








@media screen and (max-width: 767px) {

    .col-answer {
        float: none;
        margin: 0;
        padding: 0 15px;
    }
    .logo-container img {
        width: 140px;
        margin: 0;
    }
    .logo-div {
        height: 1.8em;
    }
    .navbar-brand {
        min-height: inherit;
    }

    .progress {
        height: 32px !important;
    }
    .progress .progress-bar {
        line-height: 32px;
    }
    .logo-text {
        font-size: 1.3rem;
    }
    .mobile-help {
        display: block;
    }
    .question-valid-container {
        float: none;
    }
    .ls-question-help {
        font-size: 1em;
    }
}
@media screen and (max-width: 575px) {
	body {
		font-size: 16px;
	}
	.modal-dialog {
		width: calc(100% - 30px);
	}

	.col-answer {
		width: 100%;
	}
	.img-cont {
		float: none;
		margin-bottom: 2em;
	}

    .btn {
        font-size: 1.1em !important;
    }

    #main-col {
        margin-top: .5em;
    }
    .space-col {
        margin-top: 0;
    }
    .logo-text {
        margin-top: 0;
    }
}
@media screen and (max-width: 450px) {
	.navigator .btn {
		font-size: .8em;
	}
    .btn-arrow-right {
        width: 320px;
    }
}
@media screen and (max-width: 359px) {
	.navigator .btn {
		font-size: .7em;
	}
}