/* Allgemeine Einstellungen */

html,
body
{
	margin: 0;
	padding: 0;
}
body
{
	background: #dfdfdf url(../images/layout/background.jpg) repeat 0 0;
	color: #757f93;
	font: normal normal 1em/1.5em 'Fira Sans', 'Helvetica Neue', sans-serif; /* 16/16 24/16 */

	-webkit-text-size-adjust: 100%; /* prevent font scaling in landscape */
}
a
{
	color: #0075be;
	text-decoration: none;
}
a:hover,
a:focus
{
	text-decoration: underline;
}
a img
{
	border: none;
}
a span
{
	cursor: pointer;
}
address
{
	margin: 0;
	padding: 0.2857em 0; /* 4/14 */
	font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6
{
	margin: 0;
	padding: 0;
}
h1
{
	margin: 1.0476em 4.7619047619% 1.1429em 4.7619047619%; /* 44/42 (48/1008)*100 48/42 (48/1008)*100 */
	color: #4b4e54;
	font-weight: 300;
	font-size: 2.625em; /* 42/16 */
	line-height: 1.0952em; /* 46/42 */
	text-transform: uppercase;
	text-align: center;
}
h1 a
{
	color: #4b4e54;
}
h2
{
	margin: 0.8462em 0 0.6154em 0; /* 22/26 0 16/26 0 */
	color: #0075be;
	font-size: 1.625em; /* 26/16 */
	line-height: 1.3077em; /* 34/26 */
}
h2.subheadline
{
	margin: -1.5556em 4.7619047619% 2.6667em 4.7619047619%; /* -28/18 (48/1008)*100 48/18 (48/1008)*100 */
	color: #757f93;
	font-weight: normal;
	font-size: 1.125em; /* 18/16 */
	line-height: 1.5556em; /* 28/18 */
	text-align: center;
}
h2.subheadline a
{
	color: #757f93;
}
h3
{
	margin: 0.8571em 0 0.6667em 0; /* 18/21 0 14/21 0 */
	color: #4b4e54;
	font-size: 1.3125em; /* 21/16 */
	line-height: 1.3810em; /* 29/21 */
}
h3 a
{
	color: #4b4e54;
}
img
{
	max-width: 100%;
}
blockquote
{
	margin: 0;
	padding: 0;
	font-style: italic;
}
blockquote p:before,
blockquote p::before
{
	content: '„';
}
blockquote p:after,
blockquote p::after
{
	content: '“';
}
p
{
	margin: 0 0 0.75em 0; /* 0 0 12/16 0 */
	padding: 0;
}
sub
{
	line-height: 100%;
}
.more
{
	margin: 2em 0 2.5em 0; /* 32/16 0 40/16 0 */
	color: #ffffff;
	line-height: 1.375em; /* 22/16 */
	text-transform: uppercase;
}
.more a,
.more span
{
	display: inline-block;
	padding: 0.75em 1.25em; /* 12/16 20/16 */
	background: #3db1db;
	border: solid 1px #16a5d9;
	border-radius: 0.375em; /* 6/16 */
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.more a:hover,
.more a:focus,
a:hover .more span,
a:focus.more span
{
	background: #16a5d9;
	text-decoration: none;
}
.more-multiple
{
	overflow: hidden;
}
.more-multiple a
{
	float: left;
	margin-left: -1px;
	border-radius: 0;
}
.more-multiple a:first-child
{
	border-top-left-radius: 0.375em; /* 6/16 */
	border-bottom-left-radius: 0.375em; /* 6/16 */
}
.more-multiple a.last-item,
.more-multiple a:last-child
{
	border-top-right-radius: 0.375em; /* 6/16 */
	border-bottom-right-radius: 0.375em; /* 6/16 */
}
ol,
ul
{
	margin: 1.25em 0 1.375em 0; /* 20/16 0 22/16 0 */
	padding: 0;
	list-style-type: none;
}
li
{
	margin: 0 2em 0.375em 2em; /* 0 32/16 6/16 32/16 */
	padding: 0;
}
li:before,
li::before
{
	float: left;
	margin-left: -1.5em; /* 24/16 */
	min-width: 1.5em; /* 24/16 */
	color: #3db1db;
	text-align: center;
}
ul li:before,
ul li::before
{
	content: '•';
}
ol
{
	counter-reset: ordered-list;
}
ol li:before,
ol li::before
{
	content: counter(ordered-list) '.';
	counter-increment: ordered-list;
}
table
{
	margin: 1.25em 0 1.375em 0; /* 20/16 0 22/16 0 */
	padding: 0;
	border: none;
	border-collapse: collapse;
}

table td
{
	vertical-align: top;
}
.dates td {
	font: normal 12px/19px arial, sans-serif;
}

.no-margin {
	margin: 0;
}

/* Allgemeine Einstellungen > Vorschau-Elemente (Showroom) */



.preview
{
	text-align: center;
}
.preview > a
{
	position: relative;
	display: inline-block;
	padding: 20px;
	background: #eeeef0;
}
.preview > a:hover::after,
.preview > a:hover:after
{
	content: url(../images/layout/plus.png);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin: -35px 0 0 0;
	text-align: center;
	cursor: pointer;
}
.preview img
{
	display: block;
	max-width: 480px;
	max-height: 340px;
}

/* Allgemeine Einstellungen > Presseliste */

.press
{
	/*margin: 2.5em 0 3em 0;*/ /* 40/16 0 48/16 0 */
}
.press li
{
	margin: 0;
	border-top: solid 1px #e2e5f0;
}
.press li:first-child
{
	border: none;
}
.press li:before,
.press li::before
{
	display: none;
}
.press li a
{
	display: block;
	overflow: hidden;
	padding: 1.0625em 0 1em 0; /* 17/16 0 16/16 0 */
}
.press li a:hover,
.press li a:focus
{
	background: #f7f8fc;
	text-decoration: none;
}
.press p
{
	display: inline-block;
	width: 25%;
	margin: 0;
	color: #4b4e54;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.press h2
{
	display: inline-block;
	width: 75%;
	margin: 0 0 0 -5px;
	font-size: 1.25em; /* 20/16 */
	line-height: 1.2em; /* 24/20 */
	font-weight: normal;
	vertical-align: middle;
}

/* Allgemeine Einstellungen > Referenzen */

.reference
{
	overflow: hidden;
	padding-left: 114px;
}
.reference img
{
	float: left;
	margin: 0 0 1em -114px; /* 0 0 16/16 -114 */
	border-radius: 50%;
}
.reference .author
{
	margin: 0.5em 0 1em 0; /* 8/16 0 16/16 0 */
	line-height: 1.375em; /* 22/16 */
}
.reference .author a
{
	color: #757f93;
}
.reference .author strong
{
	color: #4b4e54;
	font-size: 1.125em; /* 18/16 */
}
.reference blockquote
{
	clear: left;
	margin: 0 0 40px -114px;
	color: #8c98ac;
}

/* Allgemeine Einstellungen > Formularelemente */

.form-introduction
{
	/*margin: 3em 0 2em 0;*/ /* 48/16 0 32/16 0 */
}
.messages
{
	margin: 2.5em 0 2em 0; /* 40/16 0 32/16 0 */
	padding: 0.75em 1.5em 1em 1.5em; /* 12/16 24/16 16/16 24/16 */
	border: solid 1px #9ee5ff;
}
.messages h2
{
	font-weight: normal;
	font-size: 1.25em; /* 20/16 */
}
.error
{
	border-color: #fb9e9e;
}
.error h2
{
	color: #c21a1a;
}
.error ul li:before,
.error ul li::before
{
	color: #ee5050;
}
.success
{
	margin-bottom: 4em; /* 64/16 */
	border-color: #b2f4a0;
}
.success h2
{
	color: #35911c;
}
.success ul li:before,
.success ul li::before
{
	color: #6dd153;
}
form
{
	margin: 0;
	padding: 0;
}
label
{
	cursor: pointer;
}
input,
textarea,
select
{
	margin: 0;
	outline: none;
}
input.text,
textarea,
select
{
	box-sizing: border-box;

	padding: 0.5em 0.625em; /* 8/16 10/16 */
	background: #edeef0;
	border: solid 1px #cdcdcd;
	color: #4b4e54;
	font: normal normal 1em/normal 'Fira Sans', 'Helvetica Neue', sans-serif; /* 16/16 */
}
select
{
	padding-left: 0.5em; /* 8/16 */
}
textarea
{
	line-height: 1.3571em; /* 19/14 */
}
input.submit,
input.reset
{
	display: inline-block;
	padding: 0.6667em 1.1111em; /* 12/18 20/18 */
	background: #3db1db;
	border: solid 1px #16a5d9;
	border-radius: 0.3333em; /* 6/18 */
	color: #ffffff;
	font: normal normal 1.125em/normal 'Fira Sans', 'Helvetica Neue', sans-serif; /* 18/16 */
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
}
input.submit:hover,
input.submit:focus
{
	background: #16a5d9;
}
input.reset
{
	background: #edeef0;
	border: solid 1px #cdcdcd;
	color: #4b4e54;
}
input.reset:hover,
input.reset:focus
{
	background: #d8dade;
}
input.radio,
input.checkbox
{
	margin-right: 0.625em; /* 10/16 */
	vertical-align: middle;
}
label.radio,
label.checkbox
{
	margin-right: 0.75em; /* 12/16 */
	vertical-align: middle;
}
label.main
{
	display: block;
	margin-bottom: 0.25em; /* 4/16 */
}
form .label
{
	clear: both;
	font-size: 1.25em; /* 20/16 */
	font-weight: normal;
}

form .left-column,
form .right-column
{
	margin-top: 1.5em; /* 24/16 */
	margin-bottom: 1.5em; /* 24/16 */
}
form .row
{
	overflow: hidden;
	clear: left;
	padding: 0.5em 0; /* 8/16 0 */
}
form .row.highlight
{
	margin-bottom: 1em; /* 16/16 */
	padding: 0.5em 1em; /* 8/16 16/16 */
	background: #f8f8f9;
}
form .row.submit
{
	margin-top: 2em; /* 32/16 */
	margin-bottom: 4em; /* 64/16 */
	padding: 1em 1em 0.125em 1em; /* 16/16 16/16 2/16 16/16 */
	background: #f8f8f9;
	text-align: right;
}
form .row input.text,
form .row textarea
{
	width: 100%;
}
form .row.submit input
{
	margin-left: 0.4444em; /* 8/18 */
	margin-bottom: 0.7778em; /* 14/18 */
}

/* Allgemeine Einstellungen > Formularelemente > Captcha */

.captcha
{
	overflow: hidden;
}
form .captcha .row
{
	position: relative;
	padding-top: 1em; /* 16/16 */
	padding-bottom: 1em; /* 16/16 */
}
.captcha .row > div
{
	margin-right: 229px;
}
.captcha .row > div input.text
{
	height: 50px;
}
.captcha .row > a,
.captcha .row > img
{
	display: block;
	position: absolute;
	top: 1em; /* 16/16 */
	right: 16px;
}
.captcha .row > img
{
	right: 78px; /* 50+16+12 */
}
.captcha a
{
	width: 50px;
	height: 50px;
	background: #3db1db;
}
.captcha a:hover,
.captcha a:focus
{
	background: #16a5d9;
}

/* Allgemeine Einstellungen > Formularelemente > Gratis-Muster-Anfordern Sonderfälle */

#angebot_plz,
#angebot_ort,
#angebot_anrede,
#angebot_titel
{
	float: left;
	width: 65%;
}
#angebot_plz,
#angebot_anrede
{
	width: 30%;
	margin-right: 5%;
}

body.gratis_muster .content-wrapper.no_columns {
	margin-top: 0;
	margin-bottom: 0;
}

body.gratis_muster form#angebot .background_image {
	margin: 0 -48px;
	background-image: url(../images/cm/header/form_head.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 380px;
}

body.gratis_muster form#angebot .background {
	background-color: rgba(59, 177, 217, 0.9);
	/*margin: 0 -48px;*/
	padding: 20px 148px 20px 48px;
	background-image: url(../images/layout/badge.png);
	background-size: 117.5px 118px;
	background-repeat: no-repeat;
	background-position: right 15px center;
}

body.gratis_muster form#angebot .background .row.highlight {
	background: none;
	padding: 0;
	margin: 20px 0;
}

body.gratis_muster form#angebot .background .row.highlight input {
	zoom: 1.5;
}

