/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
Buttons
-----------------------------------------------------------------*/
.btn-ci {
    background-color: var(--ci-color);
    color: white;
}

/* ----------------------------------------------------------------
Loading Spinner
-----------------------------------------------------------------*/



#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 999;
    width: 120px;
    height: 120px;
    margin: -76px 0 0 -76px;
    border: 16px solid #275C1D;
    border-radius: 50%;
    border-top: 16px solid #888888;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;

}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* ----------------------------------------------------------------
Typo
-----------------------------------------------------------------*/

body, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p, 
a, 
.menu-link, 
li, 
span {
    font-family: 'PT Sans', sans-serif;
}

h1 {
    font-size: 32px;
}


h5 {
    font-size: 20px;
}

/* ----------------------------------------------------------------
Typo End
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
Colors
-----------------------------------------------------------------*/

body {
    --ci-color: #275C1D;
    --ci-color-variant: #bdb76b;
    color: #000;
    font-size:18px;
}

.ci-color {
    color: var(--ci-color) !important;
}

.bg-ci {
    background-color: var(--ci-color);
    color: white;
}

.bg-ci-variant{
    background-color: var(--ci-color-variant);
    color: white;
}

/* ----------------------------------------------------------------
Colors End
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
Header
-----------------------------------------------------------------*/
#header #logo img {
    height: 135px !important;
}

#header.sticky-header-shrink #logo img {
    height: 85px !important;
}

#logo {
    padding: 20px 0;
}

#header.sticky-header #logo {
    padding: 0 0;
}

#top-bar.custom-top-bar .top-links-item > a{
    text-transform:none;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

#top-bar.custom-top-bar .top-links-item:hover > a {
    color: var(--ci-color);
}

/* ----------------------------------------------------------------
Header End
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
Navigation
-----------------------------------------------------------------*/

#header.jaeger-header nav .menu-item .menu-link {
    text-transform: none;
    color: #000;
    font-size: 14px;
    font-weight: normal;
}

#header nav .menu-item.protected .menu-link {
    color: #dbdbdb;
   
}

#header.jaeger-header nav .menu-item:hover > .menu-link {
    color: #275C1D;
}

/* ----------------------------------------------------------------
Navigation End
-----------------------------------------------------------------*/
/*----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/

/*#footer.dark {background-color: #9EBE3B;color: black;}*/

#footer.dark {background-color: #bdb76b;}/*Camo Helles Olive +*/
/*#footer.dark {background-color: #8b864e;}*//*Camo dunkles Sandbeige +*/
/*.ktv2-form-body {background-color: #556b2f !important;}*//*bräunliches Grün + newsletter*/


.dark .footer-widgets-wrap a {
    color: darkblue;
}

/*----------------------------------------------------------------
	Footer End
-----------------------------------------------------------------*/
/*----------------------------------------------------------------
	Panorama Image Section
-----------------------------------------------------------------*/

.panorama-image {
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.panorama-image .overlay-box {
    background-color: #fff;
    padding: 2rem;
    max-width: 600px;
    width: 100%;
    opacity: 0.9;
}

/*----------------------------------------------------------------
	Panorama Image Section End
----------------------------------------------------------------*/
/*----------------------------------------------------------------
	Topics (Gridansicht von Aktuellen Themen)
-----------------------------------------------------------------*/

.topic-description a {
    color: #555;
}

.topic-description p {
    text-align: justify;
}

.color-code-overlay {
    background-color: rgba(39, 92, 29, 0.7);
}

/*----------------------------------------------------------------
	Topics End
-----------------------------------------------------------------*/
/*----------------------------------------------------------------
	Grid
-----------------------------------------------------------------*/

.grid-section ul:not(.tab-links) {
    margin-left: 18px;
}

.grid-section h5, .grid-section h1 {
    color: #000;
}

#page-title h1 {
    background: rgba(0, 56, 43, 0.75);
    padding: 15px 20px;
    color: #fff;
    display:inline-block;
}

.Hintergrundfarbe-1 h1,
.Hintergrundfarbe-1 h2,
.Hintergrundfarbe-1 h3,
.Hintergrundfarbe-1 h4,
.Hintergrundfarbe-1 h5,
.Hintergrundfarbe-1 h6,
.Hintergrundfarbe-1 p,
.Hintergrundfarbe-1 a,
.Hintergrundfarbe-1 li,
.Hintergrundfarbe-1 label,
.Hintergrundfarbe-1 td,
.Hintergrundfarbe-1 th {
  color: #ffffff !important;
}

/* background-color helpers */
.Hintergrundfarbe-1 {
    background-color: #00382B !important;
}

.Hintergrundfarbe-2 {
    background-color: #546F2D!important;
}

.Hintergrundfarbe-3 {
    background-color: #D9C669!important;
}

.Hintergrundfarbe-4 {
    background-color: #A38F35!important;
}

/* padding helpers */

.Abstand-Oben{
    padding-top: 64px;
}

.Abstand-Unten {
    padding-bottom: 64px;
}

.Abstand-Standard{
    padding: 36px;
}

