.off-canvas-content {
	background-color:var(--beige);
}

h1 {
	letter-spacing:1px;
	font-weight:700;
	font-size:32px;
}
h2 {
	letter-spacing:1px;
	font-weight:700;
	font-size:32px;
}
.bg-light-red h2 {
	color:var(--beige);
}
header > h1 + h2 {
	font-weight:normal;
	margin-bottom:1.75rem;
}
h2 + h3 {
	letter-spacing:1px;
	font-weight:normal;
	font-size:32px !important;
}
p {
	font-size:1.1rem;
	line-height:1.6;
}




.top-navigation {
	background-color:var(--petrol);
}
.top-navigation > .row, .top-navigation > .row > .columns {
	height:100%;
}
.top-navigation ul.nav.main {
	display:flex;
	justify-content: flex-end;
	align-items: center;
	margin:0;
	height:100%;
}
.top-navigation li {
	margin: 0 0 0 10px;
}
.top-navigation ul li a {
	color:#fff;
	font-weight:800;
	padding:4px 30px;
	margin:0;
	border:3px solid transparent;
}
.top-navigation ul li a:hover {
	background-color:transparent !important;
	color:var(--gold);
}
.top-navigation ul li#mm214 a, .top-navigation ul li#mm576 a {
	background-color:transparent !important;
	color:var(--gold);
	border-color:var(--gold);
}

.top-navigation li ul.nav.sub {
	position:absolute;
	left:0px;
	top:calc(100% - 1px);
	padding-top:12px;
	margin:0;
	display:none;
}
.top-navigation ul.nav.main > li:hover > ul.nav.sub {
	display:block;
}
.top-navigation li ul.nav.sub li {
	display:block;
	text-align:left;
	clear:both;
	border-bottom:1px solid #fff;
	margin:0;
	width:100%;
	background:var(--petrol);
	position:relative;
}
.top-navigation li ul.nav.sub li:last-child {
	border-bottom:0;
}
.top-navigation ul ul ul.nav.sub {
	position:absolute;
	left:calc(100% + 2px);
	top:0;
	display:none;
	padding-top:0;
}
.top-navigation ul ul li:hover ul.nav.sub {
	display:block;
	width:auto;
	text-wrap:nowrap;
}
.top-navigation li ul.nav.sub li a {
	display:block;
	padding:8px 30px;
	color:#fff;
}
.top-navigation li > ul.nav.sub > li:hover > a {
	color:var(--gold);
}

#navigation-switch {
	color:var(--beige);
}


.header-wrap .frame-type-image .ce-center .ce-column {
	margin-left:0;
	margin-right:0;
}

@media screen and ( max-width:820px ) {
	
	.top-navigation ul.nav.main {
		display:none;
	}
}




