@import url("font-awesome.min.css");

/*********************************************************************************/
/*********************************************************************************/
/* 
Site:                  BID-Coburg
Version:               4.0c
Author:                Schubart
Date:                  2020-12-28
*/
/*********************************************************************************/
/*********************************************************************************/

/*********************************************************************************/
/* 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, 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 {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}
	strong {
font-weight: bold;
}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}

.hide {
display: none;
}

/*********************************************************************************/
/* Form */

	form {
		margin: 0 0 2em 0;
	}

	label {
		display: block;
		margin: 0 0 1em 0;
		cursor: pointer;
	}
	
	label span {
      display: inline-block;
      padding-bottom: 0.2em;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="search"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		/* background: rgba(144, 144, 144, 0.075);*/
		background: #fff;
		border: none;
		border: solid 1px #1B82C5;
		border-radius: 0 !important;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1em;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
	    input[type="search"],
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="search"],
		select:focus,
		textarea:focus {
			border-color: #1B82C5;
			box-shadow: 0 0 0 1px #336caf;
		}

	.select-wrapper {
		text-decoration: none;
		display: block;
		position: relative;
	}

		.select-wrapper:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.select-wrapper:before {
			content: '\f078';
			color: rgba(144, 144, 144, 0.25);
			display: block;
			height: 3.25em;
			line-height: 3.25em;
			pointer-events: none;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 3.25em;
		}

		.select-wrapper select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
		input[type="search"],
	select {
		height: 2.75em;
	}

	textarea {
		padding: 0.75em 1em;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			cursor: pointer;
			display: inline-block;
			padding-left: 2.4em;
			padding-right: 0.75em;
			position: relative;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				/*background: rgba(144, 144, 144, 0.075); */
				background: #fff;
				border: solid 1px #1B82C5;
				content: '';
				display: inline-block;
				height: 1.65em;
				left: 0;
				line-height: 1.58125em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 1.65em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: #1B82C5;
			border-color: #1B82C5;
			color: #ffffff;
			content: '\f00c';
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			border-color: #1B82C5;
			box-shadow: 0 0 0 1px #336caf;
		}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

	::-webkit-input-placeholder {
		color:transparent !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color:transparent !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color:transparent !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color:transparent !important;
		opacity: 1.0;
	}

	.formerize-placeholder {
		color:transparent !important;
		opacity: 1.0;
	}
	
	
/*********************************************************************************/
/* Alerts */

/* Erfolg */
#alert_success {
display:                block;
background:             #def0d8;
border-top:             2px solid #1cb671;
border-bottom:          2px solid #1cb671;
border-right:            2px solid #1cb671;
border-left:            15px solid #1cb671;
text-align:             left;
margin:                 2em 0 0 0;
padding:                0;
color:                  #1c945d;
}
#alert_success span:before {
background: transparent url('./images/sucess.svg') no-repeat left bottom;
content: "";
display: inline-block;
width: 48px;
height: 48px;
margin: 0 1em 0 0;
}
#alert_success p{
font-size:              1em;
line-height: 1.3em;
font-weight:            400;
margin:                 -3.1em 0 1.3em 0;
padding:                0;
}

/* Fehler */
#alert_error {
display:                block;
background:             #ffc9bf;
border-top:             2px solid #f44523;
border-bottom:          2px solid #f44523;
border-right:            2px solid #f44523;
border-left:            15px solid #f44523;
text-align:             left;
margin:                 2em 0 0 0;
padding:                0;
color:                  #aa3119;
}
#alert_error span:before {
background: transparent url('./images/error.svg') no-repeat left bottom;
content: "";
display: inline-block;
width: 44px;
height: 44px;
margin: 0 1em 0 0;
}
#alert_error p{
font-size:              1em;
line-height: 1.3em;
font-weight:            400;
margin:                 -3em 0 1.4em 0;
padding:                0;
}

/* Info */
#alert_info {
display:                block;
background:             #FFF6BF;
border-top:             2px solid #F3AD2F;
border-bottom:          2px solid #F3AD2F;
border-right:            2px solid #F3AD2F;
border-left:            15px solid #F3AD2F;
text-align:             left;
margin:                 2em 0 2em 0;
padding:                0;
color:                  #aa3119;
}
#alert_info span:before {
background: transparent url('./images/info.svg') no-repeat left bottom;
content: "";
display: inline-block;
width: 48px;
height: 48px;
margin: 0 1em 0 0;
}
#alert_info p{
font-size:              1em;
line-height: 1.3em;
font-weight:            400;
margin:                 -3.1em 1em 1.3em 0;
padding:                0;
}

/*********************************************************************************/
/* Uploads */

	td p {
		margin: 0 0 1em 0;
	}
	
#upload-wrapper {
border: 1px solid #fff;
background: #fff;
margin: 0;
padding: 1em;
display: block;
border-bottom: 5px solid #dbeaf7;
}

#hidehelpoption, #showhelpoption {
width: 100%;
padding: 0 0 1em 0;
margin: 0;
text-align: right;
display: block;
}
#hidehelpoption p, #showhelpoption p {
padding: 0;
margin: 0;
}

#uploadhelpcontainer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #dbeaf7;
margin: 0;
padding: 1em;
text-align: left;
display: block;
}
#uploadhelpcontainer h2 {
font-size: 1.2em;
letter-spacing: 1px;
font-weight: bold;
margin: 0 0 1em 0;
}
#uploadhelpcontainer p {
margin: 0;
padding: 0;
}

/* Files */
.file_list {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
margin: -1em 0 2.5em 0;
background: #f1f1f1;
}

.file_list li {
margin: 0;
padding: 0.5em 0 0.5em 0.5em;
border-bottom: 1px solid #ccc;
}

.file {
width:                   100%;
padding:                 0.5em;
margin:                  0.5em 0 0 0;
font-size:               1em;
background:              #fff;
}

label + .file {
    font-size: 0.9em;
    display: inline-block;
    cursor: pointer; /* "hand" cursor */
}

label + .file:focus {
	outline: 1px dotted #ddd;
	outline: -webkit-focus-ring-color auto 5px;
}


#morefields{
width: 65%;
font-size: 0.9em;
border-bottom: 1px dotted #999;
border-left: 1px dotted #999;
margin: 0 0 1em 5em;
padding: 0.3em 0 0.3em 0;
cursor: pointer;
text-align: right;
}

/* Waiting*/
#waiting {
    text-align: center;
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 background: #fff;
display: none;
}
.waiting_inner {
    display:        table-cell;
    vertical-align: middle;
}
.waiting_content {
    display: inline-block;
background: #fff url("./images/waiting.svg") no-repeat center top;
background-size: 100px 100px;
width: 70%;
height: 100%;
}
.waiting_content p {
text-align: center;
margin: 1.5em 0 0 0;
}
.waiting_content h2 {
font-size: 1.8em;
text-align: center;
margin: 4.5em 0 0 0;
}

#uploadstatus {
border: 1px dashed #ccc;
padding: 1em 1em 0 1em;
background: #fff;
display:block;
margin: 1.5em 0 2em 0;
}
	
/*********************************************************************************/
/* Box Model */

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

/*********************************************************************************/
/* Containers */

	.container {
		margin-left: auto;
		margin-right: auto;
	}

	.container.\31 25\25 {
		width: 100%;
		max-width: 1200px;
		min-width: 960px;
	}

	.container.\37 5\25 {
		width: 720px;
	}

	.container.\35 0\25 {
		width: 480px;
	}

	.container.\32 5\25 {
		width: 240px;
	}

	.container {
		width: 960px;
	}

	@media screen and (min-width: 737px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 1500px;
			min-width: 1200px;
		}

		.container.\37 5\25 {
			width: 900px;
		}

		.container.\35 0\25 {
			width: 600px;
		}

		.container.\32 5\25 {
			width: 300px;
		}

		.container {
			width: 1200px;
		}

	}

	@media screen and (min-width: 737px) and (max-width: 1200px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 1250px;
			min-width: 1000px;
		}

		.container.\37 5\25 {
			width: 750px;
		}

		.container.\35 0\25 {
			width: 500px;
		}

		.container.\32 5\25 {
			width: 250px;
		}

		.container {
			width: 1000px;
		}

	}

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

		.container.\31 25\25 {
			width: 100%;
			max-width: 125%;
			min-width: 100%;
		}

		.container.\37 5\25 {
			width: 75%;
		}

		.container.\35 0\25 {
			width: 50%;
		}

		.container.\32 5\25 {
			width: 25%;
		}

		.container {
			width: 100% !important;
		}

	}

/*********************************************************************************/
/* Grid */

	.row {
		border-bottom: solid 1px transparent;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row > * {
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row:after, .row:before {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}

	.row.uniform > * > :first-child {
		margin-top: 0;
	}

	.row.uniform > * > :last-child {
		margin-bottom: 0;
	}

	.row.\30 \25 > * {
		padding: 0 0 0 0px;
	}

	.row.\30 \25 {
		margin: 0 0 -1px 0px;
	}

	.row.uniform.\30 \25 > * {
		padding: 0px 0 0 0px;
	}

	.row.uniform.\30 \25 {
		margin: 0px 0 -1px 0px;
	}

	.row > * {
		padding: 0 0 0 40px;
	}

	.row {
		margin: 0 0 -1px -40px;
	}

	.row.uniform > * {
		padding: 40px 0 0 40px;
	}

	.row.uniform {
		margin: -40px 0 -1px -40px;
	}

	.row.\32 00\25 > * {
		padding: 0 0 0 80px;
	}

	.row.\32 00\25 {
		margin: 0 0 -1px -80px;
	}

	.row.uniform.\32 00\25 > * {
		padding: 80px 0 0 80px;
	}

	.row.uniform.\32 00\25 {
		margin: -80px 0 -1px -80px;
	}

	.row.\31 50\25 > * {
		padding: 0 0 0 60px;
	}

	.row.\31 50\25 {
		margin: 0 0 -1px -60px;
	}

	.row.uniform.\31 50\25 > * {
		padding: 60px 0 0 60px;
	}

	.row.uniform.\31 50\25 {
		margin: -60px 0 -1px -60px;
	}

	.row.\35 0\25 > * {
		padding: 0 0 0 20px;
	}

	.row.\35 0\25 {
		margin: 0 0 -1px -20px;
	}

	.row.uniform.\35 0\25 > * {
		padding: 20px 0 0 20px;
	}

	.row.uniform.\35 0\25 {
		margin: -20px 0 -1px -20px;
	}

	.row.\32 5\25 > * {
		padding: 0 0 0 10px;
	}

	.row.\32 5\25 {
		margin: 0 0 -1px -10px;
	}

	.row.uniform.\32 5\25 > * {
		padding: 10px 0 0 10px;
	}

	.row.uniform.\32 5\25 {
		margin: -10px 0 -1px -10px;
	}

	.\31 2u, .\31 2u\24 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u, .\31 1u\24 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u, .\31 0u\24 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u, .\39 u\24 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u, .\38 u\24 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u, .\37 u\24 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u, .\36 u\24 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u, .\35 u\24 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u, .\34 u\24 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u, .\33 u\24 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u, .\32 u\24 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u, .\31 u\24 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24 + *,
	.\31 1u\24 + *,
	.\31 0u\24 + *,
	.\39 u\24 + *,
	.\38 u\24 + *,
	.\37 u\24 + *,
	.\36 u\24 + *,
	.\35 u\24 + *,
	.\34 u\24 + *,
	.\33 u\24 + *,
	.\32 u\24 + *,
	.\31 u\24 + * {
		clear: left;
	}

	.\-11u {
		margin-left: 91.66667%;
	}

	.\-10u {
		margin-left: 83.33333%;
	}

	.\-9u {
		margin-left: 75%;
	}

	.\-8u {
		margin-left: 66.66667%;
	}

	.\-7u {
		margin-left: 58.33333%;
	}

	.\-6u {
		margin-left: 50%;
	}

	.\-5u {
		margin-left: 41.66667%;
	}

	.\-4u {
		margin-left: 33.33333%;
	}

	.\-3u {
		margin-left: 25%;
	}

	.\-2u {
		margin-left: 16.66667%;
	}

	.\-1u {
		margin-left: 8.33333%;
	}

	@media screen and (min-width: 737px) {

		.row > * {
			padding: 25px 0 0 25px;
		}

		.row {
			margin: -25px 0 -1px -25px;
		}

		.row.uniform > * {
			padding: 25px 0 0 25px;
		}

		.row.uniform {
			margin: -25px 0 -1px -25px;
		}

		.row.\32 00\25 > * {
			padding: 50px 0 0 50px;
		}

		.row.\32 00\25 {
			margin: -50px 0 -1px -50px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 50px 0 0 50px;
		}

		.row.uniform.\32 00\25 {
			margin: -50px 0 -1px -50px;
		}

		.row.\31 50\25 > * {
			padding: 37.5px 0 0 37.5px;
		}

		.row.\31 50\25 {
			margin: -37.5px 0 -1px -37.5px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 37.5px 0 0 37.5px;
		}

		.row.uniform.\31 50\25 {
			margin: -37.5px 0 -1px -37.5px;
		}

		.row.\35 0\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.\35 0\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.uniform.\35 0\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.\32 5\25 > * {
			padding: 6.25px 0 0 6.25px;
		}

		.row.\32 5\25 {
			margin: -6.25px 0 -1px -6.25px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 6.25px 0 0 6.25px;
		}

		.row.uniform.\32 5\25 {
			margin: -6.25px 0 -1px -6.25px;
		}

		.\31 2u\28desktop\29, .\31 2u\24\28desktop\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28desktop\29, .\31 1u\24\28desktop\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28desktop\29, .\31 0u\24\28desktop\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28desktop\29, .\39 u\24\28desktop\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28desktop\29, .\38 u\24\28desktop\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28desktop\29, .\37 u\24\28desktop\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28desktop\29, .\36 u\24\28desktop\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28desktop\29, .\35 u\24\28desktop\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28desktop\29, .\34 u\24\28desktop\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28desktop\29, .\33 u\24\28desktop\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28desktop\29, .\32 u\24\28desktop\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28desktop\29, .\31 u\24\28desktop\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28desktop\29 + *,
		.\31 1u\24\28desktop\29 + *,
		.\31 0u\24\28desktop\29 + *,
		.\39 u\24\28desktop\29 + *,
		.\38 u\24\28desktop\29 + *,
		.\37 u\24\28desktop\29 + *,
		.\36 u\24\28desktop\29 + *,
		.\35 u\24\28desktop\29 + *,
		.\34 u\24\28desktop\29 + *,
		.\33 u\24\28desktop\29 + *,
		.\32 u\24\28desktop\29 + *,
		.\31 u\24\28desktop\29 + * {
			clear: left;
		}

		.\-11u\28desktop\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28desktop\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28desktop\29 {
			margin-left: 75%;
		}

		.\-8u\28desktop\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28desktop\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28desktop\29 {
			margin-left: 50%;
		}

		.\-5u\28desktop\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28desktop\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28desktop\29 {
			margin-left: 25%;
		}

		.\-2u\28desktop\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28desktop\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (min-width: 737px) and (max-width: 1200px) {

		.row > * {
			padding: 25px 0 0 25px;
		}

		.row {
			margin: -25px 0 -1px -25px;
		}

		.row.uniform > * {
			padding: 25px 0 0 25px;
		}

		.row.uniform {
			margin: -25px 0 -1px -25px;
		}

		.row.\32 00\25 > * {
			padding: 50px 0 0 50px;
		}

		.row.\32 00\25 {
			margin: -50px 0 -1px -50px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 50px 0 0 50px;
		}

		.row.uniform.\32 00\25 {
			margin: -50px 0 -1px -50px;
		}

		.row.\31 50\25 > * {
			padding: 37.5px 0 0 37.5px;
		}

		.row.\31 50\25 {
			margin: -37.5px 0 -1px -37.5px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 37.5px 0 0 37.5px;
		}

		.row.uniform.\31 50\25 {
			margin: -37.5px 0 -1px -37.5px;
		}

		.row.\35 0\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.\35 0\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.uniform.\35 0\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.\32 5\25 > * {
			padding: 6.25px 0 0 6.25px;
		}

		.row.\32 5\25 {
			margin: -6.25px 0 -1px -6.25px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 6.25px 0 0 6.25px;
		}

		.row.uniform.\32 5\25 {
			margin: -6.25px 0 -1px -6.25px;
		}

		.\31 2u\28tablet\29, .\31 2u\24\28tablet\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28tablet\29, .\31 1u\24\28tablet\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28tablet\29, .\31 0u\24\28tablet\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28tablet\29, .\39 u\24\28tablet\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28tablet\29, .\38 u\24\28tablet\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28tablet\29, .\37 u\24\28tablet\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28tablet\29, .\36 u\24\28tablet\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28tablet\29, .\35 u\24\28tablet\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28tablet\29, .\34 u\24\28tablet\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28tablet\29, .\33 u\24\28tablet\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28tablet\29, .\32 u\24\28tablet\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28tablet\29, .\31 u\24\28tablet\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28tablet\29 + *,
		.\31 1u\24\28tablet\29 + *,
		.\31 0u\24\28tablet\29 + *,
		.\39 u\24\28tablet\29 + *,
		.\38 u\24\28tablet\29 + *,
		.\37 u\24\28tablet\29 + *,
		.\36 u\24\28tablet\29 + *,
		.\35 u\24\28tablet\29 + *,
		.\34 u\24\28tablet\29 + *,
		.\33 u\24\28tablet\29 + *,
		.\32 u\24\28tablet\29 + *,
		.\31 u\24\28tablet\29 + * {
			clear: left;
		}

		.\-11u\28tablet\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28tablet\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28tablet\29 {
			margin-left: 75%;
		}

		.\-8u\28tablet\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28tablet\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28tablet\29 {
			margin-left: 50%;
		}

		.\-5u\28tablet\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28tablet\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28tablet\29 {
			margin-left: 25%;
		}

		.\-2u\28tablet\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28tablet\29 {
			margin-left: 8.33333%;
		}

	}

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

		.row > * {
			padding: 15px 0 0 15px;
		}

		.row {
			margin: -15px 0 -1px -15px;
		}

		.row.uniform > * {
			padding: 15px 0 0 15px;
		}

		.row.uniform {
			margin: -15px 0 -1px -15px;
		}

		.row.\32 00\25 > * {
			padding: 30px 0 0 30px;
		}

		.row.\32 00\25 {
			margin: -30px 0 -1px -30px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 30px 0 0 30px;
		}

		.row.uniform.\32 00\25 {
			margin: -30px 0 -1px -30px;
		}

		.row.\31 50\25 > * {
			padding: 22.5px 0 0 22.5px;
		}

		.row.\31 50\25 {
			margin: -22.5px 0 -1px -22.5px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 22.5px 0 0 22.5px;
		}

		.row.uniform.\31 50\25 {
			margin: -22.5px 0 -1px -22.5px;
		}

		.row.\35 0\25 > * {
			padding: 7.5px 0 0 7.5px;
		}

		.row.\35 0\25 {
			margin: -7.5px 0 -1px -7.5px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 7.5px 0 0 7.5px;
		}

		.row.uniform.\35 0\25 {
			margin: -7.5px 0 -1px -7.5px;
		}

		.row.\32 5\25 > * {
			padding: 3.75px 0 0 3.75px;
		}

		.row.\32 5\25 {
			margin: -3.75px 0 -1px -3.75px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 3.75px 0 0 3.75px;
		}

		.row.uniform.\32 5\25 {
			margin: -3.75px 0 -1px -3.75px;
		}

		.\31 2u\28mobile\29, .\31 2u\24\28mobile\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28mobile\29, .\31 1u\24\28mobile\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28mobile\29, .\31 0u\24\28mobile\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28mobile\29, .\39 u\24\28mobile\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28mobile\29, .\38 u\24\28mobile\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28mobile\29, .\37 u\24\28mobile\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28mobile\29, .\36 u\24\28mobile\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28mobile\29, .\35 u\24\28mobile\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28mobile\29, .\34 u\24\28mobile\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28mobile\29, .\33 u\24\28mobile\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28mobile\29, .\32 u\24\28mobile\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28mobile\29, .\31 u\24\28mobile\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28mobile\29 + *,
		.\31 1u\24\28mobile\29 + *,
		.\31 0u\24\28mobile\29 + *,
		.\39 u\24\28mobile\29 + *,
		.\38 u\24\28mobile\29 + *,
		.\37 u\24\28mobile\29 + *,
		.\36 u\24\28mobile\29 + *,
		.\35 u\24\28mobile\29 + *,
		.\34 u\24\28mobile\29 + *,
		.\33 u\24\28mobile\29 + *,
		.\32 u\24\28mobile\29 + *,
		.\31 u\24\28mobile\29 + * {
			clear: left;
		}

		.\-11u\28mobile\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28mobile\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28mobile\29 {
			margin-left: 75%;
		}

		.\-8u\28mobile\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28mobile\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28mobile\29 {
			margin-left: 50%;
		}

		.\-5u\28mobile\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28mobile\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28mobile\29 {
			margin-left: 25%;
		}

		.\-2u\28mobile\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28mobile\29 {
			margin-left: 8.33333%;
		}

	}

/*********************************************************************************/
/* Basic */

body {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
	}
	
	input, select, textarea {
		color: #868686;
		font-family: 'Open Sans', sans-serif;
		font-size: 12pt;
		font-weight: 300;
		line-height: 1.65em;
	}

	body {
		background: #fff;
		color: #6E6E6E;
		font-size: 10.5pt;
		line-height: 1.75em;
	}

	a {
		color: #1A83C4;
		text-decoration: underline;
	}

		a:hover {
			text-decoration: none;
		}

	h1, h2, h3, h4, h5, h6 {
		font-weight: 300;
		color: #767676;
	}

	h3 {
		font-weight: 400;
		margin: 0 0 0.5em 0;
	}

	p, ul {
		margin-bottom: 3em;
	}

	.grid-spaced > .row {
		margin-bottom: 2em;
	}

		.grid-spaced > .row:last-child {
			margin-bottom: 0;
		}

	
/*********************************************************************************/
/* ./images */

	.image
	{
		display: inline-block;
		padding: 3px;
		border: solid 1px #eee;
	}
	
	.image2
	{
		display: inline-block;
		padding: 2px;
	}
	
	.image3
	{
		display: inline-block;
		border: solid 1px #d1dee9;
		padding: 2px;
		background: transparent;
	}
		.image img, .image2 img, .image3 img
		{
			display: block;
		}

	.image-fit
	{
		display: block;
		margin: 0 0 2em 0;
	}

		.image-fit img
		{
			width: 100%;
		}
		
		.img_thumb_150 {
width: 150px;
}
		

	.align-left {
		float: left;
		margin-right: 2em;
	}
		.align-right {
		float: right;
		margin-left: 2em;
		margin-bottom: 0.5em;
	}
	
	.align-center {
		text-align: center;
	}

/*********************************************************************************/
/* Blocks*/

		#blocks {
	}
	
	#blocks a {
		outline: 0;
		text-decoration: none;
	}

