@media only screen and (max-width: 1420px) {
  footer {
        height: 100px;
    }
}

@media only screen and (max-width: 1200px) {
    .box {
        width: 33.3%;
    }
    #head {
        background-image: url(../image/header_02.png);
        width: 110%;
    }
}

@media only screen and (max-width: 1050px) {
    body {
        background-color: #fff;
    }
    #startscreen {
        top: 12%;
        height: 80%;
    }
    #all {
        width: 100%;
        margin-top: 20%;
    }
    .box {
        width: 50% !important;
        height: 300px;
        opacity: 1;
    }
    .box_in {
        display: none !important;
    }
    #head {
        background-image: url(../image/header_03.png);
        height: 150px;
        margin-top: 53px;
    }
    header {
        left: 0;
        background-color: #fff;
    }
    header img {
        margin: 15px 5% 50px 20px;
        width: 290px;
    }
    #check {
        display: none;
    }
    #button {
        cursor: pointer;
        display: block;
    }
    #button img {
        z-index: 5;
        margin: 0;
        position: fixed;
        height: 75px;
        width: auto;
        top: 27px;
        right: 20px;
    }
    #check:checked ~ #navigation {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
    }
    header nav {
        display: none;
        z-index: 1;
        position: fixed;
        left: 0px;
        font-size: 2.7em;
        width: 100%;
        height: 100%;
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.9);
    }
    header nav ul {
        width: 100%;
        margin-top: 5%;
    }
    nav #mobileNav ul {
        width: 100%;
        margin-top: 0%;
    }
    nav #mobileNav_fr ul {
        width: 100%;
        margin-top: 0%;
    }
    header nav ul li {
        float: none;
        width: 100%;
    }
    header nav ul li a {
        padding: 10px 100px;
        width: 100%;
        color: #000;
    }
    header nav ul li a:hover {
        background-color: rgba(0, 68, 148, 0.5);
        border: none;
        color: #fff;
        opacity: 1 !important;
    }
    .menu-item a {
        margin-left: 0;
        width: 100%;
    }
    .menu-item a:target {
        color: #004494;
        border-bottom: 1px solid #004494;
    }
    nav {
        font-size: 1.5em;
    }
    #s {
        float: left;
        margin-top: 14px;
        height: 30px;
        width: 150px;
    }
    #searchsubmit {
        position: absolute;
        left: 417px;
        top: 64px;
        margin-left: 115px;
        height: 36px;
    }
    #language {
        position: absolute;
        right: 282px;
        top: 67%;
        font-size: 1.8em;
    }
    /*#b_07{display: none;}
	#b_08{display: none;}
	#b_09{display: none;}
	#b_10{display: none;} 
	#b_11{display: none;}
	#b_12{display: none;}*/
    
    #oeffnungszeiten,
    #kontakt,
    #kontakt_fr {
        display: none
    }
	.subnav {
        display: none
    }
    .subnav nav {
        display: block
    }
    #container {
        margin-top: 0px;
    }
    #all {
        width: 90%
    }

    .subnav_ie8 {
        display: block;
        margin-top: 14%;
    }
    #subnav_ie8 {
        height: auto;
        width: 100%;
    }
    #subnav_ie8 a {
        float: left;
        margin-top: 40px;
        width: 100%;
        height: 500px
    }
    .subnav_box_p {
        width: 100%;
        height: auto;
        margin-right: 0px;
    }
    #subnav_ie8 p {
        font-size: 34px;
        padding: 15px;
        height: 40px;
        margin-top: 414px;
        background-color: #004494;
        color: #fff;
    }
    .gallery {
        width: 100%;
        margin-top: 40px;
    }
    #content p {
        width: 100%
    }
    h1 {
        font-size: 4em;
    }
    #content p {
        font-size: 2em
    }
    #subsubnav h3 {
        font-size: 1.5em;
        margin-top: 20px
    }
    .menu {
        font-size: 0.7em;
    }
    #subsubnav {
        height: 21px;
    }
    #subsubnav {
        border: none;
    }
    .subnav_box_f {
        width: 100%;
    }
    .subnav_box_t {
        width: 100%;
    }
    footer {
        height: 100px;
        background-image: url(../image/footer_big.png);
    }
    #footer {
        width: 100%;
    }
    #footer p {
        padding-top: 44px;
        margin-left: 5%;
        width: 72%;
        font-size: 1em;
    }
    #icons {
        margin-top: -35px;
        margin-right: 5%;
    }
    .de #mobileNav {
        display: block
    }
    .fr #mobileNav_fr {
        display: block
    }
    .kontakt #subnav_ie8,
    .oeffnungszeiten #subnav_ie8 {
        display: none
    }
    textarea#ug_content.required {
        width: 823px;
    }
    .portraitbeschreibung {
        margin-top: -180px;
    }
	
	#content img {
        width: 100%;
        height: auto;
    }
	
	.gallery-item{
	width: 30%;
	float: left;
	margin: 0 3% 10px 0;
}
}

