@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}*/
#content {padding-left:10px; padding-right:10px}
#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:145px; 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 {width: auto; height:100%}


.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
	}

	.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  {}
	.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) {
.pb50 {padding-bottom: 20px}
.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; 
}	

.hero-text {top: 80%}

.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:auto; text-align:center; margin:0px; padding:10px; 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:1em; color:#fff; margin-top: 15px} 

#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:-55px;}
#social .clearskieslink {float:right; padding-right: 5px}

#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:none;
position:absolute;
top:2px;
width:100%;
height: calc(100vh - 145px);
background:#333;
color:#FFF;
z-index: 9;
}


/* Listen */
.menuMobile ul{
margin:0;
padding:0;
}

.menuMobile ul li{
list-style:none;
margin:0;
padding:0;
cursor:pointer;
transition:background .2s ease;
}

/* Hauptpunkte */
.menuMobile > ul > li{
border-bottom:1px solid rgba(255,255,255,.08);
}

/* Hauptüberschrift */
.menuMobile .underlineaktiv{
display:block;
padding:16px 35px;
font-size:18px;
font-weight:600;
letter-spacing:.2px;
}

/* Aktiver Menüpunkt */
.menuMobile li.aktiv > .underlineaktiv{
background:rgba(255,255,255,.06);
border-bottom:1px solid rgba(255,255,255,.25);
}

/* Inaktiver Menüpunkt */
.menuMobile li.inaktiv > .underlineaktiv{
border-bottom:0;
}

/* Einfache Menüpunkte (Datenschutz, AGB, ...) */
.menuMobile > ul > li > a{
display:block;
padding:16px 35px;
color:#FFF;
text-decoration:none;
}

/* Hover Hauptmenü */
.menuMobile > ul > li:hover{
background:#3d3d3d;
}

/* Untermenü */
.menuMobile ul ul{
display:none;
padding:8px 0 12px;
background:rgba(255,255,255,.03);
}

/* geöffnete Untermenüs */
.menuMobile ul ul[style*="display: block"]{
display:block;
}

/* Unterpunkte */
.menuMobile ul ul li{
border:0;
}

/* Links Unterpunkte */
.menuMobile ul ul a{
display:block;
padding:11px 35px 11px 58px;
color:#DDD;
text-decoration:none;
position:relative;
transition:all .2s ease;
}

/* Pfeil */
.menuMobile ul ul a:before{
content:"›";
position:absolute;
left:35px;
top:50%;
transform:translateY(-50%);
color:#AAA;
font-size:18px;
transition:.2s;
}

/* Hover Unterpunkte */
.menuMobile ul ul a:hover{
background:rgba(255,255,255,.08);
color:#FFF;
padding-left:64px;
}

.menuMobile ul ul a:hover:before{
color:#FFF;
}

/* Kleine Menüpunkte unten */
.menuMobile li.smaller{
font-size:.85em;
opacity:.85;
}

.menuMobile li.smaller a{
display:block;
padding:10px 35px;
}

/* Standardmäßig Untermenüs ausblenden */
.menuMobile ul li ul.inaktiv{
display:none;
}
/*
.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%}
body[data-reisetag] #content {padding-top: 145px;}
#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-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:0px}
.teaserReisen .headline.f23 {} 
.teaserReisen .headline.f23,.f23  {}
.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:850px) {
.hero-text {top: auto !important;  position: relative; transform: none; left: auto !important}
}

@media (max-width:770px) {

.teaserReisen .headline.f23 {} 
.merker span.mehr { }


#reiseSelektor .sbSelector {}


.lh23 {
line-height: auto;
}

.teaserReisen .blauerBalken {}
.merker, .merker span.mehr {}
.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:flex; justify-content: center; align-items: center; 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 {height: auto}
	.teaserReisen .headline.f23, .f23 {}
	.merker, .merker span.mehr {font-size: 14px}
	#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: auto;margin-bottom: 20px;}
} 

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

}

@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}

.hero-text {top: 50%;}
}

@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%;
}	
}