/* clearskies - 01.12.2014 */
@import "/styles_cms.css?v=2";
@import "/style.css?v=2";

* {
	margin:0px;
	padding:0px;
}


/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;	
  src: url('/fonts/montserrat-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/montserrat-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v15-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: fallback;	
  src: url('/fonts/montserrat-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/montserrat-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v15-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}


/* vollkorn-regular - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 400;
	font-display: fallback;
  src: url('/fonts/vollkorn-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/vollkorn-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/vollkorn-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/vollkorn-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/vollkorn-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/vollkorn-v12-latin-regular.svg#Vollkorn') format('svg'); /* Legacy iOS */
}

/* vollkorn-700 - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 700;
	font-display: fallback;
  src: url('/fonts/vollkorn-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/vollkorn-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/vollkorn-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/vollkorn-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/vollkorn-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/vollkorn-v12-latin-700.svg#Vollkorn') format('svg'); /* Legacy iOS */
}

/* vollkorn-700italic - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: 700;
font-display: fallback;
  src: url('/fonts/vollkorn-v12-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/vollkorn-v12-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/vollkorn-v12-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/vollkorn-v12-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/vollkorn-v12-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/vollkorn-v12-latin-700italic.svg#Vollkorn') format('svg'); /* Legacy iOS */
}




