@charset "UTF-8";
/***!  /templates/as002067/css/tmpl.default.css  !***/

/**************************************************************************************/
/*
/*		Designed by 'AS Designing'
/*		Web: http://www.asdesigning.com
/*		Web: http://www.astemplates.com
/*		License: GNU/GPL
/*
/**************************************************************************************/

:root {
    --font-color: #000000;
    --font-color-hover: #ffffff;
    --background-color: #000000;
}

/**************************************************************************************/
/**************************************************************************************/
/*   Elements
/**************************************************************************************/
/**************************************************************************************/

* {
    padding: 0;
    margin: 0;
    border: 0px;
  }
  
  html,
  body {
    height: 100%;
  }
  
  body {
    margin: 0px;
    line-height: 20px;
    background-position: left top;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    color: #333333;
    background-color: #eee;
    background: url("https://www.sgruesselbach.de/templates/as002067/images/bg.general.jpg") repeat fixed 0 0 rgba(0, 0, 0, 0);
  }
  
  .container {
    position: relative;
  }
  
  img {
    max-width: 100%;
  }
  
  a {
    text-decoration: underline;
    color: var(--font-color);
  }
  
  a:focus {
    outline: none;
  }
  
  a:hover,
  a.selected {
    color: #333333;
    text-decoration: underline;
  }
  
  hr {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #ffffff;
  }
  
  p {
    margin: 0;
    padding-bottom: 25px;
  }
  
  .page-featured p {
    padding-bottom: 25px;
  }
  
  li {
    line-height: 20px;
    list-style-image: url("https://www.sgruesselbach.de/templates/as002067/images/li.style.default.png");
    list-style-position: outside;
  }
  
  /**************************************************************************************/
  /*   Forms																			  */
  
  legend {
    color: #333333;
    border-bottom: 1px solid #e5e5e5;
  }
  
  legend small {
    color: #999999;
  }
  
  input,
  textarea {
    width: 220px;
  }
  
  textarea {
    resize: none;
  }
  
  textarea.invalid {
    border: 1px solid #0099cc;
  }
  
  select {
    border: 1px solid #bbb;
    background-color: #ffffff;
  }
  
  input,
  button,
  select,
  textarea {
    font-family: Arial, Helvetica, sans-serif;
  }
  
  select,
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  .uneditable-input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0px;
    color: #999999;
  }
  
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  .uneditable-input {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    -webkit-box-shadow: 0px 0px 1px 0px #fff inset;
    -moz-box-shadow: 0px 0px 1px 0px #fff inset;
    box-shadow: 0px 0px 1px 0px #fff inset;
  }
  
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"] {
    line-height: 1 !important;
    padding: 7px 6px 6px !important;
    height: auto !important;
  }
  
  textarea:focus,
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="time"]:focus,
  input[type="week"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="color"]:focus,
  .uneditable-input:focus {
    border-color: #0099cc;
  }
  
  select:focus,
  input[type="file"]:focus,
  input[type="radio"]:focus,
  input[type="checkbox"]:focus {
    outline: thin dotted #333;
  }
  
  input[type="radio"],
  input[type="checkbox"] {
    margin: 3px 0 0;
  }
  
  .input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .label-info,
  .badge-info {
    background-color: #0099cc;
  }
  
  .page-login form .control-group {
    margin: 0;
  }
  
  .checkbox-radio-wrap__inline {
    display: inline-block;
    margin-left: 6px;
    vertical-align: top;
  }
  
  .checkbox-radio-wrap__inline input[type="radio"],
  .checkbox-radio-wrap__inline input[type="checkbox"] {
    margin: -2px 0 0 0;
  }
  
  .page-registration form label,
  .page-remind form label,
  .page-reset form label,
  .page-login form label,
  .page-login form label,
  .page-profile__edit form label {
    display: inline-block;
    margin-right: 20px;
  }
  
  .page-remind form button,
  .page-reset form button {
    display: inline-block;
    margin-left: 10px;
  }
  
  .form-vertical label {
    display: inline-block;
  }
  
  #form-login-remember label {
    margin-bottom: 20px;
  }
  
  .com_users .well {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    padding: 0px;
  }
  
  .com_users legend {
    border: 0px;
    font-size: 12px;
    line-height: 20px;
  }
  
  .com_users .form-horizontal .control-label {
    text-align: left;
  }
  
  /**************************************************************************************/
  /*   Headings and Titles															  */
  
  h1,
  h2,
  h3,
  h4 {
    margin-top: 0px;
    letter-spacing: 0px;
  }
  
  h1 {
    margin-bottom: 25px;
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 30px;
    line-height: 36px;
    font-weight: normal;
  }
  
  h2,
  .page_header h1 {
    margin-bottom: 15px;
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 22px;
    line-height: 26px;
    font-weight: normal;
    text-transform: uppercase;
  }
  
  h3 {
    margin-bottom: 0px;
    padding-bottom: 14px;
    font-size: 24px;
    line-height: 22px;
    font-weight: normal;
  }
  
  .page-featured h3 {
    padding: 0px 0px 10px;
  }
  
  h4 {
    font-size: 16px;
  }
  
  .nspArt h4.nspHeader {
    font-size: 18px;
  }
  
  h5 {
    font-size: 14px;
  }
  
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small {
    color: #999999;
  }
  
  .page_header h1,
  .category_title h2,
  .page-item .item_header h2.item_title {
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  
  .item__featured .item_title {
    overflow: hidden;
  }
  
  .item__module h2.item_title {
    border-bottom: none;
  }
  
  .item__featured .item_header h2 {
    margin-bottom: 10px;
  }
  
  .page-header {
    padding-bottom: 9px;
    margin: 20px 0 30px;
  }
  
  /**************************************************************************************/
  /*   Images																			  */
  
  .item_img,
  .category_img,
  .img-intro-none img,
  .item_fulltext img,
  .random-image img,
  .nspArt img.nspImage {
    margin-bottom: 25px;
    display: inline-block;
    max-width: 99%;
  }
  
  .item_img img,
  .category_img img,
  .item_fulltext img,
  .random-image img,
  aside .img-intro__left img,
  aside .img-intro__right img {
    width: auto;
  }
  
  .nspArt img {
    margin-bottom: 25px;
  }
  
  .img-intro__none,
  .img-full__none {
    margin-bottom: 25px;
  }
  
  .span9 .row-fluid [class*="span"] .img-intro__none,
  .span9 .row-fluid [class*="span"] .img-full__none {
    width: 96.5%;
  }
  
  .span6 .row-fluid [class*="span"] .img-intro__none,
  .span6 .row-fluid [class*="span"] .img-full__none {
    width: 97%;
  }
  
  .img-intro__none img,
  .img-full__none img {
    width: 100%;
  }
  
  .page-category.page-category__testimonials .img-intro__left,
  .img-intro__left,
  .img-full__left,
  .pull-left img,
  img.left {
    float: left;
    margin: 0 25px 21px 0px;
    max-width: 50%;
  }
  
  .img-intro__right,
  .img-full__right,
  .pull-right img,
  img.right {
    float: right;
    margin: 0 0 21px 25px;
    max-width: 50%;
  }
  
  aside .img-intro__left,
  aside .img-intro__right {
    margin-top: 3px;
    margin-bottom: 10px;
  }
  
  img.noborder,
  .no-border {
    border: none !important;
    box-shadow: none !important;
  }
  
  .page-blog .items-row.cols-3 .item_img.img-intro {
    margin: 0px 0px 25px 0px;
    width: 96%;
  }
  
  .page-blog .items-row.cols-3 .item_img.img-intro img {
    width: 100%;
    overflow: hidden;
  }
  
  /**************************************************************************************/
  /*   Captions																		  */
  
  .img_caption {
    text-align: center !important;
  }
  
  .img_caption.left {
    float: left;
    margin-right: 1em;
  }
  
  .img_caption.left p {
    clear: left;
    text-align: center;
  }
  
  .img_caption.right {
    float: right;
    margin-left: 1em;
  }
  
  .img_caption.right p {
    clear: right;
    text-align: center;
  }
  
  .img_caption.none {
    margin-left: auto;
    margin-right: auto;
  }
  
  /**************************************************************************************/
  /*   Lists																			  */
  
  ul.categories-module h5 {
    font-size: 1em;
    line-height: inherit;
    font-weight: normal;
    margin: 0;
  }
  
  .categories-module,
  .archive-module {
    margin: 0;
  }
  
  .categories-module li,
  .archive-module li {
    line-height: 30px;
    padding: 0 0 0 20px;
    list-style: none;
    list-style-image: none;
    background: url("https://www.sgruesselbach.de/templates/as002067/images/styles/default/li.style.png") left 11px no-repeat;
  }
  
  .categories-module li a,
  .archive-module li a {
    font-size: 14px;
    line-height: 30px;
    color: #333333;
  }
  
  .moduletable ul {
    margin-left: 0px;
  }
  
  .moduletable ul li {
    line-height: 22px;
    list-style-image: url("https://www.sgruesselbach.de/templates/as002067/images/li.style.png");
    list-style-position: inside;
  }
  
  .moduletable ul.item-list li {
    list-style: none;
    list-style-image: none;
    background: url("https://www.sgruesselbach.de/templates/as002067/images/li.style.png") left 11px no-repeat;
    padding: 0 0 0 25px;
  }
  
  .moduletable ul li a {
    top: -1px;
    position: relative;
  }
  
  /**************************************************************************************/
  /*   Buttons																		  */
  
  a.btn,
  .btn_info,
  .btn-info,
  a.readmore,
  .btn-group button.btn,
  .btn-primary,
  .btn_primary,
  .contentpane .button,
  .mod-newsflash a.readmore {
    background: url("https://www.sgruesselbach.de/templates/as002067/images/bg.readmore.png");
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 15px;
    font-size: 13px;
    line-height: 20px;
    border: none;
    border-radius: 3px;
    float: right;
    color: var(--font-color);
    padding: 0 0 0px 30px;
    text-transform: lowercase;
  }
  
  a.btn:hover,
  a.readmore:hover,
  .btn_info:hover,
  .btn-info:hover,
  .btn_info:active,
  .btn-info:active,
  .btn_info.active,
  .btn-info.active,
  .btn_info.disabled,
  .btn-info.disabled,
  .btn_info[disabled],
  .btn-info[disabled],
  .btn-primary:hover,
  .btn_primary:hover,
  .btn-primary:active,
  .btn_primary:active,
  .btn-primary.active,
  .btn_primary.active,
  .btn-primary.disabled,
  .btn_primary.disabled,
  .btn-primary[disabled],
  .btn_primary[disabled],
  .contentpane .button:hover {
    color: #455c85;
    background: url("https://www.sgruesselbach.de/templates/as002067/images/bg.readmore.png");
    background-repeat: no-repeat;
    background-position: left bottom;
  }
  
  .edit a.btn,
  .edit .btn-group button.btn,
  .com_config .btn-group button.btn {
    background-image: none;
    padding-left: 15px;
  }
  
  .page-login button {
    margin-top: 20px;
  }
  
  .btn_info.active,
  .btn-info.active,
  .btn_info:active,
  .btn-info:active,
  .btn-primary.active,
  .btn_primary.active,
  .btn-primary:active,
  .btn_primary:active {
    box-shadow: none;
  }
  
  a.btn.jmodedit {
    background: url("https://www.sgruesselbach.de/templates/as002067/images/bg.tooltip.png");
    background-repeat: no-repeat;
    background-position: center;
    line-height: 25px;
    height: 25px;
  }
  
  .btn,
  .mod-newsflash a.readmore {
    text-shadow: none;
  }
  
  .contentpane .button {
    margin-top: 20px;
    margin-left: 20px;
  }
  
  .search .button {
    padding: 7px 27px !important;
  }
  
  #aside-left a.btn,
  #aside-left .btn_info,
  #aside-left .btn-info,
  #aside-left .btn-primary,
  #aside-left .btn_primary,
  #aside-left .button,
  #aside-left .acysubbuttons input.button,
  #aside-left button,
  #aside-right a.btn,
  #aside-right .btn_info,
  #aside-right .btn-info,
  #aside-right .btn-primary,
  #aside-right .btn_primary,
  #aside-right .button,
  #aside-right .acysubbuttons input.button,
  #aside-right button {
    background-color: var(--background-color);
    color: #fff;
    line-height: 14px;
    padding: 7px 30px;
    background-image: none;
  }
  
  #aside-left a.btn:hover,
  #aside-left .btn_info:hover,
  #aside-left .btn-info:hover,
  #aside-left .btn-primary:hover,
  #aside-left .btn_primary:hover,
  #aside-left .button:hover,
  #aside-left .acysubbuttons input.button:hover,
  #aside-left button:hover,
  #aside-right a.btn:hover,
  #aside-right .btn_info:hover,
  #aside-right .btn-info:hover,
  #aside-right .btn-primary:hover,
  #aside-right .btn_primary:hover,
  #aside-right .button:hover,
  #aside-right .acysubbuttons input.button:hover,
  #aside-right button:hover {
    background-color: #5fca1a;
    color: #fff;
  }
  
  #footer a.btn,
  #footer .btn_info,
  #footer .btn-info,
  #footer .btn-group button.btn,
  #footer .btn-primary,
  #footer .btn_primary,
  #footer .contentpane .button {
    background-color: var(--background-color);
    color: #fff;
    background-image: none;
  }
  
  #footer a.btn:hover,
  #footer .btn_info:hover,
  #footer .btn-info:hover,
  #footer .btn-group button.btn:hover,
  #footer .btn-primary:hover,
  #footer .btn_primary:hover,
  #footer .contentpane .button:hover {
    background-color: #5fca1a;
  }
  
  #aside-left input.button,
  #aside-right input.button {
    background-color: transparent;
  }
  
  /**************************************************************************************/
  /*   Pagination																		  */
  
  .pagination span,
  .pagination a {
    background: none !important;
    padding: 0 6px;
  }
  
  .pagination ul {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
    margin: 0 auto;
  }
  
  .pagination ul li .pagenav {
    font: 800 14px/18px;
    text-transform: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
  }
  
  .pagination ul li a.pagenav:hover {
    background: none;
  }
  
  .pull-right {
    margin-top: 10px;
  }
  
  .tooltip {
    background-color: #000;
    color: #fff;
  }
  
  .tooltip.fade.in {
    width: 110px !important;
    padding: 5px;
  }
  
  /**************************************************************************************/
  /*   BlockNumbers																	  */
  
  p.blocknumber {
    min-height: 44px;
    padding: 5px 20px 15px 60px !important;
    position: relative;
  }
  
  p.blocknumber a {
    padding: 2px 10px 0 0;
    float: left;
  }
  
  span.blocknumber {
    border-radius: 50%;
    font-size: 20px;
    height: 45px;
    left: 0;
    line-height: 45px;
    position: absolute;
    text-align: center;
    width: 45px;
    margin-top: 0px;
    box-shadow: 0px 0px 1px 0px #fff;
    background-color: #719fea;
    color: #ffffff;
  }
  
  span.blocktitle {
    font-size: 18px;
    padding-bottom: 5px;
    text-transform: uppercase;
    color: #0099cc;
    font-family: "Tangerine", Arial, serif !important;
  }
  
  /**************************************************************************************/
  /*   Toggling																		  */
  
  .toggle {
    min-height: 30px;
    font-size: 13px;
    font-weight: normal;
    background-image: url("https://www.sgruesselbach.de/templates/as002067/images/bg.toggle.open.png");
    background-position: left top;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0px 0px 0px 0px;
    padding: 6px 20px 3px 60px;
    text-overflow: ellipsis;
    white-space: nowrap;
    clear: both;
    overflow: hidden;
  }
  
  .toggle:hover {
    background-image: url("https://www.sgruesselbach.de/templates/as002067/images/bg.toggle.open.hover.png");
  }
  
  .toggle.opened {
    background-image: url("https://www.sgruesselbach.de/templates/as002067/images/bg.toggle.close.png");
    background-position: left top;
    background-repeat: no-repeat;
  }
  
  .toggle.opened:hover {
    background-image: url("https://www.sgruesselbach.de/templates/as002067/images/bg.toggle.close.hover.png");
  }
  
  .toggle_content {
    display: none;
    margin: 15px 0px 20px 0px;
    padding: 25px;
    font-size: 12px;
    font-weight: normal;
    border-radius: 0px;
    background-color: #fdfdfd;
    border: 1px solid #dedede;
    color: #121212;
  }
  
  /**************************************************************************************/
  /*   Searching																		  */
  
  ul#finder-filter-select-dates li.filter-date {
    margin-bottom: 4px;
    margin-right: 4px;
  }
  
  ul#finder-filter-select-dates li.filter-date select.filter-date-operator {
    margin-bottom: 9px;
  }
  
  #searchForm fieldset {
    margin-bottom: 20px;
  }
  
  #searchForm fieldset label {
    display: inline-block;
    margin-right: 1em;
  }
  
  #searchForm .form-limit label {
    float: left;
  }
  
  #searchForm .form-limit select {
    float: right;
    position: relative;
    top: -4px;
  }
  
  #searchForm .form-limit p {
    overflow: hidden;
    clear: both;
  }
  
  dl.search-results {
    margin-bottom: 30px;
  }
  
  dl.search-results dt {
    margin-top: 20px;
  }
  
  .navbar-form .btn,
  .navbar-form .btn-group {
    margin-top: 5px;
  }
  
  #mod-finder-searchword {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 4px;
    border: 1px solid #ebebeb;
    box-shadow: none;
  }
  
  /**************************************************************************************/
  /*   Modal																			  */
  
  .modalClose {
    margin: 14px;
  }
  
  div.modal.fade.in.loginPopup {
    width: 260px;
    margin: -130px 0 0 -130px;
    top: 50%;
    left: 50%;
  }
  
  .login-greeting {
    margin: 0 0 9px 0;
  }
  
  .input-modal {
    width: 146px;
  }
  
  div.modal.fade {
    z-index: -500;
  }
  
  div.modal.fade.in {
    z-index: 1100;
  }
  
  /**************************************************************************************/
  /*   Social																			  */
  
  .moduletable.social {
    float: right;
  }
  
  .moduletable.social .nav {
    margin: 15px 0px 0px 0px;
    float: right;
  }
  
  .moduletable.social ul li {
    text-align: right;
    display: inline-block;
    list-style: none;
    margin-left: 3px;
  }
  
  .moduletable.social li a {
    border-radius: 50%;
    display: block;
    float: left;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin-left: 5px;
    text-align: center;
    color: #ffffff !important;
    transition: color 0.3s ease 0.1s;
    width: 28px;
  }
  
  .moduletable.social li a.icon-facebook {
    background-color: #28a6d8 !important;
  }
  
  .moduletable.social li a.icon-google-plus {
    background-color: #f37952 !important;
  }
  
  .moduletable.social li a.icon-twitter {
    background-color: #f1a80a !important;
  }
  
  .moduletable.social li a.icon-linkedin {
    background-color: #2d408e !important;
  }
  
  .moduletable.social li a.icon-facebook:hover {
    background-color: #007aac !important;
  }
  
  .moduletable.social li a.icon-google-plus:hover {
    background-color: #ca5029 !important;
  }
  
  .moduletable.social li a.icon-twitter:hover {
    background-color: #c67d00 !important;
  }
  
  .moduletable.social li a.icon-linkedin:hover {
    background-color: #0b1e6c !important;
  }
  
  .moduletable.social li a:hover {
    transition: color 0.3s ease 0.1s;
  }
  
  .moduletable.social img {
    width: auto !important;
    display: none;
  }
  
  #footer-row .moduletable.social li a img {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: var(--background-color);
  }
  
  #footer-row .moduletable.social li a:hover img {
    background-color: var(--background-color);
  }
  
  #footer .social {
    padding-top: 3px;
    vertical-align: top;
    text-align: right;
  }
  
  .mod-menu__social {
    position: relative;
    z-index: 50;
  }
  
  /**************************************************************************************/
  /*   Newsflash																		  */
  
  .mod-newsflash-adv__links .item_content {
    border-radius: 5px;
    padding-bottom: 24px;
  }
  
  .mod-newsflash-adv__links .item_content ul {
    margin-bottom: 0;
  }
  
  .mod-newsflash-adv__links .item_content ul li {
    line-height: 28px;
  }
  
  .mod-newsflash-adv__links .item_content ul li a {
    font-size: 14px;
    line-height: 30px;
    text-decoration: underline;
  }
  
  .mod-newsflash-adv__links .item_content h2 {
    text-transform: none;
    padding-bottom: 0;
    line-height: 68px;
    margin-bottom: 20px;
  }
  
  .mod-newsflash-adv__links a.readmore {
    background: none;
    padding: 4px 0;
    margin: 0 0 0 45px;
    box-shadow: none;
    border: none;
    font-size: 14px;
  }
  
  .mod-newsflash-adv__links .shadow span {
    bottom: 21px;
    width: 92%;
    left: 4%;
  }
  
  .mod-newsflash-adv__links.support .item_content {
    padding-bottom: 12px;
  }
  
  .mod-newsflash-adv__links.support .item_introtext {
    padding: 0 24px;
    font-size: 14px;
    line-height: 22px;
  }
  
  .mod-newsflash-adv__links.support a.readmore {
    margin: 0 0 0 24px;
  }
  
  /**************************************************************************************/
  /*   Acymailing																		  */
  
  .acymailing_form,
  .acymailing_form .acysubbuttons,
  .acym_module_form,
  .acym_module_form .acysubbuttons {
    text-align: right;
  }
  
  .acymailing_form p {
    padding-bottom: 4px;
  }
  
  .acymailing_form .acysubbuttons .button,
  .acym_module_form .acysubbuttons .btn {
    line-height: 14px;
    padding: 7px 30px;
    margin-top: 17px !important;
  }
  
  .acymailing_module_form span.acymailing_finaltext {
    display: block;
    padding-top: 20px;
    text-align: right;
    clear: both;
  }
  
  div.acymailing_module input {
    margin-top: 7px !important;
  }
  
  .acym_module_form input {
    max-width: 100% !important;
  }
  
  .acym_posttext {
    padding-top: 20px;
    clear: both;
  }
  
  /**************************************************************************************/
  /*   Back to Top																	  */
  
  #back-top {
    position: fixed;
    bottom: 105px;
    right: 20px;
    z-index: 60;
  }
  
  #back-top a {
    width: 46px;
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    text-transform: none;
    text-decoration: none;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
  }
  
  #back-top span {
    width: 46px;
    height: 46px;
    display: block;
    margin-bottom: 7px;
    background: url("https://www.sgruesselbach.de/templates/as002067/images/up.arrow.png") no-repeat center center;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    border-radius: 50%;
    background-color: transparent;
  }
  
  /**************************************************************************************/
  /*   Gallery	*/
  
  .page-gallery h1 {
    padding: 0;
  }
  
  .page-gallery .well {
    min-height: 20px;
    padding: 16px 20px;
    margin-bottom: 25px;
    background-color: #f4f4f4;
    border: 1px solid #dddddd;
  }
  
  .page-gallery .well .filters {
    float: left;
  }
  
  .page-gallery .well .filters a {
    margin-top: 0px;
    padding: 0px 10px !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none;
  }
  
  .page-gallery .well .filters a.active {
    background-color: transparent;
    display: inline;
    color: var(--font-color) !important;
  }
  
  .page-gallery .well a:hover {
    color: var(--font-color-hover) !important;
    background-color: transparent !important;
  }
  
  .page-gallery .item_img {
    margin-bottom: 0;
    display: block;
  }
  
  .page-gallery .sorting {
    display: flex;
  }
  
  .page-gallery .sorting b {
    margin-top: 15px;
  }
  
  .page-gallery .sorting ul#sort li {
    display: inline-block;
    margin-right: 5px;
  }
  
  .page-gallery .item_title {
    margin: 0 0 10px;
    padding: 0px;
    text-align: center;
    line-height: 24px;
    font-size: 16px !important;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #fff;
  }
  
  .page-gallery .list .item_title,
  .page-gallery .list .item_title a {
    color: var(--font-color);
    font-size: 24px;
  }
  
  .page-gallery .item_title a {
    text-align: centre !important;
    color: var(--font-color);
  }
  
  .page-gallery .item_title a:hover {
    color: #626262;
  }
  
  .page-gallery .item_title span {
    display: inline;
  }
  
  .page-gallery .list .item_introtext p {
    color: #626262;
    text-align: left;
    display: flex;
    padding: 0px 30px;
  }
  
  .page-gallery .list .item_more a {
    color: #626262;
    font-size: 13px;
    padding: 10x 0 20px;
    margin-top: 20px;
    line-height: 20px;
  }
  
  .page-gallery .list .item_more a.hover_more {
    color: var(--font-color);
    font-size: 13px;
    box-shadow: none;
  }
  
  .page-gallery ul#filters li {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    margin: 0px 5px 0 0;
  }
  
  .page-gallery li.item {
    margin-bottom: 30px;
  }
  
  .page-gallery p {
    padding-bottom: 10px;
    line-height: 16px;
  }
  
  .page-gallery .grid .item_introtext p {
    font-size: 14px;
    color: #fff;
    padding: 5px;
    text-align: center;
  }
  
  .page-gallery .list .item_introtext p {
    font-size: 12px;
  }
  
  .category_child .category_title a {
    display: inline-block;
    margin-right: 12px;
  }
  
  .page-gallery .category_desc {
    margin-bottom: 20px;
  }
  
  .page-gallery ul.singleColumn li {
    margin-left: 0;
  }
  
  .page-gallery .item_img.img-intro .touchGalleryLink img {
    width: 100% !important;
  }
  
  .page-gallery #filters {
    margin: 0px;
  }
  
  .page-gallery a.btn.filter:hover {
    background-color: transparent;
    padding: 3px 0;
    color: var(--font-color);
  }
  
  .page-gallery a.btn.filter {
    display: inline;
  }
  
  .page-gallery a.btn.filter:not(.active) {
    color: #626262;
    background-color: transparent;
    background-image: none !important;
  }
  
  .page-gallery a.zoom,
  .page-item__gallery a.zoom {
    position: relative;
  }
  
  .page-gallery a.zoom span.zoom-bg,
  .page-item__gallery a.zoom span.zoom-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  
  .page-gallery .list .item_more {
    text-align: right;
    margin-right: 30px;
  }
  
  .page-gallery .grid .item_more {
    padding-top: 5%;
    text-align: center;
  }
  
  .page-gallery .item_more a {
    display: inline-block;
    color: #fff;
    font-size: 1.5em;
    font-weight: normal;
  }
  
  .page-gallery .item_more a:hover,
  .page-gallery .list .item_more a.hover_more:hover {
    color: #455c85;
  }
  
  .page-gallery .item_icons,
  .page-item__gallery .item_icons {
    margin-bottom: 9px;
  }
  
  ul.singleColumn {
    margin: 0;
  }
  
  ul.singleColumn > .item {
    list-style: none;
    width: 100%;
  }
  
  .view-article #prevArrow,
  .view-article #nextArrow {
    display: none;
  }
  
  .isotope-item {
    z-index: 2;
  }
  
  .isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
  }
  
  .isotope,
  .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
  }
  
  .isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
  }
  
  .isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity;
  }
  
  .isotope.no-transition,
  .isotope.no-transition .isotope-item,
  .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
  }
  
  ul#filters li {
    display: inline-block;
    vertical-align: top;
    margin: 9px 9px 0 0;
  }
  
  #isotopeContainer {
    padding-top: 8px;
  }
  
  .page-gallery_img {
    margin-left: 0;
  }
  
  .category_children .category_child {
    margin-bottom: 20px;
  }
  
  #galleryOverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 100000;
    overflow: hidden;
    display: none;
    -moz-transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
    background-image: url(https://www.sgruesselbach.de/templates/as002067/images/bg.gallery.png);
  }
  
  #gallerySlider {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    -moz-transition: left 0.4s ease;
    -webkit-transition: left 0.4s ease;
    transition: left 0.4s ease;
  }
  
  #gallerySlider .placeholder {
    background: url("https://www.sgruesselbach.de/templates/as002067/images/system/preloader.gif") no-repeat center center;
    height: 100%;
    line-height: 1px;
    text-align: center;
    width: 100%;
    display: inline-block;
  }
  
  #gallerySlider .placeholder:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px;
  }
  
  #gallerySlider .placeholder img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
  }
  
  #gallerySlider.rightSpring {
    -moz-animation: rightSpring 0.3s;
    -webkit-animation: rightSpring 0.3s;
  }
  
  #gallerySlider.leftSpring {
    -moz-animation: leftSpring 0.3s;
    -webkit-animation: leftSpring 0.3s;
  }
  
  .layout-mode {
    float: right;
    position: relative;
    top: 5px;
  }
  
  .layout-mode #grid-list {
    margin: 0px;
  }
  
  .layout-mode ul.btn-group {
    display: inline-block;
  }
  
  .layout-mode ul.btn-group li {
    display: inline-block;
  }
  
  .layout-mode ul.btn-group a.btn-info {
    background-image: none !important;
    background-color: transparent;
    padding: 0px 5px !important;
    height: 18px;
    width: 18px;
    margin: -5px 0 0 10px;
    box-shadow: none;
  }
  
  .layout-mode ul.btn-group a.btn-info .fa {
    font-size: 22px;
    color: var(--font-color);
  }
  
  .layout-mode ul.btn-group a.btn-info.active {
    pointer-events: none;
    background-color: transparent !important;
  }
  
  .layout-mode ul.btn-group a.btn-info:not(.active):hover .fa {
    color: var(--font-color);
  }
  
  .layout-mode ul.btn-group a.btn-info:not(.active) .fa {
    color: #626262;
  }
  
  ul.gallery {
    margin: 0;
    text-align: justify;
    font-size: 0.1px;
    display: block;
    line-height: 0;
  }
  
  ul.gallery.list {
    opacity: 0;
    animation: fadeIn 0.2s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
  }
  
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  
  ul.gallery:after {
    content: "";
    display: inline-block;
    width: 100%;
  }
  
  ul.gallery .gallery-item {
    list-style: none;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
    font-size: 17px;
    line-height: 25px;
    overflow: hidden;
    margin-top: 1px;
    margin-bottom: 20px;
  }
  
  ul.gallery .gallery-item .view .content * {
    color: inherit;
  }
  
  ul.gallery .gap {
    list-style: none;
  }
  
  ul.gallery .gallery-grid .item_img {
    margin-right: 0;
    float: none;
    max-width: 100%;
  }
  
  ul.gallery .gallery-grid .item_img img {
    opacity: 0.99;
    filter: alpha(opacity=99);
  }
  
  ul.gallery .gallery-grid.straightDown {
    float: none;
  }
  
  ul.gallery .gallery-grid.straightDown .item_img {
    float: left;
    margin: 0 25px 25px 0 !important;
  }
  
  ul.gallery .gallery-grid .view a.hover_more {
    background: none !important;
    line-height: inherit;
    border: none;
    color: inherit;
    box-shadow: none;
    max-width: none;
    width: auto;
    height: auto;
    padding: 0px 10px;
    margin: 0;
  }
  
  ul.gallery .gallery-grid .view a.hover_more span {
    display: none;
  }
  
  ul.gallery .gallery-grid .view a {
    color: inherit;
    float: none;
  }
  
  ul.gallery .gallery-grid .view a:hover {
    color: var(--font-color-hover);
  }
  
  ul.gallery .gap {
    display: inline-block;
  }
  
  ul.gallery .gallery-list {
    margin: 0 0 30px;
  }
  
  ul.gallery .gallery-list .item_img {
    max-width: 40%;
    pointer-events: none;
    float: left;
  }
  
  ul.gallery .gallery-list .view a.hover_more i {
    display: none;
  }
  
  ul.gallery .gallery-list .galleryZoom {
    display: none;
  }
  
  ul.gallery .item_more a {
    vertical-align: top;
  }
  
  ul.gallery.cols-1 .gap,
  ul.gallery.cols-1 .gallery-grid {
    width: 100%;
  }
  
  ul.gallery.cols-2 .gap,
  ul.gallery.cols-2 .gallery-grid {
    width: 48%;
  }
  
  ul.gallery.cols-3 .gap,
  ul.gallery.cols-3 .gallery-grid {
    width: 32%;
  }
  
  ul.gallery.cols-4 .gap,
  ul.gallery.cols-4 .gallery-grid {
    width: 24%;
  }
  
  .body__gallery .page-header {
    display: none;
  }
  
  /* Firefox Keyframe Animations */
  
  @keyframes rightSpring {
    0% {
      margin-left: 0px;
    }
    50% {
      margin-left: -30px;
    }
    100% {
      margin-left: 0px;
    }
  }
  @keyframes leftSpring {
    0% {
      margin-left: 0px;
    }
    50% {
      margin-left: 30px;
    }
    100% {
      margin-left: 0px;
    }
  }
  
  /* Safari and Chrome Keyframe Animations */
  
  @keyframes rightSpring {
    0% {
      margin-left: 0px;
    }
    50% {
      margin-left: -30px;
    }
    100% {
      margin-left: 0px;
    }
  }
  @keyframes leftSpring {
    0% {
      margin-left: 0px;
    }
    50% {
      margin-left: 30px;
    }
    100% {
      margin-left: 0px;
    }
  }
  
  #prevArrow,
  #nextArrow {
    border: none;
    text-decoration: none;
    background: url("https://www.sgruesselbach.de/templates/as002067/images/gallery/arrows.png") no-repeat;
    opacity: 0.5;
    cursor: pointer;
    position: absolute;
    width: 43px;
    height: 58px;
    top: 50%;
    margin-top: -29px;
    -moz-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  
  #prevArrow:hover,
  #nextArrow:hover {
    opacity: 1;
  }
  
  #prevArrow {
    background-position: left top;
    left: 40px;
  }
  
  #nextArrow {
    background-position: right top;
    right: 40px;
  }
  
  .page-gallery .view {
    overflow: hidden;
    position: relative;
  }
  
  .page-gallery .view:hover .mask {
    opacity: 1;
    -moz-transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  }
  
  .page-gallery .list .view:hover .mask {
    background: transparent;
  }
  
  .page-gallery .grid .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -moz-transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
    color: #fff;
  }
  
  .page-gallery .grid .mask .hide-intro {
    display: none;
  }
  
  .page-gallery .list .zoom-icon,
  .page-gallery .list .zoom-bg {
    display: none !important;
  }
  
  .page-gallery .grid .mask_cont {
    padding: 30px 15px 15px;
  }
  
  .page-gallery .list .mask_cont {
    padding: 0px 15px 15px;
  }
  
  /**************************************************************************************/
  /*	 Magnific Popup for Gallery page                                                  */
  
  .mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=(0.8 * 100));
  }
  
  .mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
  }
  
  .mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  
  .mfp-align-top .mfp-container:before {
    display: none;
  }
  
  .mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
  }
  
  .mfp-inline-holder .mfp-content,
  .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
  }
  
  .mfp-ajax-cur {
    cursor: progress;
  }
  
  .mfp-zoom-out-cur,
  .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
  }
  
  .mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
  }
  
  .mfp-auto-cursor .mfp-content {
    cursor: auto;
  }
  
  .mfp-close,
  .mfp-arrow,
  .mfp-preloader,
  .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  
  .mfp-loading.mfp-figure {
    display: none;
  }
  
  .mfp-hide {
    display: none !important;
  }
  
  .mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
  }
  
  .mfp-preloader a {
    color: #cccccc;
  }
  
  .mfp-preloader a:hover {
    color: #ffffff;
  }
  
  .mfp-s-ready .mfp-preloader {
    display: none;
  }
  
  .mfp-s-error .mfp-content {
    display: none;
  }
  
  button.mfp-close,
  button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    padding: 0;
    z-index: 1046;
  }
  button::-moz-focus-inner {
    padding: 0;
    border: 0;
  }
  
  .mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #ffffff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
  }
  
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1;
  }
  
  .mfp-close:active {
    top: 1px;
  }
  
  .mfp-close-btn-in .mfp-close {
    color: #85b1d8;
  }
  
  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
    color: #ffffff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
  }
  
  .mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
  }
  
  .mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  
  .mfp-arrow:active {
    margin-top: -54px;
  }
  
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1;
  }
  
  .mfp-arrow:before,
  .mfp-arrow:after,
  .mfp-arrow .mfp-b,
  .mfp-arrow .mfp-a {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
  }
  
  .mfp-arrow:after,
  .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
  }
  
  .mfp-arrow:before,
  .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
  }
  
  .mfp-arrow-left {
    left: 0;
  }
  
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid #fff;
    margin-left: 31px;
  }
  
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
  }
  
  .mfp-arrow-right {
    right: 0;
  }
  
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid #fff;
    margin-left: 39px;
  }
  
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f;
  }
  
  .mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
  }
  
  .mfp-iframe-holder .mfp-close {
    top: -40px;
  }
  
  .mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
  }
  
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000000;
  }
  
  img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
  }
  
  .mfp-figure {
    line-height: 0;
  }
  
  .mfp-figure figure {
    margin: 0;
  }
  
  .mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444;
  }
  
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
  }
  
  .mfp-bottom-bar {
    margin-top: 0px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
  }
  
  .mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-break: break-word;
    padding-right: 36px;
  }
  
  .mfp-title h3 {
    margin-bottom: 10px;
    color: #fff;
  }
  
  .mfp-image-holder .mfp-content {
    max-width: 100%;
  }
  
  .mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
  }
  
  @media screen and (max-width: 800px) and (orientation: landscape),
    screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0;
    }
  
    .mfp-img-mobile img.mfp-img {
      padding: 0;
    }
  
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0;
    }
  
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px;
    }
  
    .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
  
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0;
    }
  
    .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px;
    }
  
    .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0;
    }
  }
  
  @media all and (max-width: 900px) {
    .mfp-arrow {
      -webkit-transform: scale(0.75);
      -moz-transform: scale(0.75);
      -ms-transform: scale(0.75);
      -o-transform: scale(0.75);
      transform: scale(0.75);
    }
  
    .mfp-arrow-left {
      -webkit-transform-origin: 0;
      transform-origin: 0;
    }
  
    .mfp-arrow-right {
      -webkit-transform-origin: 100%;
      transform-origin: 100%;
    }
  
    .mfp-container {
      padding-left: 0px;
      padding-right: 0px;
    }
  }
  
  .mfp-ie7 .mfp-img {
    padding: 0;
  }
  
  .mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
  }
  
  .mfp-ie7 .mfp-container {
    padding: 0;
  }
  
  .mfp-ie7 .mfp-content {
    padding-top: 44px;
  }
  
  .mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
  }
  
  /**************************************************************************************/
  /*   Testimonials																	  */
  
  blockquote p {
    font-size: 12px;
    line-height: 20px;
  }
  
  blockquote a {
    display: block;
    margin: 4px 5px 0px 0px;
  }
  
  .blockquote {
    float: left;
    width: 40px;
    height: 40px;
    margin: 0px 15px 10px 0px;
    background-repeat: no-repeat;
    background-image: url("https://www.sgruesselbach.de/templates/as002067/images/blockquote.png");
  }
  
  blockquote small {
    color: #999999;
  }
  
  blockquote.pull-right {
    border-right: 5px solid #eeeeee;
  }
  
  /**************************************************************************************/
  /*   General
  /**************************************************************************************/
  /**************************************************************************************/
  
  .wrapper {
    height: auto !important;
    height: 100%;
    margin: 0px auto;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
  }
  
  #top_header .wrapper {
    padding-bottom: 0px;
  }
  
  #push {
    height: 180px;
  }
  
  .item-separator {
    clear: both;
    height: 25px;
  }
  
  .menudesc {
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px dotted #ccc;
  }
  
  .menudesc img {
    float: left;
    margin: 0px 20px 10px 0px;
  }
  
  .row-fluid:last-child .menudesc {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  
  p .price {
    text-align: right;
    margin: 20px 6px 0px;
    display: block;
  }
  
  /**************************************************************************************/
  
  .clearfix {
    *zoom: 1;
  }
  
  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
    line-height: 0;
  }
  
  .clearfix:after {
    clear: both;
  }
  
  .hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  
  .left {
    float: left;
  }
  
  .right {
    float: right;
  }
  
  .text-right {
    text-align: right;
  }
  
  .text-left {
    text-align: left;
  }
  
  /**************************************************************************************/
  /*   Header
  /**************************************************************************************/
  /**************************************************************************************/
  
  .wshadow {
    position: relative;
    z-index: 10;
  }
  
  .shadow {
    position: relative;
    z-index: 1;
  }
  
  .shadow span {
    bottom: 0px;
    display: block;
    height: 0px;
    left: 1%;
    position: absolute;
    width: 98%;
  }
  
  #top_header {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0px auto;
  }
  
  /**************************************************************************************/
  /*   Header Row		  																  */
  
  #header-row {
    border-top: 10px solid #000000;
    background: rgba(238, 254, 72, 1); /*SGR*/
    width: 100%;
    z-index: 3;
    margin-bottom: 80px;
    position: absolute;
  }
  
  #header-row.solid {
    position: relative;
    background: rgba(238, 254, 72, 1); /*SGR*/
  }
  
  #header-row:after {
    background: url("https://www.sgruesselbach.de/templates/as002067/images/header.shadow.png") repeat-x scroll 0 0
      rgba(0, 0, 0, 0);
    bottom: -10px;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    width: 100%;
  }
  
  #header-row .moduletable.call-us {
    letter-spacing: 0px;
    margin-top: 45px;
    font-size: 14px;
    text-align: right;
    font-weight: bold;
    text-transform: uppercase;
    float: right;
  }
  
  #header-wrapper {
    z-index: 1;
    margin-top: 0;
    opacity: 1;
    width: 100%;
  }
  
  #header-row .container {
    padding: 0px;
  }
  
  #logo {
    position: relative;
  }
  
  #logo a {
    display: inline-block;
    margin: 10px 0 0 0;
  }
  
  .logo a {
    text-align: center;
    line-height: 35px;
  }
  
  #logo a img {
    width: 100%;
    transition: all 0.5s;
  }
  
  #header-row .logo {
    line-height: 20px !important;
    position: relative;
  }
  
  #header-row .logo a {
    width: 100%;
    padding: 45px 0 0 10px;
    text-align: left;
  }
  
  #header-row .logo span.slogan {
    font-size: 12px;
    display: inline-block;
    margin-left: 70px;
  }
  
  .scrolled #logo a {
    margin: 0px;
  }
  
  .scrolled #logo h1 span {
    font-size: 26px;
    line-height: 46px;
    margin-top: 2px;
  }
  
  .scrolled #logo img {
    -ms-transform: scale(0.6, 0.6); /* IE 9 */
    -webkit-transform: scale(0.6, 0.6); /* Chrome, Safari, Opera */
    transform: scale(0.6, 0.6);
    transition: all 0.5s;
    margin: -27px 0px -30px -58px;
  }
  
  .scrolled .navigation ul.sf-menu {
    padding: 10px 0px 0px;
    min-height: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  
  /**************************************************************************************/
  /*   Slider Row		  																  */
  
  #slider-row {
    padding-bottom: 10px;
    background-image: url("https://www.sgruesselbach.de/templates/as002067/images/header.shadow.png");
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: rgba(255, 255, 255, 0.5);
  }
  
  #slider-row .camera_target_content {
    top: 150px;
  }
  
  /**************************************************************************************/
  /*   Breadcrumb Row		  															  */
  
  #breadcrumbs-row .container {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 30px;
  }
  
  #breadcrumbs-row .moduletable-wrapper {
    padding: 10px 20px;
    overflow: hidden;
  }
  
  #breadcrumbs-row .moduletable .breadcrumb {
    background-repeat: repeat-x;
    border-radius: 0px;
    position: relative;
    padding: 0px;
    float: right;
  }
  
  #breadcrumbs-row .moduletable h2 {
    font-size: 28px;
  }
  
  #breadcrumbs-row .moduletable h2 span {
    color: var(--font-color);
  }
  
  #breadcrumbs-row ul {
    margin-bottom: 0px;
  }
  
  #breadcrumbs-row p {
    padding-bottom: 12px;
  }
  
  #breadcrumbs-row a {
    color: #333;
  }
  
  #breadcrumbs-row a:hover {
    color: var(--font-color);
  }
  
  #breadcrumbs-row a.readmore {
    padding: 7px 25px;
  }
  
  /**************************************************************************************/
  /*   Featured Row		  															  */
  
  #featured-row {
    position: relative;
    padding: 50px 0px 20px;
    background-color: rgba(255, 255, 255, 0.6);
  }
  
  #featured-row .top {
    position: relative;
    margin-top: -230px;
  }
  
  #featured-row h1,
  #featured-row h2 {
    text-align: left;
  }
  
  #featured-row .moduletable .moduletable-wrapper {
    position: relative;
    margin-bottom: 40px;
  }
  
  #featured-row .moduletable.top .moduletable-wrapper {
    padding-bottom: 0px;
  }
  
  #featured-row .moduletable .featured-ico {
    top: -40px;
    height: 62px;
    width: 80px;
    left: 10px;
    text-align: center;
    position: absolute;
    background-position: center top;
    background-repeat: no-repeat;
  }
  
  #featured-row .mod-newsflash .item,
  #featured-row .mod-custom {
    border-radius: 0;
    padding: 30px;
    margin: 0px;
    text-align: left;
    overflow: hidden;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
  }
  
  #featured-row .mod-custom {
    border-radius: 0;
    padding: 0px 30px 30px;
    margin: 0px;
    text-align: left;
    overflow: hidden;
    background: none;
  }
  
  #featured-row .mod-custom .cal-us {
    padding: 5px 150px 20px 0px;
    /*background-image: url(../images/ico.runner.png);*/
    background-position: right top;
    background-repeat: no-repeat;
  }
  
  #featured-row .mod-custom .cal-us h2 {
    font-size: 34px;
    font-weight: bold;
    line-height: 42px;
    color: #777777;
    padding-top: 35px;
    letter-spacing: -2px;
  }
  
  #featured-row .mod-custom .cal-us h3 {
    font-size: 18px;
    padding-bottom: 5px;
    font-weight: bold;
    color: var(--font-color);
  }
  
  #featured-row .top .mod-newsflash .item,
  #featured-row .top .mod-custom {
    padding: 70px;
    background: none repeat scroll 0 0 rgba(80, 155, 210, 1);
    color: #b9e1ff;
    border-radius: 10px;
    -webkit-box-shadow: 0 8px 6px -2px #666;
    -moz-box-shadow: 0 8px 6px -2px #666;
    box-shadow: 0 8px 6px -2px #666;
  }
  
  #featured-row .top h1,
  #featured-row .top h2,
  #featured-row .top h3,
  #featured-row .top a {
    color: #fff;
  }
  
  #featured-row .top a:hover {
    color: #b9e1ff;
  }
  
  #featured-row .top .big h1,
  #featured-row .top .big h2,
  #featured-row .top .big h3,
  #featured-row .top h1.big,
  #featured-row .top h2.big {
    font-size: 100px;
    line-height: 100px;
    font-weight: bold;
    margin-left: -6px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif !important;
  }
  
  #featured-row .top h3.big {
    font-size: 30px;
    line-height: 35px;
    font-weight: bold;
    font-weight: bold;
  }
  
  #featured-row .mod-custom h1 {
    margin-bottom: 10px;
    padding: 0px;
    color: #3d8ac2;
  }
  
  #featured-row .mod-custom h2 {
    margin: 0px;
    padding-top: 0px;
  }
  
  #featured-row .module_title {
    border-radius: 0px;
    padding: 0px;
    margin: 20px 0px;
    text-align: right;
  }
  
  #featured-row .newsflash-title {
    width: 100%;
    float: left;
    text-align: left;
    position: relative;
  }
  
  #featured-row .newsflash-title a {
    color: #fff;
  }
  
  #featured-row .newsflash-title a:hover {
    color: var(--font-color);
  }
  
  #featured-row .mod-newsflash .item ul {
    margin-bottom: 0;
  }
  
  #featured-row .mod-newsflash .item ul li {
    line-height: 28px;
  }
  
  #featured-row .mod-newsflash .item ul li a {
    font-size: 14px;
    line-height: 30px;
    text-decoration: underline;
  }
  
  #featured-row .mod-newsflash .item #system-readmore img {
    text-align: center;
    display: block;
    margin: 0px auto 20px;
  }
  
  #featured-row .mod-newsflash .item a.readmore {
    float: none;
    font-size: 11px;
    margin-top: 0px;
    text-transform: uppercase;
  }
  
  .body-home-page #featured-row .position-top {
    margin-top: 0px;
  }
  
  #featured-row .mod-newsflash .item img,
  #featured-row .mod-custom img {
    float: none;
    margin: 0 !important;
    margin-bottom: 0px;
    border-radius: 0;
    filter: none;
    -webkit-filter: grayscale(0);
    max-width: 100%;
  }
  
  #featured-row .mod-newsflash .item .img-intro-none {
    border-radius: 0;
  }
  
  #featured-row .mod-newsflash .item .img-intro-none img {
    border: 0px solid #8cdfc2 !important;
  }
  
  #featured-row .mod-newsflash .item img:hover,
  #featured-row .mod-custom img:hover {
    float: none;
    margin: 0 !important;
    margin-bottom: 0px;
    border-radius: 0;
    filter: url(https://www.sgruesselbach.de/templates/as002067/css/filters.svg#grayscale); /* Firefox */
    filter: gray; /* IE */
    -webkit-filter: grayscale(100%); /* Webkit */
  }
  
  #featured-row p {
    float: left;
    padding: 0 0 20px;
    text-align: left;
  }
  
  /**************************************************************************************/
  /*   Header Bottom Row		  														  */
  
  #header-bottom-row {
    background-color: #e1e1e1;
    margin-bottom: 60px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background-image: url(https://www.sgruesselbach.de/templates/as002067/images/bg.header.bottom.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
  }
  
  #header-bottom-row .header-bottom-row-wrapper {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  
  #header-bottom-row .container {
    padding: 50px 0px 70px;
  }
  
  #header-bottom-row h1,
  #header-bottom-row h2 {
    text-align: center;
    margin-bottom: 25px;
    padding: 0px;
  }
  
  #header-bottom-row .item_img,
  #header-bottom-row .category_img,
  #header-bottom-row .item_fulltext img,
  #header-bottom-row .random-image img,
  #header-bottom-row img.left,
  #header-bottom-row img.right {
    background-image: none;
    border: none;
    padding: 0px;
  }
  
  /**************************************************************************************/
  /*   Content
  /**************************************************************************************/
  /**************************************************************************************/
  
  #content-row {
  }
  
  #content-row .container {
    padding-bottom: 30px;
  }
  
  .page-header {
    border: none;
    padding: 0;
    margin: 0;
  }
  
  .page-featured {
    padding-top: 10px;
  }
  
  .page-item,
  .page-featured {
    padding-bottom: 25px;
  }
  
  .page-item ul li {
    line-height: 25px;
    list-style-image: url("https://www.sgruesselbach.de/templates/as002067/images/li.style.png");
    list-style-position: inside;
  }
  
  .pager a {
    border: 1px solid #ddd;
    border-radius: 0;
    padding: 1px 15px;
  }
  
  .page-featured .items-row .item__featured {
    margin-bottom: 35px;
    padding-bottom: 10px;
  }
  
  .page-featured .items-leading .item__featured,
  .page-category .category_desc p,
  .page-blog .category_desc p {
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    padding-bottom: 15px;
  }
  
  .page-featured .items-leading .item__featured,
  .page-featured .items-row:last-child .item__featured {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
  }
  
  .page-featured .cols-2 .column-1 {
    padding-right: 40px;
    border-right: 1px dashed #ccc;
  }
  
  .page-featured .cols-2 .column-2 .item_header h2.item_title {
    text-align: right;
    padding: 5px 0px 35px;
    margin-bottom: 30px;
    background-image: url(https://www.sgruesselbach.de/templates/as002067/images/border.title.rtl.png);
    background-position: right bottom;
    background-repeat: no-repeat;
  }
  
  .page-featured .cols-2 .column-2 {
    padding-left: 20px;
  }
  
  .page-featured .advantage_1 {
    background-image: url(https://www.sgruesselbach.de/templates/as002067/images/ico.adv1.png);
  }
  
  .page-featured .advantage_2 {
    background-image: url(https://www.sgruesselbach.de/templates/as002067/images/ico.adv2.png);
  }
  
  .page-featured .advantage_3 {
    background-image: url(https://www.sgruesselbach.de/templates/as002067/images/ico.adv3.png);
  }
  
  .page-featured .advantage_4 {
    background-image: url(https://www.sgruesselbach.de/templates/as002067/images/ico.adv4.png);
  }
  
  .page-featured .advantage_1,
  .page-featured .advantage_2,
  .page-featured .advantage_3,
  .page-featured .advantage_4 {
    min-height: 135px;
    background-repeat: no-repeat;
    background-position: right top;
    padding: 0px 170px 0px 0px;
    margin: 0px 0px 0px;
  }
  
  .page-featured p.advantage_1,
  .page-featured p.advantage_2,
  .page-featured p.advantage_3,
  .page-featured p.advantage_4 {
  }
  
  .page-blog .category_desc p,
  .page-category .category_desc p,
  .page-category .items-row {
    margin-bottom: 40px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d4d4d4;
  }
  
  .page-category .items-leading {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #d4d4d4;
  }
  
  .contentpane .wrapper,
  .contentpane.modal .wrapper {
    padding: 30px;
    min-height: 100%;
  }
  
  .item_info_dl {
    margin-top: 0;
    margin-bottom: 12px;
  }
  
  .item_info_dl dd {
    display: inline-block;
    line-height: 11px;
    padding-right: 12px;
    margin-right: 12px;
    margin-left: 0;
    border-right: 1px solid #b3b3b3;
  }
  
  .item_info_dl dd:last-child {
    border: none;
  }
  
  .item > .btn-group.pull-right {
    margin-bottom: 12px;
  }
  
  /**************************************************************************************/
  /*   Contact Page																	  */
  
  .page-contact {
    margin-bottom: 30px;
  }
  
  /**************************************************************************************/
  /*   Blog Pages																		  */
  
  .page-blog p.item_title {
    letter-spacing: 0px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 5px;
    text-transform: none;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    text-transform: uppercase;
  }
  
  .page-blog .btn.btn-info {
    margin: 0px 0px 10px;
    float: right;
  }
  
  .page-blog .items-row.cols-1 .btn.btn-info {
    float: left;
  }
  
  .page-blog .item {
    overflow: hidden;
    margin-bottom: 25px;
  }
  
  .page-blog .items-leading,
  .page-blog .items-row {
    padding-bottom: 15px;
    margin-bottom: 40px;
    padding-bottom: 0px;
    border-bottom: 1px solid #d4d4d4;
  }
  
  .page-blog .items-row:last-child {
    border: none;
    margin-bottom: 0px;
  }
  
  /**************************************************************************************/
  /*   Category Pages																	  */
  
  .page-category__testimonials blockquote {
    overflow: hidden;
    border-left: 5px solid #dddddd;
  }
  
  .page-category__testimonials .img-intro__left {
    margin: 0px 15px 10px 0px;
  }
  
  .page-category__team .item_introtext {
    overflow: hidden;
  }
  
  .page-category [class*="cols-"] h2.item_title {
    border: none;
    padding-bottom: 0;
  }
  
  .page-category .btn.btn_info {
    margin: 10px 0px 5px;
    float: right;
  }
  
  .page-category .items-row:last-child {
    border: none;
    margin-bottom: 0px;
  }
  
  .page-category .item {
    overflow: hidden;
    margin-bottom: 25px;
    padding-right: 10px;
  }
  
  /**************************************************************************************/
  /*   Archive Page																	  */
  
  .page-archive .alert-info {
    background-color: #eeeeee;
    border: 1px solid #eeeeee;
  }
  
  #page-archive_items .item_title {
    padding-bottom: 0;
  }
  
  .page-archive_filters .filter-search.alert {
    padding-bottom: 0;
    overflow: hidden;
  }
  
  .page-archive_filters select {
    margin-bottom: 8px;
    display: inline-block;
  }
  
  .page-archive_filters button {
    display: inline-block;
    margin-bottom: 8px;
  }
  
  .filter-search.alert {
    padding: 8px 21px;
  }
  
  /**************************************************************************************/
  /*   Page 404																		  */
  
  .errorBox {
    background: none;
    text-align: left;
  }
  
  /**************************************************************************************/
  /*   Contacts Page																	  */
  
  #jform_contact_message {
    resize: none;
    width: 100%;
    height: 159px;
  }
  
  #contact-form label {
    display: inline-block;
    margin-bottom: 4px;
  }
  
  .phone-num {
    display: inline-block;
  }
  
  .icons-marker {
    font-size: 14px;
    line-height: 20px;
  }
  
  .contact_email-copy,
  .contact_vcard {
    margin: 0px 15px;
    height: 30px;
    line-height: 22px;
    display: inline-block;
  }
  
  .contact_vcard {
    margin: 0;
  }
  
  #jform_contact_name,
  #jform_contact_email,
  #jform_contact_emailmsg {
    width: 100%;
    margin-bottom: 10px;
  }
  
  #contact-form p {
    text-align: right;
    margin: 3px 0px 0px;
  }
  
  #contact-form .controls button,
  .contact_email-copy {
    margin-top: 10px;
  }
  
  .contact_details {
    padding-top: 25px;
  }
  
  .contact_details .icons-marker {
    display: block;
    width: 16px;
    margin-right: 12px;
    float: left;
  }
  
  .contact_address {
    overflow: hidden;
  }
  
  [id*="mapplaceholder"] {
    border: 1px solid #cbcbcb;
    height: 360px;
    margin: 5px 0 30px;
  }
  
  #contact_map {
    margin-bottom: 30px;
  }
  
  #contact_map > div {
    height: 100%;
  }
  
  #phocaMapPlgPM1 {
    height: 400px;
  }
  
  /**************************************************************************************/
  /*   Sidebars
  /**************************************************************************************/
  /**************************************************************************************/
  
  aside .moduletable {
    margin-bottom: 30px;
    overflow: hidden;
  }
  
  #aside-row-1-left,
  #aside-row-2-left {
    margin-right: 30px;
  }
  
  #aside-row-1-right,
  #aside-row-2-right {
    margin-left: 30px;
  }
  
  #aside-row-2-left .moduletable,
  #aside-row-1-right .moduletable {
    padding: 25px;
    margin-right: 0px;
    border: 1px solid #d4d4d4;
  }
  
  #aside-row-2-right .moduletable-wrapper {
    border: 1px solid #d4d4d4;
    box-shadow: 0 0 1px 0 #ffffff inset;
    background-color: #eee;
    overflow: hidden;
    padding: 25px;
  }
  
  #aside-row-2-right h2,
  #aside-row-2-right h3 {
    border-radius: 0px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: normal;
  }
  
  #aside-row-2-left h2,
  #aside-row-2-left .module_title {
    border: none;
  }
  
  #aside-row-2-right h3 {
    line-height: 22px;
  }
  
  .mod-newsflash .item {
    margin-bottom: 23px;
    padding-bottom: 14px;
  }
  
  .mod-newsflash .item:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  
  .mod-newsflash__history .item_published {
    text-transform: none;
    font-size: 14px;
    display: inline-block;
    padding-top: 2px;
  }
  
  .mod-newsflash h2 {
    float: left;
    overflow: hidden;
    margin: 0px 25px 10px 0px;
    padding: 0px;
  }
  
  .mod-newsflash h3 {
    line-height: 24px;
  }
  
  .mod-newsflash-adv .item_published {
    float: left;
    padding: 7px 20px;
    margin: 5px 30px 20px 0px;
    background: none repeat scroll 0 0 #509bd2;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
  }
  
  aside .search form {
    border: 1px solid #d4d4d4;
    padding: 5px 5px 5px 10px;
  }
  
  aside .search button {
    margin-top: -1px;
    padding: 4px 10px 4px;
  }
  
  aside .search #mod-search-searchword,
  aside .search .search-query {
    width: 60%;
    border: none;
    background: none;
  }
  
  aside .mod-login input {
    margin-bottom: 10px;
  }
  
  .mod-login__aside .mod-login_username,
  .mod-login__aside .mod-login_passwd {
    width: 100%;
  }
  
  .mod-login_submit {
    margin: 15px 0px 15px;
  }
  
  aside .mod-login .checkbox {
    padding: 00;
  }
  
  aside .mod-login .checkbox input {
    margin-right: 10px;
  }
  
  aside .mod-login input.mod-login_username,
  aside .mod-login input.mod-login_passwd,
  aside .acymailing_form .acyfield_name input,
  aside .acymailing_form .acyfield_email input,
  aside .acym_form .acyfield_text input {
    width: 100%;
  }
  
  #aside-row-2-left .btn.btn_info.readmore,
  #aside-row-2-right .btn.btn_info.readmore {
    float: right;
    margin-top: 10px;
  }
  
  #aside-right .moduletable ul.nav li,
  #aside-left .moduletable ul.nav li {
    list-style: none;
    list-style-image: none;
    padding: 0 0 9px 25px;
    font-size: 14px;
    font-weight: 200;
    line-height: 18px;
    margin-bottom: 0px;
    letter-spacing: 0px;
  }
  
  aside .moduletable ul.nav ul {
    margin-top: 15px;
  }
  
  aside .moduletable ul.nav ul li:last-child {
    padding-bottom: 0px;
  }
  
  #aside-row-2-left table.acymailing_form {
    width: 100%;
    margin: 0;
  }
  
  #aside-row-2-left .acymailing_module_form span.acymailing_finaltext {
    margin-top: 10px;
  }
  
  /**************************************************************************************/
  /*   Content Row 3		  															  */
  
  #content-row-3 .moduletable {
    margin-top: 30px;
    padding: 50px 0px;
    border-top: 1px dashed #cccccc;
  }
  
  #content-row-3 .item_introtext p {
    padding-bottom: 10px;
  }
  
  #content-row-3 .btn {
    float: left;
  }
  
  #content-row-3 h4.item_title {
    text-align: right;
  }
  
  /**************************************************************************************/
  /*   Content Row 4		  															  */
  
  #content-row-4 {
    padding-bottom: 50px;
  }
  
  #content-row-4 .container {
    background-color: #e6e6e6;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 1px 0px #ffffff inset;
    -webkit-box-shadow: 0px 0px 1px 0px #ffffff inset;
    -moz-box-shadow: 0px 0px 1px 0px #ffffff inset;
  }
  
  #content-row-4 .moduletable-wrapper {
    padding: 40px 35px 30px;
  }
  
  #content-row-4 .limited .moduletable-wrapper {
    padding: 40px 35px 30px 0px;
  }
  
  #content-row-4 .container .random-image img {
    max-width: 100%;
    margin-bottom: 0;
    padding: 0;
    border: none;
  }
  
  #content-row-4 .mod-newsflash .item ul {
    margin-bottom: 0;
  }
  
  #content-row-4 .mod-newsflash .item ul li {
    line-height: 28px;
  }
  
  #content-row-4 .mod-newsflash .item ul li a {
    font-size: 14px;
    line-height: 30px;
    text-decoration: underline;
  }
  
  #content-row-4 .mod-newsflash .item #system-readmore img {
    text-align: center;
    display: block;
    margin: 0px auto 20px;
  }
  
  #content-row-4 .mod-newsflash .item a.readmore {
    margin-top: 10px;
  }
  
  #content-row-4 .moduletable .mod-custom__no-border {
    border: none;
    padding: 0;
  }
  
  /**************************************************************************************/
  /*   Content Row 5		  															  */
  
  #content-row-5 {
    margin-bottom: 40px;
    text-align: center;
  }
  
  #content-row-5 .content-row-5-wrapper {
    padding: 50px 0px;
    background-image: url(https://www.sgruesselbach.de/templates/as002067/images/bg.row5.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
  }
  
  #content-row-5 .moduletable {
    overflow: hidden;
    color: #121212;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
  }
  
  #content-row-5 .moduletable-wrapper {
    border: 1px solid #eee;
    padding: 25px 20px 30px;
  }
  
  #content-row-5 .moduletable.transparent {
    color: #121212;
    background-color: transparent;
    opacity: 1;
  }
  
  #content-row-5 .moduletable.transparent .moduletable-wrapper {
    border: none;
  }
  
  #content-row-5 .module_title {
    margin-bottom: 0px;
  }
  
  #content-row-5 .btn,
  #content-row-5 a.readmore {
    float: none;
  }
  
  /**************************************************************************************/
  /*   Content Row 6		  															  */
  
  #content-row-6 {
    padding-bottom: 40px;
    text-align: center;
  }
  
  #content-row-6 .container {
    padding: 0px 0px 15px;
  }
  
  #content-row-6 h1,
  #content-row-6 h2 {
    color: var(--font-color);
    padding-bottom: 20px;
  }
  
  .content-row-separator {
    border-top: 1px dashed #ccc;
    padding-bottom: 40px;
  }
  
  .hot_joomla_carousel_slides .gallery-cell img {
    background-color: transparent !important;
  }
  
  /**************************************************************************************/
  /*   Footer
  /**************************************************************************************/
  /**************************************************************************************/
  
  #footer {
    margin-top: 0px;
    color: #333;
    border-top: 1px solid #e1e1e1;
  }
  
  #footer-row {
    line-height: 17px;
    background: none repeat scroll 0 0 rgba(200, 200, 200, 0.95);
    border-top: 1px solid #fff;
  }
  
  #footer-row h1,
  #footer-row h2,
  #footer-row h3 {
    color: var(--font-color);
  }
  
  #footer-row .container {
    padding-top: 50px;
    padding-bottom: 30px;
  }
  
  #footer-row .moduletable.social .nav {
    margin-top: 0px;
  }
  
  #footer-row h2.footer-phoca {
    margin: 0 0 5px 0;
  }
  
  #footer-row h3 {
    padding-bottom: 20px;
    margin: 0px 0px 10px 0px;
  }
  
  #footer-row a:hover {
    background-color: transparent;
    color: var(--font-color-hover);
  }
  
  #footer-row .mod-newsflash .item {
    margin-bottom: 8px;
  }
  
  #footer-row .footer-row-1 {
    overflow: hidden;
  }
  
  #footer-row .footer-row-2 {
    overflow: hidden;
    clear: both;
    margin-bottom: 0px;
  }
  
  #footer-row .footer-row-2 .span12 {
    padding-bottom: 30px;
  }
  
  #footer-row .footer-row-separator {
    clear: both;
    margin: 25px 0px 40px 20px;
    border-top: 1px dashed #999;
  }
  
  #footer-row ul li {
    list-style-position: inside;
    line-height: 22px;
  }
  
  [class^="icon-"],
  [class*=" icon-"] {
    height: auto;
  }
  
  #footer-row ul li a {
    text-transform: capitalize;
    color: #333;
  }
  
  #footer-row ul.workinghours {
    padding: 0px;
  }
  
  #footer-row ul.workinghours li .weekday {
    width: 85px;
    display: inline-block;
  }
  
  #footer-row ul.nav li a {
    display: inline;
  }
  
  #copyright-row {
    background-image: none;
    background-color: #333;
    border-top: 1px solid #fff;
    color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
  }
  
  #copyright-row .container {
    position: relative;
    padding: 20px 0px;
  }
  
  #trademark {
    float: left;
    text-transform: uppercase;
  }
  
  #copyright-menu {
    float: right;
  }
  
  #copyright-menu li {
    display: inline-block;
    line-height: 11px;
    padding-right: 12px;
    margin-right: 12px;
    background: none;
  }
  
  #copyright-menu li {
    border-right: 1px solid #fff;
  }
  
  #copyright-menu li a {
    color: #fff;
  }
  
  #copyright-menu .nav,
  #copyright-menu li.lastItem {
    padding: 0;
    margin: 0;
    border: none;
  }
  
  #copyright-menu li a {
    text-transform: uppercase;
    line-height: 11px;
    background: none !important;
  }
  
  #copyright-menu li a:hover,
  #copyright-menu li.current a,
  #copyright-menu li.active a {
    color: var(--font-color);
  }
  
  #copyright-menu li ul {
    display: none;
  }
  
  .spacer_w {
    height: 1px;
    color: transparent;
  }
  
  #footer-row .contactus ul li {
    width: 100%;
  }
  
  /***************************************************************************
  /*
  /*   Phoca Gallery 
  /*
  /**************************************************************************/
  
  #phocagallery-module-ri div.mosaic a img:hover {
    opacity: 0.9;
  }
  
  #phocagallery-module-ri .mosaic {
    margin-right: 10px;
    margin-bottom: 8px;
  }
  
  #phocagallery-module-ri .mosaic:last-child {
    margin-right: 0px;
  }
  
  #phocagallery-module-ri div.mosaic img {
    box-shadow: none !important;
    border: none !important;
  }
  
  /**************************************************************************/
  
  div.sigplus-gallery ul > li > img,
  div.sigplus-gallery ul > li > a > img {
    margin: 8px !important;
  }
  
  /**
  Custom
  **/
  
  .mslider-detail-box{
    background-color: var(--primary-color);
  }

form.mitgl-form input,
  textarea {
    width: 90%;
  }