/*---------------------------------------*/
/* Overwrites of Cassiopeia              */
/*---------------------------------------*/
:root {
  --cassiopeia-color-primary: #D6D6C9;
  --cassiopeia-color-hover: #D6D6C9;
  --cassiopeia-color-link: blue;
  /*--emg_color_frame_bg: #D6D6C9;*/
  --emg_color_frame_bg: #C2C1C1;
  --emg_color_page_bg: #FFFFFF;
  --emg_color_green: #24795C;
  --emg_color_orange: #EC921A;
  --emg_color_grey: #E2E1E1;
  --emg_color_font: #000000;
  /*--emg_border_radius: calc(0.25rem - 1px);*/
  --emg_border_radius: 0.25rem;
  --emg_width_mobile: 940px;
  --breadcrumb-bg: #FFFFFF;
}
.container-header .grid-child {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.container-component>*+*, .container-component>:first-child, .container-sidebar-left>*+*, .container-sidebar-left>:first-child, .container-sidebar-right>*+*, .container-sidebar-right>:first-child
{
  margin-top: 0;
  background-color: #FFFFFF;
}
.container-component
{
  background-color: #FFFFFF;
}
.container-sidebar-right
{
  background-color: #FFFFFF;
}
.breadcrumb 
{
  background-color: #FFFFFF;
}
.container-header .mod-menu {
   justify-content: center;
   color: #fff;
   padding: 0;
}
.container-top-a>*{
  margin:0;
}
.container-component>*+*{
  margin:0;
}
.navbar {
  --navbar-padding-y: 0;
  width:80%;
  padding-left: max(10px, 3%);
}
.container-header .container-search {
    margin-top: 0;
    width: 20%;
    align-content: space-between;
    display: grid;
    align-content: center;
    background: var(--emg_color_grey);
    justify-items: center;
}
.container-bottom-b>*, .container-top-b>* 
{
  margin: 0;
  background: var(--emg_color_page-bg);
  padding-right: 0;
}
.container-below-top
{
  display: block;
}
.site-grid
{
  grid-gap: 0;
  grid-template-columns: [full-start] 0 [main-start] repeat(4,minmax(0,19.875rem)) [main-end] 0 [full-end];
  margin-left: auto;
  margin-right: auto;
}

.container-banner 
{
  margin-bottom: 0;
}
.container-banner .banner-overlay 
{
  height:100%;
}
.container-banner .banner-overlay .overlay
{
  padding: 0;
}
.container
{
  width: 100%;
  background: var(--emg_color_page_bg);
  margin: 0;
  padding: 0;
}
.container-header
{
  position:relative;
  z-index:10;
  background-color:var(--emg_color_frame_bg);
  box-shadow:inset 0 5px 5px rgba(0,0,0,.03);
  margin-left: auto;
  margin-right: auto;
}
.sidebar-right:first-child 
{
  margin-top: 1em;
  margin-left: 1em;
  background-color:var(--emg_color_page_bg);
}
@media screen and (max-width: 960px) {
  .sidebar-right:first-child 
  {
    margin-left: 0;
  }
}
  
.sidebar-right
{
  /*background-color:var(--emg_color_page_bg);*/
}
.top-a
{
  /*background-color:var(--emg_color_green);
  padding-right: max(10px,3%);*/
}
.top-b
{
  background-color:var(--emg_color_green);
}
.card 
{
  --card-spacer-y: 0;
  --card-spacer-x: 0;
  --card-border-width: 0px;
  margin-top: 0;
}

.card-header 
{
  background-color: var(--emg_color_green);
  color: var(--emg_color_page_bg);
  padding-right: max(10px,12%);
  margin-top: 0;
}
@media screen and (max-width: 940px) {
  .card-header 
  {
    padding-right: max(10px,3%);
  }
}

.newsflash
{
  padding-right: max(10px, 12%);
  padding-left: 10px;
}
.main-bottom
{
  padding-left: max(10px, 12%);
}
.row 
{
   --gutter-x: 0;
}
.jux-collapse-bar.active, .collapsible:hover 
{
    background-color: var(--emg_color_grey);
}

/*---------------------------------------*/
/* Global                                */
/*---------------------------------------*/
body
{
  color: var(--emg_color_font);
  background: var(--emg_color_frame_bg);
  margin: 0;
  padding: 0;
  font: 14px Helvetica, Arial, sans-serif, Times;
  line-height: 18px;
}
.bodywrapper
{
  width: 100%;
  min-height: 800px;
  height: auto;
  background: var(--emg_color_page_bg) url('paper_shadow1.gif') repeat-y;
  margin: 0 auto;
  padding: 0 20px;
}
.bodyfooter
{
  width: 100%;
  height: 10px;
  background: var(--emg_color_page_bg) url('paper_shadow1_bottom.gif');
  margin: 0 auto;
  padding: 0 20px;
}
a:link {
  text-decoration: none;
  font-weight: normal;
  /*color: var(--emg_color_orange);*/
  color: var(--emg_color_green);
  border-style: none;
}
a:visited {
  text-decoration: none;
  font-weight: normal;
  /*color: #DA801A;*/
  color: var(--emg_color_green);
  border-style: none;
}
a:hover { 
  text-decoration:underline; 
  /*font-weight:bold; */
  border-style: none;
}
a:active { 
  text-decoration:none; 
  font-weight:bold; 
  border-style: none;
}
a:focus { 
  text-decoration:none; 
  /*font-weight:bold; */
  border-style: none;
}
.orange
{
  color: var(--emg_color_orange);
}
.black
{
  color: var(--emg_color_font);
}
.centered
{
  text-align: center;
}
/*---------------------------------------*/
/* Formate Absätze                       */
/*---------------------------------------*/
p
{
  font-family: Helvetica, Arial, Times, sans-serif;
  color: var(--emg_color_font);
  font-size: 14px;
  margin-top: 0px;
  margin-right: 0px
  margin-bottom: 5px;
  margin-left: 0px
  line-height: 18px;
  text-align:justify;
}
p.table {
  border-bottom: thin;
  line-height: 18px;
  font-weight: bold;
}
h1, h2, h3, h4, h5, h6
{
  font-size: 14px;
  font-weight: normal; /*color: #003;*/
  color: var(--emg_color_font);
}
h1 /* Seitentitel: Weiß, Großbuchstaben */
{
  font-size: 20px;
  color: var(--emg_color_page_bg);
  text-align:right;
  margin-top: 5px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
h2 /* Artikelüberschrift */
{
  font-size: 20px;
  line-height: 22px;
  color: var(--emg_color_green);
  text-transform: uppercase;
}
h2.h2category /* Artikelüberschrift in der Kategorie*/
{
  font-size: 20px;
  line-height: 25px;
  color: var(--emg_color_green);
  text-transform: uppercase;
}
h3 /* Zwischenüberschrift: orange */
{
  color: var(--emg_color_orange);
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 3px;
  line-height: 16px;
}
h4 /* Features-Kasten Überschrift */
{
  padding-bottom: 3px;
  color: var(--emg_color_green);
  text-transform: uppercase;
}
h5 /* Features-Kasten */
{
  font-size: 14px;
  line-height: 18px;
  background-color: var(--emg_color_grey);
  width: 100%;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 5px 5px 5px 5px;
}
h5.h5gruen /* Grüner Kasten */
{
  font-size: 16px;
  line-height: 20px;
  color: var(--emg_color_page_bg);
  text-transform: uppercase;
  text-align: center;
  background-color: var(--emg_color_green);
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px 10px 10px 10px;
}
h5.h5gruen2 /* Grüner Kasten, ohne uppercase, links ausgerichtet */
{
  font-size: 14px;
  line-height: 20px;
  color: var(--emg_color_page_bg);
  text-align: left;
  background-color: var(--emg_color_green);
  width: 90%;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px 10px 10px 10px;
}
h6 /* Zwischenüberschrift: grün */
{
  line-height: 16px;
  color: var(--emg_color_green);
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 5px;
}
/*---------------------------------------*/
/* Einmalige Elemente auf der Seite      */
/*---------------------------------------*/
/*Menü-----------------------------------*/
#top_a_menu
{
  width: 85%;
}
#top_a_language
{
  width: 15%;
}
#top_a_wrapper
{
  background-color: var(--emg_color_grey);
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
/*Erste Seite----------------------------*/
#firstmain
{
  width: 100%;
  height: auto;
  background-color: var(--emg_color_page_bg);
  padding-left: max(10px,3%);
  padding-right: max(10px,3%);
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 1em;
  border-radius: var(--emg_border_radius) var(--emg_border_radius) var(--emg_border_radius) var(--emg_border_radius);
}
/*#firstleft
{
  width: 520px;
  float: left;
  padding-left: 40px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 5px;
  margin-right: 10px;
}
#firstcenter
{
  width: 300px;
  background-color: var(--emg_color_page_bg);
  padding: 5px 10px 5px 10px;
}

#firstright
{
  width: 300px;
  float: right;
  background-color: var(--emg_color_page_bg);
  padding-left: 10px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 5px;
}*/
#firstpicture
{
  width:100%;
  background-color: var(--emg_color_page_bg);
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  /*
  background-image: image-set(
    url(/images/site/emg_title_540.png) 3x,
    url(/images/site/emg_title_720.png) 2x,
    url(/images/site/emg_title_1320.png) 1x
  );
  background-size: cover;
  background-repeat: no-repeat;
  height: 300px;*/
}
#firstnewstitle
{
  width: 280px;
  height: 30px;
  background-color: var(--emg_color_green);
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 0px;
  margin-bottom: 5px;
}
#firstnewsbody
{
  width: 280px;
  height: auto;
  background-color: var(--emg_color_page_bg);
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 0px;
}
/*#firstlinks
{
  width: 500px;
  height: 30px;
  background-color: var(--emg_color_green)
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 0px;
  margin-bottom: 5px;
}*/
#footer
{
  width: 100%;
  height: auto;
  background-color: var(--emg_color_green);
  padding-left: max(10px,3%);
  padding-right: max(10px,3%);
  padding-top: 1em;
  padding-bottom:  max(10px,3%);
}
div#footer a:link { color: var(--emg_color_page_bg); }
/*---------------------------------------*/
/* Klassen	                             */
/*---------------------------------------*/
.left
{
  text-align: left;
}
.firstboxfont
{
  font-size: 16px;
  line-height: 16px;
  color: var(--emg_color_page_bg);
  margin-top: 3px;
  margin-bottom: 3px;
}
.firstintrofont
{
  font-size: 16px;
  line-height: 18px;
  color: #000000;
  margin-top: 0px;
  margin-bottom: 10px;  
}
.green_background
{
  background-color:var(--emg_color_green);
  padding-left: max(10px,3%);
  padding-right: max(10px,3%);
}
/*Katalogseite--------------------------*/
#pagecontent
{
  height: auto;
}
#pageall
{
  width: 100%;
  height: auto;
  float: left;
  background-color: var(--emg_color_page_bg);
  padding-left: max(10px,3%);
  padding-right: 0px;
  padding-top: 30px;
  padding-bottom: 5px;
}
#pagecolumn
{
  width: 35%;
  height: auto;
  float: right;
  background-color: var(--emg_color_page_bg);
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
#pagetext
{
  /*width: 100%;*/
  height: auto;
  float: left;
  background-color: var(--emg_color_page_bg);
  padding-right: max(10px,3%);
  /*padding-left: max(10px,3%);
  padding-right: max(10px,3%);
  padding-top: 30px;
  padding-bottom: 5px;*/
}
#pagefeatures
{
  /*width: 100%;*/
  height: auto;
  float: left;
  background-color: var(--emg_color_page_bg);
  padding-left: 0;
  padding-right: max(10px,3%);
  padding-top: 5px;
  padding-bottom: 5px;
}
#pagepictures
{
  width: 100%;
  float: left;
  background-color: var(--emg_color_page_bg);
  padding-left: max(10px,3%);
  padding-right: max(10px,3%);
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#pagepicturerow
{
  width: 100%;
  float: right;
  background-color: var(--emg_color_page_bg);
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
}
/*Dateien----------------------------------*/
#pagedownloads
{
  width: 100%;
  float: left;
  background: var(--emg_color_grey);
  padding-left: max(10px,3%);
  padding-right: max(10px,3%);
  padding-top: 30px;
  padding-bottom:  max(10px,3%);

}
/*Tabelle----------------------------------*/
.pagetable
{
  width: 100%;
  float: center;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.pagetablehead
{
  background: var(--emg_color_green);
  line-height: 16px;
  color: var(--emg_color_page_bg);
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0px;
}
.pagetablecell
{
  height: 26px;
  line-height: 16px;
  color: var(--emg_color_font);
  font-family: Helvetica, Arial, Times, sans-serif;
  font-size: 14px;
  border-bottom: thin;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.pagetablecellbold
{
  font-weight: bold;
}
.ordertable
{
  width: min(540px, 100%);
  float: left;
  margin-top: 10px;
  margin-bottom: 15px;
  margin-left: 0px;
  margin-right: 0px;
}
.ordertablehead
{
  background: var(--emg_color_green);
  width: 100%;
  line-height: 16px;
  color: var(--emg_color_page_bg);
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0px;
}
.ordertablesubhead
{
  background: var(--emg_color_page_bg);
  width: 100%;
  line-height: 16px;
  color: var(--emg_color_green);
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0px;
}

.ordertablecell
{
  width: 33%;
  height: 26px;
  line-height: 14px;
  color: var(--emg_color_font);
  font-family: Helvetica, Arial, Times, sans-serif;
  font-size: 12px;
  border-bottom: thin;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.ordertablecellbold
{
  width: 33%;
  height: 26px;
  line-height: 14px;
  color: var(--emg_color_font);
  font-family: Helvetica, Arial, Times, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  border-bottom: thin;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.footertablehead
{
  background: var(--emg_color_green);
  line-height: 16px;
  color: var(--emg_color_page_bg);
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0px;
}
.footertable
{
  background: var(--emg_color_green);
  line-height: 16px;
  color: var(--emg_color_page_bg);
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0px;
}
/*Impressumseiten--------------------------*/
#imprintall
{
  width: 100%;
  float: left;
  height: auto;
  background-color: var(--emg_color_page_bg);
  padding-right: max(10px,3%);
  padding-left: max(10px,3%);
  padding-top: 30px;
  padding-bottom: 5px;
}
/*Kategorieseiten--------------------------*/
#categoryleft
{
  background-color: var(--emg_color_page_bg);
  padding-right: max(10px,3%);
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

#categoryright
{
  background-color: var(--emg_color_page_bg);
  padding-right: max(10px,3%);
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

#catpicture
{
  width: 360px;
  height: 180px;
  vertical-align: middle;
  float: left;
  background-color: var(--emg_color_page_bg);
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: right;

}
#catarticles
{
  width: 460px;
  height: 130px;
  vertical-align: middle;
  float: right;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 50px;
  text-align: left;

}
ul.breadcrumb li {
display:inline;
padding: 0px 0px 0px 0px;
margin-top: 0px;
}
/******************************************/
img.thumbnail {
  float: left;
  border: 0;
}
img.titlepicture {
  width: 920px;
}