@charset "UTF-8";
/* @import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700|Open+Sans:700,700i'); */
@import url(//cdn.warenform.de/fonts/pt-sans/latin/css/stylesheet.css);
@import url(//cdn.warenform.de/fonts/fontawesome/stylesheets/font-awesome.min.css);


/* open sans bold
open sans condensed light */

/* @import url(/kontext/css/reset-min.css); */
@import url(/kontext/css/media-min.css);
@import url(/kontext/css/content-min.css);
@import url(/kontext/css/listing-min.css);
@import url(/kontext/css/paging.css);
/*@import url(/kontext/css/forms.css);*/

@font-face{font-family:'FontAwesome';src:url("//cdn.warenform.de/fonts/fontawesome/fontawesome-webfont.eot?v=4.0.3");src:url("//cdn.warenform.de/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"),url("//cdn.warenform.de/fonts/fontawesome/fontawesome-webfont.woff?v=4.0.3") format("woff"),url("//cdn.warenform.de/fonts/fontawesome/fontawesome-webfont.ttf?v=4.0.3") format("truetype"),url("//cdn.warenform.de/fonts/fontawesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}

*, *::before, *::after {
    box-sizing: border-box;
}

html, body {
	font-size: 100%;
	overflow-x: hidden !important;
	width: 100% !important;
	max-width: 100%;
}

body {
	background: #f3f9fa;
	margin: 0;
}

 /* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

 /* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

 /* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  }

 /* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

body,
.cke_editable {
	color: #356293;
	font-family: sans-serif, serif;
	/* font-family: 'Open Sans', sans-serif; */
	font-family: 'PT Sans', sans-serif;
	font-size: 1.2rem;
	line-height: 160%;
}

header {
	background: #f3f9fa;
	position: relative;
}
header .Logo {
	margin-bottom: 10px;
}
header .Logo img {
	border: 0 none;
	float: right;
	margin: 0 20px 0px 0;
	width: 100px;
}
header .Logo:after {
	clear: both;
	content: " ";
	display: table;
}
header .Logo2 img {
	border: 0 none;
	left: 120px;
	position: absolute;
	top: 15px;
	width: 140px;
}
header .slider img {
	display: none;
}

@media (min-width: 992px) {
	header .Logo img {
		float: right;
		margin: 0 70px 10px 0;
		width: 180px;
	}
	header .Logo2 img {
		left: 70px;
		top: 40px;
		width: 350px;
	}
	header .slider img {
		display: block;
	}
}

header .Quicksearch {
	margin-top: -70px;
}
header .Quicksearch fieldset {
	margin: 0 auto;
	width: 300px;
}
header .Quicksearch legend {
	display: none;
}

.Wrapper {
	background: #fff;
	margin: auto;
}

@media (min-width: 992px) {
	.Wrapper {
		width: 1000px;
	}
}

.Container {
	color: #356293;
	padding: 0 1rem;
	position: relative;
	width: 100%;
}
.Container legend {
	color: #356293;
	width: 100%;
}
@media (min-width: 992px) {
	.Container {
		min-height: 200px;
		padding: 20px 220px 0 160px;
	}
}
.Container a {
	color: #6587ac;
	text-decoration-line: underline;
	text-decoration-style: dotted;
}
.Container a:focus,
.Container a:hover,
.Container a:active{
	color: #005163;
}

.Main,
.Specials {
	/* display: table-cell;
	vertical-align: top; */
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}

/* Navi */
.Navi ul {
	padding: 0;
}
.MobileNaviButton {
	color: #000;
	position: absolute;
	left: 0;
	top: 0.6rem;
	z-index: 1;
}
.MobileNaviButton:before {
	content: "\f0c9";
	font-family: 'FontAwesome';
	left: 1rem;
	position: absolute;
	width: 100%;
}
.MobileNaviButton span {
	opacity: 0;
}
.MobileNaviButtonClose {
	background: #f3f9fa;
	color: #000;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0.6rem;
	z-index: 0;
}
.MobileNaviButtonClose:before {
	content: "\f00d";
	font-family: 'FontAwesome';
	left: 1rem;
	position: absolute;
	width: 100%;
}
.MobileNaviButtonClose span {
	opacity: 0;
}


@media (max-width: 576px) {
	header .Logo2 img {
		left: 40px;
	}
}
@media (max-width: 991px) {
	nav.Navi {
		display: none;
		left: 0;
		bottom: 0;
		opacity: 0;
		position: fixed;
		top: 70px;
		width: 100%;
	}

	nav.Navi li {
		display: block;
		margin: 0.4rem 0;
		text-align: center;
	}
	nav.Navi li b {
		font-weight: normal;
	}
	nav.Navi li a {
		color: #000;
	}
	nav.Navi:target {
		background: #fff;
		display: block;
		opacity: 1;
		transition: opacity .2s ease-out, max-height .4s ease-out;
		z-index: 100;
	}
	nav.Navi:target + .MobileNaviButtonClose {
		opacity: 2;
		z-index: 100;
	}
	nav.Navi ul ul {
		display: none;
	}
	nav.Navi ul li.Active ul {
		display: block;
	}
	nav.Navi ul ul li {
		font-size: 1rem;
	}
}

@media (min-width: 992px) {
	nav input[id*="NaviCheckbox"] {
		display: none;
	}
	nav input[id*="NaviCheckbox"] + label {
		display: none;
	}
	.MobileNaviButton,
	.MobileNaviButtonClose {
		display: none;
	}

	.Navi {
		/*background: linear-gradient(0deg, #e8b072 50%, rgba(192, 122, 21, 0.7) 50%);*/
		/*background: linear-gradient(0deg, #cd86a1 50%, rgba(255, 255, 255, 0) 50%);*/
		background: linear-gradient(0deg, #6587ac 20%, rgba(255, 255, 255, 0) 20%);
		bottom: 0;
		display: block;
		position: absolute;
		width: 100%;
	}
	.Navi ul,
	.Navi ul li {
		list-style: none;
		margin: 0;
	}
	.Navi ul {
		padding-left: 60px;
	}
	.Navi ul li {
		color: #356293;
		background: #d5e3f0;
		display: inline-block;
		line-height: 225%;
		margin-right: 0.5rem;
		position: relative;
		text-transform: uppercase;
	}
	.Navi ul li a {
		color: #356293;
		padding: 1rem;
	}
	.Navi ul li a:before {
		bottom: 0;
		content: '';
		display: inline-block;
		height: 60px;
		left: 10px;
		position: absolute;
		width: 50px;
	}
	.Navi ul li.Active {
		background: #416b9a;
	}
	.Navi ul > li.Active > a {
		color: #fff;
	}
	.Navi ul ul {
		display: none;
		padding: 0;
		position: absolute;
		z-index: 1000;
	}
	.Navi ul li:hover ul {
		display: block;
	}
	.Navi ul ul li {
		display: block;
		line-height: 180%;
	}
	.Navi ul ul li a {
		font-size: 1rem;
		white-space: nowrap;
		text-transform: none;
	}
}

.Main {
	padding: 0;
	position: relative;
}

a {
	text-decoration: none;
}
a:focus,
a:hover,
a:active{
	text-decoration: underline;
}

h1 {
	font-size: 36px;
	line-height: 1.3;
	margin-bottom: 20px;
}
h2 {
	font-size: 24px;
	line-height: 160%;
	margin-bottom: 20px;
}
h3 {
	font-size: 20px;
	line-height: 160%;
}
h4 {
	font-size: 18px;
	line-height: 160%;
}

form .Input.Text input,
form .Input.Password input,
form .Input.Email input,
form textarea {
	display: block;
	width: 100%;
}

/* Downloads */
#PUB .Documents ul,
#PUB .Documents li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#PUB .Documents li {
	margin-bottom: 20px;
}
#PUB .Documents li * {
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
#PUB .Documents li a {
	background: none !important;
	padding-left: 0 !important;
}
#PUB .Documents li .Author {
	color: rgba(68,68,75,0.3);
	margin-left: 25px;
}
#PUB .Documents li a span.Title:before {
	color: rgba(68,68,75,1);
	content: '\f019';
	font-family: "FontAwesome";
	margin-right: 10px;
}
#PUB .Documents .pdf a span.Title:before {
	content: '\f1c1';
}
#PUB .Documents .image a span.Title:before {
	content: '\f1c5';
}
#PUB .Documents .audio a span.Title:before {
	content: '\f1c7';
}
#PUB .Main .Documents li.Preview-Image {
    display: table;
}
#PUB .Main .Documents li.Preview-Image .Image {
    display: table-cell;
}
#PUB .Main .Documents li.Preview-Image .Image img {
	background: url(/kontext/images/icons/spinner.gif) center no-repeat;
	border: 1px solid #eee;
	height: auto;
	width: 50px;
}
#PUB .Main .Documents li.Preview-Image a .Title {
    display: table-cell;
	padding-left: 20px !important;
	vertical-align: middle;
}
#PUB .Main .Documents li.Preview-Image .Author {
	font-size: 10px;
	margin: 0;
	padding-left: 5px !important;
	text-align: left;
}