@media only screen and (max-width: 965px) {
    div.t_b9 {
        margin-top: 200px;
    }
    div.t_b10 {
        margin-top: 200px;
    }
    div.t_b11 {
        margin-top: 200px;
    }
    div.t_b12 {
        margin-top: 200px;
    }
    div.t_b13 {
        margin-top: 200px;
    }
    div.t_b14 {
        margin-top: 200px;
    }
    div.t_b15 {
        margin-top: 200px;
    }
    div.t_b16 {
        margin-top: 200px;
    }
    p.language_de.portraitbeschreibung {
        margin-top: -15px;
        margin-left: 0px;
    }
}

@media only screen and (max-width: 910px) {
    footer {
        height: 100px;
        background-image: url(../image/footer_big.png);
    }
    #footer {
        width: 100%;
    }
    #footer p {
        padding-top: 44px;
        margin-left: 5%;
        width: 60%;
        font-size: 1em;
    }
}

@media only screen and (max-width: 885px) {
    #all {
        margin-top: 25%;
    }
    #head {
        background-image: url(../image/header_04.png);
        margin-top: 53px;
    }
    #button img {
        z-index: 5;
        margin: 0;
        position: fixed;
        height: 70px;
        width: auto;
        top: 27px;
        right: 20px;
    }
    #searchsubmit {
        left: 387px;
        top: 58px;
        margin-left: 85px;
        height: 36px;
    }
    #language {
        position: absolute;
        right: 332px;
        top: 59%;
        font-size: 1.8em;
    }
    #logo {
        height: 110.5px;
        width: 220.75px;
    }
    #s {
        float: left;
        margin-top: 8px;
        height: 30px;
        width: 150px;
    }
	
	#bild_team, #text_team {
		padding: 0;
		max-width: 100%;
		float: none;
	}
	
}

@media only screen and (max-width: 810px) {
    #head {
        background-image: url(../image/header_04.png);
        margin-top: 53px;
    }
    #button img {
        z-index: 5;
        margin: 0;
        position: fixed;
        height: 55px;
        width: auto;
        top: 27px;
        right: 20px;
    }
    #searchsubmit {
        left: 387px;
        top: 44px;
        margin-left: 25px;
        height: 36px;
    }
    #language {
        position: absolute;
        right: 412px;
        top: 47%;
        font-size: 1.5em;
    }
    #logo {
        height: 95.5px;
        width: auto;
    }
    #s {
        float: left;
        margin-top: -6px;
        height: 30px;
        width: 135px;
    }
	

}

@media only screen and (max-width: 710px) {
    #head {
        background-image: url(../image/header_04.png);
        margin-top: 53px;
    }
    #button img {
        z-index: 5;
        margin: 0;
        position: fixed;
        height: 45px;
        width: auto;
        top: 27px;
        right: 20px;
    }
    #logo {
        height: 80.5px;
        width: auto;
    }
    #searchsubmit {
        left: 317px;
        top: 44px;
        margin-left: 25px;
        height: 36px;
    }
    #s {
        float: left;
        margin-left: -10px;
        margin-top: -6px;
        height: 30px;
        width: 100px;
    }
    #language {
        position: absolute;
        right: 482px;
        top: 47%;
        font-size: 1.5em;
    }
}


@media only screen and (max-width: 700px) {
    div.t_b11 {
        margin-top: 220px;
    }
    div.t_b12 {
        margin-top: 225px;
    }
    div.t_b14 {
        margin-top: 225px;
    }
    p.language_de.portraitbeschreibung {
        width: 90%;
    }
}

@media only screen and (max-width: 650px) {
    #head {
        background-image: url(../image/header_04.png);
        height: 100px;
        margin-top: 53px;
    }
    #button img {
        z-index: 5;
        margin: 0;
        position: fixed;
        height: 45px;
        width: auto;
        top: 27px;
        right: 20px;
    }
    #logo {
        height: 80.5px;
        width: auto;
    }
    #searchsubmit {
        left: 317px;
        top: 44px;
        margin-left: 25px;
        height: 36px;
    }
    #s {
        float: left;
        margin-left: -10px;
        margin-top: -6px;
        height: 30px;
        width: 100px;
    }
    #language {
        position: absolute;
        right: 482px;
        top: 47%;
        font-size: 1.5em;
    }
	
	.gallery-item{
	width: 47%;
	float: left;
	margin: 0 3% 10px 0;
}

	.gallery br{
	display:none;
	}
}