body.gratis_muster form#angebot .background .row.highlight label {
	color: white;
	font-size: 18px;
}

body.gratis_muster form#angebot div.more {
	text-align: center;
	padding: 0;
	margin: 20px 0 50px 0;
}

body.gratis_muster form#angebot div.order_now_button {
	text-align: center;
	margin: 40px 0;
}

body.gratis_muster form#angebot div.order_now_button input {
	font-weight: bold;
}

body.gratis_muster form#angebot div.more a {
	min-width: 190px;
}

body.gratis_muster form#angebot h2.headline {
	color: #4b4e54;
	font-weight: 300;
	font-size: 1.625em;
	line-height: 1.0769em;
	text-transform: uppercase;
	text-align: center;
}

body.gratis_muster form#angebot hr {
	margin: 0;
	/*border: 1px solid #D9D9D9;*/
	height: 1px;
	background-color: #D9D9D9;
	border: 0 none;
}

body.gratis_muster form#angebot img.circle {
	width: 80px;
	height: 80px;
	display: block;
	text-align: center;
	border: 1px solid #3db1db;
	border-radius: 50%;
	margin: 40px auto 30px auto;
}

body.gratis_muster form#angebot input.submit {
	font-size: 18px;
	min-width: 300px;
	padding: 18px 20px;
}

