:root{
    --default-line-height:1.5rem;
    --default-font-size:1rem;
    scroll-behavior:smooth;
    -webkit-font-smoothing:subpixel-antialiased;
    --standard-bg:#548297;
    --standard-bg-transparent:#54829700;
    --standard-content-bg:#fff;
    --standard-text-color:#000;
    --standard-link-color:#548297;
    --standardblau:#548297;
    --standardblau-hell:#c1e3e8;
    --standardblau-dunkel:#315869;
    --standardgelb:#ceb860;
    --standardgelb-hell:#fff3cb;
    --standardgelb-dunkel:#705c17;
    --standardrot:#db7879;
    --standardrot-hell:#f1b7b7;
    --standardrot-dunkel:#8c3234;
    --standard-border-color:#e0e0e0;
    --standard-text-color-inverted:#fff;
    --max-content-width:1500px;
    --max-image-width:1000px;
    --max-image-height:800px;
    --xxs:640px;
    --xsm:800px;
    --xmd:1024px;
    --xlg:1440px;
    --xxl:1920px;
    --ysm:600px;
    --ymd:768px;
    --ylg:960px;
    --yxl:1080px
}
::-webkit-scrollbar{width:0.5rem;background:transparent}
::-webkit-scrollbar:hover{background:var(--standard-border-color)}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-track:hover{background:var(--standard-border-color)}
::-webkit-scrollbar-thumb{background:var(--standardblau)}
::-webkit-scrollbar-thumb:hover{background:var(--standardblau-hell)}
::selection{background-color:var(--standardgelb-dunkel);color:#fff}
::-moz-selection{background-color:var(--standardgelb-dunkel);color:#fff}
.mobileonly{display:none}
.nomobile{display:inherit}
mobileonly{visibility:0;opacity:0;display:none !important}
nomobile{visibility:1;opacity:1;display:inherit}
html{color-scheme:dark light; width:100dvw;min-height:100dvh;background-color:var(--standard-bg)}
.scroller{scrollbar-width:thin;scrollbar-color:var(--standardgelb-dunkel) var(--standardgelb)}
body{background-color:var(--standard-bg);color:var(--standard-text-color);font-family:"Rubik-Regular", arial, sans-serif;font-size:var(--default-font-size);line-height:var(--default-line-height);width:100dvw;min-height:100dvh;margin:0;padding:0;position:relative;overflow-y:hidden;overflow-x:hidden}
a,span.internal-link{color:var(--standard-link-color);outline:none !important;text-decoration:underline;}
a:hover,span.internal-link:hover{cursor:pointer}
p{font-family:"Rubik-Regular", arial, sans-serif;color:var(--standardblau-dunkel)}
strong,b{font-family: "Rubik-Bold", arial, sans-serif;font-weight:normal}
h1,h2,h3,h4,h5{font-family:"Rubik-Black", arial, sans-serif;font-weight:normal}
h1{display:none;visibility:hidden}
h2{color:var(--standardrot-dunkel);text-shadow:5px 5px 10px var(--standardgelb-dunkel)}
h3,h4,h5{color:var(--standardgelb-dunkel)}
#id_time,#id_fullname{display:none}
.noscript{z-index:10000000;opacity:.9;background-color:#000;display:block;position:fixed;top:0;left:0;width:100dvw;height:100dvh;min-height:100dvh;min-width:100dvh;overflow:hidden}
.noscript div{position:fixed;background-color:var(--standardgelb-dunkel);width:50%;min-width:500px;top:50%;left:25%;border:1px solid var(--standardgelb);border-radius:2.5rem;padding:2rem 5rem;margin-top:auto;margin-bottom:auto;text-align:center}
.noscript div span{color:var(--standardgelb-hell);font-weight:bolder;}

@keyframes tilt-shaking_right {
    0% { transform:rotate(0deg); }
    25% { transform:rotate(.05deg); }
    50% { transform:rotate(0eg); }
    75% { transform:rotate(-.05deg); }
    100% { transform:rotate(0deg); }
} 
@keyframes tilt-shaking_left {
    0% { transform:rotate(0deg); }
    25% { transform:rotate(.15deg); }
    50% { transform:rotate(0eg); }
    75% { transform:rotate(-.15deg); }
    100% { transform:rotate(0deg); }
} 
@keyframes tilt-shaking_graph {
    0% { transform:translate(0, 0) rotate(0deg); }
    25% { transform:translate(2px, 2px) rotate(.05deg); }
    50% { transform:translate(0, 0) rotate(0eg); }
    75% { transform:translate(-2px, 2px) rotate(-.05deg); }
    100% { transform:translate(0, 0) rotate(0deg); } 
}
@keyframes tilt-shaking_icon {
    0% { transform:rotate(0deg) scale(1.0, 1.0)}
    25% { transform:rotate(9deg) scale(1.1, 1.1)}
    50% { transform:rotate(0eg) scale(1.2, 1.2);}
    75% { transform:rotate(-9deg) scale(1.1, 1.1)}
    100% { transform:rotate(0deg) scale(1.0, 1.0)}
} 
@keyframes tilt-shaking_box_icon {
    0% { transform:rotate(0deg) scale(1.0, 1.0);box-shadow:none}
    25% { transform:rotate(30deg) scale(1.1, 1.1);box-shadow:2px 2px 10px var(--standardgelb-dunkel)}
    50% { transform:rotate(0eg) scale(1.2, 1.2);box-shadow:2px 2px 10px var(--standardgelb-dunkel)}
    75% { transform:rotate(-30deg) scale(1.1, 1.1);box-shadow:2px 2px 10px var(--standardgelb-dunkel)}
    100% { transform:rotate(0deg) scale(1.0, 1.0);box-shadow:none}
} 

#ffnet_header_wrapper{position:relative;width:100%;height:100%;max-height:150px;z-index:10;}
#ffnet_header{position:relative;width:min(75%, 93dvh);min-width:min(400px, 100dvw);max-width:1000px;max-height:150px;height:100%;margin:auto auto;transition:all 1s ease-in-out;}
#ffnet_header_logo{position:relative;text-align:center}
#ffnet_header_logo_img{height:100%;width:auto;max-height:150px;transition:all 1s ease-in-out}

#ffnet_footer{position:fixed;bottom:0;left:auto;right:auto;width:100%;height:60px;max-height:60px}
#ffnet_footer_items{width: min(75%, 93dvh);min-width: min(400px, 100dvw);max-width:1000px;max-height:60px;height:60px;margin:auto auto;transition:all 1s ease-in-out;position:relative;display:flex;align-content:flex-start;justify-content:center}
.ffnet-footer-item{display:inline-flex;max-height:55px;padding:.25rem;justify-content:center}
.ffnet-footer-item:hover{animation:tilt-shaking_icon 0.5s infinite;cursor:pointer;pointer-events:all}
.ffnet-footer-item img{max-height:100%}
.ffnet-footer-item a{display:flex;justify-content:center}

#ffnet_header_hamburger{position:absolute;top:calc(50% - 1.25rem);left:calc(100% - 1.5rem);transform: translateX(-100%);transition:all 1s ease-in-out}
#hamburgernav{width:3.5rem;height:2.5rem}
#hamburgernavcontent input{display:block;cursor:pointer;opacity:0;-webkit-touch-callout:none;position:absolute;width:3.5rem;height:2.5rem;z-index:1003}
#hamburgernavcontent span{display:block;width:3.5rem;height:0.5rem;margin-bottom:0.5rem;position:relative;background:var(--standardblau-hell);border-radius:0.33rem;z-index:1002;transform-origin:0.33rem 0;transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1),  background 0.5s cubic-bezier(0.77,0.2,0.05,1),opacity 0.55s ease-in-out}
#hamburgernavcontent span:first-child{transform-origin:0 0}
#hamburgernavcontent span:nth-last-child(2){transform-origin:0 100%}
#hamburgernavcontent input:checked ~ span{opacity:1;transform:rotate(45deg) translate(-0.125rem,-1px);background:var(--standardblau-dunkel)}
#hamburgernavcontent input:checked:hover ~ span{background:var(--standardblau-hell)}
#hamburgernavcontent input:checked ~ span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(0.2,0.2)}
#hamburgernavcontent input:checked ~ span:nth-last-child(2){transform:rotate(-45deg) translate(0,-1px)}
#hamburgernavcontent #hamburgernavmenu{visibility:hidden;width:230px;padding:5rem 1rem 1rem;border:1px solid var(--standardblau-dunkel);border-radius:2.5rem;box-shadow:1rem 1rem 1.25rem rgba(0,0,0,0.2);-moz-box-shadow:1rem 1rem 1.25rem rgba(0,0,0,0.2);-webkit-box-shadow:1rem 1rem 1.25rem rgba(0,0,0,0.2);opacity:0;background:var(--standardgelb-hell);color:var(--standardblau);list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0 0;transform:translate(100%,0);transition:all 0.5s ease-in-out;position:absolute;right:220px;top:-2rem;z-index:1001;text-align:end}
#hamburgernavcontent #hamburgernavmenu li{padding:0.5rem 1.25rem 0.5rem 1.25rem;font-size:1.25rem}
#hamburgernavcontent #hamburgernavmenu li:first-child{margin-top:.5rem}
#hamburgernavcontent #hamburgernavmenu li:last-child{margin-bottom:.5rem}
#hamburgernavcontent #hamburgernavmenu li:hover{cursor:pointer;color:var(--standardgelb-hell);background-color:var(--standardblau);border-radius:1.5rem}
#hamburgernavcontent input:checked ~ ul{visibility:visible; transform:none}
#hamburgernavcontent #hamburgernavmenu hr{background-color:var(--standardblau);margin:0.75rem 0}
#hamburgernavcontent:hover span{background:var(--standardgelb-hell)}
#hamburger_language img{padding:0 .5rem .25rem 0}

#boxmenu_mobile_wrapper{display:none}

#ffnet_startmenu_wrapper{z-index:0;display:block;position:relative;}
#ffnet_start{width:100%;height:calc(100dvh - 150px);}
#mainmenu_svg{position:relative;width:min(75%, 95dvh);min-width:min(400px, 100dvw);max-width:1000px;height:auto;max-height:760px;margin:auto auto;}
#mainmenu_megafon ellipse, #mainmenu_kontakt ellipse, #mainmenu_graete ellipse, #mainmenu_lineal ellipse, #mainmenu_boje ellipse, #mainmenu_lupe ellipse, #mainmenu_graph circle, #mainmenu_graph rect{fill:var(--standard-bg-transparent);}
#mainmenu_megafon path, #mainmenu_kontakt path, #mainmenu_graete path, #mainmenu_lineal path, #mainmenu_boje path, #mainmenu_lupe path{fill:var(--standardblau-hell);transition:all .5s ease;}
#mainmenu_graph path{transition:all .5s ease;}
#mainmenu_megafon:hover path, #mainmenu_kontakt:hover path, #mainmenu_graete:hover path, #mainmenu_lineal:hover path, #mainmenu_boje:hover path, #mainmenu_lupe:hover path{fill:var(--standardgelb-hell);}
#mainmenu_graph:hover path.mainmenu-graph-gras, #mainmenu_graph:hover path.mainmenu-graph-krebs{animation:tilt-shaking_graph 1.15s infinite;}
.mainmenu-icon-small{animation:tilt-shaking_graph 1s 6 ease;}
.mainmenu-icon-small:hover{animation:tilt-shaking_graph 0.15s infinite;cursor:pointer;pointer-events: all}
.mainmenu-graph-cutter{fill:var(--standard-bg)}
.mainmenu-icon{width:16%;max-width:170px;position:absolute;border:6px solid var(--standardblau);border-radius:50%}
.mainmenu-icon-big{width:22%;max-width:220px;border:8px solid var(--standardblau)}
.mainmenu-icon img{width:100%;max-width:170px;height:auto;animation:tilt-shaking_icon 2s 3 ease}
.mainmenu-icon-big img{max-width:220px;animation:tilt-shaking_icon 2s 3 ease}
.mainmenu-icon-big:hover img, .mainmenu-icon:hover img{animation:tilt-shaking_icon 0.5s infinite;cursor:pointer;}
.mainmenu-icon-small text{display:none}
.mainmenu-icon-big:hover::after,.mainmenu-icon:hover::after,.mainmenu-icon-small:hover::after, #mainmenu_icon_small_tooltip{font-size: 1rem;content: attr(tooltip);color:var(--standardgelb-hell);position:absolute;left:50%;top:10%;transform:translateX(-50%);white-space: nowrap;z-index: 9999;border-radius: .5rem;border: 1px solid var(--standardgelb-hell);box-shadow: 0 0 14px 2px rgba(0,0,0,0.15);background: var(--standardblau-dunkel);padding:.25rem 1rem}
#mainmenu_icon_small_tooltip{position:fixed;transform:translate(-15%,-50%);display:none}
#mainmenu_ffdb{top:70%;left:14%}
#mainmenu_netz{top:43%;left:9%}
#mainmenu_kran{top:17%;left:18%}
#mainmenu_ally{top:3%;left:39.5%}
#mainmenu_heft{top:19%;left:66.5%}
#mainmenu_aquarium{top:44%;left:75.5%}
#mainmenu_fischtest{top:70%;left:70.5%}

#ffnet_main_wrapper{z-index:1;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition:all 1s ease-in-out;opacity:0;visibility:hidden;max-width:1300px;max-height:900px;width:0;height:0;}
#ffnet_main{display:block;background-color:var(--standardgelb);padding:2rem 2.5rem;width:100%;height:100%;border-radius:2.5rem;box-shadow:0px 0px 40px -10px rgba(0,0,0,.5),15px 15px 15px -5px rgba(0,0,0,.25);overflow:hidden}
@keyframes spinner{
    to {
        transform:rotate(360deg)
    }
}
#loadingDiv{display:flex;align-items:center;justify-content:center;background-color:var(--standardgelb-hell);width:100%;height:100%;z-index:100;transition:all .5s ease-in-out;}
#loadingSpinner{height:4rem;width:4rem;border:4px solid;border-color:var(--standardblau) transparent var(--standardblau) transparent;border-radius:50%;animation:spinner 1.5s ease infinite;}
#ffnet_main #boxheader{width:100%;height:65px;max-height:65px;display:grid;gap:2rem;grid-template-columns:1fr 5fr;}
#ffnet_main #boxclose,#ffnet_main #boxclose_mobile{
    font-family:"Rubik-Black", arial, sans-serif;
    position:absolute;
    top:0;right:0;
    border-top-right-radius:2.5rem;border-bottom-left-radius:2.5rem;
    background-color:var(--standardrot-dunkel);
    color:var(--standardrot-hell);
    font-size:.95rem;
    padding:1.5rem 3rem;
    transition: all .25s ease-in-out;
    box-shadow:-3px 3px 15px var(--standardgelb-dunkel);
}
#ffnet_main #boxclose:hover,#ffnet_main #boxclose_mobile:hover{
    cursor:pointer;
    background-color:var(--standardrot);
    color:var(--standardgelb-hell);
    z-index:5;
    box-shadow:none;
}
#ffnet_main #boxclose_mobile{display:none}
#ffnet_main #boxicon,#ffnet_main #boxicon_mobile{
    position:absolute;
    top:1rem;left:1rem;
    width:18%;
    max-width:220px;min-width:105px;
    z-index:2;
    text-align:center;
}
.boxhome-shake#boxhome{animation:tilt-shaking_icon 4s infinite;}
.boxhome-shake#boxhome_mobile{animation:tilt-shaking_box_icon 4s infinite;border-radius:10rem}
#boxhome:hover,#boxhome_mobile:hover{cursor:pointer}
#ffnet_main #boxicon img,#ffnet_main #boxicon_mobile img{
    width:100%;
    padding:1rem;
}
#boxicon_mobile,#ffnet_main #boxmenu_mobile_dots{display:none}
#ffnet_main #waveimg{
    position:absolute;
    bottom:0;left:0;
    width:19%;max-width:245px;
    z-index:5;
}
#ffnet_main #waveimg img#waveimg_img{
    width:100%;border-radius:2.5rem;
}
#ffnet_main_variable{
    height:100%;
}
#ffnet_main #boxcontents{
    position:relative;
    display:grid;
    gap:1rem;
    grid-template-columns:repeat(6, 1fr);
    grid-template-rows:repeat(6, 1fr);
    height:calc(100% - 75px);
    min-height:calc(100% - 75px);
    z-index:1
}
#textbox_tabs{
    height:2rem;
    grid-column-start:2;
    grid-column-end:7;
    grid-row-start:1;
    grid-row-end:2;
}
#ffnet_main #boxmenu_left_wrapper,#ffnet_main #boxmenu_mobile_wrapper{
    grid-column-start:1;
    grid-column-end:2;
    grid-row-start:2;
    grid-row-end:6;
    position:relative;
    margin-left:-2.5rem;margin-right:-1rem;
}
#ffnet_main #boxmenu_left_dots,#ffnet_main #boxmenu_mobile_dots{
    position:absolute;
    top:0;bottom:0;
    background-image:linear-gradient(var(--standardgelb) 33%,var(--standardgelb-hell) 0%);
    background-position:center;
    background-size:2px 7px;
    background-repeat:repeat-y;
    width:100%;
    height:100%;
    z-index:0;
}
#ffnet_main #boxmenu_left,#ffnet_main #boxmenu_mobile{
    display:grid;
    position:absolute;
    justify-content:center;
    margin:0;
    width: 100%;    
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    max-height:90%;
    overflow-y:auto;
    padding:5px 0
}
@media screen and (max-height: 800px){
    #ffnet_main #boxmenu_left {
        max-height:65%
    }
}
@media screen and (max-height: 700px){
    #ffnet_main #boxmenu_left {
        max-height:60%
    }
}
@media screen and (max-height: 600px){
    #ffnet_main #boxmenu_left {
        max-height:40%
    }
}