html {height:100%; background-color:#F7F2E6; max-width:100%}
body {font-family: 'Montserrat', sans-serif; color:#333;overflow-y:scroll; height:100%; width:100%;    font-size: 15px;line-height: 19px; margin: 0 0 0 0; background-color:#f7f2e6;  margin:0px; padding:0px; background-image:url(/UserFiles/structure/bg_total.png); background-size:contain}
body.id_177 {background-image:none !important}
body p, body div {}

/* diverse Divs  ---------------------- */

#darkbg {width:100%; height:100%; background: rgb(0, 0, 0) ; opacity: 0.8; display:none; position:absolute; top:0px; left:0px; z-index:999998}

#created {position:absolute; top:10px; left:25px; z-index:1000000; background-color:#FFF; width:900px; border:1px solid #999; border-radius:5px; display:none; padding:10px; box-shadow:  1px 1px 5px 5px #eee; }
#created a {text-decoration:underline;}
#createdcloser {cursor:pointer; float:right; position:relative; font-weight:bold}
#created .headline {font-family: 'Montserrat', sans-serif; font-size:1.0em; text-transform:uppercase; font-weight: bold}

/*
#created {position:absolute; top:50px; left:25px; z-index:1000000; background-color:#FFF; width:900px; border:1px solid #999; border-radius:5px; display:none; padding:30px; box-shadow:  1px 1px 5px 5px #eee; }
#created a {text-decoration:underline;}
#createdcloser {position:absolute; top:-15px; left:980px; background-image:url(/UserFiles/structure/close.png); width:30px; height:30px; text-indent:-10000px; cursor:pointer}
*/

.white {background-color:transparent; border:1px solid transparent}
#obenOuter {z-index:100; position:relative;margin:0px auto; height:146px; background-repeat:repeat; background-position:bottom; text-align:center; border-top:1px solid transparent; margin-top:-1px; max-width:100%; min-width:1280px;}
body.id_177 #obenOuter { background-image:none !important;}
body.no-webp:not(.id_177) #obenOuter, body:not(.id_177) #obenOuter {background-image:url(/UserFiles/structure/bg_top_total.png);}
body.no-webp:not(.id_177) {background-repeat: no-repeat}
body.webp-supported:not(.id_177) #obenOuter {background-image:url(/UserFiles/structure/bg_top_total.webp)}
#balkenoben { width:100%;  z-index:1; max-width:1280px;  margin:0px auto; position:relative; margin-top:-130px; min-width:1280px; display: flex}
/*social buttons oben */
#social, .social {max-width:1280px; width:50%; text-align:left; margin-top:27px; display: flex;}
#social {justify-content: space-between; width: 40%} 
.social {justify-content: center}
.instalink {height:22px; width:200px;  display:block; margin-left:40px; float:left }
.instalink:hover {color:#005eaa}
.instalink:hover .instalinkbutton{background-image:url(/UserFiles/structure/buttons.png); background-position:-301px -21px;}
.instalinkbutton {width:20px; height:21px; background-image:url(/UserFiles/structure/buttons.png); background-position:-301px 0px; background-repeat:no-repeat;  display:block; float:left; margin-right:15px }


.fbfriends {height:22px; width:200px;  display:block; /*margin-left:207px;*/ float:left }
.fbfriends:hover {color:#005eaa}
.fbfriends:hover .fbfriendsbutton{background-image:url(/UserFiles/structure/buttons.png); background-position:0px -21px;}
.fbfriendsbutton {width:20px; height:21px; background-image:url(/UserFiles/structure/buttons.png); background-position:0px 0px; background-repeat:no-repeat;  display:block; float:left; margin-right:15px }

.reiseplaner {height:21px; background-image:url(/UserFiles/structure/buttons.png); background-repeat:no-repeat; background-position:0px 22px; width:160px; display:block; margin-left:0px; float:left;} 
.reiseplaner:hover {color:#005eaa}
.reiseplaner:hover .reiseplanerbutton{background-image:url(/UserFiles/structure/buttons.png); background-position:-22px -21px;}
.reiseplaner.aktiv {color:#005eaa}
.reiseplaner.aktiv .reiseplanerbutton{background-image:url(/UserFiles/structure/buttons.png); background-position:-22px -21px;}
.reiseplanerbutton {width:22px; height:21px; background-image:url(/UserFiles/structure/buttons.png); background-position:-22px -0px; background-repeat:no-repeat;  display:block; float:left; margin-right:10px;}

.blog {height:21px; width:100px;  display:block;margin-left: 50px }
.blog:hover {color:#005eaa}
.blog:hover .blogbutton{background-image:url(/UserFiles/structure/buttons.png); background-position:-45px -21px;}
.blog.aktiv {color:#005eaa}
.blog.aktiv .blogbutton{background-image:url(/UserFiles/structure/buttons.png); background-position:-45px -21px;}
.blogbutton {width:18px; height:20px; background-image:url(/UserFiles/structure/buttons.png); background-position:-45px -0px; background-repeat:no-repeat;  display:block; float:left; margin-right:15px;}

.contactus {height:21px; width:130px;  display:block; float:left }
.contactus:hover {color:#005eaa}
.contactus:hover .contactusbutton{background-image:url(/UserFiles/structure/buttons.png); background-position:-65px -21px;}
.contactusbutton {width:21px; height:21px; background-image:url(/UserFiles/structure/buttons.png); background-position:-65px -0px; background-repeat:no-repeat;  display:block; float:left; margin-right:15px;}
.contactus.aktiv {color:#005eaa}
.contactus.aktiv .contactusbutton{background-image:url(/UserFiles/structure/buttons.png); background-position:-65px -21px;}

.clearskiesTV {width:130px; display:block; float:left}


.detailinfos {margin-bottom:20px; padding-bottom:20px; clear:both; border-bottom:1px solid #b2aaa7; position:relative}
.beschreibung {float:left;}
.textdetail {font-weight:bold; float:left}
.infobox {width:16px; height:16px; background-image:url(/UserFiles/structure/buttons.png); background-position:-112px -64px; position:absolute; top:0px; right:0px }
.popuptext {display:none}
.italic {font-style:italic}
.noscroll {overflow: hidden;position: fixed} 


.search {height:22px; width:160px;  display:block;margin-left: 40px} 
.search:hover {color:#005eaa; }
.search:hover .searchbutton{background-image:url(/UserFiles/structure/buttons.png); background-position:-86px -21px;}
.searchbutton {width:22px; height:21px; background-image:url(/UserFiles/structure/buttons.png); background-position:-86px -0px; background-repeat:no-repeat;  display:block; float:left; margin-right:15px; border:0px; background-color:transparent}

.suchfeld {z-index:100002; position:relative; float:left; width:120px; height:20px; background-color:transparent;  color: #333;
    font-family: "Montserrat",sans-serif;
    font-size: 15px;
    line-height: 19px; border:0px }

	
	
/* Ende buttons oben */

#logoOuter {width:100%; min-width:1280px; max-width:1280px; height:auto; text-align:center; position:relative;  margin:0px auto}
#logo {display:block;position:relative; text-align:center;  background-image:url(/UserFiles/structure/buttons.png); background-position:2px -64px;  background-repeat:no-repeat; text-indent:-10000px; width:108px; height:97px; z-index:2;}
#logolink {display:block; position:relative; width:108px; height:97px; margin:0px auto; margin-top:30px; z-index:100002}
#bilderani {max-width:1920px; max-height:540px; overflow:hidden; position:relative; margin:0px auto; text-align:center; margin-top:-5px}
#bilderani img {width:100%; height:auto}
#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:1280px}
.flexslider { width:100%; min-width:1680px; max-width:1680px; position:relative; text-align:center; margin:0px auto; max-height:540px; min-height:540px}
.flexslider ul li {backround-size:cover; background-position:center;  height:540px}


.flexslider .slides {width:100%; height:100%; box-sizing:border-box}
.flexslider .slides img {display: block; width: 100%; height:540px}

.flexslider .overlay {width:100%; height:390px; position:absolute; top:0px; left:0px;z-index:98; text-align:center; padding-top:130px; display:block}
.flexslider .overlay .smaller {font-family: 'Vollkorn', serif; font-style:italic; font-weight:normal; color:#FFF; font-size:2.5em;  text-shadow: 2px 2px #000; display:block}
.flexslider .overlay .bigger {font-family: 'Montserrat', serif; font-weight:bold; color:#FFF; font-size:4em;  text-shadow: 2px 2px #000; margin-top:30px; line-height:70px; display:block; text-transform:uppercase}
.flexslider .overlay .headerbildercounter {font-family: 'Vollkorn', serif; font-style:italic; font-weight:normal; color:#FFF; font-size:1.8em;  text-shadow: 2px 2px #000; display:block; position:absolute; bottom:40px; width:100%; text-align:center; text-decoration:none}

.flexsliderSmall {max-width:620px; width:620px; overflow:hidden;}
.flexsliderSmall .bildercounter {font-family: 'Vollkorn', serif; font-style:italic; font-weight:normal; color:#FFF; font-size:1.3em;  text-shadow: 2px 2px #000; display:block; position:absolute; bottom:40px; width:640px; text-align:center; text-decoration:none}


.flexsliderSmall ul li {display:none}	
.flexsliderSmall ul li:first-child {display:block}

.flexsliderSmall2 {max-width:350px; max-height:450px; overflow:hidden; position:relative}
.flexsliderSmall2 ul li {max-height:350px}
.flexsliderSmall2 ul,  .flexsliderSmall2 ul li {max-height:300px;}
.flexsliderSmall2 .flex-control-nav {
    text-align: center; clear:both; position:relative; top:400px;
    width: 350px; left:0px; border:1px solid #F00; height:20px; margin-left:30px;}
.flexsliderSmall2 ul li {display:none}	
.flexsliderSmall2 ul li:first-child {display:block}



.flexsliderSmall3 {max-width:350px; position:relative; height:auto;}
.flexsliderSmall3 ul,  .flexsliderSmall3 ul li {}

.flexsliderSmall3 ul li img {width:350px}
.flexsliderSmall3 .flex-control-nav { display:none}
.flexsliderSmall3 ul li {display:none}	
.flexsliderSmall3 ul li:first-child {display:block}

.flexsliderSmall3Start ul li img {width:350px}
.flexsliderSmall3Start .flex-control-nav { display:none}
.flexsliderSmall3Start ul li {display:none}	
.flexsliderSmall3Start ul li:first-child {display:block}

.flexsliderMini {width:135px; height:96px; overflow:hidden; position: relative; z-index: 1}

#controller {width:350px; text-align:center; margin-top:10px; max-width:100%}
#controller .controll {display:inline-block; text-indent:-1000000px; background-color:#000; width:15px; height:15px; cursor:pointer; border-radius:15px; margin-right:10px; opacity:0.5}
#controller .control:hover {opacity:1}
#controller .flex-active {opacity:1}

#controllerStart {width:350px; text-align:center; margin-top:10px; max-width:100%}
#controllerStart .controll {display:inline-block; text-indent:-1000000px; background-color:#000; width:15px; height:15px; cursor:pointer; border-radius:15px; margin-right:10px; opacity:0.5}
#controllerStart .control:hover {opacity:1}
#controllerStart .flex-active {opacity:1}

#langChange {width:auto; text-align:right; float:right; margin-top:0px; position:absolute; right:20px; top:10px; text-transform:uppercase; display:none}
#langChange a {display:block; height:20px;float:left; width:auto; text-align:center; margin-right:10px}
#langChange a:hover {color:#009ee0;}
#langChange a.langChange:hover {color:#009ee0;}
#langChange a.langChange.aktiv {color:#009ee0;}
#navMobile {display:none}
#logoMobile {display:none}
#langChangeMobile {display:none}

#noopener1 {width:10px; height:50px; float:left;}
#noopener2 {width:10px; height:50px; float:left; position:relative; top:40px; right:-1220px; z-index:9999999999}


/* Navigation ----------------------------- */
/* empty.png in menu, damit der hover - effekt nicht rüttelt */

#navOuter {max-width:1270px; min-width:1270px; position:relative; margin:0px auto; text-align:center; height:80px; z-index:100 } 
#nav {clear:both; max-width:1200px; width:100%; margin-left:80px;  position:absolute; top:35px;  z-index:3;left:0px; height:auto; float:left;}

.menu{text-align:left; position:relative;float:left;  padding-top:0px;  background-image:url(/UserFiles/structure/empty.png); background-repeat:repeat; text-transform:uppercase}
.menu ul {margin:0px; padding:0px}
.menu ul li {font-size:16px; font-weight:bold; padding:0px; height:40px; margin:0px; padding-left:1px; padding-right:1px; list-style-type:none; width:220px; float:left; text-align:center; display:block; position:relative; z-index:99; margin-right:30px;color:#FFF; border-top:1px solid #fff; padding-top:20px; cursor:pointer}
.menu ul li.menu2 {margin-left:150px}
.menu ul li.last {border-right:0px}
.menu ul li.aktiv {border-top:1px solid #1e71b3;}
.menu ul li a { text-decoration:none; font-weight:lighter; letter-spacing:0em; display:block; width:100%; float:left;}
.menu ul li a:hover {color:#1e71b3}
.menu ul li:hover {border-top:1px solid #1e71b3;}
.menu ul li:hover a {color:#1e71b3}
.menu ul li a.aktiv {color:#1e71b3;}


.subnavOpener {width:100%; height:530px; position:absolute; top:0px; left:0px; z-index:99; background-image:none; background-position:bottom; background-repeat:repeat-x; display:none;}
.subOuter {min-width:800px; max-width:800px; position:absolute; margin:0px auto; text-align:center; margin-top:145px; z-index:999999; left:0px;}
.subnavOpener {max-width:1280px; width:auto; margin:0px auto; text-align:center; background-image:none; position:absolute; text-align:center; border:0px solid #000;}
.subOuter {background-color:#f7f2e6; margin-top:140px;  min-width:750px; padding-left:20px; opacity:0.9}



/*div.submenu {text-align:center; padding-left:80px; padding-right:200px; background-image:url(/UserFiles/structure/lama.png); background-repeat:no-repeat; background-position:900px 0px}*/
div.submenu {text-align:center; padding-left:80px; padding-right:200px;}

body.id_177 div.submenu { background-image:none !important;}
div.submenu ul {float:left; height:auto; width:220px;  margin-right:30px; padding-bottom:20px; }
div.submenu ul:last-child {margin-right:0px}
div.submenu ul li {color:#333333; list-style-type:none; font-size:16px; font-weight:bold; padding:0px; height:30px; margin:0px; padding-left:1px; padding-right:1px; list-style-type:none; width:100%;  text-align:center; display:block; position:relative; z-index:99999999999; border-bottom:1px solid #b4a7a7; padding-top:10px; cursor:pointer}
div.submenu ul li  a {color:#333333;}
div.submenu ul li  a:hover {color:#1e71b3;}
div.submenu ul li:hover {border-bottom:1px solid #1e71b3;}
div.submenu ul li:hover a{color:#1e71b3;}

.headlineOuter {position:relative; width:100%; margin:0px auto; text-align:center;  z-index:999; margin-bottom:50px; top:50px; display:block}
.headlineOuter1 {position:relative; width:100%; margin:0px auto; text-align:center;  z-index:999; margin-bottom:50px; top:0px; display:block}
.headlineOuter1 .inner, .headlineOuter .inner {position:relative; width:1280px; max-width:1280px; min-width:1280px; text-align:center; margin:0px auto;  background-image:url(/UserFiles/structure/white_dunkel.png); background-repeat:repeat-x; background-position:5px}
.headlineOuter1 .inner .leftpoint, .headlineOuter .inner .leftpoint {float:left; background-image:url(/UserFiles/structure/line_left_dunkel.png); background-position:right }
.headlineOuter1 .inner h1, .headlineOuter .inner .headline {text-align:center; font-family: 'Vollkorn', serif; font-style:italic; font-weight:normal; font-size: 18px; background-image:url(/UserFiles/structure/h1_abdecker.png); background-position:center;  width:auto; position:relative; display:inline; color:#333333;}
.headlineOuter1 .inner h3, .headlineOuter .inner h3 {text-align:center; font-family: 'Vollkorn', serif; font-style:italic; font-weight:normal; font-size: 18px; background-color:#f7f2e6; width:auto; position:relative; display:inline; color:#333333}
.headlineOuter .inner .headline::before {
    content: url(/UserFiles/structure/point_dunkel.png);
	padding-right:30px;
	top:-2px;
	position:relative;
}

.headlineOuter .inner .headline::after {
    content: url(/UserFiles/structure/point_dunkel.png);
	padding-left:30px;
	top:-2px;
	position:relative;
}

.headlineOuter .inner h3::before {
    content: url(/UserFiles/structure/point_dunkel.png);
	padding-right:30px;
	top:-2px;
	position:relative;
}

.headlineOuter .inner h3::after {
    content: url(/UserFiles/structure/point_dunkel.png);
	padding-left:30px;
	top:0px;
	position:relative;
}



.headlineOuter1 .inner .headline::before {
    content: url(/UserFiles/structure/point_dunkel.png);
	padding-right:30px;
	top:-2px;
	position:relative;
}

.headlineOuter1 .inner .headline::after {
    content: url(/UserFiles/structure/point_dunkel.png);
	padding-left:30px;
	top:-2px;
	position:relative;
}

.headlineOuter1 .inner h3::before {
    content: url(/UserFiles/structure/point_dunkel.png);
	padding-right:30px;
	top:-2px;
	position:relative;
}

.headlineOuter1 .inner h3::after {
    content: url(/UserFiles/structure/point_dunkel.png);
	padding-left:30px;
	top:-2px;
	position:relative;
}



body.webp-supported #contentOuter {background-image:url("/UserFiles/structure/abschluss_bild.webp");}
body #contentOuter, body.no-webp #contentOuter {background-image:url("/UserFiles/structure/abschluss_bild.png");}
#contentOuter {z-index:2;text-align:center; position:relative;margin:0px auto;  background-repeat:repeat-x;  border-top:0px solid transparent; margin-top:-18px; max-width:100%; min-width:1280px}
body.id_177 #contentOuter { background-image:none !important;}
#contentOuterNoBG {z-index:2; position:relative;margin:0px auto; text-align:center; border-top:0px solid transparent; margin-top:-15px; max-width:100%; min-width:1280px}
#content {width:auto; z-index:1;text-align:center; position:relative; margin:0px auto; height:auto;

    clear: both;
    position: relative;
	z-index:99;
	text-align:left;
	min-height:300px;
	line-height:1.4em;
	/*padding-top:40px;*/
}

#content ul li {margin-left:20px}
#content ul.slides li {margin-left:0px}
#contentInnen { text-align:left; font-size:12px; max-width:912px; width:auto; border-bottom:1px solid #F7F2E6; padding-bottom:20px}
#contentInnen ul li {margin-left:20px}
#carouselcontainer ul li {margin-left:0px}
#inhaltsbildouter {width:100%; display:block; }
/*.inhaltsbild {max-width:100%; display:block;}*/
#contentUnten h3 {padding-bottom:10px}


/*Reiseselektor*/

#reiseSelektor {position:relative; width:1200px; position:relative; margin:0px auto; top:50px; text-align:left; bottom:0}
/*
.styled-select{
   width: 260px;
   height: 40px;
   overflow: hidden;
   background: url(/UserFiles/structure/bg_styled_select.png); background-position:240px 20px; background-repeat:no-repeat; background-color:#FFF; border-bottom:1px solid #d4d3d1;
   padding-left:20px;
   padding-top:10px;
   font-family: 'Montserrat', serif; font-weight:normal;
   margin-right:0px;
   }
   
.styled-select select {
   background: transparent;
   width: 277px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
    font-family: 'Montserrat', serif; font-weight:normal;
   } 
 */   
 
 
 
 
.sbHolder{
	background-color: #FFF;
	font-family: 'Montserrat', serif; font-weight:normal; color:#5B3333;
	height: 50px;
	position: relative;
	width:280px;
	border-bottom:1px solid #d4d3d1;

}


.sbHolder:focus .sbSelector{
	
}
.sbSelector{
	display: block;
	height: 38px; /* ergibt Abstand vom Scroll-Down */
	left: 0;
	line-height: 30px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 10px;
	width: 240px;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #EBB52D;
	outline: none;
	text-decoration: none;
}
.sbToggle{
	background: url(/Scripts/jquery.selectbox/img/select-icons_new.png) 0 -116px no-repeat;
	display: block;
	height: 30px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0px;
	width: 30px;
	margin-top:10px;
}
.sbToggle:hover{
	background: url(/Scripts/jquery.selectbox/img/select-icons_new.png) 0 -167px no-repeat;
}
.sbToggleOpen{
	background: url(/Scripts/jquery.selectbox/img/select-icons_new.png) 0 -16px no-repeat;
}
.sbToggleOpen:hover{
	background: url(/Scripts/jquery.selectbox/img/select-icons_new.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
.sbOptions{
	background-color: #333333;
	border: solid 0px #5B3333;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	width: 281px;
	overflow-y: auto;
	position:relative;
	z-index:1000000;
}

.sbOptions li{
	padding: 0 7px;
}
.sbOptions a{
	border-bottom: solid 1px #fff;
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #fff;
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	color: #2070AF;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #fff;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #fff;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
} 
 
 
.sbSelector {}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover {
    color: #5B3333;
    outline: medium none;
    text-decoration: none;
}


.sbToggle {
    background: url(/Scripts/jquery.selectbox/img/select-icons_new.png) no-repeat scroll 0 -116px rgba(0, 0, 0, 0);
    display: block;
    height: 30px;
    outline: medium none;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}


/*ul.sbOptions li:first-child{display:none}*/
ul.sbOptions li:last-child a{border-bottom:0px}


.invers{
	background-color: transparent;
	border:1px solid #000;
	font-family: 'Montserrat', serif; font-weight:normal; color:#5B3333;
	height: 50px;
	position: relative;
	width:400px;
	text-align:center;
	position:relative;
	margin:0px auto;
}



.invers .sbSelector{
	display: block;
	height: 50px; /* ergibt Abstand vom Scroll-Down */
	left: 0;
	line-height: 30px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 10px;
	width: 400px;
	text-align:left;
}

.invers .sbOptions{
	background-color: #333333;
	border: solid 0px #5B3333;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	width: 401px;
	z-index: 1;
	overflow-y: auto;
	position: relative;
	z-index: 10000;
	text-align:left;
}



.hiddenSelect {display:none}
#reisenZeitSelectbyTerminDiv, #reisenZeitSelectbyTerminDiv1, #reisenZeitSelectbyZeitraumDiv {width:280px; height:50px; max-width:2800px; border:0px; float:left}
.reisenZeitSelectbyTermin {display:block; width:75px; height:50px; border:0px;  background-color:#FFF; border-bottom:1px solid #d4d3d1; float:left;  font-family: 'Montserrat', serif; font-weight:normal; }
.backer {cursor:pointer; display:block; float:left;}
.lefter {float:left; margin-top:15px; margin-right:10px}
.flml40px {float:left; margin-left:40px}
.flml30px {float:left; margin-left:30px}
.flml20px {float:left; margin-left:20px}
.fl_db_pt15px {float:left; display:block; padding-top:15px}

#reisenZeitSelectbyJahreszeitDiv .sbHolder {width:255px; float:left}

#reisenZeitSelectDiv ul.sbOptions li:first-child, #reiseSelektor ul.sbOptions li:first-child {display:none}

   
#buttonOK {width:80px; height:50px; color:#FFF; font-family: 'Montserrat', serif; font-weight:bold; background-color:#333333; text-align:center; padding-top:0px; border:0px; display:block;font-size: 15px}    

/* ReisenTeaser */
.teaserReisenOuter {margin:0px auto; margin-top:90px; text-align:left; position:relative; width:1240px; min-width:1240px; display: flex; flex-wrap: wrap; justify-content: center}
.teaserReisen {width:338px; height:408px; /* border:1px solid #c9c2b0; */ display:inline-block; margin-right:20px; margin-bottom:20px; padding-top:30px; padding-bottom:30px; padding-right:20px; padding-left:20px; position: relative; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.teaserReisen:nth-of-type(3n) {margin-right: 0px}
.teaserReisen .land {text-align:center; font-family: 'Vollkorn', serif; font-style:italic; font-weight:normal; margin-bottom:20px}
.teaserReisen .headline {   font-family: "Montserrat",serif;    font-weight: bold;    height: 100px; text-align:center;  margin-bottom:20px; }
.teaserReisen .teaserbild {min-height:190px; max-height:190px; overflow:hidden}
.teaserReisen .teaserbild img {width:340px; height:190px; max-width:340px}
.teaserReisen .blauerBalken {position:absolute; width:auto; background-color:#2070af; border:1px solid #5181a6; color:#FFF; width:180px; height:30px; overflow:hidden; text-align:center; margin-top:-20px; z-index:9999; margin-left:78px; padding-top:5px}

.flml20px {float:left; margin-left:20px}

.MontserratBold {font-family: 'Montserrat', serif; font-weight:bold;}

#reisenMitClearskies {width:1140px; height:440px; background-image:url(/UserFiles/structure/bg_teaser_reisen_mit_clearskies.jpg); background-repeat:no-repeat; position:relative; margin:0px auto; padding-top:60px; padding-left:60px; padding-right:80px; margin-top:30px; margin-bottom:10px}
#reisenMitClearskies .left {width:430px; position:relative}
#reisenMitClearskies .vertihori {float:left;}
#reisenMitClearskies .right {width:678px; display:inline-block}
#reisenMitClearskies .left .land {text-align:center; font-family: 'Vollkorn', serif; font-style:italic; font-weight:normal; margin-bottom:20px}
#reisenMitClearskies .left .headline {text-align:center; height:75px; margin-bottom:20px}
#reisenMitClearskies .teaserstartseitetext {font-size:0.9em; text-align:center; width:100%; margin:0px auto; position:relative; margin-top:25px; margin-bottom:25px}

#reisenMitClearskies #mitarbeiterselect {width:100%; position:relative; margin:0px auto; text-align:center}

#reisenMitClearskiesVideos {width:1110px; height:440px; background-image:url(UserFiles/structure/bg_teaser_reisen_mit_clearskies.jpg); background-repeat:no-repeat; position:relative; margin:0px auto; padding-top:60px; padding-left:90px; padding-right:80px; margin-top:30px; margin-bottom:10px;}
#reisenMitClearskiesVideos .left {width:410px; display:inline-block}
#reisenMitClearskiesVideos .right {width:678px; display:inline-block}
#reisenMitClearskiesVideos .left .land {text-align:center; font-family: 'Vollkorn', serif; font-style:italic; font-weight:normal; margin-bottom:20px}
#reisenMitClearskiesVideos .left .headline {text-align:center; height:75px; margin-bottom:20px}
#reisenMitClearskiesVideos .teaserstartseitetext {font-size:0.9em; text-align:center; width:100%; margin:0px auto; position:relative; margin-top:30px; margin-bottom:30px}
#reisenMitClearskiesVideos #videoselect {width:100%; position:relative; margin:0px auto; text-align:center}


.mt40pxminus {margin-top:-40px}


.styled-select1{
   width: 260px;
   height: 40px;
   overflow: hidden;
   background: url(/UserFiles/structure/bg_styled_select1.png); background-position:240px 20px; background-repeat:no-repeat; background-color:transparent; border:1px solid #666666;
   padding-left:20px;
   padding-top:10px;
   font-family: 'Montserrat', serif; font-weight:normal;
   position:relative;
   margin:0px auto; 
   text-align:center;
   }
   
.styled-select1 select {
   background: transparent;
   width: 277px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
    font-family: 'Montserrat', serif; font-weight:normal;
   }  



/* ReiseKurz */


.reiseKurz { /* border:1px solid #c9c2b0; */ margin-bottom:20px; padding-left:20px; padding-right:20px; padding-top:40px; padding-bottom:60px; position:relative; display: flex; flex-wrap: wrap; justify-content: space-around; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.reiseKurz .headline {font-family: 'Montserrat', serif; text-align:center; min-height:35px; margin-bottom:20px; font-weight:bold; text-transform:uppercase; width: 100%}
.reiseKurz .teaserbild {min-width:280px; max-width:280px; overflow:hidden; float:left; margin-right:30px; max-height:150px; overflow:hidden}
.reiseKurz .teaserbild img {width:250px}
.reiseKurz .teasertext {float:left; width:360px; max-height:250px; overflow:hidden; padding-right: 40px; text-align:left}  
.reiseKurz .details {float:left; width:295px; max-height:150px; max-width:295px}  
.reiseKurz .detailszeile {border-bottom:1px solid #b4a7a7; clear:both; padding-bottom:20px; float:left; margin-bottom:25px; width:100%; display: flex;}
.reiseKurz .detailszeileOhne {border-bottom:0px solid #b4a7a7; clear:both; padding-bottom:20px; float:right; margin-bottom:25px}
.reiseKurz .detailsleft {float:left; margin-right:5px}
.reiseKurz .detailsright {float:left; max-height:20px; overflow:hidden; width: 100%; text-align: left} 
.reiseKurz .w200 {width:200px}
.reiseKurz .details .buttonKontakt  {  border: 1px solid #666;
    display: inline-block;
    float: right;
    height: 25px;
    padding-top: 5px;
    text-align: center;
	padding-left:5px; padding-right:5px; text-decoration:none;
    }

.reiseKurz .closer {position:absolute; top:0px; right:0px; width:20px; height:20px; cursor:pointer}
.verfuegbarDot {width:10px; height:10px; display:inline-block; border:1px solid #000; border-radius:6px; margin-right:10px;}

#reisenMitClearskies.blog {padding-top: 0px; display: flex; background-image: none !important; height: auto; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; padding-left: 0px; padding-right: 0px; width: 1280px !important}
#reisenMitClearskies.blog h2.headline {display: none}
#reisenMitClearskies.blog:hover {color: inherit !important}
#reisenMitClearskies.blog .left {padding-top: 40px; padding-left: 20px; width: auto}
#reisenMitClearskies.blog .left .headline {text-align:center; height:auto; min-height: 75px; margin-bottom:20px}
#reisenMitClearskies.blog .right {text-align: left !important}
#reisenMitClearskies.blog .teaserstartseitetext {font-size:1.2em;}
#reisenMitClearskies.blog .reiseKurz {box-shadow: none !important; padding-bottom: 0px !important}
#reisenMitClearskies.blog .reiseKurz .headline {text-align: left !important}
#reisenMitClearskies.blog .reiseKurz .h5.f20 {font-size: 18px; padding-bottom: 10px; padding-top: 10px}
#reisenMitClearskies.blog .reiseKurz span.mehr {width: 125px !important; }
#reisenMitClearskies.blog .reiseKurz .link {margin-top: 20px; width: 100%}
#reisenMitClearskies.blog .left .teaserstartseitetext h5 {padding-left: 20px;padding-right: 20px}



#reisenMitClearskies.blogDetails {padding-top: 0px; display: block; background-image: none !important; height: auto !important; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; padding-left: 0px; padding-right: 0px; width: 1280px !important; max-width: 100%;}
#reisenMitClearskies.blogDetails .blogDetailsInner {display: flex}
#reisenMitClearskies.blogDetails .blogDetailsInner:hover {color: inherit !important}
#reisenMitClearskies.blogDetails .blogDetailsInner .left {padding-top: 60px; padding-left: 20px; width: auto}
#reisenMitClearskies.blogDetails .blogDetailsInner .left .headline {text-align:center; height:auto; min-height: 75px; margin-bottom:20px}
#reisenMitClearskies.blogDetails .blogDetailsInner .right {text-align: left !important}
#reisenMitClearskies.blogDetails .blogDetailsInner .teaserstartseitetext {font-size:1.2em;}
#reisenMitClearskies.blogDetails .blogDetailsInner .reiseKurz {box-shadow: none !important; padding-bottom: 0px !important}
#reisenMitClearskies.blogDetails .blogDetailsInner .reiseKurz .headline {text-align: left !important}
#reisenMitClearskies.blogDetails .blogDetailsInner .reiseKurz .h5.f20 {font-size: 18px; padding-bottom: 10px; padding-top: 10px}
#reisenMitClearskies.blogDetails .desc span.mehr {width: 125px !important; flex: none !important}
#reisenMitClearskies.blogDetails .desc .link {margin-top: 20px; width: 100%; display: flex; justify-content: flex-end}
#reisenMitClearskies.blogDetails .desc {padding: 20px}



/*Reise Seite */

.reiseSeite {max-width:1280px; width:auto; z-index:1;text-align:center; position:relative; margin:0px auto; height:auto; clear: both;
    position: relative;
	z-index:99;
	text-align:left; top:-20px; overflow:hidden}
.reiseSeite .headerBild {width:640px; height:350px; float:left; overflow:hidden}
.reiseSeite .headerBild img{height:350px;}
.reiseSeite .headerBild #abdecker_right {height:350px; width:17px; background-image:url(/UserFiles/structure/bild_abdecker_rechts2.png); background-repeat:repeat-y; position:relative; float:left; left:618px; position:absolute; z-index:999}

.reiseSeite .headerBild #abdecker_links {height:350px; width:17px; background-image:url(/UserFiles/structure/bild_abdecker_links2.png); background-repeat:repeat-y; position:relative; float:left; left:-11px; position:absolute; z-index:999}

.reiseSeite .headerName {width:500px; height:310px; float:left;  padding-top:40px; padding-left:40px; padding-right:40px}
.reiseSeite .land {text-align:center; font-family: 'Vollkorn', serif; font-style:italic; font-weight:normal; margin-bottom:30px; text-transform:capitalize}
.reiseSeite #b_anfragen {position:relative; width:270px; height:33px; text-align:center; display:inline-block; padding-top:17px; margin-top:55px; cursor:pointer}
.reiseSeite #b_buchen {position:relative; width:190px; height:33px; text-align:center; display:inline-block; padding-top:17px; margin-top:55px; margin-left:20px; cursor:pointer}


.reiseDetailsOuter {z-index:99;text-align:center; position:relative;margin:0px auto; background-image:url(/UserFiles/structure/abschluss_bild.png); background-repeat:repeat-x; text-align:center; border-top:0px solid transparent; margin-top:-45px; max-width:100%; min-width:1230px; padding-top:50px; box-sizing:border-box}
.reiseDetails {width:100%; max-width:1280px; position:relative; text-align:center; margin:0px auto;}
.reiseDetails .buttonOpener {display:inline-block; margin-right:40px}
.reiseDetails .left {width:355px; float:left; text-align:left; padding-left:30px; padding-right:50px}
.reiseDetails .left img {max-width:400px}
.reiseDetails .right {width:730px; float:left; text-align:left}
.reiseDetails .navi {margin-bottom:50px}
.reiseDetails .total {text-align:left; width:1140px; position:relative; margin:0px auto;}
.reiseDetails .total ul {margin-bottom:20px}
.reiseDetails .total ul li {margin-left:30px}
.reiseDetails .left hr {color:#b4a7a7; height:1px; border:0px; background-color:#b4a7a7;}
.reiseDetails .total hr {color:#b4a7a7; height:1px; border:0px; background-color:#b4a7a7;}
.reiseDetails #p4 {width:140px}
.reiseDetails .datum {width:200px; display:inline-block; }
.reiseDetails .verfuegbar {width:300px; display:inline-block; }

.reiseDetails h2 {font-size:18px; font-weight:bold; line-height:28px; text-align:justify; padding-bottom:10px}
.reiseDetails h3 {padding-bottom: 10px}
.w1240 h2 {/*padding-bottom:30px*/}
.reiseKurz h4 {padding-bottom:10px}

.karteZoomer, .karteZoomerStart {cursor: url(/img/zoomin.cur), pointer;outline: none;}

ul.slides li a{display:none}
ul.slides li.flex-active-slide a {display:block}

/* Reisearten */
.teaserReisenArten {width:340px; height:380px; /* border:1px solid #c9c2b0; */ float:left; margin-right:20px; margin-bottom:20px; padding-top:30px; padding-bottom:30px; padding-right:20px; padding-left:20px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.teaserReisenArten .land {text-align:center; font-family: 'Vollkorn', serif; font-style:italic; font-weight:normal; margin-bottom:20px}
.teaserReisenArten .headline {text-align:center; height:75px; margin-bottom:20px; font-family: 'Montserrat', serif; font-weight:bold}
.teaserReisenArten .teaserbild {min-height:190px; max-height:190px; overflow:hidden}
.teaserReisenArten .teaserbild img {width:340px; height:190px}
.teaserReisenArten .blauerBalken {position:absolute; width:auto; background-color:#2070af; border:1px solid #5181a6; color:#FFF; width:180px; height:30px; overflow:hidden; text-align:center; margin-top:-20px; z-index:9999; margin-left:78px; padding-top:5px}

.teaserReisen .heartOuter {display: flex; align-items: center}

.teaserReisenArten.whiteBack {width:340px; height:380px; border:1px solid #fff; background-color:#FFF; float:left; margin-right:20px; margin-bottom:20px; padding-top:30px; padding-bottom:30px; padding-right:20px; padding-left:20px}

.terminOuter {display:block; border-bottom:1px solid #b4a7a7;padding-bottom:20px; margin-bottom:10px; margin-top:10px; padding-top:20px}
.termin {display:block;  float:left; width:500px; position:relative; min-height:50px; }
.preis {display:block;  float:left; width:100px; position:relative;  min-height:50px;}
.buchen {display:block;  float:right; width:150px; position:relative;  min-height:50px; text-align:right}
.anfragen {display:block; float:left;  width:220px; position:relative;  min-height:50px; text-align:right; margin-left:100px}
.anfragen.readonly, .buchen.readonly {cursor: default;  pointer-events: none;  text-decoration: none;  opacity: 0.5;  -moz-opacity: 0.5; /* Firefox and Mozilla browsers */
   -webkit-opacity: 0.5; /* WebKit browser e.g. Safari */
   filter: alpha(opacity=50); /* For IE8 and earlier */}
.anfragen .buttonKontakt {   display: block;   padding: 10px 14px 10px 10px; box-sizing:border-box; min-width:275px}
.thumbnail {width:130px}
.buttonKontakt { border:1px solid #c9c2b0;}
.buttonKontakt:hover { border:1px solid #333333; background-color:#333; color:#FFF;}
.buttonKontaktInvers { border:1px solid #c9c2b0; background-color:#333; color:#FFF;}
.buttonKontaktInvers:hover { border:1px solid #c9c2b0; background-color:transparent; color:#333333 }
.reiseDetails .buchen .buttonKontakt {display:block; padding:10px; padding-right:14px;}
.reiseDetails .buttons {margin-top:50px; margin-bottom:50px}
.reiseDetails .buttons .buttonKontakt {display:inline-block; padding:10px; padding-right:14px; width:auto; margin-right:20px;}
.reiseDetails .buttons .buttonKontaktInvers {display:inline-block; padding:10px; padding-right:14px; width:auto; margin-right:20px; border:1px solid #c9c2b0; background-color:#333; color:#FFF;}
.reiseDetails .buttons span.heart {width:18px; height:14px; background-image:url(/UserFiles/structure/buttons.png);  background-position:-25px -44px; background-repeat:no-repeat; display:inline-block; position:relative; top:2px; margin-right:10px}
.reiseDetails .buttons .buttonKontakt:hover span.heart{background-position:-45px -44px;}
.reiseDetails .buttons .t10 {top:0px}
.reiseDetails .buttons .merken.noborder {text-decoration:none}
.reiseDetails .buttons span.down {width:18px; height:14px; background-image:url(/UserFiles/structure/buttons.png);  background-position:-68px -45px; background-repeat:no-repeat; display:inline-block; position:relative; top:2px; margin-right:10px}
.reiseDetails .buttons .buttonKontakt:hover span.down{background-position:-89px -44px;}
.reiseDetails .buttons .buttonKontaktInvers:hover {border:1px solid #c9c2b0; background-color:transparent; color:#333333}


.alleTermine {width:100%;}
.alleTermine .headline {padding-bottom:30px;  padding-top:30px;}
.alleTermine .reise { margin-bottom:10px; border-bottom:1px solid #999}
.alleTermine .land {float:left; width:150px; text-align:left; padding:10px}
.alleTermine .comment {float:left; width:250px; text-align:left; padding:10px}
.alleTermine .buchungsstatus {float:left; width:550px; text-align:center; padding:10px}
.alleTermine .datum {float:left; width:250px; text-align:right; padding:10px}

.detailsLink, .detailsLinkAktiv {
	box-sizing: border-box;
	padding-left: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c9c3b3;
	margin-bottom: 10px;
	background-image: url("/UserFiles/structure/buttons_detailsLink.png");
	/* height: 47px; */
	background-repeat: no-repeat;
	background-position: right 14px;
	padding-top: 10px;
} 
.detailsLinkAktiv {background-image: url("/UserFiles/structure/buttons_detailsLink_opened.png");}

.tl .detailsLink a {text-decoration: none; display: block; width: 100%; color: #333333; padding-right: 20px;box-sizing: border-box;}
.tl .detailsLinkAktiv a {text-decoration: none; display: block; width: 100%; color: #005eaa; padding-right: 20px;box-sizing: border-box;}

.w1240 .tl .readMore {position: absolute;top: 70%;bottom: 0;left: 0;right: 0;background: linear-gradient(rgba(247,242,230,0),rgba(247,242,230,1));padding-top: 110px;width: 100%;text-align: center;font-weight: bold;cursor:pointer; height: 30px; z-index: 9999; color: #005eaa;}  


h1 {font-size:18px; text-align:left;}
h2 {font-size:18px; text-align:left;}


#adresse {width:100%;height:auto; min-height: 240px; padding-top:60px; padding-left:50px; max-width:1180px; min-width:1180px; background-color:#333333; color:#fff; text-align:left; position:relative; margin:0px auto; text-align:center; font-size:12px; padding-right: 50px}
#adresseInnen {font-family: 'Montserrat', serif; font-weight:normal;} 
#nav_unten {height:20px; border-top:2px solid #eee; padding-top:20px; padding-bottom:20px;  width:950px; padding-left:30px;}
#nav_unten a {display:block; float:left; margin-right:40px; font-size:20px;}
#nav_unten a:hover {color:#000;}
#adresse div.left {width:300px; text-align:left; float:left;}
#adresse div.left div {margin-bottom:10px}
#adresse div.left1 div {margin-bottom: 0px}
#adresse .grau {color:#898989}
#adresse .w135px {width:135px; text-align:center}


#adresse div.left a {text-decoration:underline}
#adresse div.left1 {width:290px; text-align:left; float:left} 
#adresse div.left2 {width:310px; text-align:left; float:left}
#adresse div.left3 {width:280px; text-align:left; float:left; overflow:hidden}
#adresse div.right {margin-right:0px; float:right; padding-right:0px; margin-top:0px;}
#adresse div.right a:hover {color:#9f9f9f}
#adresse div.right a {padding-left:0px}
#adresse a {color:#fff; text-decoration:none}
#adresse .normal {font-size:12px;}

#adresse #anmelden {width:80px; height:52px; background-color:#c9c2b0; color:#333333; float:left; border:1px solid #c9c2b0; -webkit-border-radius: 0px; -webkit-appearance: none}
#adresse #email {width:180px; height:50px; float:left; border:1px solid #c9c2b0;  background-color:#333333; color:#FFF; padding-left:10px;-webkit-border-radius: 0px; -webkit-appearance: none} 

#adresse .socials {display: flex;justify-content: space-between;align-items: center;margin-top: 30px}

#adresse .socials .blog {display:flex; width: auto;margin-right: 50px; margin-bottom: 10px}
#adresse .socials .blog .blogbutton {background-image: url("/UserFiles/structure/CS_blogicon_hell.png"); height: 20px; width: 20px; background-size: cover; background-position: 0px}
#adresse .socials .blog:hover .blogbutton {background-image: url("/UserFiles/structure/CS_blogicon_blau.png");}

#adresse .socials .fbfriends {display:flex; width: auto;margin-right: 50px; margin-bottom: 10px}
#adresse .socials .fbfriends .fbfriendsbutton {background-image: url("/UserFiles/structure/CS_facebookIcon_hell.png"); height: 20px; width: 20px; background-size: cover; background-position: 0px}
#adresse .socials .fbfriends:hover .fbfriendsbutton {background-image: url("/UserFiles/structure/CS_facebookIcon_blau.png");}
 
#adresse .socials .instalink {display:flex;margin-left:0px; width:auto;margin-right: 50px; margin-bottom: 10px}
#adresse .socials .instalink .instalinkbutton {background-image: url("/UserFiles/structure/CS_InstagramIcon_hell.png"); height: 20px; width: 20px; background-size: cover; background-position: 0px}
#adresse .socials .instalink:hover .instalinkbutton {background-image: url("/UserFiles/structure/CS_InstagramIcon_blau.png");}

#adresse .socials .pinterest {display:flex;margin-left:0px; width:auto;margin-right: 50px; margin-bottom: 10px}
#adresse .socials .pinterest .pinterestbutton {background-image: url("/UserFiles/structure/CS_pinteresticon_hell.png"); height: 20px; width: 20px; background-size: cover; background-position: 0px; margin-right: 15px}
#adresse .socials .pinterest:hover .pinterestbutton {background-image: url("/UserFiles/structure/CS_pinteresticon_blau.png");}
#adresse .socials .pinterest:hover {color: #005eaa}

#adresse .socials .youtube {display:flex;margin-left:0px; width:auto;margin-right: 50px; margin-bottom: 10px}
#adresse .socials .youtube .youtubebutton {background-image: url("/UserFiles/structure/CS_youtubeIcon_hell.png"); height: 20px; width: 20px; background-size: cover; background-position: 0px; margin-right: 15px}
#adresse .socials .youtube:hover .youtubebutton {background-image: url("/UserFiles/structure/CS_youtubeIcon_blau.png");}
#adresse .socials .youtube:hover {color: #005eaa}

#adresse .socials .clearskiesTV {display:flex;margin-left:0px; width:auto;margin-right: 50px; margin-bottom: 10px}

#bottom {max-width:912px; width:100%; text-align:right; margin-top:10px;  margin-left:0px; margin-bottom:10px}


/* klassen ------------------- */
div.merker {margin-top:15px; display: flex; justify-content: space-between; align-items: center; position: absolute; width: calc(100% - 40px); bottom: 15px;}
span.heart {width:22px; height:22px; background-image:url(/UserFiles/structure/buttons.png);  background-position:0px -42px; background-repeat:no-repeat; display:inline-block;}
span.merken {display:inline-block; margin-left:10px; position:relative; text-decoration:underline}
span.mehr {display:inline-block; float:right; width:75px; height: 25px; border:1px solid #666; text-align:center; padding-top:5px;}
span.mehr:hover {border:1px solid #333333; background-color:#333; color:#FFF;}
span.mehrcentered {margin:0px auto; position:relative; display:block; width:75px; height: 25px; border:1px solid #666; text-align:center; padding-top:5px; margin-top:10px}
span.mehrcentered:hover {border:1px solid #333333; background-color:#333; color:#FFF;}
span.mehrcentered:hover a {color:#FFF}
span.mehrcenteredbreit {margin:0px auto; position:relative; display:block; width:160px; height: 25px; border:1px solid #666; text-align:center; padding-top:5px; margin-top:40px}
.vollkornUnderline {font-family: 'Vollkorn', serif; font-style:italic; font-weight:normal; text-decoration:underline}
.vollkornNonUnderline {font-family: 'Vollkorn', serif; font-style:italic; font-weight:normal; text-decoration:none}

.anfrageError {font-family: 'Vollkorn', serif; font-style: italic; font-size: 1.2em; line-height: 1.2em;margin-top: 30px;color:#f00} 

.f12 {font-size:small}
.f25 {font-size:25px}
.f24 {font-size:24px}
.f23 {font-size:21px;}
.f20 {font-size:20px}
.f18 {font-size:18px}
.f27 {font-size:27px}
.f30 {font-size:30px}
.f40 {font-size:40px}
.lh23 {line-height:1.2em}
.lh27 {line-height:27px}
.lh30 {line-height:30px}
.lh40 {line-height:40px}
.ml10 {margin-left:10px}
.mr10 {margin-right:10px}
.mt15 {margin-top:15px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}
.mt60 {margin-top:60px}
.mb20 {margin-bottom:20px}
.pt50 {padding-top:50px}
.underline {text-decoration:underline}
.italic {font-style:italic}
.right {float:right; text-align:right}
.light {font-weight:lighter}
.vollkorn {font-family: 'Vollkorn', serif;}
.pr40 {padding-right:40px}
.capitalizer {text-transform:capitalize}
.bold {font-weight:bold}
.centered {width:100%; text-align:center;}
.uppercaser {text-transform:uppercase}
.fl {float:left}
.blue {color:#2070af}
.hidden {display:none}
.w1280 {position:relative; display:block; min-width:1280px; width:100%; margin:0px auto; text-align:center; max-width:1280px;}
.w1240 {position:relative; display:block; min-width:1240px; width:100%; margin:0px auto; text-align:center; max-width:1240px}
.ml50pxminus {margin-left:-50px}
.tl {text-align:left}
.h20 {height:20px}
.h50 {height:50px}
.tableHeadline {text-align:center; font-size:2em; font-weight:bold}
table.padding tr td {padding:20px; vertical-align:top}
table.padding tr td:first-child img{width:400px; height:auto}
table.padding tr.headline td {width:100%; text-align:center}
.merken {cursor:pointer}
.embedvideo {width:680px; height:385px; border:0}
.tar {text-align:right}
.mb5block {margin-bottom: 7px; display: block}

.tl a {color: #005eaa; text-decoration:underline}

#breadcrumpsOuter {z-index:100; height:60px; text-align:center; position:relative;margin:0px auto; 
background-image:url(/UserFiles/structure/bg_bild_oben.png); 
background-repeat:repeat-x; text-align:center; background-position:bottom;
border-top:0px solid transparent; margin-top:0px; max-width:100%; min-width:1230px;
top:-10px;
}

.reisenart {display: flex;flex-wrap: wrap;margin: 0px auto;justify-content: center;}


/*
#breadcrumpsOuter {z-index:100; height:60px; text-align:center; position:relative;margin:0px auto; 
background-repeat:repeat-x; text-align:center; 
border-top:0px solid transparent; margin-top:0px; max-width:100%; min-width:1280px;
-webkit-transform:scaleY(-1);
-moz-transform:scaleY(-1);
-ms-transform:scaleY(-1);
-o-transform:scaleY(-1);
transform:scaleY(-1);
top:-10px;
}

#breadcrumps{
-webkit-transform:scaleY(-1);
-moz-transform:scaleY(-1);
-ms-transform:scaleY(-1);
-o-transform:scaleY(-1);
transform:scaleY(-1);
}
*/

#breadcrumps {color:#8a8a8a; font-weight:normal; font-size:0.8em; max-width:1230px; position:relative; text-align:center; margin:0px auto; margin-bottom:20px; top:20px; padding-left:50px}
.breadrump  {width:7px; height:10px; background-image:url(/UserFiles/structure/buttons.png);  background-position:-112px -23px; background-repeat:no-repeat; display:block; float:left;  position:relative; margin-top:6px; margin-left:10px; margin-right:10px}
.breadrumpBlue  {width:7px; height:10px; background-image:url(/UserFiles/structure/buttons.png);  background-position:-120px -32px; background-repeat:no-repeat; display:block; float:left;  position:relative; margin-top:6px; margin-left:10px; margin-right:10px}


.dotbread {width:auto; float:right; margin-right:50px}

.nozoom {border:0px}
a.higslide img {border:0px}
.platzhalter {color:#FFF}
ul.sitemap li {}




/* Formularfelder ---------------- */


.anabmelden {float:left; margin-right:10px; border:0px }
#newslettersubmit {width:162px; text-align:center}
#password {width:123px; margin-top:5px; color:#87888a; font:100%  Helvetica, Arial, sans-serif;  padding-left:3px}
#Senden {cursor:pointer; width:400px; float:left; color:#fff; position:relative; z-index:100000; height:40px; background-color:#333; margin-right:10px}
#Reset {cursor:pointer; width:200px; float:left; color:#fff; position:relative; z-index:100000; height:20px; background-color:#333; margin-right:10px; font-size:0.8em}

#Reset:hover, #Senden:hover {background-color:#FFF; color:#000}

#anrede {width:150px;}
#formDanke {color:#333; display:none}
#Senden:disabled {opacity:0.1; cursor:default}



#formtabelleOuter {}
.formtabelle {padding-top:50px; padding-left:50px; border:0}
.formtabelle tr td {text-align:left; padding-bottom:20px; border:0}
.formtabelle input {width:380px; background-color:#FFF; box-sizing:border-box; padding-left:10px; font-family: 'Montserrat', sans-serif; border:1px solid #c3c3c3; border-right:0px; border-bottom:0px; height:50px; font-size:1.5em; color:#999999} 
.formtabelle textarea {padding-left:10px; padding-top:10px; box-sizing:border-box}


.formtabelle input[type=checkbox]  {display:none} 
.formtabelle input[type=checkbox] + label.withBG {display: inline-block;
    width: 150px;
    height: 23px;
    padding-left: 32px;
    background-position: -268px -23px;
    background-repeat: no-repeat;
    line-height: 23px;
    cursor: pointer;}
	
	

.formtabelle input[type=checkbox]:checked + label.withBG{
  background-position: -268px -0px;
}
.formtabelle input[type=radio]  {display:none;} 
.formtabelle input[type=radio] + label.withBG { display:inline-flex; justify-content: space-between;
    width: auto;
    height: 25px;
    padding-left: 40px;
    background-position: -268px -78px;
    background-repeat: no-repeat;
    line-height: 30px;
    cursor: pointer; 
	white-space: nowrap !important; 
	padding-right: 10px;}
.formtabelle input[type=radio]:checked + label.withBG{
  background-position: -268px -52px;
}
.ampel {padding-left: 10px}
.datum {min-width: 160px !important}



.formtabelle label.withBG{
 background-image:url(/UserFiles/structure/buttons.png) 
}

.formtabelle label.withBG.w200px {width:auto !important; max-width:100% !important}
.formtabelle label.withBG.w450px {width:450px !important; max-width:100% !important}
.formtabelle label.withBG.w500px {width:500px !important; max-width:100% !important}




.formtabelle textarea { background-color:#FFF; font-family: 'Montserrat', sans-serif; border:1px solid #c3c3c3; border-right:0px; border-bottom:0px; height:250px; width:100%; font-size:1.5em; color:#999999}
.formtabelle label, .formtabelle .labellike, .labellike {font-family: 'Vollkorn', serif;  font-style:italic; font-size:1.2em; vertical-align:text-top; line-height:1.2em; margin-bottom:10px}
.formtabelle .labellikecenterd {text-align:center; font-family: 'Vollkorn', serif;  font-style:italic; font-size:1.2em; }
.formtabelle .labellikebreit {text-align:left; font-family: 'Vollkorn', serif;  font-style:italic; font-size:1.2em; width:100% }
.formtabelle label:after { content:"\A\A"; white-space:pre; }
.divAusgebucht {padding-left: 40px; display: inline-flex; justify-content: space-between; width: auto; line-height: 30px !important}
.xl {font-size:2em; margin-top:50px; margin-bottom:20px; line-height:2em }
.adressenTable {width:1000px; box-sizing:border-box; border:0px; max-width:100%}
.adressenTable tr td {vertical-align:top; text-align:left; padding:10px; border:0px}
.phoney .phoneytext .header {font-size:14px; font-weight:bold; font-family: 'Montserrat', sans-serif;}
.phoney .phoneytext .logo {width:100%; height:150px; clear:both}
.phoneycloser {width:15px; float:right; text-align:right; height:15px; clear:both; top:-10px; position:relative; cursor:pointer;}
.phoney {background-color:#fff; width:340px; height:220px; padding:5px; font-family: 'Montserrat', sans-serif; }  



img {border:0px;}
.highslide > img{border:0px solid #F00;}
.image {border:0px}
.emailcodierung{color:#000}
.emailcodierung  > a{color:#000}
a {outline:none; text-decoration:none; color:#333333;}
.clearer {clear:both}




#anfrageform {display:none;}
.anfrageformulartable {border:0px; padding:0px; margin:0px; width:100%;}
.anfrageformulartable .noborder {border:0px;}
.anfrageformulartable button {width:150px; height:30px; text-align:center}


.fancybox-skin {background: none repeat scroll 0 0 #333;}
.fancybox-title {color:#FFF; padding-left:10px;}

.downImg {width:20px; margin-right:10px}



/*mobile Nav*/

#mobileOpenerOuter {display:none; position:relative; width:30px; right:0px; float:right; margin-top:0px;  z-index:999; margin-right:10px; margin-top:10px; top:20px}
#navOuterMobile {display:block; width:100%; height:50px; background-color:#FFF}
#navMobileOpener {display:block;  padding-right:0px; cursor:pointer; width:35px;}
#navMobileOpener .balken {width:35px; height:5px; background-color:#fff; margin-top:5px; background-image:url(/UserFiles/structure/bg_responsive_opener.png)}
#navMobileCloser {display:none; padding-right:0px; cursor:pointer; width:35px; height:35px; background-image:url(/UserFiles/structure/bg_responsive_closer.png)}
#navMobileCloser .balken {width:30px; height:5px; background-color:#fff; margin-top:5px}
#navMobileMenu {position:absolute; width:100%; top:120px; left:0px; background-color:#333; height:auto; min-height:100px; z-index:100000; display:none; color:#FFF; padding:0px}

.bigSelect {width:200px; height:45px; padding-left:10px; padding-right:10px; border:1px solid #999; background-color:#fff; color:#333}

/* FAQ */

#faqOuter {width:100%; display:block; position:relative; margin:0px auto; text-align:center; padding-top:30px}
#faqSelect {width:220px; display:inline-block; padding:0px; position:relative;}
#faqSearch {width:220px; display:inline-block; margin-left:80px; border:1px solid #333; padding:10px; height:28px; color:#666; }
#faqSearch .search {width: 220px}
 
#faqSelect {width:520px}

#faqThemenOuter .sbHolder{
  width: 500px;
  display: block; 
}

#faqThemenOuter .sbOptions{
  width: 500px;
  display: block; 
  text-align:left;
  box-sizing:border-box;
}
#faqThemenOuter .sbSelector{
  width: 500px;
  text-align:left;
}


#faqThemenOuter ul.sbOptions li:first-child, #reiseSelektor ul.sbOptions li:first-child {
    display: none;
}

#faqResults {text-align:left; padding-top:50px}
#faqResults .headline.opener {box-sizing:border-box; padding-left:20px; padding-bottom:10px; border-bottom:1px solid #c9c3b3; margin-bottom:10px; background-image:url(/UserFiles/structure/buttons_faq.png); height:36px; background-repeat:no-repeat; background-position:right 5px; cursor:pointer}

#faqResults .headline.opened {box-sizing:border-box; padding-left:20px; padding-bottom:10px; border-bottom:0px solid #c9c3b3; margin-bottom:10px; background-image:url(/UserFiles/structure/buttons_faq_hover.png); color:#2070af; height:36px; background-repeat:no-repeat; background-position:right 5px;  cursor:pointer}

#faqResults .text {box-sizing:border-box; padding-left:20px; padding-right:15%; border-bottom:1px solid #c9c3b3; margin-bottom:10px; padding-bottom:10px}

/* ENDE FAQ */


/* Kontaktformular */
#start, #ziel {margin-top:5px; float:left; margin-right:5px}
/*.lefter{float:left; padding-right:2px; width:120px}*/
#formdiv { z-index:1000000; top:300px; width:550px; height:auto; left:250px; display:none;  background-color:#FFF; box-shadow: 5px 5px 10px 0px #000; padding:10px;  }
#startingpoint {float:left; margin-right:10px}
#startingpoint label {display:inline-block; width:auto; max-width:100px}
#formdiv button {border:1px solid #999; background-color:#eee; color:#000; width:130px; padding:5px; margin-top:5px; height:32px; border-radius:2px }
#formdiv #destination {background-color:#FFF; color:#000; width:100px; padding:5px; border:1px solid #999; height:20px; border-radius:2px}
#formdiv #startAddress {background-color:#fff; color:#000; width:100px; padding:5px; border:1px solid #999; height:20px; border-radius:2px}
#map_direction {position:relative}

#closerformdiv {position:relative; float:right; width:13px; height:20px; margin-top:4px;cursor:pointer; color:#000; border:1px solid #999; padding-left:7px}
#openclose {position:relative; float:left; width:20px; height:20px; margin-top:12px; display:none; cursor:pointer}
#openclose #closer {display:none}
#openclose .line {height:2px; background-color:#000; margin-bottom:5px; width:20px; display:block; clear:both}
.preistabelle td {vertical-align:text-top}
.innerlink, .innerlink1 {cursor:pointer; text-decoration:underline}
#innerlink1 {padding-top:10px}

.hide-desktop {display:none}
.searchOuterMobile {display:none}

#content img {max-width:1200px; height:auto}

.mfembed {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 0px;
      height: 0px;
      overflow: hidden;
      text-align:initial;
}

.mfembed iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      border: none;
}


/* Cookie-Consent */


.cc_banner-wrapper {
    position: relative;
    z-index: 9001;
}
.cc_container .cc_btn {
    cursor: pointer;
    font-size: 0.6em;
    line-height: 1em;
    text-align: center;
    transition: font-size 200ms ease 0s;
}
.cc_container .cc_message {
    font-size: 0.6em;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    transition: font-size 200ms ease 0s;
}
.cc_container .cc_logo {
   background-size: cover;
    display: none;
    height: 22px;
    opacity: 0.9;
    overflow: hidden;
    text-indent: -1000px;
    transition: opacity 200ms ease 0s;
    width: 100px;
}
.cc_container .cc_logo:hover, .cc_container .cc_logo:active {
    opacity: 1;
}
@media screen and (min-width: 500px) {
.cc_container .cc_btn {
    font-size: 0.8em;
}
.cc_container .cc_message {
    font-size: 0.8em;
}
}
@media screen and (min-width: 768px) {
.cc_container .cc_btn {
    font-size: 1em;
}
.cc_container .cc_message {
    font-size: 1em;
    line-height: 1em;
}
}
@media screen and (min-width: 992px) {
.cc_container .cc_message {
    font-size: 1em;
}
}
@media print {
.cc_banner-wrapper, .cc_container {
    display: none;
}
}
.cc_container {
    bottom: 0;
    left: 0;
    overflow: hidden;
    padding: 10px;
    position: fixed;
    right: 0;
}
.cc_container .cc_btn {
    background-color: #f1d600;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 0.6em;
    margin-left: 10px;
    max-width: 120px;
    padding: 8px 10px;
    text-align: center;
    transition: font-size 200ms ease 0s;
    width: 33%;
}
.cc_container .cc_message {
    display: block;
    font-size: 0.6em;
    transition: font-size 200ms ease 0s;
}
@media screen and (min-width: 500px) {
.cc_container .cc_btn {
    font-size: 0.8em;
}
.cc_container .cc_message {
    font-size: 0.8em;
    margin-top: 0.5em;
}
}
@media screen and (min-width: 768px) {
.cc_container {
    padding: 15px 30px;
}
.cc_container .cc_btn {
    font-size: 1em;
    padding: 8px 15px;
}
.cc_container .cc_message {
    font-size: 1em;
}
}
@media screen and (min-width: 992px) {
.cc_container .cc_message {
    font-size: 1em;
}
}
.cc_container {
    background: rgba(0,0,0,0.5) none repeat scroll 0 0;
    box-sizing: border-box;
    color: #fff;
    font-family: "Helvetica Neue Light","HelveticaNeue-Light","Helvetica Neue",Calibri,Helvetica,Arial;
    font-size: 14px;
}
.cc_container *::-moz-selection {
    background: #ff5e99 none repeat scroll 0 0;
    color: #fff;
    text-shadow: none;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
    background-color: #2070af;
    border-radius: 0px;
    color: #fff;
    transition: background 200ms ease-in-out 0s, color 200ms ease-in-out 0s, box-shadow 200ms ease-in-out 0s;
}
.cc_container .cc_btn:hover, .cc_container .cc_btn:active {
    background-color: #fff;
    color: #000;
}
.cc_container a, .cc_container a:visited {
    color: #2070af;
    text-decoration: none;
    transition: color 200ms ease 0s;
	color:#FFF
}
.cc_container a:hover, .cc_container a:active {
    color: #b2f7ff;
}
@keyframes slideUp {
0% {
    transform: translateY(66px);
}
100% {
    transform: translateY(0px);
}
}
.cc_container, .cc_message, .cc_btn {
    animation-duration: 0.8s;
    animation-name: slideUp;
}

/* Responsive */

@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}
    .w1240 {padding-right: 10px; padding-left: 10px}

#social {font-size:1.3vmax; max-width:1100px; overflow:hidden; text-align:center; }
.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;
}

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



#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;
}

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

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


#reisenMitClearskies {max-width:100%; height:440px; box-sizing:border-box; left:0px; margin-left:10px}
#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:90%; display:inline-table; max-width:100%; margin:0px auto; padding:0px; display: flex; justify-content: space-between}
.reiseKurz .details.w200 .detailszeileOhne {width:auto; max-width:100%;  display:inline-block; padding:0px; margin-bottom: 0px}
.reiseKurz .detailszeileOhne {width:auto; max-width:100%; display:block; clear:none; 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}



}

@media (max-width:1260px) {
	.teaserReisen:nth-of-type(3n) {margin-right: 20px;}
}


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

#social {

    max-width: 90%;
}

#reiseSelektor .sbHolder {margin-bottom:20px; width:200px}
#reiseSelektor .sbHolder:first-child {margin-left:20px}

.teaserReisen .teaserbild {
	width:100%; 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 .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: 15px;
}


	
}


@media (max-width:1100px) {

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

#social {padding-left:20px; max-width:1000px; box-sizing:border-box;}
.search {width:170px}
.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:5px}


.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;
    width: 300px;
}

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

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




}


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

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

.mt40pxminus {margin-top:20px}
.teaserReisenOuter {margin-top:40px}
.teaserReisenOuter div.teaserReisen{width:230px; max-width:230px; min-width:230px; margin-top:0px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border:none; background-color: #fffaee}

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

.teaserReisenOuter div.teaserReisen:nth-child(3n+0) {
    margin-right:0px;
}



#reiseSelektor {margin-bottom:50px}
	


}

@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}
.divAusgebucht {padding-left: 40px; padding-top: 0px; font-size: 0.8em !important; display: block;margin-top: 20px !important; margin-bottom: 0px !important}
.ampel {padding-left: 0px}	
.formtabelle input[type=radio] + label.withBG { display:block; margin-bottom: 10px}

    #created {max-width: 90%}	
    
#reisenMitClearskies {margin-left:0px}	
	
	.hide-desktop {display:block}
	#breadcrumpsOuter {display:none}
	.reiseDetailsOuter {max-width:100%}
	.reiseSeite #b_anfragen {
    width: 99%; 
	clear:both;
	display:block;
}
    
    .flexslider .overlay .headerbildercounter {font-size: 1.3em}

.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: 350px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    width: 100%;
	clear:both;
}
.reiseDetails .buttonOpener {display:inline-block; margin-right:10px; font-size:2.3vmax}
.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;}
.reiseDetails .total {text-align:left; width:100%; position:relative; margin:0px auto; box-sizing:border-box; }

.reiseDetails .buttons .centered .buttonKontakt {width:100%; clear:both; box-sizing:border-box; margin:0px; padding:0px; padding:10px; margin-bottom:10px;} 
.reiseDetails .buttons .centered .buttonKontaktInvers {width:100%; clear:both; box-sizing:border-box; margin:0px; padding:0px; padding:10px; margin-bottom:10px} 	

    .flexsliderSmall3 {height: 300px; overflow: hidden}


.termin {display:block;  float:left; width:100%; position:relative; min-height:50px; clear:both }
.preis {display:block;  float:left; width:100%; 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 14px 10px 10px; box-sizing:border-box; min-width:275px}
    
    .search {float:left } 

	#social {display:none; max-width:100%; padding:0px; margin:0px; box-sizing:border-box; padding-top:20px; padding-left:20px; position: relative; top:-20px;}
    .social {margin-top: -15px}
    .social .search{margin-left: 10px}
    
	#social .instalink,.social .instalink {display:none}
	#social .fbfriends,.social .fbfriends {display:none}
	#social .reiseplaner, .social .reiseplaner  {display:none}
	#social .blog, .social .blog   {display:none}
	#social .contactus,.social .contactus    {display:none}
	#social .clearskiesTV,.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, .flml30px, .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}
	
	div.merker {bottom: 10px}	
	
	.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 {height: 300px}
	.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; }
	.teaserReisen .headline.f23 {font-size:1.3vmax; height: 60px} 
	.teaserReisen .headline.f23, .f23  {font-size: 1.3vmax; font-size: 1.4vmax !important;}
    .teaserReisen .land {margin-bottom: 10px}
	.teaserReisen .headline {margin-bottom:5px;} 
    .teaserReisen .teaserstartseitetext {line-height: 13px}

	.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;
	}
	.merker .heartOuter {clear:both; 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; min-width:20%; margin:0px auto; padding-top:0px; font-size:1vmax}
	.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;
}

    #adresse #anmelden {height: 50px}
    #adresse .socials {flex-wrap: wrap}
    #adresse div.left, #adresse div.left1, #adresse div.left3 {margin-bottom: 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:900px) {
	.w1240 .teaserReisen {width:230px; max-width:230px; margin:0px; margin-left:5px; margin-right:5px; margin-bottom:10px}
}


@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:1vmax}
.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}
.navi {display:flex; justify-content:space-between; flex-wrap:wrap; padding-left:10px}
.navi a {display:block; width:100%; max-width:100%; height:100%; padding-bottom:20px; box-sizing:border-box; text-align:center; font-weight: bold; font-size: 24px}
	.detailinfos .infobox {display:none !important} 
    #adresse a {width: 50%} 

}

@media (max-width:600px) {
    .reiseKurz {padding-bottom: 20px}
.reiseKurz .details.w200 {width:100%; display:block; max-width:100%; margin:0px auto; padding:0px}
    .reiseKurz .detailszeile:first-of-type {border-top: 1px solid #b4a7a7; padding-top: 20px}
.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 .details.w200 .detailszeileOhne:last-of-type {border-bottom: none}
.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:338px;}
.teaserReisen .headline {   height:auto;}
/*.teaserReisen .headline.f23, .f23 {font-size: 2vmax !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%;}
}

 


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