footer {
	/*background: #007a96;*/
	background: #6587ac;
	position: relative;
}

footer .metanavi {
	/* padding: 20px 20px 20px 160px; */
}
footer .metanavi li {
	display: inline-block;
	margin-right: 1rem;
}
footer .metanavi li a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
footer #footer-graphic {
	display: none;
}

@media (min-width: 992px) {
	footer .metanavi {
		padding: 20px 20px 20px 160px;
	}
	footer .metanavi li {
		margin-right: 2.75rem;
		/*width: 20%;*/
	}
	footer .metanavi li.social {
		font-size: 1.5rem;
		/*width: 20%;*/
	}
	/*footer .metanavi li.bold a {
		font-weight: bold;
	}*/
	footer #footer-graphic {
		bottom: 0;
		display: block;
		position: absolute;
		right: -160px;
	}
}

.data-privacy {
	font-size: 0.9375rem;
	line-height: 1.5;
	padding: 1rem;
}

.Listing > ul {
	padding: 0;
}

.Listing li {
	list-style: none;
}

.Listing h1 {
	line-height: 1.3;
}
.Listing h3 {
	font-size: 22px
}
.Listing h4 {
	margin-bottom: 10px;
}
.Listing .Image {
	width: 150px;
}
.Listing .Image img {
	max-width: 100%;
}
/* Specials */
.Specials {
	display: table-cell;
	width: 25%;
}
.Specials ul,
.Specials ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.Specials .Box {
	background: #eee;
	margin-bottom: 40px;
	padding: 10px;
}
.Specials .Box a span {
	display: block;
}

