@media only screen and (max-width: 1417px) {
    .page {
        width: 1167px;
    }
    
    body {
        font-size: 90%;
    }
    
    /*Header*/

    .siegel {
        position: absolute;
        margin: 4.7em 0 0 54em;
        width: 99px;
    }
    
    .logo {
        width: 180px;
    }
    
    .printer {
        width: 400px;
    }
    
    .plotter {
        width: 260px;
    }
    
    .web {
        width: 320px;
    }
    
    .rms_12 {
        width: 380px;
    }
    
    .rms_9 {
        width: 240px;
    }
    
    .rms_16 {
        width: 320px;
    }
    
    .bew {
        width: 56px;
    }
    
    .pe-p, .pp-p, .dp1, .dp2 {
        width: 280px;
    }
    
    .antriebskonstruktion {
        width: 480px;
    }
    
    .praesentationsetagere, .praesentationsplattform {
        width: 280px;
    }
    
    .urk2 {
        width: 280px;
    }
    
    .urk4 {
        width: 200px;
    }

/*URK*/
    
    .urk7 {
        width: 360px;
    }
    
    .urk6 {
        width: 560px;
    }
    
    .urk1 {
        width: 240px;
    }
    
    .urk3 {
        width: 160px;
    }
    
    .urk5 {
        width: 326px;
    }
    
    .urk4_1 {
        width: 275px;
    }
    
    #urk3 {
        width: 160px;
    }
    
    #urk5 {
        width: 322px;
    }
    
    #urk4_1 {
        width: 276px;
    }
    
/*RMS*/
    
    .rms .rms12, .rms .rms16 {
        width: 360px;
    }
    
    .nische, .eck {
        width: 200px;
    }
    
    .rms .bew {
        width: 72px;
    }
    
    .raum {
        width: 280px;
    }
    
    .rms .rms9 {
        width: 280px;
    }

/*Werbeträgervermarktung*/
    
    .uhr {
        width: 200px;
    }
    
    .grossflaeche {
        width: 364px;
    }
    
    .strassenbahn {
        width: 1040px;
    }
    
    .wtvm .flex1 .box1 {
        width: 40%;
    }

    .wtvm .flex1 .box2 {
        width: 60%;
    }
}

@media only screen and (max-width: 1167px) {
    .page {
        width: 917px;
    }
    
    body {
        font-size: 80%;
    }
    
    .siegel {
        width: 89px;
        margin: 5em 0 0 42em;
    }
    
    .logo {
        width: 162px;
    }
    
    .printer {
        width: 360px;
    }
    
    .plotter {
        width: 234px;
    }
    
    header .box1 {
        width: 60%;
    }
    
    .ebene6 .box1 {
        grid-area: a;
        width: 100%;
    }
    
    .ebene6 .box2 {
        grid-area: b;
        width: 100%;      
    }
    
    .ebene6 .box2 {
        margin: 1.5em 0 1.5em 0;
    }
    
    .ebene6 .box3 {
        grid-area: c;
        width: 100%;
        display: flex;
        justify-content: space-around;
    }
    
    .ebene6 .flex {
        display: grid; 
        grid-template-rows: auto; 
        grid-template-columns: 50% 50%; 
        grid-template-areas: 
            "a b"
            "c c";
    }
    
    .ebene7 .flex {
        align-items: flex-end;
    }
    
    .ebene7 .box1, .ebene10 .box1 {
        grid-area: a;
        width: 100%;
    }
    
    .ebene7 .box2, .ebene10 .box2 {
        grid-area: b;
        width: 100%;
        margin: 1.5em 0 0 0;
    }
    
    .ebene7 .box3, .ebene10 .box3 {
        grid-area: c;
        width: 100%;
        margin: 1.5em 0 0 0;
    }
    
    .ebene7 .flex, .ebene10 .flex {
        display: grid; 
        grid-template-rows: auto; 
        grid-template-columns: 50% 50%; 
        grid-template-areas: 
            "a a"
            "b c";
    }
    
    .box1 form {
        width: 90%;
        margin: auto;
    }
    
/*URK*/
    
    .urk7 {
        width: 288px;
    }
    
    .urk6 {
        width: 448px;
    }
    
    .urk1 {
        width: 216px;
    }
    
    .urk3, #urk3 {
        width: 144px;
    }
    
    .urk5, #urk5 {
        width: 294px;
    }
    
    .urk4_1, #urk4_1 {
        width: 248px;
    }
    
    .urk .grid {
        grid-template-areas:
            "a a a a a a"
            "b b b c c c"
            "b b b d d d"
            "e e f f g g";
    }
    
    .urk .block6 {
        margin: 2em 0 0 -0.9em;
    }
    