@media only screen and (max-width: 635px) {
    #ie8_p4 p {
		height: 80px;
    }
}

@media only screen and (max-width: 630px) {
    #all {
        margin-top: 30%;
    }
    #head {
        background-image: url(../image/header_04.png);
        height: 400px;
        margin-top: 53px;
    }
    #button img {
        z-index: 5;
        margin: 0;
        position: fixed;
        height: 40px;
        width: auto;
        top: 27px;
        right: 20px;
    }
    #logo {
        height: 70.5px;
        width: auto;
    }
    #searchsubmit {
        left: 317px;
        top: 44px;
        margin-left: -16px;
        height: 32px;
    }
    #s {
        float: left;
        margin-left: -10px;
        margin-top: -6px;
        height: 26px;
        width: 50px;
    }
    #language {
        position: absolute;
        right: 522px;
        top: 47%;
        font-size: 1.5em;
    }
    #b_01 {
        margin-top: -25px;
    }
    #b_02 {
        margin-top: -25px;
    }
    #b_03 {
        height: 35.3%;
    }
    #b_04 {
        height: 35.3%;
    }
    #b_05 {
        height: 35.3%;
    }
    #b_06 {
        height: 35.3%;
    }
	
	
	  footer {
        background-image: url(../image/footer_big.png);
        height: 180px;
    }
    #footer {
        width: 100%;
    }
    #footer p {
        padding-top: 44px;
        margin-left: 0%;
        width: 70%;
        font-size: 1em;
		margin:auto;
    }
	
	
    #icons {
        height: 80px;
        float: none;
        background-color: #004494;
        padding-top: 0%;
		margin:auto;
    }
	  #icons:after {
         visibility: hidden;
		 display: block;
		 font-size: 0;
		 content: " ";
		 clear: both;
		 height: 0;
    }
    #fb {
        margin-top: 30px;
        margin-left: 0px;
    }
    #twitter {
        margin-top: 30px;
    }
	
	#xing {
		margin-top: 30px;
	}
	
	    #icons {
		width:32%;
    }
}

@media only screen and (max-width: 590px) {
    #head {
        background-image: url(../image/header_04.png);
        height: 400px;
        margin-top: 53px;
    }
    #button img {
        z-index: 5;
        margin: 0;
        position: fixed;
        height: 40px;
        width: auto;
        top: 27px;
        right: 20px;
    }
    #logo {
        height: 70.5px;
        width: auto;
    }
    #searchsubmit {
        left: 317px;
        top: 44px;
        margin-left: -26px;
        height: 29px;
    }
    #s {
        float: left;
        margin-left: -20px;
        margin-top: -6px;
        height: 23px;
        width: 50px;
    }
    #language {
        position: absolute;
        right: 550px;
        top: 47%;
        font-size: 1.5em;
    }
    #b_01 {
        margin-top: -55px;
    }
    #b_02 {
        margin-top: -55px;
    }
    #b_03 {
        height: 37.8%;
    }
    #b_04 {
        height: 37.8%;
    }
    #b_05 {
        height: 37.8%;
    }
    #b_06 {
        height: 37.8%;
    }
}

@media only screen and (max-width: 550px) {
    #head {
        background-image: url(../image/header_04.png);
        height: 400px;
        margin-top: 53px;
    }
    #button img {
        z-index: 5;
        margin: 0;
        position: fixed;
        height: 40px;
        width: auto;
        top: 27px;
        right: 20px;
    }
    #logo {
        height: 70.5px;
        width: auto;
    }
    #searchsubmit {
        left: 317px;
        top: 44px;
        margin-left: -41px;
        height: 29px;
    }
    #s {
        float: left;
        margin-left: -25px;
        margin-top: -6px;
        height: 23px;
        width: 50px;
    }
    #language {
        position: absolute;
        right: 580px;
        top: 47%;
        font-size: 1.5em;
    }
    #b_01 {
        margin-top: -55px;
    }
    #b_02 {
        margin-top: -55px;
    }
    #b_03 {
        height: 37.8%;
    }
    #b_04 {
        height: 37.8%;
    }
    #b_05 {
        height: 37.8%;
    }
    #b_06 {
        height: 37.8%;
    }
}

