#div_footer
{
    color: var(--cl_red);
    font-size: var(--ft_small);
    clear: both;
    margin-top: 2em;
    margin-bottom: 2em;
}

#div_footer_fullscreen
{
    color: var(--cl_red);
    font-size: var(--ft_small);
    clear: both;
    margin-top: 2em;
    margin-bottom: 2em;
}

.div_article_content_content
{
    position: relative;
    margin-bottom: 2em;
    background-color: var(--cl_light);
    min-height: calc( 54vh - 6em );
    border-radius: 6px;
    padding: 2em 2em 4em 2em;
    border: 1px solid #e5e5e5;
}

.div_article_content_fullscreen
{
    position: relative;
    min-height: calc( 100vh - 112px - 6em );
    padding-bottom: 4em;
}

@media( max-width: 800px )
{
    .div_article_content_fullscreen
    {
	padding: 0;
	border-radius: 5px;
    }
}

.div_article_content_summaries
{
    position: relative;
    margin-bottom: 2em;
    background-color: var(--cl_light);
}

.div_article_content_thumbs
{
    position: relative;
    margin-bottom: 2em;
    display: inline-block;
}

@media( max-width: 800px )
{
    .div_article_content_content
    {
	background-color: unset;
	padding: .25em;
	width: calc( 100% - 55px );
	padding-top: 24px;
    }
    .div_article_content_summaries
    {
	background-color: unset;
	padding: .25em;
	width: 100%;
	padding-top: 24px;
    }
}

#div_nearby
{
    margin-top: 2em;
    margin-bottom: 2em;
    max-width: calc( 100% - 1em );
}

@media( max-width: 800px )
{
    #div_nearby
    {
	width: calc( 100% - 56px );
	max-width: calc( 100% - 56px );
	border-radius: 5px;
	border: 1px solid var( --cl_dark );
    }
}

#div_path
{
    position: relative;
    margin-bottom: .5em;
    margin-top:0px;
    margin-left: .5em;
    transition: opacity 500ms;
    vertical-align: middle;
}

#div_welcome
{
    margin-left:9px;
    margin-top:0px;
    margin-bottom: .5em;
    position: relative;
    height:33px;
    transition: opacity 500ms;
}

.div_statusoutput_fixed
{
    top: 4.5em;
    right: 1em;
    border: 2px solid var(--cl_red);
    border-radius: 10px;
    background-color: #ffffff;
    padding: 2em;
    position: fixed;
}

.div_statusoutput_fullscreen
{
    width: 60%;
    border: 2px solid var(--cl_red);
    padding: 0.75em 1em;
    border-radius: 4px;
    background-color: rgba( 100%, 100%, 100%, 0.85 );
    margin-bottom: 2em;
}

.div_statusoutput_relative
{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    border: 2px solid var(--cl_red);
    padding: 0.75em 1em;
    border-radius: 10px;
    background-color: rgba( 100%, 100%, 100%, 0.85 );
}


.div_statusoutput_edit
{
    position: absolute;
    color: var(--cl_red);
    top: 1em;
    right: 1em;
    display: block;
}

#div_logos_aside_right_admin
{
    display: inline-block;
    position: fixed;
    right: 1em;
    top: 0em;
}

@media( max-width: 800px )
{
    #div_logos_aside_right_admin
    {
	display: block;
	position: fixed;
	right: 0em;
	top: 1em;
    }
}


#div_logos_aside_right_user
{
    display: block;
    position: fixed;
    right: 0px;
    bottom: 5em;
}

.div_logo_aside_right_user
{
    position: relative;
    width: 56px;
    height: 56px;
    margin-right: 0px;
    margin-bottom: 2px;
    background-color: var(--cl_white);
    border: 1px solid var(--cl_middle);
    border-radius: 10px 0px 0px 10px;
    text-align: center;
    cursor: pointer;
}

.div_logo_aside_right_admin_preview
{
    position: relative;
    display: inline-block;
    width: 56px;
    height: 56px;
    margin-right: 5px;
    margin-bottom: 0px;
    background-color: var(--cl_white);
    border: 0px solid var(--cl_middle);
    border-radius: 0px 0px 10px 10px;
    text-align: center;
    cursor: pointer;
}