#blocks .block1:before
		{
			background: transparent url('./images/post.svg') no-repeat;
			content: "";
			display: block;
			width: 100px;
			height: 100px;
			position: absolute;
			margin: 2em 0 0 0;
		}
		
#blocks .block2:before
		{
			background: transparent url('./images/partner.svg') no-repeat;
			content: "";
			display: block;
			width: 100px;
			height: 100px;
			position: absolute;
			margin: 2em 0 0 0;
		}

	#blocks p {
		font-size: 1em;
margin: 0;
	}

	#blocks h2 {
		color: #767676;
		font-size: 1.8em;
		letter-spacing: 1px;
		margin: 0 0 0.5em 5em;
		padding: 0;
		line-height: 1.2em;
	}
		#blocks h2 span {
font-weight: bold;
				color: #5C85C5;
	}

	#blocks .block1, #blocks .block2{
		padding: 1em;
background: #fff;
border-bottom: 5px solid #dbeaf7;
box-shadow: 0 0 5px rgba(0,0,0,.25);
			}
		
			#blocks .block1:hover, #blocks .block2:hover {
box-shadow: 0 0 5px rgba(0,0,0,.50);
			}
			
			#blocks .block_subline {
margin: 0 0 0 9em;
display: block;
}

			
	#blocks .block_linkline {
padding: 0;
margin: 0.8em 0 0 9em;
display: block;
}

#blocks .block_linkline span:before
		{
			background: transparent url('./images/link.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 16px;
			height: 16px;
			 padding: 0 0 0 2em;
		}			
			
#blocks .block_linkline a {
text-decoration: none;
font-weight: bold;
}
#blocks .block_linkline a:hover {
text-decoration: underline;
}
			

/*********************************************************************************/
/* Collapse Expand Branchen */

dl {
width: 100%;
}
dt {
	background: #fff;
	border-top: solid 2px #5C85C5;
	border-bottom: solid 2px #5C85C5;
	float:left;
	width: 100%;
	padding: 1em;
	margin-top: 0;
	margin-bottom:-4px;
	cursor:pointer;
}

dt h4 {
		font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		font-size: 1.5em;
		margin: 0;
		padding: 0;
		display: inline-block;
}

dt span {
		font-weight: 400;
		font-size: 1.1em;
		margin: 0;
		padding: 0 1em 0 1em;
}

dd {
	display:none;
	background:#fff;
	margin:0 0 1em 0;
	float:left;
	width: 100%;
	padding: 1em;
}
dd h5 {
		font-weight: 400;
		color: #1A83C4;
		font-size: 1.1em;
		margin: 1.5em 0 1em 0;
		padding: 0;
		display: block;
}
dd p{
	padding: 0 0 0.8em 0;
}
dd img{
	margin: 1.5em 0 1em 0;
	width: 100%;
}

.closed {
background: transparent url('./images/collapse.svg') left no-repeat;
	float:right;
	display:block;
	height: 30px;
	width: 30px;
	text-indent:-9999px;
}

.open {
background: transparent url('./images/expand.svg') right no-repeat;
	float:right;
	display:block;
	height: 30px;
	width: 30px;
	text-indent:-9999px;
}

.initial-open {
display:block;
} 

/*********************************************************************************/
/* Leistungen */

		#leistungen {
	}
	
	#leistungen a {
		outline: 0;
		text-decoration: none;
	}

#leistungen .leistungbox{
height: 210px;
			background: #fff;
			margin: 0.5em 0 0 0;
					padding: 1.5em 1.5em 0 1.5em;
border-bottom: 5px solid #dbeaf7;
box-shadow: 0 0 5px rgba(0,0,0,.25);
		}


#leistungen p {
		font-size: 1em;
margin: 0.8em 0 0 0;
	}

#leistungen h3 {
		font-weight: 300;
		color: #A7A6A6;
		font-size: 1.8em;
		letter-spacing: 1px;
		margin: 0;
		padding: 0;
		line-height: 1.2em;
	}
	#leistungen h3 a {
			color: #A7A6A6;
			text-decoration: none;
			}
				#leistungen h3 a:hover {
			color: #1A83C4;
			text-decoration: none;
			}
			
#leistungen h3 span, #leistungen p span  {
display: block;
	}
	
#leistungen .leistungbox:hover {
box-shadow: 0 0 5px rgba(0,0,0,.50);
			}

			
	#leistungen .leistung_linkline {
padding: 0;
margin: 3.5em 0 0 0;
display: block;
}

	#leistungen .leistung_linkline_h {
padding: 0;
margin: 1.7em 0 0 0;
display: block;
}
	#leistungen .leistung_linkline_n {
padding: 0;
margin: 3.5em 0 0 0;
display: block;
}

	#leistungen .leistung_linkline span:before, #leistungen .leistung_linkline_h span:before, #leistungen .leistung_linkline_n span:before
		{
			background: transparent url('./images/link.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 16px;
			height: 16px;
			 padding: 0 0 0 2em;
		}			
			
	#leistungen .leistung_linkline a, #leistungen .leistung_linkline_h a, #leistungen .leistung_linkline_n a {
text-decoration: none;
font-weight: bold;
}
	#leistungen .leistung_linkline a:hover, #leistungen .leistung_linkline_h a:hover, #leistungen .leistung_linkline_n a:hover {
text-decoration: underline;
}

	.leistunghead {
	margin-bottom: 2.5em;
	}
	

/*********************************************************************************/
/* Kunden */

	#kunden .kundenbox{
height: 210px;
			background: #fff;
			margin: 0.5em 0 0 0;
					padding: 1.5em 1.5em 0 1.5em;
border-bottom: 5px solid #dbeaf7;
box-shadow: 0 0 5px rgba(0,0,0,.25);
		}


#kunden p {
		font-size: 1em;
margin: 0.8em 0 0 0;
	}

#kunden h3 {
		font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		font-size: 1.8em;
		letter-spacing: 1px;
		margin: 0;
		padding: 0;
		line-height: 1.2em;
	}
	#kunden h3 a {
			color: #A7A6A6;
			text-decoration: none;
			}
		
  #kunden h3 a:hover {
			color: #1A83C4;
			text-decoration: none;
			}
			
#kunden h3 span, #kunden p span  {
display: block;
	}
	
		#kunden .kundenbox h3{
text-transform: none;
		}
	
#kunden .kundenbox:hover {
box-shadow: 0 0 5px rgba(0,0,0,.50);
			}

			
	#kunden .kunden_linkline {
padding: 0;
margin: 1.5em 0 0 0;
display: block;
}

	#kunden .kunden_linkline_h {
padding: 0;
margin: 3.2em 0 0 0;
display: block;
}

	#kunden .kunden_linkline span:before, #kunden .kunden_linkline_h span:before
		{
			background: transparent url('./images/link.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 16px;
			height: 16px;
			 padding: 0 0 0 2em;
		}			
			
	#kunden .kunden_linkline a, #kunden .kunden_linkline_h a {
text-decoration: none;
font-weight: bold;
}
	#kunden .kunden_linkline a:hover, #kunden .kunden_linkline_h a:hover {
text-decoration: underline;
}

	.kundenbox_info {
padding: 0;
margin: 2em 0 0 0;
display: block;
}
	.kundenbox_button_r .actions {
	margin: 0;
	padding: 5em 0 0 0;
text-align: right;
	}


/*********************************************************************************/
/* Kontakt */

#contactbox{
width: 70%;
			background: #fff;
			margin: 0.5em 0 0 0;
					padding: 1.5em 1.5em 0 1.5em;
border-bottom: 5px solid #dbeaf7;
box-shadow: 0 0 5px rgba(0,0,0,.25);
		}
		
#contactbox #content-form h3 {
		font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		font-size: 1.8em;
		letter-spacing: 1px;
		margin: 0 0 1em 0;
		padding: 0;
		line-height: 1.2em;
	}
	
	#contactoptions {
margin: 0;
padding: 0;
}

	#contactoptions p {
margin: 0;
padding: 0;
}
	#contactoptions li h3 {
		font-weight: 300;
		color: #A7A6A6;
		font-size: 1.8em;
		letter-spacing: 1px;
		margin: 0;
		padding: 0;
		line-height: 1.2em;
		}
		
	#contactoptions li h3 a {
	outline: 0;
			color: #A7A6A6;
			text-decoration: none;
			}
	#contactoptions li h3 a:hover {
			color: #1A83C4;
			text-decoration: none;
			}
		
	#contactoptions li {
			background: #fff;
			margin: 0 0 1.5em 0;
					padding: 1em;
border-bottom: 5px solid #dbeaf7;
box-shadow: 0 0 5px rgba(0,0,0,.25);
}
	#contactoptions li:hover {
box-shadow: 0 0 5px rgba(0,0,0,.50);
}


	#contactoptions strong {
	font-weight: normal;
padding: 0 0 0 1em;
}

		#contactoptions strong:before
		{
			background: transparent url('./images/telefon.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 12px;
			height: 12px;
			 padding: 0 0 0 1.5em;
		}
			
			
	#contactoptions .contact_linkline {
padding: 0;
margin: 2.5em 0 0 0;
display: block;
}


	#contactoptions .contact_linkline span:before, #contactoptions .contact_linkline_h span:before
		{
			background: transparent url('./images/link.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 16px;
			height: 16px;
			 padding: 0 0 0 2em;
		}			
			
	#contactoptions .contact_linkline a, #contactoptions .contact_linkline_h a {
	outline: 0;
text-decoration: none;
font-weight: bold;
}
	#contactoptions .contact_linkline a:hover, #contactoptions .contact_linkline_h a:hover {
text-decoration: underline;
}
		/*********************************************************************************/
/* Schuldner */

	#schuldner .schuldnerbox{
height: 200px;
			background: #fff;
			margin: 0.5em 0 0 0;
					padding: 1.5em 1.5em 0 1.5em;
border-bottom: 5px solid #dbeaf7;
box-shadow: 0 0 5px rgba(0,0,0,.25);
		}


#schuldner p {
		font-size: 1em;
margin: 0.8em 0 0 0;
	}

#schuldner h3 {
		font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		font-size: 1.8em;
		letter-spacing: 1px;
		margin: 0;
		padding: 0;
		line-height: 1.2em;
	}
	#schuldner h3 a {
			color: #A7A6A6;
			text-decoration: none;
			}
		
  #schuldner h3 a:hover {
			color: #1A83C4;
			text-decoration: none;
			}
			
#schuldner h3 span, #schuldner p span  {
display: block;
	}
	
		#schuldner .schuldnerbox h3{
text-transform: none;
		}
	
#schuldner .schuldnerbox:hover {
box-shadow: 0 0 5px rgba(0,0,0,.50);
			}

			
	#schuldner .schuldner_linkline {
padding: 0;
margin: 1.5em 0 0 0;
display: block;
}

	#schuldner .schuldner_linkline_h {
padding: 0;
margin: 3.2em 0 0 0;
display: block;
}

	#schuldner .schuldner_linkline_n {
padding: 0;
margin: 3.2em 0 0 0;
display: block;
}

	#schuldner .schuldner_linkline span:before, #schuldner .schuldner_linkline_h span:before, #schuldner .schuldner_linkline_n span:before
		{
			background: transparent url('./images/link.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 16px;
			height: 16px;
			 padding: 0 0 0 2em;
		}			
			
	#schuldner .schuldner_linkline a, #schuldner .schuldner_linkline_h a, #schuldner .schuldner_linkline_n a {
text-decoration: none;
font-weight: bold;
}
	#schuldner .schuldner_linkline a:hover, #schuldner .schuldner_linkline_h a:hover, #schuldner .schuldner_linkline_n a:hover {
text-decoration: underline;
}

	.schuldnerbox_info {
padding: 0;
margin: 2em 0 0 0;
display: block;
}
	.schuldnerbox_button_r .actions {
	margin: 0;
	padding: 5em 0 0 0;
text-align: right;
	}
	
#anliegen1,#anliegen2,#anliegen3,#anliegen4,#anliegen5,#anliegen6 {
display: none;
width: 50%;
padding: 2em 2em 0 2em;
margin: 0;
box-shadow: 0 0 7px rgba(0,0,0,.25);
border-bottom: 8px solid #dbeaf7;
}

#anliegen1 p,#anliegen2 p,#anliegen3 p,#anliegen4 p,#anliegen5 p,#anliegen6 p {
font-size: 1em;
margin: 0 0 1em 0;
}

#anliegen1 h2,#anliegen2 h2,#anliegen3 h2,#anliegen4 h2,#anliegen5 h2,#anliegen6 h2{
		font-weight: 300;
		color: #A7A6A6;
		font-size: 1.8em;
		letter-spacing: 1px;
		margin: 0 0 1em 0;
		padding: 0;
		line-height: 1.2em;
}
#anliegen1 h2 span,#anliegen2 h2 span,#anliegen3 h2 span,#anliegen4 h2 span,#anliegen5 h2 span,#anliegen6 h2 span{
color: #1A83C4;
}
#anliegen1 h2 span,#anliegen2 h2 span,#anliegen3 h2 span,#anliegen4 h2 span,#anliegen5 h2 span,#anliegen6 h2 span{
color: #1A83C4;
}
/*
#anliegen1 p label, #anliegen2 p label, #anliegen3 p label, #anliegen4 p label, #anliegen5 p label, #anliegen6 p label {
font-size: 1em;
}

#anliegen1 p span, #anliegen2 p span, #anliegen3 p span, #anliegen4 p span, #anliegen5 p span, #anliegen6 p span {
margin: 0 1.5em 0 0;
}
*/

/*SP Form */
#schuldnerportalform {
}
#schuldnerportalform h3{
		font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		font-size: 1.8em;
		margin: 1.5em 0 0 0;
		padding: 0;
		display: block;
			}
		
		#schuldnerportalform h4{
		font-weight: 300;
		color: #A7A6A6;
		font-size: 1.3em;
		margin: 0 0 1.5em 0;
		padding: 0;
		display: block;
			}
			
/* Hidden Container Firma / Bank */
#firmacontainer, #bankcontainer {
background: #fff;
margin: 1em 0 1em;
padding: 1.5em;
border: 1px dashed #ccc;
display: block;
}			
			

/* Eingaben Listung Schuldnerportal 3 */
	ul.schuldner_daten
	{
	}

		ul.schuldner_daten li
		{
			position: relative;
			padding: 0 0 0 35px;
			margin: 0 0 1em 0;
		}
		
		ul.schuldner_daten li:before
		{
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;

			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width:22px;
			height: 22px;
			background: transparent;
			color: #1884C5;
			line-height: 22px;
			text-align: center;
		}
		
		ul.schuldner_daten li:after
		{
			content: '';
			display: block;
			clear: both;
		}
		
		ul.schuldner_daten li:first-child
		{
			padding-top: 0;
			border-top: 0;
		}
		
/*********************************************************************************/
/* News Archiv */

		.newslist {
		padding: 1em 0 2em 0;
		margin: 0;
	border-bottom: 1px solid #ccc;
	}
	
	.newslist a {
		outline: 0;
		text-decoration: none;
	}

	.newslist p {
		font-size: 1em;
		line-height: 1.6em;
margin: 0;
padding: 0;
	}
	
		.newslist h3 {
		color: #767676;
		font-weight: 100;
		font-size: 1.3em;
		font-weight: bold;
		margin: 0.2em 0 1.3em 0;
		padding: 0;
		line-height: 1.3em;
		display: block;
	}
		.newslist h3 a {
text-decoration: none;
	}
			.newslist h3 a:hover {
text-decoration: underline;
	}
			
	.newslist_more {
padding: 0;
margin: 1.2em 0 1em 0;
display: block;
}

.newslist_more span:before
		{
			background: transparent url('./images/link.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 16px;
			height: 16px;
			 padding: 0 0 0 2em;
		}			
			
.newslist_more a {
text-decoration: none;
font-weight: bold;
}
.newslist_more a:hover{
text-decoration: underline;
}

	.newslist_date {
		font-size: 1em;
		line-height: 1.1em;
margin: 0;
padding: 0;
	}

/* Suche */
#searchcontainer{
  overflow: hidden;
  width: 100%;
  vertical-align: middle;
  white-space: nowrap;
}
#searchcontainer input#s{
  width: 100%;
  height: 50px;
  float: left;
  padding-left: 15px;
}
#searchcontainer button.icon{
  border: none;
  background: #1B82C5;
  height: 50px;
  width: 50px;
  color: #fff;
  opacity: 0;
  -webkit-transition: all .55s ease;
  -moz-transition: all .55s ease;
  -ms-transition: all .55s ease;
  -o-transition: all .55s ease;
  transition: all .55s ease;
}