/*RMS*/
    
    .rms .rms12, .rms .rms16 {
        width: 324px;
    }
    
    .nische, .eck {
        width: 180px;
    }
    
    .rms .bew {
        width: 65px;
    }
    
    .raum {
        width: 252px;
    }
    
    .rms .rms9 {
        width: 252px;
    }
    
    .rms .grid {
        grid-column-gap: 1em;
        grid-template-columns: 50% 50%;
        grid-template-areas:
            "a b"
            "c f"
            "g j"
            "h k"
            "i i";
    }
    
    .rms .block4, .rms .block5, .rms .block12 {
        display: none;
    }
    
    .rms .block7, .rms .block10 {
        align-items: flex-start;
    }
    
    /*Werbeträgervermarktung*/
    
    .uhr {
        width: 180px;
    }
    
    .grossflaeche {
        width: 328px;
    }
    
    .strassenbahn {
        width: 900px;
    }
    
    .wtvm .flex1 {
        display: block;
    }

    .wtvm .flex1 .box2 {
        width: 100%;
    }
    
    .wtvm .flex1 .box1 {
        display: flex;
        width: 100%;
    }
    
    .wtvm .flex1 .box1_1, .wtvm .flex1 .box1_2 {
        width: 50%;
    }
    
    .wtvm .flex1 .box1_2 {
        display: flex;
        align-items: center;
    }
    
    .wtvm .flex1 .box1_2 p {
        width: 70%;
        margin: auto;
    }
    
    /*Nach oben*/

    .back-to-top {
        width: 60px;
    }
}

@media only screen and (max-width: 917px) {
    .page {
        width: 650px;
    }
    
    body {
        font-size: 70%;
        font-weight: 300;
    }
    
    h2 {
        font-weight: 300;
    }
        
    /*NAV*/
    
    header.menu {
		padding: 0 20px;
	}

	.menu-toggle {
		display: block;
	}

	header.menu nav {
		position: absolute;
		width: 100%;
		height: auto;
		background: #424242;
		top: 33px;
		left: -100%;
		transition: 0.5s;
	}

	header.menu nav.active {
		left: 0;
	}

	header.menu nav ul {
		display: block;
		text-align: center;
	}

	header.menu nav ul li a {
		border-bottom: 1px solid rgba(0,0,0,.2);
	}

	header.menu nav ul li.active ul {
		position: relative;
        border: solid 0.5px;
        border-color: white;
	}
    
    nav ul {
        width: 100%;  
    }
    
    header.menu nav ul li ul li {
        width: 100%;
    }
    
    /*Burger*/
    .burger {
        cursor: pointer;
        width: 0%;
        display: block;
    }
    
    header.menu nav ul li a:hover {
        border-radius: 0px;    
    }
    
    /*Header*/
    
    .siegel {
        display: none;
    }
    
    .logo {
        width: 144px;
    }
    
    .printer {
        width: 310px;
    }
    
    .pe-p, .pp-p {
        width: 224px;
    }
    
    .ebene3 .box2 {
        display: flex;
        align-items: center;
    }
    
    .ebene3 .flex, .ebene5 .flex {
        display: block;
    }
    
    .ebene4 .box1 {
        grid-area: a;
    }
    
    .ebene4 .box2 {
        grid-area: b;
        width: 100%;
    }
    
    .ebene4 .box3 {
        grid-area: c;
        width: 100%;
    }
    
    .ebene4 .flex {
        display: grid; 
        grid-template-rows: auto; 
        grid-template-columns: 50% 50%; 
        grid-template-areas: 
            "a a"
            "b c";
    }
    
    .ebene5 .box2 {
        margin: 2em 0 0 0;
    }
    
    .web {
        width: 350px;
    }
    
    .ebene3 .box1, .ebene3 .box2, .ebene4 .box1, .ebene5 .box1, .ebene5 .box2, .ebene9 .box1, .ebene9 .box2 {
        width: 100%;
    }
    
    .ebene6 .flex, .ebene6 .box3 {
        display: block;
    }
    
    .rms_12 {
        width: 342px;
    }
    
    .rms_9 {
        width: 288px;
    }
    
    .rms_16 {
        width: 288px;
    }
    
    .dp1, .dp2 {
        width: 252px;
    }    
    
    #bew {
        display: none;
    }
    
    .ebene6 .flex {
        display: grid; 
        grid-template-rows: auto; 
        grid-template-columns: 50% 50%; 
        grid-template-areas: 
            "a a"
            "b c";
    }
    
    .ebene6 .flex {
        align-items: flex-start;
    }
    
    .ebene6 #download {
        height: 50px;
    }
    
    .ebene8 .flex, .ebene9 .flex, .kontakt .flex, .agb .flex, .impressum .flex {
        display: block;
    }  
    
    .ebene8 .box2 {
        display: flex;
        align-items: flex-end;
    }
    
    .ebene9 #download {
        margin: 30 auto;
    }
    
    .kontakt .box1, .kontakt .box2, .agb .box1, .agb .box2 {
        width: 100%;
    }
    
    .kontakt .box2 {
        justify-content: center;
    }
    
    #map {
        width: 100%;
    }
    
    .box1 form {
        width: 70%;
    }
    
    #map {
        width: 70%;
        margin: 2em 0 0 0;
    }
    
    /*URK*/
    
    .urk .grid {
        grid-template-areas:
            "a a a a a a"
            "b b b b b b"
            "c c c c c c"
            "d d d d d d"
            "f f f g g g";
    }
    
    .urk .block5 {
        display: none;
    }
    
    .urk .block6 {
        margin: 2em 0 0 0;
    }
    
    .urk .block2 {
        margin: 2em 0 1em 0;
    }
    
    .urk5, #urk5 {
        width: 227px;
    }
    
    #urk6 {
        width: 448px;
    }
    
    .urk4_1, #urk4_1 {
        width: 191px;
    }
    
    .urk .block7 {
        justify-content: flex-end;
    }
    
    .urk7 {
        margin: -0.5em 0 1.5em 0;
    }
    
