/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 14 2025 | 21:15:44 */
@media only screen and (max-width: 768px) {
	body, html {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
	}
	
	body {
		overflow-x: hidden;
		background-size: 100% !important;
	}
	
	.main-content {
		width: 100% !important;
		margin: 0 !important;
	}
	
	#navbar {
		position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important; /* Using viewport width instead of 100% */
  min-width: 100vw !important;
  height: 12.5vh;
  max-height: 12.5vh;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 20px 20px 0 0;
  z-index: 100;
  box-sizing: border-box !important;
  transform: none !important; /* Remove translate3d if not needed */
  will-change: transform;
  
  /* Force edge alignment */
  inset: auto 0 0 0 !important; /* top:auto, right:0, bottom:0, left:0 */
}
	
	.mainnav {
		flex-direction: column;
		align-items: start;
		justify-content: center;
		height: 100%;
	}
	
	.switch {
		right: 0px;
		left: auto;
		bottom: 0;
		rotate: 90deg;
	}
	
	.morph-path {
		rotate: -90deg;
		transform-origin: center; 
	}
	
	.navbuttons {
		left: 10px;
		flex-direction: row;
		display: flex;
	}
	
	#navbar:not(.expanded) .navtext {
		font-size: 15px;
		width: 100%;
		opacity: 1;
		text-align: center;
		padding-top: 5px;
	}
	
	#navbar:not(.expanded) .navicon {
		width: 35px;
		height: 35px;
	}
	
	.navbutton {
		padding: 0 10px 0 10px;
		flex-direction: column;
	}
	
	.menu {
		display: none;
	}
	
	#home, #about, #creations, #imprint, #data-protection {
  		padding-top: 5vh !important;
	}
	
	#home .kt-row-column-wrap {
		flex-direction:column !important;
	}
	
	.headline {
		height: 20vh;
		min-height: 10vh;
	}
	
	.headline-image {
		width: 35vw !important;
		padding-right: 5vw;
		z-index: 5 !important;
	}
	
	.headlinetext {
		font-size: 12.5vh !important;
	}
	
	#home .ho_text, #home .ho_text2 {
		width: 100%;
		margin: 0;
	}
	
	#home .ho_text {
		margin-bottom: 20%;
	}
	
	#home .ho_text2 {
		margin-top: 20%;
	}
	
	.ho_text_right {
		padding-left: 20vw !important;
	}
	
	#imprint .ho_text_right .headlinetext-right, #data-protection .ho_text_right .headlinetext-right, #creations .ho_text_left .headlinetext-left {
		font-size: 10vh !important;
	}
	
	.headlinetext-right {
  		margin-left: 2%;
	}

	.aboutfirst {
		font-size: 7.5vh !important;
	}
	
	.about-wrapper {
		margin: 0 auto 0 auto;
		padding: 0 32px 0 32px;
	}
	
	.ho_text_left {
		padding-left: 0;
	}
	
	.headlinesvg {
		width: 50vw !important;
	}
	
	.gt_switcher_wrapper {
		left: auto;
		right: auto;
		bottom: auto !important;
		top: 15px !important;
	}
	
	.footer {
		margin-bottom: 12.5vh;
	}
	
	.logosvg {
		width: 7vw;
	}
	
	.footer .kt-row-column-wrap {
		justify-content: center !important;
	}
	
	.footerbutton {
	 	width: 100% !important;
	}
	
}