/*
// File written by Jochen "Khuri" Dippel <khuri@khuris.com>
// Copyright 2020
//
// File        : main_page.css
// Begin       : 2010.02.02 13:49:48
// Last Update : 2020.07.13 13:46:44
*/

/* This file contains the basic page definitions, using ids, classes or nested declarations */

#wrapper {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
div.innerwrap {
	position: relative;
	margin: 0 auto;
	width: 1440px;
}
.boxshadow {
	-webkit-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5);
}
.boxshadow_fullwidth {
	-webkit-box-shadow: -4px 4px 6px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: -4px 4px 6px rgba(0, 0, 0, 0.5);
	box-shadow: -4px 4px 6px rgba(0, 0, 0, 0.5);
}
#mobileheader {display: none;}
#mobilemenubox {display: none;}
#responsivemenumarker {display: none;}
#mobilelinkssmart {display: none;}
/* Header */
#bgfade {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 810px;
	background-color: #6e7172;
}
#headerimgwrap {
	position: relative;
	width: 1440px;
	height: 620px;
	display: block;
	margin: 0 auto;
}
#headerimg, #headerimg_desktop, #headerimg_mobile {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 620px;
	display: block;
}
#headerimg_mobile {display: none;}
#headerimg div.smbflags {display: none;}
ul.ulslider_list li {
	border: 0 none !important;
	background-color: #fff !important;
}
ul.ulslider_list li:hover, ul.ulslider_list li.marked {
	background-color: #0033cc !important;
}
div.ulslider_source > ul:not(.ulslider_list) {
	height: calc(100% + 10px) !important;
}
div.smbimgfile {
	height: calc(100% - 20px) !important;
}
ul.ulslider_list {
	bottom: 20px !important;
}
#headerimg_desktop div.copyrightbox, #headerimg_mobile div.copyrightbox {
	position: absolute;
	bottom: 0;
	right: 10px;
	font-size: 10px;
	line-height: 10px;
	color: #000;
	z-index: 10;
}
#leftcolumn {
	position: relative;
	top: 0;
	width: 360px;
	height: auto;
	float: left;
	margin: 0 0 30px 0;
	line-height: 0;
	font-size: 0;
	z-index: 1;
}
#leftcolumn.toppos {
	top: -620px;
}
#leftcolumncontent {
	padding: 0 20px 20px 40px;
	background-color: #ced0d0;
}
#mainmenubox {
	position: relative;
	display: block;
	width: 100%;
	min-height: 810px;
	background-color: rgba(255,255,255,0.9);
}
a.pagelogo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 166px;
	display: block;
	background: url(../images/main/BURM_Signet_RGB_297px.png) no-repeat 40px center transparent scroll;
	background-size: auto;
	z-index: 1;
}
a.hotline {
	position: relative;
	width: 100%;
	height: 140px;
	display: block;
	background: url(../images/main/notdienst_2020.png) no-repeat center transparent scroll;
	background-size: auto;
}
#mainmenu {
	position: relative;
	list-style-type: none;
	padding: 0;
	padding: 166px 0 80px 40px;
}
#mainmenu li {
	position: relative;
	display: block;
	border-bottom: 2px solid #fff;
}
#mainmenu li a {
	display: block;
	font-weight: 400;
	line-height: 36px;
	font-size: 18px;
	text-decoration: none;
	padding: 0 20px;
	color: #000;
	background-color: rgba(206,208,208,1);
}
#mainmenu > li ul a {
	color: #fff;
	background-color: rgba(110,113,114,0.9);
}
#mainmenu li:hover > a, #mainmenu li a.selected {
	background-color: rgba(0,51,204,0.9);
	color: #fff;
}
#mainmenu li:last-child {
	border-bottom: 0;
}
#mainmenu ul {
	position: absolute;
	display: none;
	top: 0;
	left: 100%;
	min-width: 100%;
	margin: 0;
	padding: 0 0 0 2px;
}
#mainmenu ul.keepopen {
	position: relative;
	display: block;
	top: auto;
	left: auto;
	padding: 0;
	border-top: 2px solid #fff;
}
#mainmenu ul.keepopen li a::before {
	content: "\2771\0020\0020";
}
#mainmenu li:hover ul {
	display: block;
}
#socialmenu_top, #socialmenu_footer {
	position: absolute;
	top: 260px;
	right: -20px;
	padding: 0;
	list-style-type: none;
	z-index: 10;
	line-height: 0;
	font-size: 0;
}
#socialmenu_top a, #socialmenu_footer a {
	font-size: 0;
	line-height: 0;
	width: 40px;
	height: 40px;
	display: block;
	background: url(../images/main/Google_G_logo.png) no-repeat center transparent scroll;
	background-size: contain;
	margin-bottom: 10px;
}
a.menuid_24 {background-image: url(../images/main/google_Rot_40x40px.png) !important;}
a.menuid_25 {background-image: url(../images/main/xing_Rot_40x40px.png) !important;}
a.menuid_43 {background-image: url(../images/main/Facebook_Logo_Primary.png) !important;}
a.menuid_44 {background-image: url(../images/main/Instagram_Glyph_Gradient_weiss.png) !important;}
a.menuid_45 {background-image: url(../images/main/Google_G_logo.png) !important;}
/* Content */
#maincontent {
	position: relative;
	background-color: #f8f8f8;
	padding: 0;
	width: auto;
	min-height: 0;
}
#maincontent.nodisplay aside {
	display: none;
}
#maincontent > div.content {
	float: left;
	width: 990px;
	margin: 30px 50px 40px 40px;
}
#maincontent div.content img {
	max-width: 100%;
}
#maincontent div.content div.claim, #maincontent div.content div.claim2 {
	display: block;
	color: #0033cc;
	padding-bottom: 40px;
	font-size: 24px;
	line-height: 26px;
}
#maincontent div.content div.claim.toppos, #maincontent div.content div.claim2.toppos {
	margin-top: 24px;
}
#maincontent div.content div.claim2 {
	display: none;
}
#maincontent div.content div.headerline, #maincontent div.content div.footerline {
	position: relative;
	display: block;
	width: 100%;
	height: 2px;
	background-color: #0033cc;
	margin-top: -32px;
	margin-bottom: 40px;
}
#maincontent div.content div.footerline {
	margin: 30px 0;
}
#linkmatrix {
	margin-top: 40px;
	line-height: 0;
	font-size: 0;
}
#linkmatrix > div {
	position: relative;
	width: 300px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: 0;
}
#linkmatrix > div:nth-child(3n+1) {
	margin-left: 0;
}
#linkmatrix > div:nth-child(3n+3) {
	margin-right: 0;
}
#linkmatrix > div:nth-child(3n+2) {
	margin: 0 45px;
}
#linkmatrix div.header {
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0 0 15px 0;
}
#linkmatrix div.t {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	display: block;
	padding: 4px 10px;
	height: auto;
	line-height: 20px;
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	background-color: rgba(0,51,204,0.9);
}
#linkmatrix div.header img {
	width: 100%;
	height: 100%;
}
#linkmatrix div.content {
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 45px;
}
#linkmatrix div.content a.widgetlink {
	font-weight: 600;
}
#leftwidgets > div {
	margin-bottom: 20px;
	line-height: 0;
	font-size: 0;
}
#leftwidgets > div:last-child {
	margin-bottom: 0;
}
#leftwidgets > div img {
	width: 100%;
	height: 100%;
}
#leftwidgets div.t {
	background-color: #6e7172;
	padding: 4px 10px;
}
#leftwidgets a {
	color: #fff;
	text-decoration: none;
	font-weight: 400;
}
/* Footer */
#socialmenu_footer {display: none;}
#footerblock {
	position: relative;
	margin: 0;
	width: 100%;
	height: 36px;
}
#footermenu {
	position: relative;
	width: 100%;
	text-align: center;
	list-style-type: none;
	padding: 0;
	margin: 0;
	background-color: #0033cc;
}
#footermenu li {
	position: relative;
	display: inline-block;
	margin-right: 20px;
	color: #fff;
	line-height: 35px;
	font-size: 16px;
}
#footermenu li a {
	display: block;
	color: #fff;
	text-decoration: none;
}
#footermenu li a:hover {
	color: #fff;
}
#footermenu li:last-child {
	margin-right: 0;
}
div.drittelbox {
	margin: 0;
	position: relative;
	display: block;
	clear: both;
}
div.eindrittel {
	float: left;
	width: 35%;
	vertical-align: top;
}
div.zweidrittel {
	float: right;
	width: 60%;
	vertical-align: top;
}