#ffnet_main .boxmenu-item,#ffnet_main .boxmenu-mobile-item{
    z-index:1;
    display:flex;
    justify-content:center;
    color:var(--standard-link-color);
    font-family:"Rubik-Bold", arial, sans-serif;
    font-size:1rem;
    padding:.25rem 1rem;margin:.5rem 0;
    background-color:var(--standardgelb-hell);
    border:2px solid var(--standardgelb-dunkel);
    border-radius:1rem;
    transition:all .25s ease-in-out;
    box-shadow:5px 5px 10px var(--standardgelb-dunkel);
}
#ffnet_main .boxmenu-item:hover,#ffnet_main .boxmenu-mobile-item:hover{
    cursor:pointer;
    background-color:var(--standardblau-dunkel);
    color:var(--standardgelb-hell);
    box-shadow:none;
}
#ffnet_main .boxmenu-item-active{
    background-color:var(--standardblau);
    color:var(--standardgelb-hell);
    box-shadow:none
}
#ffnet_main .boxmenu-item-active:hover{
    cursor:default;
    background-color:var(--standardblau);
    color:var(--standardgelb-hell);
}
#ffnet_main #textbox{
    grid-column-start:2;
    grid-column-end:7;
    grid-row-start:1;
    grid-row-end:7;
    padding: 2rem 1rem;
    background-color: var(--standardgelb-hell);
    border: 2px solid var(--standardgelb-dunkel);
    border-radius: 2.5rem;
    overflow-y: auto;
    overflow-x: hidden;
    transition:all .25s ease-in-out;
}
#ffnet_main #textbox #textbox_contents{
    display:grid;
    height:100%;
    padding: 0 1rem;
    overflow-y:auto;
    overflow-x:hidden;
    background-color:var(--standardgelb-hell);
}
.share-url{
    border:1px solid #000;
    border-radius:1.5rem;
    z-index:5;
    padding:.75rem 1.25rem;
    background-color: var(--standardblau-dunkel);
    color:var(--standardgelb-hell);
    position:absolute;
    bottom:5.5rem;
    margin-left:-100rem;
    transition: all .25s ease-in-out;
    opacity:.75;
}
.share-url:hover{opacity:1 !important;}
.share-link:hover{cursor:copy;text-decoration:underline;}
.hiddensharebox{opacity:0;visibility:hidden}
#waveimg_img:hover{cursor:pointer}
#ffnet_contactform,#ffnet_nlregisterform,#ffnet_loginform, .ffnet-ally-form{display:block;width:100%;}
#ffnet_contactform input,#ffnet_nlregisterform input,#ffnet_contactform textarea,#ffnet_nlregisterform select,#fishfacts_select select,#annualreports_select select,#ffnet_loginform input, .subpage-select, .ffnet-ally-form textarea, .ffnet-ally-form input{border:1px solid var(--standardgelb-dunkel);background-color:var(--standardgelb-hell);color:#464646;width:100%;box-sizing:border-box;letter-spacing:1px;margin-top:1.5rem;display:block;font-size:1rem;height:2.5rem;padding:0.5rem 1rem;border-radius:1rem;-moz-border-radius:1rem;-webkit-border-radius:1rem;position:relative;opacity:0.7;transition:all 0.5s ease-in-out}
#ffnet_contactform input:focus,#ffnet_nlregisterform input:focus,#ffnet_contactform textarea:focus,#ffnet_nlregisterform select:focus,#fishfacts_select select:focus,#annualreports_select select:focus,#ffnet_loginform input:focus, .subpage-select:focus, .ffnet-ally-form textarea:focus, .ffnet-ally-form input:focus {box-shadow:0px 0px 40px -10px rgba(0,0,0,.5),15px 15px 15px -5px rgba(0,0,0,.25);outline:none;color:#000;border:1px solid var(--standardgelb-dunkel);background-color:#fff;opacity:1;transition:all 0.5s ease-in-out}
input.spamnoinput{display:none !important}
button#submitcontact,button#submitlogin,button#submitlogout,button#submitally{padding:.5rem 2rem !important;margin-top:1.25rem !important;margin-bottom:1.5rem;float:right !important}

