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

#header {
    height: 70px;
}

#menu-baubeschrieb-fixed {
    top: 71px;
    padding: 30px 0 10px 0;
}

#headings {
    top: 60px;
}

#turmmatt {
    padding: 27px 45px 26px 45px;
    font-size: 20px;
}

#turmmatt:before {
    border-width: 0 43px 81px 0;
    margin-left: -88px;
    margin-top: -37px;
}

#logo {
    right: 345px;
}

#logo img {
    height: 58px;
}

#btn {
    padding: 27px 110px 19px 50px;
}

#btn.active {
    padding: 23px 110px 15px 50px;
}

#btn:before {
    margin-right: 65px;
    font-size: 10px;
}

#btn div {
    width: 40px;
    height: 3px;
    margin-bottom: 5px;
}

#box {
    top: 71px;
}

#isometrie {
    left: 336px;
    padding: 46px 45px 6px 45px;
    font-size: 10px;
}

#isometrie:before {
    width: 70px;
    height: 37px;
    top: 9px;
    margin-left: -2px;
    background-size: 70px;
}

#flieger {
    left: 200px;
    padding: 46px 45px 6px 45px;
    top: 0;
    font-size: 10px;
}

#flieger:before {
    width: 45px;
    height: 33px;
    margin-left: -7px;
    background-size: 45px;
}

#slider-overlay {
    margin-left: -100px;
}

#claim {
    width: 580px;
    padding: 3px 40px 3px 40px;
    font-size: 35px;
    bottom: 120px;
    right: 152px;
}

#claim:before {
    border-width: 0px 23px 60px 0;
    margin-left: -63px;
    margin-top: -3px;
}

#claim:after {
    width: 150px;
    height: 60px;
    -webkit-transform: rotateY(-94.93499399171665deg) skewX(-70deg);
    transform: rotateY(-94.93499399171665deg) skewX(-78deg);
    margin-left: -100px;
    margin-top: -3px;
}

.tp-caption.GAMMA, .GAMMA {
    font-size: 35px !important;
    padding: 3px 55px 3px 40px !important;
    left: auto !important;
    width: 550px !important;
    right: 152px !important;
}

.tp-leftarrow.default, .tp-rightarrow.default, .tp-leftarrow.default:hover, .tp-rightarrow.default:hover {
    background-size: 25px;
    width: 65px;
    height: 60px;
}

.tp-leftarrow.tparrows.default.round {
    right: 86px !important;
}

.tp-caption.GAMMA.tp-fade.tp-resizeme.start:before {
    border-width: 0 30px 60px 0;
    margin-left: -70px;
    margin-top: -3px;
}

.tp-caption.GAMMA.tp-fade.tp-resizeme.start:after {
    height: 60px;
    -webkit-transform: rotateY(-96.03499399171665deg) skewX(-70deg);
    transform: rotateY(-96.03499399171665deg) skewX(-78deg);
    margin-left: -103px;
    margin-top: -3px;
}


}







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

ul.menu a {
    font-size: 3vw;
}

ul.menu li {
    line-height: 5vw;
}

#claim {
    width: 410px;
    padding: 0px 30px 3px 30px;
    font-size: 25px;
    bottom: 120px;
    right: 130px;
    height: 51px;
}

#claim:before {
    border-width: 0px 17px 54px 0;
    margin-left: -47px;
    margin-top: 0px;
}

#claim:after {
    width: 150px;
    height: 55px;
    -webkit-transform: rotateY(-93.93499399171665deg) skewX(-70deg);
    transform: rotateY(-93.93499399171665deg) skewX(-78deg);
    margin-left: -95px;
    margin-top: -54px;
}

#slider-overlay {
    border-width: 106vw 0 0 280px;
    margin-left: -50px;
    bottom: 0px;
    top: auto;
}

.tp-caption.GAMMA, .GAMMA {
    font-size: 25px !important;
    padding: 0px 0px 0px 40px !important;
    left: auto !important;
    width: 450px !important;
    right: 130px !important;
}

.tp-leftarrow.default, .tp-rightarrow.default, .tp-leftarrow.default:hover, .tp-rightarrow.default:hover {
    background-size: 20px;
    width: 54px;
    height: 54px;
}

.tp-leftarrow.tparrows.default.round {
    right: 75px !important;
}

.tp-caption.GAMMA.tp-fade.tp-resizeme.start:before {
    border-width: 0 27px 55px 0;
    margin-left: -67px;
    margin-top: 0px;
}

.tp-caption.GAMMA.tp-fade.tp-resizeme.start:after {
    height: 54px;
    -webkit-transform: rotateY(-95.93499399171665deg) skewX(-70deg);
    transform: rotateY(-95.93499399171665deg) skewX(-78deg);
    margin-left: -103px;
    margin-top: 0px;
}

.links {
    padding: 0px 5% 0px 0%;
}

.menu-baubeschrieb {
    text-align: left;
}

.menu-baubeschrieb a {
    line-height: 200%;
}

.menu-baubeschrieb a:before {
    content: "\A";
    white-space: pre;
}

#button, #button img {
    width: 200px;
    height: 200px;
}

    
#hinweis .moduletable {
    top: 13%; 
    left: 65%;
}

}







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