#searchcontainer:hover button.icon, #searchcontainer:active button.icon, #searchcontainer:focus button.icon{
    outline: none;
    opacity: 1;
    margin-left: -50px;
  }
 
#searchcontainer:hover button.icon:hover{
    background: #4c8ac3;
  }
 
#searchcontainer ::-webkit-input-placeholder {
		color: #A5A5a5 !important;
		opacity: 1.0;
	}

#searchcontainer :-moz-placeholder {
		color: #A5A5a5 !important;
		opacity: 1.0;
	}

#searchcontainer ::-moz-placeholder {
		color: #A5A5a5 !important;
		opacity: 1.0;
	}

#searchcontainer :-ms-input-placeholder {
		color: #A5A5a5 !important;
		opacity: 1.0;
	}

  #searchcontainer .formerize-placeholder {
		color: #A5A5a5 !important;
		opacity: 1.0;
	}



/* Navigation unten */
.newsnav_l,.newsnav_r {
margin: 0;
padding: 0;
}

.newsnav_l {
text-align: left;
}
.newsnav_r {
text-align: right;
}
.newsnav_l a, .newsnav_r a{
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: transparent;
		border: 0;
		border: solid 2px #7f7f7f;
		border-radius: 0 !important;
		color: #7f7f7f !important;
		cursor: pointer;
		display: inline-block;
				font-size: 1em;
		height: 2em;
		height: calc(2em + 2px);
		letter-spacing: 0.07em;
		line-height: 2em;
		padding: 0 2em;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		  box-shadow:0 0 3px rgba(0,0,0,.25);
		  }

/* Kategorien Sidebar */
.catlist {
list-style:             none;
margin:                 0;
padding:                0;
}
.catlist li {
margin:                 0;
padding:                0 0 0.5em 0;
}
.catlist ul li {
margin:                 0;
padding:                0.5em 0 0 0;
}
.catlist .children {
list-style:             none;
margin:                 0;
padding:                0 0 0.5em 1em;
}

/* Cloud Sidebar */
#cloud {
background:            transparent;
display:               block;
margin:                0;
padding:               0;
}
#cloud a {
color:                 #1B82C5;
text-transform:        lowercase;
text-decoration:       none;
}
#cloud a:hover {
text-decoration:       underline;
}

/* Artikeldetails */
		.newsentry {
		padding: 0 0 2em 0;
		margin: 0;
	}
	
		.newsentry h4 {
		color: #767676;
		font-weight: 100;
		font-size: 1.3em;
		font-weight: bold;
		margin: 0.2em 0 1.3em 0;
		padding: 0;
		line-height: 1.3em;
	}
			
			.newsentry img {
		max-width: 500px;
padding:              0.3em;
border:               1px solid #ddd;
background:           #fff;
	}
	

/* Artikel Tabelle */
.newsentry table {
  margin: 0;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #eee;
  border-bottom: 5px solid #1B82C5;
     }
     
  .newsentry th, .newsentry td {
    border: 1px solid #eee;
    padding: 12px 35px;
    border-collapse: collapse;
  }
  .newsentry th {
    background: #1B82C5;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}


/* Artikel Optionen unterhalb */
	#entryoptions {
	display: block;
background: #eee;
margin: 1.5em 0 0 0;
padding: 1em;
}
	#entryoptions p {
margin: 0;
padding: 0;
}
	
/* Formatierung Artikel */

/* Klassen werden nicht mehr benutzt - fuer alte Artikel */
.alignright {
margin:                 0 0 1em 1em;
text-align:               right;
float:                    right;
display: block;
clear: both;
}
.alignleft {
margin:               0 1em 1em 0;
text-align:               left;
float:                    left;
display: block;
clear: both;
}
.aligncenter {
text-align:               center;
}

.imgdescright {
background:             #dce9f4;
padding:                0.4em 0.4em 0.3em 0;
margin:                 0 0 1em 1em;
text-align:             left;
float:                  right;
display:                block;
}
.imgdescleft {
background:           #dce9f4;
padding:              0.4em 0 0.3em 0.4em;
padding:              0;
margin:               0 1em 1em 0;
text-align:           left;
float:                left;
display:              block;
}

.imgdescright p, .imgdescleft p{
padding:               0.8em;
margin:                0;
font-size:             0.9em;
line-height:           1.4em;
}

.imgdescright img, .imgdescleft img {
background:           #fff;
margin:               0 0 0.8em 0;
display: block;
}

/* Kommentare */
#respond h3, #comments h3{
		font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		font-size: 1.8em;
		margin: 1.5em 0 0 0;
		padding: 0;
		display: block;
			}
		
		#respond h4,  #comments h4{
		font-weight: 300;
		color: #A7A6A6;
		font-size: 1.3em;
		margin: 0 0 1.5em 0;
		padding: 0;
		display: block;
			}
			
/*********************************************************************************/
/* Job & Karriere */

/* Home */
#jobcontainer_home {
display: block;
margin: 0;
padding: 0;
}
#jobcontainer_home h3 {
		font-weight: 300;
		color: #A7A6A6;
		font-size: 1.6em;
		letter-spacing: 1px;
		margin: 0;
		padding: 0;
		line-height: 1.2em;
}
.joblist_home {
margin: -1em 0 0 0;
padding: 0;
}

	.joblist_home p {
margin: 0;
padding: 0;
}
	.joblist_home span {
margin: 0;
padding: 0;
}
	.joblist_home li h4 {
		font-weight: 400;
		color: #1A83C4;
		font-size: 1.2em;
		margin: 0 0 0.5em 0;
		padding: 0;
		line-height: 1.2em;
		}
		
	.joblist_home li h4 a {
	outline: 0;
			color: #1A83C4;
			text-decoration: none;
			}
	.joblist_home li h4 a:hover {
			text-decoration: underline;
			}
		
	.joblist_home li {
		padding: 1.5em 0 1.5em 0;
		margin: 0;
	border-bottom: 1px solid #ccc;
}

	.joblist_home .last {
	padding: 1.5em 0 0 0;
	border-bottom: none;
}


/* Archiv + Suche */
	.joblist {
		padding: 0 0 1.5em 0;
		margin: 0;
	border-bottom: 1px solid #ccc;
}
	.joblist p {
margin: 0;
padding: 0;
}
	.joblist span {
margin: 0;
padding: 0;
}
	.joblist h3 {
		font-weight: 400;
		color: #1A83C4;
		font-size: 1.2em;
		margin: 0 0 0.5em 0;
		padding: 0;
		line-height: 1.2em;
		}
		
	.joblist h3 a {
	outline: 0;
			color: #1A83C4;
			text-decoration: none;
			}
	.joblist h3 a:hover {
			text-decoration: underline;
			}

	.joblist_date {
		font-size: 1em;
		line-height: 1.1em;
margin: 0;
padding: 0;
	}

/* Stellenanzeige details */
		#jobdetail {
		padding: 0 0 2em 0;
		margin: 0;
	}
	
			#jobdetail p{
			margin: 0 0 1.5em 0;
padding: 0;
	}
	
		#jobdetail h3 {
		font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		font-size: 1.8em;
		letter-spacing: 1px;
		margin: 0 0 0.8em 0;
		padding: 0;
		line-height: 1.2em;
	}
			
		#jobdetail img {
		max-width: 500px;
padding:              0.3em;
border:               1px solid #ddd;
background:           #fff;
	}
	
		#jobdetail ul{
	}

		#jobdetail ul li{
			position: relative;
			padding: 0 0 0 35px;
			margin: 0 0 0.8em 0;
		}
		
		#jobdetail ul li:before{
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width:22px;
			height: 22px;
			background: transparent;
			color: #1884C5;
			line-height: 22px;
			text-align: center;
		}
		
		#jobdetail ul li:after{
			content: '';
			display: block;
			clear: both;
		}
		
		#jobdetail ul li:first-child{
			padding-top: 0;
			border-top: 0;
		}

			.jobcontactcontainer{
			display: block;
			margin: 2.5em 0 3em 0;
					padding: 1em;
background: #f1f1f1;
border: 1px dashed #ccc;
	}
		 .jright{
		text-align: right;
	}
	
	.jobdetailoptions {
	display: block;
background: #fff;
margin: 1.5em 0 0 0;
padding: 1em 0 0 0;
border-top: 1px solid #ccc;
}
	.jobdetailoptions p {
margin: 0;
padding: 0;
}
	
/*********************************************************************************/
/* News Home */

		.newsbox {
		padding: 2em 0 1em 0;
		margin: 0;
	}
	
	.newsbox a {
		outline: 0;
		text-decoration: none;
	}

	.newsbox p {
		font-size: 1em;
		line-height: 1.6em;
margin: 0;
padding: 0;
	}

	#highlight-wrapper article.featured .newsbox h3 {
		color: #767676;
		font-weight: 100;
		font-size: 1.3em;
		font-weight: bold;
		margin: 0.2em 0 1.3em 0;
		padding: 0;
		line-height: 1.3em;
	}
		#highlight-wrapper article.featured .newsbox h3 a {
text-decoration: none;
	}
			#highlight-wrapper article.featured .newsbox h3 a:hover {
text-decoration: underline;
	}
			
	.newsbox_more {
padding: 0;
margin: 1.2em 0 0 0;
display: block;
}

.newsbox_more span:before
		{
			background: transparent url('./images/link.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 16px;
			height: 16px;
			 padding: 0 0 0 2em;
		}			
			
.newsbox_more a {
text-decoration: none;
font-weight: bold;
}
.newsbox_more a:hover {
text-decoration: underline;
}

	.newsbox date {
		font-size: 1em;
		line-height: 1.1em;
margin: 0;
padding: 0;
	}

	.newsbox_button_r .actions {
	margin: 0;
	padding: 5em 0 0 0;
text-align: right;
	}
	
		.newsbox_button_l .actions {
	margin: 0;
	padding: 1em 0 0 0;
text-align: left;
	}
	
	.newsbox_abolink {
				display: block;
			line-height: 1em;
	margin: 0;
padding: 0;
}
	.newsbox_abolink p {
	margin: 0;
padding: 0;
}

.newsbox_abolink a {
text-decoration: none;
font-weight: bold;
}
.newsbox_abolink a:hover {
text-decoration: underline;
}

	.newsbox_info {
padding: 0;
margin: 2em 0 0 0;
display: block;
}

/*********************************************************************************/
/* Highlight diverse */
/*
/* Button Highlight Angebot */
	.highlight_button_r ul.actions{
	margin: 1em 0 0 0;
	padding: 1.5em 0 0 0;
text-align: right;
	}

	.highlight_info {
padding: 0 0 0 2em;
margin: 1em 0 0 0;
display: block;
}

/* Payment-Logos Schuldnerportal */
	.highlight_paylogos {
	margin: 1em 0 0 0;
	padding: 2em 0 0 2em;
display: block;
}
	.highlight_paylogos span {
	margin: 0 4.7em 0 0;
	padding: 0;
}
	.highlight_paylogos span img {
	background: #fff;
	border: 6px solid #fff;
	height: 110px;
margin: 0;
padding: 0;
}


/*********************************************************************************/
/* Zahlungen */
.paybox {
height: 210px;
background: #fff;
			margin: 0.5em 0 0 0;
					padding: 1.5em 1.5em 0 1.5em;
border-bottom: 5px solid #dbeaf7;
box-shadow: 0 0 5px rgba(0,0,0,.25);
display: block;
}

.paybox:hover {
box-shadow: 0 0 5px rgba(0,0,0,.50);
			}

.paybox h3{
font-weight: 300;
		color: #1A83C4;
		font-size: 1.8em;
		letter-spacing: 1px;
		margin: 0;
		padding: 0;
		line-height: 1.2em;
	}
.paybox h3 a {
			color: #A7A6A6;
			text-decoration: none;
			}
		
.paybox h3 a:hover {
			color: #1A83C4;
			text-decoration: none;
			}
.paybox img {
width: 200px;
}			


#sofortcontainer, #editcontainer {
			background: #fff;
			margin: 0.5em 0 0 0;
					padding: 1.5em 1.5em 0 1.5em;
border-bottom: 5px solid #dbeaf7;
box-shadow: 0 0 5px rgba(0,0,0,.25);
}

		#sofortcontainer p, #editcontainer p {
			margin: 0 0 2em 0;
					padding: 0;
}

				#sofortcontainer h3, #editcontainer h3 {
		font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		font-size: 1.8em;
		letter-spacing: 1px;
		margin: 0;
		padding: 0 0 1em 0;
		line-height: 1.2em;
}

	#sofortcontainer h3:before, #editcontainer h3:before {
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
			left: 0;
			top: 0;
			background: transparent;
			color: #1884C5;
			text-align: center;
			padding-right: 10px;
		}

		#sofortcontainer h3:after, #editcontainer h3:after
		{
			content: '';
			display: block;
			clear: both;
		}


/*********************************************************************************/
/* Lists*/

	ul.style1 li {
		border-top: solid 1px #d9d9d9;
		padding: 1em 0 0 0;
		margin: 1em 0 0 0;
	}

		ul.style1 li:after {
			content: '';
			display: block;
			clear: both;
		}

		ul.style1 li:first-child {
			padding-top: 0;
			border-top: 0;
		}

	ul.style1 p {
		margin: 0 0 0.5em 0;
	}

	ul.style2
	{
	}

		ul.style2 li
		{
			padding: 0;
			margin: 0.5em 0 0 0;
		}
		
		ul.style2 li:after
		{
			content: '';
			display: block;
			clear: both;
		}
		
		ul.style2 li:first-child
		{
			padding-top: 0;
			border-top: 0;
		}
	ul.style3
	{
	}

		ul.style3 li
		{
			position: relative;
			padding: 0 0 0 35px;
			margin: 0 0 1em 0;
		}
		
		ul.style3 li:before
		{
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;

			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width:22px;
			height: 22px;
			background: transparent;
			color: #1884C5;
			line-height: 22px;
			text-align: center;
		}
		
		ul.style3 li:after
		{
			content: '';
			display: block;
			clear: both;
		}
		
		ul.style3 li:first-child
		{
			padding-top: 0;
			border-top: 0;
		}
		

	ul.posts h3 {
		margin: 0.25em 0 0.25em 0;
	}

	ul.posts p {
		margin-bottom: 0.1em;
	}
	
	
	ul.links
	{
	padding: 0;
	margin: 0;
	}
	
		ul.links li
		{
			position: relative;
			margin: 0 0 0.3em 0;
			padding: 0;
		}
		
		
				ul.actions {
			cursor: default;
			list-style: none;
			padding-left: 0;
			padding-top: 1em;
		}

			ul.actions li {
				display: inline-block;
				padding: 0 1em 0 0;
				vertical-align: middle;
			}

				ul.actions li:last-child {
					padding-right: 0;
				}

			ul.actions.small li {
				padding: 0 0.5em 0 0;
			}

			ul.actions.vertical li {
				display: block;
				padding: 1em 0 0 0;
			}

				ul.actions.vertical li:first-child {
					padding-top: 0;
				}

				ul.actions.vertical li > * {
					margin-bottom: 0;
				}

			ul.actions.vertical.small li {
				padding: 0.5em 0 0 0;
			}

				ul.actions.vertical.small li:first-child {
					padding-top: 0;
				}

			ul.actions.fit {
				display: table;
				margin-left: -1em;
				padding: 0;
				table-layout: fixed;
				width: calc(100% + 1em);
			}

				ul.actions.fit li {
					display: table-cell;
					padding: 0 0 0 1em;
				}

					ul.actions.fit li > * {
						margin-bottom: 0;
					}

				ul.actions.fit.small {
					margin-left: -0.5em;
					width: calc(100% + 0.5em);
				}

					ul.actions.fit.small li {
						padding: 0 0 0 0.5em;
					}

	dl {
		margin: 0 0 2em 0;
	}
	
	
/* Share */
				
				#sharebox {
			background: #fff;
			margin: 0.5em 0 0 0;
					padding: 1.5em 1.5em 0 1.5em;
border-bottom: 5px solid #dbeaf7;
box-shadow: 0 0 5px rgba(0,0,0,.25);
}
				#sharebox p {
			margin: 0 0 2em 0;
					padding: 0;
}

				#sharebox h3 {
		font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		font-size: 1.8em;
		letter-spacing: 1px;
		margin: 0;
		padding: 0 0 1em 0;
		line-height: 1.2em;
}

	#sharebox h3:before {
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
			left: 0;
			top: 0;
			background: transparent;
			color: #1884C5;
			text-align: center;
			padding-right: 10px;
		}

		#sharebox h3:after
		{
			content: '';
			display: block;
			clear: both;
		}

				#sharebox ul {
margin: 2em 0 0 0;
}
 #sharebox ul li{
margin: 0 0 1em 0;
padding: 0;
 }
 
 #sharebox ul li a,  #sharebox ul li button{
 width: 100%;
 		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: transparent;
		border: 0;
		border: solid 2px #7f7f7f;
		border-radius: 0 !important;
		color: #7f7f7f !important;
		cursor: pointer;
		display: block;
				font-size: 1.1em;
		font-weight: 700;
		height: 3em;
		height: calc(3em + 2px);
		letter-spacing: 0.07em;
		line-height: 3em;
		padding: 0 3em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
		  box-shadow:0 0 3px rgba(0,0,0,.25);
 }
 
 #sharebox a,  #sharebox a:active,  #sharebox a:hover,  #sharebox a:visited, ul.share-options a, ul.share-options a:active, ul.share-options a:hover, ul.share-options a:visited {
 outline: 0;
 }

			ul.share-options {
			text-align: right;
				margin: 0;
				padding:0;
				background: transparent;
			}

				ul.share-options li {
					display: inline-block; 
					padding: 0 1em 0 0;
				}

					ul.share-options li:last-child {
					padding: 0;
					}

					ul.share-options li > * {
						margin: 0 !important;
						width: 100%;
					}
					ul.share-options li:before {
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
			left: 0;
			top: 0;
			background: transparent;
			color: #1884C5;
			text-align: center;
			padding-right: 10px;
		}

		ul.share-options li:after
		{
			content: '';
			display: block;
			clear: both;
		}

