@media screen and (max-width: 1279px) {
    .mobileNavSwitcher { 
		cursor: pointer;
        display: block;
		width: 32px; 
		height:32px; 
		position:absolute;
		right:30px;
		
	}
	
	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.95);
        padding: 20px;
        top: 40px;
        z-index: 125;
    }
    
	#mobile > li {
      list-style: none;
    }
    
    #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;
    }
    
    .col.first {
        display: none;
    }
    
    .width-restriction {
        max-width: 1279px;
    }
}
@media screen and (max-width: 760px) {
    .wrap {
        margin: 0 auto;
        position: relative;
        /*width: 760px !important;*/
    }
    
    section[role="header"] .width-restriction {
        max-width: 760px;
    }
    
    section[role="main"] {
        max-width: 760px;
    }
    
    .uid-1 section[role="main"] .deco p {clear:both;float:none;width: 95%; }
    .width-restriction .grid.thirds {margin-bottom:60px;top:0;float:none;width:95%;height:auto;}
    .width-restriction .grid.thirds .col {
        float: none;
        width: 100%;
    }
    .width-restriction .grid.thirds .col .csc-textpic-text{
        width:100%;   
    }col.
    
    .csc-textpic-intext-right .csc-textpic-imagewrap {
        float: none !important;
    }
    
    .width-restriction .grid.thirds .col .csc-textpic-imagewrap figure {
        margin-left:auto;
        margin-right:auto;
    }
    
    .logo {
        /*margin-left:0;*/
    }
    
    .inside {
        margin: auto;
        max-width: 760px;
        width: 98%;
    }

    figure img {
        width: 100%;
    }
    
    footer {
        max-width: 760px;
    }
    
    .bookingArea {
        display: table-caption;
    }
    
    .col.first {
        display: none;
    }
    
    .width-restriction {
        max-width: 760px;
    }
    
    .third{
		display:block;
		float:left;
		width:100%;
		padding-left:0%;
		padding-right:0%;
		height:auto;
	}

	.third.first{
		padding-left:0%;
		padding-right:0%;
	}

	.third.last{
		padding-left:0%;
		padding-right:0%;
	}

	.third.price{
		float:right;
		margin-right: 10%;
		min-height:30px;
		height:auto;
		width:95%;
	}
	.image img {
	    width:100%;   
	}
	.third.desc{
		width:95% !important;
	}
	.listelement{
		overflow:hidden;
	}
	
	div .additionCell:last-child {
        padding-right: 5%;
    }
    
    .offererAdditions {
        padding-left: 10px;
    }
	
	.journeyImageBox{
		width: calc(100% - 30px);
		margin-left:15px;
		float:none;
	}

	.journeyTextBox{
		padding-top:10px;
		width: calc(100% - 30px);
		float:none;
		margin-left:15px;
		height:180px;;
	}

	.journeyTeaser{
		margin-right:0px;	
	}

	.journeyPicker{
		display: block;
		height: auto;
		top: calc(100% - 10px);
		font-size:10px;
	}
	.selectButton, .unselectButton {
		margin: 10px auto;
	}

	.controlMask .date{
		width:100px;
	}
	
	.footer_w33{
		width:100%;	
	}
	
	#personalData, #showPersonalData, #addNotes, #showAddNotes{
		width:100%;	
	}
	.stepBox{
		display:block;
		width:100%;
		padding-top:20px;
	}
}

@media screen and (max-width: 600px) {
    .logo {
        height: 75px;
        margin-left:0;
        width: 82px;
        top:-55px;
    }
    .logo img {height:100%;}
}