@font-face {
  font-family: 'Encode Sans Expanded';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/encode-sans/encode-sans-expanded-v10-vietnamese_latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/encode-sans/encode-sans-expanded-v10-vietnamese_latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/encode-sans/encode-sans-expanded-v10-vietnamese_latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/encode-sans/encode-sans-expanded-v10-vietnamese_latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/encode-sans/encode-sans-expanded-v10-vietnamese_latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/encode-sans/encode-sans-expanded-v10-vietnamese_latin-ext_latin-regular.svg#Encode-Sans') format('svg'); /* Legacy iOS */
}

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

@font-face {
  font-family: 'Amaranth';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/amaranth/Amaranth-Regular.ttf');
  src: local(''),
       url('../fonts/amaranth/Amaranth-Regular.ttf') format('truetype')
}

@font-face {
  font-family: 'Julee';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/julee/Julee-Regular.ttf');
  src: local(''),
       url('../fonts/julee/Julee-Regular.ttf') format('truetype')
}

:root {
  --gbv-green: #086c08;
  --gbv-dark-green: #006600;
  --gbv-light-green: #ddffdd;
  --gbv-bg-current-green: #129c12;
  --gbv-headline-shadow: #999;
  --gbv-darkyellow-header: #ffe270;
  --cassiopeia-color-primary: #FFFFFF;
  --cassiopeia-color-link: #777;
  --link-color: #777;
  --link-color-rgb: 34,79,170;
  --cassiopeia-color-hover: #AAAAAA;
  --menu-color: #222;
  --menu-color-hover: #555;
  --color-active: #BE1111;
  --color-btn: #AA1111;
  --color-btn-border: #991111;
  --custom-font-family-body: "Encode Sans Expanded", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --body-font-family: "Encode Sans Expanded", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --custom-font-family-headings: "Amaranth", "Encode Sans Expanded", cursive, Tahoma, Geneva, Verdana, sans-serif;
  --monatsmenu-font-family: "Julee", Geneva, Verdana, sans-serif;
  --card-border-width: 0 !important;
}

/* Styles for use in articles */
.box_rot {
  border-style: solid;
  border-width: 1px;
  border-color: #900;
  padding: 5px;
  background-color:#F60;
  width:auto;
}

.box_gruen {
  border-style: solid;
  border-width: 1px;
  border-color: #060;
  padding: 5px;
  background-color:#ccffcc;
  width:auto;
}

.box_gelb {
  border-style: solid;
  border-width: 1px;
  border-color: #C90;
  padding: 5px;
  background-color:#FEA;
  width:auto;
}

.box_blau {
  border-style: solid;
  border-width: 1px;
  border-color: #00C;
  padding: 5px;
  background-color:#CFF;
  width:auto;
}

/* Text styles */
.blog-featured h2 {
  font-size: 1.5em;
  margin-bottom:0em;
}

div .blog-featured, .item-page, .gallery {
  margin: 10px;
}

div .blog, div .category-list {
  padding: 5px;
}

/* Article functions */
ul.actions {
  clear:both;
  margin-top: 0px;
  float:right;
}

ul.actions li {
  list-style-type: none;
  float:right;
  margin-left: 10px;
}

/* GBV general Styles */
div, body, p {
  color:#000;
}

h1, h2, h3, h4, h5, h6 {
  font-family:var(--custom-font-family-headings);
  font-weight: 400;
  color: var(--gbv-dark-green);
  text-shadow: 0.05em 0.05em 0.05em var(--gbv-headline-shadow);
}

h2 {
  font-size: 1.7em !important;
}

h3 {
  font-size: 1.5em !important;
}

a {
  color: var(--gbv-dark-green);
  text-decoration:none;
}

a:hover, a:focus {
  color: #0C0;
  text-decoration: overline underline;
}

a:active {
  color: var(--gbv-dark-green);
  text-decoration:underline;
}

fieldset {
  border-color: var(--gbv-dark-green);
}

hr {
  margin: 0px auto;
  background-color:#118811;
  color:#55cc55;
  width: 90%;
  height: 1px;
  border-width: 1px;
  vertical-align:middle;
  text-align: center;
}

img {
  padding: 2px;
  border: var(--gbv-dark-green) 1px solid;
  margin: 4px !important;
}

/* tables */
tbody tr:nth-child(2n) td, tbody tr.even td, thead th  {
  background-color: #FEA;
  opacity:0.8;
  filter:alpha(opacity=80);
}

td {
	padding:3px;
}

/* readmore-boxes */
.readmore, .readmore > a, .readmore > a > span > span {
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-style: solid;
	border-width: 0.2px;
	border-color: lightgray;
	border-radius: 4px;
}

/* Header, Footer, Menus */
.header {
  background-image: url("/images/logo_und_symbole/header2018-side.jpg");
  background-repeat: repeat-x;
  background-color: var(--gbv-green);
  border-bottom-style: solid;
  border-bottom-color: var(--gbv-dark-green);
}

div.navbar-brand, header.container-header > div.grid-child {
  padding: 0 !important;
}

a.brand-logo > img {
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
}

header > div.grid-child.container-nav {
  background-color: var(--gbv-green);
}

footer.footer {
  background-image: linear-gradient(135deg,var(--gbv-green)0%,var(--gbv-dark-green)100%);
}

.footer a:not(.btn), .footer .btn-link {
  color: white;
}
.back-to-top-link {
  color: var(--menu-color);
}

/* Menu fuer die Monate der Gartentipps */
ul.menu_monatstipps, ul.menu_alphabettipps {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  padding-left: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  margin-right: 0px;
  display: inline;
  float:left;
}
ul.menu_monatstipps li, ul.menu_alphabettipps li {
    float:left;
    font-family: var(--monatsmenu-font-family);
    font-size:1.5em;
    padding-left: 0px;
    padding-right: 0px;
}

ul.menu_monatstipps li a, ul.menu_alphabettipps liva{
      padding: 0.3em;
}
  
ul.menu_monatstipps li.active > a, ul.menu_monatstipps li.active > a:hover, ul.menu_monatstipps li.active > a:focus, 
ul.menu_alphabettipps li.active > a, ul.menu_alphabettipps li.active > a:hover, ul.menu_alphabettipps li.active > a:focus {
    background-color: var(--gbv-dark-green);
    text-decoration:underline !important;
    font-weight:800;
}

.card {
  border-width: 0 !important;
}

div.side-pictures div.card-body div.mod-custom div.pg-category-items-box div.pg-item-box {
  border-width: 0;
}

div.side-pictures div.card-body div.mod-custom div.pg-category-items-box div.pg-item-box, 
div.side-pictures div.card-body div.mod-custom div.pg-category-items-box div.pg-item-box figure a div img.pg-image {
  width: 100% !important;
}

div.side-pictures div.card-body div.mod-custom div.pg-category-items-box div.pg-item-box figure a.pg-photoswipe-button {
  pointer-events: none;
}