/*********************************************************************************/
/* Buttons */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: transparent;
		border: 0;
		border: solid 2px #7f7f7f;
		border-radius: 0 !important;
		color: #7f7f7f !important;
		cursor: pointer;
		display: inline-block;
				font-size: 1.1em;
		font-weight: 700;
		height: 3em;
		height: calc(3em + 2px);
		letter-spacing: 0.07em;
		line-height: 3em;
		padding: 0 3em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
		  box-shadow:0 0 3px rgba(0,0,0,.25);
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		.button:hover {
			background-color: rgba(144, 144, 144, 0.075);
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		.button:active {
			background-color: rgba(144, 144, 144, 0.2);
		}

		input[type="submit"].icon,
		input[type="reset"].icon,
		input[type="button"].icon,
		.button.icon {
			padding: 0 1.25em 0 1.35em;
		}

			input[type="submit"].icon:before,
			input[type="reset"].icon:before,
			input[type="button"].icon:before,
			.button.icon:before {
				margin: 0 0.5em 0 0;
			}

		input[type="submit"].icon-after,
		input[type="reset"].icon-after,
		input[type="button"].icon-after,
		.button.icon-after {
			padding: 0 1.35em 0 1.25em;
		}

			input[type="submit"].icon-after:before,
			input[type="reset"].icon-after:before,
			input[type="button"].icon-after:before,
			.button.icon-after:before {
				margin: 0 0 0 0.75em;
				float: right;
			}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		.button.fit {
			display: block;
			margin: 0 0 1em 0;
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		.button.small {
			font-size: 0.8em;
		}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		.button.big {
			font-size: 1.35em;
		}

		input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		.button.special {
			background-color: #1B82C5;
			border: 0;
			color: #ffffff !important;
			height: 3em;
		}

			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			input[type="button"].special:hover,
			.button.special:hover {
				background-color: #4c8ac3;
			}

			input[type="submit"].special:active,
			input[type="reset"].special:active,
			input[type="button"].special:active,
			.button.special:active {
				background-color: #4c8ac3;
			}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		.button.disabled,
		.button:disabled {
			background-color: #868686 !important;
			border: 0;
			color: #f5f5f5 !important;
			cursor: default;
			height: 3em;
			opacity: 0.25;
		}

/*********************************************************************************/
/* Icons */

	.icon {
		text-decoration: none;
	}

		.icon:before {
			display: inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

/*********************************************************************************/
/* Desktop                                                                       */
/*********************************************************************************/

	@media screen and (min-width: 737px) {

/*********************************************************************************/
/* Basic */

			h2 {
				font-size: 2.25em;
				letter-spacing: -2px;
				margin: 0 0 1.5em 0;
			}

			h3 {
				font-size: 1em;
			}

			.side-padded, .right-sidebar {
				padding-left: 2em;
			}

			.left-sidebar {
				padding-right: 2em;
			}

			section > :last-child, article > :last-child {
				margin-bottom: 0;
			}

			.blocks a:after {
				right: 25px;
				bottom: 40px;
			}
						.blocks2 {
			display: none;
			}

/*********************************************************************************/
/* Wrappers */

			
	#header-wrapper
	{
		background: #fff;
		opacity:0.90;
filter:alpha(opacity=90); /* For IE8 and earlier */
		padding: 1em 0;
        position: fixed;
        right: 0;
        left: 0;
        top: 2em;
        z-index:100;
        }

/*Flexibler Header bei Scroll beta*/
    #header-wrapper.small {
    		opacity:100;
filter:alpha(opacity=100); /* For IE8 and earlier */
background: #fff;
-webkit-transition: all 0.4s ease-in-out;
transition: 		all 0.4s ease-in-out;
-webkit-perspective: 1000px;
-webkit-backface-visibility: hidden;
		padding: 1em 0;
        box-shadow:0 0 5px rgba(0,0,0,.25);
        top: 0;
}


	#banner-wrapper
	{
		position: relative;
		background: #fff;
		padding: 0;
		margin: 0;
	}

				#banner-wrapper:before {
					content: '';
					display: block;
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
				background: #fff;
					background-size: 1800px 100%;
				}

			#search-wrapper {
				background: #f6f6f6;
				border-bottom: solid 1px #d9d9d9;
				padding: 2.5em 0 2.5em 0;
			}

			#breadcrumb-wrapper {
				background: #fff;
				padding: 2.5em 0 0;
			}
			#main-wrapper {
				padding: 3em 0 6em 0;
			}
			
	
	
	 #blocks-wrapper{
	 background: #fff;
	 padding: 0;
	 margin: 3em 0 0 0;
	}
	
		#argumente-wrapper {
		background: #fff;
		padding: 0 0 3em 0;
		margin: 0 0 2.5em 0;
	}
	
			#leistungen-wrapper {
		background: #fff;
		padding: 0 0 3em 0;
		margin: 0 0 2.5em 0;
	}
	
	#highlight-wrapper {
		background: #dbeaf7;
		padding: 5em 0 5em 0;
		margin: 0 0 5.5em 0;
	}

		  #logo-wrapper
	{
			background: #fff;
				padding: 0 0 5em 0;
	}

	#footer-wrapper
	{
		background: #1B82C5;
		padding: 1.5em 0 1.5em 0;
	}

	#footer-links-wrapper
	{
		background: #fff;
		padding: 2em 0 5em 0;
	}
/*********************************************************************************/
/* Header */

			#page-header {
				color: #fff;
				position: relative;
			}

						#page-header h1
		{
			font-size: 2em;
			letter-spacing: -2px;
		}

			#page-header h1 a {
			margin: 0.1em 0 0 0;
			white-space: nowrap;
			display: inline-block;
width: 342px;
height: 45px;
text-indent: 342px;
overflow: hidden;
background-image: url('./images/header-logo_desk.png');
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}

/*Flexibler Header/Logo bei Scroll beta*/
#page-header h1 a.logosmall {
width: 276px;
height: 38px;
text-indent: 276px;
image-rendering:auto;
height : 100%\9; /*hack: fixes ie8 logo*/
height: auto\9; /*hack: fixes ie8 squished logo*/
-webkit-transition: opacity 0.4s ease-in-out;
transition: 		opacity 0.4s ease-in-out;
}

			#page-header h1 span
			{
				font-weight: 400;
			}

		#page-header a
		{
			color: #666;
		}
		
		
		
/*********************************************************************************/
/* slidemenu */
#slidemenu {
margin: 0;
padding: 0;
    font-size: 0.9em;
    line-height: 1.1em;
    letter-spacing: 0.5px;
}

#slidemenu a {
    position: fixed;
    right: -10px;
    transition: 0.3s;
    width: 100px;
    height: 80px;
    text-decoration: none;
    color: #fff; /* White text color */
    box-shadow: 0 0 5px rgba(0,0,0,.25);
    z-index: 150;
    text-align: center;
}

#slidemenu #sp {
        top: 11em;
    background: #1B82C5;
        padding: 0 0.9em 0 0;
}
#slidemenu #sp:hover {
    right: 0;
    background: #2591CE;
        box-shadow: 0 0 5px rgba(0,0,0,.35);
}

#slidemenu #kl {
        top: 18em;
    background: #9DC2E3;
        padding: 0 0.9em 0 0;
}
#slidemenu #kl:hover {
    right: 0;
    background: #ABD1ED;
        box-shadow: 0 0 5px rgba(0,0,0,.35);
}

#slidemenu #sp span, #slidemenu #kl span {
display: block;
font-weight: bold;
}

#slidemenu #sp div:before
		{
			background: transparent url('./images/schuldnerportal.svg') no-repeat center;
			content: "";
			display: block;
			width: 45px;
			height: 45px;
			padding: 1em;
			margin: 0 auto;
		}	
		
#slidemenu #kl div:before
		{
			background: transparent url('./images/kundenportal.svg') no-repeat center;
			content: "";
			display: block;
			height: 35px;
			padding: 1em;
			margin: 0.8em auto 0 auto;
		}
		
/* Slider bei jeweiliger Seite*/
body#schuldnerportal a#sp {
right: 0;
background: #2591CE;
box-shadow: 0 0 5px rgba(0,0,0,.35);
}
body#kundenportal a#kl {
right: 0;
background: #ABD1ED;
box-shadow: 0 0 5px rgba(0,0,0,.35);
}
		


/*********************************************************************************/
/* Navbar */

				#page-header nav
		{
			position: absolute;
			right: 0;
			top: 0.9em;
		}
		
			#page-header nav ul {
			}
		
				#page-header nav ul li
				{
					display: inline-block;
					margin-left: 1.5em;
					font-size: 1.1em;
				}

					#page-header nav ul li a
					{
						outline: 0;
						position: relative;
						text-decoration: none;
						padding: 0.5em 0.3em 1.7em 0.3em;
						border-bottom: 2px solid transparent;
						transition: background-color .25s ease-in-out;
						-moz-transition: background-color .25s ease-in-out;
						-webkit-transition: background-color .25s ease-in-out;
					}
					
					
					
#page-header nav ul li.active a, #page-header nav ul li:hover a
					{
						color: #333;
						border-bottom: 2px solid #336caf;
						background: transparent;
					}
					
					/* Highlight bei jeweiliger Seite */
					body#home a#homenav, body#ueberuns a#ueberunsnav, body#leistungen a#leistungennav, body#kundenportal a#kundenportalnav, body#schuldnerportal a#schuldnerportalnav, body#kontakt a#kontaktnav
					{
						color: #336caf;
						font-weight: bold;
						border-bottom: 2px solid #336caf;
						background: transparent;
					}
					
					#page-header nav ul li.active a.arrow, #page-header nav ul li:hover a.arrow
					{
								color: #333;
								background: transparent;
					}

					#page-header nav ul li .arrow
					{
						padding-right: 2.5em;
					}
					
					#page-header nav ul li .arrow:after
					{
						position: absolute;
						display: inline-block;
						content: '';
						border-top: solid 5px #6d6767;
						border-left: solid 5px transparent;
						border-right: solid 5px transparent;
						top: 1.15em;
						right: 1em;
					}

					
			#page-header nav > ul > li > ul
			{
				display: none;
			}
			
				.dropotron
	{
		background: #fff;
		background: rgba(255,255,255,0.9);
		padding: 0 0.5em 1em 0.5em;
		line-height: 3em;
		box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
	}

		.dropotron a, .dropotron span
		{
			position: relative;
			display: block;
			text-decoration: none;
						color: #333;
			padding: 0 3em 0 1em;
					-moz-transition: background-color .25s ease-in-out;
					-webkit-transition: background-color .25s ease-in-out;
					-ms-transition: background-color .25s ease-in-out;
					transition: background-color .25s ease-in-out;
		}
		.dropoborder {
         border-bottom: 1px solid #ddd;

	}
		.dropotron .arrow:before
		{
			content: '';
			display: block;
			position: absolute;
			right: 1em;
			bottom: 1em;
			border-left: solid 5px #fff;
			border-top: solid 5px transparent;
			border-bottom: solid 5px transparent;			
		}
		
		.dropotron li:hover > a, .dropotron li:hover > span
		{
			color: #336caf;
						background: rgba(0,0,0,0.07);
		}
	
	.dropotron.level-0
	{
		margin-top: 0.3em;
		border-bottom: 5px solid #4c8ac3;
	}

/*********************************************************************************/
/* Banner */

		/*	#banner {
				position: relative;
				width: 100%;
				overflow: hidden;
				height: auto;
			}
*/

			#banner {
			position: relative;
  overflow: hidden;
  z-index: 0;
  background-color: transparent;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
			}
			
				#banner .nav-next, #banner .nav-previous {
					-moz-transition: background-color .25s ease-in-out;
					-webkit-transition: background-color .25s ease-in-out;
					-ms-transition: background-color .25s ease-in-out;
					transition: background-color .25s ease-in-out;
					position: absolute;
					width: 52px;
					height: 64px;
					z-index: 3;
					opacity: 0;
					cursor: pointer;
					text-align: center;
					line-height: 64px;
					display: none;
				}

					#banner .nav-next:before, #banner .nav-previous:before {
						font-family: FontAwesome;
						text-decoration: none;
						font-size: 72px;
						font-style: normal;
						font-weight: normal;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						color: #fff;
					}

					#banner .nav-next:hover, #banner .nav-previous:hover {
						opacity: 1.0;
					}

				#banner:hover .nav-next, #banner:hover .nav-previous {
					opacity: 0.45;
				}

				#banner .nav-next {
					bottom: 20px;
					right: 20px;
				}

					#banner .nav-next:before {
						content: "\f105";
					}

				#banner .nav-previous {
					bottom: 20px;
					right: 72px;
				}

					#banner .nav-previous:before {
						content: "\f104";
					}

/* Indicator */
#banner .indicator
	{
					position: absolute;
					bottom: 20px;
					right: 30px;
					/*right: 47.5%;*/
					z-index: 3;
	}

		#banner .indicator ul
		{
			list-style: none;
			padding: 0;
			margin: 0;
			text-align: center;
		}

			#banner .indicator ul li
			{
				display: inline-block;
				width: 16px;
				height: 16px;
				text-indent: -9999em;
				background: #c8c8c8;
				margin: 0 2px 0 2px;
				/* border-radius: 8px; */
				border-bottom: solid 1px #ffffff;
				border-top: solid 1px #909090;
			}

			#banner .indicator ul li.active
			{
				background: #1A83C4;
				border-top: solid 1px #1A83C4;
			}
			
/* Captions */
			
		#banner .captions {
			position: absolute;
			/*background: #4c8ac3;
			background: rgba(76,138,195,0.9);*/
			background: transparent;
			padding: 0;
			left: 6em;
			bottom: 5em;
			color: #336caf;
			/*width: 65%;*/
			z-index: 1;
		}
					
			#banner .captions .caption-line-1
			{
				display: block;
				font-size: 2.5em;
				font-weight: bold;
				/*letter-spacing: -1px;*/
				margin: 0 0 0.3em 0;
				color: rgba(255,255,255,1);
							background: #1884C5;
							background: rgba(22,109,182,0.8);
				padding: 0.3em;
			}
		
			#banner .captions .caption-line-2
			{
				display: block;
				font-size: 1.5em;
				letter-spacing: 1px;
				line-height: 1.5em;
				color: rgba(255,255,255,1);
				background: #1884C5;
				background: rgba(22,109,182,0.8);
				padding: 0.3em;
			}
			

				#banner .viewer {
					background: #fff;
				}

				#banner .slide .caption-1, #banner .slide .caption-2 {
					display: none;
				}

				#banner .slide img {
					display: block;
                   /* width: 1200px;*/
                width: 100%;
}

				#banner .slide .link {
					position: absolute;
					text-indent: -9999px;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: 2;
				}
				
				
			/* Banner ohne Slider
				#banner_small {
				background: transparent;
				position: relative;
				width: 100%;
				overflow: hidden;
				height: auto;
			}
			*/
			
	/* Banner ohne Slider*/
  #banner_small {
  position: relative;
  overflow: hidden;
  z-index: 0;
  background-color: transparent;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
			}
			
			#banner_small img {
					display: block;
					max-width: 100%;
				}



/*********************************************************************************/
/* Google Maps im Kontakt Highlight */

#highlight-map{
    z-index:98;
background: #dbeaf7;
  position: relative;
  padding-bottom: 26%;
  height: 0;
  overflow: hidden;
  		margin: -1.5em 0 5.5em 0;
}

#highlight-map iframe {
border: 0;
    pointer-events:none;
  position: absolute;
  top: 0;
  left: 0;
    width: 100% !important; 
    height: 100% !important; 
    z-index:97;
}
					
/*********************************************************************************/
/* Breadcrumb */

			#breadcrumb {
				position: relative;
			}

				#breadcrumb span {
font-weight: bold;
				}
				#breadcrumb a {
text-decoration: underline;
				}
				#breadcrumb a:hover {
text-decoration: none;
				}

/*********************************************************************************/
/* Content */

			#content > section, #content > article {
				margin-bottom: 7.5em;
			}

				#content > section:last-child, #content > article:last-child {
					margin-bottom: 0;
				}

			#content section header, #content article header {
				border-top: solid 2px #5C85C5;
				padding-top: 2em;
				margin: 0 0 2em 0;
			}
			
				#highlight-wrapper article header, #leistungen-wrapper article header, #argumente-wrapper article header {
				border-top: solid 2px #5C85C5;
				padding-top: 2em;
				margin: 0 0 0.8em 0;
			}

				#content section header .byline, #content article header .byline, #leistungen-wrapper article header .byline, #argumente-wrapper article header .byline, #highlight-wrapper article header .byline {
					display: block;
					color: #adadad;
					font-size: 2em;
				}

				#content section header h2, #content article header h2, #leistungen-wrapper article header h2, #argumente-wrapper article header h2, #highlight-wrapper article header h2 {
					margin: 0 0 0.5em 0;
				}

			#content section.featured header .byline, #content article.featured header .byline, #leistungen-wrapper article.featured header .byline, #argumente-wrapper article.featured header .byline, #highlight-wrapper article.featured header .byline {
				font-size: 2em;
			}

			#content section.featured header h2, #content article.featured header h2, #leistungen-wrapper article.featured header h2, #argumente-wrapper article.featured header h2, #highlight-wrapper article.featured header h2{
				font-size: 3.5em;
				letter-spacing: -1px;
				margin: 0.25em 0 0.75em 0;
			}
			#content section.featured header .bylinemark, #content article.featured header .bylinemark, #leistungen-wrapper article.featured header .bylinemark, #argumente-wrapper article.featured header .bylinemark, #highlight-wrapper article.featured header .bylinemark {
			font-weight: bold;
				color: #5C85C5;
				}
			

				#highlight-wrapper article.featured h3 {
				font-weight: 200;
					display: block;
					color: #adadad;
					font-size: 2em;
				}
				
				#content section.featured h3, #content article.featured h3 {
				font-size: 1.5em;
				letter-spacing: -1px;
				margin: 0 0 1em 0;
				font-weight: 200;
			}

/*********************************************************************************/
/* Sidebar */

			#sidebar h2 {
			color: #adadad;
				font-size: 1.75em;
				letter-spacing: 0px;
			}

			#sidebar > section {
				margin-bottom: 5em;
			}

				#sidebar > section:last-child {
					margin-bottom: 0;
				}

			#sidebar section header {
				border-top: solid 2px #5C85C5;
				padding-top: 2em;
				margin: 0 0 0.81em 0;
			}

				#sidebar section header h2 {
					margin: 0 0 0.5em 0;
				}

			#sidebar section.featured header h2 {
				font-size: 4em;
				letter-spacing: 0px;
				margin: 0.25em 0 0.75em 0;
			}
			
			
		.side_contact{
		margin: 0;
		padding: 0;
		display: block;
	}
	
			.side_contact ul {
		margin: 1.3em 0 0 0;
		padding: 0;
	}
	
		.side_contact p {
		margin: 0;
		padding: 0;
		}

		.side_contact ul li {
			position: relative;
			padding: 0;
			margin: 0 0 0.5em 0;
		}
		
		.side_contact ul .icon_mail:before
		{
			background: transparent url('./images/mail.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 14px;
			height: 14px;
			 padding: 0 0 0 2em;
		}
		
		.side_contact ul .icon_phone:before
		{
			background: transparent url('./images/telefon.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 14px;
			height: 14px;
			 padding: 0 0 0 2em;
		}
		
		.side_contact ul .icon_mail:after, .side_contact ul .icon_phone:after {
			content: '';
			display: block;
			clear: both;
		}
		
		.side_contact ul .icon_phone {
			padding: 0;
		}
		.side_contact ul .icon_mail a {
			color: #6E6E6E;
			text-decoration: none;
		}
			.side_contact ul .icon_mail a:hover {
			text-decoration: underline;
		}
		
	.side_bdiu_banner {
		margin: -1.5em 0 0 0;
		padding: 0;
		display: block;
	}
	
	.side_bdiu_banner p {
		margin: 0;
		padding: 0;
	}
	
	.side_bdiu_banner img {
		margin: 0;
		padding: 0;
	}
	
	/*********************************************************************************/
/* highlight */
	
	#highlight {
	position: relative;
	margin: 0 auto;
	}
	
	
/*********************************************************************************/
/* Content Liste (Detailseiten)

/* Icons links groß */
		#content-list .icon_left {
		margin: 1em 0 0 0;
		padding: 0;
display: inline-block;
	}
	
		#content-list .icon_left h3{
		line-height: 1.2em;
		font-size: 1.8em;
		letter-spacing: 1px;
		font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		margin: 0;
		padding: 0;
		}


