/* CSS Document bamboozle */
@font-face {
    font-family: 'Scope One';
    src: url('fonts/ScopeOne-Regular.woff2') format('woff2'),
        url('fonts/ScopeOne-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Fredoka';
    src: url('fonts/Fredoka-Light.woff2') format('woff2'),
        url('fonts/Fredoka-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

.hidden-mobile {visibility: visible; display: block}
.hidden-main {visibility: hidden; display: none}

@media screen and (max-width:480px) {
.hidden-mobile {visibility: hidden; display: none}
.hidden-main {visibility: visible; display: block}
}



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  color:#111;
  background:#FFF;
  transition: 0.3s ease-out;
  overflow-x: hidden;
  width: 100%;
  font-family: 'Fredoka'; 
  font-weight:300;
  font-size: 1.4vw;
  line-height: 1.8vw;
  -webkit-text-size-adjust: 100%    
}

html {overflow-x: hidden;}

.small { font-size: 0.9vw;line-height: 1.2vw;}

/*IMAGES*/
img{
  max-width:100%;
  width: 100%;
  height:auto;
}
/*SELECTION*/
::-moz-selection { background:#0e7a45; color: #FFF; }
::selection { background:#0e7a45; color: #FFF; }

@media screen and (max-width:480px) {
    
    body { font-size: 4.8vw;line-height: 6.2vw;}
    .small {font-size: 3.6vw;line-height: 4.8vw;}

}

strong { font-weight: 500;}
/*HEADLINES*/

h1 {padding: 0em 0; font-size: 3.4vw; line-height: 3.8vw; color: #0e7a45; font-family: 'Scope One'; font-weight: normal;}
h2 {padding: 0em 0; font-size: 3.4vw; line-height: 3.8vw; color: #0e7a45; font-family: 'Scope One'; font-weight: normal;}
h3 {padding: 0em 0; font-size: 1.5vw; line-height: 1.9vw; color: #FFF; font-weight: normal;}

@media screen and (max-width:480px) {
 
    h1 {padding: 0em 0; font-size: 9.4vw; line-height: 10.8vw; color: #0e7a45; font-family: 'Scope One'; font-weight: normal;}
    h2 {padding: 0em 0; font-size: 9.4vw; line-height: 10.8vw; color: #0e7a45; font-family: 'Scope One'; font-weight: normal;}
    h3 {padding: 0em 0; font-size: 4.5vw; line-height: 5.9vw; color: #FFF; font-weight: normal;}
    
}
/*TABLE*/
table {
  border-collapse: collapse;
  border-spacing: 0; 
}
tr {border-bottom: solid 1px #FFF;}
td {padding:1% 1% 1% 0%;}
.contenttable {width: 100%;}
@media screen and (max-width:480px) {

    .contenttable {width: 100%;}
    
}

/*LIST*/

/*MAP*/
#map-box {background:#000}
#map {
	position:relative; z-index:3;width: 100%; height: 100vh; margin:0px 0 0 0;
}

a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

.hyphenate { hyphenate-limit-chars: auto 5; hyphenate-limit-lines: 2;}

.map iframe {float: left; width: 100%; height: 32em;}

.call-to-action-contact-icon-box-1 {float: left; width: auto; padding: 3.0em 4em 0 0;font-size: 1.2vw; line-height: 0.9vw; text-align: center;}
.call-to-action-contact-icon-box-1 a {color: #0e7a45; text-decoration: none;font-size: 1.0vw; line-height: 1.0vw; }
.call-to-action-contact-icon-box-2 {float: left; width: auto; padding: 3.0em 0 0 0;font-size: 1.2vw; line-height: 0.9vw; text-align: center;}
.call-to-action-contact-icon-box-2 a {color: #0e7a45; text-decoration: none;font-size: 1.0vw; line-height: 1.0vw; }
.call-to-action-contact-icon-2 {width: 4.5em; height: auto; padding: 1em 0 1.0em 0;}
.call-to-action-contact-icon-3 {width: 4.5em; height: auto; padding: 1em 0 1.0em 0;}

.slider-call-to-action {position: relative;  width: 100%; display: block; }
.call-to-action-content {position: absolute; z-index: 2; bottom: 0.2em; right:7.5%; background:  #60D804; padding:0.6em 1em 0.5em 1em; }
.call-to-action-content h2 {font-size: 1.1vw; line-height: 1.2vw;}
.call-to-action-content h3 {font-size: 1.0vw; line-height: 1.0vw;color: #000;}

.ce-div {border: none;height: 6em; width: 100%;}

@media screen and (max-width:480px) {
    
    .call-to-action-contact-icon-box-2 {float: left; width: auto; padding: 3.0em 0 8em 0;}
    .call-to-action-contact-icon-box-1 a {color: #0e7a45; text-decoration: none;font-size: 3.8vw; line-height: 3.8vw; }
    .call-to-action-contact-icon-box-2 a {color: #0e7a45; text-decoration: none;font-size: 3.8vw; line-height: 3.8vw; }
    .call-to-action-contact-icon-2 {width: 5.5em; height: auto; padding: 1em 0 1.0em 0; text-align: left; float: left;}
    .call-to-action-contact-icon-3 {width: 5.5em; height: auto; padding: 1em 0 1.0em 0; text-align: left; float: left;}
    .ce-div {border: none;height: 0em; width: 100%;}

}


/*LOADER*/
.overlay-load {position: fixed; z-index: 100; width:100%; height: 100vh; overflow: hidden; padding:0; margin: 0; background: #FFF;}
/* OVERLAY-IMAGE-BOX */
.overlay-image-100 {position: relative; z-index: 9; width:100%; height: 147vh; overflow: hidden; padding:0; margin: 0; }

.overlay-image-100 .image{
  	float:left;
    top: 0;
    left: 0;
	height: 147vh;
    width: 100%;
    overflow: hidden;
	background:#000;
	padding:0; margin: 0;
}

.overlay-image-100 .image img {
    height: 147vh;
    width: 100%;  
    object-fit: cover;
	opacity: 0.8;
    margin:0 0 0em 0;
}

.overlay-image-100 .image video {
    height: 100%;
    width: 100%;
    object-fit: cover;
	opacity: 0.8;
}

.overlay-image-caption-100 {
    position:absolute;
    top:0em;
    width: 100%;
    padding:0%;
    height: 147vh;
    margin: auto;
    overflow: hidden; 
    z-index:9;
    text-align:left;
  }
.overlay-image-caption-100  {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  }

.wave-box {position: absolute; z-index: 9;bottom:-0.2em;left: 0;width: 100vw;height: 15em;}
.wave-box img {width: 100vw;height: 15em;}


.overlay-image-caption-100 h1 {font-size: 6.2vw; line-height:7.2vw;padding: 0 0% 0 0%; margin: 0; font-weight: 300; text-align: left; color: #FFF;}


@media screen and (max-width:480px) {
    
    .overlay-image-100 {position: relative; z-index: 9; width:100%; height: 110vh; overflow: hidden; padding:0; margin: 0; }
    .overlay-image-caption-100 {height: 110vh;}
    .wave-box {position: absolute; z-index: 9;bottom: -0.2em;left: 0;width: 100vw;height: 10em;}
    .wave-box img {width: 100vw;height: 10em;}
    
}

/*TERMIN-ICON*/
.termin-Icon-inner {position: absolute; z-index: 8; width: 100%; top: 6.5em; padding: 0 0 0 0.1em; text-align: center; display:block;}
.termin-Icon-inner img{width: 6em; height: auto; margin: auto; text-align: center;}

.scrolldown-box {
    position: absolute;
    z-index: 7;
    width: 6.0em;
    height: 6.0em;
    left: 46.0%;
    top: 6.5em;

}
.scrolldown-box {
    background-image: url(../images/icons/termin-Icon-outer.png);
    background-repeat: no-repeat;
    background-size:cover;
}

.scrolldown-box {
  animation: animName 18s linear infinite;
}

@keyframes animName {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg);
   }
}

@media screen and (max-width:480px) {
    
    .termin-Icon-inner {position: absolute; z-index: 8; width: 100%; top: 2.8em; padding: 0 0 0 0.1em; text-align: center; display:block;}
    .termin-Icon-inner img{width: 5.5em; height: auto; margin: auto; text-align: center;}
    
    .scrolldown-box {
        position: absolute;
        z-index: 7;
        width: 5.5em;
        height: 5.5em;
        left: 37.0%;
        top: 2.8em;

    }
    
}

/*CONTAINER*/
.slot-main-intro {position: relative; z-index: 1; width: 100%; margin: 0 0 0 0;}
.slot-main-detail {position: relative; z-index: 1; width: 100%; margin: 10.0em 0 0 0;}

/*1-ZWEI-SPALTEN-IMAGE-LEFT-GPKH*/
.zwei-spalten-image-box {position: relative; float: left; width: 80%; padding: 3em 10% 8em 10%;text-align: left; background: #FFF;}
.zwei-spalten-image-content {float: left; width: 50%;}
.zwei-spalten-image-content strong {color: #0e7a45;}
.zwei-spalten-image-box .left {}
.zwei-spalten-image-box .right .frame-type-image {padding: 0 0 0 30%;}
.zwei-spalten-image-box .frame-type-image {width: 70%;}
.zwei-spalten-image-box .frame-type-image img {border-radius: 100%;}
.zwei-spalten-image-box .frame-type-text h1 {padding: 0 10% 0.8em 0;}
.zwei-spalten-image-box .frame-type-text h2 {padding: 0 10% 0.8em 0;}
.zwei-spalten-image-box .frame-layout-1 { padding: 4.6em 0 0 0; color: #0e7a45;}
.zwei-spalten-image-box .frame-space-before-extra-small {margin-top: 0em;}

.zwei-spalten-image-content ul {padding: 0em 0.0em 2.0em 0.0em;}
.zwei-spalten-image-content li {
	margin: 0 0 0 -0.0em;
	padding: 0em 0 0.3em 1.5em;
	list-style: none;
	background-image: url("../images/icons/act-icon.jpg");
    display: block;
	background-repeat: no-repeat;
	background-position: left top 0.4em;
	background-size: 0.6em ;
}

.zwei-spalten-image-content a{color: #0e7a45; text-decoration: none;}

@media screen and (max-width:480px) {
    
    .slot-main-detail {position: relative; z-index: 1; width: 100%; margin: 5.0em 0 0 0;}
    
    .zwei-spalten-image-box {position: relative; float: left; width: 80%; padding: 3em 10% 2em 10%;text-align: left; background: #FFF;}
    .zwei-spalten-image-content {float: left; width: 100%;}
    .zwei-spalten-image-box .right .frame-type-image {padding: 0 0 0 0%;}
    .zwei-spalten-image-box .frame-type-image {width: 100%;}
    .zwei-spalten-image-box .frame-type-text h1 {padding: 0.7em 0% 0.8em 0;}
    .zwei-spalten-image-box .frame-type-text h2 {padding: 1.2em 0% 0.8em 0;}
    .zwei-spalten-image-box .frame-layout-1 { padding: 0.0em 0 0 0; color: #0e7a45;}
    .zwei-spalten-image-box .frame-space-before-extra-small {margin-top: -4em;}
    
}
/* 3-ZWEI-SPALTEN-IMAGE-BG-BOX-GPKH */
.zwei-spalten-image-bg-box {position: relative; float: left; width: 80%; margin:0em 0; padding: 6em 10% 6em 10%;text-align: left; }
.zwei-spalten-image-bg-box {
    background-image: url("../images/container-box-bg.jpg");	
	background-color: #d9d9d9;
    background-size:cover;
    background-repeat: no-repeat;
    color: #FFF;
    }
.zwei-spalten-image-bg-box .frame-type-text h2 {padding: 0 30% 0.8em 0;color: #FFF;}
.zwei-spalten-image-bg-box .frame-layout-2 strong {color: #FFF;}

@media screen and (max-width:480px) {
    
    .zwei-spalten-image-bg-box {position: relative; float: left; width: 90%; margin:1.5em 0 0 0; padding: 6em 5% 6em 5%;text-align: left; }
    .zwei-spalten-image-bg-box {
        background-image: url("../images/container-box-bg.jpg");	
        background-color: #d9d9d9;
        background-size:cover;
        background-repeat: no-repeat;
        color: #FFF;
        }

}

/*4-ACCORDION-BOX*/
.accordion-box  {position: relative;float: left; display: block; width: 52%; padding: 0em 40% 0em 8%;}
.accordion {
    max-width: 100%;
    margin: 0.0em 0 0em 0;
    padding: 0em 0 0 0;
}

.accordion .at-tab {
  display: none;
  padding: 0.2em 0 0 0;
  margin: 0;    

}
.accordion .at-tab p{padding: 0 0 2.0em 0; margin: -2.5em 0 0 0.8em; color: #111;}

.accordion .at-title {
    cursor: pointer;
    position: relative;
    margin: 0 0 0.0em 0;
    padding:0.3em 0 1.0em 0;
    color:#000; transition: all 0.3s ease;
}

.accordion .at-title:after {
  content: url('../images/icons/plus-icon.png'); 
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  margin: -0.4em 0 0 0;
  transition: all 0.3s ease;
 font-size: 4.5vw; line-height: 4.0vw;
}

.accordion .at-title.active:after {
  content: url('../images/icons/minus-icon.png'); 
}

.accordion .at-item {
  margin:0 ;
  border-bottom: solid 1px #999;
}

.accordion .at-title h2 {
  padding: 0;
  margin: 0.1em 0 0.0em 0.2em;
  font-size: 4.4vw; line-height: 4.4vw; color: #0e7a45;  
}
.accordion h3 { color: #111; margin: 0 0 0.0em 0.8em; padding: 0 0 1.5em 0;}
.accordion .accordion-header {
  padding: 0px 0;
}

@media screen and (max-width:480px) {
    
    .accordion-box  {position: relative;float: left; display: block; width: 84%; padding: 0em 8% 0em 8%;}
    
    .accordion .at-tab p{padding: 0 0 2.0em 0; margin: -2.5em 0 0 0.5em;}
    
    .accordion .at-title h2 {
        padding: 0;
        margin: 0.1em 0 0.2em 0.2em;
        font-size: 9.4vw; line-height: 9.4vw; color: #0e7a45;  
    }
    .accordion h3 { color: #111; margin: 0 0 0.0em 0.5em; padding: 0 0 1.5em 0;}
    .accordion .accordion-header {
        padding: 0px 0;
    }
    
    .accordion .at-title:after {
      content: url('../images/icons/plus-icon-mobile.png'); 
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 10px;
      margin: -1.3em 0 0 0;
      transition: all 0.3s ease;
     font-size: 4.5vw; line-height: 4.0vw;
    }
    
    .accordion .at-title.active:after {
      content: url('../images/icons/minus-icon-mobile.png'); 
    }
    

}

/* 5-EINE-SPALTE-BOX-GPKH */
.content-box-main {position: relative; float: left; width: 82%; padding: 0em 9%;text-align: left;}

/* 6-EINE-SPALTE-BLANK-BOX-GPKH */
.eine-spalte-blank {position: relative; float: left; width: 100%; padding: 0; text-align: left;}

@media screen and (max-width:480px) { 
    
    .eine-spalte-blank {position: relative; float: left; width: 180%; padding:2em 0 0 0; margin: 0 -40%; text-align: left;}
    
}

/*FOOTER*/
.slot-footer {position: relative; float: left; width: 90%; padding: 3em 5% 3em 5%;text-align: left;color: #0e7a45;}
.slot-footer {font-size: 1.1vw; line-height:1.5vw;}
.slot-footer-box {position: relative;float: left; width: 33%;text-align: left;}
.logo-footer {float: left; width: 50%; height: auto; padding: 0 25% 3.0em 25%;} 
.slot-footer a{color: #0e7a45; text-decoration: none;}

.slot-footer .left {text-align: left;padding: 4.7em 0 0 0;}
.slot-footer .middle {text-align: center;}
.slot-footer .middle a{padding: 0 2.0em;}
.slot-footer .right {text-align: right;padding: 11.6em 0 0 0;}


@media screen and (max-width:480px) { 
    
    .slot-footer {font-size: 4.1vw; line-height:5.5vw;text-align: center;}
    .slot-footer-box {position: relative;float: left; width: 100%;text-align:center;}
    .logo-footer {float: left; width: 70%; height: auto; padding: 0 15% 3.0em 15%;} 
    
    .slot-footer .left {text-align: center; padding: 1.3em 0 4.0em 0;}
    .slot-footer .middle {text-align: center;}
    .slot-footer .middle a{padding: 0 0.5em;}
    .slot-footer .right {text-align: center; padding: 3.3em 0 0 0;}
    
}

/*BTN*/
.btn-default {
  color: #0e7a45;
  padding:0.8em 5.7em 0.8em 0em;
  margin:1.0em 0 0 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-size: 1.0vw; line-height:1.0vw;
  text-transform: none;
    font-weight: 500;
    letter-spacing: 0.0vw;
}
.btn-default {
    background-image:url(../images/icons/arrow-green.png); 
    background-repeat:no-repeat;
    background-size: 4.8em auto;
    background-position: right 0.5em center;
} 
.zwei-spalten-image-bg-box .btn-default {color: #FFF;}
.zwei-spalten-image-bg-box .btn-default {
    background-image:url(../images/icons/arrow-weiss.png); background-repeat:no-repeat;background-size: 4.8em auto;
    background-position: right 0.5em center;
}

@media screen and (max-width:480px) { 
    
    .btn-default {font-size: 3.4vw; line-height:3.4vw;}

}

/*MENU*/

.logo {position: absolute; z-index: 12; width:3.5em; height:auto; left: 5%; top: 1.8em; margin: 0 0;}
.logo-mobile-menu {position: absolute; z-index: 101; width:3.0em; height:auto; left: 5%; top: 1.8em; margin: 0 0;}
.logo-main {position: absolute; z-index: 12; width: 24%; height:auto; top: 11.5em; margin: auto 38%;}
.contact-box-mail {position: absolute; z-index: 12; right: 13.5em; top: 2.3em; width:1.1em; height:auto; padding:0;}
.contact-box-phone  {position: absolute; z-index: 12; width:auto; padding:0; right: 5.5em; top: 2.2em;}
.contact-box-phone a{color: #FFF; text-decoration: none;font-weight: 300;}

.teaser-main {position: absolute; z-index: 1; top: 11.5em; width: 24%; height: auto; margin: auto 38%;display:none;}
.teaser-main h1 {text-align: center;font-family: 'Scope One'; font-size: 3.6em; line-height: 1.0em;}

.menu-panel-contact {display: none;}
.menu-panel-contact .contact-box-mail {position: absolute; z-index: 200; right: 13.5em; top: 2.3em; width:1.1em; height:auto; padding:0;}
.menu-panel-contact .contact-box-phone  {position: absolute; z-index: 200; width:auto; padding:0; right: 5.5em; top: 2.2em;}
.menu-panel-contact .contact-box-phone a{color: #0e7a45; text-decoration: none;font-weight: 300;}
.detail .contact-box-phone a{color: #0e7a45; text-decoration: none;font-weight: 300;}

 @media screen and (max-width:480px) {      
    
    .logo {position: absolute; z-index: 12; width:3.5em; height:auto; left: 5%; top: 1.7em; margin: 0 0;}
    .logo-mobile-menu {position: absolute; z-index: 101; width:3.5em; height:auto; left: 5%; top: 1.7em; margin: 0 0;display: none;}
    .logo-main {position: absolute; z-index: 1; top: 11.5em; width: 64%; height: auto; margin: auto 18%;}
    .contact-box-mail {position: absolute; z-index: 12; right: 13.0em; top: 2.3em; width:1.1em; height:auto; padding:0;}
    .contact-box-phone  {position: absolute; z-index: 12; width:auto; padding:0; right: 4.2em; top: 2.0em;font-size: 111%;}
     
    .teaser-main {position: absolute; z-index: 1; top: 11.5em; width: 84%; height: auto; margin: auto 8%;display:none;} 
    .teaser-main h1 {text-align: center;font-family: 'Scope One'; font-size: 2.6em; line-height: 1.0em;}
     
    .menu-panel-contact .contact-box-mail {position: absolute; z-index: 200; right: 13.0em; top: 2.3em; width:1.1em; height:auto; padding:0;}
    .menu-panel-contact .contact-box-phone  {position: absolute; z-index: 200; width:auto; padding:0; right: 4.2em; top: 2.0em;font-size: 111%;} 
     
}                

/*DATENSCHUTZ*/
/* Cookie notice main container bg-cookie-box.png */
.cookie-box {
  position: fixed;
  z-index: 120;
  left: 0;
  right: 0;
  bottom: -12em;
  text-align: center;
  padding: 2em 1em 3em 1em;
  background: #0e7a45;
  transition : all 1.5s ease;
}
.slot-cookie-box{ position:relative;width: 82%;padding: 0 9%; margin: 0 0 0 0%; text-align:left;}
.cookie-box-left { float: left; width: 68%; padding: 0 2% 0 0%; text-align: left; color:#FFF;font-size: 1.0vw; line-height:1.4vw;}
.cookie-box-left a{color: #FFF; }
.cookie-box-right { float: left; width: 30%; text-align: right;}

.cookie-box--hide {
  opacity: 0;
  display: none;
  bottom: -100%;
}


.cookie-button {
  background:transparent;
  border: solid 1px #fff;
  color:#fff;
  padding: 1.0em 4.0em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 0em 0 0 0;
  font-size: 0.7em; line-height: 0.7em;
  cursor: pointer;
  border-radius: 2em;
}


@media screen and (max-width:480px) {	
	
	.cookie-box {width:90%;padding: 2em 5% 4em 5%;bottom: -32em;}
	.slot-cookie-box{ position:relative;width:90%;padding:0 5% 0% 5%; margin: 0 0 0 0%; text-align:left;}
	.cookie-box-left { float: left; width: 100%; padding: 0 0% 2em 0%; text-align: left;font-size: 4.8vw; line-height:6.4vw;}
	.cookie-box-right { float: left; width: 100%; text-align: left;}	
	
}

/*SCROLL-ICON*/
/*SCROLL-ICON*/
.scroll-box {position: absolute; z-index: 100; bottom: -3.5em;width: 100%; opacity: 1;}
.icon-scroll {transition:all 1.0s ease;background: #B64D4F; z-index:1000;}

.icon-scroll,
.icon-scroll:before {
  position: absolute;
  left: 50%;
}
.icon-scroll {
  width: 1px;
  height: 10em;
  margin-left: -1px;
  bottom: -3.0em;
  margin-top: -29px;
  box-shadow: inset 0 0 0 1px #FFF;
  background: #FFF;
  opacity:1;
  border-radius: 0px;
}

.icon-scroll:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #FFF;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
          animation-name: scroll;
}

.news-single-image-box .icon-scroll:before {
  background: #fff;
}

@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(46px);
            transform: translateY(46px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(46px);
            transform: translateY(46px);
  }
}

.hyphenate {
   hyphenate-limit-chars: auto 5;
   hyphenate-limit-lines: 2;    
      }

@media screen and (max-width:480px) {
    
    .scroll-box {position: absolute; z-index: 100; bottom: inherit; top: 80vh; width: 100%;}

    .icon-scroll {
      width: 1px;
      height: 150px;
      margin-left: -1px;
      bottom: -5.5em;
      margin-top: -29px;
      box-shadow: inset 0 0 0 1px #FFF;
      background: #FFF;
      opacity:1;
      border-radius: 0px;
    }
    
}



/*CLOSE-ICON*/
.close {
  position: absolute;
  width: 2em;
  height: 2em;
  opacity: 1;
 
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  right: 0.8em;
  content: ' ';
  height: 1.5em;
  width: 3px;
  background-color: #aeba72;
}
.close:before {
   -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.close:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.close:hover:before {
  transform: rotate(90deg);
}

.close:hover:after {
  transform: rotate(90deg);
}



/* NAVIGATION BEGINN */
/* MOBILE-MENU */

.nav-icon-box { position: fixed; z-index:100;right:5%;  top:2.4em;margin:0px 0px 0% 0%; padding:0px 0 0 0; display: block;}
.nav-icon-box { font-size: 1.0vw; line-height:1.0vw; transition:all 0.8s ease;}

/* Icon 1 */
.nav-icon-box {
  z-index:100;
  width:2.2em;
  height: 1.5em;
  position:fixed;
  right:3%; 
  top:3.5em;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  display: block; 
}

.nav-icon1 {
  z-index:11;
  width: 2.2em;
  height: 50px;
  position: absolute;
  left:0; top:0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  display: none; display:block;
}

@media screen and (max-width:480px) {
	
	.nav-icon-box {position: absolute; right:5%; top:4.3em;}
 
}

.nav-icon1 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;  
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

@media screen and (max-width:1320px) {
	
	.nav-icon1 {
	  width: 1.6em;
	}
		
}

.n1, .n2, .n3 {background: #FFF;}

.detail .n1 {background: #0e7a45;}
.detail .n2 {background: #0e7a45;}
.detail .n3 {background: #0e7a45;}

.open .n1 {background: #0e7a45;}
.open .n2 {background: #0e7a45;}
.open .n3 {background: #0e7a45;}

.nav-icon1 .n1 {
  	width: 100%;
  	top: 0px;
  	left:0%;
}

.nav-icon1 .n2 {
	width: 100%;
  	top: 0.5em;
  	left:10%;
    display: none;
}

.nav-icon1 .n3 {
	width: 60%;
	top: 0.7em;
	right:40%;
}




.nav-icon1.open span:nth-child(1) {
  top: 9px;
  left: 0px;
   width: 100%;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}


.nav-icon1.open span:nth-child(2) {
    top: 9px;
  left: 0px;
   width: 100%;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.nav-icon1.open span:nth-child(3) {
  top: 9px;
  left: 0px;
  width: 100%; 
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

@media screen and (max-width:480px) {
    
    .contact-box {position:absolute; bottom: 15em; left: 16%;width: 80%; display: none;}
    .phone-box {float:left; color: #000;font-size: 5.2vw; line-height:5.2vw;display: inline-block;margin: 0 0 1.5em 0.5em;}
    .mail-box {float:left; color: #000;font-size: 5.2vw; line-height:5.2vw;display: inline-block;margin: 0 0 0.5em 0.5em;}
	
	.nav-icon-box { position:absolute; z-index:100;right:5%;  top:2.4em;margin:0px 0px 0% 0%; padding:0px 0 0 0; display: block;}
    .nav-icon-box {font-size: 5.0vw; line-height:5.0vw;transition:all 0.8s ease;}
    
    .nav-icon-box-2 { position:fixed; z-index:100;right:2em;  top:1.2em;margin:0px 0px 0% 0%; padding:0px 0 0 0; display: block;}
    .nav-icon-box-2 {font-size: 5.0vw; line-height:5.0vw;transition:all 0.8s ease;}
    
    .close-icon-box { position:absolute; z-index:9;left: 1.1em; top:2.3em;font-size: 4.8vw; line-height:4.8vw;}

}
.menu-panel-close {position: fixed; z-index:80; top:0;right:0%;width:100%; height:100vh; padding:0% 0 0 0%; background: #0e7a45; opacity: 0.5; display:none;}
.menu-panel {position: fixed; z-index:90; top:-40em;right:-35em;width:15em; height:15em;background:transparent;border-radius: 100%;display:block;}
.menu-panel {transition: 0.5s ease-in-out; opacity: 0;}
.menu-panel-open {position: fixed; z-index:90; top:-40em;right:-35em;width:95em; height:95em;background:#FFF;border-radius: 100%;display:block;}
.menu-panel-open {transition: 0.5s ease-in-out; opacity: 1;}

.menu-mobile-container li{padding: 0.1em 0 0 0.8em;margin: 0;}

.menu-mobile a{color:#0e7a45;padding:0; transition: .2s; text-decoration: none; font-weight:normal;}
.menu-mobile a:hover{color:#000;}

.menu-mobile-act {}
.menu-mobile-act a{color:#000;padding:0; transition: .2s; text-decoration: none; font-weight:normal;}
.menu-mobile-act a:hover{color:#000;}

.menu-mobile-act {
    background-image:url(../images/icons/act-icon.jpg); 
    background-repeat:no-repeat;
    background-size: 0.33em auto;
    background-position: left 0.0em center;
} 
/*
.content-menu-box {margin: 22em 0 0 16em; display: none;font-family: 'Scope One'; text-align: left;}
*/
.content-menu-box {position: fixed; z-index:90; top:0em;right:0em;width:86%;margin: 0 0 0 14%; font-family: 'Scope One'; display:none; text-align: left;}
.content-menu-box li {list-style: none;font-size: 3.0vw; line-height: 4.8vw;}

.content {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width:480px) {
	
	#menu-panel{position: fixed; z-index:99; top:0;right:0%;width:100%; height:100vh; padding:0% 0 0 0%;display:none;}
	.menu-mobile li{list-style:none; display:block; font-size: 8.8vw; line-height:10.8vw;padding:0.2em 0 0.2em 0;}
    
    .content-menu-box {position: fixed; z-index:90; top:15em;right:0em;width:86%;margin: 0 0 0 14%; font-family: 'Scope One'; display:none; text-align: left;}
    .content-menu-box li {list-style: none;font-size: 8.0vw; line-height:9.8vw;}
	
	.content {
	  text-align: center;
	  position: absolute;
	  width: 100%;
	  top: 20%;
	  -webkit-transform: inherit;
	  -ms-transform: inherit;
	  transform: inherit;
	}	

}

/* NAVIGATION END */