/* CSS Mini Reset */
/******************/
html{color:#000;}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

.clear{ clear:both; }
.nopadl{ padding-left:0px !important;	}
.nopadr{ padding-right:0px !important; }
.nopad{padding-left:0px !important; padding-right:0px !important; }
.input_wrongdiv { display: none; color:#ff0000; }
.after_send { display: none; }
/* STYLES */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
input:focus, select:focus, textarea:focus {
    outline:none !important;
}
/*input, select, textarea {
	-moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
}*/

/*default vertical spacings */
.mhuge{
    margin-bottom:var(--m-huge);
}
.mbig{
    margin-bottom:var(--m-big);
}
.mmed{
    margin-bottom:var(--m-med);
}
.msml{
    margin-bottom:var(--m-sml);
}
.mtiny{
    margin-bottom:var(--m-tiny);
}

strong{
    font-family: "MikadoMedium";
}
body{
    font-size:var(--fs-bn);
    line-height: var(--lh-bn);
    font-family: "MikadoLight";
    color:var(--darkgreen);
    background:#F5FAD2;
    overflow-x:hidden;
}

a{
    font-family: "MikadoMedium";
    color:var(--darkgreen);
    text-decoration: underline 2px;
}
a:link, a:visited {

}
a:hover{

}
.container-fluid li{
    text-indent: -18px;
    padding-left:20px;
    padding-bottom:10px;
}
.container-fluid li:before{
    content:"-";
    margin-right:11px;
}

.input_wrongdiv{
	color: red;
}
.input_wrongdiv, .after_send{
	display: none;
}




.burgerwrap{
    position:fixed;
    right:50px;
    top:70px;
    background:var(--darkgreen);
    padding: 13px 30px;
    padding-top:6px;
    border-top-right-radius:50px;
    border-bottom-right-radius:50px;
    border: 4px solid var(--lightpurple);
    z-index:4;
}
.burgerwrap:hover{
    background:var(--bggreen);
}
.ticketwrapper{
    position:fixed;
    right:140px;
    top:70px;
    padding: 15px 30px;
    padding-left:80px;
    border-top-left-radius:50px;
    border-bottom-left-radius:50px;
    background:
        url("/img/ticket.svg") center left 20px no-repeat padding-box,
        linear-gradient(var(--lightpurple), var(--lightpurple)) padding-box,
        linear-gradient(to bottom, var(--orange), var(--lightgreen)) border-box;
    border: 4px solid transparent;
    font-family: "MikadoMedium";
    z-index:5;
}
.ticketwrapper:hover{
    background:
        url("/img/ticket.svg") center left 20px no-repeat padding-box,
        linear-gradient(var(--darkgreen), var(--darkgreen)) padding-box,
        linear-gradient(to bottom, var(--orange), var(--lightgreen)) border-box;
    border: 4px solid transparent;
    color:var(--bggreen);
}
#btn_nav{
    width:28px;
}
#right_nav{
    position:fixed;
    height:100vh;
    width:25vw;
    top:0;
    right:-25vw;
    overflow:hidden;
    display:flex;
    background:var(--bggreen);
    transition:right .5s;
    z-index:3;
    padding-top:215px;

}
#right_nav.open{
    right:0;
}
.nav{
    flex-direction: column;
}
.nav, .nav ul{
    margin:0;
    padding:0;
    list-style:none;
    width:100%;
}
.nav ul{
    display:none;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:15px;
}
.nav > li {
    min-height:50px;
    padding-left:43px;
    width:100%;
    display:flex;
    flex-wrap: wrap;
    border-bottom: 1px solid;
    border-image: linear-gradient(
        to left,
        var(--darkgreen) 0%,
        var(--green) 40%,
        var(--green) 100%
    ) 1;
    padding-top: 15px;
    padding-bottom: 12px;
}
.nav > li:first-child{
    border-top: 1px solid;
    border-image: linear-gradient(
        to left,
        var(--darkgreen) 0%,
        var(--green) 40%,
        var(--green) 100%
    ) 1;
}
.nav > li.act > a{
    color:var(--green);
}
.nav li a{
    text-decoration:none;
    font-size:var(--fs-bl);
    line-height:var(--lh-bl);
    font-family: "MikadoLight";
}
.nav li a:hover, .nav li.open > a{
    color:var(--green);
}
.nav li.bold a{
    font-family: "MikadoMedium";
}
.nav li:has(> ul){
    background: url('/img/icon_plus.svg') no-repeat top 20px right 53px;
    background-size:20px auto;
}
.nav li.open{
    background: var(--lightestgreen) url('/img/icon_minus_green.svg') no-repeat top 20px right 53px;
    background-size:20px auto;
}
.nav li > ul > li > a{
    font-size: var(--fs-hn);
    line-height: var(--lh-hn);
    font-family: "MikadoLight" !important;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}
.nav li > ul > li.act > a{
    font-family: "MikadoBold" !important;
    color:var(--green);
}
#logo{
    position:absolute;
    left:var(--m-med);
    top:var(--m-med);
    z-index:1;
}
#burgerwrapper{
    background: var(--darkgreen);
}
#darklayer{
    z-index:2;
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background: rgba(0,0,0,0.5);
    display:none;
}
.topnav{
    position:fixed;
    right: 303px;
    top: 77px;
    display:flex;
    flex-wrap:nowrap;
    z-index:2;
    background-color:var(--bggreen);
    height: 50px;
    align-items:center;
    overflow:hidden;
    max-width:100vw; /* größer als die tatsächliche Breite */
    transition:max-width .5s, padding-right .5s;
    background:
        linear-gradient(var(--bggreen), var(--bggreen)) padding-box,
        linear-gradient(to bottom, var(--orange), var(--lightgreen)) border-box;
    border: 3px solid transparent;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;

}
.topnav.off{
    max-width:0;
    padding-right:0;
}
.topnav li{
    display:block;
    text-indent:0;
    margin-left:0;
    padding-bottom:0;
    height:50px;
    border-right:2px solid #fff;
    display:flex;
    align-items:center;
    flex-shrink:0;
    padding:0 20px;
    flex:1;
}
.topnav li:hover{
    background:var(--darkgreen);
}
.topnav li:hover a{
    color:var(--bggreen);
}
.topnav li a{
    text-decoration:none;
    white-space:nowrap;
}

/*TEXT*/

.twocol_txt, .txtimgleft{
    font-size:var(--fs-big);
    line-height:var(--lh-big);
}
.txtimgright, .purpletxtbox  {
    font-size:var(--fs-med);
    line-height:var(--lh-med);
}