.MediaBox {
	width: 100%;
}
.MediaBox.Left,
.MediaBox.Right {
	width: 30%;
}

@media (min-width: 992px) {
	.MediaBox.Left,
	.MediaBox.Right {
		width: 150px;
	}
}

.Employee.Edit fieldset.Select.DateTime {
	margin-bottom: 1rem;
}
.Employee.Edit fieldset.Select.DateTime select {
	margin: 0 0.5rem;
}

.Employee.Edit fieldset,
.Answer fieldset {
	border: 0 none;
	padding: 0;
}
.Answer fieldset legend {
	font-size: 140%;
	margin-bottom: 1rem;
}
.survey .Answer fieldset legend {
	font-size: 100%;
	margin-bottom: 0;
}
.Answer fieldset fieldset {
	margin: 0 0 2rem 0;
}
.Answer fieldset fieldset.AdditionalItem {
	background: #fAF2F5;
	padding: 0.5rem;
}
.Answer fieldset fieldset.AdditionalItem legend {
	float: left;
	width: 100%;
}
.Answer fieldset fieldset legend {
	font-size: 100%;
}
.Answer fieldset ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row;
	flex-direction: row;
	/*-webkit-flex-wrap: wrap;*/
	/*-ms-flex-flow: row wrap;*/
	/*flex-wrap: wrap;*/
	-ms-flex-pack: center;
	-webkit-justify-content: center;
    justify-content: center;
	padding-left: 0;
	width: 100%;
}

/*.Answer fieldset input[type="text"],
.Employee.Plugin.Edit input[type="email"],
.Employee.Plugin.Edit input[type="text"],
.Employee.Plugin.Edit textarea {*/
.Container input[type="text"],
.Container input[type="email"],
.Container input[type="password"],
.Container textarea {
	border: 1px solid #ccc;
	margin: 0.6rem 0.2rem 0 0.2rem;
	padding: 0.6rem;
	width: 100%;
}