.Abstand-Y{
    padding: 64px 0;
}

.Abstand-X{
    padding: 0 64px;
}

/*----------------------------------------------------------------
	Grid End
-----------------------------------------------------------------*/
/*----------------------------------------------------------------
	Latests
-----------------------------------------------------------------*/

#latest-nav ul li span{
    font-weight: 600;
    color: var(--ci-color);
}

#latest-nav ul li.latest-prev {
    left: 0;
}

#latest-nav ul li.latest-next {
    right: 0;
}

#latest-nav ul li span:after {
    content: "";
    width: 0;
    display: block;
    border-bottom: 2px solid var(--ci-color);
    transition: width .2s linear;
}

#latest-nav ul li:hover span:after {
    width: 100%;
}

/*----------------------------------------------------------------
	Latests End
-----------------------------------------------------------------*/
/*----------------------------------------------------------------
	Form Login
-----------------------------------------------------------------*/

/* errors */
.validation-summary-errors ul {
    margin-left: 18px;
}

.validation-summary-errors ul li {
    color: red;
}

/*----------------------------------------------------------------
	Form Login End
-----------------------------------------------------------------*/

/*----------------------------------------------------------------
	Helpers
-----------------------------------------------------------------*/

@media(min-width: 1200px){
    .hidden-lg{
        display:none!important;
    }
}


@media (min-width: 992px) and (max-width: 1199px){
    .hidden-md {
        display: none!important;
    }
}


@media (min-width: 768px) and (max-width: 991px){
    .hidden-sm {
        display: none!important;
    }
}


@media (max-width: 767px){
    .hidden-xs {
        display: none!important;
    }
}

/*----------------------------------------------------------------
	Helpers End
-----------------------------------------------------------------*/


/*----------------------------------------------------------------
	Accordion
-----------------------------------------------------------------*/

.accordion.custom-accordion{
    --bs-accordion-active-bg: #fff;
    --bs-accordion-active-color: #546F2D;
}

/*----------------------------------------------------------------
	Accordion End
-----------------------------------------------------------------*/


/*----------------------------------------------------------------
	Events �bersicht
-----------------------------------------------------------------*/

.event-timeline .timeline-border {
    border-color: var(--ci-color);
}

.event-timeline .entry-date-section span{
    border-color: var(--ci-color);
    background-color: var(--ci-color);
}

.dropdown-toggle:hover, .dropdown-toggle:active, .dropdown-toggle:focus 
{
    color: #beddcf !important;
}

/*----------------------------------------------------------------
	Events �bersicht End
-----------------------------------------------------------------*/
/*----------------------------------------------------------------
	Events
-----------------------------------------------------------------*/
.event-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*----------------------------------------------------------------
	Events End
-----------------------------------------------------------------*/

/*----------------------------------------------------------------
	GoogleMaps
-----------------------------------------------------------------*/

.gm-consent .gm-consent-box {
    background-image: url('/media/y4ploavx/gmapsblurred.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.gm-consent .mapsHintBox > *{
    margin-bottom: 0;
}

.gm-consent .mapsHintBox{
    padding: 54px 12px;
    row-gap: 20px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.gm-consent p a{
    text-decoration: underline!important;
}

.gm-consent p a:hover{
    color: gray!important;
}

.gm-consent p{
    text-align: center;
}

.gm-consent .mapsHintBox h3{
    color: var(--ci-color);
}

/*----------------------------------------------------------------
	GoogleMaps End
-----------------------------------------------------------------*/

/*----------------------------------------------------------------
	Responsive
-----------------------------------------------------------------*/

@media(max-width: 991px) {

    .footer-logo{
        max-width: 250px;
    }

}
    
@media (min-width: 992px) and (max-width: 1199px)
{
    .jaeger-header .container{
        max-width: 100%;
    }

    .jaeger-header #logo img{
        max-height: 100px;
    }

    .jaeger-header .menu-link{
        padding: 39px 10px;
    }
}

/*----------------------------------------------------------------
	Responsive End
-----------------------------------------------------------------*/


/****************
Appointment Forms
*****************/

.form-wrapper .form-group label{
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    text-transform: unset;
    font-weight: 600;
    color: var(--ci-color);
}

.css3-spinner > div {
    background-color: var(--ci-color);
}

.form-content{
    transition: opacity 250ms ease-in-out;
}

.rte-wrapper ul,
.rte-wrapper ol {
    padding-left: 20px;
}


/** form elements **/

.form-check-label .checkbox-content *:last-child{
    margin-bottom:10px;
}

.form-check{
    padding-left: 39px;
}

.form-check-label{
    padding-top: 3px;
}

/* input errors */
.form-group .error-message{
    display: none;
    color: red;
    font-size: 14px;
    font-style: italic;
    margin-top: 5px;
}

.form-group .error-message-text{
    display: block;
    color: red;
    font-size: 14px;
    font-style: italic;
    margin-top: 5px;
}

.form-group:has(.form-control.has-error, .form-check-input.has-error) .error-message{
    display: block;
}