/*
.frame-backgroundimage-container, .frame-backgroundimage {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: left;
    background-size: 100%;
    background-repeat: no-repeat;
}
*/
/*
.frame-backgroundimage-behaviour-pattern {
    background-repeat: no-repeat;
    background-size: auto 100%;
}
*/
:root {   --primary: #ed1c24; --secondary: #ededed; --dark: #313131; }


/* Footer Logo links */
.footer-section-content-column-left .frame-type-image {
    padding-top: 0px;
    padding-bottom:0px;
}
.footer-section-content-column-middle .frame-type-text {
    padding-top: 0px;
    padding-bottom:0px;
}
.footer-section-content-column-right .frame-type-image {
    padding-top: 0px;
    padding-bottom:0px;
}

@media (min-width: 992px) { 

    .footer-section.footer-section-content .footer-section-content-column-left {
        width: calc(25vw);
        width: 12%;
        /*border: 1px solid red;*/
    }

    .footer-section.footer-section-content .footer-section-content-column-middle {
        width: calc(25vw);
        width: 40%;
        /*border: 1px solid green;*/
    }
    .footer-section.footer-section-content .footer-section-content-column-right {
        width: calc(50vw);
        width: 50%;
        /*border: 1px solid red;*/
    }
}





@media (max-width: 768px) {
    
    .footer-section {
        margin-top: 0px;
        /* margin-left: 20px; */
        padding-top: 3rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .footer-section .frame-type-image {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .footer-section .frame-type-text {
        padding-left: 0rem;
        padding-right: 0rem;
    }
    
}
/* Navigation bei Desktop nach unten wegen DropIn Before */
@media (max-width: 992px) {
    .fixed-top-1 { display: none;}
}
@media (min-width: 992px) { 
.fixed-top, .navbar-mainnavigation.navbar-fixed-top {
    position: fixed;
    top: 69px;
    right: 0;
    left: 0;
    z-index: 1030;
} 

}

@media (max-width: 992px) {
    
    .element-bild-text { display: block; }
    .text-no-frame.element-bild-text .col-text {
    max-width: calc(100vw);
}
.element-bild-text .col-bild {height: calc(60vw);}
}


/* Zweites Bild einer lightbox row nicht anzeigen */
.row-lightbox .gallery-item:nth-child(2) {
   display: none;
}
.row-lightbox .gallery-item:nth-child(3) {
   display: none;
}
/* In der Lightbox das erste Bild nicht anzeigen */
.modal-body .gallery-item:nth-child(1) {
   display: none;
}

.col-text .frame-inner { overflow: hidden;}

/* Seite Löscheinheiten */

.myFirstElement {
    background: #313131;
    color: white;
}

.mySecondElement {
    background: var(--primary);
    color: white;
}

.myFirstElement .frame {
    padding-left: 0px;
    padding-right: 0px;
}


.mySecondElement .frame {
    padding-left: 0px;
    padding-right: 0px;
    
}

@media (min-width: 992px) { 
.text-no-frame.element-bild-text .col-text {
    max-width: calc(50vw);
}

}

/* Schriftgröße Löschgruppen */
@media (min-width: 992px) and (max-width:1200px) {
.myFirstElement {
   
}
.mySecondElement {

}
.myFirstElement .frame-type-text p {
  font-size: .875rem;
}
.mySecondElement .frame-type-text p {
  font-size: .875rem;
}
}

/* Schriftgröße Startseite */


@media (min-width: 992px) and (max-width:1200px) {

.col-text .frame-type-text p {
  font-size: .875rem;
  line-height: 1.1;
  margin-bottom: 14px;
}

}




@media (min-width: 992px) {
.myFirstElement {
    height: calc(20vw);
    padding-top: 10px;
}
.mySecondElement {
   height: calc(20vw);
   padding-top: 10px;
}
.myFirstElement .frame-inner {
    max-width: calc(560px);
    padding-top:  10px;padding-left:  10px;
}
.mySecondElement .frame-inner {
   max-width: calc(560px);
   padding-top:  10px;padding-left:  10px;
}
}

/* navigation desktop */
@media (min-width:992px) {
    
    .navbar-mainnavigation {
        background: black;
    }
    .navbar {
        background: black;
    }
    .bg-white, .navbar-default, .navbar-default-transition, .navbar-default-transition.navbar-transition {
    --bs-bg-opacity: 1;
    background-color: black !important;
}
    
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 20px;
    height: 20px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    /*background-color: #ffffff;*/
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 1;
    transition: opacity 0.6s ease;
}


:root { --var-primary: #ed1c24; --var-secondary: #f9b014; }
.frame-background-primary { --frame-color: #ffffff; --frame-background: #ed1c24; --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: #ed1c24; }
.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;}
  .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.1%;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(50vw);border: 0px solid red;}
  .element-bild-text .col-text .gallery-row { max-width: calc(50vw); 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; */flex-direction: row;flex-wrap: nowrap;}
  .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; }
}
@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 { }
  .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 { }
  .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 { }
  .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 { }
  .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 { }
.footer-section-content-column { color: black; }
.footer-section-content-column a { color: black; }
.footer-section-content-column { color: black; }

.copyright-footer { display: flex; flex-direction: row; } 
.copyright-footer a{ display: flex; flex-direction: row; color: white; } 

.footer-copyright {
    width: 100%;
    border: 1px solid red;
    min-width: 100%;
    display: flex;
}
.footer-copyright a { font-weight: bold; }
.footer-copyright a:hover { text-decoration: underline; }
.copy-footer-2 a:hover { text-decoration: underline; }
/*
.frame a[class=""], .frame a:not([class]) {color: black;text-decoration: none;}
.footer-copyright  a[class=""], .frame a:not([class]) {color: white;text-decoration: none;}
*/
.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: rgb(50, 106, 188) !important;*/ }
  #page-header p, #page-header li, #page-header a, #page-header span { 
    /*
    border: 0px solid red; color: white; background-color: rgb(50, 106, 188) !important; 
    */
  }

}
.termin .element-header { font-weight: 600; }
.termin .element-subheader { font-weight: 300; font-size: 0.875rem; }
.footer-section-content {  }