.txtblockbg .bgcolor{
    background: var(--lightestgreen);
    border: 1px solid var(--darkgreen);
    border-radius: 60px;
    padding: 45px 25px 30px 55px;
}
.txtimgright img, .txtimgleft img, .purpletxtbox img, .orangetxtbox img, .lightestgreentxtboxleft img, .lightestgreentxtboxright img{
    width:100%;
}
.txtimgright table{
    border:none;
}
.txtimgright tr{
    border-bottom: 2px solid;
    border-image: linear-gradient( to left, var(--darkgreen) 0%, var(--green) 40%, var(--green) 100% ) 1;
}
.bird_text{
    width:150px !important;
    padding-bottom:60px;
    padding-top: 80px;
    height:auto;
}
.bird_purplebg{
    width: 165px !important;
    height: auto;
    position:absolute;
    right: 20px;
    top: -60px;
}
.txtimgleft h1{
    padding-top: 80px;
}
.tirtext{
    padding-top:280px;
}
.accordiontxt{
    background:url(/img/icon_plus.svg) no-repeat top 20px right 50px var(--lightestgreen);
    padding:15px 50px;
    padding-top:20px;
    border: 1px solid var(--darkgreen);
    border-radius:60px;
    cursor:pointer;
}
.accordiontxt h5{
    padding-bottom:0;
}
.toggle_container table{
    border:none;
    width:66.667% !important;
}
.toggle_container tr{
    border-bottom: 2px solid var(--darkgreen);
}
.toggle_container tr:last-child{
    border-bottom: none;
}
.toggle_container{
    padding-top:15px;
}
.purplebg{
    background:var(--lightpurple);
    padding:var(--m-med);
    border-radius:60px;
    position:relative;
}
.orangebg{
    background:var(--orange);
    padding:var(--m-med);
    border-radius:60px;
    margin-top:150px;
}
.orangebg .button_green{
    padding: 5px 25px;
    padding-right: 100px;
}
.orangetxtbox img {
  width: 120%;
}
.lightestgreentxtboxleft img{
    width:110%;
}
.lightestgreentxtboxright img{
    width: 110%;
    margin-left: -140px;
    margin-top: -90px;
    z-index: -1;
    position: relative;
}
.lightgreenbg{
    background:var(--lightestgreen);
    padding:var(--m-med);
    border-radius:60px;
    border:1px solid var(--darkgreen);
}
.lightgreenbg table{
    border:none;
}
.lightgreenbg tr{
    border-bottom: 2px solid var(--darkgreen);
}
.lightgreenbg td{
    padding:5px 0;
}
.txtgroup_two .lightgreenbg{
    padding: 60px 45px;
}
.txtimgpurple .purplebg {
    padding:0 var(--m-sml);
}
.txtimgpurple_text{
    padding-top:var(--m-med);
    padding-bottom:var(--m-med);
}
.txtimghalf h3{
    padding-top: 100px;
}
.animalstxt img{
    width: 110%;
    margin-top: -90px;
    z-index: -1;
    position: relative;
}
.historytxtright img{
    width: 110%;
    margin-top: -130px;
    z-index: -1;
    position: relative;
    margin-right: -90px;
}
.historytxtleft img{
    width: 110%;
    margin-top: -130px;
    z-index: -1;
    position: relative;
    margin-left: -90px;
}
.animalinfo, .historyinfo{
    background:var(--lightestgreen);
    padding:30px;
    border-radius: 60px;
}




/*TEASER*/

