#page-home-companies-companies { display : flex; }

@media (max-width: 900px)
{
	#page-home section.page-content-articles > .container > .wrapper-big .big-header
	{
		font-size: 32px !important;
    	margin: 0 15px !important;
	}
	body > header > .header .navigation-wrapper .logo { margin-left: 15px; }
	body > header > .header .top-bar .slogan { margin-left: 15px; }
	
	article[data-facet-id="home_tile_teaser"],
	#page-home-articles-teasers-articles[data-home-tile-teaser-group="pupil"] article.pupil, #page-home-articles-teasers-articles[data-home-tile-teaser-group="teacher"] article.teacher, #page-home-articles-teasers-articles[data-home-tile-teaser-group="parent"] article.parent #page-home-articles-teasers-articles[data-home-tile-teaser-group="pupil"] article.teaser-pupil, #page-home-articles-teasers-articles[data-home-tile-teaser-group="teacher"] article.teaser-teacher, #page-home-articles-teasers-articles[data-home-tile-teaser-group="parent"] article.teaser-parent
	{
		width: calc(50% - 10px) !important;
    	float: left;
	}
	
	article[data-facet-id="home_tile_teaser"] .home-tile-teaser-image
	{
	    width: 100% !important;
    	padding-top: 75% !important;
	}
    
    #page-home-articles-teasers-articles
    {
/* 		display: flex; */
    	flex-wrap: nowrap;
    	overflow-x: auto;
    	-webkit-overflow-scrolling: touch;
    }
    ::-webkit-scrollbar { display: none; }
    
    .page-modal,
    .page-modal.pupil,
    .page-modal.teacher,
    .page-modal.parent
    {
    	width: 100% !important;
    }
    .page-modal .page-modal-body
    {
    	width: 100% !important;
    }
    
    #page-home-companies-companies { display: block !important; }
    #page-home-companies-companies .page-home-companies-company { width: 50% !important; float: left !important; }
    #page-home section.page-content #page-home-companies article.page-home-companies-company .page-home-companies-company-image { background-size: cover !important; }
    #page-home section.page-content #page-home-companies article.page-home-companies-company:hover { box-shadow: none !important; }
    
    #page-home section.page-content-articles > .container > .wrapper-big { margin-top: 0 !important; }
    
    #page-home > .page-header > header { display: flex; width: 100% !important; }
    #page-home > .page-header > header > .page-header-video
    {
	    object-position: center;
	    object-fit: cover;
	    width: 100% !important;
	    height: 100% !important;
    }
}

@media (max-width: 600px)
{
	#cookie-notification.show-confirm
	{
		left: 0;
	    right: 0;
	    bottom: 0;
	    width: 100%;
	}
	.page-modal .page-modal-header .title
	{
		font-size: 30px !important;
	}
	
	.winner-teaser,
	.press-teaser,
	.news-teaser { margin-bottom: 60px; }
	
	.winner-teaser .winner-teaser-image,
	.press-teaser .press-teaser-image,
	.news-teaser .news-teaser-image
	{
	    width: 100% !important;
	    padding-top: 50% !important;
	    margin-bottom: 15px !important;
	}
	
	#page-home-articles-teasers-articles[data-home-tile-teaser-group="pupil"] article.pupil, 
	#page-home-articles-teasers-articles[data-home-tile-teaser-group="teacher"] article.teacher, 
	#page-home-articles-teasers-articles[data-home-tile-teaser-group="parent"] article.parent,
 	#page-home-articles-teasers-articles[data-home-tile-teaser-group="pupil"] article.teaser-pupil, 
	#page-home-articles-teasers-articles[data-home-tile-teaser-group="teacher"] article.teaser-teacher, 
	#page-home-articles-teasers-articles[data-home-tile-teaser-group="parent"] article.teaser-parent
	{
		width: calc(100% - 10px) !important;
    	float: left;
	}
	
	article[data-facet-id="home_tile_teaser"] .home-tile-teaser-image
	{
	    width: 100% !important;
    	padding-top: 75% !important;
	}
}

@media (max-width: 480px)
{
	#page-home section.page-content-articles > .container > .wrapper-big .big-header
	{
	    font-size: 24px !important;
    	margin: 0 15px !important;
	}
	#page-home section.page-content-articles > .container > .wrapper-big .big-header-headline
	{
	    margin: 20px 20px !important;
	}
	#page-home section.page-content #page-home-companies h2
	{
		font-size: 30px !important;
	}
	.page-modal .page-modal-header { height: 60px !important; }
	.page-modal .page-modal-header .title
	{
		font-size: 20px !important;
		margin-left: 90px;
	}
	h4.headline { font-size: 16px; }
	.doublelist .list { width: 100%; }
	
	.page-home-companies-title2
	{
	    font-size: 30px !important;
	    word-break: break-word;
	}
}

body > header > aside > #mobile-menu
{
    position: fixed;
    top: 90px;
    left: 0;
    bottom: 0;
    z-index: 300;
    width: 0%;
    max-height: 100%;
    background: #fff;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    transition: opacity .4s, width .5s;
    will-change: opacity, width;
    height: 100%;
}

body > header > aside > #mobile-menu > ul
{
    margin: 0;
    width: 100%;
    text-align: left;
    background-color: #fff;
    height: calc(100% - 90px);
}
body > header > aside > #mobile-menu > ul > li:first-child
{
	border-top: 1px solid #127c58;
}

@media (max-width: 990px)
{
	body > header > aside > #mobile-menu > ul > li a
	{
	    color: #127c58;
	    display: block;
	    padding: 10px 0;
	    max-width: 902px;
	    margin: 0 auto;
	}
	.top-bar-icons
	{
	    display: none !important;
    }
    .container.admin-containers
	{
	    max-width: unset;
	}
}
@media (max-width: 900px)
{
	body > header > aside > #mobile-menu > ul > li a
	{
	    color: #127c58;
	    display: block;
	    padding: 10px 15px;
	}
}