.div_logo_aside_right_admin_edit
{
    position: relative;
    display: inline-block;
    width: 56px;
    height: 56px;
    margin-right: 5px;
    margin-bottom: 0px;
    background-color: var(--cl_white);
    border: 1px solid var(--cl_middle);
    border-radius: 0px 0px 10px 10px;
    text-align: center;
    cursor: pointer;
}

@media( max-width: 800px )
{
    .div_logo_aside_right_admin_preview
    {
	display: block;
	margin-right: 0px;
	margin-bottom: 2px;
	border-radius: 10px 0px 0px 10px;
    }

    .div_logo_aside_right_admin_edit
    {
	display: block;
	margin-right: 0px;
	margin-bottom: 2px;
	border-radius: 10px 0px 0px 10px;
    }
}

#div_subheader
{
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-top:10px;
    width: 70%;
}

#div_subheader_fullscreen
{
    position: relative;
    margin-left: 2em;
    width: calc( 100% - 64px );
    padding-top:10px;
}

#div_main
{
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    max-width: 70%;
    width: calc( 100% - 2em - 56px );
    top: 46vh;
    min-height: calc( 60vh - 4em );
}

#div_main_fullscreen
{
    margin-left: 2em;
    font-size: var( --ft_normal );
    position: relative;
    width: calc( 100% - 56px );
    margin-top: 112px;
}

.div_main_scroll
{
    max-height: calc( 100vh - 112px );
    overflow: scroll;
}

.div_footer_scroll
{
}

#div_logos_aside_left
{
    display: block;
    position:fixed;
    cursor: pointer;
    bottom: 2em;
    max-width: 10%;
}

#div_oversubheader
{
    width: 100%;
}

.div_oversubheader_unclipped
{
    position: absolute;
    background-color: transparent;
    box-shadow: none;
    bottom: 68vh;
    vertical-align: bottom;
}

.div_oversubheader_clipped
{
    box-shadow: 0 8px 10px var(--cl_shadow);
    background-color: var( --cl_white );
    position: fixed;
    top: 0px;
    height: 112px;
    vertical-align: bottom;
}

.div_path_clipped
{
    visibility: visible;
}

.div_path_unclipped
{
    visibility: hidden;
}

#div_oversubheader_fullscreen
{
    display: inline-block;
    top: 0px;
    height: 0px;
    white-space: nowrap;
}

