/*
plugin.bootstrap_package.settings.scss.primary = #118937
plugin.bootstrap_package.settings.scss.secondary = #CCCCCC
plugin.bootstrap_package.settings.scss.tertiary = #7f7f7f
*/
:root { 
    --var-primary: #118937; 
    --var-secondary: #CCCCCC; 
    --var-tertiary: #7f7f7f; 
    --var-small-border-color: var(--var-primary);
}

/* Mainnavigation uppercase */
.navbar-mainnavigation .nav-link-icon, .navbar-mainnavigation .nav-link-text {
    /*border: 1px solid red;*/
    text-transform: uppercase;
    font-weight: 600;
}

/* btn no border radius */
.frame-inner .btn {
    border-radius: 0px;
}

/* Section footer hidden */
.footer-section-meta { display: none; }

/* Header h2 smaller */
h2, .h2 {
        font-size: 1.25rem;
        font-weight: 500;
}
    

/* Sommerfest Sponsorenbilder vertikal mittig wenn verschiedene Höhen haben */

.bilder-vertikal-mitte .gallery-row {
    border: 1px solid orange;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gallery-gap);
    align-content: center;
    align-items: center;
}



.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));
}

/* Grüner Strich unter Überschriften */
.tiny-border {
    clear: both;
    width: 100px;
    height: 3px;
    background: var(--var-small-border-color);
    margin: 20px 0 20px 0;
    margin-bottom: 20px;
}
.small-border {
    clear: both;
    width: 160px;
    height: 3px;
    background: var(--var-small-border-color);
    margin: 20px auto 20px auto;
    margin-top: 10px;
    margin-bottom: 0px;
}

/* Abstand zwischen container ohne margin und pading */
.frame.frame-space-before-extra-small {
    
    margin-top: 0rem;
    padding-top: 0rem;
}
.frame.frame-space-after-extra-small {
    
    margin-bottom: 0rem;
    padding-bottom: 0rem;
}

 

/* Markenname */
.lindhaus {
    color: var(--var-primary);
}

/* Navigation Strich unter Menüpunkt entfernen */
@media (min-width: 992px) {
    .navbar-mainnavigation .nav-link.nav-link-main:before {
        border:none;
        transform: unset;
        inset: auto var(--mainnavigation-link-padding-x) calc(var(--mainnavigation-link-padding-y) / 2) var(--mainnavigation-link-padding-x);
        background: none;
        height: 2px;
        width: auto
    }
    
    #mainnavigation .navbar-nav {
        display: flex;
        justify-content: center;
    }
    
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    
    color: var(--var-primary);
}

/* Footer Sektion */
.footer-section-content {
    background-color: var(--var-primary);
    --frame-color: #ffffff;
    --frame-background: var(--var-primary);
    --frame-link-color: white;
    --frame-link-hover-color: #dddddd;
}


/* Faq mit Balken links */
.accordion-button {
    background-color: transparent;
    transition: var(--bs-accordion-transition);
    border-left: 4px solid var(--var-tertiary);
}
.accordion {
    --bs-accordion-color: #212121;
    --bs-accordion-bg: transparent;
}


/* Überschrift im Slider */
.carousel-item-header  {
    padding: 15px 20px 0px 20px;
    font-size: 3rem;
    /* font-family: "Arial"; */
    font-family: "Unterschrift";
    font-weight: bold;
    margin-top: 60px;
}

.text-quaternary span {
    font-family: "Unterschrift";
    font-weight: bold;
    color: #333;
    font-size: 1.25rem;
}
.text-quaternary  {
    font-family: "Unterschrift";
    font-weight: bold;
    color: #333;
    font-size: 1.25rem;
}

/* Header in 3 col grün */
.frame-background-secondary .element-header {
    color: var(--var-primary);
}
/* Anpassung Unterschriften */
.btn-outline-primary {
    --bs-btn-color: #118937;
    --bs-btn-border-color: #118937;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #118937;
    --bs-btn-hover-border-color: #118937;
    --bs-btn-focus-shadow-rgb: 17,137,55;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #118937;
    --bs-btn-active-border-color: #118937;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #118937;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #118937;
    --bs-gradient: none;
    border-top: none;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
}



/* Anpassung Slider grüners Viereck. Text nach rechts verschieben */
@media (min-width: 992px) {
    .carousel-item-type-text .carousel-text-inner {
        width:70%;
        padding-left: 30%
    }
    .carousel .carousel-indicators button {
        border-radius: 2px;
        overflow: hidden;
        color: inherit;
        height: 10px;
        width: 10px;
    }
    .carousel .carousel-indicators button.active {
        height: 10px;
        border-top-width: 0px;
        border-bottom-width: 0px;
    }


}



/* socials */

@media (min-width: 992px) {
    .social { display:flex; flex-direction: row ; }
    .social .icon-topnav { width: 32px; height: 32px;}
    .social .icon-topnav {  max-width: 24px; max-height: 24px;margin-right: 12px; }
    .social .icon-topnav .instagram { border: 1px solid blue; }
    .social .icon-topnav .facebook { border: 1px solid red; }
    
}

@media (max-width: 992px) {
    .social { display: none;}
}


.sticky-links {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
 /* background-color: rgba(255, 255, 255, 0.8);*/
  padding: 10px;
  border-radius: 5px 0 0 5px;
  z-index: 1001;
}

.sticky-links a {
  display: block;
  margin: 10px 0;
  text-align: right;
  background-color: var(--var-primary); /* Grüner Hintergrund */
  color: white; /* Textfarbe auf weiß setzen, um den Kontrast zu verbessern */
  padding: 10px; /* Innenabstand für die Buttons */
  border-radius: 5px; /* Viereckige Form der Links */
}

.sticky-links a img {
  width: 25px; /* Größe des Icons */
  height: 25px; /* Höhe des Icons */
  margin-left: 0px; /* Abstand zwischen Text und Icon */
}