.bgwhite{
    margin-bottom: 30px;
}
.bgwhite .teaserbox_inner{
    background: var(--lightestgreen);
    border-radius: 60px;
    border: 1px solid var(--darkgreen);
    padding: 50px;
    transition: .2s all;
}
.bgwhite .teaserbox_inner:hover{
    box-shadow: 9px 9px 14px -3px rgba(0,0,0,0.7);
    padding: 50px;
    border: 6px solid transparent;
    border-radius: 60px;
    background:
        linear-gradient(var(--lightpurple), var(--lightpurple)) padding-box,
        linear-gradient(to top, #B880BC, var(--lightpurple)) border-box;
}
.bgwhite a{
    color: var(--darkgreen);
    background: url('/img/arrow_darkgreen.svg') no-repeat center right 20px, linear-gradient(0deg,rgba(184, 128, 188, 1) 0%, rgba(209, 182, 211, 1) 60%);
    background-size: 30px auto;
    font-size:18px;
    font-family: "MikadoMedium";
    text-decoration:none;
    padding: 5px 25px;
    padding-right:100px;
    border-radius:50px;
    margin-right:20px;
    margin-top: 25px;
    display:inline-block;
}
.bgwhite:hover a{
    color: var(--darkgreen);
    background: url('/img/arrow_darkgreen.svg') no-repeat center right 20px, linear-gradient(0deg,rgba(206, 221, 109, 1) 0%, rgba(223, 231, 171, 1) 60%);
    background-size: 30px auto;
    font-size:18px;
    font-family: "MikadoMedium";
    text-decoration:none;
    padding: 5px 25px;
    padding-right:100px;
    border-radius:50px;
    margin-right:20px;
    margin-top: 25px;
    display:inline-block;
}
.threecol h2, .twocol h2, .contentboxes h2, .cbimgbg h2, .withfilter h2{
    font-size: var(--fs4);
    line-height: var(--lh4);
}
.teaserbox_inner{
    position:relative;
}
.explainboxes .teaserbox_inner, .explainboxes .teaserbox_inner:hover{
    padding:15px;
    padding-top:0;
    text-align:center;
}
.txtsmlhover, .explainboxes a {
    display: none;
}
.explainboxes .teaserbox_inner:hover .txtsmlhover, .explainboxes .teaserbox_inner:hover .explainboxes a {
    display: inline;
}
.explainboxes .teaserbox_inner:hover{
    padding:10px;
}
.explainboxes .teaserbox_inner a{
    font-size:var(--fs-bxs) !important;
    line-height:var(--lh-bxs) !important;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 10px;
    padding-right: 60px;
}
.explainboxes{
    margin-bottom:60px;
}
.explainboxes h2{
    font-size: var(--fs6);
    line-height: var(--lh6);
}
.explainboxes img{
    width:auto;
    height:100px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}
.contentboxes{
    margin-bottom:var(--m-huge);
}
.contentboxes:hover::after, .cbimgbg .fgimgw:hover::after, .cbhalf:hover::after, .newscontentwrapper:hover::after{
    background:url('/img/arrow_link.svg') no-repeat center center, linear-gradient(0deg,rgba(184, 128, 188, 1) 0%, rgba(209, 182, 211, 1) 60%);
}
.contentboxes:hover h2{
    background:var(--lightpurple);
    border:1px solid var(--lightpurple);
}
.contentboxes:hover img{
    box-shadow: 9px 9px 14px -3px rgba(0,0,0,0.7);
    border: 6px solid transparent;
    border-radius: 60px;
    background:
        linear-gradient(var(--lightpurple), var(--lightpurple)) padding-box,
        linear-gradient(to bottom, #B880BC, var(--lightpurple)) border-box;
}
.contentboxes .teaserbox_inner{
    position:relative;
}
.contentboxes::after, .cbimgbg .fgimgw::after, .cbhalf::after, .withfilter::after, .newscontentwrapper::after{
    content:'';
    position:absolute;
    top: 20px;
    right:30px;
    background:url('/img/arrow_link.svg') no-repeat center center var(--lightestgreen);
    width:50px;
    height:50px;
    border-radius:50px;
}
.contentboxes img, .cbhalf img, .withfilter img{
    width:100%;
    border-radius:60px;
    transition: .2s all;
}
.contentboxes h2{
    text-align: center;
    background: var(--lightestgreen);
    border: 1px solid var(--darkgreen);
    border-radius:40px;
    margin-top: -80px;
    z-index:1;
    position: relative;
    padding-top:20px;
}
.contentboxes h2.cp {
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-top:1px solid var(--lightestgreen);
}
.contentboxes a{
    text-decoration:none;
}
.cp1::before{
    background: url("/img/cp1.svg") no-repeat;
    background-size: 100% auto;
    content: '';
    height: 30px;
    width: 100.7%;
    display: inline-block;
    position: absolute;
    left: -1px;
    top: -31px;
}
.contentboxes:hover .cp1::before{
    background: url("/img/cp1_hover.svg") no-repeat;
    background-size: 100% auto;
    content: '';
    height: 31px;
    width: 100.7%;
    display: inline-block;
    position: absolute;
    left: -1px;
    top: -31px;
}

.cp2::before{
    background: url("/img/cp2.svg") no-repeat;
    background-size: 100% auto;
    content: '';
    height: 34px;
    width: 101%;
    display: inline-block;
    position: absolute;
    left: -1px;
    top: -33px;
}
.contentboxes:hover .cp2::before{
    background: url("/img/cp2_hover.svg") no-repeat;
    background-size: 100% auto;
    content: '';
    height: 34px;
    width: 101%;
    display: inline-block;
    position: absolute;
    left: -1px;
    top: -33px;
}
.cp3::before{
    background: url("/img/cp3.svg") no-repeat;
    background-size: 100% auto;
    content: '';
    height: 40px;
    width: 101%;
    display: inline-block;
    position: absolute;
    left: -1px;
    top: -41px;
}
.contentboxes:hover .cp3::before{
    background: url("/img/cp3_hover.svg") no-repeat;
    background-size: 100% auto;
    content: '';
    height: 40px;
    width: 101%;
    display: inline-block;
    position: absolute;
    left: -1px;
    top: -40px;
}
.cp4::before{
    background: url("/img/cp4.svg") no-repeat;
    background-size: 100% auto;
    content: '';
    height: 25px;
    width: 100.7%;
    display: inline-block;
    position: absolute;
    left: -1px;
    top: -26px;
}
.contentboxes:hover .cp4::before{
    background: url("/img/cp4_hover.svg") no-repeat;
    background-size: 100% auto;
    content: '';
    height: 25px;
    width: 100.7%;
    display: inline-block;
    position: absolute;
    left: -1px;
    top: -25px;
}
.cp5::before{
    background: url("/img/cp5.svg") no-repeat;
    background-size: 100% auto;
    content: '';
    height: 45px;
    width: 100.9%;
    display: inline-block;
    position: absolute;
    left: -1px;
    top: -41px;
}
.contentboxes:hover .cp5::before{
    background: url("/img/cp5_hover.svg") no-repeat;
    background-size: 100% auto;
    content: '';
    height: 45px;
    width: 100.9%;
    display: inline-block;
    position: absolute;
    left: -1px;
    top: -40px;
}
.cp6::before{
    background: url("/img/cp6.svg") no-repeat;
    background-size: 100% auto;
    content: '';
    height: 34px;
    width: 101.9%;
    display: inline-block;
    position: absolute;
    left: -4px;
    top: -33px;
}
.contentboxes:hover .cp6::before{
    background: url("/img/cp6_hover.svg") no-repeat;
    background-size: 100% auto;
    content: '';
    height: 34px;
    width: 101.9%;
    display: inline-block;
    position: absolute;
    left: -4px;
    top: -32px;
}
.cp7::before{
    background: url("/img/cp7.svg") no-repeat;
    background-size: 100% auto;
    content: '';
    height: 45px;
    width: 101%;
    display: inline-block;
    position: absolute;
    left: -2px;
    top: -46px;
}
.contentboxes:hover .cp7::before{
    background: url("/img/cp7_hover.svg") no-repeat;
    background-size: 100% auto;
    content: '';
    height: 39px;
    width: 101%;
    display: inline-block;
    position: absolute;
    left: -2px;
    top: -39px;
}
.cp8::before{
    background: url("/img/cp8.svg") no-repeat;
    background-size: 100% auto;
    content: '';
    height: 27px;
    width: 100.9%;
    display: inline-block;
    position: absolute;
    left: -1px;
    top: -28px;
}
.contentboxes:hover .cp8::before{
    background: url("/img/cp8_hover.svg") no-repeat;
    background-size: 100% auto;
    content: '';
    height: 27px;
    width: 100.9%;
    display: inline-block;
    position: absolute;
    left: -1px;
    top: -27px;
}
.cbimgbg a{
    text-decoration:none;
}
.cbimgbg a:hover{
    text-decoration:none;
    color:var(--darkgreen);
}
.cbimgbg .cbimgbg_imgwrapper{
    width:100%;
    aspect-ratio: 1 / 1;
    position:relative;
}
.cbimgbg .fgimgw{
    position:absolute;

    z-index:1;
    bottom:0;
    right:0;
    bottom:0;
}
.cbimgbg .fgimgw img {
    border-radius:60px;
}
.cbimgbg:nth-child(2n) .fgimgw {
    right:50%;
    transform:translateX(50%);
}
.cbimgbg:nth-child(3n) .fgimgw {
    right:inherit;
    left:0;
}
.cbimgbg .cbimgtxt {
    width:60%;
    margin-left: auto;
}
.cbimgbg:nth-child(2n) .cbimgtxt {
    margin-right:auto;
}
.cbimgbg:nth-child(3n) .cbimgtxt {
    margin-left:inherit;
    margin-right:auto;

}
.cbimgbg .isbgimg {
    position:absolute;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:0;
    left: 0;
    top: 0;
}
.cbimgbg h4{
    padding-bottom:5px;
    padding-top:30px;
}
.cbimgbg .teaserbox_inner{
    text-align: center;
}
.cbhalf a{
    text-decoration: none;
}
.cbhalf h2{
    font-size:var(--fs5);
    line-height:var(--lh5);
    background:var(--lightestgreen);
    padding-bottom:20px;
    padding-top:20px;
    text-align: center;
    border-radius:60px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 1px solid var(--lightestgreen);
    border:1px solid var(--darkgreen);
    margin-top: -70px;
    z-index: 2;
    position: relative;
}
.cbhalf:hover h2{
    background:var(--lightpurple);
    border:1px solid var(--lightpurple);
}
.cbhalf:hover img{
    box-shadow: 9px 9px 14px -3px rgba(0,0,0,0.7);
    border: 6px solid transparent;
    border-radius: 60px;
    background: linear-gradient(var(--lightpurple), var(--lightpurple)) padding-box, linear-gradient(to bottom, #B880BC, var(--lightpurple)) border-box;
}
.cbhalf:first-child h2::before{
    background: url("/img/cp1_long.svg");
    background-size: 100% auto;
    content: '';
    height: 58px;
    width: 100.9%;
    display: inline-block;
    position: absolute;
    left: -2px;
    top: -58px;
}
.cbhalf:first-child:hover h2::before{
    background: url("/img/cp1_long_hover.svg");
    background-size: 100% auto;
    content: '';
    height: 58px;
    width: 100.9%;
    display: inline-block;
    position: absolute;
    left: -2px;
    top: -58px;
}
.cbhalf:last-child h2::before{
    background: url("/img/cp2_long.svg");
    background-size: 100% auto;
    content: '';
    height: 44px;
    width: 100.4%;
    display: inline-block;
    position: absolute;
    left: -1px;
    top: -43px;
}
.cbhalf:last-child:hover h2::before{
    background: url("/img/cp2_long_hover.svg");
    background-size: 100% auto;
    content: '';
    height: 44px;
    width: 100.4%;
    display: inline-block;
    position: absolute;
    left: -1px;
    top: -43px;
}
.withfilter{
    margin-bottom:var(--m-tiny);
}



/*SNIPPETS*/

.newsletter{
    margin-top:200px;
}
.newslettergreen{
    background:var(--darkgreen);
    color:#FFF6E5;
    padding:35px 50px;
    border-radius: 60px;
    z-index: 1;
    position: relative;
}
.newslettergreen h3{
    color:#FFF6E5 !important;
}
#abonnieren{
    background: url('/img/arrow_darkgreen.svg') no-repeat center right 20px, linear-gradient(0deg,rgba(239, 203, 0, 1) 0%, rgba(255, 155, 64, 1) 60%);
    border-radius:50px;
    padding: 3px 19px;
    padding-right:100px;
    margin-left: -30px;
    margin-top:70px;
    color:var(--darkgreen);
    font-family: "MikadoMedium";
}
#email{
    border-radius:50px;
    padding: 3px 19px;
}
.newsletter img{
    width:80%;
    height: auto;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top: -400px;
    z-index: 0;
    position: relative;
}

.homesnippet{
    margin-top:-70px;
}
.snippetnavwrapper{
    background:
        linear-gradient(var(--bggreen), var(--bggreen)) padding-box,
        linear-gradient(to bottom, var(--orange), var(--lightgreen)) border-box;
    border: 3px solid transparent;
    border-radius:50px;
    align-content: center;
}
.sn_border{
    background:
        url("/img/arrow_darkgreen.svg") top 15px right 20px no-repeat padding-box,
        linear-gradient(var(--bggreen), var(--bggreen)) padding-box,
        linear-gradient(to bottom, var(--orange), var(--lightgreen)) border-box;
    border-right: 3px solid transparent;
    cursor:pointer;
}
.sn_border:first-child{
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
.sn_border:last-child{
    border:none;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.sn_border:hover{
    background: url('/img/arrow_darkgreen.svg') no-repeat top 15px right 20px, linear-gradient(0deg,rgba(206, 221, 109, 1) 0%, rgba(223, 231, 171, 1) 60%);
}
.snippetnavwrapper span{
    display:block;
}
.sn_txt{
    display: inline-block;
    padding-left:20px;
}
.sn_inner {
  padding: 10px 40px 10px 40px;
}
.sn_inner img{
    vertical-align: top;
    padding-top:2px;
}


/*GALERIE*/

.galshape{
    position:relative;
}
.galshape .isbgimg{
    z-index:0;
    position:absolute;
    bottom: 0;
    left:0;
}
.galtxt{
    background:var(--bggreen);
    box-shadow: 9px 9px 14px -3px rgba(0,0,0,0.7);
    border: 8px solid transparent;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 10px;
    background:
        linear-gradient(var(--bggreen), var(--bggreen)) padding-box,
        linear-gradient(to bottom, #B880BC, var(--lightpurple)) border-box;
    padding: 30px;
    width:25%;
    position: absolute;
    bottom:240px;
    z-index: 1;
    border-bottom:none;
    padding-bottom: 0px
}
.galtxt::after{
    background: url("/img/cpyellow.png");
    background-size: 100% auto;
    content: '';
    height: 145px;
    width: 107.2%;
    display: inline-block;
    position: absolute;
    left: -8px;
    z-index:-1;
    top:calc(100% - 10px);
}
.gallink_purple::after{
    background: url("/img/cppurple.png");
    background-size: 100% auto;
    content: '';
    height: 70px;
    width: 113%;
    display: inline-block;
    position: absolute;
    left: -6px;
    top: -57px;
    z-index: -1;
}
.galshape .slick-arrow{
    display:none !important;
}
.topslider {
    position: relative;
    clip-path: url(#topshape);
    overflow:hidden;
}
.topslider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.topslider::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,.5) 0%,
        rgba(0,0,0,0) 35%
    );
    z-index: 2;
    pointer-events: none;
}

.oneimg img, .oneimgslider img{
    width:100%;
    border-radius: 60px;
}

.siximgsnolabel img, .threeimgslabel img, .twoimgslabel img {
    width: 33.334%;
    border-radius: 60px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
}
.twoimgslabel img{
    width: 50%;
}
.oneimgslider .slick-prev, .oneimgslider .slick-prev{
    background:url('/img/arrow_previous.svg') no-repeat center center;
    width: 35px;
    height: 70px;
    background-size: 25px auto;
    left: -55px;
}
.oneimgslider .slick-next{
    background:url('/img/arrow_next.svg') no-repeat center center;
    width: 35px;
    height: 70px;
    background-size: 25px auto;
    right: -55px;
}
.oneimgslider .slick-prev::before, .oneimgslider .slick-next::before{
    display:none;
}
.parallaxorangetxt, .parallaxpurpletxt{
    background:var(--orange);
    border-radius: 60px;
    box-shadow: 9px 9px 14px -3px rgba(0,0,0,0.7);
    padding:70px;
    position: relative;
    margin-top: -170px;
}
.parallaxpurpletxt{
    background:var(--lightpurple);
}
.parallaxorangetxt h1{
    font-family: "newbeginnings";
    color:var(--bggreen);
}
.parallaxorange img, .parallaxpurple img{
    width:100%;
}
.parallaxorange::before, .parallaxpurple::before{
    background: url("/img/topwave.png");
    background-size: 100% auto;
    content: '';
    height: 50px;
    width: 100%;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0;
}
.parallaxorange::after, .parallaxpurple::after{
    background: url("/img/bottomwave.png");
    background-size: 100% auto;
    content: '';
    height: 70px;
    width: 100%;
    display: inline-block;
    position: absolute;
    bottom: 303px;
}
.parallaxorangetxtwrapper, .parallaxpurpletxtwrapper {
    z-index: 1;
    position: relative;
}
.butterfly{
    position: absolute;
    left: 45px;
    top: -78px;
    width:140px !important;
    height:auto;
}
.orangetxtplant{
    width: 110% !important;
    margin-top: -370px;
    margin-left: -40px
}
.purpletxtplant{
    width: 85% !important;
    margin-top: -825px;
    margin-left: 100px;
}
.twoimgvisslider img{
    width:630px !important;
    padding-left:10px;
    padding-right:10px;
    border-radius: 60px;
}
.cbfullwidth{
    position:relative;
}
.twoimgvisslider::before, .cbfullwidth::before{
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgba(245, 250, 210, 1) 0%,
        rgba(245, 250, 210, 0) 10%
    );
    z-index: 2;
    pointer-events: none;
}
.twoimgvisslider::after, .cbfullwidth::after{
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to left,
        rgba(245, 250, 210, 1) 0%,
        rgba(245, 250, 210, 0) 10%
    );
    z-index: 2;
    pointer-events: none;
}
.navgal img{
    height:80vh;
    width:100%;
    object-fit:cover;
}


