<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/* Allgemeine Einstellungen */

html
{
	-webkit-text-size-adjust: none;
}
html,
body
{
	margin: 0;
	padding: 0;
}
body
{
	background: #e5e9ec;
	color: #525252;
	font: normal 1.125em/1.5556em Lato, 'Helvetica Neue', Arial, sans-serif; /* 18/16 28/18 */
	-webkit-text-size-adjust: none;
}
a,
a:visited
{
	color: #18364f;
	text-decoration: none;
}
a:hover,
a:focus
{
	text-decoration: underline;
}
a img
{
	border: none;
}
a span
{
	cursor: pointer;
}
img
{
	max-width: 100%;
	height: auto;
}
iframe
{
	border: none;
}
h1,
h2,
h3,
h4,
h5,
h6
{
	margin: 0;
	padding: 0;
	/*color: #2356aa;*/
	color: #18364f;
	font-family: Lato, 'Helvetica Neue', Arial, sans-serif;
	font-weight: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a
{
	/*color: #525252;*/
}
h1
{
	margin: 1.05em 0 0.85em 0; /* 42/40 0 34/40 0 */
	font-size: 2.5em; /* 40/16 */
	line-height: 1.05em; /* 42/40 */
	/* font-weight: bold; */
}
body.wide h1 {
	text-align: center;
}
h2
{
	margin: 0.9333em 0 0.6667em 0; /* 28/30 0 20/30 0 */
	font-size: 1.875em; /* 30/16 */
	line-height: 1.2em; /* 36/30 */
	color: #9a2432;
}
h2.subheadline
{
	margin: -0.5em 0 1em 0; /* -10/20 0 20/20 0 */
	padding: 0.3684em 0; /* 14/38 0 */
	color: #909598;
	font: normal normal 1.25em/1.4em Lato, 'Helvetica Neue', Arial, sans-serif; /* 20/16 28/20 */
}
h3
{
	margin: 1.0909em 0 0.9091em 0; /* 24/22 0 20/22 0 */
	font-size: 1.375em; /* 22/16 */
	line-height: 1.2727em; /* 28/22 */
	/*text-transform: uppercase;*/
	/*color: #909598;*/
	font-weight: bold;
	color: #525252;
}
p
{
	margin: 0 0 0.625em 0; /* 0 0 10/16 0 */
	padding: 0;
}
address
{
	margin: 0 0 0.625em 0; /* 0 0 10/16 0 */
	padding: 0;
	font-style: normal;
}
.table-bordered th,
.table-bordered td
{
	border-bottom: 1px solid #efefef;
}
.table-facts td:first-child
{
	font-weight: bold;
}
.table-facts td:last-child
{
	text-align: right;
}
.text-center
{
	text-align: center;
}
.more
{
	margin-top: 2em; /* 28/14 */
	font-size: 0.875em; /* 14/16 */
	line-height: 1.2143em; /* 17/14 */
	text-transform: uppercase;
}
.more a
{
	display: inline-block;
	padding: 0.8571em 1.7143em; /* 12/14 24/14 */
	background: #18364f;
	color: #ffffff;
}
ul
{
	margin: 1em 0 1.25em 0; /* 16/16 0 20/16 0 */
	padding: 0 0 0 1.25em; /* 0 0 0 20/16 */
}
ul li
{
	margin: 0 0 0.375em 0; /* 0 0 6/16 0 */
	padding: 0;
}
table
{
	width: 100%;
	margin: 1.125em 0 1.5em 0; /* 18/16 0 24/16 0 */
	padding: 0;
	border: none;
	border-collapse: collapse;
}
table td
{
	padding: 0.25em 0; /* 4/16 0 */
}
table th
{
	padding: 0.25em 0; /* 4/16 0 */
	text-align: left;
}
table.daten td
{
	border-top: solid 1px #efefef;
	border-bottom: solid 1px #efefef;
	font-weight: bold;
	text-align: right;
}
table.daten th
{
	border-top: solid 1px #efefef;
	border-bottom: solid 1px #efefef;
	font-weight: normal;
}

/* Framework */

.row
{
	clear: both;
	padding: 0 50px;
}
.row-header
{
	height: 280px;
	background: #cad7e0 url(../images/layout/header_bg.jpg) no-repeat center center;
	background-size: cover;
}
.row-content
{
	margin-top: -36px;
}
.wrapper
{
	overflow: hidden;
	max-width: 1020px;
	margin: 0 auto;
}
.row-content .wrapper
{
	max-width: 920px;
	padding: 0 50px;
	background: #ffffff;
}

.row-content .wrapper.content_2 {
	background: #2356aa url(../images/layout/content_bg_1020.jpg) no-repeat top center;
}

.row-content .wrapper.content_1,
.row-content .wrapper.content_2 {
	padding-bottom: 42px;
}
.row-content .wrapper.content_2 {
	padding-top: 20px;
}

.wrapper.content_2,
.wrapper.content_2 h1,
.wrapper.content_2 h2,
.wrapper.content_2 h3,
.wrapper.content_2 h4,
.wrapper.content_2 h5,
.wrapper.content_2 h6 {
	color: white;
}

.wrapper.content_2 a {
	color: #ffb517;
}

.wrapper.content_2 .more a {
	color: #ffffff;
}

.left-column,
.right-column
{
	float: left;
	overflow: hidden;
	margin: 0 0 3.75em 5.4347826087%; /* 0 0 60/16 (50/920)*100 */
}
.left-column
{
	clear: left;
	width: 66.3043478261%; /* (610/920)*100 */
	margin-left: 0;
}
.right-column
{
	width: 28.2608695652%; /* (260/920)*100 */
}

/* Framework &gt; Frontpage */

.frontpage .row-header
{
	height: 464px;
	/*background-image: url(../images/layout/header-background-frontpage.jpg);*/
}
.frontpage .row-content
{
	margin-top: -160px;
}

.frontpage .row-content .wrapper {
	/* padding-top: 48px; */
}

.frontpage .row-content .wrapper .ad-banner {
	margin-top: 70px;
	margin-bottom: 50px;
}

/* Framework &gt; Hauptnavigation */

.row-navigation
{
	height: 64px;
	background: #9a2432;
	text-align: center;
}
#navigation-toggle
{
	display: none;
}
#navigation
{
	display: inline-block;
	margin: 0 0 -8px 0;
	padding: 0;
	font: bold normal 1.125em/1.2222em Lato, 'Helvetica Neue', Arial, sans-serif; /* 18/16 22/18 */
	line-height: 22px;
	list-style-type: none;
}
#navigation a:hover,
#navigation a:focus
{
	text-decoration: none;
}
#navigation li
{
	margin: 0;
}
#navigation &gt; li
{
	float: left;
}
#navigation li a
{
	display: block;
	padding: 10px 14px 11px 14px;
	color: #ffffff;
}
#navigation &gt; li &gt; a
{
	padding-top: 22px;
	padding-bottom: 20px;
}
#navigation li.active &gt; a
{
	color: #d3b87f;
}
#navigation li.expanded &gt; a
{
	color: #21334e;
}

/* Framework &gt; Hauptnavigation &gt; Zweite Ebene */

#navigation li.expanded &gt; a
{
	background: #eff3f9;
}
#navigation li.expanded
{
	position: relative;
}
#navigation li ul
{
	display: none;
}
#navigation li.expanded ul
{
	display: block;
	position: absolute;
	top: 64px;
	left: 0;
	width: 200px;
	margin: 0;
	padding: 0;
	background: #eff3f9;
	text-align: left;
	list-style-type: none;
	font-size: 0.9444em; /* 17/18 */
	font-family: Lato, 'Helvetica Neue', Arial, sans-serif;
}
#navigation li.expanded.last ul
{
	left: auto;
	right: 0;
}
#navigation li.expanded ul li a
{
	color: #21334e;
	border-top: solid 1px #ffffff;
}
#navigation li.expanded ul li:first-child a
{
	border-top: none;
}

/* Framework &gt; Header &gt; Logo, Slogan */

#logo,
#slogan
{
	display: block;
	margin: 0 auto;
}
#logo img,
#slogan img
{
	display: block;
}
#logo
{
	max-width: 264px;
	margin-top: 42px;
}
.row-header .wrapper
{
	display: table;
	height: 230px;
}
.frontpage .row-header .wrapper
{
	height: 300px;
}
.header-logo
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.frontpage #logo
{
	/* max-width: 380px; */
	max-width: 550px;
	margin: 0;
}
#slogan
{
	max-width: 460px;
	margin-top: 46px;
	margin-bottom: -12px;
}

/* Framework &gt; Header-Bild */

.wrapper &gt; .header-image
{
	margin: 0 -50px;
}
.wrapper &gt; .header-image img
{
	display: block;
}

/* Framework &gt; Rechte Spalte &gt; Subnavigation */

#subnavigation
{
	margin: 4.125em 0 2.125em 0; /* 66/16 0 34/16 0 */
	padding: 18px 24px 20px 24px;
	border: solid 1px #efefef;
	font-family: Lato, 'Helvetica Neue', Arial, sans-serif;
	list-style-type: none;
}
#subnavigation li
{
	margin: 0;
}
#subnavigation li a
{
	display: block;
	padding: 0.3125em 0; /* 5/16 0 */
	border-top: solid 1px #efefef;
	color: #909598;
}
#subnavigation &gt; li:first-child a
{
	border: none;
}
#subnavigation li.active &gt; a
{
	color: #9a2432;
}
#subnavigation ul
{
	margin: 0;
	padding: 0;
	font-size: 0.9375em; /* 15/16 */
	list-style-type: none;
}
#subnavigation ul li a
{
	padding-left: 16px;
}

/* Framework &gt; Rechte Spalte &gt; Bilder */

/* Framework &gt; Kontaktelement */

.contact
{
	clear: left;
	overflow: hidden;
	margin: -1px -50px 0 -50px;
	padding: 40px 50px 50px 50px;
	background: #fcfcfc;
	border-top: solid 1px #efefef;
}
.contact .column
{
	box-sizing: border-box;
	overflow: hidden;
	float: left;
	width: 49.45652173913043%; /* (455/920)*100 */

	margin: 0 0 1.08695652173913% 1.08695652173913%; /* 0 0 (10/920)*100 (10/920)*100 */
	background: #ffffff;
	/*border: solid 1px #efefef;*/
	text-align: center;
}
.contact .column.first
{
	margin-left: 0;
}
.contact .column
{
	min-height: 230px;
	padding: 0 24px;
}
.contact h2
{
	margin: 1.2em 0 1em 0; /* 24/20 0 20/20 0 */
	font-size: 1.25em; /* 20/16 */
	text-transform: uppercase;
	font-weight: bold;
}
.contact p
{
	margin-bottom: 1em; /* 14/14 */
	font-size: 0.875em; /* 14/16 */
	line-height: 1.5714em; /* 22/142 */
}
.contact .column.map
{
	position: relative;
	height: 294px;
}
.contact .column.map iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.contact .column a.social {
	display: inline-block;
	width: 63px;
	height: 61px;
	background-image: url(../images/layout/social_spritesheet_63.png);
}
.contact .column a.social.twitter {
	background-position: -63px 0;
}
.contact .column a.social.instagram {
	background-position: -126px 0;
}

/* Framework &gt; Footer */

.row-footer .wrapper
{
	padding-bottom: 40px;
}

/* Framework &gt; Footer &gt; Toplink */

.toplink
{
	display: block;
	overflow: hidden;
	width: 54px;
	height: 50px;
	margin: 0 auto 20px auto;
	/* background: transparent url(../images/layout/toplink.png) no-repeat 0 0; */
	text-indent: -99999px;
}

/* Framework &gt; Footer &gt; Copyright, LYNET */

.row-footer .wrapper p
{
	margin-bottom: 0;
	font-size: 0.875em; /* 14/16 */
	text-align: center;
}
.row-footer .wrapper p a
{
	color: #525252;
}
.copyright a
{
	/* margin-left: 0.4286em; /* 6/14 */
	/* padding-left: 0.7143em; /* 10/14 */
	/* border-left: solid 1px #525252; */
}
.copyright a:first-child
{
	/* margin-left: 0; */
	/* padding-left: 0; */
	/* border-left: none; */
}

/* Startseite &gt; Framework */

.frontpage h1
{
	margin-bottom: 1em; /* 40/40 */
	text-align: center;
}

/* Startseite &gt; Framework &gt; Einstiegspunkte */

.entry-points
{
	overflow: hidden;
	margin-bottom: 2.3529em; /* 40/17 */
}
.entry-points &gt; div
{
	float: left;
	width: 28.2608695652%; /* (260/920)*100 */
	margin-left: 7.6086956522%; /* (70/920)*100 */
	text-align: center;
}
.entry-points &gt; div:first-child
{
	margin-left: 0;
}
.entry-points &gt; div &gt; a,
.entry-points &gt; div &gt; a img
{
	display: block;
}
.entry-points h2
{
	margin: 1.6em 0 1.1em 0; /* 32/20 0 22/20 0 */
	font-size: 1.25em; /* 20/16 */
	text-transform: uppercase;
	font-weight: bold;
}
.entry-points p
{
	margin-right: 10px;
	margin-left: 10px;
}

/* Startseite &gt; Framework &gt; News Slider */

.news-slider-wrapper
{
	position: relative;
	margin: 0 -50px;
	border-top: solid 1px #efefef;
	border-bottom: solid 1px #efefef;
	/*background: #2356aa url(../images/layout/content_bg_1020.jpg) repeat-x;*/
	background: #b22f2e; /* fallback */
	background: linear-gradient(#b22f2e, #9a2432); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
#news-slider .slide
{
	float: left;
	padding-bottom: 80px;
	text-align: center;
}
#news-slider .slide &gt; a
{
	display: block;
	overflow: hidden;
	margin-bottom: -80px;
	padding-bottom: 80px;
}
#news-slider .slide &gt; a:hover,
#news-slider .slide &gt; a:focus
{
	text-decoration: none;
}
#news-slider .slide h2
{
	margin: 1.4667em 10% 0.9333em 10%; /* 44/30 10% 28/30 10% */
	/*color: #016337;*/
	color: #ffffff;
}
#news-slider .slide p
{
	margin-right: 10%;
	margin-left: 10%;
	/*font-weight: bold;*/
	/*color: #525252;*/
	color: #ffffff;
}

/* Startseite &gt; Framework &gt; News Slider &gt; Buttons */

.news-slider-previous,
.news-slider-next
{
	position: absolute;
	top: 50%;
	width: 60px;
	height: 120px;
	margin-top: -60px;
	cursor: pointer;

	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}
.news-slider-previous.disabled,
.news-slider-next.disabled
{
	opacity: 0;
	cursor: auto;
}
.news-slider-previous
{
	left: 0;
	background: transparent url(../images/layout/slider-arrow-previous.png) no-repeat left center;
}
.news-slider-next
{
	right: 0;
	background: transparent url(../images/layout/slider-arrow-next.png) no-repeat right center;
}

/* Startseite &gt; Framework &gt; News Slider &gt; Pagination */

.news-slider-pagination
{
	position: relative;
	margin-top: -52px;
	padding-bottom: 20px;
	text-align: center;
}
.news-slider-pagination a
{
	display: inline-block;
	margin: 8px 6px 0 6px;
}
.news-slider-pagination a span
{
	display: block;
	overflow: hidden;
	width: 16px;
	height: 16px;
	background: #ffffff;
	border-radius: 50%;
	text-indent: -99999px;
}
.news-slider-pagination a.selected span
{
	background: #d3b87f;
}

/* Startseite &gt; Framework &gt; Unternehmen-Teaser */

.unternehmen
{
	overflow: hidden;
	margin: -1px -50px 0 -50px;
	padding: 0 50px;
	border-top: solid 1px #efefef;
	border-bottom: solid 1px #efefef;
}
.unternehmen h2
{
	margin: 1.2em 0; /* 36/30 0 */
	text-align: center;
}
.unternehmen .more
{
	margin: -0.375em 0 2.125em 0; /* -6/16 0 34/16 0 */
	text-align: center;
}
.unternehmen ul
{
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.unternehmen ul li
{
	float: left;
	overflow: hidden;
	width: 21.7391304348%; /* (200/920)*100 */
	margin: 0 0 4.3478260870% 4.3478260870%; /* 0 0 (40/920)*100 (40/920)*100 */
	list-style-type: none;
}
.unternehmen ul li.first-four-columns
{
	margin-left: 0;
}
.unternehmen ul li a
{
	position: relative;
	display: block;
	height: 100%;
}
.unternehmen ul li a:hover,
.unternehmen ul li a:focus
{
	text-decoration: none;
}
/*.unternehmen ul li a img
{
	display: block;
	width: 100%;
}
.unternehmen ul li .overlay
{
	display: none;

	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(47,47,47,0.8);
	text-align: center;
}
.unternehmen ul li a:hover .overlay,
.unternehmen ul li a:focus .overlay
{
	display: block;
}
.unternehmen ul li .overlay:before
{
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.unternehmen ul li .overlay div
{
	display: inline-block;
	width: 90%; /* anything but 100% should work *\/
	vertical-align: middle;
}*/

.unternehmen ul li a {
	/*width: 190px;*/
	height: 200px;
	background: #b22f2e;
	background: linear-gradient(#b22f2e, #9a2432);
}

.unternehmen ul li div.title
{
	position: absolute;
	bottom: 18px;
	height: 35px;
	display: table;
	box-sizing: border-box;
	width: 100%;
	padding: 0 10px;
}
.unternehmen ul li div.title span {

	display: table-cell;
	vertical-align: middle;
}
.unternehmen ul li div.title h3 {
	margin: 0;
	color: #ffffff;
	font-size: 1em;/* 18/16 */
	text-transform: uppercase;
	text-align: center;
}
.unternehmen ul li p
{
	position: absolute;
	width: 100%;
	top: 35px;
	margin: 0;
	color: #ffffff;
	line-height: 0;
	text-align: center;
}
.unternehmen ul li p.icon span {
	display: inline-block;
	width: 120px;
	height: 100px;

	background-image: url(../images/layout/icon_spritesheet_120.png);
}
.unternehmen ul li.dienstleistungen p.icon span {
	background-position: -120px 0;
}
.unternehmen ul li.jobs p.icon span {
	background-position: -240px 0;
}
.unternehmen ul li.kontakt p.icon span {
	background-position: -360px 0;
}

/* Allgemeine Einstellungen &gt; Formularelemente */

.messages
{
	padding: 1.5em; /* 24/16 */
	background: #deecf6;
	margin-bottom: 30px;
}
.messages h2
{
	margin: 0 0 0.5em 0; /* 0 0 12/24 0 */
	color: #3b6391;
	font-size: 1.5em; /* 24/16 */
}
.messages p,
.messages ul
{
	margin: 0;
}
.messages.error
{
	background: #ece0e0;
}
.messages.error h2
{
	color: #a34242;
}
.messages.success
{
	background: #e5ede1;
}
.messages.success h2
{
	color: #54913c;
}
form
{
	margin: 0;
	padding: 0;
}
input,
textarea,
select,
button
{
	font: normal normal 1em/normal Lato, 'Helvetica Neue', Arial, sans-serif; /* 16/16 */
	outline: none;
}
input.text,
textarea,
select
{
	box-sizing: border-box;

	padding: 0.25em 0.375em; /* 4/16 6/16 */
	background: #efefef;
	border: solid 1px #909598;

	color: #000000;
}
option:first-child
{
	font-style: italic;
}
textarea
{
	line-height: 1.5em; /* 24/16 */
}
input.reset,
input.submit
{
	border: 0 none;
	padding: 0.8571em 1.7143em;
	/*background: #ffb517;*/
	background: #18364f;
	color: #ffffff;
	cursor: pointer;
}
input.reset
{
	padding-right: 0.6em; /* 12/20 */
	background: #d8dfe5;
	color: #475342;
	font-weight: normal;
	cursor: pointer;
}
label
{
	cursor: pointer;
}
label.main
{
	display: block;
	margin-bottom: 0.25em; /* 4/16 */
}
.required
{
	position: relative;
	top: 0.25em; /* 8/32 */
	color: #609d48;
	font-size: 2em; /* 32/16 */
	line-height: 10px;
}
.frontpage .row-content .wrapper form
{
	margin: 0 auto;
	width: 70%;
}
form .row
{
	overflow: hidden;
	margin-bottom: 1.5em; /* 24/16 */
	padding: 0;
}
form .input-wrapper
{
	padding: 0.25em 0.375em; /* 4/16 6/16 */
	background: #f5f1f0;
}
form .row.input-wrapper
{
	margin-top: 3.25em; /* 52/16 */
}
form .row .column
{
	float: left;
	width: 47%;
	margin-left: 6%;
}
form .row .column:first-child
{
	margin-left: 0;
}
form .row .column.zip
{
	width: 32%;
}
form .row .column.city
{
	width: 62%;
}
form .row .column.day
{
	margin-left: 0;
	width: 24%;
}
form .row .column.month
{
	width: 24%;
}
form .row .column.year
{
	width: 40%;
}
form .row input.text,
form .row textarea,
form .row select
{
	width: 100%;
}
.row.submit
{
	margin-top: 3.25em; /* 52/16 */
	text-align: right;
}
.row.submit input
{
	margin: 0 0 8px 4px;
}

/* Allgemeine Einstellungen &gt; Formularelemente &gt; Captcha */

.captcha
{
	margin-top: 1.5em; /* 24/16 */
}
.captcha &gt; div
{
	position: relative;
}
.captcha &gt; div &gt; div
{
	margin-right: 214px;
}
.captcha input.text
{
	height: 50px;
}
.captcha label
{
	display: block;
}
.captcha input#form_sicherheitscode
{
	/* display: inline-block; */
	/* width: 45%; */
}
#captcha_id
{
	/* position: absolute; */
	position: relative;
	display: inline-block;
	margin: 0 auto 15px;
	/* right: 49px; */
	/* top: 0; */
	/* float: right; */
}
#reload_captcha
{
	position: absolute;
	/* position: relative; */
	/* right: 0; */
	/* top: 0; */
	/* display: block; */
	display: inline-block;
	margin-left: 5px;
	width: 50px;
	height: 50px;
	background: #b08e82;
	/* float: right; */
}

ul.gewinner {
	list-style-type: none;
	padding: 0;
}

ul.gewinner a {
	display: block;
	padding: 0.8571em 1.7143em;
	background: #ffb517;
	color: #ffffff;
	text-align: center;
}

/* Responsive Styles */

@media (max-width: 1040px)
{
	/* Framework &gt; Hauptnavigation */

	.row-navigation
	{
		height: auto;
		min-height: 60px;
	}
	#navigation
	{
		margin-bottom: -8px;
		font-size: 0.9375em; /* 15/16 */
		font-size: 15px;
	}
	#navigation &gt; li &gt; a
	{
		padding-top: 20px;
		padding-bottom: 18px;
	}

	/* Framework &gt; Hauptnavigation &gt; Zweite Ebene */

	#navigation li.expanded ul
	{
		top: 60px;
	}
}
@media (max-width: 1023px)
{
	/* Framework */

	.row
	{
		padding-right: 0;
		padding-left: 0;
	}

	/* Framework &gt; Header-Bild */

	.wrapper &gt; .header-image
	{
		margin: 45px -15px 0 -15px;
	}
}
@media (max-width: 820px)
{
	/* Framework */

	.left-column
	{
		float: none;
		width: auto;
	}
	.right-column
	{
		display: none;
	}

	/* Framework &gt; Hauptnavigation */

	.row-navigation
	{
		height: auto;
		min-height: 60px;
	}
	#navigation-toggle
	{
		display: block;
		height: 60px;
		color: #ffffff;
		font: normal normal 1.125em/1.2222em Lato, 'Helvetica Neue', Arial, sans-serif; /* 18/16 22/18 */
		text-align: center;
		cursor: pointer;
	}
	#navigation-toggle span
	{
		display: inline-block;
		padding: 18px 20px 20px 52px;
		background: transparent url(../images/layout/navigation-toggle.png) no-repeat 18px center;
		cursor: pointer;
	}
	#navigation
	{
		display: none;
		margin: 0;
		font-size: 1.125em; /* 18/16 */
	}
	.expanded #navigation
	{
		display: block;
	}
	#navigation &gt; li
	{
		float: none;
		border-top: solid 1px #bd6e77;
	}
	#navigation &gt; li ul li {
		border-top-color: #bd6e77;
	}
	#navigation &gt; li &gt; a
	{
		padding-top: 0.6667em; /* 12/18 */
		padding-bottom: 0.7222em; /* 13/18 */
	}

	/* Framework &gt; Hauptnavigation &gt; Zweite Ebene */

	#navigation li.expandable &gt; a
	{
		background: /*#eff3f9*/ url(../images/layout/navigation-arrow-expandable.png) no-repeat right center;
	}
	#navigation li.expanded &gt; a
	{
		background-color: #eff3f9;
		background-image: url(../images/layout/navigation-arrow-expanded.png);
	}

	#navigation li.expanded ul
	{
		position: static;
		width: auto;
		text-align: center;
	}

	#navigation li.expanded ul li:first-child a {
		border-top: solid 1px #ffffff;
	}

	/* Framework &gt; Kontaktelement */

	.contact .column
	{
		width: 49.2857142857%; /* (345/700)*100 */
		margin: 0 0 1.4285714286% 1.4285714286%; /* 0 0 (10/700)*100 (10/700)*100 */
	}
	.contact .column.map
	{
		clear: left;
		float: none;
		width: auto;
		height: 0;
		margin-left: 0;
		padding-bottom: 75%; /* (525/700)*100 */
	}

	/* Startseite &gt; Framework */

	.frontpage h1
	{
		margin-bottom: 0.7em; /* 28/40 */
	}

	/* Startseite &gt; Framework &gt; Einstiegspunkte */

	.entry-points &gt; div
	{
		float: none;
		width: auto;
		margin-left: 0;
		padding-bottom: 0.5em; /* 8/16 */
	}
	.entry-points &gt; div &gt; a
	{
		display: none;
	}

	/* Startseite &gt; Framework &gt; Unternehmen-Teaser */

	.unternehmen ul li
	{
		width: 47.8260869565%; /* (440/920)*100 */
		width: 47.1428571429%; /* (330/700)*100 */
		margin: 0 0 5.7142857143% 5.7142857143%; /* 0 0 (40/700)*100 (40/700)*100 */
	}
	.unternehmen ul li.first-two-columns
	{
		margin-left: 0;
	}
}
@media (max-width: 768px)
{
	/* Startseite &gt; Framework &gt; Einstiegspunkte */


}
@media (max-width: 520px)
{
	/* Framework */

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

	/* Frontpage &gt; Framework */

	.frontpage .row-header
	{
		height: 280px;
	}
	.frontpage .row-content
	{
		margin-top: -36px;
	}

	/* Framework &gt; Header &gt; Logo, Slogan */

	#slogan
	{
		display: none;
	}
	#logo,
	.frontpage #logo
	{
		/* margin-top: 52px; */
		max-width: 220px;
	}

	/* Framework &gt; Header-Bild */

	.wrapper &gt; .header-image
	{
		margin-top: 35px;
		margin-right: 0;
		margin-left: 0;
	}

	/* Framework &gt; Kontaktelement */

	.contact
	{
		margin-right: -25px;
		margin-left: -25px;
		padding-right: 25px;
		padding-left: 25px;
	}
	.contact .column
	{
		float: none;
		width: auto;
		margin-left: 0;
		margin-bottom: 10px;
	}
	.contact .column.opening-hours,
	.contact .column.address
	{
		min-height: 0;
		padding-bottom: 16px;
	}

	/* Frontpage &gt; Framework &gt; News Slider */

	.news-slider-wrapper
	{
		margin-right: -25px;
		margin-left: -25px;
	}

	/* Startseite &gt; Framework &gt; Unternehmen-Teaser */

	.unternehmen
	{
		margin-right: -25px;
		margin-left: -25px;
		padding-right: 25px;
		padding-left: 25px;
	}
}
@media (max-width: 380px)
{
	body
	{
		/*font-size: 0.9375em;*/ /* 15/16 */
	}
	h1
	{
		font-size: 2.1333em; /* 32/15 */
	}

	/* Startseite &gt; Framework &gt; Unternehmen-Teaser */

	.unternehmen ul li
	{
		float: none;
		width: auto;
		margin-left: 0;
	}
	.unternehmen .more
	{
		margin-top: 8px;
	}
}</pre></body></html>