@media screen and (min-width:2300px) {
    body {
        font-size:1.25em;
    }
    
}
@media screen and (min-width:1300px) {
	#container {
		  background-position: var(--margin-left) -9em;
	}
}


@media screen and (max-width:1300px) {
/*	.tns-controls{
	width: calc(100% - 0.2em);
	width:100%;
	left: 0;
	} */

	.home .tns-controls{
	 width: calc(90vw);
	 left: 5vw;
	}

    #slider .ce_image figcaption {
	right:5vw;
    }
    
    footer h3{
    	margin-top:1.8em;
    }
}

@media screen and (max-width:1100px) {
    #logo {
        flex-basis:5.5em;
    }
    
    #submenu nav {
    	margin-left:17em;
    }
    
    header nav {
    	flex-basis: calc(100% - 5.5em);
    }
    

    
    nav ul {
    	margin-right:0;
    	padding-left:0;
    	font-size:0.9em;
    	padding-top:0.2em;
    }
}


@media screen and (max-width:994px){
    header .inside, #submenu .inside, footer .inside, #main .mod_article > [class^="ce_"] {
        width:98%;
    }
    
    #slider .ce_image figcaption {
	right:3.5vw;
	font-size:1.6em;
    }
    .camera h2 .icon, .wert h2 .icon, .uhr h2 .icon {
    	margin-right:auto;
    	margin-left:auto;
    	float:none;
    }
    
    nav ul {
    	gap:1em;
    }
    
        footer h3{
    	margin-top:2em;
    }

}

@media screen and (max-width:767px){
	header .inside, #submenu .inside, footer .inside, #main .mod_article > [class^="ce_"] {
        width:95%;
    }
    
    header.sticky .subtag{
    	display:none;
    }
    
    header.sticky #logo{
    	padding-bottom:1.3em;
    }
	
	header .mod_navigation, #submenu {
		display:none;
	}
	
	 .hspreise #main .inside {
	display:block;
	
}

  .preise.flex {
	display:flex
	
}

	
	.mod_newslist.projekt .layout_simple {
    flex-basis: calc(50% - 2em)
	}
	
		.projekte h2 {
		font-size:1.4em;
	}
	
	.round figure, .round div, .teamfoto figure, .teamfoto div {
	flex-basis: 100%;
	}
	
	.teamfoto figure img{
		height:20em;
	}
	.round h2, 	.teamfoto h2, figure {
		text-align:center;
	}
	
.teamfoto h3 {
		text-align:left;
	}
	
	.round h2, .teamfoto h2 {
		margin-top:1em;
	}
	
	footer .inside * {
    flex-basis: 30%;
	}
	
	footer h3 {
    margin-top:2.3em;
    font-weight:500;
	}
	
}

@media screen and (max-width:480px){
	
	#wrapper {
		min-width:320px;
	}
	
	#slider .ce_image figcaption {
	 	font-size:1.4em;
	 	right:3em;
	 	bottom:13%;
	 	max-width:calc(100% - 6em);
	 }
	
	#main, #footer, .icon_menu {
		font-size:1.2em;
		
	}
	#main .flex > div, #footer .inside > div {
		flex-basis:100%;
	}
	
	 #main .flex.preise > div {
    flex-basis: 90%;
  }

	#footer .inside > div {
    flex-basis: 100%;
	}
	
	.mod_article.half-grey {
    background:linear-gradient(to bottom, transparent 20%, #d9d9d9 20%, #d9d9d9 100%);
    background: -webkit-linear-gradient(to bottom, transparent 20%, #d9d9d9 20%, #d9d9d9 100%);
    background: -moz-linear-gradient(to bottom, transparent 20%, #d9d9d9 20%, #d9d9d9 100%);
    background: -o-linear-gradient(to bottom, transparent 20%, #d9d9d9 20%, #d9d9d9 100%);
    color:#333;
	}

	.layout_latest figure {
		float:none;
		width:100%;
	}
	.mod_newslist.projekt .layout_simple {
    flex-basis: 100%;
    margin: 1em 0;
	font-size: 1.3em;
	}

	.flex.halfs > div{
		flex-basis:100%;
	}
	
	.projekte .ce_text {
    margin-bottom: 2em;
	}

		.projekte h2 {
		font-size:1.6em;
	}
	
	.icon_list_small::before, .icon_list::before {
    display:inline-block;
    width:20%;
    box-sizing:border-box;
	}

	.icon_list_small::after, .icon_list::after {
		display:none;
	}
	
	.icon_list_small .thetext, .icon_list .thetext {
		flex-basis: 70%;
	}
	
	.ce_gallery ul {
		display:block;
	}
	
/*	.tns-controls{
		font-size:0.4em;
	    top:calc(50% - 6em);
	}*/
	footer h3 {
		margin-top:1.3em;
		font-size: calc(1.25em + (32 - 20) * (100vw - 480px) / (2300 - 480));
	}
	
	footer .icon_list{
		margin-bottom:0.5em;
	}
	
	.layout_short figure,
	.layout_short .ce_text,
	.layout_short .more{
		flex-basis:100%;
	}
	
	.camera, .wert, .uhr {
		margin-top:0.5em;
		margin-bottom:2em;
	}
	
	.camera h2, .wert h2, .uhr h2{
		margin-bottom:0.5em;
	}
	

	.tns-controls {
		display:none;
	}
	
	.teamfoto figure img{
		height:90vw;
		width:90vw;
	}

}