@media only screen and (max-width: 520px) {
    #head {
        background-image: url(../image/header_04.png);
        height: 400px;
        margin-top: 53px;
    }
    #button img {
        z-index: 5;
        margin: 0;
        position: fixed;
        height: 40px;
        width: auto;
        top: 27px;
        right: 20px;
    }
    #logo {
        height: 70.5px;
        width: auto;
    }
    #searchsubmit {
        left: 317px;
        top: 44px;
        margin-left: -41px;
        height: 0px;
    }
    #s {
        float: left;
        margin-left: -25px;
        margin-top: -6px;
        height: 0px;
        width: 0px;
        border: 0px;
    }
    #language {
        position: absolute;
        right: 720px;
        top: 47%;
        font-size: 1.5em;
    }
    #b_01 {
        margin-top: -55px;
    }
    #b_02 {
        margin-top: -55px;
    }
    #b_03 {
        height: 37.8%;
    }
    #b_04 {
        height: 37.8%;
    }
    #b_05 {
        height: 37.8%;
    }
    #b_06 {
        height: 37.8%;
    }
    .menu {
        font-size: 0.7em;
    }
}

@media only screen and (max-width: 510px) {
    footer {
        background-image: url(../image/footer_big.png);
    }
    #footer {
        width: 100%;
        /* height: 220px;  Bullshit */
        background-color: #004494;
		margin-top: 15px;
    }
    #footer p {
        padding-top: 44px;
       /* margin-left: 5%; */
        width: 70%;
        font-size: 1em;
    }
    #icons {
   /*     height: 120px;
       width: 100%;
       float: left; 
       background-color: #004494; */
		width:55%;
    } 
	
	
    #fb {
        margin-top: 30px;
        margin-left: 0px;
    }
    #twitter {
        margin-top: 30px;
    }
	
	#xing {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 450px) {
    #head {
        background-image: url(../image/header_04.png);
        height: 400px;
        margin-top: 53px;
        z-index: 1;
    }
    #button img {
        z-index: 5;
        margin: 0;
        position: fixed;
        height: 40px;
        width: auto;
        top: 27px;
        right: 20px;
    }
    #logo {
        height: 70.5px;
        width: auto;
    }
    #searchsubmit {
        left: 317px;
        top: 44px;
        margin-left: -41px;
        height: 0px;
    }
    #s {
        float: left;
        margin-left: -25px;
        margin-top: -6px;
        height: 0px;
        width: 0px;
        border: 0px;
    }
    #language {
        position: absolute;
        right: 730px;
        top: 47%;
        font-size: 1.5em;
    }
    #b_01 {
        margin-top: -55px;
    }
    #b_02 {
        margin-top: -55px;
    }
    #b_03 {
        height: 37.8%;
    }
    #b_04 {
        height: 37.8%;
    }
    #b_05 {
        height: 37.8%;
    }
    #b_06 {
        height: 37.8%;
    }
    .menu {
        margin-left: -30px;
    }
    h1 {
        font-size: 3em;
    }
    #subsubnav {
        margin-left: 30px;
    }
}

@media only screen and (max-width: 420px) {
    #all {
        margin-top: 40%;
    }
    #head {
        background-image: url(../image/header_04.png);
        height: 400px;
        margin-top: 53px;
        z-index: 1;
    }
    #button img {
        z-index: 5;
        margin: 0;
        position: fixed;
        height: 40px;
        width: auto;
        top: 27px;
        right: 20px;
    }
    #logo {
        height: 70.5px;
        width: auto;
    }
    #searchsubmit {
        left: 317px;
        top: 44px;
        margin-left: -41px;
        height: 0px;
    }
    #s {
        float: left;
        margin-left: -25px;
        margin-top: -6px;
        height: 0px;
        width: 0px;
        border: 0px;
    }
    #language {
        position: absolute;
        right: 730px;
        top: 47%;
        font-size: 0em;
    }
    #b_01 {
        margin-top: -55px;
    }
    #b_02 {
        margin-top: -55px;
    }
    #b_03 {
        height: 37.8%;
    }
    #b_04 {
        height: 37.8%;
    }
    #b_05 {
        height: 37.8%;
    }
    #b_06 {
        height: 37.8%;
    }
    h1 {
        font-size: 2em;
    }
}

@media only screen and (max-width: 400px) {
    div.t_b9 {
        margin-top: 270px;
    }
    div.t_b10 {
        margin-top: 220px;
    }
	
		.gallery-item{
	width: 100%;
	float: left;
	margin: 0 0% 10px 0;
}
}