:root {
    --cl_solid: rgba(100%, 100%, 100%, 1);
    --cl_satin: rgba(100%, 100%, 100%, 0.75);
    --cl_transparent: rgba(100%, 100%, 100%, 0.5);
    --cl_shadow: rgba(0%, 0%, 0%, 0.1);
    --cl_black: #000000;
    --cl_dark: #4d4d4d;
    --cl_middle: #cccccc;
    --cl_grey: #f7f7f7;
    --cl_light: #fdfdfd;
    --cl_white: #ffffff;
    --cl_red: #ba0000;
    --cl_red_light: #ffb9b9;
    --cl_green: #005706;
    --cl_green_light: #ceeece;

    --cl_espresso: #3f3f3f;
    --cl_umbra: #4d4d4d;
    --cl_brown: #cccccc;
    --cl_orange: #f7f7f7;
    --cl_yellow: #fdfdfd;

    --ft_button: 1em;
    --ft_Huge: 2em;
    --ft_huge: 1.60em;
    --ft_Large: 1.30em;
    --ft_large: 1.20em;
    --ft_normal: 1.00em;
    --ft_small: 0.90em;
    --ft_tiny: 0.80em;
}

*
{
    box-sizing: border-box;
}

body
{
    font-size: var( --ft_normal );
    font-family: 'Open Sans';
    color: var(--cl_black);
    margin: 0px;
    background-color: var(--cl_light);
}

a
{
    text-decoration: none;
    color: var(--cl_black);
}

#id_hidden_fields
{
    display: none;
    position: fixed;
    top: 0em;
    right: 30em;
    width: 30em;
    z-index: 99;
    padding: 1em;
    margin-top: 1em;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #000000;
}

.schedule_whole_year
{
    position: fixed;
    color: var( --cl_espresso );
    border: 2px solid #ba0000;
    border-radius: 5px;
    padding: 2em;
    background-color: var( --cl_white );
}

.hidden_field
{
    display: block;
}

.space_1
{
    margin-left: 0em;
}

.space_2
{
    margin-left: 1em;
}

.space_3
{
    margin-left: 2em;
}

.space_4
{
    margin-left: 3em;
}

.div_display_block
{
    display: block;
}

.div_display_inline_block
{
    display: inline-block;
}

.div_display_none
{
    display: none;
}

.bold
{
    font-weight: bold;
}

.content_flex
{
    flex-grow: 1;
}

.div_flex
{
    display: flex;
}

.button_escape
{
    display: inline-block;
    border: 0px;
    background-color: transparent;
    width: 2em;
    vertical-align: middle;
}

.img_upload_small
{
    max-width: 350px;
    max-height: 350px;
    margin-top: 1em;
}

.img_close_inactive
{
    opacity: 0.5;
}

.div_close
{
    position: absolute;
    right: 1em;
    top: 1em;
    background-color:rgba(100%, 100%, 100%, 0.5);
    border: 1px solid rgba(0%, 0%, 0%, 0.5);
    width: 2em;
    height: 2em;
    border-radius: 5px;
}

.img_close
{
}

.selectfield
{
    font-size: var(--ft_button);
    display: inline-block;
}

.field_padding
{
    padding: .35em 0.7em;
}

ul
{
}

ol
{
}

.img_latex
{
}

.table_all td
{
}

.table_all
{
}

.table_all tr td
{
    padding-right: 1em;
    text-align: center;
}

.table_all td:first-child
{
    text-align: left;
}

.table_all td:last-child
{
}

.table_all tr:first-child td
{
}

.table_all tr:last-child td
{
}

.table_border_bottom td
{
    border-bottom: 1px solid var( --cl_umbra );
}

textarea
{
    min-height: 100px;
}

.textarea_token
{
    border-radius: 10px;
    border: 1px solid var( --cl_red );
    padding: 1em;
    width: 100%;
    height: 6em;
}

input[type=radio]
{
}

input[type=checkbox]
{
}


.title
{
    
}

.field_margin
{
    margin-bottom: 3px;
    margin-top: 3px;
    margin-right: .5em;
}

.textfield
{
    display: inline-block;
    margin-left: 0px;
    padding-left: 0.5em;
    margin-right: 1em;
}

.textfield_config
{
    width: 54em;
}

.div_next_to_next
{
    display: inline-block;
    margin-right: 1.5em;
    margin-bottom: 0.5em;
    vertical-align: middle;
}

.div_next_to_next_line
{
    width: 100%;
    margin-bottom: 2em;
}

.div_next_to_next_radio
{
    width: 20em;
    display: inline-block;
}

.div_next_to_next_newline
{
}

.div_next_to_next_configuration_header
{
    width: 100%;
    color: #ba0000;
    margin-bottom: 0.5em;
}

.div_next_to_next_configuration_radio
{
    display: inline-block;
    width: 22em;
}

.div_next_to_next_configuration
{
    width: 100%;
    margin-bottom: 0.5em;
}

.div_next_to_next_line_configuration
{
    width: 100%;
    margin-bottom: 2em;
}

.div_configuration_title
{
    display: inline-block;
    width: 100%;
    margin-right: 1em;
}

.labelfield
{
    font-size: var(--ft_button);
    display: inline-block;
    margin-left: .25em;
    margin-right: 2em;
}

.div_captcha
{
    white-space: nowrap;
}

.div_item
{
    margin-bottom: 1em;
}

.div_pre
{
    display: inline-block;
    width: 200px;
    margin-right: 1em;
    margin-bottom: 0.25em;
}

.div_post
{
    display: inline-block;
}

.div_table_item
{
    margin-bottom: 1em;
}

.div_table_pre
{
    display: inline-block;
    width: 200px;
    margin-right: 1em;
    margin-bottom: 0.25em;
    vertical-align: middle;
}

.div_table_post
{
    display: inline-block;
    max-width: 70%;
    vertical-align: middle;
}

.div_tree_spacer
{
    display: inline-block;
}

.path_element
{
    display: inline-block;
    margin-left: .25em;
    margin-right: .25em;
    cursor: pointer;
}

#div_tree_edit
{
}

#div_edit_header
{
    position: fixed;
    padding: 1em;
    background-color: var(--cl_white);
    width: calc( 100% - 2em );
    border-bottom: 1px solid var(--cl_red);
    top: 0px;
    left: 0px;
}

