.anchor
{
	scroll-margin-top: 5.5rem;
}

.hidden
{
	visibility: hidden;
	display: none;
}

.collapsible_box h3
{
	margin: 0 !important;
}

.collapsible_box h3 img
{
  height: 2.5em;
  vertical-align: middle;
  padding-right: 0.3em;
}

@media screen and (max-width: 600px)
{
	.collapsible_box h3 img
	{
		display: none;
		padding: 0;
	}

	.collapsible_box h3
	{
		margin-left: -0.4em !important;
	}

}

.collapsible_box, .collapsible_box summary
{
	list-style: none;
}

.collapsible_box summary
{
  cursor: pointer;
}

.collapsible_box details summary::-webkit-details-marker
{
  display:none;
}

.margin_top_05
{
	margin-top: 0.5rem;
}

.aspect_auto
{
	aspect-ratio: auto !important;
}


/* Associated to website nav bar */

.nav_link_kids
{
        visibility: visible;
        display: inline-block;

        background: url('../../content_img/wolke_monochrome_plain.svg');
        background-repeat: no-repeat;
        background-size: contain;

        /* position: relative; */
        vertical-align: middle;
        align-items: stretch;
        width: 7em;
        height: 2em;
        opacity: 0.8;
        padding: 0 !important;

}

.nav_link_hidden
{
        width: 7em !important;
        height: 7em !important;
        visibility: hidden !important;
}

.nav_link_kids:hover, .nav_link_hidden
{
        background: url('../../content_img/wolke_plain_hover.svg');
        background-repeat: no-repeat;
        background-size: contain;
}

.nav_link_kids:hover
{
        opacity: 1;
        -webkit-transition: opacity 0.2s ease-out;
        -o-transition: opacity 0.2s ease-out;
        -moz-transition: opacity 0.2s ease-out;
        -ms-transition: opacity 0.2s ease-out;
        transition: opacity 0.2s ease-out;

}

.nav_link_kids::before, .nav_link_kids::after
{
        content: "";
        background: transparent !important;
}





.subcaption, .sub_heading_hl
{    
	color: #90b0d9 !important;
}  

#banner.no-grayshade > article::after
{
	opacity: 0;
}

.min_width_400
{
	min-width: 400px;
}

@media screen and (max-width: 420px)
{
	.min_width_400
	{
		min-width: 100%;
		width: 100%;
		padding: 0 !important;
	}
}


.min_width_600
{
	max-width: 600px;
}

@media screen and (max-width: 940px)
{
	.spotlight .min_width_600
	{
		max-width: 100%;
	}
}


/**
 is this deprecated???
 */


.float_img_container
{
	display: flex;
	flex-direction: row;
	gap: 5%;
}

.float_img_container.f_right
{
	flex-direction: row-reverse;
}

.f_len75 .f_float
{
	width: 25%;
}

.f_float
{
	padding-top: 0.4rem;
}


.f_float > img, .f_float > video
{
	width: 100%;
}


@media screen and (min-width: 1024px)
{

	.f_float > img, .f_float > video
	{
		height: 100%;
		object-fit: cover;

	}
}



.f_max300 .f_float, .f_max300 .f_float > img, .f_max300 .f_float > video
{
	max-width: 300px;
	min-width: 250px;
}

.f_vspace_par
{
	margin-bottom: 2em;
}
 

.img_aspect_auto
{
        aspect-ratio: auto !important;
}

.image.left.max50
{
	max-width: 50% !important;
}




@media screen and (max-width: 1024px)
{
	.float_switch_1200
	{
		display: block;
	}

	.float_switch_1200 .f_float
	{
		float: right;
		margin-left: 1.7rem;
		margin-bottom: 1rem;
	}

	.float_vmargintop
	{
		margin-top: 2.3rem;
 	}
}


@media screen and (max-width: 720px)
{

        .float_img_container
        {
                display: block;
        }

        .f_float
        {
                float: right;
                margin-left: 1.5rem;
        }



}


@media screen and (max-width: 700px)
{

        .f_float
        {
                width: 30% !important;
                min-width: 50px !important;
        }

        .f_float img
        {
                object-fit: contain;
                width: 100% !important;
                min-width: 100% !important;
                max-width: 100% !important;
        }

}







.img_href, .img_href:link, .img_href:visited, .img_href:active, .img_href:hover
{
        text-decoration: none;
        border-bottom: 0px;
}


/**
 * ADDITIONAL STRUCTURING ELEMENT: Image boxes
 */

.structuring_sec
{
	display: flex;
	flex-direction: row;
	
}

.structuring_sec.reverse
{
	flex-direction: row-reverse;
}