#flieger {
    left: 0;
    padding: 46px 0% 6px 20%;
    top: auto;
    font-size: 10px;
    bottom: 0;
    position: fixed;
    background: #fff;
    border-left: 0px;
    width: 30%;
    border-top: solid 1px #a7a7a7;
}

#isometrie {
    left: auto;
    padding: 46px 0% 6px 20%;
    font-size: 10px;
    top: auto;
    bottom: 0px;
    position: fixed;
    background: #fff;
    border-right: 0px;
    width: 30%;
    right: 0;
    border-top: solid 1px #a7a7a7;
}

ul.menu a {
    font-size: 5vw;
}

ul.menu li {
    line-height: 8vw;
}

.wideWrap {
    margin-top: 15%;
}

#main-col {
    width: 100% !important;
}

#right-col {
    width: 100% !important;
}

#panorama {
    margin-bottom: 70px;
}

#scrolltotop {
    bottom: 16px;
}

h2, .contentheading, h2 a {
    font-size: 2.5vw;
}

h3, .moduletable h3 {
    font-size: 2vw;
}
    
#hinweis .newsflash p {
    font-size: 15px;
}

}




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

ul.menu a {
    font-size: 5vw;
}

ul.menu li {
    line-height: 10vw;
}

#claim {
    width: 290px;
    padding: 0px 30px 3px 30px;
    font-size: 17px;
    bottom: 100px;
    right: 0px;
    height: 44px;
    line-height: 46px;
}

#claim:before {
    border-width: 0px 19px 47px 0;
    margin-left: -49px;
}

#claim:after {
    width: 150px;
    height: 48px;
    -webkit-transform: rotateY(-93.93499399171665deg) skewX(-70deg);
    transform: rotateY(-95.199399171665deg) skewX(-78deg);
    margin-left: -97px;
    margin-top: 0px;
}

.tp-leftarrow.default, .tp-rightarrow.default, .tp-leftarrow.default:hover, .tp-rightarrow.default:hover {
    background-size: 20px;
    width: 54px;
    height: 54px;
    right: 0px !important;
    top: auto !important;
    bottom: 148px !important;
}

.tp-leftarrow.tparrows.default.round {
    right: 55px !important;
}

#header {
    height: 50px;
}

#menu-baubeschrieb-fixed {
    top: 51px;
    padding: 15px 0 5px 0;
}

#headings {
    top: 40px;
}

h1, .componentheading {
    font-size: 6vw;
    line-height: 6.5vw;
}

h2, .contentheading, h2 a {
    font-size: 5vw;
    line-height: 5.5vw;
}

h3, .moduletable h3 {
    font-size: 4vw;
    line-height: 4.5vw;
}

#turmmatt {
    padding: 16px 20px 16px 20px;
    font-size: 12px;
}

#turmmatt:before {
    border-width: 0 39px 72px 0;
    margin-left: -59px;
    margin-top: -37px;
}

#logo img {
    height: 38px;
}

#logo {
    right: 205px;
}

#btn {
    padding: 13px 16px 22px 16px;
}

#btn.active {
    padding: 9px 16px 11px 16px;
}

#btn div {
    width: 25px;
    height: 2px;
    margin-bottom: 3px;
}

#btn:before {
    margin-right: 13px;
    font-size: 10px;
    margin-top: 18px;
}

#box {
    top: 50px;
}

#isometrie {
    padding: 34px 0% 2px 20%;
}

#isometrie:before {
    width: 60px;
    height: 31px;
    top: 4px;
    margin-left: 3px;
    background-size: 60px;
}

#flieger {
    padding: 33px 0% 3px 20%;
}

#flieger:before {
    width: 35px;
    height: 26px;
    top: 7px;
    margin-left: 6px;
    background-size: 35px;
}

#slider-overlay {
    border-width: 100vw 0 0 223px;
    margin-left: -0px;
}

img.projektbild {
    width: 100%;
    float: none;
}


.links, .rechts {
    width: 100%;
    padding: 0px;
}

div#fox-container-m98 .fox-form select, div#fox-container-m98 .fox-form textarea, div#fox-container-m98 .fox-form input[type="text"], div#fox-container-m98 .fox-form input[type="email"] {
    min-width: auto;
}

#scrolltotop {
    bottom: 8px;
}

#panorama {
    margin-bottom: 55px;
}


}


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

.wideWrap {
    margin-top: 20%;
}


#claim {
    width: 220px;
    padding: 0px 0px 3px 20px;
    font-size: 12px;
    bottom: 100px;
    right: 0px;
    height: 44px;
    line-height: 44px;
}

#claim:before {
    border-width: 0px 19px 47px 0;
    margin-left: -39px;
}

#slider-overlay {
    border-width: 90vw 0 0 136px;
    margin-left: -0px;
}

#button, #button img {
    width: 120px;
    height: 120px;
}

}


@media screen and (max-width : 500px)  {
#hinweis .moduletable {
    top: 10%;
    left: 36%;
}
    
    }

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


#claim {
    width: 200px;
    padding: 0px 5px 3px 5px;
    font-size: 11px;
    bottom: 100px;
    right: 0px;
    height: 44px;
    line-height: 44px;
}

#claim:before {
    margin-left: -24px;
}

#slider-overlay {
    border-width: 86vw 0 0 110px;
    margin-left: -0px;
}


}