.div_edit_article_item
{
    border-bottom: 1px solid #ba0000;
    padding-bottom: 2em;
    padding-top: 2em;
}

#main_author
{
    position:relative;
    margin: 10px;
    top:111px;
}

.div_user
{
    clear: both;
}

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

.div_user_rights
{
    vertical-align: top;
    display: inline-block;
}

.div_user_data
{
    vertical-align: top;
    display: inline-block;
    margin-right: 5em;
}

.table_user_rights
{
    border: 0px solid;
    text-align: center;
    margin-top: 1em;
}

.table_user_rights tr > td
{
    border: 1px solid var(--cl_black);
    padding-left: 1em;
    padding-right: 1em;
}

.table_user_rights tr:first-of-type > td
{
    color: var(--cl_red);
}

.table_user_rights td:first-of-type
{
    text-align: left;
}

.div_header_Huge
{
    font-size: var(--ft_Huge);
    margin: .8em;
}

.div_header_huge
{
    font-size: var(--ft_huge);
    margin-bottom: .6em;
}

.div_header_Large
{
    font-size: var(--ft_Large);
    margin-bottom: 0.5em;
}

.div_header_large
{
    font-size: var(--ft_large);
    margin-bottom: 0.4em;
}

.div_header_normal
{
    font-size: var(--ft_normal);
    margin-bottom: 0.3em;
    margin-top: 0.7em;
}

.div_list_column_header
{
    text-align: center;
    border: 1px solid var(--cl_red);
    border-radius: 5px;
    padding: 3px;
    width: 100%;
}

.div_user_edit
{
    clear: both;
    margin-bottom: 3em;
}

.div_user_list
{
    clear: both;
    margin-bottom: 3em;
}

.div_user_add
{
    clear: both;
    margin-bottom: 3em;
}

.menu_entry
{
    text-align: left;
    border: 1px solid var(--cl_middle);
    padding: 3px 15px 3px 15px;
    background-color: var(--cl_light);
    margin-left: 10px;
    margin-right: 10px;
}

.disabled
{
    opacity: 0.2;
    cursor: default;
}

.table_margin td
{
    padding-right: .25em;
    padding-left: .25em;
}

.div_login_character
{
    margin-bottom: 3em;
}

.div_login_token
{
    margin-bottom: 2em;
    margin-top: 3em;
}

.div_login_welcome
{
    margin-top: 3em;
    margin-bottom: 3em;
}

.div_login_welcome_text
{
    margin-bottom: 3em;
    font-size: var(--ft_Large);
}

.div_notice
{
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
}

.div_login_loginbuttons
{
    color: var(--cl_red);
    margin-top: 0.75em;
    margin-bottom: 3em;
}

#id_seconds_hinoon
{
}

.button_squared
{
    background-color: var(--cl_white);
    display: block;
    position: absolute;
    width: 42px;
    height: 42px;
    top: 15px;
    cursor: pointer;
    padding:3px;
    border: 1px solid var(--cl_middle);
    border-radius: 5px;
}

.buttonfield_nopointer
{
    display: inline-block;
    border: 1px solid var(--cl_middle);
    padding: 2px 0.5em;
    cursor: default;
    background-color: var(--cl_light);
    border-radius: 5px;
}

.div_nearby_line
{
    margin-top: 1em;
    margin-bottom: 1em;
}

.div_nearby_words_pre_next
{
    display: inline-block;
    margin-left: 2em;
    text-align: right;
    vertical-align: middle;
}

.div_nearby_words_further
{
    display: inline-block;
    margin-left: 2em;
    margin-right: 1em;
    text-align: right;
}

.div_nearby_item
{
    display: inline-block;
    margin-left: 2em;
}

.display_subheader_block
{
    display: block;
}

.display_subheader_none
{
    display: block;
}

#div_subheader_content
{
    position: relative;
}

.mobile_block
{
    display: none;
}

.mobile_inline_block
{
    display: none;
}

.desktop_inline_block
{
    display: inline-block;
}

.desktop_block
{
    display: block;
}

.background
{
    background-color: var(--cl_satin);
}

@media( max-width: 800px )
{
    .background
    {
	background-color: transparent;
    }
}



.background_solid
{
    background-color: var(--cl_solid);
}

.no_background
{
    background-color: transparent;
}

.tree_menu_home
{
    display: none;
}

.tree_menu_childs
{
    display: inline-block;
    margin: 3px 0px;
    vertical-align: top;
}

.tree_menu_childs_cover
{
    background-color: var(--cl_orange);
    color: var(--cl_black);
    margin-top: 6px;
    display: none;
    position: absolute;
    border: 1px solid var(--cl_brown);
    border-radius: 5px;
    white-space: nowrap;
}

.tree_menu_childs_nextcover
{
    background-color: var(--cl_orange);
    margin-top: 1px;
    left: 100%;
    transform: translateY(-39px);
    display: none;
    position: absolute;
    border: 1px solid var(--cl_brown);
    border-radius: 5px;
    white-space: nowrap;
}

.tree_menu_childs_column
{
    display: inline-block;
    position: relative;
    vertical-align: top;
}

@media( max-width: 800px )
{
    .tree_menu_childs_column
    {
	width: 100%;
    }
}


.tree_menu_item
{
    text-align: left;
    cursor: pointer;
}

.tree_menu_mother_item
{
    display: inline-block;
    margin-right: 6px;
}

.tree_menu_child_item
{
    display: block;
}

.tree_menu_button
{
    font-size: var(--ft_normal);
    border: none;
    width: 100%;
    text-align: left;
    border-radius: 5px;
    cursor: pointer;
    white-space: nowrap;
    padding: 0.5em 1em;
}

.tree_menu_mother_button
{
    background-color: var(--cl_umbra);
    color: var(--cl_white);
    border: 1px solid var(--cl_espresso);
    opacity: .85;
}

.tree_menu_mother_button:hover
{
    background-color: var(--cl_orange);
    color: var( --cl_black );
}

.tree_menu_mother_button_active
{
    background-color: var(--cl_brown);
    color: var(--cl_black);
}

.tree_menu_child_button
{
    background-color: var(--cl_orange);
    font-size: var(--ft_large);
    color: var(--cl_black);
    transition: background-color 300ms;
}

.tree_menu_child_button:hover
{
    background-color: var(--cl_brown);
    color: var( --cl_black );
}