/*RMS*/
    
    .rms .rms12, .rms .rms16 {
        width: 292px;
    }
    
    .nische, .eck {
        width: 162px;
    }
    
    .raum {
        width: 227px;
    }
    
    .rms .rms9 {
        width: 227px;
    }
    
/*Werbeträgervermarktung*/
    
    .uhr {
        width: 200px;
    }
    
    .grossflaeche {
        width: 364px;
    }
    
    .strassenbahn {
        width: 600px;
    }
    
    .wtvm .flex1 .box1, .wtvm .flex1 .box1_2, .wtvm .flex1 .box1_2 p {
        display: block;
        width: 100%;
    }
    
    .wtvm .flex1 .box2 {
        display: block;
    }
    
    .wtvm .flex1 .box2_1, .wtvm .flex1 .box2_2  {
        margin: auto;
    }
    
/*Imprssum*/
    
    .impressum .box1, .impressum .box2 {
        width: 100%;
    }
    
    .impressum .box2 {
        margin: 2em 0 0 0 ;
    }
    
/*Footer*/
    
    footer {
        display: block;
        font-weight: 300;
    }
    
    footer .group1, footer .group2 {
        justify-content: center;
        width: 100%;
    }
    
    footer .group1 {
        margin: 0 0 1em 0;
    }
}

@media only screen and (max-width: 660px) {
    .page {
        width: 100%;
    }
    
    body {
        font-size: 70%;
    }
    
    header, .ebene1, .ebene2, .ebene3, .ebene4, .ebene5, .ebene6, .ebene7, .ebene8, .ebene9, .ebene10, .impressum, .kontakt, .referenzen, .agb, .urk, .rms, .wtvm, footer {
        padding: 20 20 20 20;
    }
    
    header .flex, .ebene3 .box2, .ebene4 .flex, .ebene6 .flex, .ebene7 .flex, .ebene10 .flex, .referenzen .flex {
        display: block;
    }
    
    header .box1, header .box2 {
        width: 100%;
    }
    
    header .box2 {
        text-align: center;
        margin: 2.5em auto;
    }
    
    #printer {
        width: 230px;
    }
    
    #pe-p, #pp-p {
        width: 240px;
    }
    
    .box3 #download {
        height: 60px;
    }
    
    .logo {
        width: 40%;
        margin: 1em 0 0 0;
    }

    .printer, .plotter, .web, .pe-p, .pp-p, .antriebskonstruktion, .praesentationsetagere, .praesentationsplattform, .urk2 {
        width: 80%;
    } 
    
    .dp1, .dp2, .urk4 {
        width: 60%;
    }
    
    .ebene9 .box2 {
        display: block;
        width: 100%;
    }
    
    .ebene8 .box2 {
        display: block;
    }
    
    #trage, .ebene9 .box2 p {
        width: 100%;
        text-align: center;
        margin: 2em 0 2em 0;
    }
    
    .box1 form, #map {
        width: 100%;
    }
    
    .referenzen .box1, .referenzen .box2 {
        width: 100%;
    }
    
    /*URK*/
    
    .urk6, urk1 {
        width: 100%
    }
    
    .urk .grid {
        grid-template-areas:
            "a a a a a a"
            "b b b b b b"
            "c c c c c c"
            "d d d d d d"
            "f f f f f f"
            "g g g g g g";
    }
    
    .urk5, #urk5 {
        width: 326px;
    }
    
    .urk4_1, #urk4_1 {
        width: 275px;
    }
    
    .urk .block7 {
        justify-content: center;
    }
    
    /*RMS*/
    
    .rms .rms12, .rms .rms16 {
        width: 70%;
    }
    
    .nische, .eck {
        width: 40%;
    }
    
    .raum {
        width: 60%;
    }
    
    .rms .rms9 {
        width: 50%;
    }
    
    .rms .block12 {
        display: block;
    }

    .rms .grid {
        grid-column-gap: 1em;
        grid-template-columns: 2fr;
        grid-template-areas:
            "a"
            "b"
            "c"
            "f"
            "g"
            "h"
            "i"
            "j"
            "k"
            "l";
    }
    
/*Werbeträgervermarktung*/
    
    .uhr {
        width: 100%;
    }
    
    .grossflaeche {
        width: 100%;
    }
    
    .strassenbahn {
        width: 90%;
    }
   
    .wtvm .flex1 .box1_1 {
        width: 100%;
    }
    
    /*Impressum*/
    
    .impressum .table {
        margin: auto;
    }
    
    /*Nach oben*/

    .back-to-top {
        width: 40px;
    }
    
    /*Paper*/
    
    .paper {
        width: 90%;     
    }
}