/*
.structuring_sec:nth-child(even)
{
	flex-direction: row-reverse;
}
*/

.structuring_sec > div:first-child
{
	
	min-width: 250px;
	width: 250px;
	overflow: hidden;
}

.structuring_sec > div:first-child
{
	margin: -2rem 2rem -2rem -2rem;
}

.structuring_sec.reverse > div:first-child
{
        margin: -2rem -2rem -2rem 2rem;
}

.structuring_sec.outsidebox > div:first-child
{
	margin-bottom: 0em !important;
	margin-top: 0em !important;
}

.structuring_sec.outsidebox > div:nth-child(2) p:last-child, .disable_last p:last-child
{
	margin-bottom: 0em;
}




/*
.structuring_sec:nth-child(odd) > div:first-child
{
        margin: -1.5em 1.5em -1.5em -1.5em;
}

.structuring_sec:nth-child(even) > div:first-child
{
        margin: -1.5em -1.5em -1.5em 1.5em;
}
*/


.structuring_sec > div:nth-child(2)
{
	flex-grow: 1;
}

.structuring_sec > div:first-child img
{
	width: 100%;
	height: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	object-position: center center;
}



@media screen and (max-width: 740px)
{

        .structuring_sec
        {
                flex-direction: column;
                padding: 0;
        }

        .structuring_sec > div:first-child
        {
                min-width: auto;
                width: 100%;
		margin: 0;

        }

        .structuring_sec > div:first-child img
        {
            width: 100%;
            height: 100%;
            aspect-ratio: 16/11;
            object-fit: cover;
            overflow: hidden;
        }

        .structuring_sec > div:nth-child(2)
        {
                padding: 1.4rem;
        }
}




.dynamic_floater
{
	margin: 0 0 1em 1.5em;
	top: 0.25em;
	border: 0;
	display: inline-block;
	position: relative;
}

.dynamic_floater.right
{
	float: right;
}

.dynamic_floater.left
{
	float: left;
}

.dynamic_floater.small
{
	max-width: 40%;
}

.dynamic_floater.small img
{
	max-height: 300px;
}

.dynamic_floater img
{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain !important;
	
}

@media screen and (max-width: 1400px)
{
	.dynamic_floater.break_at_1400
	{
		float: none !important;
                width: 100%;
                max-width: 100% !important;
                padding: 0 !important;
                margin: 0 !important;
                margin-bottom: 0.75rem !important;
	}
}

@media screen and (max-width: 700px)
{
	.dynamic_floater
	{
		float: none !important;
		width: 100%;
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		margin-bottom: 0.75rem !important;
	}

	.dynamic_floater .image_contain_switch
	{
		object-fit: cover !important;
	}

}





.quick_navigation a
{
	margin-bottom: 0.4em;
}

.obj_pos_top
{
	object-position: center top !important;
}

.obj_fit_contain
{
	object-fit: contain !important;
}


.fieldsearch_form
{
	width: 75%;
	min-width: 300px;
	display: flex;
	justify-content: space-between;
}

.fieldsearch_form fieldset
{
	width: 30%;
}


@media screen and (max-width: 1200px)
{
	.fieldsearch_form
	{
		width: 100%;
	}
}


@media screen and (max-width: 600px)
{
	.fieldsearch_form
	{
		flex-direction: column;
	}

	.fieldsearch_form fieldset
	{
		width: 100% !important;
		padding-bottom: 1rem;
	}

}






/* MathJax: prevent aria-hidden tags from messing up line-height */
.MJX-TEX[aria-hidden="true"]
{
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}





#internal_logo, .internal_logo
{
  height: 150px;
  max-width: 100%;
  margin-bottom: 1rem;
}

.jf_table_date
{	
	width: 11em;
}


.credit-copyright-notice
{
	text-align: center;
	color: rgba(150,160,255,0.6);
}

.svg_map, .svg_map svg
{
	width: 100%;
	max-width: 900px;
	height: auto;
}

.smallscreen, .smallscreen1024
{
	
	visibility: hidden;
	display: none;
}

.bigscreen, .bigscreen1024
{
	
	visibility: visible;
}

@media screen and (max-width: 600px)

{

	.smallscreen
	{
		display: block;	
		visibility: visible;
	}

	.smallscreen.inline
	{
		display: inline;
	}

	.bigscreen
	{
		display: none;
		visibility: hidden;
	}

}

@media screen and (max-width: 1024px)

{

        .smallscreen1024
        {
		display: block;
                visibility: visible;
        }

	.smallscreen1024.inline
	{
		display: inline;
	}

        .bigscreen1024
        {

                visibility: hidden;
		display: none;
        }

}