#div_wallpaper_desktop
{
    width: 100vw;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#img_wallpaper_desktop
{
    position: relative;
    width: 100%;
}

#div_wallpaper_mobile
{
    display: none;
}

#img_wallpaper_mobile
{
}

#div_header
{
    position: absolute;
    top: 0px;
}

#div_titlebox
{
    position: absolute;
    padding: 10px 10px 10px 10px;
    top: 0px;
    left: 0px;
    background-color: rgba( 0, 0, 0, 0 );
    width: 680px;
    white-space: nowrap;
}

#div_title
{
    color: #ffffff;
    font-size: 1.8em;
}


#div_logo
{
    display: inline-block;
}

#div_titles
{
    display: inline-block;
    margin-left: 5%;
    vertical-align: top;
}

#div_subtitle
{
    font-size: 1.2em;
    color: #ffffff;
    white-space: normal;
}

#img_logo_alternate
{
    height: 18vw;
}

#img_logo
{
    height: 8em;
}

#div_logo_clipped
{
    position: absolute;
    top: 1em;
    left: 1em;
    height: 100%;
}

#img_logo_clipped
{
    height: 75%;
}

#img_title
{
    width: 100%;
    max-height: 50px;
    object-fit: contain;
    object-position: left;
}

#div_logo_alternate
{
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 1em;
}

.tree_menu_mother_button
{
    font-size: var( --ft_Large );
}


@media (max-width: 1500px)
{
    #div_logos_aside_left
    {
	display: none;
    }
}



@media (max-width: 1850px)
{
    .tree_menu_mother_button
    {
	font-size: var( --ft_large );
    }
}
@media (max-width: 1700px)
{
    .tree_menu_mother_button
    {
	font-size: var( --ft_normal );
    }
}
@media (max-width: 1450px)
{
    .tree_menu_mother_button
    {
	font-size: var( --ft_normal );
	padding: 5px 5px;
    }
}
@media (max-width: 1300px)
{
    #div_logos_aside_left
    {
	display: none;
    }

    #div_main
    {
	position: absolute;
	max-width: calc( 100% - 2em - 56px );
	width: calc( 100% - 2em - 56px );
	transform: translateX(-50%);
	left: 50%;
    }
    #div_subheader
    {
	width: 100%;
	margin-left: 7em;
    }
}
@media ( max-width: 800px )
{
    #div_oversubheader_fullscreen
    {
	display: none;
    }
    .div_statusoutput_relative
    {
	width: calc( 100% - 56px );
	margin-left: 0px;
	margin-right: 0px;
    }
    .div_oversubheader_unclipped
    {
	bottom: auto;
    }

    #div_wallpaper_desktop
    {
	display: none;
    }

    #img_wallpaper_desktop
    {
    }

    #div_wallpaper_mobile
    {
	display: block;
	background-size: cover;
	background-position: top;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0px;
    }

    #div_header
    {
	position: absolute;
	top: 0px;
	width: 100%;
    }

    #div_title
    {
	color: #ffffff;
	font-size: 1em;
    }

    #div_titlebox
    {
	display: flex;
	position: relative;
	gap: 1em;
	top: 0px;
	left: 0px;
	background-color: rgba( 0, 0, 0, 0.2 );
	width: 100%;
	margin: 0px;
    }

    #div_logo
    {
	flex: 0 0 auto;
    }

    #div_logo_clipped
    {
	top: 5px;
	left: 5px;
    }

    #div_titles
    {
	flex: 1 1 auto;
    }

    #div_subtitle
    {
	font-size: 0.8em;
	color: #ffffff;
	
    }

    #img_logo_alternate
    {
	width: 5em;
    }

    #img_logo
    {
	height: 4em;
    }

    #div_wallpaper_desktop
    {
	width: 100vw;
    }
    #img_wallpaper_desktop
    {
	position: relative;
	width: 100%;
    }

    #div_path
    {
    }

    .div_path_unclipped
    {
	visibility: visible;
    }
    
    .display_subheader_block
    {
	display: block;
    }
    
    .display_subheader_none
    {
	display: none;
    }

    .div_welcome
    {
	display: none;
    }

    .buttonfield
    {
	white-space: auto;
    }
   .tree_sitemap_button
    {
	font-size: var( --ft_large );
    }
    .div_statusoutput_fullscreen
    {
	width: calc( 100% - 56px );
	margin-left: 0;
	margin-top: 14px;
    }
    .tree_sitemap_item
    {
	display: block;
    }
    .tree_menu_mother_item
    {
	display: block;
	margin-right: 56px;
	margin-bottom: 1em;
    }

    #div_oversubheader
    {
	position: absolute;
	width: calc( 100% - 56px - 1em );
	margin-left: 0.5em;
	border-radius: 5px;
	background-color: unset;
	top: 14vh;
    }

    #div_main_fullscreen
    {
	position: absolute;
	margin-left: 0.5em;
	width: calc( 100% - 1em );
    }

    #div_footer
    {
	position: absolute;
	color: var(--cl_red);
	font-size: var(--ft_small);
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 0;
	width: 100%;
	bottom: 0px;
	height: auto;
    }

    .div_menu
    {
	position: absolute;
	bottom: auto;
	color: var(--cl_red);
	border: 1px solid var(--cl_dark);
	background-color: var(--cl_white);
	padding: 0.5em;
	width: calc( 100% - 56px - 1em );
	left: 0.5em;
    }
    
    #div_tree
    {
	display: none;
    }
    
    #div_main
    {
	transform: none;
	position: absolute;
	width: calc( 100% - 1em );
	max-width: calc( 100% - 1em );
	left: 0.5em;
	top: 33vh;
	min-height: 67vh;
	padding-bottom: 12em;
    }

    #div_logos_aside_right
    {
	display: block;
	position: fixed;
	right: 0px;
	top: 5em;
	z-index: 3;
    }
    #div_subheader
    {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	padding-bottom: 10px;
	padding-top:10px;
    }

    #div_subheader_fullscreen
    {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	padding-bottom: 10px;
	padding-top:10px;
    }

    .mobile_block
    {
	display: block;
    }

    .mobile_inline_block
    {
	display: inline-block;
    }

    .desktop_inline_block
    {
	display: none;
    }

    .desktop_block
    {
	display: none;
    }
}