/* testing.css */

/* headers white */

.text-white .element-header { color: white; }


/* top navigation */

/* navigation-inverse transition */
.bg-dark,.navbar-inverse,.navbar-inverse-transition,.navbar-inverse-transition.navbar-transition {
    --bs-bg-opacity: 1;
    /*
        background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important
          */  
        background-color: var(--var-primary) !important
}



.bg-white, .navbar-default, .navbar-default-transition, .navbar-default-transition.navbar-transition {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--var-primary), var(--bs-bg-opacity)) !important;
    color: white;
}
.navbar-default-transition.navbar-transition {
    --bs-bg-opacity: 1;
    background-color: #007d5d !important;
}
.navbar-default-transition.navbar-transition a,
.navbar-default-transition.navbar-transition li, 
.navbar-default-transition.navbar-transition p
{
    --bs-bg-opacity: 1;
    background-color: #007d5d !important;
    color: white;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: white;
}
.nav-link { color: white; }
.nav-link :hover { color: white; }





/* header h2*/
.frame .element-header  {
    color: #007d5d;
    font-weight: 600;
}
.frame-background-primary .element-header  {
    color: white;
    font-weight: 600;
}

.frame-default.frame-has-backgroundimage {
    /* Inner 2col */
}

/* 2col frames mit grünem BORDER TOP */
.frame-type-ce_columns2.frame-background-primary {
     border: 0px solid blue;
     border-top: 200px solid var(--var-primary);
}
.row-top-green {
     margin-top: -200px;
}

/* 2col frames OHNE BORDER TOP GRÜN*/
.frame-type-ce_columns2.frame-background-secondary {
     border: 0px solid blue;
     border-top: 0px solid red;
}



.col-top-green-text.left .frame {
   
}

.col-top-green-text.right .frame {
    margin-top: 0rem;
    padding-top: 0rem;
}


.image { border: 0.1px solid red; }

.swiper-slide img {
/*    border: 1px solid red;*/
    width: 140px; height: auto;
    text-align: center;
    align-content: center;
    align-items: center;
}


/* Kontak Bilder */

.gallery-row {
    justify-content: center;
}

.row-has-icons .gallery-row .image img {
    height: 100px;
    width: auto;
    border: none;
}

/* Spacer */

.frame-type-div hr { opacity: 0.0; }



/* Abstämnde der Texte */
.frame-header p { margin-bottom: 0.0rem;}
.frame-header h1,h2,h3,h4,h5 { margin-bottom: 0.5rem;}
.frame-default p { margin-bottom: 0.5rem; }
/* Startseite 3col Mieten - Kaufen - Rundumservice Pullup */

.pullup-to-header {
    margin-top: calc(-25vh + 1.75rem);
}


/* Buttons in frame-type-text */

.btn-outline-primary { border-radius: 0px; }

/* Buttons in dunkel grünem Balken */

/* HIER */
.frame-background-dark .btn.btn-outline-primary {
    border-color: white;
    color: white;
}


/* Neue List style iacons */

.list-normal li {
    list-style: none;
    background-image: url('/fileadmin/user_upload/Seite/Icon/Hacken.svg');
    /*background-image: url('/fileadmin/user_upload/Seite/Icon/Hacken.png');*/
    background-position: left;
    background-repeat: no-repeat;
    background-size: 1rem;
    padding-left: 1.25rem;
    margin-top: 0px;
    padding-top: 4px;
}

.frame-background-none .list-normal li {
    list-style: none;
    background-image: url('/fileadmin/user_upload/Seite/Icon/Hacken.svg');
    /*background-image: url('/fileadmin/user_upload/Seite/Icon/Hacken.png');*/
    background-position: left;
    background-repeat: no-repeat;
    background-size: 1rem;
    padding-left: 1.25rem;
    margin-top: 0px;
    padding-top: 4px;
}

/* Footer section */
.footer-section-meta {
    background: var(--var-primary);
    --frame-color: var(--var-primary);
    --frame-background: var(--var-primary);
    --frame-link-color: white;
    --frame-link-hover-color: white;
}
.footer-section-meta .frame { padding-top: 1rem; padding-bottom: 1rem;}
.footer-section-meta p {  color: white; }


/* Footer section */
.footer-section-content {
    background: var(--var-dark);
    --frame-color: white;
    --frame-background: var(--var-dark);
    --frame-link-color: white;
    --frame-link-hover-color: white;
}
.footer-section-content p {
    color: white;
    background: var(--var-dark);
}

.footer-section-content a {  color: white; text-decoration: none;}

.footer-section-content-column-left .gallery-row {
    justify-content: left;
}

/* Top Slider center text*/
.carousel .carousel-content-inner {
 justify-content: center;   
}


/* slick slider */
.slickdefault .slick-initialized .slick-slider {
    background: var(--var-dark);
    color: white;
}

.slickdefault .slick-initialized .slick-slider .slick-dotted {
    background: var(--var-dark);
    color: white;
}

.slick-track { background: var(--var-dark); color: white; }
.slick-slider { width: calc(100vw + 400px); margin-left: -200px; } 
.slick-slider { width: calc(100% + 400px); margin-left: -200px; } 
/* Nur aktives Slide mit Text anzeigen */

.slick-slide.slick-active .textpic-item.textpic-text {  opacity: .01; }
.slick-slide.slick-active.slick-current  .textpic-item.textpic-text {  opacity: 1; }

.slickdefault .frame h2 { color: white; }



.btn.btn-primary { border-radius: 0px;}
.btn { border-radius: 0px;}