@media screen and (min-width: 1146px) {
	.nav-toggler {
		display: none;
	}
}

@media only screen and (max-width: 1145px) {
	h2 {
		font-size: 2rem;
	}
	
	h3 {
		font-size: 1.8rem;
	}
	
	h4 {
		font-size: 1.6rem;
	}
	
	h5 {
		font-size: 1.4rem;
	}
		
	.nav--mobile {
		max-height: 0;
		visibility: hidden;
		transition: max-height 0s 3s, background 0.3s;
		background: transparent;
		left: 0;
		top: 0;
		width: 100%;
		z-index: -1;
		text-shadow: 0.025rem 0.025rem 2rem rgba(0, 0, 0, 0.75);
		overflow: auto;
	}
	
	.nav--mobile li {
		float: none;
		transition: opacity 0.3s;
		opacity: 0;
	}
	
	.nav--mobile a,
	.nav--mobile .active,
	.nav--mobile .trail {
		padding: 1rem;
		margin: 0;
	}
	
	.nav--mobile .first {
		padding-top:0;
	}
	
	.nav--mobile--active {
		max-height: 100%;
		transition: opacity 0s, background 0.3s;
		background: #222;
		background: rgba(0, 0, 0, 0.95);
		visibility: visible;
	}
	.nav--mobile--active li {
		opacity: 1;
	}
	
	.offcanvas--active #header {
	  height: 100%;
	}
	
	.sd_page, .mod_article {
	    padding-top: 90px;
	}
	
	#header {
		height: 40px;
		padding-bottom: 50px;
	}
	
	#header #sd_logo {
		width: 30%;
		position: relative;
		left: 0;
	    top: 0;
	    padding: 3px 10px 0;
	    max-width: 250px;
		min-width: 230px;
		height: 40px;
	}
	
	#header #sd_logo img {
    	height: 70px;
	}
	
	
	#header #mainmenu a, 
	#header #mainmenu strong {
	    font-size: 1em;
	}
	
	#header .inside {
	  display: block;
	  min-height:45px;
	  height:100%;
	  padding:0;
	}

	#header #headermenu.stretch {
    	margin-top: 43px;
	}
	
	#header #mainmenu, #header #headermenu, #header #headermenu.stretch {
		display:block;
	}
	
	#header #headermenu .additionalmenu {
		display:block;
		padding-top: 1em;
	}
	
	#header .socialmedia {
	    padding: 0.5em;
	    background: #333;
	    margin-right: 30px;
	    float: left;
	    height: 100vh;
	}
	
	#header .socialmedia ul {
		display: flex;
		justify-content: center;
		align-content: space-between;
		align-items: center;
	}
	
	#header .socialmedia .fa-lg {
		font-size: 2em;
	}
	
	#header #mainmenu ul, #header #headermenu ul { 
		display: inline;
	} 
	
	#header #mainmenu {
		font-size: 2.5rem;
		overflow: auto;
	}
	
	#header #mainmenu ul li a, #header #mainmenu strong, #header #headermenu ul li a, #header #headermenu ul li strong {
    	padding: 0.2em;
	}
	
	#header .mod_changelanguage {
		position: fixed;
		top: 0;
		justify-content: center;
		display: flex;
		width: 100vw;
	}
	
	#header .mod_changelanguage ul li {
		display: inline-block;
	}
	
	#footer .additionalmenu {
		display: none;
	}
	
	
	/* Needed for the height of the image and video */
	#home .youtube, #home .youtube iframe {
	    padding-top: 90px;
	} 
	
	#news .mod_newslist {
		display: block;
	}
	
	#videos {
	    padding-top: 45px;
	}
	
}


@media only screen and (max-width: 830px) {
	
/*	#header #sd_logo {
		height: 40px;
	}
	
	#header #sd_logo img {
    	height: 70px;
	}
	
	#header #headermenu.stretch {
    	margin-top: 43px;
	}
	
*/
	#about .container {
	    padding: 0;
	}

	#about .right-content .image_container {
		float: none;
	}
	
	#about .left-content {
	    position: relative;
	    text-align: center;
	    padding: 0 20px;
	}
	
	#about .about_text {
		width: 100%;
	}
	
	.ce_downloads ul, .download-box {
		display: block;
	}

	/* #### Videos #### */
	#videos .video-container {
		width:100%;
	}
}

@media only screen and (max-width: 560px){
	
	#header #sd_logo .resize {
		height: 55px!important;
	}

	#header .additionalmenu {
		text-transform:none;
	}
	
	#home .youtube, #home .youtube iframe {
    	padding-top: 60px;
	}
	
	#home .video_container img {
		max-height: 50vh;
		padding-top: 30px;
	}
	
	.download-element a, .download-box a {
	    font-size: 1rem;
	    margin: 0 auto;
	    text-align: center;
	}
	
	.download-element img, .download-box img {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    text-align: center;
	    margin: 0 auto;
	}

	#videos {
		padding-top:45px;
	}
	
	#videos .video-container .scene_element {
    	width: 100%;
	}

	.youtube a::before {
		height: 40px;
		width: 40px;
		margin: -45px 0 0 -45px;
		border-radius: 90px;
		top: 230px;
		left: calc(100% - 30px);
	}
	
	.youtube a:hover::before {
		width: 50px;
		height: 50px;
		margin: -50px 0 0 -50px;
	}
	
	.youtube a::after {
		border-width: 10px 0 10px 20px;
		margin: -34px 0 0 -31px;
		top: 230px;
		left: calc(100% - 30px);
	}
	
}

@media only screen and (max-width: 375px) {
	#home .video_container img {
		max-height: 50vh;
		padding-top: 30px;
	}

/*	#header #sd_logo img {
    	height: 65px;
	}
*/	
	.youtube a::before {
		top: 210px;
	}
	
	.youtube a::after {
		top: 210px;
	}
}