.afterform{margin-top:2rem;margin-right:7rem}
.no-shapes h1:after {
    content: "Sorry, you're browser doesn't support CSS Shapes";
    color: red;
    display: block;
    font-size: 0.5em;
    margin-top: 1em;
}
#ffnet_main .textbox-image-container{
    float: right;
    margin: 0 0 .5rem 1.5rem; 
    /*-webkit-shape-outside:polygon(100% 100%, 100% 0%, 0% 0%, 0% 0%); 
    shape-outside:polygon(100% 100%, 100% 0%, 0% 0%, 0% 0%);
    clip-path:polygon(100% 100%, 100% 0%, 0% 0%, 0% 0%);*/
    border-radius:2.5rem;
    /*border-top-right-radius: 2.5rem;*/
    height:auto;
    /*width:33%;
    max-width:300px;*/
    max-width:min(40%, 66dvh);
    transition:all 500ms;
    overflow:hidden;
    position:relative;
    box-shadow:.5rem .5rem .5rem -.25rem rgba(0,0,0,.25)
}
#ffnet_main .textbox-image-container img{
    max-width:100%;
    /*filter:blur(1px);
    opacity:.33;*/
    transition:all 500ms;
}
#ffnet_main .textbox-image-container:hover, #ffnet_main .textbox-image-container.expanded{
    /*-webkit-shape-outside:polygon(100% 100%, 100% 0%, 0% 0%, 0% 100%);
    shape-outside:polygon(100% 100%, 100% 0%, 0% 0%, 0% 100%);
    clip-path: polygon(100% 100%, 100% 0%, 0% 0%, 0% 100%);*/
    max-width:min(100%, 66dvh);
    overflow:hidden;
    width:fit-content;
}
#ffnet_main .textbox-image-container:hover img, #ffnet_main .textbox-image-container.expanded img{
    /*filter:grayscale(0%);*/
    border-radius: 2.5rem;
    opacity:1;
    width:100%;
}