/*.Answer fieldset input[type="text"]:focus,
.Employee.Plugin.Edit input[type="email"]:focus,
.Employee.Plugin.Edit input[type="text"]:focus,
.Employee.Plugin.Edit textarea:focus {*/
.Container input[type="text"]:focus,
.Container input[type="email"]:focus,
.Container input[type="password"]:focus,
.Container textarea:focus {
	border: 1px solid #CD86A1;
}
/*.Answer fieldset li {
	flex: auto;
	list-style: none;
	margin: 0 0.6rem 3rem 0.6rem;
	position: relative;
	text-align: center;
}
.Answer fieldset li input[type="radio"] {
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	bottom: -2rem;
}*/

.Container select {
	border: 1px solid rgba(0,0,0,.15);
	border-radius: .25rem;
	display: inline-block;
	margin: 0 1rem;
	/*height: calc(2.25rem + 2px);*/
	line-height: 1.25;
	padding: .375rem 1.75rem .375rem .75rem;
	vertical-align: middle;
}

.Employee.Edit fieldset li,
.Answer fieldset li {
	/*flex: 1;*/
	flex-grow: 1;
	list-style: none;
	padding: 0.2rem;
}
.Answer fieldset li input {
	position: absolute;
	opacity: 0;
}

.Answer {
	/*width: 720px;*/
}

.Answer fieldset li label {
	background: #eee;
	cursor: pointer;
	display: block;
	/*min-height: 3rem;*/
	height: 100%;
	padding: 0.3rem;
	text-align: center;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.Answer fieldset li input:focus + label,
.Answer fieldset li label:hover {
	background: #CD86A1;
}

.Answer fieldset li input:checked ~ label {
	color: #fff;
	background: #a42353;
}
.Answer .multiple ul {
	-ms-flex-flow: column;
	flex-direction: column;
}

/*.Answer input[type="submit"] {*/
.Container input[type="submit"] {
	background: #6587ac;
	border: 1px solid #eee;
	color: #fff;
	cursor: pointer;
	float: right;
	font-size: 1rem;
	padding: 0.6rem 1rem;
}

/*.Answer input[type="submit"]:hover {*/
.Container input[type="submit"]:hover {
	background: #00657d;
}
/*.Answer .Submit:after {*/
.Container .Submit:after {
	clear: both;
	content: "";
	display: table;
}

.Employee.Edit fieldset li label {
	margin-left: 1rem;
}

/*.Answer.Statistics td.color-white {
	background-color: #eee !important;
}
.Answer.Statistics td.color-yellow {
	background-color: #cccs !important;
}
.Answer.Statistics td.color-green {
	background-color: #333 !important;
}
.Answer.Statistics td.color-red {
	background-color: #666 !important;
}
.Answer.Statistics td.color-orange {
	background-color: #999 !important;
}*/



.progress {
	margin: 1rem 0;
}
.sticky-progress {
	background: #CD86A1;
	position: relative;
	padding: 0.4rem 1rem;
	width: 100%;
}
.progress div {
	color: #fff;
	position: relative;
	z-index: 1;
}
.progress #progressbar {
	background: #a42353;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 0;
	z-index: 1;
}

.stressbarometerNav {
	margin: 1rem 0 0 0;
	padding: 0 0 0 2rem;
}
.stressbarometerNav ul {
	/*margin-left: -3rem;*/
	padding: 0;
}
.stressbarometerNav li {
	list-style: none;
	position: relative;
}
.stressbarometerNav li.dropdown > a {
	display: none;
}
.stressbarometerNav li:after {
	content: '\f0da';
	font-family: 'FontAwesome';
	position: absolute;
	left: -1rem;
}
@media (min-width: 992px) {
	.stressbarometerNav {
		padding: 0;
		margin-bottom: 2rem;
	}
	.stressbarometerNav li {
		background: #fff;
		display: inline-block;
		margin-right: 0.5rem;
	}
	.stressbarometerNav li:after {
		display: none;
	}
	.stressbarometerNav li.dropdown {
		margin-right: 1rem;
		position: relative;
	}
	.stressbarometerNav li.dropdown a {
		display: block;
		padding: 0.2rem 0.4rem;
	}
	.stressbarometerNav li.dropdown > a:after {
		content: '\f0d7';
		font-family: 'FontAwesome';
		padding-left: 0.2rem;
		position: absolute;
		/*right: -0.4rem;*/
	}
	.stressbarometerNav li a {
		font-size: 1.1rem;
	}

	.stressbarometerNav li.dropdown ul {
		background: #fff;
		display: none;
		z-index: 10;
	}
	.stressbarometerNav li.dropdown:hover ul {
		display: block;
		position: absolute;
	}
	.stressbarometerNav li.dropdown ul li {
		display: block;
		white-space: nowrap;
	}
}