/* Icon-Zuweisung */
	    #content-list .icon_left.ziel span:before {
			background: transparent url('./images/ziel.svg') no-repeat left bottom;	
			content: "";
			display: inline-block;
			width: 50px;
			height: 50px;
			margin: 0 1em 0 0;
		}
		
		#content-list .icon_left.vorgehen span:before {
			background: transparent url('./images/vorgehen.svg') no-repeat left bottom;	
						content: "";
			display: inline-block;
			width: 50px;
			height: 50px;
			margin: 0 1em 0 0;
		}
		
		#content-list .icon_left.ueberblick span:before {
			background: transparent url('./images/ueberblick.svg') no-repeat left bottom;	
						content: "";
			display: inline-block;
			width: 50px;
			height: 50px;
			margin: 0 1em 0 0;
		}
		
			    #content-list .icon_left.erfahren span:before {
			background: transparent url('./images/erfahren.svg') no-repeat left bottom;	
			content: "";
			display: inline-block;
			width: 50px;
			height: 50px;
			margin: 0 1em 0 0;
		}
		
		#content-list .icon_left.unabhaengig span:before {
			background: transparent url('./images/unabhaengig.svg') no-repeat left bottom;	
						content: "";
			display: inline-block;
			width: 50px;
			height: 50px;
			margin: 0 1em 0 0;
		}
		
		#content-list .icon_left.fair span:before {
			background: transparent url('./images/fair.svg') no-repeat left bottom;	
						content: "";
			display: inline-block;
			width: 50px;
			height: 50px;
			margin: 0 1em 0 0;
		}
		
		#content-list .content-list_right{
		margin: 0;
		padding: 2em 0 0 0;
		}
		#content-list .content-list_right p{
		margin: 0 0 1.5em 0;
		padding: 0;
		}
		
		#content-list .content-list_center h3{
		text-transform: uppercase;
		color: #1A83C4;
		margin: 0;
		padding: 0;
		}
		#content-list .content-list_right h4{
		font-weight: 300;
		color: #A7A6A6;
		font-size: 1.5em;
		margin: 1em 0 0.5em 0;
		padding: 0;
		display: block;
		}
	
/* tabelle für Beispiele */
#beispiel {
		display: block;
				width: 80%;
		margin: 2em 0 1.5em 0;
padding: 1.5em;
background: #fff;
border-bottom: 5px solid #dbeaf7;
box-shadow: 0 0 5px rgba(0,0,0,.25);
}

#beispiel ul{
		margin: 0;
		padding: 0;
list-style: none;
}

#content-list .content-list_right #beispiel h4{
font-size: 1.8em;
			color: #adadad;
		margin: 0 0 1em 0;
		padding: 0;
}
#beispiel h5{
font-weight: 400;
color: #767676;
		margin: 0;
		padding: 0;
text-transform: uppercase;
}
#beispiel h6{
font-weight: bold;
		color: #1A83C4;
		margin: 0;
		padding: 0;
}
#beispiel p{
		margin: 0 0 1em 0;
		padding: 0;
}


#beispiel img
	{
		display: block;
		width: 100%;
		padding: 0;
	}

/*********************************************************************************/
/* Content Formularseiten */

		#content-form {
		margin: 0;
		padding: 0;
	}
	
			#content-form h3{
		line-height: 1.2em;
		font-size: 1.8em;
		letter-spacing: 1px;
		font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		margin: 0;
		padding: 0;
	}
	
				#content-form ul.actions{
text-align: left;
	}
	
	#content-form #Ausland_container p{
display: block;
		margin: 0 0 1em 0;
		padding: 0;
}
	#content-form #Inland_container p{
display: block;
		margin: 0 0 1em 0;
		padding: 0;
}
	#content-form #Bonitaet_container p{
display: block;
		margin: 0 0 1em 0;
		padding: 0;
}
	#content-form #Ueberwachungsverfahren_container p{
display: block;
		margin: 0 0 1em 0;
		padding: 0;
}
	#content-form #Forderungsverkauf_container p{
display: block;
		margin: 0 0 1em 0;
		padding: 0;
}
	#content-form #Anschrift_container p{
display: block;
		margin: 0 0 1em 0;
		padding: 0;
}
#content-form #Wirtschaft_container p{
display: block;
		margin: 0 0 1em 0;
		padding: 0;
}


#content-form #Ausland_container,
#content-form #Inland_container,
#content-form #Bonitaet_container,
#content-form #Ueberwachungsverfahren_container,
#content-form #Forderungsverkauf_container,
#content-form #Anschrift_container,
#content-form #Wirtschaft_container{
			background: #fff;
			margin: 2em 0 0 0;
					padding: 0 1.5em 2em 0;
border: 1px dashed #ccc;
display: block;
}

	#content-form #Ausland_container h4,
	#content-form #Inland_container h4,
	#content-form #Bonitaet_container h4,
	#content-form #Ueberwachungsverfahren_container h4,
	#content-form #Forderungsverkauf_container h4,
	#content-form #Anschrift_container h4,
	#content-form #Wirtschaft_container h4{
		line-height: 1.2em;
		font-size: 1.2em;
		letter-spacing: 1px;
		font-weight: 300;
		color: #1A83C4;
		margin: 0 0 1em 0;
		padding: 0;
		display: block;
}
	
/*********************************************************************************/
/* argumente */
	
	#argumente {
	position: relative;
	margin: 0 auto;
	}
	
		#argumente h3 {
			text-align: center;
		font-weight: 200;
		display: block;
		font-size: 2em;
		margin: 1em 0 0.5em 0;
	}
	
			#argumente p {
			text-align: center;
			font-size: 1em;
			margin: 0;
			padding: 0;
			line-height: 1.6em;
	}
	
	.arg1 {
			background: transparent url('./images/erfahren.svg') no-repeat top center;
			display: block;
			padding: 0;
			margin: 2em auto 0 auto;
			width: 100px;
			height: 100px;
}

	.arg2 {
			background: transparent url('./images/unabhaengig.svg') no-repeat top center;
			display: block;
			padding: 0;
			margin: 2em auto 0 auto;
			width: 100px;
			height: 100px;
}	

	.arg3 {
			background: transparent url('./images/fair.svg') no-repeat top  center;
			display: block;
			padding: 0;
			margin: 2em auto 0 auto;
			width: 100px;
			height: 100px;
}

/*********************************************************************************/
/* Logos */
	
	#logos
	{
		position: relative;
	margin: 0 auto;
	
	}
	#logos img {
	padding: 0;
	margin: 0;
}

	#logos span img {
			padding: 7px 10px 7px 10px;
			background: #fff;
			border: 1px solid #ddd;
}

	#logos .image-fit {
		margin: 0;
	}
	
	
/*********************************************************************************/
/* Footer */
		
#page-footer
	{
	color: #fff;
	text-align: center;
			padding: 0;
	}
#page-footer p {
margin: 0;
padding: 0;
}

.fa {
	padding: 25px;
	font-size: 20px;
	width: auto;
	text-align: center;
	text-decoration: none;
	margin: 5px 2px;
	background: #2591CE;
	border-radius: 50%;
	color: white;
	box-shadow: 3px 2px #00000042;
    border: 4px solid white;
  }
	
		#page-footer section
		{
			margin: 0;
		}

		#page-footer > section:last-child
		{
			margin-bottom: 0;
		}
			
		#page-footer a
		{
			color: #d1dee9;
		}
		

/*********************************************************************************/
/* Footer Links */


#page-footer-links
	{
	color: #5C85C5;
			padding: 0;
	}
#page-footer-links p {
margin: 0;
padding: 0;
}
	
		#page-footer-links section
		{
			margin: 0;
		}

		#page-footer-links > section:last-child
		{
			margin-bottom: 0;
		}
		
			
		#page-footer-links a
		{
			color: #5C85C5;
		}
		
				
	.footer_right {
		text-align: right;
	}
	
	.footer_left {
		text-align: left;
	}
	
		#footerlinks ul {
		
	}

				#footerlinks ul li
				{
					display: inline-block;
				}

					#footerlinks ul li a
					{
						outline: 0;
						position: relative;
						text-decoration: none;
						padding: 0.5em 0.3em 1.5em 0.3em;
					}
					
					#footerlinks ul li a:hover
					{
						text-decoration: underline;
					}
					

/* Flaggen */
#flags ul {
border: none;
margin: 0;
padding: 0;
}
#flags ul li {
display: inline-block;
padding: 0em 0.3em;
}

#flags ul li span {
display: none;
}
#flags ul .flag_de a, #flags ul .flag_de div {
	filter: grayscale(100%); /* Standard */
    -webkit-filter: grayscale(100%); /* Webkit */
    filter: url('./images/grayscale.svg#desaturate'); /* Firefox 4-34 */
    filter: gray;  /* IE6-9 */
    -webkit-filter: grayscale(1); /* Old WebKit */
background: transparent url('./images/de.svg') no-repeat;
display: inline-block;
width: 45px;
height: 45px;
line-height: 45px;
}

#flags ul .flag_en a, #flags ul .flag_en div {
	filter: grayscale(100%); /* Standard */
    -webkit-filter: grayscale(100%); /* Webkit */
    filter: url('./images/grayscale.svg#desaturate'); /* Firefox 4-34 */
    filter: gray;  /* IE6-9 */
    -webkit-filter: grayscale(1); /* Old WebKit */
background: transparent url('./images/en.svg') no-repeat;
display: inline-block;
width: 45px;
height: 45px;
line-height: 45px;
}
  
 #flags ul .flag_de div,   #flags ul .flag_en div {
	    filter: grayscale(0%);
    filter: none;
    -webkit-filter: grayscale(0); /* Old WebKit */
}

 #flags ul .flag_de a:hover,   #flags ul .flag_en a:hover {
	    filter: grayscale(0%);
    filter: none;
    -webkit-filter: grayscale(0); /* Old WebKit */
}
		
	
/*********************************************************************************/
/* top Top link */
	
	.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(51,51,51, 0.8) url('./images/to-top.svg') no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #444;
  opacity: 1;
}
.cd-top {
    right: 90px;
    bottom: 20px;
  }


	}

/*********************************************************************************/
/* Tablet                                                                        */
/*********************************************************************************/

	@media screen and (min-width: 737px) and (max-width: 1200px) {

/*********************************************************************************/
/* Basic */

			body {
				min-width: 1000px;
				font-size: 10pt;
			}

		

/*********************************************************************************/

/* Wrappers */

			#header-wrapper {
				padding: 0.5em 0;
				top: 1.3em;
			}
			
			/*Flexibler Header bei Scroll beta*/
    #header-wrapper.small {
    padding: 0.5em 0;
        box-shadow:0 0 4px rgba(0,0,0,.25);
        top: 0;
}
	
	
	
	#banner-wrapper
	{
		padding: 0;
	}


				#banner-wrapper:before {
					background-size: 1400px 100%;
				}

			#search-wrapper {
				padding: 1.5em 0 1.5em 0;
			}
			#breadcrumb-wrapper {
				background: #fff;
				padding: 1.5em 0 0 0;
			}

			#main-wrapper {
				padding: 2em 0 4em 0;
			}
			
				 #blocks-wrapper{
                margin: 2em 0 0 0;
				padding: 0;
	}

		#leistungen-wrapper {
		padding: 0 0 3em 0;
		margin: 0;
	}
	
	#argumente-wrapper {
                margin: 0;
				padding: 0 0 3em 0;
	}
	
	#highlight-wrapper {
                margin: 0;
				padding: 3em 0 3em 0;
			}
			
			#logo-wrapper {
				padding: 3.5em 0 3em 0;
			}
			
			#footer-wrapper {
				padding: 1em 0 1em 0;
			}
			#footer-links-wrapper{
		padding: 2em 0 4em 0;
	}

/*********************************************************************************/
/* Header */


						#page-header h1
		{
			font-size: 1.5em;
			letter-spacing: -1px;
		}

			#page-header h1 a {
margin: 0.2em 0 0 0;
width: 300px;
height: 41px;
text-indent: 300px;
}

/*Flexibler Header/Logo bei Scroll beta*/
#page-header h1 a.logosmall {
width: 266px;
height: 35px;
text-indent: 266px;
}


	#page-header nav
		{
			position: absolute;
			right: 0;
			top: 0.8em;
		}


			#page-header nav ul li {
				margin-left: 0.5em;
			}

#page-header nav ul li a
					{
						outline: 0;
						position: relative;
						text-decoration: none;
						padding: 0.5em 0.3em 1.4em 0.3em;
					}
					
					

/*********************************************************************************/
/* slidemenu */
#slidemenu {
margin: 0;
padding: 0;
    font-size: 0.9em;
    line-height: 1.1em;
    letter-spacing: 0.5px;
}

#slidemenu a {
    position: fixed;
    right: -8px;
    transition: 0.3s;
    width: 95px;
    height: 75px;
    text-decoration: none;
    color: #fff; /* White text color */
    box-shadow: 0 0 5px rgba(0,0,0,.25);
    z-index: 150;
    text-align: center;
}

#slidemenu #sp {
        top: 8.5em;
    background: #1B82C5;
        padding: 0 0.9em 0 0;
}
#slidemenu #sp:hover {
    right: 0;
    background: #2591CE;
}

#slidemenu #kl {
        top: 15.5em;
    background: #9DC2E3;
        padding: 0 0.9em 0 0;
}
#slidemenu #kl:hover {
    right: 0;
    background: #ABD1ED;
}

#slidemenu #sp span, #slidemenu #kl span {
display: block;
font-weight: bold;
}

#slidemenu #sp div:before
		{
			background: transparent url('./images/schuldnerportal.svg') no-repeat center;
			content: "";
			display: block;
			width: 40px;
			height: 40px;
			padding: 1em;
			margin: 0 auto;
		}	
		
#slidemenu #kl div:before
		{
			background: transparent url('./images/kundenportal.svg') no-repeat center;
			content: "";
			display: block;
			height: 30px;
			padding: 1em;
			margin: 0.8em auto 0 auto;
		}


/* Slider bei jeweiliger Seite*/
body#schuldnerportal a#sp {
    right: 0;
    background: #2591CE;
}
body#kundenportal a#kl {
    right: 0;
    background: #ABD1ED;
}
		


/*********************************************************************************/
/* share */
				
				#sharebox p {
			margin: 0 0 2em 0;
					padding: 0;
}

				#sharebox h3 {
		font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		font-size: 1.6em;
		letter-spacing: 1px;
		margin: 0;
		padding: 0 0 1em 0;
		line-height: 1.2em;
}

	#sharebox h3:before {
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
			left: 0;
			top: 0;
			background: transparent;
			color: #1884C5;
			text-align: center;
			padding-right: 10px;
		}

		#sharebox h3:after
		{
			content: '';
			display: block;
			clear: both;
		}

				#sharebox ul {
margin: 2em 0 0 0;
}
 #sharebox ul li{
margin: 0 0 1em 0;
padding: 0;
 }
 
 #sharebox ul li a,  #sharebox ul li button{
 width: 100%;
 		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: transparent;
		border: 0;
		border: solid 2px #7f7f7f;
		border-radius: 0 !important;
		color: #7f7f7f !important;
		cursor: pointer;
		display: block;
				font-size: 1.1em;
		font-weight: 700;
		height: 3em;
		height: calc(3em + 2px);
		letter-spacing: 0.07em;
		line-height: 3em;
		padding: 0 3em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
		  box-shadow:0 0 3px rgba(0,0,0,.25);
 }
 
 #sharebox a,  #sharebox a:active,  #sharebox a:hover,  #sharebox a:visited, ul.share-options a, ul.share-options a:active, ul.share-options a:hover, ul.share-options a:visited {
 outline: 0;
 }
 
 /*********************************************************************************/
/* Banner */

			#banner {
				/*height: 352px;*/
				height: auto;
			}

				#banner .nav-next {
					right: 10px;
					bottom: 30px;
				}

				#banner .nav-previous {
					right: 62px;
					bottom: 30px;
				}

			
			#banner .captions {
			padding: 0;
			left: 5em;
			bottom: 3em;
					color: #336caf;
				}

					#banner .captions:after {
						right: 20px;
						bottom: 25px;
					}

					#banner .captions .caption-line-1 {
						font-size: 2em;
					}

					#banner .captions .caption-line-2 {
						font-size: 1.25em;
						letter-spacing: 0.5px;
						line-height: 1.25em;
					}

				#banner .slide img {
				display: block;
					/*width: 1001px;*/
					width: 100%;
				}


/* Indicator */
#banner .indicator ul li
			{
				width: 14px;
				height: 14px;
			}
			
/*********************************************************************************/
/* Google Maps im Kontakt Highlight */

#highlight-map{
    z-index:98;
background: #dbeaf7;
  position: relative;
  padding-bottom: 28%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
  		margin: -1.5em 0 0 0;
}

#highlight-map iframe {
border: 0;
    pointer-events:none;
  position: absolute;
  top: 0;
  left: 0;
    width: 100% !important; 
    height: 100% !important; 
    z-index:97;
}


/*********************************************************************************/
/* Blocks */

#blocks .block1:before
		{
			background: transparent url('./images/post.svg') no-repeat;
			content: "";
			display: block;
			width: 90px;
			height: 90px;
			position: absolute;
			margin: 1.5em 0 0 0;
		}
		
#blocks .block2:before
		{
			background: transparent url('./images/partner.svg') no-repeat;
			content: "";
			display: block;
			width: 90px;
			height: 90px;
			position: absolute;
			margin: 1.5em 0 0 0;
		}

	#blocks p {
		font-size: 0.9em;
margin: 0;
	}

	#blocks h2 {
		font-size: 1.6em;
		margin: 0 0 0.5em 5em;
		padding: 0;
		line-height: 1.1em;
	}

	#blocks .block1, #blocks .block2{
		padding: 1em;
background: #fff;
border-bottom: 5px solid #dbeaf7;
box-shadow: 0 0 5px rgba(0,0,0,.25);
			}
			
			#blocks .block_subline {
margin: 0 0 0 8em;
display: block;
}

			
	#blocks .block_linkline {
padding: 0;
margin: 0.8em 0 0 8em;
display: block;
}

#blocks .block_linkline span:before
		{
			background: transparent url('./images/link.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 16px;
			height: 16px;
			 padding: 0 0 0 2em;
		}	
		
		

/*********************************************************************************/
/* Content Liste (Detailseiten)

/* Icons links groß */
		#content-list .icon_left {
		margin: 1em 0 0 0;
		padding: 0;
display: inline-block;

	}
	
	
		#content-list .icon_left h3{
		text-transform: uppercase;
		color: #1A83C4;
		margin: 0;
		padding: 0;
		}

/* Icon-Zuweisung */
	    #content-list .icon_left.ziel span:before {
			width: 40px;
			height: 40px;
			margin: 0 0.8em 0 0;
		}
		
		#content-list .icon_left.vorgehen span:before {
			width: 40px;
			height: 40px;
			margin: 0 0.8em 0 0;
		}
		
		#content-list .icon_left.ueberblick span:before {
			width: 40px;
			height: 40px;
			margin: 0 0.8em 0 0;
		}
				
		#content-list .icon_left.erfahren span:before {
			width: 40px;
			height: 40px;
			margin: 0 0.8em 0 0;
		}
		
		#content-list .icon_left.unabhaengig span:before {
			width: 40px;
			height: 40px;
			margin: 0 0.8em 0 0;
		}
		
		#content-list .icon_left.fair span:before {
			width: 40px;
			height: 40px;
			margin: 0 0.8em 0 0;
		}
		
		#content-list .content-list_right{
		margin: 0;
		padding: 1.5em 0 0 0;
		}
		#content-list .content-list_right p{
				font-size: 1em;
		margin: 0 0 1em 0;
		padding: 0;
		}
		#content-list .content-list_right h4{
		font-weight: 300;
		color: #A7A6A6;
		font-size: 1.3em;
		margin: 1em 0 0.5em 0;
		padding: 0;
		display: block;
		}
		
		
/* tabelle für Beispiele */
#beispiel {
		display: block;
				width: 80%;
		margin: 2em 0 1.5em 0;
padding: 1.5em;
background: #fff;
border-bottom: 5px solid #dbeaf7;
box-shadow: 0 0 5px rgba(0,0,0,.25);
}

#beispiel ul{
		margin: 0;
		padding: 0;
list-style: none;
}

#content-list .content-list_right #beispiel h4{
font-size: 1.6em;
			color: #adadad;
		margin: 0 0 1em 0;
		padding: 0;
}
#beispiel h5{
font-weight: 400;
color: #767676;
		margin: 0;
		padding: 0;
text-transform: uppercase;
}
#beispiel h6{
font-weight: bold;
		color: #1A83C4;
		margin: 0;
		padding: 0;
}
#beispiel p{
		margin: 0 0 1em 0;
		padding: 0;
}