.sizechange {
    overflow: visible;
}
.sizechangeslide img {
    width: 100%;
    height:auto;
    border-radius: 45px;
    padding:0 10px;
    clip-path: polygon(100% 0, 100% 80%, 0 100%, 0 20%);
}



/*NEWS*/

.newscontent img{
    width:100%;
    border-radius: 60px;
}
.newscontent:hover img{
    border: 6px solid var(--lightpurple);
    /*transition: .2s all;*/
}
.newscontent .newsinfo{
    background:var(--lightestgreen);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    border:1px solid var(--darkgreen);
    border-top: 1px solid var(--lightestgreen);
    margin-top:-100px;
    z-index:1;
    position:relative;
    padding:28px;
    /*transition: .2s all;*/
}
.newscontent:hover .newsinfo{
    box-shadow: 9px 9px 14px -3px rgba(0,0,0,0.7);
    border: 6px solid transparent;
    background: linear-gradient(var(--lightpurple), var(--lightpurple)) padding-box, linear-gradient(to top, #B880BC, var(--lightpurple)) border-box;
    border-top:none;
    padding:22px;
}
.newsinfo span{
    font-size:var(--fs-bxs);
    line-height:var(--lh-bxs);
    padding-bottom:10px;
    display:block;
    font-family: "MikadoLight";
}
.newscontent .txtsmlhover{
    display:none;
    font-size:var(--fs-bn) !important;
    line-height:var(--lh-bn) !important;
}
.newscontent:hover .txtsmlhover{
    display:inline;
}
.newscontentwrapper a{
    text-decoration: none;
    color:var(--darkgreen);
}


.newscontent .cp1::before{
    height: 43px;
    width: 101.3%;
    left: -3px;
    top: -44px;
}
.newscontent:hover .cp1::before{
    background: url("/img/cp1_hover.svg") no-repeat;
    background-size: 100% auto;
    height: 44px;
    width: 101.3%;
    left: -4px;
    top: -42px;
}
.newscontent .cp2::before{
    height: 48px;
    left: -2px;
    top: -49px;
}
.newscontent:hover .cp2::before{
    background: url("/img/cp2_hover.svg") no-repeat;
    background-size: 100% auto;
    height: 50px;
    top: -48px;
}
.newscontent .cp3::before{
    width: 103.3%;
    left: -4px;
}
.newscontent:hover .cp3::before{
    background: url("/img/cp3_hover.svg") no-repeat;
    background-size: 100% auto;
    width: 103%;
    left: -4px;
    top: -40px;
}
.newscontent .cp4::before{
    height: 34px;
    width: 100.8%;
    top: -35px;
}
.newscontent:hover .cp4::before{
    background: url("/img/cp4_hover.svg") no-repeat;
    background-size: 100% auto;
    height: 36px;
    top: -35px;
}
.newscontent .cp5::before{
    height: 61px;
    top: -62px;
}
.newscontent:hover .cp5::before{
    background: url("/img/cp5_hover.svg") no-repeat;
    background-size: 100% auto;
    height: 62px;
    top: -61px;
}
.newscontent .cp6::before{
    height: 65px;
    width: 101.1%;
    left: -2px;
    top: -66px;
}
.newscontent:hover .cp6::before{
    background: url("/img/cp6_hover.svg") no-repeat;
    background-size: 100% auto;
    height: 66px;
    width: 101.1%;
    left: -2px;
    top: -64px;

}
.newscontent .cp7::before{
    height: 63px;
    width: 100.8%;
    left: -1px;
    top: -64px;
}
.newscontent:hover .cp7::before{
    background: url("/img/cp7_hover.svg") no-repeat;
    background-size: 100% auto;
    height: 56px;
    top: -53px;
}
.newscontent .cp8::before{
    height: 37px;
    width: 100.9%;
    top: -38px;
}
.newscontent:hover .cp8::before{
    background: url("/img/cp8_hover.svg") no-repeat;
    background-size: 100% auto;
    height: 37px;
    top: -37px;
}


.backbtn{
    color: var(--darkgreen);
    background:url(/img/arrow_back.svg) no-repeat center left 20px, linear-gradient(0deg,rgba(206, 221, 109, 1) 0%, rgba(223, 231, 171, 1) 60%);
    background-size:30px auto;
    border-radius:50px;
    padding:5px;
    padding-left:76px;
    width:350px;
    margin-bottom: var(--m-big);
    text-decoration:none;
}
.backbtn:hover{
    color:var(--darkgreen);
}

.smlinks{
    background:var(--lightestgreen);
    border:1px solid var(--darkgreen);
    border-radius: 50px;
    padding:10px;
}



/*TIERE*/

/*.hovertxtanimal{
    display:none;
    z-index:2;
    position: absolute;
    top: 0;
    background:var(--lightestgreen);
    border-radius:45px;
    padding:90px 10px;
}
.contentboxes.ex .hovertxtanimal{
    border: 8px solid #000;
}
.contentboxes.ew .hovertxtanimal{
    border: 8px solid var(--darkpurple);
}
.contentboxes.cr .hovertxtanimal{
    border: 8px solid var(--darkred);
}
.contentboxes.en .hovertxtanimal{
    border: 8px solid var(--red);
}
.contentboxes.vu .hovertxtanimal{
    border: 8px solid var(--orange);
}
.contentboxes.nt .hovertxtanimal{
    border: 8px solid var(--yellow);
}
.contentboxes.lc .hovertxtanimal{
    border: 8px solid var(--green);
}
.contentboxes.dd .hovertxtanimal{
    border: 8px solid var(--grey);
}*/

#shopitemwrapper .contentboxes:hover .hovertxtanimal{
    display:block;
}
#shopitemwrapper .contentboxes {
    margin-bottom:20px !important;
}
#filterwrapper{
     padding-left:25px;
     position:relative;
}
#filterwrapper .select2-selection{
    background:var(--lightestgreen);
    border:1px solid var(--darkgreen);
    border-radius:50px;
    padding: 7px 25px;
    width:300px;
    z-index: 1;
    position: relative;
    margin-bottom:30px;
}
/*.select2-dropdown{
    background-color:var(--lightpurple) !important;
    width:300px !important;
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    padding-top: 40px;
    padding-bottom: 20px;
    margin-top: -60px;
    z-index:0 !important;
    position: relative !important;
    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.4);
}
.select2-results__option{
    padding-left:20px !important;
}*/
.deletefilter{
    background: url(/img/deletefilter.svg) no-repeat center left;
    padding-left:20px;
    position: absolute;
    top: -18px;
    right: 23px;
    font-size:var(--fs-bs);
    line-height:var(--lh-bs);
}
.redlistcat{
    position: absolute;
    top: 20px;
    right: 30px;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    text-align: center;
    align-content: center;
    color: #fff;
    text-transform: uppercase;
    z-index: 3;
}

