:root {
		--cassiopeia-color-primary: white;
		--cassiopeia-color-link: gray; 
		--cassiopeia-color-hover: background-color: rgba(0,0,0,0.5);
}

/******************************************************************************/
/*********** load fonts «open-sans» for title and text, «ubuntu» for menu *****/ 
/* open-sans - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans/open-sans-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans/open-sans-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans/open-sans-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans/open-sans-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans/open-sans-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans/open-sans-v28-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu/ubuntu-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu/ubuntu-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu/ubuntu-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu/ubuntu-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu/ubuntu-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu/ubuntu-v19-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

html {
 background-color:#acacac;
}

body {
 	background-color:#ffffff;
  	font-family: 'Open Sans', Tahoma, Verdana, Geneva, sans-serif;
	font-size: 75%;
	line-height: 1.5;
	margin: 50px auto;
	padding: 55px 30px 0 30px;
  max-width: 1290px;
}

.site-grid {
  background-color:#ffffff;
}

/****************************************************************/
/* Formatierung Überschriften									*/							
/****************************************************************/
h1, h2, h3, h4, h5, h6, .page-header, .subheading-category, .componentheading, .contentheading {
  font-family: 'Open Sans', Tahoma, Geneva, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0.1em 0;
  text-transform: none;
}

h2{
	font-size:20px;
	line-height: 30px;
}

h2.accordion-header {
	line-height: 25px;
}

h1, h2.page-header {
  font-size: 26px;
  line-height: 30px;
  font-weight: normal;
  color: #4c4c4c;
}

h3 {
  color: #cc0000;
  font-size: 1.3em;
}


/* Formatierung */
.sidebar-left .card-header{
	background-image: url(../images/layout/bg_news.png);
}

h3.card-header, 
h4.card-header{
	color: #ffffff;
	font-size: 12pt;
	text-align: right;
	padding: 5px;
	text-transform: uppercase;
	font-weight: bold;
}

h4.newsflash-title{
	font-size: 1.4em;
	padding: 10px;
	background-color: #D9D9D9;
}

a:not([class]) {
 text-decoration:none
}
/**************************************************************/
/* Formatierung Header                                        */
/**************************************************************/

.container-header {
	background-image: url(../images/layout/hintergrund_top.png);
	background-repeat: no-repeat;
	box-shadow: none;
	margin: 0 30px;
}

.container-header .container_nav{
	background-image: none;
}

.container-header .grid-child{
	display: contents;
}

.navbar-brand {
	padding-bottom: 0;
}

/************************************************************/
/* Formatierung Header, Telefonnumerblock                   */
/************************************************************/
#mod-custom89{
	z-index:12;
}

.container-below-top a {
  color: #aaa;
  text-decoration: none;
 }

 .container-below-top a:hover,
 .container-below-top a:focus {
  color: #444;
 }

.telefonnummern {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 9pt;
  color: #4c4c4c;
  line-height: 1.5em;
  width: 250px;
  float: right;
  padding-top: 0px;
}

.tfnr {
  width: 100px;
  float: left;
  position: absolute;
  right: 150px;	
}

.tfnr_2 {
  width: 100px;
  float: left;
  position: absolute;
  right: 50px;	

}

@media only screen and (max-width: 1200px), (max-device-width: 1200px) {
.telefonnummern div {
	color: #ff290b;
	}
.telefonnummern a:link {
	color: yellow;
	}
.telefonnummern a:hover {
	color: #ff9900;
    }
}

@media only screen and (max-width: 672px), (max-device-width: 672px) {
.telefonnummern div {
	color: #000000;
	margin-top: 85px;
	}
.telefonnummern a:link {
	color: #aaaaaa;
	}  
.telefonnummern a:hover {
	font-weight: normal;
	color: #444
	}
.navbar-brand img{
	margin-top: 0px;
	}
.boxstandort_center p{
	margin-top: 50px;
	}
}

/*****************************************************************/
/* Formatierung Header, Hauptmenue:                              */
/* - nur «Hamburger-Menue» sichtbar für Mobilphones              */
/*****************************************************************/

.container-header .mod-menu {
  color: #ff290b;
 }

 .container-header .navbar-toggler {
  border: 0px solid #fff;
  color: #4c4c4c;
  cursor: pointer;
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 0rem;
}

/****************************/
/* Mobile Menu Formatierung */ 
/****************************/
/* kein Horizontalmenu für Normalbetrieb */
/*---------------------------------------*/
@media only screen and (min-width: 992px) {
  .container-header nav {
  display: none;
}
}

/* Expand (+) und Collapse (-) Button als Hintergundsbild */
/* "+" und "-" rot (#ff290b), Hintergrund grün (#94ff00)  */ 
/*--------------------------------------------------------*/
@media only screen and (max-width: 992px), (max-device-width: 992px){
  .metismenu.mod-menu .mm-toggler {
	top: -8px;
	padding: 0;
	margin: 0;
	width: 48px;
	height: 48px;
	background: url("../images/layout/icon-toggle-collapse-white.png") center center no-repeat;
	cursor: pointer;
	position: absolute;
	display: inline-flex;
	right: 0;
	}
}