.Glossar h3 {
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	padding-left: 15px;
	user-select: none;
}
.Glossar h3::before {
	content: "\f0d7";

	font-family: 'FontAwesome';
	left: 0;
	position: absolute;
}
.Glossar.Closed h3::before {
	content: '\f0da';
}

.Employee .Listing,
.Answer.Preview .Listing {
	border-collapse: collapse;
	margin-bottom: 3rem;
}
.Employee .Listing tr:nth-of-type(2n+1),
.Answer.Preview .Listing tr:nth-of-type(2n+1) {
	background-color: rgba(0,0,0,.05);
}
.Employee .Listing td,
.Answer.Preview .Listing td {
	padding: .75rem;
	vertical-align: top;
	border-top: 1px solid #eceeef;
}
.Answer.Preview .Listing td ul {
	padding-left: 0;
}
.Employee .Listing td b {
	display: none;
}
p.Confirm,
.Answer.Preview .Listing tr td:nth-child(3) {
	font-weight: bold;
}


@media (max-width: 576px) {
	table {
		overflow-x: auto;
		display: block;
	}
}

.btnSubmit,
.btnChange,
.Logout a,
.PrintBtn,
.Employee.Delete .Cancel input[type="button"] {
	background: #6587ac;
	border: 1px solid #eee;
	color: #fff !important;
	cursor: pointer;
	display: block;
	/*float: right;*/
	font-size: 1rem;
	padding: 0.6rem 1rem;
	text-decoration: none !important;
}
.PrintBtn {
	float: right;
}
.btnChange,
.Employee.Delete .Cancel input[type="button"] {
	background: #a42353;
	/*float: left;*/
}
.btnChange:hover,
.Employee.Delete .Cancel input[type="button"]:hover {
	background: #CD86A1;
}
.Logout a:hover,
.btnSubmit:hover{
	background: #00657d;
}
.Logout a,
.btn-Submit-Wrap,
.Employee.Delete .Cancel,
.Employee.Delete .Delete,
.Employee.Delete .Delete .Submit {
	display: inline-block;
}
.Logout a,
.btn-Submit-Wrap + .btn-Submit-Wrap,
.Employee.Delete .Delete {
	float: right;
}

.Logout:after,
.btn-Submit-Wrap:after {
	clear: both;
	content: "";
	display: table;
}

.Tools ul {
	padding-left: 0;
	text-align: right;
}
.Tools ul li {
	display: inline-block;
	list-style: none;
	padding-left: 1rem;
}
.Tools ul li.Print a:before {
	display: inline-block;
	content: '\f02f';
	font-family: 'FontAwesome';
	padding-right: 0.5rem;
}
.Tools ul li.Top a:before {
	display: inline-block;
	content: '\f062';
	font-family: 'FontAwesome';
	padding-right: 0.5rem;
}

@media (min-width: 992px) {
	.Logout {
		position: absolute;
		right: -12rem;
	}

	.PrintBtn {
		background: #a42353;
		display: inline-block;
		/*position: absolute;
		right: 0;*/
		margin: 3rem 0 1rem 0;
	}
	.PrintBtn a {
		color: #fff;
	}
}

.no-mq .Main {
	max-width: 840px;
}
.User-Login fieldset {
	border: 0 none;
}


.Topic-10 .Article img,
.Topic-11 .Article img,
.Topic-12 .Article img,
.Topic-13 .Article img,
.Topic-14 .Article img,
.Topic-15 .Article img,
.Topic-16 .Article img,
.Topic-17 .Article img,
.Topic-18 .Article img,
.Topic-19 .Article img,
.Topic-20 .Article img {
 border: 1px solid #ccc;
}