.header-wrap {
	margin-bottom:50px;
}
/*.header-wrap.cnlinebreak {
	margin-bottom:190px;
}*/
.header-wrap .ce-gallery figure {
	margin-bottom:0;
}
.header-image {
	min-height:1px;
}
.content-navigation {
	position:relative;
	top:auto;
	bottom:auto;
	left:auto;
	right:auto;
	height:70px;
}
.content-navigation .link-list {
	position:relative;
	top:auto;
	bottom:auto;
	left:auto;
	right:auto;
	height:70px;
}
.header-wrap.cnlinebreak .content-navigation, .header-wrap.cnlinebreak .content-navigation .link-list {
	height:128px;
}
.content-navigation h2.page-title {
	position:absolute;
	left:48px;
	top:16px;
	margin:0;
	color:var(--beige);
	font-size:26px;
	letter-spacing:1px;
	font-weight:800;
	background: url(/fileadmin/templates/images/icon-pfeil-rechts.svg) no-repeat;
	padding-left:42px;
}
.cnlinebreak .content-navigation {
	margin-bottom:50px;
}
.cnlinebreak .content-navigation .color-bar {
	height:100%;
}
.content-navigation .columns.large-12 {
	display:flex;
	align-items:center;
	justify-content: center;
	flex-wrap: wrap;
}
.content-navigation .link-list div {
	height:70px;
}
.content-navigation .link-list .follow-rows, .content-navigation .link-list .follow-rows div {
	height:42px;
}
.content-navigation .tx-dce-pi1 {
	width:auto;
	height:100%;
}
.content-link > .link-icon {
	display:none;
}
.content-navigation .content-link {
	display:flex;
	align-items:center;
	justify-content: center;
}
.content-navigation .content-link a {
	color:var(--petrol) !important;
	display:block;
	padding:0 16px 3px 16px;
	font-size:26px;
	font-weight:500;
	letter-spacing:1.5px;
	white-space:nowrap;
	border-left:2px solid var(--petrol);
}
.content-navigation .tx-dce-pi1:nth-child(2) .content-link a, .content-navigation .tx-dce-pi1.first-in-row .content-link a {
	border-left:0;
}
/*.content-navigation .tx-dce-pi1.first-in-row:before {
	content:'';
	width:100%;
	display:block;
}*/
.content-navigation .content-link a:hover, .content-navigation .content-link.active a {
	text-decoration:underline;
	text-underline-offset: 7px;
	/*border-bottom:1px solid var(--beige);*/
}

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

	.content-navigation {
		
	}
	.content-navigation .row {
		max-width:100%;
	}
	/*.content-navigation .columns.large-12 {
		justify-content: flex-end;
	}*/
	.content-navigation .link-list .follow-rows, .content-navigation .link-list .follow-rows div {
		height:28px;
	}
	.content-navigation h2.page-title {
		left:auto;
		right:16px;
		top:-44px;
		font-size:16px;
		padding-left:32px;
	}
	/*.content-navigation h2.page-title {
		left:16px;
	}
	.header-wrap {
		margin-bottom: 120px;
	}*/
	.header-wrap div.header-image {
		padding-top: 50px;
	}
	.header-wrap div.header-image .frame-type-image .ce-center .ce-column {
		margin-left:0;
		margin-right:0;
	}
	h1 {
		font-size:30px;
	}
	h2 {
		font-size:30px;
	}
	p {
		font-size:1rem;
		line-height:1.6;
	}
}

@media screen and (max-width:960px) {
	
	.content-navigation h2.page-title {
		font-size:22px;
	}
	.content-navigation .content-link a {
		font-size:22px;
		padding:0 10px;
	}
}

@media screen and (max-width:640px) {
	
	/*.header-wrap.cnlinebreak {
		margin-bottom:120px;
	}*/
	.content-navigation {
		height:40px;
	}
	.content-navigation .columns.large-12 {
		justify-content: center;
	}
	.content-navigation .link-list, .content-navigation .color-bar {
		height:40px;
	}
	.content-navigation .link-list div {
		height:40px;
	}
	.content-navigation .content-link a {
		font-size:16px;
	}	
	.header-wrap.cnlinebreak .content-navigation, .header-wrap.cnlinebreak .content-navigation .link-list {
		height:74px;
	}
	
	.full-width .dist-wrap {
		padding-left:0;
		padding-right:0;
	}
	
	.outer-row > div.frame-type-textpic, .outer-row > div.frame-type-text {
		margin-left: 0;
		margin-right: 0;
	}
	
	h2.icon-headline {
		font-size:28px;
	}
	h2.icon-headline img {
		float:left;
		height:66px;
	}
}

@media screen and (max-width:390px) {
	
	.content-navigation {
		/*bottom:-70px;*/
	}
	.content-navigation .tx-dce-pi1 {
		width:auto !important;
	}
	.content-navigation .content-link a {
		letter-spacing:0;
	}	
}


.full-viewport-image .row { max-width:100%; }
.full-viewport-image div, .full-viewport-image .frame-type-image div { width:100% !important; max-width:100% !important; }
.full-viewport-image .frame-type-image figure { width:100%; margin-bottom:0; }
.full-viewport-image .frame-type-image img { width:100%; height:auto; }

.full-viewport-width .dist-wrap, .full-viewport-width .frame-type-image .ce-center .ce-column {
    padding-left: 0;
    padding-right: 0;
	margin-left:0;
	margin-right:0;
}


.gray-cell {
	background:#f2f2f2;
}

.powermail_form_4 .powermail_fieldwrap_type_submit {
	text-align:left;
	padding-top:1rem;
}


