:root {
 --mainnav-link-color: #64aa32;
 --mainnav-link-hover-color: #dddddd;
 --blog-text-zitat-color:  #64aa32;
 --text-color-green: #64aa32;
 --footer-text-color: rgba(255, 255, 255, 0.8);
 --font-weight-100: 100;
 --font-weight-200: 200;
 --font-weight-300: 300;
 --font-weight-400: 400;
 --font-weight-500: 500;
 --font-weight-600: 600;
 --font-weight-700: 700;
 --header-font-weight: 500;
 --link-font-weight: 500;
 --link-font-weight-active: 700;
 --fusszeile-text-color: rgba(0, 0, 0, 0.8);
 --megamenu-font-family:; Nunito;
 }

.text-color-green {
    color: var(--text-color-green);
}
.text-zitat {
    color: var(--blog-text-zitat-color);
    font-style: italic;
}

.fs90 {
    font-size: 90%;
}
.fs80 {
    font-size: 80%;
}
.fs70 {
    font-size: 70%;
}
fs60 {
    font-size: 60%;
}
fs50 {
    font-size: 50%;
}

a:hover, a:focus, a:active {
  color: var(--mainnav-link-hover-color);
}

.form-control {
    border: 1px solid var(--gray-500);
    background-color: var(--gray-200);
    max-width: 100%;
}
.form-control:hover {
    border: 1px solid var(--gray-600);
}
.form-control:focus {
    border: 1px solid var(--gray-600);
}
@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 900px;
    }
}
@media (min-width: 768px) {
    body.startseite .t4-main-body {
        padding-top: 0;
    }
    body.kontakt .t4-masthead-inner {
        padding: 4rem 0 1rem;
    }
}
.t4-masthead-inner {
    padding: 2rem 0 1rem;
    background-color: var(--gray-200);
}
.t4-masthead-description {
    font-size: 1.2rem;
}

.t4-section.t4-topbar {
    display: none;
}

.t4-header .header-block {
    background-color: var(--tpl-base-300);
}

.t4-header .navbar-brand.logo-text a,
.t4-header .navbar-brand.logo-text a:focus {
    color: var(--mainnav-link-color);
    transition: color 400ms, background-color 400ms;
    text-decoration: none;
    font-size: 1.5rem;
}

.t4-header .navbar-brand.logo-text a:hover,
.t4-header .navbar-brand.logo-text a:active {
    color: var(--mainnav-link-hover-color);
}

.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
    color: var(--mainnav-link-color);
    font-size: 1.250rem;
    font-weight:var(--link-font-weight);
    line-height: 40px;
    text-transform: capitalize;
}
.t4-megamenu .navbar-nav > li > a:hover, .t4-megamenu .navbar-nav > li > a:focus, .t4-megamenu .navbar-nav > li > a:active, .t4-megamenu .navbar-nav > li > .nav-link:hover, .t4-megamenu .navbar-nav > li > .nav-link:focus, .t4-megamenu .navbar-nav > li > .nav-link:active {
    color: var(--mainnav-link-hover-color);
}
.t4-megamenu .navbar-nav > li.active > a, .t4-megamenu .navbar-nav > li.active > .nav-link {
    color: var(--mainnav-link-color);
    font-weight:var(--link-font-weight-active);
}

.t4-content {
    position: relative;
}
.t4-content::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url(/images/banners/betonhintergrund.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    opacity: 0.6; /* 60 % Transparenz */
}

.t4-footnav .container {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 992px) {
  .t4-footnav .container {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

.t4-main-body .item-page,
.t4-section .section-ct,
.blog .item-intro, .blog-featured .item-intro {
    color: var(--gray-900);
    font-size: 1.5rem;
}

.item-content .item-intro > p {
    text-align: center;
}
.item-content .item-intro img {
  max-width: 60%;
}

.text-bild-container {
  display: inline-block;
  vertical-align: top;
}
.text-bild-container img {
  width: 50%;
  margin-left: 1em;
}

.item-page .page-header h1, .item-page .page-header h2 {
    text-align: center;
}
.item-page .page-header h1,
.item-page .page-header h2,
.item-page .page-header h3,
.item-page .page-header h4,
.item-page .page-header h5,
.item-page .page-header h6,
.item-page .desc-article h3,
.item-page .desc-article h4,
.item-page .desc-article h5 {
    color: var(--text-color-green);
}
.item-page .desc-article h3 {
    font-weight: var(--font-weight-600);
}
.item-page.datenschutz .desc-article h3,
.item-page.impressum .desc-article h3 {
    color: var(--body-text-color);
 }
 .item-page.leistung .desc-article h3 {
    font-weight: var(--font-weight-500);
 }
 .item-page.leistung .top-article-info {
    max-width: inherit!important;
}

.t4-section .section-heading h1,
.t4-section .section-heading h2,
.t4-section .section-heading h3,
.t4-section .section-heading h4,
.t4-section .section-heading h5,
.t4-section .section-ct h2,
.t4-section .section-ct h3,
.t4-section .section-ct h4,
.t4-section .section-ct h5 {
    color: var(--text-color-green);
}
.t4-footnav .section-ct {
    color: var(--footer-text-color);
    font-size: var(--body-font-size);
}
.t4-footnav .section-ct h5 {
    font-size: 1.125rem;
    color: var(--headings-color);
    font-weight: var(--header-font-weight);
}
.t4-footnav .section-ct .address-link {
    color: var(--text-color-green);
    font-size: 1.125rem;
}
.t4-footnav .section-ct .address-link a,
.t4-footnav .section-ct .address-link a:focus {
    color: var(--text-color-green);
    transition: color 400ms, background-color 400ms;
    text-decoration: none;
}
.t4-footnav .section-ct .address-link a:hover,
.t4-footnav .section-ct .address-link a:active {
    color: var(--body-text-color);
}

.t4-footnav .section-ct .recht-link a {
    transition: color 400ms, background-color 400ms;
    text-decoration: none;
}
.t4-footnav .section-ct .recht-link a:hover,
.t4-footnav .section-ct .recht-link a:focus,
.t4-footnav .section-ct .recht-link a:active {
    color: var(--body-text-color);
    border-bottom: 1px dotted var(--footer-text-color);
    text-decoration: none;
    font-weight: var(--header-font-weight);
}

.item-page.leistung .page-header, .item-page.leistung .desc-article,
.item-page.datenschutz .page-header, .item-page.datenschutz .desc-article,
{
    text-align: left;
}

.item-page.datenschutz .desc-article a, 
.item-page.datenschutz .desc-article a:focus,
.item-page.impressum .desc-article a, 
.item-page.impressum .desc-article a:focus {
    color: var(--body-text-color);
    transition: color 400ms, background-color 400ms;
    text-decoration: none;
}
.item-page.datenschutz .desc-article a:hover,
.item-page.datenschutz .desc-article a:active,
.item-page.impressum .desc-article a:hover,
.item-page.impressum .desc-article a:active {
    color: var(--body-text-color);
    border-bottom: 1px dotted var(--body-text-color);
    text-decoration: none;
    font-weight: var(--header-font-weight);
}

.bg-dark, .module-dark {
  --t4-bg-opacity: 1;
  --t4-dark-rgb: 102,102,102;
  background-color: rgba(var(--t4-dark-rgb), var(--t4-bg-opacity)) !important;
}

#back-to-top:hover, #back-to-top:focus, #back-to-top:active {
  background-color: var(--tpl-base-300);
  color: var(--color-white);
}

.t4-footer {
  color: var(--fusszeile-text-color);
  text-align: center;
}