.redlistcat.dd{
    background:var(--grey);
}
.redlistcat.lc{
    background:var(--green);
    color:#000;
}
.redlistcat.nt{
    background:var(--yellow);
    color:#000;
}
.redlistcat.vu{
    background:var(--orange);
    color:#000;
}
.redlistcat.en{
    background:var(--red);
}
.redlistcat.cr{
    background:var(--darkred);
}
.redlistcat.ew{
    background:var(--darkpurple);
}
.redlistcat.ex{
    background:#000;
}

.contentboxes.dd:hover h2{
    background: var(--grey);
    border: 1px solid var(--grey);
}
.contentboxes.lc:hover h2{
    background: var(--green);
    border: 1px solid var(--green);
}
.contentboxes.nt:hover h2{
    background: var(--yellow);
    border: 1px solid var(--yellow);
}
.contentboxes.vu:hover h2{
    background: var(--orange);
    border: 1px solid var(--orange);
}
.contentboxes.en:hover h2{
    background: var(--red);
    border: 1px solid var(--red);
}
.contentboxes.cr:hover h2{
    background: var(--darkred);
    border: 1px solid var(--darkred);
}
.contentboxes.ew:hover h2{
    background: var(--darkpurple);
    border: 1px solid var(--darkpurple);
}
.contentboxes.ex:hover h2{
    background: #000;
    border: 1px solid #000;
}

