@media only screen and (min-width:768px){
	h2{
		font-size:16pt;
		line-height:25.38pt;
	}
	p{
		font-size:10pt;
		line-height:14pt;
	}
	.submit-button{
		color: white;
		background-color: #ffce17;
		text-transform: uppercase;
		border: 2px solid white;
		text-align: center;
		display: block;
		padding: 5px 5px;
		margin: 15px 0;
	}
	.submit-button:hover{
		cursor:pointer;
		background-color:rgba(61,93,168,1);
		transition:.5s;
	}
	.border-yellow{
		height:20px;
	}
	.navigation-logo{
		padding-top:2.44140625%;
		padding-left:2.44140625%;
	}
	.navigation-logo img{
		width:100%;
		max-width:309px;
		height:auto;
	}
	#hamburger{
		width: 8.10546875%;
		right:1.171875%;
		padding:15px 5px;
	}
	.bar1,.bar2,.bar3{
		width:80%;
	}
	.content a{
		font-size:2rem;
	}
	
	#header-img img{
		max-width:647px;
	}
	#header-img:after{
		height:20px;
	}
	.header-overlay-text p{
		font-size:22.67px;
		line-height:32px;
	}
	.header-overlay-text p:before{
		height:20px;
		width:9.375%;
		margin-right:1.40625%;
	}
	#block-container{
		margin-top:-45px;
		justify-content:flex-start;
	}
	.block-small{
		-ms-flex:0 0 8.10546875%;
		-webkit-flex:0 0 8.10546875%;
		flex:0 0 8.10546875%;
		width:8.10546875%;
	}
	.block-medium{
		-ms-flex:0 0 21.77734375%;
		-webkit-flex:0 0 21.77734375%;
		flex:0 0 21.77734375%;
		width:21.77734375%;
	}
	.block-large{
		-ms-flex:0 0 38.0859375%;
		-webkit-flex:0 0 38.0859375%;
		flex:0 0 38.0859375%;
		width:38.0859375%;
	}
	.block-small:after,
	.block-medium:after,
	.block-large:after{
		padding-bottom:60%;
	}
	#block1,#block2,#block4,#block5{
		margin-right:2.5634765625%;
	}
	#block2{
		display:block;
	}
	#block3{
		display:none;
	}
	#block6{
		display:none;
	}
	.block-inhalt p{
		font-size:10pt;
		line-height:14.2pt;
	}
	.flex-container-1{
		flex-direction:row;
		margin-top:2rem;
		margin-bottom:2rem;
	}
	.flex-container-3{
		flex-direction:row-reverse;
		margin-top:2rem;
		margin-bottom:2rem;
	}
	.box-links{
		-ms-flex:0 0 59.5703125%;
		-webkit-flex:0 0 59.5703125%;
		flex:0 0 59.5703125%;
		max-width:59.5703125%;
	}
	.box-rechts{
		-ms-flex:0 0 40.4296875%;
		-webkit-flex:0 0 40.4296875%;
		flex:0 0 40.4296875%;
		max-width:40.4296875%;
		justify-content:flex-end;
		overflow:hidden;
		background-position:right top;
		border-bottom:20px solid #ffce17;
		padding-top:0;
	}
	.overlay-yellow{
		display:none;
	}
	.box-links h2{
		font-weight:300;
		font-size:16pt;
		margin-bottom:2rem;
	}
	.flex-container-1 .box-links h2:before{
		content:"";
		display:inline-block;
		height:20px;
		width:15.7377%;
		background-color:#ffce17;
		margin-right:2.459%;
	}
	.flex-container-1 .box-links p{
		padding-left:18.1967%;
		padding-right:5.4098%;
	}
	.flex-container-1 .box-rechts i{
		left:1.66015625%;
		bottom:1.26953125%;
		transform:translate(0%,0%);
	}
	.flex-container-3 h2:before{
		display:none;
	}
	.flex-container-3 .box-links p{
		padding-right:18.1967%;
		padding-left:5.4098%;
	}
	.flex-container-3 .box-rechts i{
		right:1.66015625%;
		bottom:1.26953125%;
		transform:translate(0%,0%);
	}
	.inside-flex-container-1{
		display:flex;
		flex-direction:row;
		width:100%;
	}
	.inside-links{
		padding-left:5.4098%;
		padding-right:2.459%;
		width:auto;
	}
	.inside-rechts{
		width:100%;
		overflow-x:hidden;
	}
	.mobile{
		display:none;
	}
	.tablet{
		display:flex;
		justify-content:space-between;
		width:100%;
	}
	.trenner-box1,.trenner-box2,.trenner-box3,.trenner-box4,.trenner-box5,.trenner-box6,.trenner-box7{
		background-color:#ffe276;
		padding-top: 20.215%;
		background-repeat:no-repeat;
		background-position:center;
		background-size:cover;
	}
	.trenner-box1{
		width:8.10546875%
	}
	.trenner-box2,.trenner-box3,.trenner-box4,.trenner-box5,.trenner-box6{
		width:21.875%;
	}
	.trenner-box7{
		width:16.2109375%;
	}
	#trenner1 .trenner-box5,#trenner1 .trenner-box6,#trenner2 .trenner-box3,#trenner2 .trenner-box4,#trenner3 .trenner-box2,#trenner3 .trenner-box6{
		display:none;
	}
	#trenner1 .trenner-box4, #trenner2 .trenner-box5, #trenner3 .trenner-box3{
		background-image:url("/images/trenner_anfrage.jpg");
	}
	.trenner-box1{
		background-image:url("/images/markisen-icon_trenner_start_md.jpg");
	}
	.trenner-box7{
		background-image:url("/images/sonnenschutz-icon_trenner_ende.jpg");
	}
	#trenner1 .trenner-box2, #trenner2 .trenner-box2, #trenner3 .trenner-box4{
		background-image:url("/images/sonnenschutz-icon_trenner.jpg");
	}
	#trenner1 .trenner-box3, #trenner2 .trenner-box6, #trenner3 .trenner-box5{
		background-image:url("/images/markisen-icon_trenner.jpg");
	}
	.test{
		font-size:16pt;
		line-height:14pt;
	}
	.footer-flex-container{
		padding:0;
	}
	.footer-flex1,.footer-flex2{
		display:flex;
		width:100%;
		padding-left:10.546875%;
		padding-right:10.546875%;
	}
	.footer-flex3{
		display:block;
		width:100%;
	}
	.links{
		width:50%;
		padding-right:2.1484375%;
	}
	.rechts{
		width:50%;
		padding-left:2.1484375%;
	}
	.footer-flex4{
		display:flex;
		width:100%;
		justify-content:space-between;
	}
	.footer-links,.footer-rechts{
		background-color:#ffce17;
		padding:10px;
	}
	.footer-links{
		width:16.89453125%;
		text-align:center;
	}
	.footer-rechts{
		width:82.71484375%;
	}
	.button{
		display:none;
	}
	.formular,.karte{
		display:block;
	}
}