/*********************************************************************************/
/* argumente */
	
	
		#argumente h3 {
			text-align: center;
		font-weight: 200;
		display: block;
		font-size: 1.8em;
		margin: 1em 0 0.5em 0;
	}
	
			#argumente p {
			text-align: center;
			font-size: 0.9em;
			margin: 0;
			padding: 0;
			line-height: 1.5em;
	}
	
	.arg1 {
			background: transparent url('./images/erfahren.svg') no-repeat top center;
			display: block;
			padding: 0;
			margin: 2em auto 0 auto;
			width: 90px;
			height: 90px;
}

	.arg2 {
			background: transparent url('./images/unabhaengig.svg') no-repeat top center;
			display: block;
			padding: 0;
			margin: 2em auto 0 auto;
			width: 90px;
			height: 90px;
}	

	.arg3 {
			background: transparent url('./images/fair.svg') no-repeat top  center;
			display: block;
			padding: 0;
			margin: 2em auto 0 auto;
			width: 90px;
			height: 90px;
}

/*********************************************************************************/
/* Leistungen */

#leistungen .leistungbox{
height: 200px;
			background: #fff;
			margin: 0.5em 0 0 0;
					padding: 1.5em 1.5em 0 1.5em;
border-bottom: 5px solid #dbeaf7;
box-shadow: 0 0 5px rgba(0,0,0,.25);
		}


#leistungen p {
margin: 0.8em 0 0 0;
	}

#leistungen h3 {
		font-weight: 300;
		color: #A7A6A6;
		font-size: 1.6em;
		letter-spacing: 1px;
		margin: 0;
		padding: 0;
		line-height: 1.2em;
	}
			

			
	#leistungen .leistung_linkline {
padding: 0;
margin: 3.5em 0 0 0;
display: block;
}

	#leistungen .leistung_linkline_h {
padding: 0;
margin: 1.7em 0 0 0;
display: block;
}

	#leistungen .leistung_linkline_n {
padding: 0;
margin: 1.7em 0 0 0;
display: block;
}

	#leistungen .leistung_linkline span:before, #leistungen .leistung_linkline_h span:before, #leistungen .leistung_linkline_n span:before
		{
			background: transparent url('./images/link.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 16px;
			height: 16px;
			 padding: 0 0 0 2em;
		}			
			
	#leistungen .leistung_linkline a, #leistungen .leistung_linkline_h a, #leistungen .leistung_linkline_n a {
text-decoration: none;
font-weight: bold;
}

	.leistunghead {
	margin-bottom: 2em;
	}


/*********************************************************************************/
/* Kunden */

	#kunden .kunden_linkline {
padding: 0;
margin: 1.5em 0 0 0;
display: block;
}

	#kunden .kunden_linkline_h {
padding: 0;
margin: 1.5em 0 0 0;
display: block;
}


/*********************************************************************************/
/* Schuldner */

	#schuldner .schuldnerbox{
height: 190px;
		}
		
		#schuldner .schuldner_linkline {
padding: 0;
margin: 1.5em 0 0 0;
display: block;
}

	#schuldner .schuldner_linkline_h {
padding: 0;
margin: 1.5em 0 0 0;
display: block;
}

	#schuldner .schuldner_linkline_n {
padding: 0;
margin: 3.3em 0 0 0;
display: block;
}

#anliegen1,#anliegen2,#anliegen3,#anliegen4,#anliegen5,#anliegen6 {
width: 60%;
}

/*SP Form */
#schuldnerportalform {
}
#schuldnerportalform h3{
		font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		font-size: 1.6em;
		margin: 1.5em 0 0 0;
		padding: 0;
		display: block;
			}
		
		#schuldnerportalform h4{
		font-weight: 300;
		color: #A7A6A6;
		font-size: 1.3em;
		margin: 0 0 1.5em 0;
		padding: 0;
		display: block;
			}

/*********************************************************************************/
/* News Home */

		.newsbox {
		padding: 2em 0 0 0;
		margin: 0;
	}
	
	.newsbox a {
		outline: 0;
		text-decoration: none;
	}

	.newsbox p {
		font-size: 0.9em;
		line-height: 1.6em;
margin: 0;
padding: 0;
	}

	#highlight-wrapper article.featured .newsbox h3 {
		color: #767676;
		font-weight: 100;
		font-size: 1.2em;
		font-weight: bold;
		margin: 0.2em 0 1.3em 0;
		padding: 0;
		line-height: 1.2em;
	}
		#highlight-wrapper article.featured .newsbox h3 a {
text-decoration: none;
	}
			
/* Payment-Logos Schuldnerportal */
	.highlight_paylogos {
	margin: 1em 0 0 0;
	padding: 2em 0 0 2em;
display: block;
}
	.highlight_paylogos span {
	margin: 0 3em 0 0;
	padding: 0;
}
	.highlight_paylogos span img {
	background: #fff;
	border: 6px solid #fff;
	height: 100px;
margin: 0;
padding: 0;
}

	.newsbox_more {
padding: 0;
margin: 1.2em 0 0 0;
display: block;
}

.newsbox_more span:before
		{
			background: transparent url('./images/link.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 16px;
			height: 16px;
			 padding: 0 0 0 2em;
		}			
			
.newsbox_more a {
text-decoration: none;
font-weight: bold;
}

	.newsbox date {
		font-size: 0.9em;
		line-height: 1em;
margin: 0;
padding: 0;
	}
	
	
	.newsbox_button_l .actions {
	padding: 1em 0 0 0;
	}
	
	.newsbox_button_r .actions {
	padding: 5em 0 0 0;
	}
	

/*********************************************************************************/
/* Content */

			#content > section, #content > article {
				margin-bottom: 4em;
			}
			
			
			#content section header, #content article header {
				margin: 0 0 1.5em 0;
			}

/*********************************************************************************/
/* Sidebar */

			#sidebar > section {
				margin-bottom: 4em;
			}


/*********************************************************************************/
/* Top top link */
			.cd-top {
    height: 40px;
    width: 40px;
    right:90px;
    bottom: 20px;
  }

	}

/*********************************************************************************/
/* Mobile                                                                        */
/*********************************************************************************/

	#navPanel, #titleBar {
		display: none;
	}

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

/*********************************************************************************/
/* Basic */

			html, body {
				overflow-x: hidden;
			}

			body {
				line-height: 1.75em;
				font-size: 9.5pt;
			}

			h2 {
				font-size: 1.5em;
				margin: 0 0 1.5em 0;
				letter-spacing: -1px;
			}
			
				ul.style3
	{
	padding-bottom: 2.5em;
	}

/* Abstaende */
.distance-b2 {
margin-bottom: 2em;
}
.distance-t2 {
margin-top: 2em;
}
			section, article {
				clear: both;
				margin: 0 0 5em 0;
			}

			section > :last-child, section:last-child, article > :last-child, article:last-child {
				margin-bottom: 0 !important;
			}

			section header, article header {
				border-top: solid 2px #5C85C5;
				padding-top: 2em;
				margin: 0 0 2.5em 0;
			}

				section header .byline, article header .byline {
					display: block;
					color: #a0a0a0;
					font-size: 1.25em;
					line-height: 1em;
				}

				section header h2, article header h2 {
					margin: 0 0 0.5em 0 !important;
				}

			section.featured header .byline, article.featured header .byline {
				font-size: 1.5em;
				letter-spacing: -1px;
			}

			section.featured header h2, article.featured header h2 {
				font-size: 2em;
				letter-spacing: -2px;
				margin: 0.25em 0 0.75em 0;
				line-height: 1em;
			}

			#content section.featured header .bylinemark, #content article.featured header .bylinemark, #highlight-wrapper article.featured header .bylinemark, #leistungen-wrapper article.featured header .bylinemark, #argumente-wrapper article.featured header .bylinemark{
			font-weight: bold;
				color: #5C85C5;
				}
				
			.align-left {
				margin-bottom: 1em;
			}

			.image-fit-mobileOnly {
				display: block;
				margin: 0 0 2em 0;
				width: 100%;
			}

				.image-fit-mobileOnly img {
					width: 100%;
				}

			
			/* Form Buttons*/
			input, select, search, textarea {
					font-size: 1.1em;
	}

	label span {
	display: none;
	}
	
		label.label_spam span {
	display: block;
	}
	
			input[type="submit"],
			input[type="reset"],
			input[type="button"],
			.button {
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
				width: 100%;
				font-size: 1em;
			}

				input[type="submit"].icon-after:before,
				input[type="reset"].icon-after:before,
				input[type="button"].icon-after:before,
				.button.icon-after:before {
					display: none;
				}


::-webkit-input-placeholder {
		color: #A5A5a5 !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: #A5A5a5 !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: #A5A5a5 !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: #A5A5a5 !important;
		opacity: 1.0;
	}

	.formerize-placeholder {
		color: #A5A5a5 !important;
		opacity: 1.0;
	}
	
		/* List */

			ul.actions {
				margin: 0 0 2em 0;
				padding-bottom: 2em;
			}

				ul.actions li {
					display: block;
					padding: 1em 0 0 0;
					text-align: center;
					width: 100%;
				}

					ul.actions li:first-child {
						padding-top: 0;
					}

					ul.actions li > * {
						margin: 0 !important;
						width: 100%;
					}

						ul.actions li > *.icon:before {
							margin-left: -2em;
						}

				ul.actions.small li {
					padding: 0.5em 0 0 0;
				}

					ul.actions.small li:first-child {
						padding-top: 0;
					}

/*********************************************************************************/
/* share */
				
				#sharebox {
			font-size: 0.9em;
}

#sharebox p {
			margin: 0 0 2em 0;
					padding: 0;
}

				#sharebox h3 {
		font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		font-size: 1.5em;
		letter-spacing: 1px;
		margin: 0;
		padding: 0 0 1em 0;
		line-height: 1.2em;
}

	#sharebox h3:before {
			font-family: FontAwesome;
			font-size: 1.15em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
			left: 0;
			top: 0;
			background: transparent;
			color: #1884C5;
			text-align: center;
			padding-right: 10px;
		}

		#sharebox h3:after
		{
			content: '';
			display: block;
			clear: both;
		}

				#sharebox ul {
margin: 2em 0 0 0;
}
 #sharebox ul li{
margin: 0 0 1em 0;
padding: 0;
 }
 
 #sharebox ul li a,  #sharebox ul li button{
 width: 100%;
 		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: transparent;
		border: 0;
		border: solid 2px #7f7f7f;
		border-radius: 0 !important;
		color: #7f7f7f !important;
		cursor: pointer;
		display: block;
				font-size: 1.1em;
		font-weight: 700;
		height: 3em;
		height: calc(3em + 2px);
		letter-spacing: 0.07em;
		line-height: 3em;
		padding: 0 3em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
		  box-shadow:0 0 3px rgba(0,0,0,.25);
 }
 
 #sharebox a,  #sharebox a:active,  #sharebox a:hover,  #sharebox a:visited, ul.share-options a, ul.share-options a:active, ul.share-options a:hover, ul.share-options a:visited {
 outline: 0;
 }

			ul.share-options {
			text-align: right;
				margin: 0;
				padding: 0;
				background: transparent;
			}

				ul.share-options li {
					display: inline-block; 
					padding: 0 1em 0 0;
				}

					ul.share-options li:last-child {
					padding: 0;
					}

					ul.share-options li > * {
						margin: 0 !important;
						width: 100%;
					}
					ul.share-options li:before {
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
			left: 0;
			top: 0;
			background: transparent;
			color: #1884C5;
			text-align: center;
			padding-right: 10px;
		}

		ul.share-options li:after
		{
			content: '';
			display: block;
			clear: both;
		}
		
	
/*********************************************************************************/
/* Alerts */

/* Erfolg */
#alert_success span:before {
background: transparent url('./images/sucess.svg') no-repeat left bottom;
content: "";
display: inline-block;
width: 36px;
height: 36px;
margin: 0 1em 0 0;
}
#alert_success p{
font-size:              1em;
line-height: 1.3em;
font-weight:            400;
margin:                 -2.2em 1em 1em 0;
padding:                0;
}

/* Fehler */
#alert_error span:before {
background: transparent url('./images/error.svg') no-repeat left bottom;
content: "";
display: inline-block;
width: 32px;
height: 32px;
margin: 0 1em 0 0;
}
#alert_error p{
font-size:              1em;
line-height: 1.3em;
font-weight:            400;
margin:                 -2em 1em 1em 0;
padding:                0;
}

/* Info */
#alert_info span:before {
background: transparent url('./images/info.svg') no-repeat left bottom;
content: "";
display: inline-block;
width: 36px;
height: 36px;
margin: 0 1em 0 0;
}
#alert_info p{
font-size:              1em;
line-height: 1.3em;
font-weight:            400;
margin:                 -2.2em 1em 1em 0;
padding:                0;
}


/*********************************************************************************/
/* News Archiv */

		.newslist {
		padding: 1em 0 2em 0;
		margin: 0;
	border-bottom: 1px solid #ccc;
	}
	
	.newslist a {
		outline: 0;
		text-decoration: none;
	}

	.newslist p {
		font-size: 0.9em;
		line-height: 1.6em;
margin: 0;
padding: 0;
	}
	
		.newslist h3 {
		color: #767676;
		font-weight: 100;
		font-size: 1.2em;
		font-weight: bold;
		margin: 0.2em 0 1.3em 0;
		padding: 0;
		line-height: 1.3em;
		display: block;
	}
		.newslist h3 a {
text-decoration: none;
	}
			
	.newslist_more {
padding: 0;
margin: 1.2em 0 0 0;
display: block;
}

.newslist_more span:before
		{
			background: transparent url('./images/link.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 14px;
			height: 14px;
			 padding: 0 0 0 2em;
		}			
			
.newslist_more a {
text-decoration: none;
font-weight: bold;
}

	.newslist_date {
		font-size: 1em;
		line-height: 1.1em;
margin: 0;
padding: 0;
	}
	
/* Suche */
#searchcontainer{
  overflow: hidden;
  width: 100%;
  vertical-align: middle;
  white-space: nowrap;
}
#searchcontainer input#s{
  width: 100%;
  height: 40px;
  float: left;
  padding-left: 15px;
}

#searchcontainer button.icon{
  border: none;
  background: #1B82C5;
  height: 40px;
  width: 40px;
  color: #fff;
  opacity: 0;
  -webkit-transition: all .55s ease;
  -moz-transition: all .55s ease;
  -ms-transition: all .55s ease;
  -o-transition: all .55s ease;
  transition: all .55s ease;
}

#searchcontainer:hover button.icon, #searchcontainer:active button.icon, #searchcontainer:focus button.icon{
    outline: none;
    opacity: 1;
    margin-left: -40px;
  }
  
  
  


/* Navigation unten */
.newsnav_l,.newsnav_r {
margin: 0;
padding: 0;
}

.newsnav_l {
display: block;
text-align: center;
}
.newsnav_r {
display: block;
text-align: center;
}
.newsnav_l a, .newsnav_r a{
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: transparent;
		border: 0;
		border: solid 2px #7f7f7f;
		border-radius: 0 !important;
		color: #7f7f7f !important;
		cursor: pointer;
		display: inline-block;
				font-size: 1em;
		height: 2em;
		height: calc(2em + 2px);
		letter-spacing: 0.07em;
		line-height: 2em;
		padding: 0 2em;
		text-align: center;
		width: 100%;
		text-decoration: none;
		white-space: nowrap;
		  box-shadow:0 0 3px rgba(0,0,0,.25);
		  }

/* Kategorien Sidebar */
.catlist {
list-style:             none;
margin:                 0;
padding:                0;
}
.catlist li {
margin:                 0;
padding:                0 0 0.5em 0;
}
.catlist ul li {
margin:                 0;
padding:                0.5em 0 0 0;
}
.catlist .children {
list-style:             none;
margin:                 0;
padding:                0 0 0.5em 1em;
}

/* Cloud Sidebar */
#cloud {
background:            transparent;
display:               block;
margin:                0;
padding:               0;
}
#cloud a {
color:                 #1B82C5;
text-transform:        lowercase;
text-decoration:       none;
}
#cloud a:hover {
text-decoration:       underline;
}

/* Artikeldetails */
		.newsentry {
		padding: 0 0 2em 0;
		margin: 0;
	}
	
		.newsentry h4 {
		color: #767676;
		font-weight: 100;
		font-size: 1.2em;
		font-weight: bold;
		margin: 0.2em 0 1.3em 0;
		padding: 0;
		line-height: 1.3em;
	}
			
			.newsentry img {
			width: 100%;
padding:              0.3em;
border:               1px solid #ddd;
background:           #fff;
	}
	
/* Artikel Tabelle */
.newsentry table {
  margin: 0;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #eee;
  border-bottom: 5px solid #1B82C5;
     }
     
  .newsentry th, .newsentry td {
    border: 1px solid #eee;
    padding: 12px 35px;
    border-collapse: collapse;
  }
  .newsentry th {
    background: #1B82C5;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}

/* Artikel Optionen unterhalb */
	#entryoptions {
	display: block;
background: #eee;
margin: 1.5em 0 0 0;
padding: 1em;
}
	#entryoptions p {
margin: 0;
padding: 0;
}
	
/* Formatierung Artikel */

/* Klassen werden nicht mehr benutzt - fuer alte Artikel */
.alignright {
		width: 100%;
margin:                 0 0 1em 1em;
text-align:               right;
float:                    right;
display: block;
clear: both;
}
.alignleft {
		width: 100%;
margin:               0 1em 1em 0;
text-align:               left;
float:                    left;
display: block;
clear: both;
}
.aligncenter {
		width: 100%;
text-align:               center;
}

.imgdescright {
		width: 100%;
background:             #dce9f4;
padding:                0.4em 0.4em 0.3em 0;
margin:                 0 0 1em 1em;
text-align:             left;
float:                  right;
display:                block;
}
.imgdescleft {
		width: 100%;
background:           #dce9f4;
padding:              0.4em 0 0.3em 0.4em;
padding:              0;
margin:               0 1em 1em 0;
text-align:           left;
float:                left;
display:              block;
}

.imgdescright p, .imgdescleft p{
padding:               0.8em;
margin:                0;
font-size:             0.9em;
line-height:           1.4em;
}

.imgdescright img, .imgdescleft img {
background:           #fff;
margin:               0 0 0.8em 0;
display: block;
}

/* Kommentare */
#respond h3, #comments h3{
		font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		font-size: 1.5em;
		margin: 1.5em 0 0 0;
		padding: 0;
		display: block;
			}
		
		#respond h4,  #comments h4{
		font-weight: 300;
		color: #A7A6A6;
		font-size: 1.3em;
		margin: 0 0 1.5em 0;
		padding: 0;
		display: block;
			}
			
			
/*********************************************************************************/
/* News Home */

		.newsbox {
		padding: 0;
		margin: 0;
	}
	
	.newsbox a {
		outline: 0;
		text-decoration: none;
	}

	.newsbox p {
		font-size: 0.9em;
		line-height: 1.6em;
margin: 0;
padding: 0;
	}

	#highlight-wrapper article.featured .newsbox h3 {
		color: #767676;
		font-weight: 100;
		font-size: 1.2em;
		font-weight: bold;
		margin: 0.2em 0 1.3em 0;
		padding: 0;
		line-height: 1.2em;
	}
		#highlight-wrapper article.featured .newsbox h3 a {
text-decoration: none;
	}
			
	.newsbox_more {
padding: 0;
margin: 1.2em 0 1em 0;
display: block;
}