/* module additions */
div.articlepage_list div.articlecontent {
	width: 325px;
}
div.articlepage_list div.articlecontent div.title {
	font-size: 20px;
	line-height: 1.4em;
}
div.articlepage_list div.articlecontent.fullwidth {
	width: auto;
}
div.articlepage_list div.articlecontent div.content p:last-child {
	padding-bottom: 0 !important;
}
div.articlepage_list div.divider {
	margin: 30px 0 !important;
}
div.articlepage_list div.articlecontent.fullwidth div.title {
	font-size: 23px;
	display: block;
}
div.articlepage_list div.articlecontent.fullwidth div.content {
	font-size: 18px;
}

span.imagebox {
	position: relative;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	width: auto;
	height: auto;
}
span.imagebox span.copyrightbox {
	position: absolute;
	bottom: 0;
	right: -14px;
	display: inline-block;
	font-size: 10px;
	line-height: 10px;
	color: #000;
	-webkit-transform: rotate(270deg) translate(100%, 0px);
	-moz-transform: rotate(270deg) translate(100%, 0px);
	-o-transform: rotate(270deg) translate(100%, 0px);
	-ms-transform: rotate(270deg) translate(100%, 0px);
	transform: rotate(270deg) translate(100%, 0px);
	-webkit-transform-origin: bottom right;
	-moz-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	-o-transform-origin: bottom right;
	transform-origin: bottom right;
}
.iframe-content {
	position: relative;
	display: block;
	width: auto;
	height: auto;
	min-height: 100px;
	max-width: 100%;
}
.iframe-content iframe {
	border: 0 none;
	width: 100%;
	height: 100%;
	min-height: 100px;
	display: block;
}
.iframe-content > div {
	width: 100%;
	height: 100%;
	min-height: 100px;
	display: block;
	border: 1px dashed #aaa;
	text-align: center;
	cursor: pointer;
}
.iframe-content > div > div {
	position: relative;
	display: block;
	transform: translateY(-50%);
	top: 50%;
	color: #666;
}
.iframe-content > div .iframetext {
	display: block;
	font-size: 16px;
	line-height: 1.2em;
	color: #000;
	margin-bottom: 1em;
	padding: 0 20px;
}
.iframe-content > div .targeturl {
	display: inline-block;
	border: 1px solid #666;
	border-radius: 4px;
	padding: 4px 8px;
	margin-top: 4px;
	font-size: 16px;
	line-height: 1.2em;
	color: #000;
}

