


























































































@media all and (max-width: 1240px)
{
	
	body,
	body.withLeftCol, body.leftColHidden,
	body.withRightCol, body.rightColHidden,
	body.withLeftCol.withRightCol,
	body.leftColHidden.withRightCol,
	body.withLeftCol.rightColHidden,
	body.leftColHidden.rightColHidden,
	body.withTopToolbar
	{
		min-width: 620px;
		padding: 0;
	}
	
	#bodyContainer
	{
		padding-top: 0;
	}
    
	.menuItem_desktopOnly
	{
	    display: none !important;
	}
	
}

@media all and (max-width: 1240px)
{

    .topToolbar
    {
        position: static;
    }
    .topToolbar_login
    {
        display: none;
    }

    #pageHeader
    {
        position: relative;
        background-image: none;
        height: auto;
    }
    #pageHeader h1
    {
        position: static;
        padding: 20px 90px 20px 15px;
        text-shadow: none;
    }
    #pageHeader h1 a, #pageHeader h1 a:hover
    {
        font-size: 150%;
        padding: 0;
    }

    #slideshowInHeader
    {
        display: none;
    }

    #horizontalMenu
    {
        display: none;
    }

    #headerBar, #logo, #homepage-menu, #homepage-menu, #pageHeader > a > p
    {
        display: none;
    }
    #contentHeader
    {
        padding: 12px 0;
    }
    .homepage #contentHeader
    {
        display: none;
    }

}
#mobileMenu
{
	display: none;
}
#mobileMenu_button
{
	display: none;
}

@media all and (max-width: 1240px)
{
	
	#mobileMenu
	{
		background-color: transparent;
		border-bottom: 1px solid transparent;
	}
	#mobileMenu ul
	{
		margin: 0;
		padding: 0;
	}
	#mobileMenu li
	{
		border-top: 1px solid transparent;
	}
	#mobileMenu ul li a, #mobileMenu ul li span
	{
		display: block;
		padding: 12px 24px;
		font-size: 150%;
		color: black;
		text-decoration: none;
	}
	#mobileMenu ul li a:hover
	{
		background-color: transparent;
		color: black;
	}
	.linkBlankMarked #mobileMenu ul li a[target=_blank]::after
	{
		width: 18px;
		height: 18px;
		margin-left: 9px;
		background-image: url(/_img/base/targetBlank.svg?color=black);
	}
	.linkBlankMarked #mobileMenu ul li a[target=_blank]:hover::after
	{
		background-image: url(/_img/base/targetBlank.svg?color=black);
	}
	#mobileMenu ul li span
	{
		cursor: default;
	}
	#mobileMenu ul ul li a, #mobileMenu ul ul li span
	{
		padding-left: 60px;
	}
	#mobileMenu ul ul ul li a, #mobileMenu ul ul ul li span
	{
		padding-left: 108px;
	}
	#mobileMenu ul ul ul ul li a, #mobileMenu ul ul ul ul li span
	{
		padding-left: 156px;
	}
	#mobileMenu ul ul ul ul ul li a, #mobileMenu ul ul ul ul ul li span
	{
		padding-left: 204px;
	}
	
	#mobileMenu_button
	{
		display: block;
		position: absolute;
		width: 80px;
		height: 100%;
		top: 0;
		right: 0;
		margin: 0;
		border-width: 0;
		border-radius: 0;
		background: url(/_img/base/hamburgerButton.svg?color=white) center center no-repeat;
		color: transparent;
	}
	
}
@media all and (max-width: 1240px)
{

    #page,
    body.withLeftCol #page, body.leftColHidden #page,
    body.withRightCol #page, body.rightColHidden #page,
    body.withLeftCol.withRightCol #page,
    body.leftColHidden.withRightCol #page,
    body.withLeftCol.rightColHidden #page,
    body.leftColHidden.rightColHidden #page
    {
        width: 100%;
    }

    #cols
    {
        display: block;
    }
    #leftCol, #rightCol, #footerModules
    {
        display: none;
    }
    #content, body.withLeftCol #content
    {
        display: block;
        position: static;
        width: 100%;
        overflow: hidden;
    }

    #homepage-content .carousel-container
    {
        height: auto;
    }
    #homepage-content .carousel-content
    {
        position: static;
        display: block;
    }
    #homepage-content .carousel-item
    {
        width: auto;
    }

}
@media all and (max-width: 1240px)
{
	
	.userPage_info
	{
		float: none;
		clear: both;
		text-align: left;
		padding-top: 5px;
	}
	.userPage_info .userPage_views, .userPage_actions
	{
		display: none;
	}
	
	.userPage_colContent, .userPage_colOther
	{
		width: auto;
	}
	.userPage_contentLeft .userPage_colContent,
	.userPage_contentRight .userPage_colContent
	{
		padding: 0;
	}
	.userPage_contentLeft .userPage_colContent, .userPage_contentRight .userPage_colOther,
	.userPage_contentLeft .userPage_colOther, .userPage_contentRight .userPage_colContent
	{
		float: none;
	}
	.userPage_colContent .userPage_content
	{
		margin-top: 16px;
	}
	
	.userPage_image_left, .userPage_image_right
	{
		float: none;
		display: block;
		width: 80%;
		max-width: none;
		max-height: 320px;
		margin-left: auto;
		margin-right: auto;
	}
    
}

@media all and (max-width: 1240px)
{
	
	button.gallery_next, button.gallery_next:hover,
	button.gallery_previous, button.gallery_previous:hover
	{
		opacity: 0.2;
	}
	
}
@media all and (max-width: 1240px)
{
	
	.footerContent
	{
		display: none;
	}
	
	.footerLinks li.menuItem_desktopOnly:first-child + li::before
	{
		display: none;
	}
	
	.lastUpdate, .poweredBy, .footerLinks
	{
		float: none;
	}

	.footerLinks .footer_loggedUser
	{
		padding-left: 0;
	}

	#news
	{
		margin-bottom: 60px;
	}
}
		#debug_responsive_time
		{
			width: 183px !important;
		}
		#debug_responsive_sqlCount
		{
			width: 6px !important;
		}
		#debug_responsive_sqlTime
		{
			width: 1px !important;
		}
		