body {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-size: 95%;
    line-height: 1.7;
}

div#page_head, div#page_foot
{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

h1
{
    font-family: "Downcome", sans-serif;
    font-weight: normal;
    font-size: 2.5em;
    color: rgb(119, 160, 51);
}

h2
{
    font-family: "Downcome", sans-serif;
    font-weight: normal;
    font-size: 1.7em;
    color: rgb(119, 160, 51);
}

h3
{
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    color: rgb(119, 119, 119);
}

p.bildunter
{
    font-family: "Roboto Condensed", sans-serif;
    font-weight: normal;
    font-size: 0.85em;
    color: rgb(119, 119, 119);
}

a:link
{
    text-decoration: underline;
    color:#000;
}

a:hover
{
    text-decoration: underline;
    color:#455e1e;
}

a:active, a:visited
{
    text-decoration: underline;
    color:#769f31;
}

div#main_nav_container
{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}

div.head_nav_item
{
    display: inline;
    position: relative;
    float: left;
}

div.main_nav_item_box
{
    display: inline-block;
    position: relative;
    font-family: "Downcome", sans-serif;
    font-size: 2em;
    color: #fff;
    text-align:center;
    width:auto;
    margin-right:1em;
    padding:0 0.4em 0 0.4em;
}

div.main_nav_item_box.small
{
    min-width:120px;
    background-image: url('/assets/images/navi_bg_small_normal.png');
    background-repeat: no-repeat;
    background-size: cover;
}

div.main_nav_item_box.medium
{
    min-width:180px;
    background-image: url('/assets/images/navi_bg_medium_normal.png');
    background-repeat: no-repeat;
    background-size: cover;
}

div.main_nav_item_box.large
{
    min-width:240px;
    background-image: url('/assets/images/navi_bg_large_normal.png');
    background-repeat: no-repeat;
    background-size: cover;
}

div.main_nav_item_box.small.active
{
    min-width:120px;
    background-image: url('/assets/images/navi_bg_small_active.png');
    background-repeat: no-repeat;
    background-size: cover;
    color:#000;
}

div.main_nav_item_box.medium.active
{
    min-width:180px;
    background-image: url('/assets/images/navi_bg_medium_active.png');
    background-repeat: no-repeat;
    background-size: cover;
    color:#000;
}

div.main_nav_item_box.large.active
{
    min-width:240px;
    background-image: url('/assets/images/navi_bg_large_active.png');
    background-repeat: no-repeat;
    background-size: cover;
    color:#000;
}

div.main_nav_item_box:hover
{
    color:#000;
}

div#secondary_navi
{
    display:flex;
    position:relative;
    width:330px;
    background-image: url('/assets/images/secondary_navi.png');
    background-size: cover;
    justify-content: space-between;
    align-content: center;
    margin-top:1em;
    padding: 3px 6px 6px 6px;
}

div.secondary_navi_item
{
    display: inline-block;
    position: relative;
    font-family: "Downcome", sans-serif;
    font-size: 1.4em;
    color: #fff;
    text-align:center;
    width:auto;
    padding:0 0.3em 0 0.3em;
}

div.secondary_navi_item a:link
{
    color:#fff;
    text-decoration: none;
}

div.secondary_navi_item:hover a:link, div.secondary_navi_item:hover a:hover
{
    color:#999;
    text-decoration: none;
}

div.secondary_navi_item.active a:link
{
    color:rgb(119, 160, 51);
    text-decoration: none;
}

div.secondary_navi_item.active:hover a:link, div.secondary_navi_item.active:hover a:hover
{
    color:#999;
    text-decoration: none;
}

#page_foot p
{
  font-size: 0.9em;
}

#page_foot p span
{
  font-size: 0.8em;
}

#page_foot a
{
  color: #769f31;
  text-decoration: underline;
}

#page_foot a:hover
{
  text-decoration: none;
}

#soundbutton-container
{
    cursor: pointer;
}

.avs_label_right
{
    text-align: right;
}

.form-check-input:checked
{
    background-color: #77a033;
    border-color: #77a033;
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #77a033;
    --bs-btn-border-color: #77a033;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0f5334;
    --bs-btn-hover-border-color: #0f5232;
    --bs-btn-focus-shadow-rgb: 60,153,110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #455e1e;
    --bs-btn-active-border-color: #2c3b13;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ccc;
    --bs-btn-disabled-border-color: #ccc;
}

div.form-group .error, ul.error
{
    background-color: lightcoral;
    color:#000;
}