/* responsive changes */
@media (max-width: 1440px) {
	#bgfade, body {
		background-color: #fff;
	}
	div.innerwrap {
		width: 100%;
	}
	#headerimgwrap {
		width: 100%;
	}
	#leftcolumn {
		width: 360px;
	}
	#mainmenu {
		padding: 166px 0 80px 20px;
	}
	#leftcolumncontent {
		padding: 0 30px 20px 30px;
	}
	#maincontent > div.content {
		width: calc(100% - 450px);
	}
	#socialmenu_top {
		right: 20px;
	}
	div.articlepage_list img.articleimg {
		width: 100%;
		height: auto;
		margin: 0 0 20px 0;
	}
	div.articlepage_list div.articlecontent {
		width: auto;
	}
	#linkmatrix > div:nth-child(3n+1) {
		margin-left: 0;
	}
	#linkmatrix > div:nth-child(3n+3) {
		margin-right: auto;
	}
	#linkmatrix > div:nth-child(3n+2) {
		margin: 0 0 0 calc(100% - 600px);
	}
	a.pagelogo {
		background-position: 20px center;
	}
}
@media (max-width: 1200px) {
	#socialmenu_top {display: none;}
	#maincontent div.content div.claim span {display: none;}
	#maincontent div.content div.claim {
		padding-bottom: 7px;
	}
	#maincontent div.content div.headerline {
		margin: 0;
	}
	#maincontent div.content div.claim2 {
		display: block;
	}
	#maincontent div.content div.claim2.toppos {
		margin-top: 8px;
	}
	#maincontent > div.content {
		margin-left: 30px;
		margin-right: 30px;
		width: calc(100% - 420px);
	}
	#maincontent div.content iframe {
		width: 100%;
		max-height: 80vh;
	}
}
@media (max-width: 1080px) {
	#maincontent > div.content {
		width: calc(100% - 360px);
	}
	#linkmatrix > div {
		margin: 0 !important;
		display: block;
		width: auto;
	}
	#linkmatrix div.header {
		width: auto;
	}
	#linkmatrix div.header img {
		width: auto;
		height: auto;
	}
	#leftcolumn {
		width: 300px;
	}
	#mainmenu li a {
		font-size: 18px;
		line-height: 36px;
	}
	a.pagelogo {
		background: transparent url("../images/main/BURM_Signet_RGB_265px.png") no-repeat scroll 20px center;
	}
	a.hotline {
		background-image: url(../images/main/notdienst_200px.png);
	}
	#maincontent div.content div.claim.toppos, #maincontent div.content div.claim2.toppos {
		font-size: 21px;
	}
	#mainmenu {
		padding-bottom: 50px;
	}
}
@media (max-width: 768px) {
	#leftcolumn {display: none;}
	#maincontent > div.content {
		margin: 0;
		padding: 0 35px;
		width: auto;
		box-sizing: border-box;
		max-width: 100%;
	}
	#footermenu li {
		margin: 0 10px;
		font-size: 14px;
	}
	#headerimg_desktop {display: none;}
	#headerimgwrap, #headerimg, #headerimg_mobile {
		width: 100%;
		height: 400px;
	}
	#headerimg_mobile {
		display: block;
	}
	ul.ulslider_list {
		right: 40px !important;
	}
	#maincontent {
		padding-top: 30px;
	}
	#maincontent div.content div.claim, #maincontent div.content div.claim2 {display: none;}
	#maincontent div.content div.headerline {display: none;}
	#maincontent table {
		max-width: 100% !important;
		width: auto !important;
		height: auto !important;
	}
	#maincontent table th, #maincontent table td {
		display: block;
		width: 100%;
	}
	#mobilelinkssmart {
		position: relative;
		width: 100%;
		height: auto;
		display: block;
		margin: 6px 0 0 0;
		padding: 0;
		list-style-type: none;
		text-align: center;
		background-color: #0033cc;
	}
	#mobilelinkssmart li {
		display: inline-block;
		padding: 12px 0;
	}
	#mobilelinkssmart li a {
		display: block;
		font-size: 24px;
		padding: 0 30px;
		color: #fff;
		font-weight: 400;
		text-decoration: none;
		border-right: 1px solid #fff;
	}
	#mobilelinkssmart li:last-child a {
		border: 0 none;
	}
	#mobileheader {
		position: relative;
		display: block;
		width: 100%;
		height: 107px;
		background-color: #fff;
	}
	a.pagelogo {
		height: 107px;
	}
	#responsivemenumarker {
		position: absolute;
		display: block;
		top: 0;
		right: 0;
		width: 107px;
		height: 107px;
		background: url(../images/main/BURM_Menue_Icon_40px.png) no-repeat center transparent scroll;
		background-size: auto auto;
		cursor: pointer;
		z-index: 20;
		text-align: right;
		line-height: 0;
		font-size: 0;
		color: #fff;
	}
	#mobilemenubox.open {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 100;
		overflow: auto;
		background-color: #0033cc;
		margin: 6px 0 0 0;
	}
	#mobilemenu {
		position: relative;
		z-index: 100;
		display: block;
		width: 100%;
		padding: 0 0 60px 0;
	}
	#mobilemenu_main {
		width: auto;
		margin: 0 auto;
		padding: 30px 20px 0 20px;
	}
	#mobilemenu_main, #mobilemenu_main ul {
		position: relative;
		list-style-type: none;
	}
	#mobilemenu_main li {
		position: relative;
		display: block;
	}
	#mobilemenu_main li a {
		display: block;
		color: #fff;
		text-decoration: none;
		font-size: 20px;
		line-height: 50px;
		padding: 0;
		border-bottom: 2px solid #fff;
	}
	#mobilemenu_main li > div.open, #mobilemenu_main li > div.closed {
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		cursor: pointer;
		background: url(../images/main/mobilemenu_closed.png) no-repeat center transparent scroll;
		background-size: 20px 20px;
		padding: 5px;
	}
	#mobilemenu_main li > div.open {
		background-image: url(../images/main/mobilemenu_open.png);
	}
	#mobilemenu_main li > ul {
		display: none;
	}
	#mobilemenu_main li > ul.open {
		display: block;
	}
	#mobilemenu_main > li:last-child a {
		border: 0 none;
	}
	#mobilemenu_closertop {
		position: absolute;
		display: block;
		bottom: 10px;
		right: 20px;
		width: 40px;
		height: 40px;
		color: #fff;
		background: url(../images/main/BURM_Schliessen_Icon_36x29px.png) no-repeat center transparent scroll;
		background-size: auto auto;
		text-align: right;
		line-height: 0;
		font-size: 0;
		cursor: pointer;
		z-index: 120;
	}
	#linkmatrix > div {
		border-bottom: 1px solid #000;
		margin: 30px 0 !important;
	}
	#linkmatrix div.header {
		float: left;
		margin-right: 20px;
		max-width: 280px;
		height: auto;
	}
	#linkmatrix div.content {
		float: left;
		margin-bottom: 0;
		width: calc(100% - 300px);
	}
	#socialmenu_footer {
		display: block;
		position: relative;
		right: auto;
		top: auto;
		margin: 30px 0;
		text-align: center;
	}
	#socialmenu_footer li {
		display: inline-block;
		margin: 0 20px;
	}
}
@media (max-width: 700px) {
	body, td, pre {
		font-size: 14px;
	}
	#linkmatrix div.header {
		max-width: 200px;
	}
	#linkmatrix div.t {display: none;}
	#linkmatrix div.content {
		width: calc(100% - 220px);
	}
	#linkmatrix > div:last-child {
		margin-bottom: 0 !important;
	}
	#responsivemenumarker {
		background-image: url(../images/main/BURM_Menue_Icon_30px.png);
		width: 60px;
	}
}
@media (max-width: 600px) {
	#headerimgwrap, #headerimg, #headerimg_mobile {
		height: 300px;
	}
}
@media (max-width: 500px) {
	#headerimgwrap, #headerimg, #headerimg_mobile {
		height: 240px;
	}
	#linkmatrix div.header {
		max-width: 115px;
	}
	#linkmatrix div.content {
		width: calc(100% - 135px);
	}
}
@media (max-width: 470px) {
	#maincontent > div.content {
		padding: 0 10px;
	}
	#mobilemenu_main li a {
		font-size: 16px;
	}
	a.pagelogo {
		height: 107px;
		background-position: 16px center;
		background-size: 235px auto;
	}
	#mobilelinkssmart li a {
		font-size: 18px;
		padding: 0 10px;
	}
}
@media (max-width: 400px) {
	#headerimgwrap, #headerimg, #headerimg_mobile {
		height: 200px;
	}
}