@media (min-width: 1200px) {
  .frame-container-default { /*max-width: 1920px;*/ border: 0px solid red; }
  .frame-container-default .container {/* max-width: 1920px;*/ border: 1px solid orange; }
}
@media (min-width: 1400px) {
  .frame-container-default { /*max-width: 1920px;*/ border: 0px solid red; }
  .frame-container-default .container { /*max-width: 1200px;*/ border: 1px solid orange; }
}


/* 50vw 50vw 505 50% ELEMENTE */

.col-bild {overflow-x: hidden;}
.col-text { overflow-x: hidden; }

.carousel-text-inner { color: white; } 

/* Buttons Service */
#c343 .btn { background: white; border: 1px solid #999; color: #111; }

#c343  .element-header { 
  background: white; 
  color: #111;
  font-size: 2.5rem; 
}
#c343  .element-subheader { 
  background: white; 
  color: #333;
  font-size: 1.25rem; 
}



/* Überschriften */
.my-object-class .element-header {min-height: 4.5rem;border: 0px solid red;}
.my-object-class .element-header {max-height: 4.5rem;border: 0px solid red; overflow: hidden;}

/*
@media (min-width: 768px) {
    
    .textmedia-right .textmedia-item, .textmedia-right .textpic-item, .textmedia-left .textmedia-item,
    .textmedia-left .textpic-item, .textpic-right .textmedia-item, .textpic-right .textpic-item,
    .textpic-left .textmedia-item, .textpic-left .textpic-item {
    
    }
    
    row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: unset;
    padding-left:unset;
    margin-top: unset;
    }
    
}

:root {  --bs-gutter-x: 0px; }
.row {
    --bs-gutter-x: 0px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.frame-type-text {
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 20px;
    
}*/