.newsbox_more span:before
		{
			background: transparent url('./images/link.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 14px;
			height: 14px;
			 padding: 0 0 0 2em;
		}			
			
.newsbox_more a {
text-decoration: none;
font-weight: bold;
}

	.newsbox date {
		font-size: 0.9em;
		line-height: 1em;
margin: 0;
padding: 0;
	}
	
	
		.newsbox_button_l .actions {
	padding: 0;
text-align: center;
	}
			.newsbox_button_r .actions {
	padding: 1em 0 0 0;
text-align: center;
	}
	
	.newsbox_abolink {
display: none;
}

.newsbox_abolink a {
text-decoration: none;
font-weight: bold;
}

	.newsbox_info h3 {
						color: #a0a0a0;
				font-size: 1.5em;
				letter-spacing: -1px;
				font-weight: 100;
				}
				
.newsbox_info p {
		font-size: 0.9em;
		line-height: 1.6em;
		margin: 0;
		padding: 0;
				}
				
		.newsbox_info {
margin: 1em 0 0 0;
}

/*********************************************************************************/
/* Zahlungen */
.paybox {
height: auto;
			background: #fff;
			margin: 0.5em 0 0 0;
					padding: 1.5em 1.5em 0 1.5em;
border-bottom: 5px solid #dbeaf7;
box-shadow: 0 0 5px rgba(0,0,0,.25);
display: block;
}

.paybox h3{
font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		font-size: 1.6em;
		letter-spacing: 1px;
		margin: 0 0 1em 0;
		padding: 0;
		line-height: 1.2em;
	}
.paybox h3 a {
			color: #A7A6A6;
			text-decoration: none;
			}
		
.paybox h3 a:hover {
			color: #1A83C4;
			text-decoration: none;
			}
			
.paybox img {
width: 150px;
}
			
			
#sofortcontainer p, #editcontainer p {
			margin: 0 0 2em 0;
					padding: 0;
}

				#sofortcontainer h3, #editcontainer h3 {
		font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		font-size: 1.6em;
		letter-spacing: 1px;
		margin: 0;
		padding: 0 0 1em 0;
		line-height: 1.2em;
}

	#sofortcontainer h3:before, #editcontainer h3:before {
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
			left: 0;
			top: 0;
			background: transparent;
			color: #1884C5;
			text-align: center;
			padding-right: 10px;
		}

		#sofortcontainer h3:after, #editcontainer h3:after
		{
			content: '';
			display: block;
			clear: both;
		}


/*********************************************************************************/
/* Job & Karriere */
#jobcontainer_home h3 {
		font-weight: 300;
		color: #A7A6A6;
		font-size: 1.4em;
		letter-spacing: 1px;
		margin: 0 0 0.5em 0;
		padding: 0;
		line-height: 1.2em;
}
.joblist_home {
margin: 0;
padding: 0;
}

	.joblist_home p {
margin: 0;
padding: 0;
}
	.joblist_home span {
	font-size: 0.9em;
margin: 0;
padding: 0;
}
	.joblist_home li h4 {
		font-weight: bold;
		color: #1A83C4;
		font-size: 1.2em;
		margin: 0 0 0.5em 0;
		padding: 0;
		line-height: 1.2em;
		}
		
	.joblist_home li h4 a {
	outline: 0;
			color: #1A83C4;
			text-decoration: none;
			}
	.joblist_home li h4 a:hover {
			text-decoration: underline;
			}
		
	.joblist_home li {
		padding: 1em 0 1em 0;
		margin: 0;
	border-bottom: 1px solid #ccc;
}

	.joblist_home .last {
	padding: 1em 0 0 0;
	border-bottom: none;
}


/* Archiv + Suche */
	.joblist {
		padding: 0 0 1.5em 0;
		margin: 0;
	border-bottom: 1px solid #ccc;
}
	.joblist p {
margin: 0;
padding: 0;
}
	.joblist span {
margin: 0;
padding: 0;
}
	.joblist h3 {
		font-weight: 400;
		color: #1A83C4;
		font-size: 1.2em;
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.2em;
		}
		
	.joblist h3 a {
	outline: 0;
			color: #1A83C4;
			text-decoration: none;
			}
	.joblist h3 a:hover {
			text-decoration: underline;
			}

	.joblist_date {
		font-size: 0.9em;
		line-height: 1.1em;
margin: 0;
padding: 0;
	}

/* Stellenanzeige details */
		#jobdetail {
		padding: 0 0 2em 0;
		margin: 0;
	}
	
			#jobdetail p{
			margin: 0 0 1.5em 0;
padding: 0;
	}
	
		#jobdetail h3 {
		font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		font-size: 1.4em;
		letter-spacing: 1px;
		margin: 0 0 0.8em 0;
		padding: 0;
		line-height: 1.2em;
	}
			
		#jobdetail img {
		max-width: 500px;
padding:              0.3em;
border:               1px solid #ddd;
background:           #fff;
	}
	
		#jobdetail ul{
	}

		#jobdetail ul li{
			position: relative;
			padding: 0 0 0 35px;
			margin: 0 0 0.8em 0;
		}
		
		#jobdetail ul li:before{
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width:22px;
			height: 22px;
			background: transparent;
			color: #1884C5;
			line-height: 22px;
			text-align: center;
		}
		
		#jobdetail ul li:after{
			content: '';
			display: block;
			clear: both;
		}
		
		#jobdetail ul li:first-child{
			padding-top: 0;
			border-top: 0;
		}

			.jobcontactcontainer{
			display: block;
			margin: 2.5em 0 3em 0;
					padding: 0.9em;
background: #f1f1f1;
border: 1px dashed #ccc;
	}
		 .jright{
		text-align: left;
	}
	
	.jobdetailoptions {
	display: block;
background: #fff;
margin: 1.5em 0 0 0;
padding: 1em 0 0 0;
border-top: 1px solid #ccc;
}
	.jobdetailoptions p {
margin: 0;
padding: 0;
}
	

/*********************************************************************************/
/* Highlight diverse */

/* Button Highlight Angebot */
.highlight_button_r ul.actions{
	padding: 0;
	margin: 0;
text-align: center;
	}

#highlight .highlight_info{
margin: 0 0 1em 0;
	padding: 0 0 0 1.2em;
}
#highlight .highlight_info p{
		font-size: 0.9em;
		line-height: 1.6em;
		margin: 1em 0 0 0;
	padding: 0;
				}


/*********************************************************************************/
/* Google Maps im Kontakt Highlight */

#highlight-map{
    z-index:98;
background: #dbeaf7;
  position: relative;
  padding-bottom: 48%;
  height: 0;
  overflow: hidden;
  		margin: -1.5em 0 3.5em 0;
}

#highlight-map iframe {
border: 0;
    pointer-events:none;
  position: absolute;
  top: 0;
  left: 0;
    width: 100% !important; 
    height: 100% !important; 
    z-index:97;
}

/*********************************************************************************/
/* Uploads */



/* Waiting*/
.waiting_content {
background: #fff url("./images/waiting.svg") no-repeat center top;
background-size: 60px 60px;
width: 100%;
}
.waiting_content p {
font-size: 0.9em;
margin: 1.5em 0 0 0;
}

.waiting_content h2 {
font-size: 1.6em;
margin: 3.5em 0 0 0;
}

/*********************************************************************************/
/* Slidemenu */

#slidemenu {
display: none;
}


/*********************************************************************************/
/* Blocks */

#blocks .block1:before
		{
			background: transparent url('./images/post.svg') no-repeat;
			content: "";
			display: block;
			width: 70px;
			height: 70px;
			position: absolute;
			margin: 1.7em 0 0 0;
		}
		
#blocks .block2:before
		{
			background: transparent url('./images/partner.svg') no-repeat;
			content: "";
			display: block;
			width: 70px;
			height: 70px;
			position: absolute;
			margin: 1.7em 0 0 0;
		}

	#blocks p {
		font-size: 0.9em;
margin: 0;
	}

	#blocks h2 {
		font-size: 1.4em;
		margin: 0 0 0.5em 5em;
		padding: 0;
		line-height: 1.1em;
	}

	#blocks .block1, #blocks .block2{
		padding: 1em;
background: #fff;
border-bottom: 5px solid #dbeaf7;
box-shadow: 0 0 5px rgba(0,0,0,.25);
			}
			
			#blocks .block_subline {
margin: 0 0 0 7em;
display: block;
}

			
	#blocks .block_linkline {
padding: 0;
margin: 0.8em 0 0 7em;
display: block;
}

#blocks .block_linkline span:before
		{
			background: transparent url('./images/link.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 14px;
			height: 14px;
			 padding: 0 0 0 2em;
		}			
	


/*********************************************************************************/
/* Collapse Expand Branchen */

dl {
width: 100%;
margin-top: 2em;
}
dt {
	background: #fff;
	border-top: solid 2px #5C85C5;
	border-bottom: solid 2px #5C85C5;
	float:left;
	width: 100%;
	padding: 1em 0 1em 0;
	margin-top: 0;
	margin-bottom:-4px;
	cursor:pointer;
}

dt h4 {
		font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		font-size: 1.4em;
		margin: 0;
		padding: 0;
		display: inline-block;
}

dt span {
		font-weight: 400;
		font-size: 1em;
		margin: 0;
		padding: 0 1em 0 0;
		display: block;
}


dd {
	display:none;
	background:#fff;
	margin:0 0 1em 0;
	float:left;
	width: 100%;
	padding: 1em 0 1em 0;
}
dd h5 {
		font-weight: 400;
		color: #1A83C4;
		font-size: 1em;
		margin: 1.5em 0 1em 0;
		padding: 0;
		display: block;
}
dd p{
	padding: 0 0 0.5em 0;
}
dd img{
	margin: 1.5em 0 1em 0;
	width: 100%;
}

.closed {
background: transparent url('./images/collapse.svg') left no-repeat;
	float:right;
	display:block;
	height: 22px;
	width: 22px;
	text-indent:-9999px;
}

.open {
background: transparent url('./images/expand.svg') right no-repeat;
	float:right;
	display:block;
	height: 22px;
	width: 22px;
	text-indent:-9999px;
}

.initial-open {
display:block;
} 

/*********************************************************************************/
/* Wrappers */

			#header-wrapper {
				display: none;
			}

			#search-wrapper {
				background: #f6f6f6;
				border-bottom: solid 1px #d9d9d9;
				padding: 1.5em 20px 1.5em 20px;
			}
			#breadcrumb-wrapper {
			background: #fff;
				padding: 1em 20px 0 20px;
			}

			#main-wrapper {
				padding: 2em 20px 4em 20px;
			}
			
				 #blocks-wrapper{
	 background: #fff;
	 padding: 2em 20px 0 20px;
	 margin: 0;
	}
	
		
		#leistungen-wrapper {
		background: #fff;
		padding: 0 20px 3em 20px;
		margin: 0;
	}
	
	#argumente-wrapper {
		background: #fff;
		padding: 0 20px 3em 20px;
		margin: 0;
	}
	
	
		#highlight-wrapper {
		background: #dbeaf7;
		padding: 3em 20px 3em 20px;
		margin: 0 0 3em 0;
	}
	
	#logo-wrapper
	{
		background: #fff;
		padding: 0 20px 2.5em 20px;
	}

	#footer-wrapper
	{
		background: #1B82C5;
		padding: 1em 20px 1em 20px;
	}
	
	#footer-wrapper section {
	margin-bottom: 5em !important;
	}
	
	#footer-links-wrapper {
		padding: 2em 0 4em 0;
	}

/*********************************************************************************/
/* Off-Canvas Navigation */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
				padding-top: 44px;
			}

			#titleBar {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 44px;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10001;
		background: #fff;
		color: #666;
				text-align: center;
				        box-shadow:0 0 3px rgba(0,0,0,.25);
			}


					#titleBar .title {
	text-align: center;
			white-space: nowrap;
			display: inline-block;
width: 190px;
		line-height: 44px;
text-indent: 190px;
overflow: hidden;
background-image: url('./images/header-logo_2_mobile.png');
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}


					#titleBar .title span {
						font-weight: 400;
					}

	
				#titleBar .toggle {
					position: absolute;
					text-indent: -9999px;
					left: 0;
					top: 0;
					width: 70px;
					height: 50px;
				}

		#titleBar .toggle:before
		{
			content: '';
			display: block;
			position: absolute;
			/*background: rgba(221,221,221,0.9) url('./images/toggle.svg') 13px 10px no-repeat; */
			background: transparent url('./images/toggle.svg') 12px 8px no-repeat;
			color: #1884C5;
			width: 50px;
			height: 30px;
			top: 7px;
			left: 7px;
			border: 1px solid transparent;
						border-radius: 4px;
			
		}
							#titleBar .toggle:active:before {
						background-color: transparent;
					}
		
		#titleBar .toggle:hover:before
		{
			border: 1px solid #ddd;
						background: rgba(221,221,221,0.1) url('./images/toggle.svg') 12px 8px no-repeat;
		}

			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-245px);
				-webkit-transform: translateX(-245px);
				-ms-transform: translateX(-245px);
				transform: translateX(-245px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 245px;
				z-index: 10002;
				background: #efefef;
				box-shadow: inset -3px 0px 3px 0px #d9d9d9;
			}

				#navPanel .link {
					display: block;
					color: #333;
					text-decoration: none;
					border-top: solid 1px rgba(170, 170, 170, 0.1);
					height: 44px;
					line-height: 44px;
					padding: 0 1.5em 0 1.5em;
				}

				#navPanel .link:hover {
				background: #ddd;
					color: #336caf;
				}
				
					#navPanel .link:first-child {
						border-top: 0;
					}

				#navPanel .indent-1 {
					display: inline-block;
					width: 1em;
				}

				#navPanel .indent-2 {
					display: inline-block;
					width: 2em;
				}

				#navPanel .indent-3 {
					display: inline-block;
					width: 3em;
				}

				#navPanel .indent-4 {
					display: inline-block;
					width: 4em;
				}

				#navPanel .indent-5 {
					display: inline-block;
					width: 5em;
				}

				#navPanel .depth-0 {
					color: #333;
					font-weight: 500;
				}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(245px);
				-webkit-transform: translateX(245px);
				-ms-transform: translateX(245px);
				transform: translateX(245px);
			}

			body.navPanel-visible #titleBar {
				-moz-transform: translateX(245px);
				-webkit-transform: translateX(245px);
				-ms-transform: translateX(245px);
				transform: translateX(245px);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}

/*********************************************************************************/
/* Banner */

			#banner {
				position: relative;
				width: 100%;
			}

				#banner .nav-next, #banner .nav-previous {
					-moz-transition: background-color .25s ease-in-out;
					-webkit-transition: background-color .25s ease-in-out;
					-ms-transition: background-color .25s ease-in-out;
					transition: background-color .25s ease-in-out;
					position: absolute;
					top: 0;
					width: 70px;
					height: 100%;
					z-index: 3;
					cursor: pointer;
					opacity: 0.75;
				}

					#banner .nav-next:before, #banner .nav-previous:before {
						font-family: FontAwesome;
						text-decoration: none;
						font-size: 72px;
						font-style: normal;
						font-weight: normal;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						color: #fff;
						display: block;
						width: 52px;
						height: 64px;
						line-height: 64px;
						position: absolute;
						text-align: center;
						top: 50%;
						left: 50%;
						margin: -32px 0 0 -26px;
					}

					#banner .nav-next:hover, #banner .nav-previous:hover {
						opacity: 1.0;
					}

				#banner .nav-next {
					right: 0;
				}

					#banner .nav-next:before {
						content: "\f105";
					}

				#banner .nav-previous {
					left: 0;
				}

					#banner .nav-previous:before {
						content: "\f104";
					}

/* Indicator */
#banner .indicator
	{
					position: absolute;
					top: 10px;
					right: 20px;
					z-index: 3;
	}
	#banner .indicator ul
		{
			list-style: none;
			padding: 0;
			margin: 0;
			text-align: center;
		}

			#banner .indicator ul li
			{
				display: inline-block;
				width: 10px;
				height: 10px;
				text-indent: -9999em;
				background: #c8c8c8;
				margin: 0 2px 0 2px;
				/* border-radius: 8px; */
				border-bottom: solid 1px #ffffff;
				border-top: solid 1px #909090;
			}

			#banner .indicator ul li.active
			{
				background: #1A83C4;
				border-top: solid 1px #1A83C4;
			}
			
			/* Captions */
			
				#banner .captions {
					position: relative;
			background: #1884C5;
			color: #fff;
					padding: 1.75em 20px 1.75em 20px;
				}

					#banner .captions .caption-line-1 {
						font-size: 1.5em;
						font-weight: bold;
						display: block;
						margin: 0 0 0.3em 0;
					}

					#banner .captions .caption-line-2 {
						font-size: 1.2em;
				color: #fff;
					}

				#banner .viewer {
					background: #fff;
				}

				#banner .slide img {
					display: block;
					width: 100%;
				}

				#banner .slide .link {
					position: absolute;
					text-indent: -9999px;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: 2;
				}


			/* Banner ohne Slider*/
			#banner_small {
				position: relative;
				width: 100%;
			}
			
			#banner_small img {
					display: block;
					max-width: 100%;
				}
				
/*********************************************************************************/
/* Search */

			#search {
				position: relative;
			}

				#search span {
					display: none;
				}

				#search form {
					display: block;
					position: relative;
				}

					#search form input.text {
						display: block;
						width: 100%;
						height: 34px;
					}

					#search form input.button {
						width: 34px;
						height: 34px;
						position: absolute;
						right: 0;
						top: 0;
						display: block;
						z-index: 1;
						border: 0;
						padding: 0;
						opacity: 0;
					}

					#search form:before {
						content: "\f002";
						font-family: FontAwesome;
						text-decoration: none;
						font-size: 18px;
						font-style: normal;
						font-weight: normal;
						line-height: 1;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						position: absolute;
						right: 0;
						top: 0;
						z-index: 2;
						background: #00a6eb;
						color: #fff;
						width: 34px;
						height: 34px;
						line-height: 34px;
						text-align: center;
					}
					
					
/*********************************************************************************/
/* Breadcrumb */

			#breadcrumb {
			}
				#breadcrumb .slug{
			/*display: none; */
			}
				
/*********************************************************************************/
/* highlight */
	
	#highlight {
	}
	
	/* Payment-Logos Schuldnerportal */
	.highlight_paylogos {
	margin: 1em 0 0 0;
	padding: 0 0 0 1em;
display: block;
}
	.highlight_paylogos span {
	margin: 0 1.5em 0 0;
	padding: 0;
}
	.highlight_paylogos span img {
	background: #fff;
	border: 5px solid #fff;
	height: 70px;
margin: 0 auto; /* Logos zentrieren */
padding: 0;
display: block;
}
/*********************************************************************************/
/* Content Liste (Detailseiten)

/* Icons links groß */
		#content-list .icon_left {
		margin: 1em 0 0 0;
		padding: 0;
display: inline-block;

	}
	
		#content-list .icon_left h3{
		font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		font-size: 1.5em;
		letter-spacing: 1px;
		margin: 0;
		padding: 0;
		line-height: 1.2em;
		}

