/* ===============================
   TABLET.CSS – Tablet Styles (577px - 991px)
   =============================== */

@media (min-width: 577px) and (max-width: 991px) {
	
	header {
		padding-bottom: 0;
	}
	
	#main .bild40.media--left figure,
	#main .bild40.media--right figure {
		width: 40%;
	}

	#main .bild50.media--left figure,
	#main .bild50.media--right figure {
		width: 50%;
	}
	
	#main .bild40.media--left figure,	
	#main .bild50.media--left figure,
	#main .media--right figure,
	#main .media--left figure
	{
		margin-right: 1rem;
	}
	
	#main .bild40.media--right figure,	
	#main .bild50.media--right figure,
	#main .media--right figure
	{
		margin-left: 1rem;
	}
	
	#main .bild40.media--left figure img,
	#main .bild40.media--right figure img,
	#main .bild50.media--left figure img,
	#main .bild50.media--right figure img {
		width: 100%;
		height: auto;
	}

.logo {
  padding-top: 0.7rem;
}

    .logo img {
    height: 5.5rem;
    }

.main-title {
font-size: 1.2rem;
font-weight: bold;
line-height: 1;
margin: 0;
}

}

@media (min-width: 577px) {

	.header-actions {
		padding-top: 20px;
	}
	
	button.kontrast {
  width: 30px;
}
	.mobile_menu_trigger button {
  width: 80px;
}

}