#ffnet_main .image-copyright{
    position:absolute;bottom:0;left:0;width:100%;opacity:0;overflow:hidden;transition:all 500ms;background-color:rgba(0, 0, 0, 0.25);color:var(--standardblau-hell);padding:.5rem 2.5rem;font-size:.75rem;text-align:right
}
#ffnet_main .textbox-image-container:hover .image-copyright, #ffnet_main .textbox-image-container.expanded .image-copyright{
    opacity:1;
}
#ffnet_main .textbox-image-container.expanded:hover .image-copyright{
    opacity:0;
}
#ffnet_main .user-image{float:left;max-width:5rem;max-height:5rem;margin-right:1rem;border-radius:1rem}

#ffnet_main .textbox{
    /*padding:2rem;*/
    /*background-color:#fff;
    border:2px solid var(--standardgelb);*/
    /*background-color:var(--standardgelb-hell);
    border:2px solid var(--standardgelb-dunkel);
    border-radius:2.5rem;
    overflow-y:auto;overflow-x:hidden;*/
    color:var(--standardblau-dunkel);
    position:relative;
}
#ffnet_main .hiddenbox{opacity:0;visibility:hidden;display:none}
#textbox_manager_wrapper{
    display:flex;
    justify-content:center;
    position:absolute;
    right:0rem;
    top:50%;
    transform:translateY(-50%);
    min-height:100px;
    width:1rem;
    border:2px solid var(--standardgelb);
    background-color:var(--standardblau);
    border-right:0;
    border-top-left-radius:2.5rem;
    border-bottom-left-radius:2.5rem;    
    transition:all .25s ease-in-out;
}
#textbox_manager{
    margin:auto 0;
    padding:.5rem;
    opacity:0;
    visibility:hidden;
}
#textbox_manager_wrapper #textbox_manager::after{color:var(--standardgelb-hell);content:'<'}
#textbox_manager_wrapper:hover{width:4rem;cursor:pointer}
#textbox_manager_wrapper:hover #textbox_manager::after{content:''}
#textbox_manager_wrapper:hover #textbox_manager{opacity:100;visibility:visible;}