/* Icon-Zuweisung */
	    #content-list .icon_left.ziel span:before {
			background: transparent url('./images/ziel.svg') no-repeat left bottom;	
			content: "";
			display: inline-block;
			width: 35px;
			height: 35px;
			margin: 0 0.8em 0 0;
		}
		
		#content-list .icon_left.vorgehen span:before {
			background: transparent url('./images/vorgehen.svg') no-repeat left bottom;	
						content: "";
			display: inline-block;
			width: 35px;
			height: 35px;
			margin: 0 0.8em 0 0;
		}
		
		#content-list .icon_left.ueberblick span:before {
			background: transparent url('./images/ueberblick.svg') no-repeat left bottom;	
						content: "";
			display: inline-block;
			width: 35px;
			height: 35px;
			margin: 0 0.8em 0 0;
		}
		
		 #content-list .icon_left.erfahren span:before {
			background: transparent url('./images/erfahren.svg') no-repeat left bottom;	
						content: "";
			display: inline-block;
			width: 35px;
			height: 35px;
			margin: 0 0.8em 0 0;
		}
		
		#content-list .icon_left.unabhaengig span:before {
			background: transparent url('./images/unabhaengig.svg') no-repeat left bottom;	
						content: "";
			display: inline-block;
			width: 35px;
			height: 35px;
			margin: 0 0.8em 0 0;
		}
		
		#content-list .icon_left.fair span:before {
			background: transparent url('./images/fair.svg') no-repeat left bottom;	
						content: "";
			display: inline-block;
			width: 35px;
			height: 35px;
			margin: 0 0.8em 0 0;
		}
	
	
	#content-list .content-list_right{
		margin: 0;
		padding: 1em 0 0 0;
		}
	#content-list .content-list_right p{
        margin: 0 0 1em 0;
		padding: 0;
		}


				#content-list .content-list_center h3{
		text-transform: uppercase;
		color: #1A83C4;
		margin: 0;
		padding: 0;
		}
		
				#content-list .content-list_right h4{
		font-weight: 300;
		color: #A7A6A6;
		font-size: 1.3em;
		margin: 1em 0 0.5em 0;
		padding: 0;
		display: block;
		}
	
	
/* tabelle für Beispiele */
#beispiel {
		display: block;
				width: 100%;
		margin: 2em 0 1.5em 0;
padding: 1.5em;
background: #fff;
border-bottom: 5px solid #dbeaf7;
box-shadow: 0 0 5px rgba(0,0,0,.25);
}

#beispiel ul{
		margin: 0;
		padding: 0;
list-style: none;
}

#content-list .content-list_right #beispiel h4{
font-size: 1.6em;
			color: #adadad;
		margin: 0 0 1em 0;
		padding: 0;
}
#beispiel h5{
font-weight: 400;
color: #767676;
		margin: 0;
		padding: 0;
text-transform: uppercase;
}
#beispiel h6{
font-weight: bold;
		color: #1A83C4;
		margin: 0;
		padding: 0;
}
#beispiel p{
		margin: 0 0 1em 0;
		padding: 0;
}

#beispiel img
	{
		display: block;
		width: 100%;
		padding: 0;
	}

/*********************************************************************************/
/* Content Formularseiten */

		#content-form {
		margin: 0;
		padding: 0;
	}
	
			#content-form h3{
					font-size: 1.5em;
		letter-spacing: 1px;	
		line-height: 1.2em;
		font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		margin: 0 0 1em 0;
		padding: 0;
	}
	
				#content-form ul.actions{
text-align: left;
	}
	
	#content-form #Ausland_container p{
display: block;
		margin: 0 0 1em 0;
		padding: 0;
}
	#content-form #Inland_container p{
display: block;
		margin: 0 0 1em 0;
		padding: 0;
}
	#content-form #Bonitaet_container p{
display: block;
		margin: 0 0 1em 0;
		padding: 0;
}
	#content-form #Ueberwachungsverfahren_container p{
display: block;
		margin: 0 0 1em 0;
		padding: 0;
}
	#content-form #Forderungsverkauf_container p{
display: block;
		margin: 0 0 1em 0;
		padding: 0;
}
	#content-form #Anschrift_container p{
display: block;
		margin: 0 0 1em 0;
		padding: 0;
}
#content-form #Wirtschaft_container p{
display: block;
		margin: 0 0 1em 0;
		padding: 0;
}


#content-form #Ausland_container,
#content-form #Inland_container,
#content-form #Bonitaet_container,
#content-form #Ueberwachungsverfahren_container,
#content-form #Forderungsverkauf_container,
#content-form #Anschrift_container,
#content-form #Wirtschaft_container{
			background: #fff;
			margin: 2em 0 0 0;
					padding: 0 1.5em 2em 0;
border: 1px dashed #ccc;
display: block;
}

	#content-form #Ausland_container h4,
	#content-form #Inland_container h4,
	#content-form #Bonitaet_container h4,
	#content-form #Ueberwachungsverfahren_container h4,
	#content-form #Forderungsverkauf_container h4,
	#content-form #Anschrift_container h4,
	#content-form #Wirtschaft_container h4{
		line-height: 1.2em;
		font-size: 1.2em;
		letter-spacing: 1px;
		font-weight: 300;
		color: #1A83C4;
		margin: 0 0 1em 0;
		padding: 0;
		display: block;
}

/*********************************************************************************/
/* argumente */
	
	
		#argumente h3 {
			text-align: center;
				font-size: 1.5em;
				letter-spacing: -1px;
				font-weight: 100;
		margin: 0.8em 0 0.5em 0;
	}
	
			#argumente p {
			text-align: center;
			font-size: 0.9em;
			margin: 0;
			padding: 0;
			line-height: 1.5em;
	}
	
	.arg1 {
			background: transparent url('./images/erfahren.svg') no-repeat top center;
			display: block;
			padding: 0;
			margin: 2em auto 0 auto;
			width: 70px;
			height: 70px;
}

	.arg2 {
			background: transparent url('./images/unabhaengig.svg') no-repeat top center;
			display: block;
			padding: 0;
			margin: 2em auto 0 auto;
			width: 70px;
			height: 70px;
}	

	.arg3 {
			background: transparent url('./images/fair.svg') no-repeat top  center;
			display: block;
			padding: 0;
			margin: 2em auto 0 auto;
			width: 70px;
			height: 70px;
}

/*********************************************************************************/
/* Leistungen */

#leistungen .leistungbox{
height: 180px;
			background: #fff;
			margin: 0.5em 0 0 0;
					padding: 1.5em 1.5em 0 1.5em;
border-bottom: 5px solid #dbeaf7;
box-shadow: 0 0 5px rgba(0,0,0,.25);
		}


#leistungen p {
		font-size: 0.9em;
margin: 0.8em 0 0 0;
	}

#leistungen h3 {
		font-weight: 300;
		color: #A7A6A6;
		font-size: 1.5em;
		letter-spacing: 1px;
		margin: 0;
		padding: 0;
		line-height: 1.2em;
	}
			
	#leistungen h3 a {
			color: #A7A6A6;
			text-decoration: none;
			}
				#leistungen h3 a:hover {
			color: #1A83C4;
			text-decoration: none;
			}
			
	#leistungen .leistung_linkline {
padding: 0;
margin: 2em 0 0 0;
display: block;
}

	#leistungen .leistung_linkline_h {
padding: 0;
margin: 1.7em 0 0 0;
display: block;
}

#leistungen h3 span, #leistungen p span  {
display: inline;
	}
	
	#leistungen .leistung_linkline span:before, #leistungen .leistung_linkline_h span:before
		{
			background: transparent url('./images/link.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 16px;
			height: 16px;
			 padding: 0 0 0 2em;
		}			
			
	#leistungen .leistung_linkline a, #leistungen .leistung_linkline_h a {
text-decoration: none;
font-weight: bold;
}

	.leistunghead {
	margin-bottom: 2em;
	}

/*********************************************************************************/
/* Kunden */

#kunden {
}

	#kunden .kundenbox{
height: 180px;
			background: #fff;
			margin: 0.5em 0 0 0;
					padding: 1.5em 1.5em 0 1.5em;
border-bottom: 5px solid #dbeaf7;
box-shadow: 0 0 5px rgba(0,0,0,.25);
		}


#kunden p {
		font-size: 0.9em;
margin: 0.8em 0 0 0;
	}

#kunden h3 {
text-transform: uppercase;
		font-weight: 300;
		color: #1A83C4;
		font-size: 1.5em;
		letter-spacing: 1px;
		margin: 0 0 1em 0;
		padding: 0;
		line-height: 1.2em;
	}
	#kunden h3 a {
			color: #A7A6A6;
			text-decoration: none;
			}
		
  #kunden h3 a:hover {
			color: #1A83C4;
			text-decoration: none;
			}
			
#kunden h3 span, #kunden p span  {
display: block;
	}
	
		#kunden .kundenbox h3{
		margin: 0;
text-transform: none;
		}
	
#kunden .kundenbox:hover {
box-shadow: 0 0 5px rgba(0,0,0,.50);
			}

			
	#kunden .kunden_linkline {
padding: 0;
margin: 1.5em 0 0 0;
display: block;
}

	#kunden .kunden_linkline_h {
padding: 0;
margin: 1.5em 0 0 0;
display: block;
}

	#kunden .kunden_linkline span:before, #kunden .kunden_linkline_h span:before
		{
			background: transparent url('./images/link.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 16px;
			height: 16px;
			 padding: 0 0 0 2em;
		}			
			
	#kunden .kunden_linkline a, #kunden .kunden_linkline_h a {
text-decoration: none;
font-weight: bold;
}

	.kundenbox_info {
padding: 0;
margin: 2em 0 0 0;
display: block;
}
	.kundenbox_button_r .actions {
	padding: 1em 0 0 0;
	margin: 0;
text-align: center;
	}

	
/*********************************************************************************/
/* Kontakt */

#contactbox{
width: 90%;
			background: #fff;
			margin: 0.5em 0 0 0;
					padding: 1.5em 1.5em 0 1.5em;
border-bottom: 5px solid #dbeaf7;
box-shadow: 0 0 5px rgba(0,0,0,.25);
		}
		
#contactbox #content-form h3 {
		font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		font-size: 1.5em;
		letter-spacing: 1px;
		margin: 0 0 1em 0;
		padding: 0;
		line-height: 1.2em;
	}
	
	#contactoptions {
margin: 0;
padding: 0;
}

	#contactoptions p {
	font-size: 0.9em;
margin: 0;
padding: 0;
}
	#contactoptions li h3 {
		font-weight: 300;
		color: #A7A6A6;
		font-size: 1.4em;
		letter-spacing: 1px;
		margin: 0 0 0.5em 0;
		padding: 0;
		line-height: 1.2em;
		}
		
	#contactoptions li h3 a {
	outline: 0;
			color: #A7A6A6;
			text-decoration: none;
			}
	#contactoptions li h3 a:hover {
			color: #1A83C4;
			text-decoration: none;
			}
		
	#contactoptions li {
			background: #fff;
			margin: 0 0 1.5em 0;
					padding: 1em;
border-bottom: 5px solid #dbeaf7;
box-shadow: 0 0 5px rgba(0,0,0,.25);
}

	#contactoptions strong {
	font-weight: normal;
padding: 0 0 0 1em;
}

		#contactoptions strong:before
		{
			background: transparent url('./images/telefon.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 12px;
			height: 12px;
			 padding: 0 0 0 1.5em;
		}
			
			
	#contactoptions .contact_linkline {
padding: 0;
margin: 1.5em 0 0 0;
display: block;
}

	#contactoptions .contact_linkline span:before, #contactoptions .contact_linkline_h span:before
		{
			background: transparent url('./images/link.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 16px;
			height: 16px;
			 padding: 0 0 0 2em;
		}			
			
	#contactoptions .contact_linkline a, #contactoptions .contact_linkline_h a {
	outline: 0;
text-decoration: none;
font-weight: bold;
}


/*********************************************************************************/
/* Schuldner */

	#schuldner .schuldnerbox{
height: 180px;
			background: #fff;
			margin: 0.5em 0 0 0;
					padding: 1.5em 1.5em 0 1.5em;
border-bottom: 5px solid #dbeaf7;
box-shadow: 0 0 5px rgba(0,0,0,.25);
		}


#schuldner p {
		font-size: 0.9em;
margin: 0.8em 0 0 0;
	}

#schuldner h3 {
text-transform: uppercase;
		font-weight: 300;
		color: #1A83C4;
		font-size: 1.5em;
		letter-spacing: 1px;
		margin: 0 0 1em 0;
		padding: 0;
		line-height: 1.2em;
	}
	#schuldner h3 a {
			color: #A7A6A6;
			text-decoration: none;
			}
		
  #schuldner h3 a:hover {
			color: #1A83C4;
			text-decoration: none;
			}
			
#schuldner h3 span, #schuldner p span  {
display: block;
	}
	
		#schuldner .schuldnerbox h3{
text-transform: none;
		}
	
#schuldner .schuldnerbox:hover {
box-shadow: 0 0 5px rgba(0,0,0,.50);
			}

			
	#schuldner .schuldner_linkline {
padding: 0;
margin: 2.5em 0 0 0;
display: block;
}

	#schuldner .schuldner_linkline_h {
padding: 0;
margin: 3.2em 0 0 0;
display: block;
}

	#schuldner .schuldner_linkline_n {
padding: 0;
margin: 3.2em 0 0 0;
display: block;
}

	#schuldner .schuldner_linkline span:before, #schuldner .schuldner_linkline_h span:before, #schuldner .schuldner_linkline_n span:before
		{
			background: transparent url('./images/link.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 16px;
			height: 16px;
			 padding: 0 0 0 2em;
		}			
			
	#schuldner .schuldner_linkline a, #schuldner .schuldner_linkline_h a, #schuldner .schuldner_linkline_n a {
text-decoration: none;
font-weight: bold;
}

	.schuldnerbox_info {
padding: 0;
margin: 2em 0 0 0;
display: block;
}
	.schuldnerbox_button_r .actions {
	margin: 0;
	padding: 5em 0 0 0;
text-align: right;
	}
	
#anliegen1,#anliegen2,#anliegen3,#anliegen4,#anliegen5,#anliegen6 {
display: none;
width: 90%;
padding: 2em 2em 0 2em;
margin: 0;
box-shadow: 0 0 7px rgba(0,0,0,.25);
border-bottom: 8px solid #dbeaf7;
/*-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px; */
}

#anliegen1 p,#anliegen2 p,#anliegen3 p,#anliegen4 p,#anliegen5 p,#anliegen6 p {
font-size: 1em;
margin: 0 0 1em 0;
}

#anliegen1 h2,#anliegen2 h2,#anliegen3 h2,#anliegen4 h2,#anliegen5 h2,#anliegen6 h2{
		font-weight: 300;
		color: #A7A6A6;
		font-size: 1.8em;
		letter-spacing: 1px;
		margin: 0 0 1em 0;
		padding: 0;
		line-height: 1.2em;
}
#anliegen1 h2 span,#anliegen2 h2 span,#anliegen3 h2 span,#anliegen4 h2 span,#anliegen5 h2 span,#anliegen6 h2 span{
color: #1A83C4;
}


#anliegen1 p label, #anliegen2 p label, #anliegen3 p label, #anliegen4 p label, #anliegen5 p label, #anliegen6 p label{
display: block;
}
/*
#anliegen1 p span, #anliegen2 p span, #anliegen3 p span, #anliegen4 p span, #anliegen5 p span, #anliegen6 p span {
font-size: 0.9em;
display: block;
margin: 0 0 1em 0;
}
*/

/*SP Form */
#schuldnerportalform {
}
#schuldnerportalform h3{
		font-weight: 300;
		text-transform: uppercase;
		color: #1A83C4;
		font-size: 1.5em;
		margin: 1.5em 0 1.5em 0;
		padding: 0;
		display: block;
			}
		
		#schuldnerportalform h4{
		font-weight: 300;
		color: #A7A6A6;
		font-size: 1.2em;
		margin: 0 0 1.5em 0;
		padding: 0;
		display: block;
			}

/*********************************************************************************/
/* Logos */

#logos
	{
		position: relative;
	
	}
	#logos img {
	padding: 0;
	margin: 0;
	border: 1px solid #000;
}

	#logos span img {
			padding: 7px 10px 7px 10px;
			background: #fff;
			border: 1px solid #ddd;
}

	#logos .image-fit {
		margin: 0;
	}
	
	
/*********************************************************************************/
/* Sidebar */


/*********************************************************************************/
		
		#sidebar {
		margin: 2em 0 0 0;
}
		.side_contact{
		margin: 0;
		padding: 0;
		display: block;
	}
	
			.side_contact ul {
		margin: 1.3em 0 0 0;
		padding: 0;
	}
	
		.side_contact p {
		margin: 0;
		padding: 0;
		}

		.side_contact ul li {
			position: relative;
			padding: 0;
			margin: 0 0 0.5em 0;
		}
		
		.side_contact ul .icon_mail:before
		{
			background: transparent url('./images/mail.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 14px;
			height: 14px;
			 padding: 0 0 0 2em;
		}
		
		.side_contact ul .icon_phone:before
		{
			background: transparent url('./images/telefon.svg') no-repeat left center;
			content: "";
			display: inline-block;
			width: 14px;
			height: 14px;
			 padding: 0 0 0 2em;
		}
		
		.side_contact ul .icon_mail:after, .side_contact ul .icon_phone:after {
			content: '';
			display: block;
			clear: both;
		}
		
		.side_contact ul .icon_phone {
			padding: 0;
		}
		
			.side_contact ul .icon_mail a {
			color: #6E6E6E;
			text-decoration: none;
		}
			.side_contact ul .icon_mail a:hover {
			text-decoration: underline;
		}
	
		.side_bdiu_banner {
		margin: -2em 0 -1em 0;
		padding: 0;
		display: block;
	}
	
	.side_bdiu_banner p {
		margin: 0 0 -2em 0;
		padding: 0;
	}
	
	.side_bdiu_banner img {
		margin: 0;
		padding: 0;
	}
	
/*********************************************************************************/
/* Footer */


/*********************************************************************************/
#page-footer {
	text-align: center;
	padding: 0;
	color: #fff;
	}
	#page-footer p {
margin: 0;
padding: 0;
}

#page-footer-links
	{
	color: #5C85C5;
			padding: 0;
	}
#page-footer-links p {
margin: 0;
padding: 0;
}
	
		#page-footer-links section
		{
			margin: 0;
		}

		#page-footer-links > section:last-child
		{
			margin-bottom: 0;
		}
		
			
		#page-footer-links a
		{
			color: #1A83C4;
		}
		
				
	.footer_right, .footer_left {
		text-align: center;
	}
	
		#footerlinks ul {
		
	}

				#footerlinks ul li
				{
					display: inline-block;
				}

					#footerlinks ul li a
					{
						outline: 0;
						position: relative;
						text-decoration: none;
						padding: 0.5em 0.3em 1.5em 0.3em;
					}
					
					#footerlinks ul li a:hover
					{
						text-decoration: underline;
					}
					

/* Flaggen */
#flags ul {
border: none;
margin: 0;
padding: 0;
}
#flags ul li {
display: inline-block;
padding: 0.5em 0.3em 0 0.3em;
}

#flags ul li span {
display: none;
}

#flags ul .flag_de a, #flags ul .flag_de div {
	filter: grayscale(100%); /* Standard */
    -webkit-filter: grayscale(100%); /* Webkit */
    filter: url('./images/grayscale.svg#desaturate'); /* Firefox 4-34 */
    filter: gray;  /* IE6-9 */
    -webkit-filter: grayscale(1); /* Old WebKit */
background: transparent url('./images/de.svg') no-repeat;
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
}

#flags ul .flag_en a, #flags ul .flag_en div {
	filter: grayscale(100%); /* Standard */
    -webkit-filter: grayscale(100%); /* Webkit */
    filter: url('./images/grayscale.svg#desaturate'); /* Firefox 4-34 */
    filter: gray;  /* IE6-9 */
    -webkit-filter: grayscale(1); /* Old WebKit */
background: transparent url('./images/en.svg') no-repeat;
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
}
  
 #flags ul .flag_de div,   #flags ul .flag_en div {
	    filter: grayscale(0%);
    filter: none;
    -webkit-filter: grayscale(0); /* Old WebKit */
}

 #flags ul .flag_de a:hover,   #flags ul .flag_en a:hover {
	    filter: grayscale(0%);
    filter: none;
    -webkit-filter: grayscale(0); /* Old WebKit */
}
	
/*********************************************************************************/
/* Top top link */

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(51,51,51, 0.8) url('./images/to-top.svg') no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #444;
  opacity: 1;
}
.cd-top {
    height: 30px;
    width: 30px;
    right: 80px;
    bottom: 25px;
  }

	}