@media (max-width:1380px) {
	
	.f23 {font-size:20px}
	#reisenMitClearskiesVideos {width:100%; box-sizing:border-box; padding-top:10px; height:auto; background-color:#E3DFD4; background-image:none; padding-bottom:10px}
	#reisenMitClearskiesVideos .left {}
	#reisenMitClearskiesVideos .right { text-align:center}
	#reisenMitClearskiesVideos .left, #reisenMitClearskiesVideos .right {clear:both; width:100%}
	.invers {width: 80%; margin-bottom:20px}
	#headlineOuter2 {margin-bottom:100px}
}


@media (max-width:1280px) {

/*div {border:1px  solid #F00}*/

#social {font-size:1.3vmax; max-width:100%; overflow:hidden; text-align:center; padding-left:2%; box-sizing: border-box}
.fbfriends, .reiseplaner, .blog, .contactus, .clearskiesTV, .instalink {width:160px; text-align:left}
.fbfriends {

    margin-left: 0px;

}


#logoOuter {
	max-width: 100%;
    min-width: 100%;
}

#navOuter {
	max-width: 100%;
    min-width: 100%;
}

#nav {
	max-width: 100%;
    min-width: 100%;
	box-sizing:border-box;
	margin-left:0px;
}
	
.menu ul {width:100%}

#navOuter #nav .menu {width:100%; position:absolute; top:-10px}
#navOuter #nav .menu ul li {width:20%; box-sizing:border-box;  margin-right:1%;}
#noopener2 {display:none}
	
	#contentOuterNoBG {min-width: 0px} 

	.logoplaceholder {display: none}

#flex {width:100%; position:relative; margin:0px auto; text-align:center;  margin-top:-8px; min-height:540px; max-height:540px; height:540px; overflow:hidden; min-width:100%}	
#flex  img {width:100%; height:540px; text-align:center}
.flexslider {    
	max-width: 100%;
    min-width: 100%;
}



#flex {
	 min-width:100%; 
	 max-width:100%
	 }
	 
.flexslider {
		max-width: 100%;
    min-width: 100%;
	}
.flexslider .slides {	max-width: 100%;
    min-width: 100%;}
.flexslider .slides img {	max-width: 100%;
    min-width: 100%;}






#obenOuter {	
	max-width: 100%;
	min-width: 100%;

}	

#balkenoben {
	max-width: 100%;
	min-width: 100%;
}


#contentOuter {min-width:100%; max-width:100%; box-sizing:border-box;}
.headlineOuter1 .inner, .headlineOuter .inner {
    max-width: 100%;
    min-width: 100%;
}



.w1280 {
    max-width: 100%;
    min-width: 100%;
	box-sizing:border-box;
}


.w1240 {
    max-width: 100%;
    min-width: 100%;
	box-sizing:border-box;
	padding-right:40px;
}

.teaserReisenOuter {
    min-width: 100%;
	max-width: 100%;
	box-sizing:border-box;
}

#adresse {
    min-width: 100%;
	max-width: 100%;
	box-sizing:border-box;
	padding-top: 30px;
}
#adresse .left2 {display:none}


#reisenMitClearskies {max-width:100%; box-sizing:border-box; left:0px;}
#reisenMitClearskies .left {width:40%; display:inline-block}
#reisenMitClearskies .right {width:55%; display:inline-block}



#reiseSelektor {
    min-width: 100%;
	max-width: 100%;
	box-sizing:border-box;
	font-size:1.3vmax;
	padding-left:10px;
}

.f24 {}

.embedvideo {width:100%; height:300px; border:0}
.teaserReisenOuter div.teaserReisen:first-child {margin-left:10px}
#content img {max-width:100%; height:auto}


.reiseKurz .details {
    float: left;
    max-height: 250px;
    max-width: 200px;
    width: 200px;
}

