body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Yaldevi';
  overflow-x:hidden;
  background-image:url(images/smoke.jpg);
  background-size: cover;
  color:#eee;
}

#mlogo{  display:none;  position: absolute;    width: 30px;   height: auto;    top: 12px; }

.ce-gallery figcaption {
  display: block;
  caption-side: bottom;
  box-sizing: border-box;
  padding: 15px;
    padding-top: 15px;
  padding-top: 0px;
}

.ce-center .ce-inner,
.ce-center .ce-outer {
  position:  initial !important;
  float:  initial !important;
  right:  initial !important;
}
.ce-left .ce-gallery, .ce-column {
  float:  initial !important;
}

.ce-gallery figure {
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 20px;
}



.video-embed-item {width:100%; padding: 15px;
  box-sizing: border-box;}

#contentrechts {background-color: #e9f1e1;   color: #777;} 

#contentrechts .ce-bodytext { box-sizing: border-box;   padding: 20px; }

#navi_on {
  display:none;
  cursor:pointer;
  background-image:url(images/navion.jpg);
  background-size:100%;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 37px;
  top: 12px;
  z-index: 99999;

}

.ce-bodytext  p  strong {display: block; }

.ce-bodytext  p a {text-decoration:none; color:#46a02e; font-weight:600;}

#mobilcontainer {position:fixed;}
#phonenavi {display: none;
  position: absolute;
  width: 320px;
  z-index: 1000;
  background-color: #000d;
  padding: 10px;
  top:   3px;
  left: 16px;}


#navicontainer > img {width:100%; height:auto; }

#content {margin: 0 auto;
    margin-top: 0px;
  max-width: 1280px;
  margin-top: 20px;
}

#navicontainer {   margin-right: 30px; }

#content_container {display: grid;   grid-template-columns: 240px 1fr; }
#dualcontent_container {   display: grid;   grid-template-columns: 1fr 1fr;  border: 1px #46a02e solid; background-color: #fff;}

ul.menu {   margin: 0;  margin-top: 15px;  padding: 0;   list-style-type: none; }

ul.menu li {box-sizing: border-box;

}

ul.menu a {transition: transform .2s;}
ul.menu a:hover {transform: scale(1.1);}

a.primary, a.primary_active {color: #fff;
  text-decoration: none;
  box-sizing: border-box;
  padding: 5px;
    padding-left: 5px;
  padding-left: 5px;
  padding-left: 5px;
  background-color: #fbbc00;
  margin-bottom: 12px;
  padding-left: 25px;
  display: block;
  font-size: 16px;
  font-weight: 600;}

a.primary_active  {  background-color: #46a02e; }

 

ul.menu li ul li a { font-size: 12px; background-color: #46662e;}

#content_container_rechts h2 { color: #46a02e;    font-size: 40px;    margin: 0; margin-bottom: -16px;}

#content_container_rechts h4  { margin: 0;     margin-bottom: 0px;   padding: 0px;   font-size: 20px;   margin-bottom: 26px; }

.pagetitle {background-color: #46a02e;
  padding: 15px;
  font-weight: 500;
  font-size: 22px;}


.ce-bodytext {font-size: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);
               line-height: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
             }


#contentlinks .frame-layout-0 {    padding: 20px; background-color: #fff;
  color: #4f4f55;
 }

.header   {   position: relative; }
.header > img:nth-child(6)

{
  position: absolute;
  width: 80px;
  height: auto;
  top: 10px;
  right: 20px;
}


.dce_image {width: 100%;    display: block; }
.dce_image img {   width: 100%;   height: auto; }



@media screen and  (max-width: 1320px){

#content { margin-left: 15px;    margin-right: 15px; }

}

@media screen and  (max-width: 960px){
#content_container { grid-template-columns: 200px 1fr; }
a.primary, a.primary_active {font-size:12px!important; }

#navicontainer {   margin-right: 15px; }

#content_container_rechts h2 {  font-size: 30px;  }
#content_container_rechts h4 {   font-size: 14px; }
  .header > img:nth-child(6) {
  position: absolute;
  width: 70px;
  height: auto;
  top: -4px;
  right: 20px;
}

}


@media screen and  (max-width: 800px){
#dualcontent_container {    grid-template-columns: 1fr; }
#content_container_rechts h4 {     font-size: 10px!important;  }
.pagetitle {   font-size: 16px;    padding-top: 10px; padding-bottom: 10px; }
}
  



@media screen and  (max-width: 700px){

 #mlogo, #navi_on {display:block;}
 #navicontainer {display:none;}
 #content_container {
    grid-template-columns: 1fr;
  }


.header {
  position: fixed;
  z-index: 100;
  background-color: #000;
  width: 100%;
  top: 0px;
  height:55px;
}
  

  .header > img:nth-child(6) {
    position: absolute;
    width: 40px;
    height: auto;
    top: 7px;
    right: 31px;
  }


   #content_container_rechts h2 {
    font-size: 24px;
    margin-left: 75px;
    margin-top: 5px;
  }

  #content_container_rechts h4 {
    font-size: 8px !important;
    margin-left: 75px;
    font-weight: 200;
    margin-top: -6px;
  }


  #content {
   
    margin-top: 53px;
  }
  
}



  
@font-face {
    font-family: 'Yaldevi';
    src: url('fonts/Yaldevi-ExtraLight.woff2') format('woff2'),
        url('fonts/Yaldevi-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Yaldevi';
    src: url('fonts/Yaldevi-Regular.woff2') format('woff2'),
        url('fonts/Yaldevi-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Yaldevi';
    src: url('fonts/Yaldevi-Bold.woff2') format('woff2'),
        url('fonts/Yaldevi-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Yaldevi';
    src: url('fonts/Yaldevi-Light.woff2') format('woff2'),
        url('fonts/Yaldevi-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Yaldevi';
    src: url('fonts/Yaldevi-SemiBold.woff2') format('woff2'),
        url('fonts/Yaldevi-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Yaldevi';
    src: url('fonts/Yaldevi-Medium.woff2') format('woff2'),
        url('fonts/Yaldevi-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}