/* Responsive Einstellungen */

@media only screen and (max-width: 1600px) {
  /* Styles für <= 1600px */
  	#tm-dialog.uk-modal {
        margin-right: 16vw;
	}
	
	.menu-item a {
		font-size: 12px !important;
	}
	.uk-offcanvas-bar .menu-item a {font-size: 1.2rem !important;}
	
	.uk-navbar-item .uk-grid-margin .uk-width-1-1 .uk-flex-middle {
    gap: 5px;
	}

}

@media only screen and (max-width: 1400px) {
	 ul.uk-nav.uk-nav-default li.menu-item a {
		color: #600B5B;
		opacity: 0.5;
		font-size: 14px;
		font-family: 'kallisto';
	}
	#tm-dialog .uk-nav.uk-nav-default {
		gap: 2em;
		display: flex;
	}
	
	
}

@media only screen and (max-width: 1200px) {
  	ul.uk-nav.uk-nav-default li.menu-item a {
		color: #600B5B;
		opacity: 0.5;
		font-size: 12px;
		font-family: 'kallisto';
	}
	#tm-dialog .uk-nav.uk-nav-default {
		gap: 1em;
		display: flex;
	}
	
	
}

@media(max-width:1215px){
    .uk-navbar-nav {display: none;}
}

@media only screen and (max-width: 960px) {
	   #builderwidget-12 {display: none;}
	   
	  .uk-section-xlarge {padding-top: 50px !important; padding-bottom: 50px !important;} 
	   
.uk-section-large {padding-top: 50px !important; padding-bottom: 50px !important;}
	.hero-content .hero-content-container {
		margin-top: -45vmax !important;
	}
	.hero-content img {
		width: 100px;
	}
	
  #hero-slideshow .el-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column-reverse;
	}
	#hero-slideshow .el-content img {
		margin-bottom: 10px;
	}
	.uk-button-large {
		font-size: 15px !important;
	}
	.uk-navbar-right {
		    width: 50%;
			    justify-content: space-evenly;
	}
}

@media only screen and (max-width: 640px) {
	.hero-content .hero-content-container {
        margin-top: -415px !important;
    }
	.hero-content img {
		width: 90px;
	}
  .uk-logo {
    width: 70%;
	}
	.ic-intersect {
		margin-top: -15em;
	}
}


/* Min widths */

@media only screen and (min-width: 640px) {
	.uk-slider-container .uk-width-1-2\@m {
        width: 60%;
    }
}

@media only screen and (min-width: 960px) {
	#tm-dialog *{
    background: transparent;
	}
	.uk-heading-small {font-size: 2.5rem !important;}

}

@media(min-width:1199px){
.uk-navbar-toggle {display: none;}

}

@media only screen and (min-width: 1200px) {
	.uk-slider-container .uk-width-1-3\@l {
        width: 40%;
    }
	.uk-slider-container .uk-width-1-4\@l {
        width: 28%;
    }
	#tm-dialog.uk-modal {
        margin-right: 14%;
	}
}

@media only screen and (max-width: 1600px) {
  /* Styles für <= 1600px */
  	#tm-dialog.uk-modal {
        margin-right: 18%;
	}
}