.reiseKurz .details.w200 {width:100%; display:inline-table; max-width:100%; margin:0px auto; padding:0px; display: flex; justify-content: space-around; margin-top: 20px}
.reiseKurz .details.w200 .detailszeileOhne {width:auto; max-width:auto;  display:inline-block; margin:0px; padding:0px; font-size:1.5vmax}
.reiseKurz .details.w200 .detailszeileOhne:last-of-type {margin-left: 30px}
.reiseKurz .details.w200 .detailszeileOhne:first-of-type {margin-right: 30px}
.reiseKurz .detailszeileOhne {width:auto; max-width:auto; float:none; display:block; clear:none;  margin:0px; padding:0px}

#breadcrumpsOuter {
	max-width:100%; width:100%; min-width:100%
}	

.reiseSeite .headerName {
    float: left;
    height: 310px;
    width: 400px;
}


.reiseDetailsOuter {
    max-width: 100%;
    min-width: 100%;
}

.reiseDetailsOuter .right {max-width:600px; min-width:600px; width:600px}

	.reiseDetails .total {width: 100%}

}


@media (max-width:1200px) {
	
.teaserReisenOuter {text-align:center}
.teaserReisenOuter div.teaserReisen {
    margin-left: 10px;
}

#social {

    max-width: 100%;
}



.teaserReisen .teaserbild {
	width:100%; position:relative;  padding-top:20px;
}
.teaserReisen .teaserbild img {width:100%; height:auto; min-height:none; box-sizing:border-box; padding:0px; margin:0px; border:0px; margin-top:20px}

.teaserReisen .blauerBalken {
		margin-top: -20px;
		overflow: hidden;
		padding-top: 0px;
		position: absolute;
		text-align: center;
		width: 100%;
		max-width:100%;
		margin:0px;
		padding:0px;
		float:none;
		border:0px;
}

div.merker {
    margin-top: 20px;
}

	.teaserReisen .merker { display: flex; justify-content: space-between; align-items: center}
	.teaserReisen[data-test="functions_all_1507"] .merker {justify-content: flex-end}
	
}


@media (max-width:1100px) {

/*
#social span {display:none}
#social div {display:none}
*/

#social {padding-left:20px; max-width:100%; box-sizing:border-box;}
.search {width:140px}
.search #suchfeld {margin-top:0px; margin-left:0px}

#reiseSelektor {padding-left:3%;}
#navOuter #nav .menu {width:100%; position:absolute; top:-20px}
#reiseSelektor .sbHolder {margin-bottom:20px; width:200px}
#reiseSelektor .sbHolder:first-child {margin-left:20px}
/* ReisenTeaser */
.w1240 .teaserReisen {width:220px;}
.w1240 .teaserReisen:first-child {margin-left:10px}


.teaserReisen .blauerBalken {
    margin-left: 0px;
    margin-top: -15px;
    overflow: hidden;
    padding-top: 5px;
    position: absolute;
    text-align: center;
    width: 100%;
}


#adresse { padding-left: 20px;  padding-top: 20px;}

div.submenu ul {
    margin-right: 10px;
    width: 200px;
}
div.submenu ul li  {font-size:1.3vmax}
.subOuter {
    min-width: 650px;
	max-width: 650px
}

#content {padding-left:10px; padding-right:10px}



.invers .sbSelector {max-width:100%; overflow:hidden; height:30px}

.teaserReisen .headline.f23 {font-size:1em} 
.teaserReisen:nth-child(4n+0) {margin-left:10px}

.reiseSeite .headerName {
    float: left;
    height: 310px;
}

.reiseDetails .total {width:100%; max-width:100%}
.termin {width:400px}

.teaserReisen .headline.f23, .f23  {
    font-size: 1.6vmax; font-size: 1.6vmax !important;
}

	.reiseSeite {display:flex;}
	
	


}

@media (max-width: 1060px) {
	
	.reiseSeite #b_buchen {width: 170px; margin-left: 0px}
	.reiseDetailsOuter .right {max-width:400px; min-width:400px; width:400px}
}


