@media only screen 
    and (max-width : 1270px) {

    #portfolio object {
        min-height: 300px;
        min-width: 300px;
    }
    
}


@media only screen
    and (min-device-width: 1400px)
    and (max-width : 1000px)
    and (min-height : 710px) {

    #portfolio object {
        max-height: 340px;
        max-width: 340px;
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    #portfolio object {
        height: 400px;
        width: 400px;
    }

	.content {
	    padding: 72px 72px 40px 200px;
	}
}

@media only screen 
    and (max-width : 1201px), (max-device-width : 1201px) {

	#mainmenu {
		position: absolute;
		left: 100px;
	}

    .col2 {
        max-width: 400px;
        min-width: 357px;
        width: 400px;
    }

    #social-media {
        position: absolute;
        left: 0px;
        margin-left: 32px;
        top: 117px;
    }
    
    #sub-leistungen {
       top: 202px;
       right: 18px;
       position: fixed;
    }
    
    #sub-unternehmen {
       top: 202px;
       right: 18px;
       position: fixed;
    }
}

@media only screen 
    and (max-width : 900px) {


	#mainmenu {
		position: static;
	}
	
	header .table nav ul li {
	    display: block;
	}

    header .table nav {
        padding-top: 0;
    }

	header .table .col2 {
	    vertical-align: top;
	}

    header nav ul li:first-child:before {
        content: "//";
    }
    

	nav#mainmenu ul li:first-child a {
	    padding-left: 0.4em;
	}

    #social-media {
        position: absolute;
        left: 0px;
        top: 165px;
    }
    
    .col1 {
        display: none;
    }

    .col2 {
        padding-left: 24px;
        max-width: inherit;
        min-width: inherit;
        width: auto;
    }

    footer .col3 {
        display: none
    }

    #sub-leistungen {
        top: 64px;
        margin-left: 180px;
        right: inherit;
        position: absolute;
    }
    
    #sub-unternehmen {
        top: 50px;
        margin-left: 180px;
        right: inherit;
        position: absolute;
    }
}

@media only screen 
    and (max-width : 602px), 
    only screen and (max-height : 602px), 
    {
    
        #portfolio {
        display: none;
    }
}

@media only screen 
    and (max-width : 682px) {

	#logo {
	    width: 117px;
	    height: 55px;
	}

	header > .cell, #header {
       height: 102px;
    }

    header .table .cell {
        padding-top: 20px;
    }

	footer, #footer {
	    height: 102px;
	}

	footer .col2 {
	    padding-top: 10px;
	}

	header .table {
	   display: block;
	}

	section {
	    background-image: none;
	    background-position: 92px 72px;
	    background-repeat: no-repeat;
	}

	section {
	    background-color: #D6E5FA;
	    box-shadow: 0 -5px 5px #666666;
	    display: none;
	    font-family: NeoSansLight;
	    font-size: 11pt;
	    left: 0;
	    margin-top: 0;
	    opacity: 0.95;
	    position: absolute;
	    top: 2000px;
	    width: 100%;
	}

	.content {
	    padding-left: 24px;
	    padding-right: 24px;
	    padding-top: 48px;
	}

    header nav a, nav#mainmenu ul li:first-child a  {
	    background-color: #2c4694;
	    display: block;
	    border-bottom: 1px solid white;
	    color: white;
	    font-size: 112.5%;
	    letter-spacing: 2px;
	    padding: 0.5em 1em;
	    text-decoration: none;
	    width: 100%;
    }

    #iconbar img {
        height: 32px;
        width: 32px;
    }

	#prevslide, #nextslide {
	    height: 40px !important;
	    width: 53px !important;
        background-size: contain !important;
	}

	header .table .col2 {
	   padding-top: 0;
	}

	header .table nav nav {
	    padding: 0px;
	}

    a.deni {
        color: white;
        font-weight: bold;
    }

	header nav ul li:first-child:before, nav ul li:before {
	    content: "";
	}

    #sub-leistungen, #sub-unternehmen {
       position: static;
       margin-left: 0;
       opacity: 1;
    }

	.submenu ul li:before, header nav > ul nav li:first-child:before {
	    color: #0039B6;
	    content: "";
	    margin-left: 0px;
	    position: static;
	}

    header .table .col3 {
        display: block;
        width: 100%;
    }

    #logo {
        position: absolute;
        right: 20px;
    }

    img.CMYK {
        position: absolute;
        right: 24px;
        top: 100px;
        left: inherit;
    }

    #mainmenu {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
        opacity: 1;
    }

    .submenu {
        display: block;
        margin-left: 0;
        width: 100%;
    }

    #social-media {
        z-index: 8;
        top: 70px;
        left: 24px;
        position: fixed;
        margin: 0;
    }

    #sliderbar .col2 nav {
        z-index: 2;
    }

    .col2 {
        display: block;
        padding-left: 24px;
        max-width: inherit;
        min-width: inherit;
        width: 100%;
    }

	#responsive-nav {
	   position: absolute;
	   display: block;
	   top: 20px;
	   cursor: pointer;
	}
}