.textbox .newsentry, .textbox .allyentry{
    padding-bottom:2.5rem
}
.textbox .newsentry .newsentry-content{display:inline-block}
#newsbuttons{position:sticky;bottom:0rem;text-align:center;padding-bottom:1rem;margin-top:7rem;}
.newsbutton{
    justify-content: center;
    color: var(--standard-link-color);
    font-family: "Rubik-Bold", arial, sans-serif;
    font-size: 1rem;
    padding: .5rem 1rem .25rem;
    margin: .75rem 0;
    background-color: #fff;
    border: 2px solid var(--standardgelb);
    background-color: var(--standardgelb-hell);
    border: 2px solid var(--standardgelb-dunkel);
    border-radius: 1rem;
    transition: all .25s ease-in-out;
    margin:0 .25rem;
    box-shadow:5px 5px 10px var(--standardgelb-dunkel);
}
.newsbutton:hover{cursor:pointer;background-color:var(--standardblau-dunkel);color:var(--standardgelb-hell);    box-shadow:none;}
.newsbuttondisabled{background-color:var(--standardblau);color:var(--standardgelb-hell);box-shadow:none;}
.newsbuttondisabled:hover{cursor:default;background-color:var(--standardblau);color: var(--standardgelb-hell);}
.textbox .fishfacts-basic{padding-bottom:0}
#id_fishfacts{margin-top:0}
#fishfacts,#annualreports{padding-top:2.5rem;position:relative}
select#id_fishfacts{width:50%}
.fishfacts-image{margin: 0 2.5rem 2.5rem 0 !important;float:left !important;box-shadow:15px 15px 15px -5px rgba(0,0,0,.25);border:1px solid var(--standardgelb-dunkel)}
.fishfacts-image img{max-height:min(400px, 33dvh);width:auto;}
.fishfacts-document button a{text-decoration:none;}
.fishfacts-document button:hover a{color:var(--standardgelb-hell)}
p + ul{margin-top:-1rem}
div#linklist{display:none;opacity:0;visibility:hidden;position:fixed;top:0;left:0;width:0 !important;height:0 !important;}
.linklist{display:none;opacity:0;visibility:hidden;position:fixed;top:0;left:0;width:0 !important;height:0 !important;}

#ffnet_main_variable table{width:100%;display:block;padding-bottom:2.5rem}
#ffnet_main_variable table th{font-weight:bold;font-size:large;}
#ffnet_main_variable table tbody tr:hover{background-color:var(--standardblau-hell);cursor:default;}
#ffnet_main_variable table tbody tr td:first-child{font-size:smaller}
#ffnet_main_variable table tr td:first-child, #ffnet_main_variable table tr th:first-child{border-right:1px solid var(--standardgelb-dunkel)}
#ffnet_main_variable table tr th{border-bottom:1px solid var(--standardgelb-dunkel)}