@media (max-width:1024px) {
	
.reiseSeite .headerName {
    float: left;
    height: 310px;
}
.reiseDetailsOuter .right {max-width:400px; min-width:400px; width:400px}
.termin {width:300px}

.teaserReisenOuter {
    margin:0px auto;
    min-width: 100%;
    position: relative;
    text-align: left;
    width: 100%;
	text-align:center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
	
}

.mt40pxminus {margin-top:20px}
.teaserReisenOuter {margin-top:40px}
.teaserReisenOuter div.teaserReisen{width:230px; max-width:230px; min-width:230px; margin-top:0px}

.teaserReisenOuter div.teaserReisen:first-child {
    margin-left:10px;
}

.teaserReisenOuter div.teaserReisen:nth-child(3n+0) {
    margin-right:0px;
}
	
.teaserReisen .land.f18 {height: 52px}
	.teaserReisen[data-test="functions_all_1507"] .teaserbild {height: 190px}

span.mehr {float: none}
#reiseSelektor {margin-bottom:50px}
	
	div.merker {
    margin-top: 0px;
}
	
.teaserReisen .headline {margin-bottom: 10px}

}

@media (max-width:1000px) {
.w1240 {
    max-width: 100%;
    min-width: 100%;
	box-sizing:border-box;
	padding-right:10px !important;
	padding-left:10px !important; 
}	

.formtabelle tr td {
    padding-bottom: 0px;
	clear:both; display:block; width:100%;
}

.formtabelle tr td:first-child {
    padding-top: 20px;
}

#box {max-width:100% !important; margin-left:0px !important; width:300px !important}

	
.xl {
    font-size: 1em;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.4em;
	text-align:left;
}	
.formtabelle {
    padding-top: 0px;
    padding-left: 0px !important;
    border: 0;
	box-sizing:border-box;
	max-width:calc(100% - 20px);
	width:100% !important; 
}
input, .formtabelle input, select, .formtabelle select, textarea, .formtabelle textarea, button, .formtabelle button, #Senden, #Reset, label.withBG {max-width:95%; width:95%; margin:0px; padding:0px; box-sizing:border-box}
.buttonlike {width:150px; text-align:center; margin:0px; padding:0px; box-sizing:border-box; background-color:#333; box-sizing:border-box; font-family: 'Montserrat', sans-serif; border:1px solid #c3c3c3; border-right:0px; border-bottom:0px; height:50px; font-size:1.2em; color:#fff; padding-top:10px}

#Senden {font-size:1.2em; margin-bottom:20px}
.backer  {font-size:5vmin}
.sbHolder, .sbSelector {width:100%; max-width:100%; box-sizing:border-box}
.formtabelle label.withBG.w200px {width:95% !important; max-width:95% !important; padding:0px; box-sizing:border-box; font-size: 0.8em; margin-bottom:10px}
.formtabelle label.withBG.w450px {width:95% !important; max-width:95% !important; padding:0px; box-sizing:border-box; font-size: 0.8em; margin-bottom:10px}
.formtabelle label.withBG.w500px {width:95% !important; max-width:95% !important; padding:0px; box-sizing:border-box; font-size: 0.8em; margin-bottom:10px}

	
#reisenMitClearskies {margin-left:0px}	
	
	.hide-desktop {display:block}
	#breadcrumpsOuter {display:none}
	.reiseDetailsOuter {max-width:100%}
	.reiseSeite #b_anfragen {
    width: 99%; 
	clear:both;
	display:block;
}
	
	.reiseSeite {flex-wrap: wrap}

.reiseSeite #b_buchen {position:relative; width:99%; clear:both; float:left; height:33px; text-align:center; display:inline-block; padding-top:17px; margin-top:5px; margin-left:0px; cursor:pointer; margin-bottom:50px}

.reiseDetailsOuter {min-width:100%}

.reiseSeite .headerName {
    float: none;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    width: 100%;
	clear:both;
	box-sizing: content-box;
}
	
	.reiseSeite .headerBild {width: 100%; display: flex; justify-content: center}
	
	
.reiseDetails .buttonOpener {display:inline-block; margin-right:10px; font-size:2vmax}
.reiseDetails .left {width:100%; float:left; text-align:left; padding-left:10px; padding-right:10px; box-sizing:border-box}
.reiseDetails .right {width:100%; box-sizing:border-box; float:left; text-align:left; padding-left:10px; padding-right:10px; max-width: 100%}
.reiseDetails .total {text-align:left; width:100%; position:relative; margin:0px auto; box-sizing:border-box; padding-left:30px; padding-right:30px}

	.reiseDetails .buttons {margin-bottom: 0px}
.reiseDetails .buttons .centered .buttonKontakt {width:100%; clear:both; box-sizing:border-box; margin:0px; padding:10px; margin-bottom:10px; padding-bottom: 30px} 
.reiseDetails .buttons .centered .buttonKontaktInvers {width:100%; clear:both; box-sizing:border-box; margin:0px; padding:0px; padding:10px; margin-bottom:10px; padding-bottom: 30px} 	
	
.navi {display: flex; flex-wrap: wrap; padding: 0px 10px;}
	.navi a {width: 100%; text-align: left; padding-bottom: 5px}



.termin {display:block;  float:left; position:relative; min-height:50px; clear:both }
.preis {display:block;  float:left; position:relative;  min-height:50px; clear:both}
.buchen {display:block;  float:right; width:100%; position:relative;  min-height:50px; text-align:center; clear:both}
.anfragen {display:block; float:left;  width:100%; position:relative;  min-height:50px; text-align:center; clear:both; margin-left:0px}
.anfragen .buttonKontakt {   display: block;   padding: 10px 20px 30px 15px; box-sizing:border-box;; width: 155px}
	
	.anfragen .buttonKontakt {height: 45px;}
	.buchen {margin-left: 0px;}
	.anfragen, .buchen {width: auto}
	
	body {font-size: 1.2em;line-height: 1.2em;}
	

	#social {display:block; max-width:100%; padding:0px; margin:0px; box-sizing:border-box; padding-top:20px; padding-left:20px; position: relative; top:-20px;}
	
	#social .instalink {display:none}
	#social .fbfriends {display:none}
	#social .reiseplaner  {display:none}
	#social .blog   {display:none}
	#social .contactus    {display:none}
	#social .clearskiesTV    {display:none}
	/*#social .searchbutton {position:relative; top:-20px;}*/
	
	#balkenoben {width:100%}
	#content {padding-left:10px; padding-right:10px; box-sizing:border-box}

	#mobileOpenerOuter {display:block}
	#nav {display:none}
	#navOuter {display:none}
	#baum {display:none}
	#navMobile {display:block; height:auto; top:16px; position:absolute; background-color:#333; width:100%; color:#FFF}
	.menuMobile ul {margin:0px; padding:0px}
	.menuMobile ul li {list-style-type:none; display:block;  padding-left:35px; padding-right:35px; padding-top:5px; padding-bottom:5px}
	.menuMobile ul li a {color:#FFF}
	.menuMobile ul li.smaller {font-size:0.8em}
	.menuMobile ul li.inaktiv:hover ul li {border-bottom:0px solid #FFF;}
	.menuMobile ul li.inaktiv .underlineaktiv {border-bottom:0px solid #FFF; display:block; width:100%; padding-bottom:10px}
	.menuMobile ul li.aktiv .underlineaktiv {border-bottom:1px solid #FFF; display:block; width:100%; padding-bottom:10px}
	
	.menuMobile ul li ul.inaktiv {display:none}
	.menuMobile ul li {cursor:pointer}
	/*
	.menuMobile ul li.inaktiv:hover ul.inaktiv {display:block}
	.menuMobile ul li {border-bottom:1px solid #FFF !important; cursor:pointer}
	.menuMobile ul li:hover ul li {border-bottom:0px solid #FFF !important; cursor:pointer}
	*/
	
	#content {padding-top:20px; width:100%}
	#inhaltsbildouter {width:100%;  position:relative; margin-bottom:25px; height:200px; overflow:hidden;}
	.inhaltsbild {background-size:cover; background-repeat:no-repeat; width:100%; height:200px}
	#carouselcontainer {width:100%; height:auto;}	
	#contentInnen {margin-left:2%; width:95%}
	#bottom {width:90%; margin-left:0%; text-align:center}
	#adresse {padding:0px}
	#adresse {height:auto; padding-left:3%; box-sizing:border-box; padding-top:10px}
	#adresseInnen {width:95%;}
	#adresse div.right {margin-right:0px; float:left; clear:both; padding-right:0px; margin-top:0px;} 
	
	
	#pfeil_links1 {display:none}
	#pfeil_rechts1 {display:none}
	.teaserstartseite {width:100%; margin-right:0px;}
	.teaserstartseitebild img {max-width:100%; height:auto; width:100%}
	.teaserstartseitelast {width:100%;}
	
	#reiseSelektor .sbHolder {margin-bottom:20px; width:95%; text-align:left}
	#reiseSelektor .sbSelector {font-size:3vmax; width:100%; min-width:100%; text-align:let}
	#reiseSelektor .sbOptions {width:100%; min-width:100%; font-size:2vmax}
	#reiseSelektor .sbHolder:first-child {margin-left:0px}	
	

	#reisenMitClearskies {height:auto; padding:10px; background-image:none; display:none}
	#reisenMitClearskies .left {display:block; clear:both; width:100%; margin-bottom:10px;}
	#reisenMitClearskies .left .land {display:none}
	#reisenMitClearskies .left .teaserstartseitetext {display:none}
	#reisenMitClearskies .right {clear:both; display:block; width:90%}
	#reisenMitClearskies .left .headline {text-align:center; height:auto; margin-bottom:5px}
	.invers{width:95%; text-align:left}
	.invers .sbSelector {max-width:100%; width:100%; overflow:hidden; height:30px}
	.invers .sbOptions {max-width:100%; width:100%;}
	.mt40pxminus {margin-top:0px; padding:0px}
	
	.reisewunschheadline {display:block; clear:both; width:100%; position:relative; margin:0px auto; text-align:center; margin-bottom:20px}
	.f24 {font-size:3vmax}
	.flml40px, .flml20px {display:block; clear:both; width:100%; position:relative; margin:0px auto; text-align:center}
	.flml20px {display:block; clear:both; width:100%; position:relative; margin:0px auto; text-align:center} 
	#buttonOK {display:block; clear:both; width:95%; position:relative; margin:0px auto; text-align:center; float:none; float:left} 
	

	
	
	.teaserReisenOuter {margin:0px auto; padding:0px; clear:both; margin-top:80px; position:relative; text-align:center}
	.mt40pxminus .teaserReisenOuter {margin-top:0px}
	
	
	
	.teaserReisen:first-child {margin-left: 0px;}
	.teaserReisenOuter div.teaserReisen, .teaserReisenOuter div.teaserReisen:first-child, .teaserReisenOuter div.teaserReisen:last-child, .teaserReisenOuter div.teaserReisen:nth-child(3n+0), .teaserReisenOuter div.teaserReisen:nth-child(2n+0), .teaserReisenOuter div.teaserReisen:nth-child(4n+0) {
		margin-left:0px; display:inline-block; margin-right:10px; 
	}
	

	/*.teaserReisen {width:90%; text-align:center;  height:400px; position:relative; margin:0px auto;}*/
	.teaserReisen .teaserbild {min-height:auto; max-height:200px; width:100%; overflow:hidden; position:relative}
	.teaserReisen .teaserbild img {width:100%; height:auto; min-height:none; box-sizing:border-box; padding:0px; margin:0px; border:0px; margin-top:20px}
	.teaserReisen .headline.f23 {font-size:1.5vmax} 
	.teaserReisen .headline.f23, .f23  {font-size: 1.2vmax; font-size: 1.5vmax !important;}

	.teaserReisen .headline {margin-bottom:5px}

	.teaserReisen .blauerBalken {
		margin-top: -20px;
		overflow: hidden;
		padding-top: 0px;
		position: absolute;
		text-align: center;
		width: 100%;
		max-width:100%;
		margin:0px;
		padding:0px;
		float:none;
		border:0px;
	}
	.teaserReisen .merker {margin-top: 60px}
	.teaserReisen[data-test="functions_all_1507"] .merker {margin-top: 0px}
	.merker .heartOuter {display: flex; align-items: center}
	.merker .merken {font-size:1.5vmax}
	.mehrcentered {font-size:1vmax}
	.merker span.mehr {clear:both; display:block; text-align:center; float:none;margin:0px auto; padding-top:5px;  width: 80px}
	.embedvideo {width:100%; height:385px; border:0; padding:0px; margin:0px auto; display:block; position:relative; text-align:center;}
	
	#flex {height: 300px; max-height:300px; overflow:hidden; min-height:300px;}	
	.flexslider {max-height:300px; min-height:300px}
	.flexslider ul, .flexslider ul li {max-height:300px; width:auto;}
	.flexslider .overlay .smaller {font-size: 1.2em;}
	.flexslider .overlay .bigger {font-size: 1.5em; line-height: 40px;}
	
	.flexslider .overlay {
    display: block;
    height: 100%;
    padding-top: 20px;
	box-sizing:border-box;
}

.reiseKurz .details {display:block; clear:both}
.reiseKurz .detailsleft, .reiseKurz .detailsright , .reiseKurz .teasertext {}
.reiseKurz .teasertext {
    float: left;
    max-height: 500px;
    overflow: hidden;
    padding-right: 0px;
    text-align: left;
    width: 100%;
}

.reiseKurz .details {
    float: left;
    max-height: auto;
    max-width: 100%;
    width: 100%;
}

.reiseKurz .mehr {display:block; float:none; width:100%; text-align:center; position:relative; margin:0px auto; padding-top:0px; padding:3px}
.reiseKurz .details, .reiseKurz .w200, .reiseKurz .tar {display:block; clear:both; width:100%; text-align:left; float:none}
.reiseKurz .teaserbild  {
    width: 100%; padding:0px; position:relative; text-align:center; float:none; margin:0px; max-width:100%; 
}

.reiseKurz .detailsright {
    max-height: 40px;
}



#flex .flex-prev, #flex .flex-next {margin-top:80px}
#headlineOuter3 {display:none}

.reiseSeite .flex-direction-nav {display:none}

ul.flex-direction-nav {display:none}

}




@media (max-width:770px) {
	
.teaserReisen .headline.f23 {font-size:1.5vmax} 
.merker span.mehr { font-size:1vmax}


#reiseSelektor .sbSelector {font-size:1.5vmax;}


.lh23 {
    line-height: auto;
}

.teaserReisen .blauerBalken {font-size:1.5vmax}
.merker, .merker span.mehr { font-size:1.4vmax}
.mehrcentered { font-size:1vmax}

span.mehrcentered {
    width: 20%; font-size:1vmax
}

.reiseDetailsOuter .right {max-width:100%; min-width:100%; width:100%}
	.teaserReisen:first-child {margin-left: 0px;}
	.teaserReisenOuter div.teaserReisen, .teaserReisenOuter div.teaserReisen:first-child, .teaserReisenOuter div.teaserReisen:last-child, .teaserReisenOuter div.teaserReisen:nth-child(3n+0), .teaserReisenOuter div.teaserReisen:nth-child(2n+0), .teaserReisenOuter div.teaserReisen:nth-child(4n+0) {
		margin-bottom:20px}
.flexsliderSmall {max-width:100%; width:100%; overflow:hidden;}
.flexsliderSmall .slides li img {width:100%; min-width:100%}


.reiseSeite .headerBild {width:100%; height:auto; float:left; overflow:hidden}
.reiseSeite .headerBild #abdecker_right {left:99.5%;}


.w1240 .teaserReisen {width:230px; max-width:230px; margin:0px; margin-left:5px; margin-right:5px; margin-bottom:10px}

} 

@media (max-width:670px) {
	
	.buttonsbuchen {width: 100%; display: flex; justify-content: space-between}
}


@media (max-width:600px) {
.reiseKurz .details.w200 {width:100%; display:block; max-width:100%; margin:0px auto; padding:0px}
.reiseKurz .details.w200 .detailszeileOhne {clear:both; width:100%; border-bottom:1px solid #b4a7a7; display:block; max-width:100%; padding-bottom:10px; padding-top:10px}
.reiseKurz .mehr {display:block; float:none; width:100%; text-align:center; position:relative; margin:0px auto; padding-top:0px; padding:0px; width:50%; text-align:center}
.lh23 {line-height:auto}
/*.teaserReisen {height:350px;} */
.teaserReisen .headline {   height:auto;}
.teaserReisen .headline.lh23 {font-size: 1.8vmax !important; height: 140px}
.teaserReisen .headline.f23, .f23 {font-size: 1.8vmax !important;}
.merker, .merker span.mehr {font-size: 1.5vmax}
#reiseSelektor .sbSelector {font-size: 2vmax;}
.flexsliderSmall .bildercounter {width:100%; max-width:100%}
.reiseDetails .verfuegbar {width: 100%;}
	.teaserReisen .merker {margin-top: 50px}
	.teaserReisen[data-test="functions_all_1507"] .teaserbild {
    height: 170px;
}
} 

@media (max-width:575px) {
	.teaserReisen {height: 388px;}
	.teaserReisen .headline.lh23 {height: 100px}
	
}

@media (max-width:500px) {
	
	.buttonsbuchen {display: block}
	.anfragen, .buchen {width: 100%}
	.buttonKontakt, .anfragen .buttonKontakt {width:100%;}
	.headlineOuter .inner h3 {line-height: 1.1em; border-bottom: none;}
	.headlineOuter .inner h3::before, .headlineOuter .inner h3::after {padding: 0}
}

@media (max-width:325px) {
#navMobile {font-size:0.8em}
#contentOuter {font-size:1em}	
.reiseSeite .headerBild {float:noe; height: auto;}
.f30 {font-size:1em}
.w1240 {padding-left:5px; padding-right:5px; font-size:0.8em}
.centered {font-size:0.8em}
.reiseDetails .right, .reiseDetails .left {width:100%; box-sizing:border-box; float:left; text-align:left; padding-left:5px; padding-right:5px;}	
.reiseDetails .details {font-size:0.8em}
.anfragen .buttonKontakt { min-width:100%; max-width:100%}
.rightpoint {display:none}


.headlineOuter .inner h2::before {
    content:" ";
	padding-right:0px;
	top:0px;
	position:relative;
	display:none;
}

.headlineOuter .inner h2::after {
    content:" ";
	padding-left:0px;
	top:0px;
	position:relative;
	display:none;
}




.reiseKurz .teaserbild {
    float: none;
    margin: 0;
    max-width: 100%;
	min-width: 100%;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}


.reiseKurz, .reiseKurz .details.w200 .detailszeileOhne {font-size:0.8em}
#reisenMitClearskiesVideos {display:none}

table.padding {max-width:100%}
table.padding tr td  {padding:0px}
table.padding tr td img {max-width:100%}
table.padding tr td:first-child img {
    height: auto;
    width: 100%;
}	
}