/* 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: #004422 !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: #004422 !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: #004422;
    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: 1px solid red; */

}

/* Kontak Bilder */

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

/* Kontakt Icons */
.row-has-icons .gallery-row .image img {
    height: 100px;
    width: auto;
    border: 0px solid green;
}
/* Text unter den Kontakt 3 Icons etwas höher*/
.row-has-icons .textpic-item.textpic-text {
    border: 0px solid red;
    margin-top: -1rem;
}




/* 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-content {
    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-content p {
    color: white;
    background: var(--var-primary);
}



/* Slick Slider für die Icnons Slider */

.slick-slide .gallery-item .gallery-item-size-1 {
   
}

.slick-slider .slick-active.slick-current .image  {
    /*
    border:11px solid blue;
    */
}



/* Maschinen Icon Slider */ 

@media(min-width:586px) {

#slickid-353 figcaption,
#slickid-353 caption,
.caption {
text-align: center;
color: black;
position: relative;
left: 50%;
transform: translateX(-50%);
top: -40px;
 
}

#slickid-353.swiper-slide img {
    text-align: center;
    align-content: center;
    align-items: center;
   
}

#slickid-353.slick-slider .image  {
  
}

#slickid-353.slick-slider .image a {
    border: 1px transparent;
}

#slickid-353.slick-slider .image img {
    justify-content: center;
    align-content: center;
    align-items: center;
    padding-bottom: 10px;
    height: auto;
    width: 100%;
}

#slickid-353.slick-slider .image img {
    height: 60px;
    width: auto;
}

.slick-slider .slick-active.slick-current .image :hover {
     /*border:1px solid black;*/
}
#slickid-353.slick-slider .image a {
     border: 1px solid transparent;
     padding: 40px;
}

#slickid-353.slick-slider .image a:hover {
     border: 1px solid black;
}


/* navigation dots */
#slickid-353 ul.slick-dots, 
#slicksync-353 ul.slick-dots {
    border: 0px solid red;
    bottom: 0px; 
}
}

/* KLink ohne text-decoration */
.frame a { text-decoration: none;}

/* Top Navigation Socials Text weg*/
#nav-item-106 .nav-link-text { display: none;}
#nav-item-106  .nav-link-icon { }

.navbar-mainnavigation .nav-link-icon svg,.navbar-mainnavigation .nav-link-icon img {
    display: block;
    margin: 0;
    width: auto;
    height: 2rem;
    margin-top: -.25rem;
}

.footer-section-meta .frame { padding-top: 1rem; padding-bottom: 1rem; background: white !important; }

.copyfootertext {
    border: 0px solid red;
    display: flex;
    background: white;
    color: var(--var-primary);
}
.copyfootertext a  { text-decoration: none; color: var(--var-primary); font-size: smaller; }


/* Top Slider TExtgröße */

.carousel-text-inner .carousel-item-header  {
    font-size: 3rem;font-weight: 600;
}
.carousel-text-inner .carousel-item-subheader  {
    font-size: 3rem;font-weight: 600;
}

.carousel-text-inner .carousel-item-bodytext  {
    border: 1px solid white;
    font-size: 1rem;
    padding: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    padding-right: 0rem;
    width: 12rem;
}
.carousel-text-inner .carousel-item-bodytext a {
    /*
    background-image: url('/fileadmin/user_upload/Seite/Icon/Hacken.svg');
    */
    background-image: url('/fileadmin/user_upload/Seite/Icon/telephone_svg.svg');
    color: white;
    background-position: left;
    background-repeat: no-repeat;
    background-size: 1rem;
    padding-left: 1.5rem;
    margin-top: 0px;
}

/* Slider Top mobild kleiner */
@media(max-width:768px) {
    .carousel-text-inner .carousel-item-header  {
    font-size: 3.5rem;font-weight: 600;
}
.carousel-text-inner .carousel-item-subheader  {
    font-size: 3.5rem;font-weight: 600;
}
}
@media(max-width:568px) {
    .carousel-text-inner .carousel-item-header  {
    font-size: 2.5rem;font-weight: 600;
}
.carousel-text-inner .carousel-item-subheader  {
    font-size: 2.5rem;font-weight: 600;
}
}

/* Preistabelle in das Maschinenbild einruecken */
@media(min-width: 768px) {
    .maschinen-tabelle .frame {
        position: relative;
        top: 2rem;
        left: -140px;
        /* border: 10px solid red; */
    }
}
@media(min-width: 992px) {
    .maschinen-tabelle .frame {
        position: relative;
        top: 3rem;
        left: -140px;
        /* border: 10px solid red; */
    }
}

/* li mobil */
@media(max-width:992px) {
    
    ol, ul {
    padding-left: 0rem;
}



}


@media(max-width: 768px ) {
    .mobil-reverse { 
     flex-direction: column-reverse;
        border: 0px solid red;
                   
    }
}

/* Footer mobil */
@media(max-width:992px) {
    
    .footer-section .frame-type-div {
        display:none;
    }
    
}