@font-face {
  font-family: "Nanami-HM-book";
  src: url('fonts/Thinkdust-Nanami-HM-Book.otf') format('opentype');
}
@font-face {
  font-family: "newbeginnings";
  src: url('fonts/newbeginnings_font.woff') format('woff');
}
@font-face {
  font-family: "MikadoLight";
  src: url('fonts/MikadoLight.otf') format('opentype');
}
@font-face {
  font-family: "MikadoMedium";
  src: url('fonts/MikadoMedium.otf') format('opentype');
}
@font-face {
  font-family: "MikadoBold";
  src: url('fonts/MikadoBold.otf') format('opentype');
}

:root{

/*Farben Prio*/
    --darkgreen: #274314;
    --green: #93C90F;
    --lightgreen: #DBE442;
    --bggreen: #F5FAD2;
    --orange: #F68D2E;
    --lightpurple: #D1B6D3;
    --lightestgreen: #FBFFE9;

/*Farben Sekundär*/
    --purple: #7E60CE;
    --pink: #F3A4C7;
    --blue: #94D8F1;

/*Farben Rote Liste Status*/
    --darkpurple: #542343;
    --darkred: #890600;
    --red: #C4352F;
    --yellow: #EFCB00;
    --grey: #A5A5A5;
    /*--black: #000000;*/


    --fs7: 20px;
    --lh7: 109%;

    --fs6: 24px;
    --lh6: 109%;

    --fs5: 28px;
    --lh5: 109%;

    --fs4: 35px;
    --lh4: 109%;

    --fs3: 40px;
    --lh3: 109%;

    --fs2: 50px;
    --lh2: 109%;

    --fs1: 60px;
    --lh1: 109%;

    --fs-hn: 22px;
    --lh-hn: 28px;

    --fs-big: 30px;
    --lh-big: 40px;

    --fs-med: 24px;
    --lh-med: 35px;

    --fs-bl: 26px;
    --lh-bl: 33px;

    --fs-bn: 19px;
    --lh-bn: 25px;

    --fs-bs: 15px;
    --lh-bs: 127%;

    --fs-bxs: 13px;
    --lh-bxs: 127%;

    --m-huge: 150px;
    --m-big: 70px;
    --m-med: 50px;
    --m-sml: 30px;
    --m-tiny:20px;

}

h1{
    font-size:var(--fs1);
    line-height:var(--lh1);
    font-family: "Nanami-HM-book";
    color:var(--darkgreen);
    padding-bottom:20px;
}

h2{
    font-size:var(--fs2);
    line-height:var(--lh2);
    font-family: "Nanami-HM-book";
    color:var(--darkgreen);
    padding-bottom:20px;
}
h3{
    font-size:var(--fs3);
    line-height:var(--lh3);
    font-family: "Nanami-HM-book";
    color:var(--darkgreen);
    padding-bottom:20px;
}
h4{
    font-size:var(--fs4);
    line-height:var(--lh4);
    font-family: "Nanami-HM-book";
    color:var(--darkgreen);
    padding-bottom:20px;
}
h5{
    font-size:var(--fs5);
    line-height:var(--lh5);
    font-family: "Nanami-HM-book";
    color:var(--darkgreen);
    padding-bottom:20px;
}
h6{
    font-size:var(--fs6);
    line-height:var(--lh6);
    font-family: "Nanami-HM-book";
    color:var(--darkgreen);
    padding-bottom:20px;
}
h7{
    font-size:var(--fs7);
    line-height:var(--lh7);
    font-family: "Nanami-HM-book";
    color:var(--darkgreen);
    padding-bottom:20px;
}

/* default fontsizes */
.fs1 {
    font-size:var(--fs1) !important;
    line-height:var(--lh1) !important;
}
.fs2 {
    font-size:var(--fs2) !important;
    line-height:var(--lh2) !important;
}
.fs3{
    font-size:var(--fs3) !important;
    line-height:var(--lh3) !important;
}
.fs4{
    font-size:var(--fs4) !important;
    line-height:var(--lh4) !important;
}
.fs5{
    font-size:var(--fs5) !important;
    line-height:var(--lh5) !important;
}
.fs6{
    font-size:var(--fs6) !important;
    line-height:var(--lh6) !important;
}
.fs7{
    font-size:var(--fs7) !important;
    line-height:var(--lh7) !important;
}
.fs-bl{
    font-size:var(--fs-bl) !important;
    line-height:var(--lh-bl) !important;
}
.fs-bn{
    font-size:var(--fs-bn) !important;
    line-height:var(--lh-bn) !important;
}
.fs-bs{
    font-size:var(--fs-bs) !important;
    line-height:var(--lh-bs) !important;
}
.fs-bxs{
    font-size:var(--fs-bxs) !important;
    line-height:var(--lh-bxs) !important;
}



.txtsmlhover{
    font-size:var(--fs-bxs) !important;
    line-height:20px !important;
}
.button_green{
    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;
}
.button_green:hover{
    color: var(--darkgreen);
    text-decoration:underline;
}
.button_purple{
    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;
}
.button_purple:hover{
    color: var(--darkgreen);
    text-decoration:underline;
}
.bordertxt{
    border:1px solid var(--darkgreen);
    border-radius: 50px;
    padding: 0 10px;
}

.gallink_purple{
    background:var(--lightpurple);
    box-shadow: 9px 9px 14px -3px rgba(0,0,0,0.7);
    border: 6px solid transparent;
    border-radius:40px;
    border-top-left-radius:0;
    border-top-right-radius: 15px;
    background:
        linear-gradient(var(--lightpurple), var(--lightpurple)) padding-box,
        linear-gradient(to top, #B880BC, var(--lightpurple)) border-box;
    position: absolute;
    left:33px;
    padding:15px;
    width:242px;
    padding-top: 0;
    padding-bottom: 20px;
    z-index: 2;
    margin-top: 37px;
    text-decoration:none;
}
.gallink_purple:hover{
    color:var(--darkgreen);
    text-decoration: none;
}