#allybuttonstart{padding:.5rem 1rem .5rem}
.ally-hint{font-size:85%}
.ffnet-ally-form .ally-answer-radio-vertical,.ffnet-ally-form .ally-answer-checkbox-vertical{display:grid}
.ffnet-ally-form .ally-answer-radio-horizontal,.ffnet-ally-form .ally-answer-checkbox-horizontal{display:flex}
.ffnet-ally-form .ally-answer-bars textarea{margin-bottom:5px}
.ffnet-ally-form .ally-answer-group label{display:flex;margin-bottom:.5rem}
.ffnet-ally-form .ally-answer-group label:first-child{margin-top:15px}
.ffnet-ally-form .ally-answer-bars{width:100%}
.ffnet-ally-form .ally-answer-bars p{margin:15px 0 -5px 0}
.ffnet-ally-form .ally-answer-bars p:first-child{margin:0px 0 -5px 0}
.ffnet-ally-form .ally-answer-bar{width:100%;background:#eee;border-radius:5px}
.ffnet-ally-form .ally-answer-bar div{display:block;padding:3px 3px 3px 10px;margin:5px 0;color:#000;background:#335f9b;background-image:linear-gradient(#f0f8ff, #ccd2d7);border:1px solid #aaa;border-top-right-radius:5px;border-bottom-right-radius:5px;box-shadow:inset 0 0 0 rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.3);}
.ffnet-ally-form .ally-answer-bar div span{color:#000;padding-left:10px}
.ffnet-ally-form ul.list_right{padding-left:1.5rem}
.ffnet-ally-form input[type='checkbox'], .ffnet-ally-form input[type='radio'] {
    --active:var(--standardblau);
    --active-inner: #fffa;
    --focus: 2px rgba(39, 94, 254, 0.3);
    --border: #BBC1E1;
    --border-hover:var(--standardblau);
    --background: #fff;
    --disabled: #F6F8FF;
    --disabled-inner: #E1E6F9;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding:unset;
    height: 21px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 15px 10px 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }
.ffnet-ally-form input[type='checkbox']:after, .ffnet-ally-form input[type='radio']:after{content: '';display: block;left: 0;top: 0;position: absolute;transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s)}
.ffnet-ally-form input[type='checkbox']:checked, .ffnet-ally-form input[type='radio']:checked{--b: var(--active);--bc: var(--active);--d-o: 0.3s;--d-t: 0.6s;--d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2)}
.ffnet-ally-form input[type='checkbox']:disabled, .ffnet-ally-form input[type='radio']:disabled{--b: var(--disabled);cursor: not-allowed;opacity: 0.9}
.ffnet-ally-form input[type='checkbox']:disabled:checked, .ffnet-ally-form input[type='radio']:disabled:checked{--b: var(--disabled-inner);--bc: var(--border)}
.ffnet-ally-form input[type='checkbox']:disabled + label, .ffnet-ally-form input[type='radio']:disabled + label{cursor: not-allowed}
.ffnet-ally-form input[type='checkbox']:hover:not(:checked):not(:disabled), .ffnet-ally-form input[type='radio']:hover:not(:checked):not(:disabled){--bc: var(--border-hover)}
.ffnet-ally-form input[type='checkbox']:focus, .ffnet-ally-form input[type='radio']:focus{box-shadow: 0 0 0 var(--focus)}
.ffnet-ally-form input[type='checkbox']:not(.switch), .ffnet-ally-form input[type='radio']:not(.switch){width: 21px;min-width:21px}
.ffnet-ally-form input[type='checkbox']:not(.switch):after, .ffnet-ally-form input[type='radio']:not(.switch):after{opacity: var(--o, 0)}
.ffnet-ally-form input[type='checkbox']:not(.switch):checked, .ffnet-ally-form input[type='radio']:not(.switch):checked{--o: 1}
.ffnet-ally-form input[type='checkbox'] + label, .ffnet-ally-form input[type='radio'] + label{font-size: 14px;line-height: 21px;display: inline-block;vertical-align: top;cursor: pointer;margin-left: 4px}
.ffnet-ally-form input[type='checkbox']:not(.switch){border-radius: 7px}
.ffnet-ally-form input[type='checkbox']:not(.switch):after{width: 5px;height: 9px;border: 2px solid var(--active-inner);border-top: 0;border-left: 0;left: 7px;top: 4px;transform: rotate(var(--r, 20deg))}
.ffnet-ally-form input[type='checkbox']:not(.switch):checked{--r: 43deg}
.ffnet-ally-form input[type='checkbox'].switch{width: 38px;border-radius: 11px;}
.ffnet-ally-form input[type='checkbox'].switch:after{left: 2px;top: 2px;border-radius: 50%;width: 15px;height: 15px;background: var(--ab, var(--border));transform: translateX(var(--x, 0))}
.ffnet-ally-form input[type='checkbox'].switch:checked {--ab: var(--active-inner);--x: 17px}
.ffnet-ally-form input[type='checkbox'].switch:disabled:not(:checked):after{opacity: 0.6}
.ffnet-ally-form input[type='radio']{border-radius: 50%;}
.ffnet-ally-form input[type='radio']:after{width: 19px;height: 19px;border-radius: 50%;background: var(--active-inner);opacity: 0;transform: scale(var(--s, 0.7));}
.ffnet-ally-form input[type='radio']:checked{--s: 0.5;}

/*.ally-results{width:100%;display:flex;align-items:center;justify-content:center}*/
.ally-results{width:100%;padding-bottom:2.5rem}
.ally-results-bar{margin-bottom:1.2rem;margin-top:.3rem;background-color:var(--standardblau-hell);height:1.5rem;width:100%;border-radius:2.5rem}
.ally-results-bar div{background-color:var(--standardblau);height:1.5rem;border-radius:2.5rem}
.ally-results-bar div span{background-color:var(--standardblau-dunkel);color:var(--standardgelb-hell);height:2rem;width:2rem;border-radius:50%;float:right;border:2px solid var(--standardblau);font-size:75%;display:flex;justify-content:center;align-items:center;margin-top:-.25rem;}
.ally-results-bar-percent{min-width:2rem !important}
.ally-results-bar-0{width:0%;animation:ally-bar-0 3s}
.ally-results-bar-1{width:1%;animation:ally-bar-1 3s}
.ally-results-bar-2{width:2%;animation:ally-bar-2 3s}
.ally-results-bar-3{width:3%;animation:ally-bar-3 3s}
.ally-results-bar-4{width:4%;animation:ally-bar-4 3s}
.ally-results-bar-5{width:5%;animation:ally-bar-5 3s}
.ally-results-bar-6{width:6%;animation:ally-bar-6 3s}
.ally-results-bar-7{width:7%;animation:ally-bar-7 3s}
.ally-results-bar-8{width:8%;animation:ally-bar-8 3s}
.ally-results-bar-9{width:9%;animation:ally-bar-9 3s}
.ally-results-bar-10{width:10%;animation:ally-bar-10 3s}
.ally-results-bar-11{width:11%;animation:ally-bar-11 3s}
.ally-results-bar-12{width:12%;animation:ally-bar-12 3s}
.ally-results-bar-13{width:13%;animation:ally-bar-13 3s}
.ally-results-bar-14{width:14%;animation:ally-bar-14 3s}
.ally-results-bar-15{width:15%;animation:ally-bar-15 3s}
.ally-results-bar-16{width:16%;animation:ally-bar-16 3s}
.ally-results-bar-17{width:17%;animation:ally-bar-17 3s}
.ally-results-bar-18{width:18%;animation:ally-bar-18 3s}
.ally-results-bar-19{width:19%;animation:ally-bar-19 3s}
.ally-results-bar-20{width:20%;animation:ally-bar-20 3s}
.ally-results-bar-21{width:21%;animation:ally-bar-21 3s}
.ally-results-bar-22{width:22%;animation:ally-bar-22 3s}
.ally-results-bar-23{width:23%;animation:ally-bar-23 3s}
.ally-results-bar-24{width:24%;animation:ally-bar-24 3s}
.ally-results-bar-25{width:25%;animation:ally-bar-25 3s}
.ally-results-bar-26{width:26%;animation:ally-bar-26 3s}
.ally-results-bar-27{width:27%;animation:ally-bar-27 3s}
.ally-results-bar-28{width:28%;animation:ally-bar-28 3s}
.ally-results-bar-29{width:29%;animation:ally-bar-29 3s}
.ally-results-bar-30{width:30%;animation:ally-bar-30 3s}
.ally-results-bar-31{width:31%;animation:ally-bar-31 3s}
.ally-results-bar-32{width:32%;animation:ally-bar-32 3s}
.ally-results-bar-33{width:33%;animation:ally-bar-33 3s}
.ally-results-bar-34{width:34%;animation:ally-bar-34 3s}
.ally-results-bar-35{width:35%;animation:ally-bar-35 3s}
.ally-results-bar-36{width:36%;animation:ally-bar-36 3s}
.ally-results-bar-37{width:37%;animation:ally-bar-37 3s}
.ally-results-bar-38{width:38%;animation:ally-bar-38 3s}
.ally-results-bar-39{width:39%;animation:ally-bar-39 3s}
.ally-results-bar-30{width:40%;animation:ally-bar-40 3s}
.ally-results-bar-41{width:41%;animation:ally-bar-41 3s}
.ally-results-bar-42{width:42%;animation:ally-bar-42 3s}
.ally-results-bar-43{width:43%;animation:ally-bar-43 3s}
.ally-results-bar-44{width:44%;animation:ally-bar-44 3s}
.ally-results-bar-45{width:45%;animation:ally-bar-45 3s}
.ally-results-bar-46{width:46%;animation:ally-bar-46 3s}
.ally-results-bar-47{width:47%;animation:ally-bar-47 3s}
.ally-results-bar-48{width:48%;animation:ally-bar-48 3s}
.ally-results-bar-49{width:49%;animation:ally-bar-49 3s}
.ally-results-bar-50{width:50%;animation:ally-bar-50 3s}
.ally-results-bar-51{width:51%;animation:ally-bar-51 3s}
.ally-results-bar-52{width:52%;animation:ally-bar-52 3s}
.ally-results-bar-53{width:53%;animation:ally-bar-53 3s}
.ally-results-bar-54{width:54%;animation:ally-bar-54 3s}
.ally-results-bar-55{width:55%;animation:ally-bar-55 3s}
.ally-results-bar-56{width:56%;animation:ally-bar-56 3s}
.ally-results-bar-57{width:57%;animation:ally-bar-57 3s}
.ally-results-bar-58{width:58%;animation:ally-bar-58 3s}
.ally-results-bar-59{width:59%;animation:ally-bar-59 3s}
.ally-results-bar-60{width:60%;animation:ally-bar-60 3s}
.ally-results-bar-61{width:61%;animation:ally-bar-61 3s}
.ally-results-bar-62{width:62%;animation:ally-bar-62 3s}
.ally-results-bar-63{width:63%;animation:ally-bar-63 3s}
.ally-results-bar-64{width:64%;animation:ally-bar-64 3s}
.ally-results-bar-65{width:65%;animation:ally-bar-65 3s}
.ally-results-bar-66{width:66%;animation:ally-bar-66 3s}
.ally-results-bar-67{width:67%;animation:ally-bar-67 3s}
.ally-results-bar-68{width:68%;animation:ally-bar-68 3s}
.ally-results-bar-69{width:69%;animation:ally-bar-69 3s}
.ally-results-bar-70{width:70%;animation:ally-bar-70 3s}
.ally-results-bar-71{width:71%;animation:ally-bar-71 3s}
.ally-results-bar-72{width:72%;animation:ally-bar-72 3s}
.ally-results-bar-73{width:73%;animation:ally-bar-73 3s}
.ally-results-bar-74{width:74%;animation:ally-bar-74 3s}
.ally-results-bar-75{width:75%;animation:ally-bar-75 3s}
.ally-results-bar-76{width:76%;animation:ally-bar-76 3s}
.ally-results-bar-77{width:77%;animation:ally-bar-77 3s}
.ally-results-bar-78{width:78%;animation:ally-bar-78 3s}
.ally-results-bar-79{width:79%;animation:ally-bar-79 3s}
.ally-results-bar-80{width:80%;animation:ally-bar-80 3s}
.ally-results-bar-81{width:81%;animation:ally-bar-81 3s}
.ally-results-bar-82{width:82%;animation:ally-bar-82 3s}
.ally-results-bar-83{width:83%;animation:ally-bar-83 3s}
.ally-results-bar-84{width:84%;animation:ally-bar-84 3s}
.ally-results-bar-85{width:85%;animation:ally-bar-85 3s}
.ally-results-bar-86{width:86%;animation:ally-bar-86 3s}
.ally-results-bar-87{width:87%;animation:ally-bar-87 3s}
.ally-results-bar-88{width:88%;animation:ally-bar-88 3s}
.ally-results-bar-89{width:89%;animation:ally-bar-89 3s}
.ally-results-bar-90{width:90%;animation:ally-bar-90 3s}
.ally-results-bar-91{width:91%;animation:ally-bar-91 3s}
.ally-results-bar-92{width:92%;animation:ally-bar-92 3s}
.ally-results-bar-93{width:93%;animation:ally-bar-93 3s}
.ally-results-bar-94{width:94%;animation:ally-bar-94 3s}
.ally-results-bar-95{width:95%;animation:ally-bar-95 3s}
.ally-results-bar-96{width:96%;animation:ally-bar-96 3s}
.ally-results-bar-97{width:97%;animation:ally-bar-97 3s}
.ally-results-bar-98{width:98%;animation:ally-bar-98 3s}
.ally-results-bar-99{width:99%;animation:ally-bar-99 3s}
.ally-results-bar-100{width:100%;animation:ally-bar-100 3s}
@keyframes ally-bar-0{0%{width:0%;}100%{width:0%}}
@keyframes ally-bar-1{0%{width:0%;}100%{width:1%}}
@keyframes ally-bar-2{0%{width:0%;}100%{width:2%}}
@keyframes ally-bar-3{0%{width:0%;}100%{width:3%}}
@keyframes ally-bar-4{0%{width:0%;}100%{width:4%}}
@keyframes ally-bar-5{0%{width:0%;}100%{width:5%}}
@keyframes ally-bar-6{0%{width:0%;}100%{width:6%}}
@keyframes ally-bar-7{0%{width:0%;}100%{width:7%}}
@keyframes ally-bar-8{0%{width:0%;}100%{width:8%}}
@keyframes ally-bar-9{0%{width:0%;}100%{width:9%}}
@keyframes ally-bar-10{0%{width:0%;}100%{width:10%}}
@keyframes ally-bar-11{0%{width:0%;}100%{width:11%}}
@keyframes ally-bar-12{0%{width:0%;}100%{width:12%}}
@keyframes ally-bar-13{0%{width:0%;}100%{width:13%}}
@keyframes ally-bar-14{0%{width:0%;}100%{width:14%}}
@keyframes ally-bar-15{0%{width:0%;}100%{width:15%}}
@keyframes ally-bar-16{0%{width:0%;}100%{width:16%}}
@keyframes ally-bar-17{0%{width:0%;}100%{width:17%}}
@keyframes ally-bar-18{0%{width:0%;}100%{width:18%}}
@keyframes ally-bar-19{0%{width:0%;}100%{width:19%}}
@keyframes ally-bar-20{0%{width:0%;}100%{width:20%}}
@keyframes ally-bar-21{0%{width:0%;}100%{width:21%}}
@keyframes ally-bar-22{0%{width:0%;}100%{width:22%}}
@keyframes ally-bar-23{0%{width:0%;}100%{width:23%}}
@keyframes ally-bar-24{0%{width:0%;}100%{width:24%}}
@keyframes ally-bar-25{0%{width:0%;}100%{width:25%}}
@keyframes ally-bar-26{0%{width:0%;}100%{width:26%}}
@keyframes ally-bar-27{0%{width:0%;}100%{width:27%}}
@keyframes ally-bar-28{0%{width:0%;}100%{width:28%}}
@keyframes ally-bar-29{0%{width:0%;}100%{width:29%}}
@keyframes ally-bar-30{0%{width:0%;}100%{width:30%}}
@keyframes ally-bar-31{0%{width:0%;}100%{width:31%}}
@keyframes ally-bar-32{0%{width:0%;}100%{width:32%}}
@keyframes ally-bar-33{0%{width:0%;}100%{width:33%}}
@keyframes ally-bar-34{0%{width:0%;}100%{width:34%}}
@keyframes ally-bar-35{0%{width:0%;}100%{width:35%}}
@keyframes ally-bar-36{0%{width:0%;}100%{width:36%}}
@keyframes ally-bar-37{0%{width:0%;}100%{width:37%}}
@keyframes ally-bar-38{0%{width:0%;}100%{width:38%}}
@keyframes ally-bar-39{0%{width:0%;}100%{width:39%}}
@keyframes ally-bar-40{0%{width:0%;}100%{width:40%}}
@keyframes ally-bar-41{0%{width:0%;}100%{width:41%}}
@keyframes ally-bar-42{0%{width:0%;}100%{width:42%}}
@keyframes ally-bar-43{0%{width:0%;}100%{width:43%}}
@keyframes ally-bar-44{0%{width:0%;}100%{width:44%}}
@keyframes ally-bar-45{0%{width:0%;}100%{width:45%}}
@keyframes ally-bar-46{0%{width:0%;}100%{width:46%}}
@keyframes ally-bar-47{0%{width:0%;}100%{width:47%}}
@keyframes ally-bar-48{0%{width:0%;}100%{width:48%}}
@keyframes ally-bar-49{0%{width:0%;}100%{width:49%}}
@keyframes ally-bar-50{0%{width:0%;}100%{width:50%}}
@keyframes ally-bar-51{0%{width:0%;}100%{width:51%}}
@keyframes ally-bar-52{0%{width:0%;}100%{width:52%}}
@keyframes ally-bar-53{0%{width:0%;}100%{width:53%}}
@keyframes ally-bar-54{0%{width:0%;}100%{width:54%}}
@keyframes ally-bar-55{0%{width:0%;}100%{width:55%}}
@keyframes ally-bar-56{0%{width:0%;}100%{width:56%}}
@keyframes ally-bar-57{0%{width:0%;}100%{width:57%}}
@keyframes ally-bar-58{0%{width:0%;}100%{width:58%}}
@keyframes ally-bar-59{0%{width:0%;}100%{width:59%}}
@keyframes ally-bar-60{0%{width:0%;}100%{width:60%}}
@keyframes ally-bar-61{0%{width:0%;}100%{width:61%}}
@keyframes ally-bar-62{0%{width:0%;}100%{width:62%}}
@keyframes ally-bar-63{0%{width:0%;}100%{width:63%}}
@keyframes ally-bar-64{0%{width:0%;}100%{width:64%}}
@keyframes ally-bar-65{0%{width:0%;}100%{width:65%}}
@keyframes ally-bar-66{0%{width:0%;}100%{width:66%}}
@keyframes ally-bar-67{0%{width:0%;}100%{width:67%}}
@keyframes ally-bar-68{0%{width:0%;}100%{width:68%}}
@keyframes ally-bar-69{0%{width:0%;}100%{width:69%}}
@keyframes ally-bar-70{0%{width:0%;}100%{width:70%}}
@keyframes ally-bar-71{0%{width:0%;}100%{width:71%}}
@keyframes ally-bar-72{0%{width:0%;}100%{width:72%}}
@keyframes ally-bar-73{0%{width:0%;}100%{width:73%}}
@keyframes ally-bar-74{0%{width:0%;}100%{width:74%}}
@keyframes ally-bar-75{0%{width:0%;}100%{width:75%}}
@keyframes ally-bar-76{0%{width:0%;}100%{width:76%}}
@keyframes ally-bar-77{0%{width:0%;}100%{width:77%}}
@keyframes ally-bar-78{0%{width:0%;}100%{width:78%}}
@keyframes ally-bar-79{0%{width:0%;}100%{width:79%}}
@keyframes ally-bar-80{0%{width:0%;}100%{width:80%}}
@keyframes ally-bar-81{0%{width:0%;}100%{width:81%}}
@keyframes ally-bar-82{0%{width:0%;}100%{width:82%}}
@keyframes ally-bar-83{0%{width:0%;}100%{width:83%}}
@keyframes ally-bar-84{0%{width:0%;}100%{width:84%}}
@keyframes ally-bar-85{0%{width:0%;}100%{width:85%}}
@keyframes ally-bar-86{0%{width:0%;}100%{width:86%}}
@keyframes ally-bar-87{0%{width:0%;}100%{width:87%}}
@keyframes ally-bar-88{0%{width:0%;}100%{width:88%}}
@keyframes ally-bar-89{0%{width:0%;}100%{width:89%}}
@keyframes ally-bar-90{0%{width:0%;}100%{width:90%}}
@keyframes ally-bar-91{0%{width:0%;}100%{width:91%}}
@keyframes ally-bar-92{0%{width:0%;}100%{width:92%}}
@keyframes ally-bar-93{0%{width:0%;}100%{width:93%}}
@keyframes ally-bar-94{0%{width:0%;}100%{width:94%}}
@keyframes ally-bar-95{0%{width:0%;}100%{width:95%}}
@keyframes ally-bar-96{0%{width:0%;}100%{width:96%}}
@keyframes ally-bar-97{0%{width:0%;}100%{width:97%}}
@keyframes ally-bar-98{0%{width:0%;}100%{width:98%}}
@keyframes ally-bar-99{0%{width:0%;}100%{width:99%}}
@keyframes ally-bar-100{0%{width:0%;}100%{width:100%}}