@media only screen and (max-width: 992px), (max-device-width: 992px){
  .metismenu.mod-menu .mm-toggler.mm-collapsed {
	background: url("../images/layout/icon-toggle-expand-white.png") center center no-repeat;
	}
}

.container-header .navbar-collapse.show {
  background-color: #0344dd;
}

/* Expand- Collapsbutton unsichtbar, da Hintergrundbilder (+,-) verwendet werden */
/*-------------------------------------------------------------------------------*/
button {
  font-size: 0px;
}

 .metismenu.mod-menu .metismenu-item{
   text-transform: uppercase;
   color: #ffffff;
   font-size: 1.3em;
 }
 
 .metismenu.mod-menu .metismenu-item.active > a, 
 .metismenu.mod-menu .metismenu-item.active > button, 
 .metismenu.mod-menu .metismenu-item > a:hover,
 .metismenu.mod-menu .metismenu-item > button:hover {
  font-weight: bold;
  text-decoration: none;
  }
  
  .metismenu.mod-menu .metismenu-item:not(.level-2) > ul {
  margin-right: -1em;
  border-left: 1px solid #ffffff;
  background-color: #0344DD;
  position: relative;
  width: 100%;
  box-shadow: 0 0 0 rgba(0,0,0,0);
 }

   .metismenu.mod-menu .metismenu-item > ul > li.level-2 {
  padding-top: 0.2em;
  padding-bottom: 0.2em;

 }

.metismenu.mod-menu .mm-collapse > li > a{
	color: #fffff;
	text-transform: none;
	font-size: 0.8em;
}

.metismenu.mod-menu .mm-collapsing > li > a{
	color: #ffffff;
	text-transform: none;
	font-size: 0.8em;
}

 .metismenu.mod-menu .metismenu-item > ul > li.level-2 >a {
	color: #ffffff;
 } 
/******************************************************************/
/* Formatierung Box Standort                                      */
/******************************************************************/

.container-top-b {
	margin-left: 16px;
}


.container-top-b .card {
	border: 1px solid #ffffff;
	margin: -1px 0 0 0;
}

.container-top-b .card-body {
	padding: 0 0 0 0;
}

.boxstandort_left {
  background-image: url(../images/layout/gitter_rot.png);
  float: left;
  width: 316px;
  height: 60px;
  text-align: center;
  }

 @media only screen and (max-width: 1286px){
	.boxstandort_left {
		display:none;
	}
}

 .boxstandort_center p {
  background: #D9D9D9;
  float: left;
  font-size: 12pt;
  width: 592px;
  height: 60px;
  text-align: center;
  vertical-align: middle;
  margin: 0px;
}

@media only screen and (max-width: 1286px){
	.boxstandort_center {
		padding-right:33px;
	}
	
	.boxstandort_center p{
		width: 100%;
		height: 100%;
	}
}

@media only screen and (max-width: 672px){
  .boxstandort_center p{
	margin-top: 50px;
	}
}
	

.boxstandort_right {
  background-image: url(../images/layout/gitter_blau.png);
  float: left;
  width: 263px;
  height: 60px;
  text-align: center;
  }
 
 @media only screen and (max-width: 1286px){
	.boxstandort_right {
		display:none;
	}
}

  /**************************************************************/
  /* Formatierung Sidebar Left                                  */
  /**************************************************************/

  .card-header:first-child {
  border-radius: 0;
  margin-top: -1px;
}
.container-sidebar-left .sidebar-left:last-child {
  margin-top: -1px;
  margin-left: 16px;
}
  
  .container-sidebar-left .card {
	border: 1px solid #ffffff;
	border-radius: 0;
  }

  .sidebar-left .card-body{
	padding: 0;
	margin-left:46px;
	margin-top: -1px;
	background-color: #D9D9D9;
  }

  h3.card-header{
	text-transform: uppercase;
	font-weight: bold;
  }

 .newsflash-title >a {
  color: #4c4c4c;
 }
 
 .newsflash-title a:hover,
 .newsflash-title a:focus {
  color: #8c8c8c;
  text-decoration: none;
  background-color: #D9D9D9;
 }

 .mod-articlesnews__item p{
  padding-left: 0;
  font-size: 10pt;
  line-height: 1.35em;
  background-color: #EEEEEE;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 1.2em;
}

p.readmore >a{
text-transform: uppercase;
cursor: pointer;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 0px;
font-weight: bold;
display: inline-block;
background-color: #eee;
border: none;
font-size: 10pt;
line-height: 1.35em;
}

p.readmore >a:hover {
	color: #8c8c8c;
	background-color: #eee;
}


 /**************************************************************/
 /* Formatierung Sidebar Right                                 */
 /**************************************************************/

.container-sidebar-right .sidebar-right:first-child {
  margin-top: -1px;
  margin-right: 17px;
}

.container-sidebar-right .card {
  border: 1px solid #ffffff;
  border-radius: 0;
  margin-top: -1px;
  margin-right: 17px;
}