.tree_menu_child_button_active
{
    background-color: var(--cl_brown);
    color: var(--cl_black);
}

.tree_sitemap_childs
{
    display: inline-block;
    margin: 3px 0px;
    vertical-align: top;
}

.tree_sitemap_childs_cover
{
    color: var(--cl_black);
    display: block;
    position: relative;
}

.tree_sitemap_childs_nextcover
{
    position: absolute;
    left: 2em;
}

@media( max-width: 800px )
{
    .tree_sitemap_childs_nextcover
    {
	position: relative;
	left: 1em;
    }
}

.tree_sitemap_item
{
    text-align: left;
    cursor: pointer;
    vertical-align: top;
}

.tree_sitemap_mother_item
{
    display: inline-block;
    margin-right: 6px;
    margin-top: 1em;
}

.tree_sitemap_child_item
{
    display: block;
}

.tree_sitemap_button
{
    font-size: var(--ft_small);
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

.tree_sitemap_mother_button
{
    background-color: transparent;
    color: var(--cl_red);
    padding: 5px 1em;
}

@media( max-width: 800px )
{
    .tree_sitemap_mother_button
    {
	padding: 5px;
    }
}


.tree_sitemap_child_button
{
    background-color: transparent;
    color: var(--cl_black);
    padding: 0.5em 1em;
    transition: background-color 300ms;
}

@media( max-width: 800px )
{
    .tree_sitemap_child_button
    {
	padding: 5px;
    }
}


.tree_footer_childs
{
    display: inline-block;
    margin: 3px 0px;
    vertical-align: top;
}

.tree_footer_childs_column
{
    display: inline-block;
}

.tree_footer_childs_cover
{
    color: black;
    display: block;
    position: relative;
}

.tree_footer_childs_nextcover
{
    position: absolute;
    left: 2em;
}

.tree_footer_item
{
    text-align: left;
    cursor: pointer;
    vertical-align: top;
}

.tree_footer_mother_item
{
    display: inline-block;
    margin-right: 6px;
}

.tree_footer_child_item
{
    display: block;
}

.tree_footer_button
{
    font-size: var(--ft_small);
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

.tree_footer_mother_button
{
    font-size: var(--ft_small);
    background-color: var( --cl_satin );
    color: var(--cl_red);
    padding: 5px 1em;
    margin-right: 0.25em;
    margin-bottom: 0.25em;
    border-radius: 3px;
}

.tree_footer_child_button
{
    font-size: var(--ft_small);
    background-color: transparent;
    color: var(--cl_black);
    padding: 0.5em 1em;
    transition: background-color 300ms;
}

#div_search
{
    position: relative;
    margin: auto;
    border-radius: 5px 5px 5px 5px;
    overflow: hidden;
    transition: width 500ms, opacity 500ms;
    background-color: var( --cl_light );
    padding: 1em;
    margin-top: 40vh;
    width: 70%;
}

@media( max-width: 800px )
{
    #div_search
    {
	margin-top:27vh;
	margin-left: 0.5em;
	z-index: 3;
	width: calc( 100% - 56px - 1em );
    }
}


.div_search_fold
{
    width: 0px;
    height: 0px;
    opacity: 0;
}

.div_search_unfold
{
    width: 60%;
    height: auto;
    opacity: 1;
}

@media( max-width: 800px )
{
    .div_search_unfold
    {
	position: absolute;
	top: 30vh;
	width: calc( 100% - 56px - 1em );
	z-index: 2;
    }
}

.input_search
{
    border-radius: 5px;
    width: 100%;
    margin-bottom: 1em;
    margin-top: .5em;
}

.div_search_icon
{
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
    width: 3em;
}

.img_search_icon
{
    width: 100%;
}

.icon_unclickable
{
    position: relative;
    height: 24px;
    top: 6px;
}

.div_article_ist_content
{
    margin-left: 1em;
}

.div_logo_aside_right_margin_top
{
    margin-top: 1em;
}

@media( max-width: 800px )
{
    .div_logo_aside_right_margin_top
    {
	margin-top: auto;
    }
}

.add_opacity
{
    opacity: 1;
}
@media( max-width: 800px )
{
    .add_opacity
    {
	opacity: 0.8;
    }
}

.img_logo_aside_left
{
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    display: block;
    margin-top: 1em;
}

.img_qr_small
{
    height: 80px;
}

.div_qr_small
{
    position: relative;
    display: inline-block;
    margin-right: 10px;
    margin-left: 5px;
    top: 12px;
}

.img_logo_aside_right
{
    display: inline-block;
    height: 42px;
    margin-top: 7px;
}

#div_security_dialogue
{
    position: fixed;
    padding: 40px;
    border: 3px solid var(--cl_red);
    border-radius: 5px;
    background-color: var(--cl_white);
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

#div_security_dialogue_content
{
    margin-bottom: 20px;
}

.div_dialogue
{
    display: none;
}

.div_dialogue_header
{
    margin-bottom: 10px;
    color: var(--cl_red);
}

#div_article_add
{
    margin-top: 40px;
    margin-bottom: 20px;
}

.div_page_add
{
}

.div_page_layer_space<
{
    display: inline-block;
    margin-right: 30px;
}

.buttonfield_layer_list
{
    border: 0px;
    padding: 0px;
    background-color: transparent;
}

.buttonfield_block_list
{
    width: 15em;
    text-align: left;
}

#div_edit_layer_list
{
    position: fixed;
    top: 168px;
    left: 1em;
    display: block;
    height: calc( 98vh - 150px );
    width: 15em;
    overflow-y: scroll;
    border-radius: 5px;
    border: 1px solid #cccccc;
    padding: 0.5em;
}

#div_edit_block_list
{
    position: fixed;
    top: 168px;
    left: 17em;
    display: block;
    height: calc( 98vh - 150px );
    width: 20em;
    overflow-y: scroll;
    border-radius: 5px;
    border: 1px solid #cccccc;
    padding: 0.5em;
}

.div_list_block_item
{
}

.div_list_block_name
{
    display: inline-block;
}

.div_list_block_type
{
    display: inline-block;
    width: 3em;
}

#div_edit_edit
{
    display: block;
    position: fixed;
    top: 168px;
    height: calc( 98vh - 150px );
    width: calc( 100% - 45em );
    overflow-y: scroll;
    border-radius: 5px;
    border: 1px solid #cccccc;
    left: 38em;
    padding: 1em 2em 1em 1em;
}

.div_page_edit_action
{
    margin-bottom: 0.5em;
}

.div_block_edit_latex_gif
{
    padding:20px;
    display: table-cell;
}

.div_block_edit_title_textfield
{
    width: calc( 100% - 18em );
}

.div_page_edit_appearance_text
{
    margin-bottom: 1em;
}

.div_page_edit_appearance
{
    margin-bottom: 1em;
    margin-top: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid var(--cl_umbra);
}

.div_page_edit_gappearance_text
{
    margin-bottom: 1em;
}

.div_page_edit_gappearance
{
    padding-bottom: 1em;
    border-bottom: 1px solid var(--cl_umbra);
    margin-bottom: 1em;
}

.div_article_edit_dappearance_text
{
    margin-bottom: 1em;
}

.div_article_edit_dappearance
{
    padding-bottom: 1em;
    border-bottom: 1px solid var(--cl_umbra);
    margin-bottom: 1em;
}

.div_page_edit_dappearance_text
{
    margin-bottom: 1em;
}

.div_page_edit_dappearance
{
    padding-bottom: 1em;
    border-bottom: 1px solid var(--cl_red);
    margin-bottom: 1em;
}

.div_page_edit_article_add
{
    padding-bottom: 1em;
    border-bottom: 1px solid var(--cl_red);
    margin-bottom: 1em;
}

.div_page_edit_properties_list
{
    padding-bottom: 1em;
    border-bottom: 1px solid var(--cl_red);
    margin-bottom: 1em;
}

.div_page_edit_selectfields
{
}

.div_page_edit_logo_add
{
    display: inline-block;
}

.div_page_edit_logo
{
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid var(--cl_red);
}

.img_page_edit_logo
{
    display: inline-block;
    max-width: 150px;
    vertical-align: middle;
}

.div_page_edit_url
{
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid var(--cl_red);
}


.div_footer_item
{
    display: inline-block;
    color: var(--cl_red);
    vertical-align: top;
    cursor: pointer;
    margin-right: 20px;
    border: 0px;
}


#div_further
{
    display: block;
}

.div_menu
{
    position: fixed;
    bottom: 0px;
    top: 240px;
    padding: 1em;
    width: calc( 100% );
    border-radius: 5px;
    background-color: var(--cl_white);
}

#div_sitemap 
{
}

.div_article_sub
{
    margin-top:40px;
}

.div_article_sub_text
{
    margin-bottom:20px;
}

.div_article_sub_item
{
    margin-bottom:10px;
}


.div_article_content_author
{
    font-size: var(--ft_small);
    bottom: 1em;
    position: absolute;
    width: calc( 100% - 2em );
}

@media( max-width: 800px )
{
    .div_article_content_author
    {
	position: relative;
	margin-top: 3em;
    }
}

.div_article_content_picture
{
    float: left;
    max-width: 20vw;
    margin-right: 3em;
    margin-bottom: 1em;
}

@media( max-width: 800px )
{
    .div_article_content_picture
    {
	float: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;
	margin-top: 1.5em;
	height: 12em;
	max-width: fit-content;
    }
}

.div_article_content_author_create
{
    display: inline-block;
    margin-right: 1em;
}

@media (max-width: 800px)
{
    .div_article_content_author_create
    {
	display: block;
    }
}


.div_article_content_action
{
    position: absolute;
    right: 1em;
    top: 1em;
}

.div_article_content_action_fullscreen
{
    display: none;
    position: fixed;
    right: 0px;
    top: 0px;
    margin: 1em;
}

.div_article_content_permalink_copy
{
    position:absolute;
    top: 0px;
    right: 0px;
    margin: 5px;
    width: 3em;
}

.what_to_do
{
    font-style: italic;
}

.div_article_content_permalink_link
{
    display: none;
    position:absolute;
    top: 0px;
    right: 0px;
    white-space: nowrap;
    border: 2px solid var(--cl_red);
    padding: 10px 80px 10px 10px;
    border-radius: 5px 5px 5px 5px;
    box-shadow:0px 0px 5px var(--cl_black);
}

.div_article_content_permalink
{
    display: inline-block;
    width: 3em;
}

.div_article_content_reload
{
    display: inline-block;
    width: 3em;
}

#div_tree
{
    position: absolute;
    padding-bottom: 1em;
}

#div_tree_mobile
{
}

.div_elementname_0
{
    display: inline-block;
}

.div_elementname_1
{
    display: inline-block;
    margin-left: 0px;
    margin-right: 15px;
    border: 1px solid var(--cl_red);
    padding: 5px 10px 5px 10px;
    background-color: var(--cl_white);
}


#div_requests
{
    position:relative;
    margin: 20px;
    border: 1px solid var(--cl_red);
    background-color: var(--cl_light);
    padding:10px;
}

.div_block_add
{
    margin: 20px;
}

.div_block_action
{
    margin-top: 5px;
    margin-bottom: 10px;
}

.div_article_action
{
    margin-top: 5px;
    margin-bottom: 10px;
}

.link_arrow
{
    display: inline-block;
    position: relative;
    top: -2px;
}

.filefield_0
{
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    cursor: pointer;
    color: var(--cl_red);
}

.filefield_1
{
    display: block;
    margin: 5px 5px 5px 30px;
    cursor: pointer;
    color: var(--cl_red);
}

.buttonfield_edit
{
    display: inline-block;
    border: 1px solid var(--cl_middle);
    padding: 2px 0.5em;
    cursor: pointer;
    background-color: var(--cl_light);
    border-radius: 5px;
    margin-right: 8px;
    margin-top: 0.3em;
}

.fieldset
{
    width: fit-content;
}

.buttonfield
{
    display: inline-block;
    font-size: var(--ft_button);
    border: 1px solid var(--cl_middle);
    padding: .35em 0.7em;
    cursor: pointer;
    background-color: var(--cl_grey);
    border-radius: 5px;
}

.buttonfield_inactive
{
    display: inline-block;
    border: 1px solid var(--cl_middle);
    padding: 2px 0.5em;
    cursor: pointer;
    color: bbbbbb;
    background-color: var(--cl_middle);
    border-radius: 5px;
    margin-right: 8px;
    padding-top: 0.3em;
}

.buttonfield_active
{
    background-color: var(--cl_white);
    border-color: #ba0000;
}

.buttonfield:hover
{
    background-color: var(--cl_yellow );
}


.nowrap
{
    white-space: nowrap;
}

.togglefield
{
    display: inline-block;
    font-size: var(--ft_button);
    border: 1px solid var(--cl_black);
    padding: 2px 1em;
    cursor: pointer;
    background-color: var(--cl_light);
    border-radius: 5px;
}

.areafield
{
    display: inline-block;
    margin-left: 10px;
    width: calc( 100% - 24px );
    border: 0px;
    margin-bottom: 8px;
    height: 100%;
}

.areafield_config
{
    width: 48em;
    height: 16em;
}

.areafield_border
{
    display: inline-block;
    border: 1px solid #bbbbbb;
    width: 38em;
    height: 10em;
}

@media( max-width: 800px )
{
    .areafield_border
    {
	width: 20em;
	height: 8em;
    }
}

.areafield_cards_exam_message
{
    height: 200px;
}

.areafield_user_cluster_all_members
{
    width: 50%;
}

.label_latex
{
}

.label_inside
{
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
}

.label_left
{
    display: inline-block;
    margin-right: 15px;
}

.label_block
{
    margin-top: 15px;
    margin-bottom: 3px;
}

.label_inline
{
    display: inline-block;
}

.article_edit_title_textfield
{
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    width: 95%;
}

.article_edit_summary_areafield
{
    margin: 5px;
    width: 95%;
    height: 200px;
}

.div_block_edit_picture_areafield
{
    margin: 5px;
    width: 95%;
    height: 100px;
}

.block_edit_areafield
{
    margin: 5px;
    width: 95%;
    min-height: 8em;
}

.textfield_url
{
    width: 300px;
}

.textfield_margin
{
    display: inline-block;
    margin-left: 15px;
    margin-right: 30px;
}

.div_article_edit_block
{
    background-color: var(--cl_light);
    padding-bottom: 1em;
    border-bottom: 1px solid var(--cl_red );
    margin-bottom: 1em;
    
}

.div_block_property
{
    margin-bottom: 1em;
}

.div_block_properties
{
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid var( --cl_red );
}

.div_article_summary
{
    position: relative;
    margin-top: 14px;
    margin-bottom: 14px;
    padding: 16px 20px 4em 20px;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #4d4d4d;
}

@media (max-width: 800px)
{
    .div_article_summary
    {
	padding-bottom: 10em;
    }
}

@media (max-width: 1200px)
{
    .div_article_summary
    {
	width: calc( 100% - 55px );
	border: 1px solid var( --cl_dark );
    }
}

.div_article_summary_thumb
{
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin-top: 0;
    margin-right: 1em;
    max-width: 15vw;
}
@media (max-width: 1200px)
{
    .div_article_summary_thumb
    {
	max-width: 40vw;
	margin-bottom: 2em;
    }
}



.img_article_summary_picture_thumb
{
    width: 100%;
}
@media (max-width: 1200px)
{
    .img_article_summary_picture_thumb
    {
	width: 40vw;
    }
}

.div_article_summary_left
{
    display: inline-block;
    width: 25%;
    vertical-align: top;
}
@media (max-width: 1200px)
{
    .div_article_summary_left
    {
	width: 100%;
	display: block;
    }
}


.div_article_summary_left_thumb
{
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.div_article_summary_picture
{
}

@media (max-width: 1200px)
{
    .div_article_summary_picture
    {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
    }
}

@media (max-width: 800px)
{
    .div_article_summary_picture
    {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
    }
}

@media (max-width: 600px)
{
    .div_article_summary_picture
    {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
    }
}

.img_article_summary_picture
{
    margin-right: 20px;
    margin-bottom: 20px;
    width:15vw;
}

@media (max-width: 1200px)
{
    .img_article_summary_picture
    {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	width: 100%;
    }
}

.div_article_summary_right
{
    display: inline-block;
    vertical-align: top;
    width: 75%;
}

@media (max-width: 800px)
{
    .div_article_summary_right
    {
	width: auto;
    }
}


.div_article_summary_right_top
{
}

.div_article_content_summary
{
    position: relative;
    min-height: 40px;
}

.div_article_edit_picture
{
    display: inline-block;
    width: 25%;
    margin: 15px;
    vertical-align: top;
    top: 10px;
}

.div_article_edit_action
{
    display: inline-block;
    width: 70%;
}

.div_article_edit_header
{
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid var( --cl_umbra );
}

.div_block_picture_content
{
    margin-top: 40px;
    margin-bottom: 20px;
    width: 800px;
}

.img_edit_block_picture
{
    width: 300px;
}

.div_edit_block_picture
{
    margin: 2em;
    display: block;
}

.div_article_content_title
{
    font-size: var(--ft_huge);
    width: 100%;
    padding-right: 84px;
    margin-bottom: 1em;
}

.div_article_summary_title
{
    font-size: var(--ft_huge);
    margin-left: 25%;
}
@media (max-width: 1200px)
{
    .div_article_summary_title
    {
	margin-left: 0;
	margin-bottom: 1em;
    }
}



.div_article_summary_title_thumb
{
    font-size: var(--ft_huge);
    position: relative;
    width: 100%;
    text-align: center;
}
@media (max-width: 1200px)
{
    .div_article_summary_title_thumb
    {
	font-size: var( --ft_normal );
    }
}

.div_article_summary_author
{
    margin-top: 5px;
    position: absolute;
    bottom: 10px;
    width: calc( 100% - 2em );
}

.div_article_summary_author_create
{
    display: inline-block;
    margin-right: 1em;
}

@media (max-width: 800px)
{
    .div_article_summary_author_create
    {
	display: block;
    }
}


.div_summary_responsible
{
    font-size: var(--ft_small);
    margin-top: 5px;
    position: absolute;
    bottom: 6px;
}

@media (max-width: 800px)
{
    .div_summary_responsible
    {
	position: relative;
    }
}

.div_content_responsible
{
    font-size: var(--ft_small);
    margin-top: 5px;
    position: absolute;
    left: 0px;
    bottom: 6px;
}

@media (max-width: 800px)
{
    .div_content_responsible
    {
	position: relative;
    }
}

.div_summary_timestamps
{
    font-size: var(--ft_small);
    margin-top: 5px;
    position: absolute;
    right: 0em;
    bottom: 6px;
}

@media (max-width: 800px)
{
    .div_summary_timestamps
    {
	position: relative;
	right: auto;
    }
}

.div_content_timestamps
{
    font-size: var(--ft_small);
    margin-top: 5px;
    position: absolute;
    right: 1em;
    bottom: 1em;
}

@media (max-width: 800px)
{
    .div_content_timestamps
    {
	position: relative;
	right: auto;
    }
}


.div_article_content_data
{
    font-size: var(--ft_small);
    margin-top: 5px;
    position: absolute;
    right: 0px;
    bottom: 6px;
}

.div_responsible_mail
{
    display: inline-block;
}

.div_article_abstract_content
{
    margin-top: 10px;
    margin-bottom: 5px;
}

.div_article_summary_abstract
{
    margin-top: 3px;
    margin-bottom: 3px;
}

.div_article_table_title
{
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.div_article_table_content
{
    margin-left: 1em;
    margin-bottom: 1.5em;
}

.div_article_list_title_content
{
    margin-top: 15px;
    margin-bottom: 10px;
}

.tree_child_cover
{
    margin-top: 2px;
    display: none;
    position: absolute;
    background-color: var(--cl_light);
    border-radius: 5px;
    border: 1px solid var(--cl_middle);
}

.tree_child_subcover
{
    margin-top: 1px;
    left: 100%;
    transform: translateY(-39px);
    display: none;
    position: absolute;
    background-color: var(--cl_light);
    border-radius: 5px;
    border: 1px solid var(--cl_middle);
}

#div_gallery_fullscreen {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: var(--cl_light);
}

@media( max-width: 800px )
{
    #div_gallery_fullscreen
    {
	z-index: 4;
	object-fit: contain;
    }
}

.div_gallery_cumulus_name
{
    font-size: 1em;
    margin-top: 0.5em;
    contain: size;
}

.div_gallery_cumulus_description
{
}

#div_gallery_fullscreen_name
{
    font-size: 1.25em;
    margin-bottom: 0.25em;
}

#div_gallery_fullscreen_description
{
}

#div_gallery_fullscreen *:not(.name) {
    user-select: none;
}

#div_gallery_fullscreen *:not(.description) {
    user-select: none;
}

.div_gallery_fullscreen_close
{
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

#div_gallery_fullscreen_parent
{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    transform: translatex(-50%);
}

#div_gallery_fullscreen_child
{
    position: relative;
    height: 100%;
}

#div_gallery_fullscreen_img
{
    height: 100%;
    width: 100%;
    object-fit: contain;
}

#div_gallery_fullscreen_text
{
    position: absolute;
    color: white;
    padding: 1em;
    text-align: left;
    width: 100%;
    bottom: 0px;
    background-color: rgba( 0, 0, 0, 0.4 )
}

#div_gallery_fullscreen_text .name {
    display: block;
}

#div_gallery_fullscreen_text .description {
    display: block;
}

#div_gallery_fullscreen_previous {
    position: absolute;
    width: 5em;
    height: 5em;
    top: 50%;
    left: 3em;
    transform: translateY(-50%);
    background-image: url("/base/pic/arrow_back.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
}

#div_gallery_fullscreen_next {
    position: absolute;
    width: 5em;
    height: 5em;
    top: 50%;
    right: 3em;
    transform: translateY(-50%);
    background-image: url("/base/pic/arrow_forward.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
}

@media( max-width: 800px )
{
    #div_gallery_fullscreen_previous
    {
	top: 1em;
	left: 1em;
	transform: unset;
    }
    #div_gallery_fullscreen_next
    {
	top: 1em;
	left: 50%;
	transform: unset;
    }
}

.div_error
{
    display: block;
    padding: 1em;
    margin: 1em;
    border-radius: 5px;
    border: solid 1px var(--cl_red);
}

/* type 0: text */
.div_block_0_0_0
{
}
/* nein */

.div_block_0_0_1
{

}
/* ja */

.div_block_0_1_2
{
    margin-top: 21px;
    margin-bottom: 21px;
}
/* normal */

.div_block_0_1_3
{
    margin-top: 30px;
    margin-bottom: 30px;
    width: 60%;
    border: 1px solid var(--cl_dark);
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    clear: both;
}
/* schwarzer Rahmen */

.div_block_0_1_4
{
    margin-top: 30px;
    margin-bottom: 30px;
    width: 60%;
    border: 1px solid var(--cl_red);
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    clear: both;
}
/* roter Rahmen */

.div_block_0_2_5
{
}

.div_block_0_2_6
{
    clear: both;
}
/* new paragraph */


/* type 1: file */
.div_block_1_0_0
{
    display: block;
    margin: 5px 5px 5px 30px;
    cursor: pointer;
    color: var(--cl_red);
}
/* abgesetzt */

.div_block_1_0_1
{
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    cursor: pointer;
    color: var(--cl_red);
}
/* eingebettet */

/* type 2: link */
.div_block_2_0_0
{
    display: block;
    margin: 5px 5px 5px 30px;
    cursor: pointer;
    color: var(--cl_red);
}
/* abgesetzt */

.div_block_2_0_1
{
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    cursor: pointer;
    color: var(--cl_red);
    white-space: nowrap;
}
/* eingebettet */

.div_block_2_1_2
{
}
/* intern */

.div_block_2_1_3
{
}
/* extern */

.div_block_2_2_4
{
}
/* unboxed */

.div_block_2_2_5
{
    border: 1px solid var(--cl_black);
    background-color: var(--cl_light);
    border-radius: 5px;
    padding: 5px 10px;
    margin-bottom: 5px;
}
/* boxed */

/* type 3: bild */
.image_all { 
    cursor: pointer;
    transform: scale(1);
    transition: transform 300ms;
}

.image_all:hover {
    transform: scale(1.03);
}

.div_block_3_0_0
{
}
.image_3_0_0
{
}
.description_3_0_0
{
}
.name_3_0_0
{
}

/* nein */

.div_block_3_0_1
{
}
.image_3_0_1
{
}
.description_3_0_1
{
}
.name_3_0_1
{
}
/* ja */

.div_block_3_1_2
{
    display: inline-block;
    margin-right: 30px;
    vertical-align: middle;
}
.image_3_1_2
{
}
.description_3_1_2
{
}
.name_3_1_2
{
}
/* im Fließtext */

.div_block_3_1_3
{
    float: right;
    margin-left: 30px;
    margin-bottom: 15px;
    margin-top: 16px;
    clear:  both;
}
.image_3_1_3
{
}
.description_3_1_3
{
}
.name_3_1_3
{
}
/* im Fließtext rechts */

.div_block_3_1_4
{
    float: left;
    margin-right: 30px;
    margin-bottom: 15px;
    margin-top: 16px;
    clear:  both;
}
.image_3_1_4
{
}
.description_3_1_4
{
}
.name_3_1_4
{
}
/* im Fließtext links */

.div_block_3_1_5
{
    display: inline-block;
    vertical-align: top;
    height: 212px;
}
.image_3_1_5
{
    display: block;
    height: 100%;
}
.description_3_1_5
{
}
.name_3_1_5
{
}
/* Galerie */

.div_block_3_1_6
{
    display: block;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}
.image_3_1_6
{
}
.description_3_1_6
{
}
.name_3_1_6
{
}
/* abgesetzt */

.div_block_3_2_7
{
    margin-top: 0px;
    margin-bottom: 4em;
    margin-right: 2em;
    border: 5px solid var(--cl_middle);
    border-radius: 5px; 
}
.image_3_2_7
{
    max-width: 100%;
}
.description_3_2_7
{
    margin-bottom: 10px;
}
.name_3_2_7
{
    margin-bottom: 10px;
}
/* for gallery normal mode */

.div_block_3_2_16
{
    margin-top: 0px;
    margin-bottom: 20px;
    margin-right: 20px;
}
.image_3_2_16
{
    max-width: 100%;
}
.description_3_2_16
{
    margin-bottom: 10px;
}
.name_3_2_16
{
    margin-bottom: 10px;
}
/* for gallery portrait mode */

.div_block_3_2_17
{
    width: 15%;
    margin-bottom: 30px;
    margin-top: 10px;
}
.image_3_2_17
{
    max-width: 100%;
}
.description_3_2_17
{
}
.name_3_2_17
{
}
/* klein */

.div_block_3_2_8
{
    width: 42%;
    margin-bottom: 30px;
    margin-top: 10px;
}
.image_3_2_8
{
    max-width: 100%;
}
.description_3_2_8
{
}
.name_3_2_8
{
}
/* groß */

.div_block_3_2_9
{
    width: 30%;
    margin-bottom: 30px;
    margin-top: 10px;
}
@media( max-width: 800px )
{
    .div_block_3_2_9
    {
	width: 100%;
    }
}
.image_3_2_9
{
    max-width: 100%;
}
.description_3_2_9
{
}
.name_3_2_9
{
}
/* normal */

.div_block_3_2_10
{
    width: 8%;
    margin-bottom: 0px;
    margin-top: 0px;
}
.image_3_2_10
{
    max-width: 100%;
}
.description_3_2_10
{
}
.name_3_2_10
{
}
/* winzig */

.div_block_3_2_11
{
    width: 70%;
    margin-bottom: 30px;
    margin-top: 10px;
}
.image_3_2_11
{
    max-width: 100%;
}
.description_3_2_11
{
}
.name_3_2_11
{
}
/* halbe Breite */

.div_block_3_2_12
{
    width: 100%;
    margin-bottom: 30px;
    margin-top: 10px;
}
.image_3_2_12
{
    max-width: 100%;
}
.description_3_2_12
{
}
.name_3_2_12
{
}
/* volle Breite mit Abstand */

.div_block_3_2_13
{
    width: 100%;
    margin-bottom: 0px;
    margin-top: 0px;
}
.image_3_2_13
{
    max-width: 100%;
    vertical-align: bottom;
}
.description_3_2_13
{
}
.name_3_2_13
{
}
/* volle Breite übergangslos */

.div_block_3_3_14
{
}
.image_3_3_14
{
}
.description_3_3_14
{
}
.name_3_3_14
{
}
/* kein neuer Absatz  */

.div_block_3_3_15
{
}
.image_3_3_15
{
}
.description_3_3_15
{
}
.name_3_3_15
{
}
/* neuer Absatz  */

/* type 4: tabelle */
.div_block_4_0_0 table
{
    margin-top: 1em;
    margin-bottom: 3em;
}

.div_block_4_0_0 td
{
    padding: 0.5em;
}

.div_block_4_0_1
{
}
/* ja */

.div_block_4_1_2
{
}
/* erste Zeile schwarz */

table.div_block_4_1_3 tr:first-of-type > td
{
    color: var(--cl_red);
}
/* erste Zeile rot */

.div_block_4_1_4
{
}
/* erste Spalte schwarz */

table.div_block_4_2_5 tr > td:first-child
{
    color: var(--cl_red);
}
/* erste Spalte rot */


table.div_block_4_3_6 tr > td
{
    border: 0px;
}
/* kein Rahmen */

table.div_block_4_3_7 tr > td
{
    border: 1px solid var(--cl_dark);
}
/* Rahmen nur innen */

table.div_block_4_3_8 tr > td
{
    border-bottom: 1px solid var(--cl_dark);
}
table.div_block_4_3_8
{
    border-spacing: 0px;
}
/* nur horizontale Linien */

.div_block_4_3_9 td:not(:last-child)
{
    border-right: 1px solid var(--cl_dark);
}

table.div_block_4_3_9
{
    border-spacing: 0px;
}
/* nur vertikale Linien */

table.div_block_4_4_10
{
}
td.div_block_4_4_10
{
}
/* angepasst */

table.div_block_4_4_11
{
    table-layout: fixed;
    margin-top:40px;
    border: 1px solid var(--cl_middle);
    width: 98%;
}
td.div_block_4_4_11
{
}
/* volle Breite */


/* type 5: list */
.div_block_5_0_0
{
}
/* nein */

.div_block_5_0_1
{
}
/* ja */

.div_block_5_1_2
{
}
/* unnummeriert */

.div_block_5_1_3
{
}
/* nummeriert */

.div_block_5_2_4
{
}
/* no new paragraph */

.div_block_5_2_5
{
    clear: both;
}
/* new paragraph */

.div_block_6_2_5
{
    margin-bottom: 20px;
    margin-top: 1.5em;
}
/* left */

.div_block_6_2_6
{
    margin-bottom: 20px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}
/* centered */

.div_block_6_3_8
{
    padding-top:20px;
    clear: both;
}
/* new paragraph */

/* type 7: fragment */
.div_block_7_0_0
{
}
/* abgesetzt */

.div_block_7_0_1
{
    display: inline-block;
}
/* eingebettet */

/* type 7: fragment */
.div_block_7_1_2
{
    font-weight: bold;
}
/* Fettdruck */

.div_block_7_1_3
{
    color: var(--cl_red);
}
/* Rotdruck */

.div_block_7_1_4
{
    font-style: italic;
}
/* Kursivdruck */

.div_block_7_1_5
{
    margin-bottom: 20px;
    margin-top: 50px;
    display: block;
    position: relative;
    font-size: var(--ft_Large)
}
/* Überschrift */

.div_block_7_1_6
{
    position: relative;
    font-style: italic;
    margin-top: 20px;
    text-align: left;
    clear: both;
}
/* Autorenzeile */

.div_block_7_1_7
{
    position: relative;
    font-size: var(--ft_small);
    margin-top: 30px;    
    clear: both;
}
/* Fußnote */

.div_block_7_1_8
{
    display: inline-block;
    border: 1px solid var(--cl_black);
    padding: 2px 7px;
    background-color: var(--cl_white);
    border-radius: 5px;
    margin: 3px;
}
/* keystroke */

.div_block_7_1_9
{
    font-family: typewriter;
    margin-left: 8px;
    margin-right: 8px;
}
/* code */

.div_block_7_1_12
{
    color: var(--cl_red);
    font-style: italic;
}
/* term */

.div_block_7_2_10
{
}
/* no new paragraph */

.div_block_7_2_11
{
    clear: both;
}
/* new paragraph */

/* type 8 video */
.videolabel
{
    margin-left: 10px;
    margin-top: 10px;
}

.div_block_8_0_0
{
    width: fit-content;
    display: block;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    margin-bottom: 6em;
    clear: both;
}

.div_block_8_0_1
{
    width: fit-content;
    float: right;
    cursor: pointer;
    margin-left: 2em;
    margin-top: 2em;
    margin-bottom: 4em;
}

.div_block_8_0_2
{
    float: left;
    cursor: pointer;
    margin-right: 2em;
    margin-top: 2em;
    margin-bottom: 4em;
}

.div_block_8_1_3
{
    width: 35em;
}
.video_8_1_3
{
    width: 100%;
}

.div_block_8_1_4
{
    height: 35em;
}
.video_8_1_4
{
    height: 100%;
}

.div_block_8_2_5
{
}

.div_block_8_2_6
{
    clear: both;
}



/* type 9 citation */
.div_block_9_0_0
{
}
/* nein */
.div_block_9_0_1
{
}
/* ja */

.div_block_9_1_2
{
    margin-left:auto;
    margin-right:auto;
    margin-top:3em;
    margin-bottom:3em;
    width: 80%;
    padding: 10px 20px;
    border: 1px solid var(--cl_black);
    border-radius: 5px;
    clear: both;
}
.citation_author_9_1_2
{
    font-style: italic;
    margin-top: 5px;
    text-align: right;
}
.citation_content_9_1_3
{
}
/* mit Rahmen */

.div_block_9_1_3
{
    margin-left:40px;
    margin-top:10px;
    margin-bottom:10px;
    width: 80%;
    padding: 10px 20px;
}
.citation_author_9_1_3
{
    font-style: italic;
    margin-top: 5px;
    text-align: right;
}
.citation_content_9_1_3
{
}
/* ohne Rahmen */

/* type 10 audio */
.audiolabel
{
    margin-left: 10px;
    margin-top: 10px;
}

.div_block_10_0_0
{
    display: block;
    margin: 5px;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    width: 600px;
}
/* abgesetzt */

.div_block_10_0_1
{
    float: right;
    margin: 5px;
    cursor: pointer;
    margin-left: 2em;
    margin-top: 10px;
    width: 42%;
}
/* im Fließtext rechts */

.div_block_10_0_2
{
    float: left;
    margin: 5px;
    cursor: pointer;
    margin-right: 2em;
    margin-top: 10px;
    width: 42%;
}

/* type 11 latex */
.latexlabel
{
    margin-left: 10px;
    margin-top: 10px;
}

.div_block_11_0_0
{
}
/* normal */

.div_block_11_0_1
{
    display: inline-block;
    margin-left: .25em;
    margin-right: .25em;
}
/* inside text */

.div_block_11_1_2
{
    display: block;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
y    clear: both;
}
/* abgesetzt zentriert */

.div_block_11_1_3
{
    float: left;
    margin-right: 30px;
    margin-bottom: 10px;
    margin-top: 16px;
    clear: both;
}
/* float left */

.div_block_11_1_4
{
    float: right;
    margin-left: 30px;
    margin-bottom: 10px;
    margin-top: 16px;
    clear: both;
}
/* float right */

.bg_dark
{
    background-color: var(--cl_dark );
    color:  var(--cl_light );
}

.bg_middle
{
    background-color: var(--cl_middle );
    color:  var(--cl_black );
}

.bg_grey
{
    background-color: var(--cl_grey );
    color:  var(--cl_umbra );
}

.bg_light
{
    background-color: var(--cl_light );
    color:  var(--cl_umbra );
}

.bg_white
{
    background-color: var(--cl_white );
    color:  var(--cl_umbra );
}

.bg_red
{
    background-color:  var(--cl_red );
    color: var(--cl_white );
}

.bg_green
{
    background-color: var(--cl_green );
    color: var(--cl_white );
}

.bg_red_light
{
    background-color: var(--cl_red_light );
    color: var(--cl_white );
}

.bg_green_light
{
    background-color: var(--cl_green_light );
    color: var(--cl_black );
}

.bg_espresso
{
    background-color: var(--cl_espresso );
    color: var(--cl_light );
}

.bg_umbra
{
    background-color: var(--cl_umbra );
    color: var(--cl_light );
}

.bg_brown
{
    background-color: var(--cl_brown );
    color: var(--cl_black );
}

.bg_orange
{
    background-color: var(--cl_orange );
    color: var(--cl_black );
}

.bg_yellow
{
    background-color: var(--cl_yellow );
    color: var(--cl_espresso );
}

.red
{
    color: var(--cl_red );
}

.green
{
    color: var(--cl_green);
}

#id_dumbo
{
    position: absolute;
    height: 0px;
    margin: 0px;
    padding: 0px;
    visibility: hidden;
}