.contentboxes.ex:hover h2, .contentboxes.ew:hover h2, .contentboxes.cr:hover h2, .contentboxes.en:hover h2, .contentboxes.dd:hover h2{
    color:#fff;
}

.contentboxes.dd:hover img{
    border:6px solid var(--grey);
}
.contentboxes.lc:hover img{
    border:6px solid var(--green);
}
.contentboxes.nt:hover img{
    border:6px solid var(--yellow);
}
.contentboxes.vu:hover img{
    border:6px solid var(--orange);
}
.contentboxes.en:hover img{
    border:6px solid var(--red);
}
.contentboxes.cr:hover img{
    border:6px solid var(--darkred);
}
.contentboxes.ew:hover img{
    border:6px solid var(--darkpurple);
}
.contentboxes.ex:hover img{
    border:6px solid #000;
}

.contentboxes.dd:hover .cp1::before{
    background: url("/img/cp1_dd.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.lc:hover .cp1::before{
    background: url("/img/cp1_lc.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.nt:hover .cp1::before{
    background: url("/img/cp1_nt.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.vu:hover .cp1::before{
    background: url("/img/cp1_vu.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.en:hover .cp1::before{
    background: url("/img/cp1_en.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.cr:hover .cp1::before{
    background: url("/img/cp1_cr.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.ew:hover .cp1::before{
    background: url("/img/cp1_ew.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.ex:hover .cp1::before{
    background: url("/img/cp1_ex.svg") no-repeat;
    background-size: 100% auto;
}

.contentboxes.dd:hover .cp2::before{
    background: url("/img/cp2_dd.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.lc:hover .cp2::before{
    background: url("/img/cp2_lc.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.nt:hover .cp2::before{
    background: url("/img/cp2_nt.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.vu:hover .cp2::before{
    background: url("/img/cp2_vu.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.en:hover .cp2::before{
    background: url("/img/cp2_en.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.cr:hover .cp2::before{
    background: url("/img/cp2_cr.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.ew:hover .cp2::before{
    background: url("/img/cp2_ew.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.ex:hover .cp2::before{
    background: url("/img/cp2_ex.svg") no-repeat;
    background-size: 100% auto;
}

.contentboxes.dd:hover .cp3::before{
    background: url("/img/cp3_dd.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.lc:hover .cp3::before{
    background: url("/img/cp3_lc.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.nt:hover .cp3::before{
    background: url("/img/cp3_nt.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.vu:hover .cp3::before{
    background: url("/img/cp3_vu.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.en:hover .cp3::before{
    background: url("/img/cp3_en.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.cr:hover .cp3::before{
    background: url("/img/cp3_cr.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.ew:hover .cp3::before{
    background: url("/img/cp3_ew.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.ex:hover .cp3::before{
    background: url("/img/cp3_ex.svg") no-repeat;
    background-size: 100% auto;
}

.contentboxes.dd:hover .cp4::before{
    background: url("/img/cp4_dd.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.lc:hover .cp4::before{
    background: url("/img/cp4_lc.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.nt:hover .cp4::before{
    background: url("/img/cp4_nt.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.vu:hover .cp4::before{
    background: url("/img/cp4_vu.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.en:hover .cp4::before{
    background: url("/img/cp4_en.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.cr:hover .cp4::before{
    background: url("/img/cp4_cr.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.ew:hover .cp4::before{
    background: url("/img/cp4_ew.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.ex:hover .cp4::before{
    background: url("/img/cp4_ex.svg") no-repeat;
    background-size: 100% auto;
}

.contentboxes.dd:hover .cp5::before{
    background: url("/img/cp5_dd.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.lc:hover .cp5::before{
    background: url("/img/cp5_lc.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.nt:hover .cp5::before{
    background: url("/img/cp5_nt.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.vu:hover .cp5::before{
    background: url("/img/cp5_vu.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.en:hover .cp5::before{
    background: url("/img/cp5_en.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.cr:hover .cp5::before{
    background: url("/img/cp5_cr.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.ew:hover .cp5::before{
    background: url("/img/cp5_ew.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.ex:hover .cp5::before{
    background: url("/img/cp5_ex.svg") no-repeat;
    background-size: 100% auto;
}

.contentboxes.dd:hover .cp6::before{
    background: url("/img/cp6_dd.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.lc:hover .cp6::before{
    background: url("/img/cp6_lc.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.nt:hover .cp6::before{
    background: url("/img/cp6_nt.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.vu:hover .cp6::before{
    background: url("/img/cp6_vu.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.en:hover .cp6::before{
    background: url("/img/cp6_en.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.cr:hover .cp6::before{
    background: url("/img/cp6_cr.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.ew:hover .cp6::before{
    background: url("/img/cp6_ew.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.ex:hover .cp6::before{
    background: url("/img/cp6_ex.svg") no-repeat;
    background-size: 100% auto;
}

.contentboxes.dd:hover .cp7::before{
    background: url("/img/cp7_dd.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.lc:hover .cp7::before{
    background: url("/img/cp7_lc.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.nt:hover .cp7::before{
    background: url("/img/cp7_nt.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.vu:hover .cp7::before{
    background: url("/img/cp7_vu.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.en:hover .cp7::before{
    background: url("/img/cp7_en.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.cr:hover .cp7::before{
    background: url("/img/cp7_cr.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.ew:hover .cp7::before{
    background: url("/img/cp7_ew.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.ex:hover .cp7::before{
    background: url("/img/cp7_ex.svg") no-repeat;
    background-size: 100% auto;
}

.contentboxes.dd:hover .cp8::before{
    background: url("/img/cp8_dd.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.lc:hover .cp8::before{
    background: url("/img/cp8_lc.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.nt:hover .cp8::before{
    background: url("/img/cp8_nt.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.vu:hover .cp8::before{
    background: url("/img/cp8_vu.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.en:hover .cp8::before{
    background: url("/img/cp8_en.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.cr:hover .cp8::before{
    background: url("/img/cp8_cr.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.ew:hover .cp8::before{
    background: url("/img/cp8_ew.svg") no-repeat;
    background-size: 100% auto;
}
.contentboxes.ex:hover .cp8::before{
    background: url("/img/cp8_ex.svg") no-repeat;
    background-size: 100% auto;
}



/*TEAM*/

.teambox{
    margin-bottom: 40px;
}
.teambox img{
    width:100%;
    border-radius:60px;
}
.teambox h5{
    padding-bottom:5px;
    padding-top: 10px;
    display:inline;
}
.teamname{
    padding-top: 10px;
}
.teamname a{
    margin-left:15px;
}
.teamname img{
    width:25px;
    height:auto;
    border-radius:0 !important;
    margin-top: -6px;
}


/*HOME/HEADER*/


.sidemenu{
    z-index:3;
    position: fixed;
    right:0;
    top:40%;
}
.hometeaser{
    padding-top:var(--m-huge);
}
.help, .contact, .search {
    padding: 10px 60px;
    padding-right:30px;
    border-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-right-radius:0;
    border: 3px solid transparent;
    color: #fff;
    background:
        url("/img/icon_heart.svg") center left 15px no-repeat padding-box,
        linear-gradient(var(--darkgreen), var(--darkgreen)) padding-box,
        linear-gradient(to bottom, var(--darkgreen), #4A8225) border-box;
    background-size: 25px auto;
    font-family: "MikadoMedium";
    margin-bottom:5px;
    margin-right: -110px;
    transition: all 0.5s;
}
.contact{
    background:
        url("/img/icon_phone.svg") center left 15px no-repeat padding-box,
        linear-gradient(var(--darkgreen), var(--darkgreen)) padding-box,
        linear-gradient(to bottom, var(--darkgreen), #4A8225) border-box;
}
.search{
    background:
        url("/img/icon_search.svg") center left 15px no-repeat padding-box,
        linear-gradient(var(--darkgreen), var(--darkgreen)) padding-box,
        linear-gradient(to bottom, var(--darkgreen), #4A8225) border-box;
}
.help:hover{
    color: var(--darkgreen);
    background:
        url("/img/icon_heart_hover.svg") center left 15px no-repeat padding-box,
        linear-gradient(var(--lightpurple), var(--lightpurple)) padding-box,
        linear-gradient(to bottom, var(--orange), var(--lightgreen)) border-box;
    margin-right: 0;
}
.contact:hover{
    color: var(--darkgreen);
    background:
        url("/img/icon_phone_hover.svg") center left 15px no-repeat padding-box,
        linear-gradient(var(--lightpurple), var(--lightpurple)) padding-box,
        linear-gradient(to bottom, var(--orange), var(--lightgreen)) border-box;
    margin-right: 0;
}
.search:hover{
    color: var(--darkgreen);
    background:
        url("/img/icon_search_hover.svg") center left 15px no-repeat padding-box,
        linear-gradient(var(--lightpurple), var(--lightpurple)) padding-box,
        linear-gradient(to bottom, var(--orange), var(--lightgreen)) border-box;
    margin-right: 0;
}


/*FOOTER*/

.fgreen{
    background:var(--darkgreen);
    padding-top:140px;
}

.topblockwrapper{
    margin-bottom:var(--m-huge);
}
.topblockwrapper img{
    width: 60%;
    margin-top: -155px;
    margin-left: 260px;
}
.topblockright img{
    width: 55%;
    margin-top: -315px;
    margin-left: 450px;
}
.topblockinner{
    background:var(--darkgreen);
    border:1px solid var(--bggreen);
    border-radius: 60px;
    color:var(--bggreen);
    padding:50px;
}
.topblock h3{
    color:var(--bggreen);
}
.smicons img{
    width:55px !important;
    height:auto;
    margin-top: 0 !important;
    margin-left: 0 !important;
    padding-top:60px;
}

.partners{
    background: #315519;
    border:1px solid var(--bggreen);
    border-radius: 60px;
    padding:30px;
    margin-bottom:var(--m-big);
}
.partners img{
    width:auto;
    padding-right:90px;
}
.partners img:last-child{
    padding-right:0;
}
.partners a{
    display:block;
    color:var(--bggreen);
    text-decoration: none;
    font-size:var(--fs-bxs);
    line-height:var(--lh-bxs);
    font-family: "MikadoLight";
    padding-bottom:var(--m-tiny);
}
.ptop{
    padding-bottom:var(--m-big);
}

.bottomblocks{
    padding-bottom:var(--m-big);
}
.bottomblocks strong{
    color:var(--bggreen);
    padding-bottom:15px;
    display:block;
    font-size:22px;
}
.bottomblocks a {
    color:var(--bggreen);
    text-decoration:none;
    font-family: "MikadoLight";
}

.fdarkgreentop, .fdarkgreenbottom{
    background:#233914;
    padding-top:var(--m-tiny);
}
.fdarkgreentop{
    border-bottom: 1px solid var(--bggreen);
    padding-bottom:var(--m-sml);
}
.fdarkgreenbottom{
    font-family: "MikadoLight";
    color:var(--bggreen);
    font-size: var(--fs-bxs);
    line-height:var(--lh-bxs);
    padding-bottom:15px;
}
.darktb{
    color:var(--bggreen);
    font-size: var(--fs-bs);
    line-height:var(--lh-bs);
}
.darkbbcenter{
    padding-left:40px;
}
.go_up{
    text-align:right;
    padding-right:55px;
    background: url("/img/arrow_up.svg") no-repeat top right var(--m-sml);
    height:30px;
}






/* test */

.teaser_box{
    border-radius:28px;
    position:relative;
    overflow:hidden;
}
.teaser_box::before{
    content:"";
    position:absolute;
    inset:0;
    border:5px solid transparent;
    border-radius:28px;
    transition:.2s ease;
    pointer-events:none;
    z-index:2;
}
.teaser_box:hover::before{
    border-color:#D1B6D3;
}

.teaser_box img{
    width:100%;
    display:block;
    position:relative;
   z-index:1;
}

.teaser_box h1{
    position:absolute;
    bottom:0;
    left:0;
    margin:0;
    max-width:78%;
    padding:12px 24px 12px 16px;
    background:#F5FAD2;
    color:#274314;
    font-size:32px;
    line-height:1.15;
    font-weight:400;
    border-top:5px solid #F5FAD2;
    border-top-right-radius:28px;
    transition:.2s ease;
    z-index:3;
}
.teaser_box:hover h1 {
    border-top:5px solid #D1B6D3;
    border-right:5px solid #D1B6D3;
}
/*
.teaser_box h1 .moon_left{
    position:absolute;

    top:-40px;
    left:0;

    width:40px;
    height:40px;

    pointer-events:none;
}
.teaser_box h1 .moon_left::before{
    content:"";
    position:absolute;
    inset:0;
    border-bottom-left-radius:28px;
    box-shadow:-14px 10px 0 #F5FAD2;
}


.teaser_box h1::after{
    content:"";
    position:absolute;
    right:-40px;
    bottom:0;

    width:40px;
    height:40px;

    border-bottom-left-radius:28px;
    box-shadow:-14px 10px 0 #F5FAD2;
}
*/

.corner{
    position: absolute;
  right: -26px;
  bottom: -2px;
  width: 28px;
  height: 28px;
}

.bg{
    fill:#F5FAD2;
}

.line{
    fill:none;
    stroke:#F5FAD2;
    stroke-width:5;
}

.teaser_box:hover .line{
    stroke:#D1B6D3;
}

.corner.tl{
    top:-28px;
    left:0;
}


/* FORM */
#fcontent{
    margin-top:100px;
    margin-bottom: 50px;
    position: relative;
    float: left;
}
.frow{
    position: relative;
    float: left;
    width:100%;
}
.fval{
    display: inline-block;
    width:calc(100% - 400px);
    float: left;
}
.flabel{
    display: inline-block;
    width:400px;
    float: left;
    font-weight:700;
}
.formeo.formeo-render .formeo-row{
    width:100%;
}
.formeo-column{
  width: 100% !important;
}
.formeo-row-wrap > .f-field-group > label{
	display: none !important;
}
.formeo-row > .f-field-group > label{
	display: none !important;
}
label.showlabel {
    display:block !important;
    opacity:1 !important;
}
.f-field-group li{
    list-style: none;
}
.f-checkbox input{
	float: left;
    clear:left;
}
.f-radio label {
display: inline-block !important;
  font-size: 18px !important;
  opacity: 1 !important;
  width: calc(100% - 30px) !important;
  font-weight: 400 !important;
  padding-left: 10px;
}

.f-checkbox label{
    display: inline-block !important;
    font-size:18px !important;
    width:auto !important;
    font-weight:400 !important;
	float: left;
	max-width: calc(100% - 30px);
    padding-left: 10px;
	margin-top: -5px;
}
.formeo input[type="date"]{
    color:#9CAF4D;
}

/* ETC */
.embed-container{
	position: relative;
	padding-bottom: 56.25%; /* ratio 16x9 */
	height: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.embed-container iframe, .embed-container video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#cookie_wrapper{
	position:fixed;
	left:0;
	bottom:0px;
	color:#fff;
	background:#000;
	min-height:48px;
	text-align:center;
	font-size:17px;
	line-height:22px;
	padding:15px;
	width:100%;
	z-index:9999999;
}
#cookie_wrapper a{
	color:#fff !important;
	text-decoration:underline !important;
}
#cookie_accept,#cookie_deny{
	cursor:pointer;
	background:#fff;
	color:#000;
	display:inline-block;
	padding:5px 8px;
	margin-left:8px;
}
#cookie_accept:hover,#cookie_deny:hover,#cookie_wrapper a:hover{
	opacity: 0.7;
}
#cookie_accept_black{
	position:absolute;
	right:15px;
	top:5px;
	cursor:pointer;
}
#policylogo {
	width: 200px;
	margin-top: 25px;
}
#cptitle {
	font-weight: 700;
	font-size: 28px;
	margin-bottom: 15px;
}
.darker {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgb(0,0,0,0.7);
	z-index: 9999;
}

#simpliscreensplash {
    color: #fff;
    background: #0D777F;
    width: 100%;
    height: 100%;
    text-align: center;
    font-family: "Source Sans Pro";
    transition: padding 0.5s;
}
#simpliscreensplash h1 {
    font-family: "Leckerli One";
    font-size: 56px;
    color:#fff;
    text-align: center;
    padding-top:40vh;
}