html, body {
background:#cbcbcb; /*#c1cdcf*/
padding:0 !important;
margin:0;
border:0;
z-index:0;
width:100%;
height:100%;
font-family: 'droid_serifregular', sans-serif;
text-align: center;
font-size: 18px;
line-height: 1.4em;
}

#container {
margin:2.0em auto 0 auto;
padding:0;
overflow-y:hidden;
}

header {
position: fixed;
left:0;
top:0;
z-index: 2;
width: 100%;
border:0;
background:#333;
}

section {
clear: both;
width:100%;
height:auto;
border:0;
text-align: center;
}

aside {
clear: both;
width:100%;
height:auto;
border:0;
padding:0;
margin: 5em 0 10em 0 !important;
}

footer {
width:100%;
height:auto;
text-align:center !important;
background: #333;
color: #fff;
padding: 3em 0 3em 0;
}

#fusscontainer {
height:auto;
margin: 0 auto 0 auto;
overflow-y: hidden;
}

/* Links */

header a{
text-decoration:none;
}

section div.com-content-article__body a, aside a{
text-decoration:none;
color: #fff;
font-weight: bold;
}

footer a{
text-decoration:none;
color:#fff;
}

footer a:hover {
text-decoration:underline;
}

/* Buttons */

section button, section a.btn, section a.jg-link, figcaption a, a.lightgallery-item, div.jg-image-caption a, .werkstattlink > a {
width: auto !important;
background: #fff !important;
color: #333 !important;
font-size: 1em;
padding:5px 8px;
margin: 10px auto 10px 0 !important;
border-radius: 3px;
border:0;
clear: both;
text-decoration: none;
}

/* Box-sizing */

header, footer, section, main, nav, aside, div, p, span, a, ul, ol, li, input, form, button, h1, h2, h3, h4, h5, h6, blockquote {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

/* Farben */


/* Textformate */


/* ---------------------------------- Header --------------------------------------*/

/* Titel */

header div.custom {
float: left;
width: max-content;
padding: 0;
}

header h1, header h1 a {
color: #fff;
margin: auto auto auto 0;
font-size: 1.0em;
}

header h2, header h2 a {
font-weight: 300;
font-family: 'droid_serifregular';
color: #c1cdcf; /*a2b1b4*/
margin: auto auto auto 0;
font-size: 1.0em;
}

header img.logo {
width: auto;
height: 3em;
float: left;
margin: 0 0.8em auto 0;
}

/* --- Hauptmenue --- */

div.dj-megamenu-wrapper {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: right;
  font-size: 1em;
}

ul.dj-megamenu a.dj-up_a, ul.dj-submenu a, span.title {
  font-family: 'droid_serifregular' !important;
  text-transform: none !important;
  font-weight: 300 !important;
  font-size: 1em !important;
  border: 0 !important;
  background: none !important;
  padding: 0;
  margin: 0;
}

ul.megamenu a:hover {
color: #000 !important;
}

/* Level 1 */

ul.dj-megamenu {
  float: right;
  width: max-content !important;
  text-align: right;
  font-size: 1em;
  background: none !important;
}

ul.dj-megamenu li.dj-up {
  text-align: left;
  margin: 0 10px 0 0 !important;
  padding: 0 0.5em 0 0 !important;
}

header ul a.dj-up_a {
color: #fff !important;
}

li.dj-up a.dj-up_a span.dj-drop {
margin: 0 !important;
}

/* Level 2 */

ul.dj-submenu {
width: auto;
box-shadow: none !important;
background: none !important;
padding: 0.5em !important;
border: 0 !important;
text-align: left;
margin: -0.2em auto 0 -0.5em !important;
background:#cbcbcb !important;
}

div.dj-subwrap, div.dj-subwrap-in, div.dj-subcol {
box-shadow: none !important;
background: none !important;
padding: 0 !important;
border: 0 !important;
text-align: left;
margin: 0 !important;
}

ul.dj-submenu li {
  border: 0 !important;
  box-shadow: none !important;
  text-align: left;
  margin: 0.2em 0 0.2em 0;
  padding: 0 !important;
  line-height: 1.0em !important;
}

header ul.dj-submenu a {
color: #333 !important;
margin: 0 !important;
padding: 0.3em 0 0.3em 0 !important;
}

/* --------------------------- SECTION ---------------------------- */

section p, section h1, section h2, section h3 {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}

section h3 + div.jg-gallery {
padding-top: 3em !important;
}

blockquote {
max-width: 800px;
padding: 2em;
margin: 0.5em auto 0.5em auto;
background: #333;
border-radius: 0.8em;
color: #fff;
font-family: 'droid_serifitalic';
}

figcaption {
font-size: 0.85em;
}

.werkstattlink > a {
font-size: 1.0em;
}

section img {
max-width: 100%;
height: auto;
}

/* Einzelner Beitrag */

.item-page div.com-content-article__body, .item-page .page-header {
max-width: 800px !important;
height: auto;
margin: 0 auto 0 auto;
}

/* Home */

.werkstattlink {
width: 45%;
max-width: 300px;
margin: 3em 1em 3em 1em;
height: auto;
display: inline-block;
}

.werkstattlink > a {
display: block;
margin: 1em auto 0 auto !important;
width: fit-content !important;
}

/* Joomgallery */

section > h3, a.btn-outline-primary {
display: none;
}

div.jg-gallery.columns {
max-width: 595px;
margin: 0 auto 0 auto;
height: max-content !important;
grid-column: 1 !important;
}

div.jg-category {
max-width: 595px;
margin: 0 auto 0 auto;
height: max-content !important;

grid-template-columns: repeat(1, 100%) !important;
}

div.jg-category div.jg-image {
width: 100% !important;
margin: 0 0 3em 0;
grid-column: 1 !important;
}

div.jg-category div.jg-image div.jg-image-caption, div.jg-image-caption-hover, div.jg-image-thumbnail {
height: auto !important;
width: 100% !important;
}

div.jg-image-thumbnail div.jg-image-caption-hover a.lightgallery-item {
background: none !important;
}

a.lightgallery-item img.jg-image-thumb {
margin: 0 auto 0 auto !important;
padding:0 !important;
}


/* -------------------------- Aside ----------------------------*/



/*--------------------------- Footer ---------------------------*/

footer ul {
width: 100%;
list-style-type: none;
margin: 0 0 3em 0;
padding: 0;
color: #fff;
font-size: 1.0em;
line-height: 1.4em;
}

footer ul li {
width: auto;
list-style-type: none;
padding: 0;
display: inline-block;
}

/* Fussmenue intern */

footer ul#mod-menu115 li {
margin: 0 1.0em 0 1.0em;
}

/* Fussmenue Social Media */

footer ul#mod-menu116 span.image-title {
display: none;
}

footer ul li {
margin: 0 0.5em 0 0.5em;
}

footer ul#mod-menu116 img {
height: 2.5em;
width: auto;
}

/* Fussmenue extern */

footer ul#mod-menu117 li a img {
height: 2.5em;
width: auto;
margin-right: 0.7em;
vertical-align: middle;
}

footer ul#mod-menu117 li {
margin: 0 1.5em 1.5em 1.5em;
line-height: 1.1em;
}

/* Fusszeile */

div.mod-footer {
color: #ddd;
font-size: 0.85em;
line-height: 1.4em;
}

div.footer2 {
display: none;
}

footer div.custom a {
padding:0 0 0 15px;
background-image: url("../images/linkpfeil.png");
background-repeat:  no-repeat;
background-position: center left;
}

footer div.custom a:hover {
text-decoration: underline;
}