:root {
  --cassiopeia-color-primary: transparent;
  --cassiopeia-color-hover: #053963;
  --body-color:#053963;
}
.container-topbar, .site-grid, footer .grid-child {
  max-width:1050px;
  width:1050px;
  margin:0px auto;
}
.container-header {
  background-image: none;
  padding-top:20px;
  box-shadow:none;
}
.container-topbar {
	display: flex;
	justify-content: right;
}
.header {
	margin-bottom: 15px;
}
.container-banner {
	margin: 0 0 1em 0;
}
.site-grid {
	grid-gap: 0em;
	grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 210px) repeat(2, minmax(0, 250px)) minmax(0, 110px) [main-end] 		minmax(0, 1fr) [full-end];
}
.container-sidebar-left {
	margin-left: 18%;
}
.grid-child.container-component {
	margin-left: 110px;
}
.sidebar-left {
  	position:relative;
  	z-index:15;
}

/*   schriftdefinitionen      ---------------------------------   */
@font-face { font-family: 'frutigerlight';
             src: url('../fonts/frutiger45light.ttf') format('truetype'); }
@font-face { font-family: 'frutigerroman';
             src: url('../fonts/frutiger55roman.ttf') format('truetype'); }
@font-face { font-family: 'frutigerbold';
             src: url('../fonts/frutiger65bold.ttf') format('truetype'); }