.page-463 .off-canvas-content > footer {
	margin-top:0;
}
.off-canvas-content > footer {
	background:none var(--yellow);
	height:auto;
	padding-top:0;
	margin-top:50px;
}
.off-canvas-content > .theme-bg + footer, .off-canvas-content > .petrol-bg + footer, .off-canvas-content > .gray-bg + footer {
	margin-top:0;
}
.off-canvas-content > footer .row {
	width:100%;
	max-width:100%;
}
footer .csc-default.outer-row {
  max-width: 1166px !important;

}
footer .full-width.petrol-bg.content-wide > .csc-default.outer-row {
	width:1134px;
	max-width:100%;
}
footer .full-width.petrol-bg.content-wide, footer .full-width.petrol-bg.content-wide p, footer .full-width.petrol-bg.content-wide a {
	color:#fff !important;
	margin:0;
}
footer .full-width.petrol-bg.content-wide {
	margin-top:80px;
	height:120px;
	display:block;
	text-align:center;
}
footer .full-width.petrol-bg.content-wide .dist-wrap {
	margin-left:auto;
	margin-right:auto;
	width:1166px;
	max-width:100%;
}
footer .full-width.petrol-bg.content-wide .large-4:last-child {
	text-align:center;
}
footer h3 {
	font-size:1.4rem;
	font-weight:700;
	margin-bottom:0;
}
footer .frame p {
	line-height:1.5;
}

footer .full-width.petrol-bg.content-wide .row.ge .large-4:nth-child(2) img {
	margin-top:-10px;
}

@media screen and (min-width: 1024px) {
	
	.frame-type-ce_columns4 .left-column {
		width:20%;
	}
	.frame-type-ce_columns4 .center-left-column {
		width:30%;
	}
	.frame-type-ce_columns4 .center-right-column {
		width:30%;
	}
	.frame-type-ce_columns4 .right-column {
		width:20%;
	}
	
	.frame-type-ce_columns2 h2, .frame-type-ce_columns2 p {
		padding-right:20px;
	}
	
	.off-canvas-content > footer {
		padding-top:50px;
	}
	footer .full-width.petrol-bg.content-wide .large-4 {
		padding-top:44px;
	}
	footer .full-width.petrol-bg.content-wide .row.ge .large-4:first-child {
		width:36%;
		text-align:left;
	}
	footer .full-width.petrol-bg.content-wide .row.ge .large-4:nth-child(2) {
		width:33%;
		text-align:center;
	}
	footer .full-width.petrol-bg.content-wide .row.ge .large-4:last-child {
		width:31%;
		text-align:right;
	}
}

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

	.full-viewport-image div {
		margin-left:0 !important;
		margin-right:0 !important;
	}

	footer > .row > .large-12 > div {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	/*footer .outer-row > div.frame-type-textpic, footer .outer-row > div.frame-type-text, footer .outer-row > div.frame-type-html {
		margin-left: 10px;
		margin-right: 10px;
	}*/
}

@media screen and (max-width: 1280px) {
	
	.off-canvas-content > .csc-default.outer-row {
		max-width:calc(100% - 1.875rem);
	}
}

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

	.top-navigation ul {
		display:none;
	}
	#navigation-switch {
		position:absolute;
		right:1.5rem;
		top:16px;
		z-index:120;
		font-size:28px;
		color:var(--beige);
		display:block;
		cursor:pointer;
	}
}

@media screen and (max-width:960px) {
	
	footer .full-width.petrol-bg.content-wide {
		padding-top:20px;
	}
	footer .full-width.petrol-bg.content-wide .large-4 {
		text-align:left !important;
	}
}

@media screen and (max-width:640px) {
	
	.hide-on-mobile {
		display:none;
	}
	
	.header-logo {
		left:7px;
	}
	.header-logo img {
		width: 100px;
	}
	.header-image {
		padding-top:50px;
	}
	.header-image figure {
		margin-bottom:0;
	}
}

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

	#navigation-switch {
		top:10px;
	}
	
	footer > .row > .large-12 > div {
		float:none;
		padding-left:1rem;
		padding-right:1rem;
	}
}