.profile table {
 	width: 100% !important;
}
.projects table {
	width: 98% !important;
	margin: auto;
}
.projects td img {
	padding: 0 0.8rem;
}
.freund_bild1 {
	width: 60%;
}
.freund_2 {
	padding: 3em;
}
.weissezeile img {
	padding-left: 3em;
}
td{
  width:12.5%;
}
td img {
	padding-right: 0.5rem;
}

.projects content {
	margin: 4rem;
	display: block;
}

.projects .blog {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
	grid-gap: 1em;
}

/*kontakt pozicija*/

.custom-kontakt {
	position: absolute;
	top: 6rem;
	left: 58%;
}

.home container, .home-en container, .home-de container {
	margin: 0; 
	padding: 0; 
	width: 100%; 
	max-width: unset;
}


/*hamburger Menu*/	

label[for="nav-trigger"] {
	position: fixed;
	left: 1vw;
	top: 2vw;
	z-index: 999;
	height: 3.7rem;
	width: 3.7rem;
	cursor: pointer;
	background-image: url("../images/menu.svg");
	background-size: cover;
}

label[for="nav-trigger"]:hover{
  	transform:scale(110%);
}

@keyframes logoanimation {
    from {left: -12vw; opacity: 0;}
    to {left: 4vw; opacity: 1;}
}

.home label[for="nav-trigger"], .home-en label[for="nav-trigger"], .home-de label[for="nav-trigger"] {
    height: 6rem;
    width: 6rem;
	top: 3vw;
  	opacity: 0;
    animation: logoanimation 2s ease 4s forwards;	
}

.home .menu li, .home-en .menu li, .home-de .menu li{
  	padding: 0 8em;
}

/*pozicija menu*/
#navigation {
		width: 100%;
		position: fixed;
		top: 0;
		top: -100vh;
		z-index: 2;
	}
.mod-languages {
	position: absolute;
  	top: 2rem;
	right: 3rem;
	width: 2rem; 
}
div.mod-languages ul.lang-block li {
	margin: 0.4rem;
}
/*Menu Akcija*/	
	.nav-trigger + label, #navigation {
		transition: top 1.2s;
	}
	
	.nav-trigger:checked + label[for="nav-trigger"] {
		background-position: 100% 0;
	}
	
	.nav-trigger:checked ~ #navigation {
		top: 0;
	}

@media only screen and
(max-width:790px) and (orientation:portrait){
	html {
		font-size: 3vw;
	}
	
	#spalte {
		width: 100%;
	}
	
	#page_content {
		width: 100%;
		padding: 0;
	}
	
  table, table tr * {
	display: inline;
	padding: 0.5em 0;
}
table tr {
    padding: 2rem 0 0;
    display: block;
    width: 100%;
    border-top: 1px solid;
}
	.logoreference img {
	width: 49%;
}
	.home label[for="nav-trigger"], .home-en label[for="nav-trigger"], .home-de label[for="nav-trigger"] {
	top: 17vw;
}
 	.home .menu li, .home-en .menu li, .home-de .menu li{
  	padding: 0 6em;
}
  .approach container {
	padding-top: 5rem;
}
lottie-player {
	top: auto;
	left: auto;
	width: 79vw;
	right: -8vw;
	bottom: -7vh;
}
}