:root { --var-primary: #326abc; --var-secondaryr: #f9b014; }
.frame-background-primary { --frame-color: #ffffff; --frame-background: #326abc; --frame-link-color: #ffffff; --frame-link-hover-color: #ffffff; }
.frame-background-secondary { --frame-color: #000000; --frame-background: #f9b014; --frame-link-color: #000000; --frame-link-hover-color: #326abc; }
.frame-backround-primary { background-color: var(--var-primary); color: rgb(255, 255, 255); }
@media (min-width: 576px) {
  #page-header .navbar-brand.navbar-brand-image { }
}
@media (min-width: 768px) {
  #page-header .navbar-brand.navbar-brand-image { border: 0px solid red; }
}
.btn-outline-primary { border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); }
.btn-outline-primary a { border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); }
@media (min-width: 576px) {
  .row-100 { }
  .row-100 { border: 0px solid black; }
  .row-100.vertical-center { align-items: center; flex-direction: row; }
  .row-100 .ce-col { border: 0px solid red; }
  .row-100 .col-text .frame { border: 0px solid orange; margin: 0px; padding: 0px; background-color: rgb(50, 106, 188); }
  .row-100 .col-bild .frame { border: 0px solid orange; margin: 0px; padding: 0px; }
  .col-bild { background-image: url(""); background-position: center center; background-size: 100% 100%; background-origin: content-box; }
  .col-bild .make-transparent { opacity: 0; border: 0px dotted red; }
  .row-background-left { background-image: url(""); background-position: left center; background-size: 50%; background-repeat: no-repeat; }
  .row-background-right { background-image: url(""); background-position: right center; background-size: 50%; background-repeat: no-repeat; }
}
@media (min-width: 576px) and (max-width: 992px) {
  .col-lg-6.col-text .frame { margin-top: 2rem; padding-top: 2rem; padding-bottom: 2rem; }
  .col-lg-6.col-text .frame { margin-top: 2rem; padding-top: 2rem; padding-bottom: 2rem; }
}
.col-bild .make-transparent { opacity: 0; border: 0px dotted red; }
@media (max-width: 1200px) {
  .row-background-left { background-image: url(""); background-position: left center; background-size: 50%; background-repeat: no-repeat; }
  .row-background-right { background-image: url(""); background-position: right center; background-size: 50%; background-repeat: no-repeat; }
}
@media (max-width: 992px) {
  .row-background-left { background-image: url(""); background-position: center top; background-size: 100%; background-repeat: no-repeat; }
  .row-background-right { background-image: url(""); background-position: right top; background-size: 100%; background-repeat: no-repeat; }
}
@media (min-width: 1200px) {
  .row-background-left { background-image: url(""); background-position: left center; background-size: 50%; background-repeat: no-repeat; }
  .row-background-right { background-image: url(""); background-position: right center; background-size: 50%; background-repeat: no-repeat; }
}
@media (min-width: 1200px) {
  .element-bild-text .col-text .frame { max-width: calc(520px); border: 0px solid red; }
  .element-bild-text .col-text .gallery-row { max-width: calc(520px); border: 0px solid red; display: flex; justify-content: flex-end; }
  .element-bild-text .col-text .gallery-row .gallery-item { }
  .element-text-bild .col-text .frame { max-width: calc(520px); border: 0px solid red; }
  .element-text-bild .col-text .gallery-row { max-width: calc(520px); border: 0px solid red; display: flex; justify-content: flex-end; }
  .element-text-bild .col-text .gallery-row .gallery-item { }
  .element-bild-text .col-text { max-width: calc(700px); }
  .element-text-bild .col-text { max-width: calc(700px); }
}
@media (max-width: 992px) {
  .element-text-bild.row-background-right { border: 0px solid red; align-items: center; flex-direction: column-reverse; display: flex; }
}
@media (min-width: 992px) {
  .carousel .carousel-content-inner { width: calc(100vw); border: 0px solid red; }
  .carousel .carousel-content-inner { max-width: calc(100vw); }
}
@media (min-width: 1200px) {
  .carousel .carousel-content-inner { width: calc(100vw); border: 0px solid red; }
  .carousel .carousel-content-inner { max-width: calc(100vw); }
}
@media (min-width: 1400px) {
  .carousel .carousel-content-inner { width: calc(100vw); border: 0px solid red; }
  .carousel .carousel-content-inner { max-width: calc(100vw); }
}
.btn, .cc-btn { display: inline-block; font-weight: 300; line-height: 1.5; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; cursor: pointer; user-select: none; border: 1px solid white; padding: 0.375rem 0.75rem; font-size: 0.875rem; border-radius: 0rem; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 12rem; }
@media (min-width: 768px) {
  h1 .text-primary { font-size: 4rem; font-weight: 600; }
  h1 .text-secondary { font-size: 4rem; font-weight: 600; }
}
@media (min-width: 768px) {
  .footer-section-content .section-row { display: flex; border: 0px solid red; align-items: flex-end; }
  .footer-section-content .section-row { }
  .section-column.footer-section-content-column.footer-section-content-column-right { }
  .section-column.footer-section-content-column.footer-section-content-column-right img { border: 0px solid red; width: 75%; }
}
@media (max-width: 768px) {
  .termin { margin-bottom: 1rem; margin-top: 1rem; }
  .termin h2 { font-size: 1rem; }
  .termin p { font-size: 1rem; }
}
@media (min-width: 768px) and (max-width: 992px) {
  .termin { margin-bottom: 1rem; margin-top: 1rem; }
  .termin h2 { font-size: 1.25rem; }
  .termin p { font-size: 1rem; }
  .termin .frame { min-width: calc(25vw); }
  .row-termine { border: 0px solid red; display: flex; }
  .row-termine .frame { border: 0px solid red; }
  .row-termine .col-md-3 { flex: 0 0 auto; width: 33%; }
}
@media (min-width: 992px) {
  .termin { margin-bottom: 1rem; margin-top: 1rem; }
  .termin h2 { font-size: 1.5rem; }
  .termin p { font-size: 1rem; }
}
@media (min-width: 1200px) {
  .termin { margin-bottom: 1rem; margin-top: 1rem; }
  .termin h2 { font-size: 1.75rem; }
  .termin p { font-size: 1rem; }
}
@media (min-width: 1400px) {
  .termin { margin-bottom: 1rem; margin-top: 1rem; }
  .termin h2 { font-size: 1.75rem; }
  .termin p { font-size: 1rem; }
}


@media (min-width: 992px) {
  .navbar-brand .navbar-brand-image { opacity: 0; }
  
}
@media (min-width: 992px) {
  .kgkk-navbar { border: 0px solid rgb(50, 106, 188); height: 70px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(50, 106, 188) !important; }
  .kgkk-navbar a span { color: white; }
}
/* backup
@media (min-width: 768px) {
  .navbar-brand .navbar-brand-image { opacity: 0; }
  
}
@media (min-width: 768px) {
  .kgkk-navbar { border: 0px solid rgb(50, 106, 188); height: 70px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(50, 106, 188) !important; }
  .kgkk-navbar a span { color: white; }
}
*/


@media (min-width: 992px) {
  .kgkk-navbar { border: 0px solid red; height: 60px; }
  .body-bg-top { padding-top: 60px; }
}
@media (min-width: 1200px) {
  .kgkk-navbar { border: 0px solid red; height: 60px; }
  .body-bg-top { padding-top: 60px; }
}
@media (min-width: 1400px) {
  .body-bg-top { padding-top: 60px; }
  .kgkk-navbar { border: 1px solid rgb(50, 106, 188); height: 60px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(50, 106, 188) !important; }
  .kgkk-navbar a span { color: white; }
}
@media (min-width: 576px) {
  #page-header .navbar-brand.navbar-brand-image { }
}
@media (max-width: 992px) {
  .kgkk-logo { display: none; }
}
@media (min-width: 992px) {
  .kgkk-logo { position: absolute; }
  #page-header .navbar-brand.navbar-brand-image { opacity: 0; }
  .kgkk-logo { border: 0px solid red; z-index: 1040; width: 300px; height: 300px; max-width: 250px; top: 40px; }
  .kgkk-logo-img { max-width: 250px; height: auto; margin-left: calc(50vw - 384px); }
}
@media (min-width: 992px) {
  #page-header .navbar-brand.navbar-brand-image { opacity: 0; }
  .kgkk-logo { border: 0px solid red; z-index: 1040; width: 300px; height: 300px; max-width: 250px; top: 40px; }
  .kgkk-logo-img { max-width: 250px; height: auto; margin-left: calc(50vw - 496px); }
}
@media (min-width: 1200px) {
  #page-header .navbar-brand.navbar-brand-image { opacity: 0; }
  .kgkk-logo { border: 0px solid red; z-index: 1040; width: 300px; height: 300px; max-width: 250px; top: 40px; }
  .kgkk-logo-img { max-width: 250px; height: auto; margin-left: calc(50vw - 600px); }
}
@media (min-width: 1400px) {
  #page-header .navbar-brand.navbar-brand-image { opacity: 0; }
  .kgkk-logo { border: 0px solid red; z-index: 1040; width: 300px; height: 300px; max-width: 250px; top: 25px; }
  .kgkk-logo-img { max-width: 250px; height: auto; margin-left: calc(50vw - 700px); }
}
.footer-section-meta { display: none; }
.footer-section-content-column { color: black; }
.footer-section-content-column a { color: black; }
.footer-section-content-column { color: black; }
.frame a[class=""], .frame a:not([class]) { color: black; text-decoration: none; }
.frame-container-default { max-width: 1140px; }
.col-icon { width: 2rem; min-width: 2rem; height: 1.25rem; border: 0px solid red; }
.link-mail::after { background: none; }
.link-mail::before { background: url("/fileadmin/user_upload/Icons/E_Mail.svg") no-repeat; }
.link-mail2::before { margin-top: 4px; background: url("/fileadmin/user_upload/Icons/E_Mail.svg") no-repeat; }
.link-tel::after { background: none; }
.link-tel::before { background: url("/fileadmin/user_upload/Icons/Telefon.svg") no-repeat; }
.link-adresse::before { background: url("/fileadmin/user_upload/Icons/Standort.svg") no-repeat; }
.link-mail2::before, .link-adresse::before, .link-tel::before, .link-mail2::before, .link-arrow::before, .link-page::before, .link-folder::before, .link-file::before, .link-external::before, .link-chevron::before, .link-mail::before, .link-globe::before { height: 1.25em; width: 1.25em; content: ""; display: inline-block; flex-grow: 0; flex-shrink: 0; }
.link-arrow::after, .link-page::after, .link-folder::after, .link-file::after, .link-external::after, .link-chevron::after, .link-mail::after, .link-globe::after { height: 1.25em; width: 1.25em; content: ""; display: inline-block; flex-grow: 0; flex-shrink: 0; }
.footer-section-content-column, .footer-section-content-column p, .footer-section-content-column a { font-size: 1.1rem; }
.footer-row { display: flex; }


@media (max-width:992px) {
    #page-header { background-color: #326abc !important; }
    #page-header p, #page-header li, #page-header a , #page-header span { 
        background-color: #326abc !important; 
        border: 1px soloid red;
        color: white;
    }
}

/* Termin Kachel */ 

.termin .element-header  {
    font-weight: 600;
}
.termin .element-subheader  {
    font-weight: 300;
    font-size: .875rem;
}