body.gratis_muster form#angebot div.row.submit {
	margin: 1em -48px 0 -48px;
}

body.gratis_muster div.row-introduction {
	background-image: url(/images/cm/header/formular_header_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


/* Allgemeine Einstellungen > Formularelemente > Gratis-Muster-Anfordern Sonderfälle > Mitgliedschaft */

.membership
{
	overflow: hidden;
	margin: 0;
}
.membership ul
{
	overflow: hidden;
}
.membership ul li
{
	box-sizing: border-box;

	float: left;
	overflow: hidden;
	width: 47.6190476190%; /* (480/1008)*100 */
	margin: 0 0 1em 4.7619047619%; /* 0 0 16/16 (48/1008)*100 */
	padding: 0.5em 1em; /* 8/16 16/16 */
	background: #f8f8f9;
}
.membership ul li.first-two-columns
{
	clear: left;
	margin-left: 0;
}
.membership ul li:before,
.membership ul li::before
{
	display: none;
}
.membership ul li.other > input,
.membership ul li.other > label
{
	float: left;
}
.membership ul li.other > input
{
	margin-top: 0.6875em; /* 11/16 */
}
.membership ul li.other > label
{
	margin-top: 0.375em; /* 6/16 */
}
.membership ul li.other > div
{
	margin-left: 6.25em; /* 100/16 */
}
.membership ul li.other > div input
{
	width: 100%;
}

/* Allgemeine Einstellungen > Formularelemente > Infoverteiler Sonderfälle */

.section-required
{
	margin-top: 2em; /* 52/26 */
}
#infoverteiler .left-column,
#infoverteiler .right-column
{
	margin-top: 0;
}
#plz,
#ort,
#anrede,
#titel
{
	float: left;
	width: 65%;
}
#plz,
#anrede
{
	width: 30%;
	margin-right: 5%;
}

/* Allgemeine Einstellungen > Tooltips */

.tooltip
{
	display: inline-block;
	overflow: hidden;
	width: 25px;
	height: 25px;
	text-indent: -99999px;
}
.tooltip:before,
.tooltip::before
{
	content: '?';
	display: block;
	width: 100%;
	height: 100%;
	/*background: #3db1db;*/
	background: #757f93;
	border-radius: 50%;
	color: #ffffff;
	font-weight: bold;
	font-size: 20px;
	line-height: 27px;
	text-align: center;
	text-indent: 0;
}
.tooltip:hover,
.tooltip:focus
{
	text-decoration: none;
}
.tooltip:hover:before,
.tooltip:focus:before,
.tooltip:hover::before,
.tooltip:focus::before
{
	/*background: #16a5d9;*/
	background: #4b4e54;
}
.row .tooltip
{
	margin-left: 0.5em; /* 8/16 */
	/*margin-top: -0.25em;*/ /* -4/16 */
	vertical-align: middle;
}

/* Allgemeine Einstellungen > Slider-Pfeile */

.previous,
.next
{
	position: absolute;
	z-index: 100;
	top: 50%;
	left: 0;
	overflow: hidden;
	display: block;
	width: 48px;
	height: 104px;
	margin-top: -52px;
	background-color: #c5c7cc;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 14px 25px;
	border-radius: 0.375em; /* 6/16 */
	text-indent: -99999px;
	cursor: pointer;
}
.previous
{
	background-image: url(../images/layout/slider-previous.png);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.next
{
	left: auto;
	right: 0;
	background-image: url(../images/layout/slider-next.png);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

/* Tabellen Einstellungen > Newsletter / Kundenservice */

table.zeitungstypen
{
	width: 100%;
}
table.zeitungstypen td
{
	padding: 4px 16px 4px 0;
	vertical-align: top;
}
table.zeitungstypen td span
{
	font-weight: normal;
}

ul.pdf li a {
	text-decoration: none;
	color: #383838;
	padding: 6px 0px 6px 21px;
	background: url(../images/newsletter/pdficon.gif) no-repeat left 5px;
}

ul.pdf li a.extlink {
	background: url(../images/newsletter/linkicon.gif) no-repeat left 7px;
}

ul.pdf li a.no-icon {
	padding-left: 0;
	background: none;
}


/* Allgemeine Einstellungen > Archiv-Listen */

.year
{
	margin-top: 28px; /* 28/26 */
}
.archive
{
	font-size: 1.125em; /* 18/16 */
}
.archive li
{
	margin: 0;
	background: #fcfcfe;
	border-bottom: solid 1px #e2e5f0;
}
.archive li.even
{
	background: #ffffff;
}
.archive li:first-child
{
	border-top: solid 1px #e2e5f0;
}
.archive li:before,
.archive li::before
{
	display: none;
}
.archive a
{
	display: block;
	padding: 0.6667em 1.3333em; /* 12/18 24/18 */
	color: #4b4e54;
}
.archive a:hover,
.archive a:focus
{
	background: #f7f8fc;
	color: #0075be;
	text-decoration: none;
}

/* Framework */

.row
{
	padding: 0 48px;
}
.row > .wrapper
{
	overflow: hidden;
	max-width: 1008px;
	margin: 0 auto;
	padding: 0 48px;
}
.row-header
{
	background: #ffffff;
	border-bottom: solid 1px #e2e5f0;
}
.row-header > .wrapper
{
	position: relative;
}
.row-slider
{
	position: relative;
	margin-bottom: -64px;
	padding: 0;
	background: #edeef0;
}
.row-introduction
{
	margin-bottom: -64px;
	padding-bottom: 64px;
	background: #edeef0;
}
.row-content
{
	position: relative;
}
.row-content .wrapper
{
	background: #ffffff;
}
.content-wrapper
{
	overflow: hidden;
	margin: 0 -48px;
	padding: 0 48px;
	border-top: solid 1px #e2e5f0;
}

.ueberuns
{
	display:block;
	clear:both;
}
.wrapper .content-wrapper:first-child
{
	border: none;
}
.content-wrapper-highlight
{
	background: #edeef0;
}
.content-wrapper.no_columns {
	margin-top: 2.5em;
	margin-bottom: 3em;
}
.left-column,
.right-column
{
	float: left;
	overflow: hidden;
	width: 47.6190476190%; /* (480/1008)*100 */
	margin: 3.5em 0 4em 4.7619047619%; /* 56/16 0 64/16 (48/1008)*100 */
}
.left-column
{
	clear: left;
	margin-left: 0;
}
.left-column *:first-child,
.right-column *:first-child
{
	margin-top: 0
}
.row-footer
{
	margin-top: -64px;
	padding-top: 64px;
	background: #424449 url(../images/layout/footer-background.jpg) repeat 0 0;
}

/* Framework > Header > Logo */

#logo
{
	position: absolute;
	left: 16px;
	bottom: 1.125em; /* 18/16 */

	display: block;
	width: 194px;
}
#logo img
{
	display: block;
	width: 100%;
}

/* Framework > Header > Navigation */

#navigation-toggle
{
	display: none;
}
#navigation
{
	float: right;
	margin: 0 -48px 0 0;
	font-weight: bold;
	font-size: 1.125em; /* 18/16 */
	line-height: 1.1667em; /* 21/18 */
}
#navigation li
{
	float: left;
	margin: 0 0 0 -1px;
	border-right: solid 1px #f2f3f5;
	border-left: solid 1px #f2f3f5;
}
#navigation li:before,
#navigation li::before
{
	display: none;
}
#navigation li a
{
	display: block;
	padding: 3.1111em 0.8889em 1em 0.8889em; /* 56/18 16/18 18/18 16/18 */
	color: #757f93;
	text-align: center;
}
#navigation li.active a
{
	background: #f2f3f5;
	color: #4b4e54;
}
#navigation li a:hover,
#navigation li a:focus
{
	color: #4b4e54;
	text-decoration: none;
}

/* Framework > Header-Slider (Startseite) */

.row-slider ul
{
	overflow: hidden;
	margin: 0;
}
.row-slider ul li
{
	box-sizing: border-box;
	min-height: 100%;
	width: 100%;

	float: left;
	margin: 0;
	padding: 0 48px 64px 48px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.row-slider ul li:before,
.row-slider ul li::before
{
	display: none;
}
.row-slider ul li > div
{
	overflow: hidden;
	max-width: 1008px;
	margin: 0 auto;
	padding: 0 48px;
}
.row-slider ul li > div > div
{
	margin-left: 57.9365079365%; /* (584/1008)*100 */
	padding: 2em 0; /* 32/16 0 */
}
.row-slider ul li > div > div h2
{
	margin-bottom: 0.4444em; /* 16/36 */
	color: #4b4e54;
	font-weight: 300;
	font-size: 2.25em; /* 36/16 */
	line-height: 1.1111em; /* 40/36 */
	text-transform: uppercase;
}
.row-slider ul li > div > div p
{
	font-size: 1.25em; /* 20/16 */
	line-height: 1.4em; /* 28/20 */
}
.row-slider ul li > div > div .more
{
	margin-top: 1.7778em; /* 32/18 */
	font-size: 1.125em; /* 18/16 */
	line-height: 1.2222em; /* 22/18 */
}

/* Framework > Header-Slider (Startseite) > Slider-Pfeile */

.row-slider .previous,
.row-slider .next
{
	margin-top: -84px; /* 52+32 */
	background-color: rgba(110,116,128,0.4);
}

/* Framework > Header-Slider (Startseite) > Pagination */

.pagination
{
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 64px;
	width: 100%;
	padding: 1.25em 0; /* 20/16 0 */
	text-align: center;
}
.pagination a
{
	display: inline-block;
	width: 1em;
	height: 1em;
	overflow: hidden;
	margin: 0 0.3125em; /* 0 5/16 */
	background: rgba(255,255,255,0.8);
	border-radius: 50%;
	text-indent: -99999px;
	vertical-align: middle;
}
.pagination .selected
{
	background: #0075be;
}
.pagination a span
{
	display: block;
	width: 100%;
	height: 100%;
}

/* Framework > Footer */

.row-footer ul li:before,
.row-footer ul li::before
{
	display: none;
}

/* Framework > Footer > Top-Link */

.top-link
{
	float: left;
	overflow: hidden;
	width: 4.5em; /* 72/16 */
	height: 7em; /* 112/16 */
	background: #757f93 url(../images/layout/top-link.png) no-repeat center 3em; /* 48/16 */
	background-size: 25px 14px;
	text-indent: -99999px;
}

/* Framework > Footer > Meta-Links */

.meta-links
{
	float: left;
	overflow: hidden;
	margin: 2.3333em 0 0 0; /* 42/18 0 0 0 */
	font-size: 1.125em; /* 18/16 */
	line-height: 1.2222em; /* 22/18 */
}
.meta-links li
{
	float: left;
	margin: 0;
	border-left: solid 1px #757f93;
}
.meta-links li:first-child
{
	border: none;
}
.meta-links a
{
	display: block;
	padding: 0.2222em 0.8889em; /* 4/18 16/18 */
	color: #ffffff;
}

/* Framework > Footer > Social-Links */

.social-links
{
	float: right;
	overflow: hidden;
	margin: 2em 0 0 0; /* 32/16 0 0 0 */
}
.social-links li
{
	float: left;
	margin: 0 0 0 1.5em; /* 0 0 0 24/16 */
}
.social-links li:first-child
{
	margin-left: 0;
}
.social-links a
{
	display: block;
}
.social-links img
{
	width: 48px;
	border: solid 1px #ffffff;
	border-radius: 50%;
}

/* Framework > Footer > Copyright */

.row-footer .wrapper > div
{
	overflow: hidden;
	clear: both;
	padding: 2em 0 2.5em 0; /* 32/16 0 40/16 0 */
}
.copyright
{
	float: left;
	padding-top: 84px;
}

/* Framework > Footer > Mitliedschaften */

.memberships
{
	float: right;
}
.memberships img
{
	width: auto;
	height: 108px;
	margin-left: 2em; /* 32/16 */
}
.memberships :first-child
{
	margin-left: 0;
}
.memberships .vbb
{
	margin-right: -0.5em; /* -8/16 */
}

/* Framework > Teaser-Zeile */

.teasers
{
	overflow: hidden;
	margin: 0;
	padding-bottom: 1em; /* 16/16 */
}
.teasers li
{
	float: left;
	width: 30.1587301587%; /* (304/1008)*100 */
	margin: 0 0 0 4.7619047619%; /* 0 0 0 (48/1008)*100 */
	text-align: center;
}
.teasers li:first-child
{
	margin-left: 0;
}
.teasers li:before,
.teasers li::before
{
	display: none;
}
.teasers li a
{
	display: block;
	overflow: hidden;
}
.teasers li a:hover,
.teasers li a:focus
{
	text-decoration: none;
}
.teasers li a:before,
.teasers li a::before
{
	content: '';

	display: block;
	width: 1px;
	height: 2.625em; /* 42/16 */
	margin: 0 auto;
	background: #dbdeea;
}
.teasers li img
{
	display: block;
	width: 80px;
	margin: 0 auto;
	border: solid 1px #a9b6cf;
	border-radius: 50%;
}
.teasers li h2
{
	color: #4b4e54;
	font-weight: 300;
	font-size: 1.625em; /* 26/16 */
	line-height: 1.0769em; /* 28/26 */
	text-transform: uppercase;
}
.teasers li p
{
	color: #757f93;
}

/* Framework > Einleitung (Startseite) */

.introduction
{
	padding: 3.5em 0 2em 0; /* 56/16 0 32/16 0 */
	text-align: center;
}
.introduction h2
{
	margin: 0 0 0.7619em 0; /* 0 0 32/42 0 */
	color: #4b4e54;
	font-weight: 300;
	font-size: 2.625em; /* 42/16 */
	line-height: 1.0952em; /* 46/42 */
	text-transform: uppercase;
}
.introduction h3
{
	margin: 0 0 0.6154em 0; /* 0 0 16/26 0 */
	color: #0075be;
	font-size: 1.625em; /* 26/16 */
	line-height: 1.3077em; /* 34/26 */
}
.introduction p
{
	font-size: 1.125em; /* 18/16 */
	line-height: 1.5556em; /* 28/18 */
}
.introduction .more
{
	line-height: 1.3889em; /* 25/18 */
}

/* Framework > Teaser (2-spaltig) */

.teaser h2
{
	margin: 0 0 0.4615em 0; /* 0 0 12/26 0 */
}
.teaser h3
{
	margin-bottom: 0.5385em; /* 14/26 */
	color: #4b4e54;
	font-weight: 300;
	font-size: 1.625em; /* 26/16 */
	line-height: 1.0769em; /* 28/26 */
	text-transform: uppercase;
}

/* Framework > Teaser (2-spaltig) > Showroom-Teaser */

.showroom h3
{
	margin-top: 0.8462em !important; /* 22/26 */
}
.showroom img
{
	display: block;
	width: 100%;
}

/* Framework > Teaser (2-spaltig) > V-aktuell Kundenzeitungen-Teaser (Startseite) */

.customer-magazines ul h3
{
	margin-bottom: 0.2308em; /* 6/26 */
}
.customer-magazines ul p
{
	margin-bottom: 0.375em; /* 6/16 */
	color: #757f93;
}
.customer-magazines ul a:hover,
.customer-magazines ul a:focus
{
	text-decoration: none;
}
.customer-magazines .left-column,
.customer-magazines .right-column
{
	margin-bottom: 4em; /* 64/16 */
}
.customer-magazines .left-column
{
	text-align: right;
}
.customer-magazines .right-column
{
	margin-top: 0;
}
.customer-magazines ul
{
	margin: 0;
}
.customer-magazines ul li
{
	position: relative;
	overflow: hidden;
	margin: 0;
	padding-top: 2em; /* 32/16 */
}
.customer-magazines ul li:first-child
{
	padding-top: 3.5em; /* 56/16 */
}
.customer-magazines ul li:before,
.customer-magazines ul li::before
{
	content: '';

	position: absolute;
	top: 0;
	left: 41px;

	float: none;
	display: block;
	width: 1px;
	min-width: 0;
	height: 100%;
	margin: 0;
	background: #dbdeea;
}
.customer-magazines ul li.last-item:before,
.customer-magazines ul li.last-item::before,
.customer-magazines ul li:last-child:before,
.customer-magazines ul li:last-child::before
{
	top: -50%;
}
.customer-magazines ul a
{
	position: relative;
	display: block;
	overflow: hidden;
	padding-left: 104px;
}
.customer-magazines ul img
{
	display: inline-block;
	width: 80px;
	height: 80px;
	margin: 0 16px 0 -104px;
	background: #ffffff;
	border: solid 1px #a3afc7;
	border-radius: 50%;
	vertical-align: middle;
}
.content-wrapper-highlight .customer-magazines ul img
{
	background: #edeef0;
}
.customer-magazines ul div
{
	display: inline-block;
	vertical-align: middle;
}

/* Framework > Teaser (2-spaltig) > Über uns Teaser */

.about-us img
{
	display: block;
	margin: 0 auto;
	border-radius: 50%;
}

.about-us img.about-us-neu
{
	border-radius: 0;
}

.about-us .right-column .more-multiple
{
	max-width: 448px;
}
.about-us .right-column .more-multiple a
{
	box-sizing: border-box;
	width: 50%;
	padding-right: 0;
	padding-left: 0;
	white-space: nowrap;
}

/* Framework > 5 gute Gründe */

.reasons h2
{
	margin: 1.3333em 0 0.9524em 0; /* 56/42 0 40/42 0 */
	color: #4b4e54;
	font-weight: 300;
	font-size: 2.625em; /* 42/16 */
	line-height: 1.0952em; /* 46/42 */
	text-transform: uppercase;
	text-align: center;
}
.reasons h3
{
	margin: 0 0 1.2308em 0; /* 0 0 32/26 0 */
	color: #0075be;
	font-size: 1.625em; /* 26/16 */
	line-height: 1.3077em; /* 34/26 */
}
.reasons .left-column,
.reasons .right-column
{
	margin-top: 0;
}
.reasons ol
{
	margin: 0;
	padding-left: 70px;
	line-height: 1.375em; /* 22/16 */
}
.reasons ol li:before,
.reasons ol li::before
{
	content: counter(ordered-list);

	float: none;
	display: inline-block;
	vertical-align: middle;
	width: 48px;
	min-width: 0;
	margin-left: -70px;
	margin-right: 20px;
	padding-top: 2px;
	border: solid 1px #0075be;
	border-radius: 50%;
	color: #0075be;
	font-size: 24px;
	line-height: 46px;
}
.reasons ol li
{
	margin: 0 0 1.25em 0; /* 0 0 20/16 0 */
}
.reasons ol li span
{
	display: inline-block;
	vertical-align: middle;
}

/* Framework > Meinungs-Slider */

.opinions
{
	position: relative;
	margin: 0 -48px;
	padding: 3.5em 0 4em 0; /* 56/16 0 64/16 0 */
}
.opinions h2
{
	margin: 0 16% 0.7619em 16%; /* 0 0 32/42 0 */
	color: #4b4e54;
	font-weight: 300;
	font-size: 2.625em; /* 42/16 */
	line-height: 1.0952em; /* 46/42 */
	text-transform: uppercase;
	text-align: center;
}
.opinions ul
{
	overflow: hidden;
	margin: 0;
}
.opinions ul li
{
	float: left;
	width: 100%;
	margin: 0;
	text-align: center;
}
.opinions ul li:before,
.opinions ul li::before
{
	display: none;
}
.opinions blockquote
{
	margin: 0 16% 1.7778em 16%; /* 0 0 32/18 0 */
	font-size: 1.125em; /* 18/16 */
	line-height: 1.5556em; /* 28/18 */
}
.opinions .author
{
	display: inline-block;
	max-width: 320px;
	min-height: 90px;
	padding-left: 120px;
	text-align: left;
}
.opinions .author img
{
	display: inline-block;
	width: 90px;
	margin: 0 24px 0 -120px;
	margin-right: 18px; /* white-space in webkit? */
	border-radius: 50%;
	vertical-align: middle;
}
.opinions .author div
{
	display: inline-block;
	vertical-align: middle;
}
.opinions .author h3
{
	margin: 0 0 0.2222em 0; /* 0 0 4/18 0 */
	font-size: 1.125em; /* 18/16 */
	line-height: 1.2222em; /* 22/18 */
}
.opinions .author p
{
	margin: 0;
	line-height: 21px; /* 21/16 */
}

.white-popup {
	position: relative;
	background: #FFF;
	padding: 30px;
	width: auto;
	max-width: 800px;
	margin: 20px auto;
}

form#angebot li input#senden,
#Autoresponder_Confirmbox #not_confirmed,
#Autoresponder_Confirmbox #confirmed
{
	/*padding: 0;*/
	padding: 0.75em 1.25em;
	margin: 6px 0 0 146px;
	text-align: center;
	width: 100px;
	background: #5092C4;
	/*border: 2px solid #4384B9;*/
	border: 0 none;
	border-radius: 0.375em;
	color: #fff;
	font-weight: bold;
}

#Autoresponder_Confirmbox #not_confirmed
{
	float: left;
	width: 114px;
	margin: 0 8px 0 0;
	cursor: pointer;
}

#Autoresponder_Confirmbox #confirmed
{
	float: left;
	margin: 0 0 0 0;
	/*width: 153px;*/
	width: 175px;
	background: none repeat scroll 0 0 #34D27C;
	/*border: 2px solid #34D27C;*/
	cursor: pointer;
}

form#angebot .submitssl
{
	text-align: left; 
	margin-left: 1em; 
	float: left;
}

/* Cookie Layer */

div.cookie_layer_wrapper
{
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}
div.cookie_layer
{
	position: relative;
	box-sizing: border-box;
	max-width: 69em;
	margin: 0 auto;
	background-color: rgba(0, 0, 0, 0.8); /* #424b4f */
	color: white;
	padding: 1em 6.25em 1em 2em;
}
div.cookie_layer a
{
	color: #fff;
	text-decoration: underline;
}
div.cookie_layer a.button
{
	position: absolute;
	text-decoration: none;
	color: #fff;
	right: 2.1333em; /* 32/15 */
	top: 1.3333em; /* 20/15 */
	padding: 0.3333em 0.8em; /* 5/15 12/15 */
	background-color: #1463a8;
}
div.cookie_layer a.button:hover,
div.cookie_layer a.button:focus
{
	text-decoration: none;
}

/* Responsive Styles */

@media (max-width: 1080px)
{

	/* Framework > Header > Navigation */

	#navigation
	{
		margin-right: -49px;
		font-size: 1.0625em; /* 17/16 */
		font-size: 1em; /* 16/16 */
	}

}

@media (max-width: 1023px)
{

	/* Framework */

	.row
	{
		padding: 0;
	}
	.row-introduction
	{
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.row-footer
	{
		margin-top: 0;
		padding-top: 0;
	}

	/* Framework > Header > Logo */

	#logo
	{
		bottom: 1em; /* 16/16 */
		bottom: 0.9375em; /* 15/16 */
	}


	/* Framework > Footer > Meta-Links */

	.meta-links
	{
		margin-top: 2.75em; /* 44/16 */

		font-size: 1em; /* 16/16 */
	}
}

@media (max-width: 900px)
{

	/* Framework > Header > Logo */

	#logo
	{
		bottom: auto;
		top: 1.625em; /* 26/16 */
	}

	/* Framework > Header > Navigation */

	#navigation-toggle
	{
		float: right;
		display: block;
		margin-right: -48px;
		padding: 3.125em 1em 0.9375em 2.5em; /* 50/16 16/16 15/16 40/16 */
		background-image: url(../images/layout/navigation-toggle-inactive.png);
		background-repeat: no-repeat;
		background-position: 1em 3.25em; /* 16/16 52/16 */
		background-size: 16px 13px;
		border-left: solid 1px #f2f3f5;
		color: #757f93;
		font-weight: bold;
		line-height: 19px; /* 19/16 */
		cursor: pointer;
	}
	.expanded #navigation-toggle
	{
		background-color: #f2f3f5;
		background-image: url(../images/layout/navigation-toggle-active.png);
		border-color: #e2e5f0;
		color: #4b4e54;
	}
	#navigation
	{
		display: none;

		clear: both;
		float: none;
		margin: 0 -48px;
		font-size: 1.125em; /* 18/16 */
	}
	.expanded #navigation
	{
		display: block;
	}
	#navigation li
	{
		float: none;
		border: none;
		border-top: solid 1px #e2e5f0;
	}
	#navigation li a
	{
		padding-top: 1.3333em; /* 24/18 */
		padding-bottom: 1.2222em; /* 22/18 */
	}
}


@media (max-width: 840px)
{

	/* Framework > Header-Slider (Startseite) */

	.row-slider ul li
	{
		background: transparent !important; /* images declared inline */
	}
	.row-slider ul li > div > div
	{
		margin-left: 0;
		padding: 1em 0 2.5em 0; /* 16/16 0 40/16 0 */
		text-align: center;
	}
}

@media (max-width: 780px)
{

	/* Allgemeine Einstellungen */

	body
	{
		font-size: 0.9375em; /* 15/16 caution: was added afterwards */
	}

	/* Framework > Footer > Top-Link */

	.top-link
	{
		float: none;
		display: block;
		margin: 0 auto;
	}

	/* Framework > Footer > Meta-Links */

	.meta-links
	{
		float: none;
		text-align: center;
	}
	.meta-links li
	{
		float: none;
		display: inline-block;
		margin-left: -0.25em; /* 4/16 */
	}

	/* Framework > Footer > Social-Links */

	.social-links
	{
		float: none;
		margin-top: 2.5em; /* 40/16 */
		text-align: center;
	}
	.social-links li
	{
		float: none;
		display: inline-block;
		margin-left: 1.25em; /* 20/16 */
	}

	/* Framework > Footer > Copyright */

	.copyright
	{
		float: none;
		padding-top: 3.5em; /* 56/16 */
		text-align: center;
	}

	/* Framework > Footer > Mitliedschaften */

	.memberships
	{
		float: none;
		text-align: center;
	}
	.memberships .fachjournalist
	{
		position: relative;
		top: -12px;
	}
}

@media (max-width: 680px)
{

	/* Framework */

	.left-column,
	.right-column
	{
		float: none;
		width: auto;
		margin-left: 0;
	}
	.left-column
	{
		margin-bottom: 1.3333em; /* 20/15 */
	}
	.right-column
	{
		margin-top: 1.3333em; /* 20/15 */
	}

	/* Framework > Teaser-Zeile */

	.teasers
	{
		padding: 2em 0 1.3333em 0; /* 30/15 0 20/15 0 */
	}
	.teasers li
	{
		float: none;
		width: auto;
		margin: 0;
		text-align: left;
	}
	.teasers li a
	{
		padding-left: 104px;
	}
	.teasers li a:before,
	.teasers li a::before
	{
		display: none;
	}
	.teasers li img
	{
		display: inline-block;
		margin: 0 16px 0 -104px;
		vertical-align: middle;
	}
	.teasers li div
	{
		display: inline-block;
		vertical-align: middle;
	}
	.teasers li .more
	{
		margin-top: 1.3333em; /* 20/15 */
	}

	/* Framework > Teaser (2-spaltig) */

	.teaser .more
	{
		margin-bottom: 0;
	}

	/* Framework > Teaser (2-spaltig) > V-aktuell Kundenzeitungen-Teaser (Startseite) */

	.customer-magazines .left-column
	{
		margin-bottom: 2.6667em; /* 40/15 */
		text-align: left;
	}
	.customer-magazines .right-column
	{
		margin-top: 2.6667em; /* 40/15 */
		margin-bottom: 2.6667em; /* 40/15 */
	}
	.customer-magazines ul li,
	.customer-magazines ul li:first-child
	{
		padding: 0;
	}
	.customer-magazines ul li:before,
	.customer-magazines ul li::before
	{
		display: none;
	}
	.customer-magazines ul a
	{
		padding-top: 1em; /* 15/15 */
		padding-bottom: 1em; /* 15/15 */
	}

	/* Framework > Teaser (2-spaltig) > Über uns Teaser */

	.about-us .right-column
	{
		margin-top: 3em; /* 45/15 */
		text-align: center;
	}
	.about-us .right-column .more
	{
		display: inline-block;
	}
	.about-us .right-column .more-multiple a
	{
		padding-right: 1.25em; /* 20/16 */
		padding-left: 1.25em; /* 20/16 */
	}

	/* Allgemeine Einstellungen > Formularelemente > Gratis-Muster-Anfordern Sonderfälle > Mitgliedschaft */

	.membership ul li
	{
		float: none;
		width: auto;
		margin-left: 0;
	}

	#Autoresponder_Confirmbox div.profile {
		display: none;
	}
}

@media (max-width: 480px)
{

	/* Allgemeine Einstellungen */

	h1,
	.row-slider ul li > div > div h2,
	.introduction h2,
	.reasons h2,
	.opinions h2
	{
		font-size: 2.1333em; /* 32/15 */
	}

	/* Allgemeine Einstellungen > Presseliste */

	.press li a
	{
		padding-left: 1em; /* 15/15 */
		padding-right: 1em; /* 15/15 */
	}
	.press p
	{
		display: block;
		width: auto;
		text-align: left;
	}
	.press h2
	{
		display: block;
		width: auto;
		margin: 0;
		text-align: left;
	}

	/* Framework */

	.row .wrapper
	{
		padding: 0 30px;
	}
	.content-wrapper
	{
		margin: 0 -30px;
		padding: 0 30px;
	}

	/* Framework > Header > Navigation */

	#navigation-toggle
	{
		margin-right: -30px;
	}
	#navigation
	{
		margin: 0 -30px;
	}

	/* Framework > Footer > Meta-Links */

	.meta-links li
	{
		margin-bottom: 0.5333em; /* 8/15 */
		border: none;
	}
	.meta-links li a
	{
		padding-right: 0.5333em; /* 8/15 */
		padding-left: 0.5333em; /* 8/15 */
	}

	/* Framework > Footer > Mitgliedschaften */

	.memberships img
	{
		height: 54px;
	}

	/* Framework > Meinungs-Slider */

	.opinions
	{
		margin: 0 -30px;
	}
	.opinions .author
	{
		margin: 0 30px;
	}

	form#angebot .submitssl
	{
		text-align: left; 
		margin-left: 0em; 
		clear: both;
	}

}

@media (max-width: 420px) and (orientation: portrait)
{

	/* Allgemeine Einstellungen */

	body
	{
		padding-top: 81px;
	}

	/* Framework */

	.row-header
	{
		position: fixed;
		z-index: 101;
		left: 0;
		top: 0;
		width: 100%;
	}
}

@media (max-width: 400px)
{

	/* Allgemeine Einstellungen > Formularelemente > Captcha */

	.captcha .row > div
	{
		margin-right: 0;
	}
	.captcha .row > div input.text
	{
		height: auto;
	}
	.captcha .row > a,
	.captcha .row > img
	{
		position: static;
		float: left;
		margin: 1em 0 0 0; /* 15/15 0 0 0 */
	}
	.captcha .row > img
	{
		margin-right: 1em; /* 15/15 */
	}
}

@media (max-width: 360px)
{

	/* Framework > Header > Logo */

	#logo
	{
		top: 35px;
		width: 140px;
	}

	/* Framework > Header > Navigation */

	#navigation-toggle
	{
		overflow: hidden;
		padding-left: 2em; /* 32/16 */
		text-indent: -99999px;
	}
}