body {
	font-family: 'frutigerroman', Arial, "sans-serif";
	font-size: 0.95rem;
	line-height: 1.4rem; 
	color: #053963;
}
/* Links im Inhalt  ---------------------------------------------*/
body.site a                  {color:#053963; text-decoration: none;}
body.site a:hover      {color:#053963; text-decoration: underline;}
body.site a:active    {color:#053963; text-decoration: underline;}
body.site a:visited  {color:#053963; text-decoration: none;}

h2, .sidebar-left.aktuell > h3:first-child {
	font-family: 'frutigerbold', Arial, "sans-serif";
	font-size: 1.3rem;
	line-height: 2.1rem;
  	margin:0px;
  	font-weight:normal;
}
.sidebar-left.aktuell > h3:first-child {
	color: #99120e;
	font-weight: normal;
}
h3 {
    font-weight:bold;
    font-size:0.9rem;
    line-height:1.4rem;
  	margin:0px;
}
hr {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #fff;
	margin: 1rem 0;
	opacity: 1;
}
p {
    margin:0px;
}
p, div {
	hyphens: auto;
}
main p, main h3 {
	margin-bottom: 10px;
}
/*         header        --------------------------------------------*/
table.firma td {
	vertical-align:bottom;
}
table.firma a:hover, table.firma a:focus {
	text-decoration: none;
}
table.firma h2 {
  	margin:0 0 -8px;
}
img.logo {
	margin-left:10px;
}
p.mobile {
	display:none;
	color: #053963;
}
/*   aktuell sidebar-left  ------------------------  */
ul.newsflash-vert li {
	background-color: #e0e4e6;
	background-image: url(../images/ecke_li.png);
	background-repeat: no-repeat;
	padding: 3px 5px;
	font-size: 0.9rem;
	line-height: 1.4;
	margin-bottom: 10px;
	min-height: 120px;
}
table.news {
  	width:100%;
}
table.news td {
    text-align:right;
  	height: 20px;
}
.btn.btn-secondary, .btn.btn-secondary:hover {
  	background-color:transparent;
  	border:0px;
  	padding:0px;
  	margin:0px;
	color: #99120e;
	width: 100%;
	text-align: right;
	font-size: 0.9rem;
}
.btn.btn-secondary .icon-chevron-right {
  	display:none;
}
/*         dreieck linksbuendig        --------------------------------------------*/
#triangle {
	height: 1130px;
	width: calc(100% * 0.3);
	min-width: 404px;
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px 0 0 50px;
	background-image: linear-gradient(115deg, #e0e4e6 40%, transparent 40%);
}

#mod-custom88 {
	font-family: 'frutigerlight', Arial, "sans-serif";
	font-size: 0.9rem;
	color: #053963;
	line-height: 1.4;
}
.grid-child {
	flex-direction: column;
}
.footer {
	background-color: transparent;
	background-image: none;
  	color:#053963;
	z-index:15;
}
.footer .grid-child {
	display: block;
	padding: 2.5rem 0;
}
/*  back to top link  ----------------------------------- */
a.back-to-top-link {
	border-radius: 0;
	position:fixed;
  	bottom: 1rem;
  	right: 1rem;
}
a.back-to-top-link:focus, a.back-to-top-link:hover {
	background-color: #053963;
	color: #fff !important;
}
/* Tabs & Accordions    -------------------------------------------------------------------*/
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"] {
	border: 0px;
	border-radius: 0px;
	padding: .75rem 0rem;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"]:focus, [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"]:hover {
	background-color: transparent;
}
/*[data-rlta-element="container"] h3 {
	font-family: 'frutigerroman', Arial, "sans-serif";
	font-size: 1.2rem;
	line-height: 1.4rem; 
	color: #053963;
	font-weight:bold;
	text-decoration:none;
}*/
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="button"] > [data-rlta-element="heading"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"] > [data-rlta-element="heading"] {
	font-family: 'frutigerroman', Arial, "sans-serif";
	font-size: 1.2rem;
	line-height: 1.4rem; 
	color: #053963;
	font-weight:bold;
	text-decoration:none;
	margin: 0;
	padding: 0;
	width: 100%;
}
/*  aktives accordion  ---------------- */
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"][data-rlta-state="open"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"][data-rlta-state="opening"] {
	background-color: transparent;
	border-radius: 0;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="panel"] > [data-rlta-element="panel-content"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="tabs"] > [data-rlta-element="panels"] > [data-rlta-element="panel"] > [data-rlta-element="panel-content"] {
	padding: 0;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="panel"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="tabs"] > [data-rlta-element="panels"] > [data-rlta-element="panel"] {
	border: 0px;
	border-radius: 0px;
  	margin-bottom:25px;
  	padding-bottom:20px;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"][data-rlta-state="open"]:focus, [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"][data-rlta-state="open"]:hover, [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"][data-rlta-state="opening"]:focus, [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"][data-rlta-state="opening"]:hover {
	background-color: transparent;
}
/*   ecke  -------------- */
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"] h3 {
  	border-bottom: 1px solid #e0e4e6;
    padding:5px 0 0;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"][data-rlta-state="closed"] h3::after {
	margin-right: .3rem;
	font-family: none;
	content: url(../images/ecke_re-2.png);
  	float:right;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"][data-rlta-state="open"] h3::after {
	margin-right: .3rem;
	font-family: none;
	content: url(../images/ecke_re-2_unten.png);
	position: relative;
	bottom: -35px;
	float: right;
}
/*  referenzen    ------------------------------------------------------ */
table.refe td:first-child {
	padding-right: 20px;
	font-weight: bold;
}
/* Navigation    -------------------------------------------------------------------*/
.container-header .mod-menu {
	-ms-flex-direction: column;
	flex-direction: column;
}
ul.metismenu.mod-menu {
  	margin-top:30px;
}
ul.mod-menu.metismenu li a,
ul.mod-menu.nav.second li a {
	color: #053963;
  	text-transform:uppercase;
	font-family: 'frutigerbold', Arial, "sans-serif";
	font-weight: normal;
	font-size: 1.2rem;
	line-height: 2.0rem;
}
.metismenu.mod-menu .metismenu-item {
	padding: 0;
}
.metismenu.mod-menu .metismenu-item.divider:not(.parent) {
	border-right: 0px;
}
.metismenu.mod-menu .metismenu-item.active > a {
  	text-decoration:none;
}

