* {
   margin: 0;
   padding: 0;
 }

 .body {
   background-color: rgb(216, 249, 211);
 }

 div.container ul.normal {
   list-style: none;
   display: flex;
   font-size: large;
 }

 div.container ul.normal li a {
   color: rgb(79, 68, 68);
   text-decoration: none;

 }

 div.container ul.normal li {
   margin-right: 30px;
 }

 @media (min-width: 768px) {
   ul.list-unstyled li {
     font-size: 20px !important;
     text-decoration: none;
   }
 }

 ul.list-unstyled li {
   font-size: 16px;
   text-decoration: none;
 }

 ul.list-unstyled li a {
   text-decoration: none;
   color: black;
 }

 .menu-active {
   color: black !important;
   font-weight: bold;
 }

 .minggir {
   margin-left: 30px;
 }

 .minggir a {
   text-decoration: none;
   color: black;
 }

 .fooot {
   font-style: italic;
   color: rgb(8, 137, 94);
 }

 .fooot p {
   text-align: right;
 }

 /* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

 /* Carousel base class */
 .carousel {
   margin-bottom: 4rem;
 }

 /* Since positioning the image, we need to help out the caption */
 .carousel-caption {
   bottom: 3rem;
   z-index: 10;
 }

 /* Declare heights because of positioning of img element */
 .carousel-item {
   height: fit-content;
 }

 .carousel-item>img {
   /* position: absolute; */
   top: 0;
   left: 0;
   min-width: 100%;
   height: 32rem;
 }


 /* MARKETING CONTENT
-------------------------------------------------- */

 /* Center align the text within the three columns below the carousel */
 .marketing .col-lg-4 {
   margin-bottom: 1.5rem;
   text-align: center;
 }

 .marketing h2 {
   font-weight: 400;
 }

 /* rtl:begin:ignore */
 .marketing .col-lg-4 p {
   margin-right: .75rem;
   margin-left: .75rem;
 }

 /* Thin out the marketing headings */
 .featurette-heading {
   font-weight: 300;
   line-height: 1;
   letter-spacing: -.05rem;
 }

 p.market {
   font-size: 40px;
   text-align: center;
 }

 .log {
   width: 150px;
   height: 110px;
 }

 .containerku {
   display: flex;
   flex-wrap: wrap;
 }

 .col {
   margin-top: 50px;
   margin-left: 4.5em;
 }

 /* RESPONSIVE CSS
-------------------------------------------------- */

 @media (min-width: 40em) {

   /* Bump up size of carousel content */
   .carousel-caption p {
     margin-bottom: 1.25rem;
     font-size: 1.25rem;
     line-height: 1.4;
   }

   .featurette-heading {
     font-size: 50px;
   }
 }

 @media (min-width: 62em) {
   .featurette-heading {
     margin-top: 7rem;
   }

   div.menuk {
     font-size: 150%;
     display: flex;
     justify-content: center;
     justify-content: space-between;

   }
 }

 @media (min-width: 350px) {
   div.imgk {
     justify-content: center;
   }

   div.imgk img.fotok {
     width: 100%;
     padding-left: 100px;
   }

   img.imgken {
     width: 100%;
     justify-content: center;
   }
 }

 img.imgken {
   width: 70%;
   justify-content: center;
 }

 /*-----------------------------------------------struktur----------------------------------------------------------*/
 .struktur {
   padding-right: 500px;
 }

 div.hover ul li a {
   text-decoration: none;
 }

 /*-------------------------------------------- struktur end--------------------------------------------------------*/

 /*-------------------------------------------- MAPS---------------------------------------------------------------*/
 .maps iframe {
   width: 100%;
   min-height: 500px;
 }

 /*-------------------------------------------- MAPS END------------------------------------------------------------*/