@media screen and (max-width: 1550px) {
    .contactBarElement {
        font-size: 20px;
        /*padding: 0 50px;*/
    }
    
    .relationBox {
        width: 32%;
    }
}
/*@media screen and (max-width: 1279px) { */
@media screen and (max-width: 1065px) {
    #logo {
        margin-left: 10px;
    }
    
    .mobileNavSwitcher { 
		cursor: pointer;
        display: block;
		width: 32px; 
		height:32px; 
		position:absolute;
		right:30px;
		top: 35%;
	}

    .mobileNavSwitcher > img { 
		width: 32px;
	}
	
	.mainNavi {
        width:100%;
        padding-right: 0;
    }
    
    nav {
        float: none;
    }
	
	nav ul {
		display: none;
	}
	
	nav[role="navigation"] ul li {
        padding-bottom: 0px;
    }
    
    nav[role="navigation"] ul li {
        display: block;
        float: none;
    }
    
    nav[role="navigation"] ul li a {
        border-right: 0px;
        color: #2c3b44;
        font-weight: normal;
        padding: 0px;
        height: 25px;
    }
	
	#mobile {
        background-color: rgba(255, 255, 255, 0.8);
        line-height: 1;
        margin-top:100px;
        padding: 20px;
        text-align: left;
        z-index: 125;
    }
    
	#mobile > li {
      list-style: none;
    }
    
    #mobile > li > a {
        font-size: 30px;
    }
    
    #mobile > li > ul {
        display: inline-block;
    }
    
    #mobile ul {
        display: block;
        font-size: 14px;
        font-weight: normal;
        list-style: outside none none;
        padding-left: 20px;
    }
    
    #mobile a {
        display: block;
        padding: 10px;
        width: 100%;
        font-size: 18px;
        color: #008456;
    }
    
    .newsBox {
        display:none;
    }
    
    .bookingBox {
        margin-left: auto;
        margin-right: auto;
    }
    
    .teaserText {
        width: 100%;
    }
    
    .teaserText h1 {
        font-size: 70px;
    }
    
    .subNavi {
        display: none;
    }
    
    iframe {
        width: 130%;
    }
    
    .contactBarElement {
        /*padding: 0 100px;*/
    }
    
    .contactBarElement span:last-child {
        display: none;
    }
    
    .wrapper .contactBarElement:last-child {
        margin-top: 0px;
    }
    
    .relationArea.gallery {
        padding-left: 16px;
        width: 90%;
    }
    
    .galeryImage {
        width: 26.9%;
    }
    
    .relationBox {
        width: 31%;
    }
    
    .relationBox h3, .elementText h3 {

    }
    .elementText h3 {

    }
    .relationBox h3 {

    }
    
    .relationBox h4, .relationBox a, .elementText h4, .elementText a {

    }
    .elementText h4 {
        padding:5px 0px;;
    }
    
    .relText, .elementText {
      font-size: 14px;
      line-height: 1.5em;
    }

    #cmdSearch {
        width: 100px;
        margin: 5px;
    }
    
    a.button.act {
        margin-top: 50px;
    }
}

@media screen and (max-width: 760px) {
    .relationBox {
        width: 100%;
    }
    
    .bookingBox {
        width: 400px;
    }
    
    .bookingBox form > input {
        margin: 5px;
        width: 75%;
    }
    
    .bookingBox form > select {
        margin: 5px;
        width: 79%;
    }
    
    section h2 {
        font-size: 35px;
    }
    
    .head_highlight {
        margin-left: 0;
        text-align: left;
    }
    
    .listElement {
        display: inline-block;
        width: 100%;
    }
    
    .listElement > .elementText {
        display: table-row;
    }
    
    .galeryImage {
        width: 40.9%;
    }
    
    .contactBarElement span:last-child {
        display: none;
    }
    
    .wrapper .contactBarElement:last-child {
        margin-top: 0px;
    }
    
    a.button.act {
        margin-top: 20px;
        float: left;
    }
    
    a.button.actList {
        margin-top: 80px;
    }
    .third.first {
        float: left;
        width: 49%;
        padding-bottom: 15px;
        padding-right: 1%;
    }
    .third.desc {
        width: 48%;
    }
    .third.price {
        width: 100%;
    }
}
@media screen and (max-width: 600px) {
    .teaserText h1 {
        font-size: 35px;
    }
    
    .bookingBox {
        width: 200px;
    }
    
    .galeryImage {
        width: 82.9%;
    }
    
    .contactBar {
        height: 30px;
    }
    
    .contactBarElement {
        padding: 0;
    }
    
    .contactBarElement img {
        width: 25px;
    }
    
    .footerNavi {
        display: none;
    }
    
    .contactBox {
        display: none;
    }
    
    #ti-logos {
        display: inline-flex;
    }
    
    #ti-logos > img {
        width: 32px;
    }
    
}