ul.mod-menu.metismenu > li.current.active a::before, 
ul.mod-menu.metismenu > li.active.parent a::before {
	content: url(../images/ecke_re.png);
	padding-right: 10px;
}
/*   2. Menueebene  ---  */
ul.mod-menu.nav.second {
	margin-top:5px;
}
ul.mod-menu.nav.second > li {
	background-image: url(../images/ecke_re-2.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding-left: 10px;
}
ul.mod-menu.nav.second > li:hover, ul.mod-menu.nav.second > li:focus,
ul.mod-menu.nav.second > li.current.active {
	background-color:#e0e4e6;
	background-image: url(../images/ecke_re-2.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}
ul.mod-menu.nav.second > li.current.active a:before {
	content: none;
	padding-right: 0px;
}
ul.mod-menu.nav.second > li > a:hover, ul.mod-menu.nav.second > li > a:focus {
	text-decoration: none;
}


/* ------------------------------------------------------------------------*/
/*  MEDIA QUERIES     max-width:979px
------------------------------------------------------------------------*/
@media (max-width:979px){
.container-topbar, .site-grid, footer .grid-child {
	width: auto;
	margin:0px 10px;
}
.site-grid {
	grid-template-areas: 
	". banner banner banner banner ." 
	". top-a  top-a  top-a  top-a  ." 
	". top-b  top-b  top-b  top-b  ." 
	". side-l side-l side-l side-l ." 
	". comp   comp   comp   comp   ." 
	". side-r side-r side-r side-r ." 
	". bot-a  bot-a  bot-a  bot-a  ." 
	". bot-b  bot-b  bot-b  bot-b  .";
}
/*         dreieck linksbuendig        --------------------------------------------*/
#triangle {
	height: auto;
	min-width: 220px;
	padding: 0px;
	background: transparent;
	z-index:20;
}
.grid-child.container-nav {
	flex-direction:column-reverse;
}
#mod-custom88, h2.desk {
	display:none;
}
p.mobile {
	display:block;
}
#mod-custom91 {
	margin-top: 20px;
}
.container-sidebar-left {
	margin-left: 0;
}
.grid-child.container-component {
	margin-left: 0;
}
/* navigation 1-level  ---------------------  */
.navbar-toggler {
	border: 0;
	color: #053963;
	cursor: pointer;
	font-size: 2.25rem;
	border-radius: 0;
	transition: box-shadow .15s ease-in-out;
	position: absolute;
	left: 0px;
	top: 0;
}
/*  rahmen um burger-button loeschen   */
.navbar-toggler:focus {
	box-shadow: none;
}
/*  icon burger und icon kreuz bei offener und geschlossener navigation   */
button[aria-expanded="false"] > span.icon-menu::before {
	content: "\f0c9";
} 
button[aria-expanded="true"] > span.icon-menu::before {
	content: "\f00d";
}
ul.metismenu.mod-menu {
	background-color: rgba(224,228,239,0.95);
	background-image: url(../images/ecke_re-2.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 10px 0 20px 10px;
	margin-top:140px;
	min-height: 330px;
	box-shadow: 2px 2px 5px #053963;
}
.metismenu.mod-menu .metismenu-item.divider:not(.parent) {
	border-bottom: 0px;
	height: 20px;
}
/* .metismenu.mod-menu.navi-1 .metismenu-item > a::after, 
.container-header .metismenu.navi-1 > li.active::after {
	border: 0;
  	opacity:0;
}
.metismenu.mod-menu.navi-1 .metismenu-item > a {
	font-size: 1rem;
	line-height: 1.6;
	padding: 0;
	min-height: auto;
}
navigation 2-level  ---------------------  
.menu-level2 {
	position: absolute;
	top: 10px;
	left: 10px;
}
.mod-menu.metismenu.mod-list.navi-2 > li > a {
	padding: 3px 5px;
	font-size: 1rem;
  	margin-bottom:3px;
}*/
/*   footer  -------------------------------- */
.footer .grid-child {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	align-items: flex-start;
	justify-content: space-between;
	padding: 1rem 0rem;
}
}
/* ------------------------------------------------------------------------*/
/*  MEDIA QUERIES     max-width:767px
------------------------------------------------------------------------*/
@media (max-width:767px){

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

}

/*
Bugfix für Cassiopeia Template für Back to Top Button, so dass er dauerhaft sichtbar ist
*/
.back-to-top-link {
position: fixed;
}