@media only screen and (max-width: 992px){
	.container-sidebar-right .card {
	display: none;
	}
}

.sidebar-right >h3{
	display: none;
}

.sidebar-right .card-body{
	padding: 0;
	margin-left:11px;
	margin-top: -1px;
	background-color: #0344dd;
  }

 label.finder{
	display: none;
 }

 form.mod-finder{
	padding-left:10px;
 }

 .awesomplete > input {
  display: block;
  margin:30px 0px 20px 0px;
  }

 .form-control{
  border-radius: 0;
  padding:2px;
  }

div.card-body ul.menu-treemenu li a{
  padding: 8px 0 8px 15px;
  display: block;
  color: #ffffff;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 20px;
  font-size: 12pt;
  }

div.card-body ul.menu-treemenu li:hover > a{
  font-weight: bold;
  }

div.card-body ul.menu-treemenu li.active > a{
  font-weight: bold;
  }

.mod-list li .mod-menu__sub {
  margin-left: 20px;
}
  ul.menu-treemenu ul {
  border-left: 1px solid #ffffff;
  margin-left: 2px;
  padding: 0 0 0 25px;
}

 /**************************************************************/
 /* Formatierung Main										   */
 /**************************************************************/

.page-header{
	padding:5px 15px 5px 0;
}

.blog-featured, 
.com-content-category-blog,
.com-content-article__body{
  padding:15px;
 }

 .item-content p,
 .item-content table{
	font-size: 10pt;
	margin: 5px 30px 10px 0;
 }

.organigramm table{
	margin: 0;
}

 .item-content td,
 .item-content div{
	font-size: 10pt;
 }

 .blog-items{
   grid-gap: 0em;
 }

ul {
  margin: 0 0 10px 12px;
  padding-left: 2rem;
}

li, p {
  font-size: 10pt;
}
 
/* Formatierung Organigramm */
.download_document{
	font-size: 12pt;
}

.organigramm_font{
	font-family: Verdana, Geneva, sans-serif;
}

/* Formatierung Stocker-News */
.accordion-button{
  padding: 0;
}
.accordion-button:not(.collapsed){
  background-color: #ffffff;
  box-shadow: inset 0 0px 0 rgba(0,0,0,.125);
}
.accordion-item{
  border: 0px solid rgba(0,0,0,.125);
}

div.accordion-body {
	font-size:10pt;
}

/* Formatierung Referenzen */
.referenz_link a{
  color: #cc0000;
  text-decoration: none;
}
 /**************************************************************/
 /* Formatierung Footer										   */
 /**************************************************************/
.footer{
  margin-left: -30px;
  margin-right: -30px;
  padding: 0px 0px 30px 60px;
  background-image: none;
  background-color: #eee;
  color: #444;
}

.footer a:hover{
	font-weight: bold;
	color: #4c4c4c;
}

.footer .grid-child {
  padding: 0;
  display: contents;
}

#fusszeile {
  float: left;
  width: 100%;
}

#fusszeile p{ 
  color: #4c4c4c;
  font-size: 10pt;
  line-height: 10px;
}

#adresse {
  float: left;
  width: 220px;
  margin-right: 20px;
  padding-top: 20px;
}

#copyright {
  padding-top: 20px;
  float: left;
  width: 200px;
  }

/****************************************************************/
/* Menu Responsivität                                           */
/****************************************************************/

@media (max-width: 1200px){
  .navbar-expand-md .navbar-toggler {
	display: block !important;
}
}

@media (min-width: 768px) and (max-width: 992px) {
  .navbar-expand-md .navbar-collapse:not(.show) {
	display: none !important;
  }
  .navbar-expand-md .navbar-collapse {
	flex-basis: 100%;
  }


} 

@media (max-width: 992px) {

.navbar-expand-md .navbar-toggler {

display: block !important;

}

}

@media (min-width: 768px) {
.navbar-expand-md {
  flex-wrap: wrap;
  justify-content: space-between;
}
}

@media (max-width: 672px){
  .container-header nav {
	padding-top: 40px;
  }
}

/* Formatierung Back-to-Top Link */
/*-------------------------------*/
.back-to-top-link {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 32px;
  height: 32px;
  background: url("../images/layout/icons-base-white.png") no-repeat 0px -449px rgba(0, 0, 0, 0.2);
  font-size: 0px;
  border: 0px;
}

.back-to-top-link:focus,
.back-to-top-link:hover {
 background-color: rgba(0,0,0,0.5);
 }

/* Kontaktformular */
.kontaktformular {
	font-size:24pt; 
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	line-height: 72px;
	background-color:#0344DD; /*#0A4B8F;*/
}

td.kontaktformular{
font-size:24pt; 
}

@media only screen and (max-width: 400px), (max-device-width: 400px)
	{td.kontaktformular{
		font-size:20pt; 
	}	
}



td.kontaktformular:hover{
	background-color: #0344DD; /*#0A4B8F;*/
	}

.rsform-block{
	font-size: 1.3em;
}


input.rsform-checkbox {
	width:40px;
	}

button.rsform-submit-button,
button.rsform-reset-button{
	font-size:14px;
}