/* clearskies - 01.12.2019 */
@import "/styles_cms.css";
/*@import "/style.css";*/

/* Rahmen aus Vorlagen entfernen */
.mceTempl .info .imgThird {border: none}
.mceTempl::after {
	content: "";
	clear: both;
	display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

input:focus {outline:none; border:none}

/* 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;text-align:center; position:relative;margin:0px auto; height:146px; background-repeat:repeat; background-position:bottom; border-top:1px solid transparent; margin-top:-1px; max-width:100%; min-width:1280px;}
body.no-webp, body #obenOuter {background-image:url(/UserFiles/structure/bg_top_total.png);}
body.webp-supported #obenOuter {background-image:url(/UserFiles/structure/bg_top_total.webp);}
#balkenoben { width:100%;  z-index:1; max-width:1280px; min-width:1280px; margin:0px auto; position:relative; margin-top:-130px;}

/*social buttons oben */
#social {max-width:1280px; width:100%; text-align:left; margin-top:27px; display:flex; justify-content:space-around; font-size:16px;} 
.instalink {height:22px; width:140px;  display:flex; float:left; align-items:center }
.instalink:hover {color:#005eaa}
.instalink:hover .instalinkbutton{background-image:url(/UserFiles/structure/Insta_gruen.png); background-size:cover; background-position:center}
.instalinkbutton {width:20px; height:20px; background-image:url(/UserFiles/structure/Insta_grau.png); background-size:cover; background-position:center;  display:block; float:left; margin-right:15px }


.fbfriends {height:22px; width:140px;  display:flex; /*margin-left:207px;*/ float:left; align-items:center }
.fbfriends:hover {color:#005eaa}
.fbfriends:hover .fbfriendsbutton{background-image:url(/UserFiles/structure/FB_gruen.png); background-position:center; background-size:cover;}
.fbfriendsbutton {width:20px; height:20px; background-image:url(/UserFiles/structure/FB_grau.png); background-position:center; background-size:cover;  display:block; float:left; margin-right:15px }

.reiseplaner {height:21px; width:140px; background-image:url(/UserFiles/structure/buttons.png); background-repeat:no-repeat; background-position:0px 22px; display:flex; margin-left:0px; float:left;align-items:center;} 
.reiseplaner:hover {color:#005eaa}
.reiseplaner:hover .reiseplanerbutton{background-image:url(/UserFiles/structure/Reiseplaner.png); background-position:center; background-size:cover;}
.reiseplaner.aktiv {color:#005eaa}
.reiseplaner.aktiv .reiseplanerbutton{background-image:url(/UserFiles/structure/Reiseplaner.png); background-position:center; background-size:cover;}
.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;}

.logoplaceholder{height:21px; width:165px; display:block; border-top:none !important;}

.blog {height:21px; width:140px;  display:flex;float:left; align-items:center }
.blog:hover {color:#005eaa}
.blog:hover .blogbutton{background-image:url(/UserFiles/structure/FAQ_gruen.png); background-position:center; background-size:cover;}
.blog.aktiv {color:#005eaa}
.blog.aktiv .blogbutton{background-image:url(/UserFiles/structure/FAQ_gruen.png); background-position:center; background-size:cover;}
.blogbutton {width:18px; height:20px; background-image:url(/UserFiles/structure/FAQ_grau.png); background-position:center; background-size:cover;  display:block; float:left; margin-right:15px;}

.contactus {height:21px; width:140px;  display:flex; float:left; align-items:center }
.contactus:hover {color:#005eaa}
.contactus:hover .contactusbutton{background-image:url(/UserFiles/structure/Kontakt_gruen.png); background-position:center; background-size:cover;}
.contactusbutton {width:21px; height:21px; background-image:url(/UserFiles/structure/Kontakt_grau.png); background-position:center; background-size:cover;  display:block; float:left; margin-right:15px;}
.contactus.aktiv {color:#005eaa}
.contactus.aktiv .contactusbutton{background-image:url(/UserFiles/structure/Kontakt.png); background-position:center; background-size:cover;}

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








.search {height:22px; width:140px;  display:flex; float:left; align-items:center }
.search:hover {color:#1e71b3; }
.search:hover .searchbutton{background-image:url(/UserFiles/structure/Suche.png); background-position:0px 0px; background-size:cover;}
.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:70px; height:20px; background-color:transparent;  color: #333;
    font-family: "Karla",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 {background-size:cover !important; background-position:center;  height:540px; border-radius: 5px}


.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: 'Karla', sans-serif; font-weight:normal; color:#FFF; font-size:2.5em;  text-shadow: 2px 2px #000; display:block}
.flexslider .overlay .bigger {font-family: 'Rubik', serif; font-weight:bold; color:#FFF; font-size:64px;  text-shadow: 2px 2px #000; margin-top:30px; line-height:70px; display:block; text-transform:uppercase}
.flexslider .overlay .headerbildercounter {font-family: 'Karla', sans-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}

.flexsliderMini {width:135px; height:96px; overflow:hidden}

#controller {width:350px; text-align:center; margin-top:10px;}
#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}

#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:1280px; min-width:1280px; position:relative; margin:0px auto; text-align:center; height:80px; z-index:100 } 
#nav {clear:both; max-width:1280px; width:100%; 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; width:1260px; }
.menu ul {margin:0px; padding:0px; width:1260px; display:flex; justify-content: space-around;}
.menu ul li {font-family:'Karla', sans-serif; font-size: 18px; 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; color:#FFF; border-top:1px solid #fff; padding-top:20px; cursor:pointer}
.menu ul li.last {border-right:0px}
.menu ul li.aktiv {border-top:1px solid #005eaa;}
.menu ul li a { text-decoration:none; /*font-weight:lighter;*/ letter-spacing:2px; display:block; width:100%; float:left;}
.menu ul li a:hover {color:#005eaa}
.menu ul li:hover {border-top:1px solid #005eaa;}
.menu ul li:hover a {color:#005eaa}
.menu ul li a.aktiv {color:#005eaa;}


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

#subOuter14 {max-width:250px; min-width: 250px}



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 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:#005eaa;}
div.submenu ul li:hover {border-bottom:1px solid #005eaa;}
div.submenu ul li:hover a{color:#005eaa;}

.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;  padding-bottom: 20px;}
.headlineOuter1 .inner .leftpoint, .headlineOuter .inner .leftpoint {float:left; background-image:url(/UserFiles/structure/line_left_dunkel.png); background-position:right }
.headlineOuter1 .inner .headline, .headlineOuter .inner .headline {text-align:center; font-family: 'Karla', sans-serif; font-size:18px; font-style:italic; font-weight:normal; background-image:url(/UserFiles/structure/h1_abdecker.png); background-position:center;  width:auto; position:relative; display:inline; color:#005eaa;}
.headlineOuter1 .inner h3, .headlineOuter .inner h3 {line-height:0.1em; border-bottom:1px solid #c9c2b0; text-align:center}
.headlineOuter1 .inner h3 span, .headlineOuter .inner h3 span {text-align:center; font-family: 'Karla', sans-serif; font-size:18px; font-style:italic; font-weight:bold; background-color:#FFF; width:auto; position:relative; display:inline; color:#333333;padding:0 20px;}
.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;
}



#contentOuter {z-index:2;text-align:center; position:relative;margin:0px auto; background-image:url(/UserFiles/structure/abschluss_bild.png); background-repeat:repeat-x; border-top:0px solid transparent; margin-top:20px; max-width:100%; min-width:1280px}
#contentOuterNoBG {z-index:2;text-align:center; 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;}*/


/*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;
	font-family: 'Karla';
}
.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;
	font-family: 'Karla';
}
.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}
.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:normal; background-color:#333333; text-align:center; border:0px; border-radius:5px; display:block; font-family: 'Karla';}   

/* ReisenTeaser */
.teaserReisenOuter {margin:0px auto;  text-align:left; position:relative; width:1280px; max-width:100%; display: flex; justify-content: space-between; flex-wrap: wrap}
.teaserReisenOuter.notFlexed {justify-content: flex-start}
.teaserReisenOuter.notFlexed .teaserReisen {margin-right: 20px}
.teaserReisen {width:370px; height:450px; border:1px solid #c9c2b0; display:inline-block; margin-bottom:20px; padding-top:30px; padding-bottom:30px; padding-right:20px; padding-left:20px; border-radius:5px; position: relative}
.teaserReisen .land {text-align:center; font-family: 'Karla', sans-serif; font-weight:bold; margin-bottom:20px; color:#333333; letter-spacing:1.7px}
.teaserReisen .headline {   font-family: "Rubik",sans-serif; font-weight: bold; height:120px; overflow: hidden; text-align:center;  margin-bottom:20px; font-size:24px; line-height:34px; color: #006996}
.teaserReisen .teaserbild {min-height:190px; max-height:190px; overflow:hidden}
.teaserReisen .teaserbild img {width:100%; height:auto;}
.teaserReisen .blauerBalkenOuter {position: absolute; left: 50%;}
.teaserReisen .blauerBalkenOuter .blauerBalken {padding-left:10px; padding-right: 10px; position: relative; left: -50%; width:auto; background-color:#2070af; border:1px solid #5181a6; color:#FFF; height:30px; overflow:hidden; text-align:center; margin-top:-20px; z-index:9999; padding-top:5px; border-radius:5px;}
.flml20px {float:left; margin-left:20px}
.MontserratBold {font-family: 'Montserrat', serif; font-weight:bold;}

#reisenMitClearskies {width:1320px; height:auto; background-image:url(/UserFiles/structure/bg_teaser_reisen_mit_clearskies.jpg); background-repeat:no-repeat; position:relative; margin:0px auto; padding-top:60px; padding-bottom:60px; padding-left:0px; padding-right:0px; margin-top:30px; margin-bottom:10px;word-wrap: break-word}
#reisenMitClearskies .w1240 {padding-left:0px}
#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:50px; margin-bottom:30px}
#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:20px; position:relative; border-radius:5px; display: flex; justify-content: space-around; text-align: left}
.reiseKurz .headline {font-family: 'Montserrat', serif; 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;}
.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%}
.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:25px; overflow:hidden}
.reiseKurz .w200 {width:200px}
.reiseKurz .details .buttonKontakt  {  border: 1px solid #005eaa;
    display: inline-block;
    float: right;
    height: 30px;
    padding-top: 5px;
    text-align: center;
	padding-left:5px; padding-right:5px; text-decoration:none;
    }

.hero {position: relative}

.hero-image {
 background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("");
 height: 100%;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
}

/* Place text in the middle of the image */
.hero-text {
  text-align: center;
  position: absolute;
  top: 90%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #333;
background-color: rgba(255,255,255,0.8);
	padding: 20px;
	border-radius: 5px;
}

.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;}
.teaserblogbild {width:40%; margin-right: 50px}
.teaserblogbild img {width: 100%}
.teasertextrechts {width: 60%}
.reisetag {text-align: left; display: flex}
.reisetag .infos {width: 33%; padding-right: 20px}
.reisetag .text {width: 67%; border-left: 1px solid #c9c2b0; padding-left: 20px}
.reisetag .comments {display: none; padding-top: 20px}
.reisetag .commentsForm {display: none; padding-top: 10px}
.reisetag .opener {cursor:pointer}
.spot {margin-top: 20px; margin-bottom: 20px}
.spot_jpg img {width: 100%}
.spot_active {height: 300px; width: 100%}
.cslink {margin-top: 20px; margin-bottom: 20px; }
.cslink a {color: #005eaa;  font-style: italic}
.teaserButtons {margin-top: 20px; margin-bottom: 20px}
.teaserButtons .header {border-bottom: 2px solid #c9c2b0; padding-bottom: 10px}
.teaserButton {padding: 10px 0px 10px 0px; border-bottom: 1px solid #c9c2b0}
.teaserButton.active a {color: #005eaa !important; font-weight: bold}
.reisetag .backer {margin-top: 20px; margin-bottom: 20px;}
.reisetag .backer a {color: #005eaa !important}
/* Formular */
.reisetag #hinweisFormEmail, 
.reisetag #hinweisForm{display: none; border: 1px solid red; font-weight: bold; margin-top: 20px; padding: 10px; padding-left:30px; background-image: url("/UserFiles/Icons/exclamation.svg");   background-repeat: no-repeat;background-size: 10px;background-position: 10px 5px;}
.reisetag #dankeForm {display: none;}
.commentsForm input, .commentsForm select {
  width: 100%;
  background-color: #FFF;
  box-sizing: border-box;
  padding-left: 10px;
  font-family: 'Karla', sans-serif;
  border: 1px solid #c3c3c3;
  height: 50px;
  font-size: 1em;
  color: #999999;
margin-bottom: 10px;
}

.commentsForm textarea {
	box-sizing: border-box;
	font-family: 'Karla';
	border: 1px solid #c3c3c3;
	height: 250px;
	width: 100%;
	font-size: 1em;
	color: #999999;
	padding:10px;
}

.commentsForm #Senden {
	cursor: pointer;
	font-family: 'Karla', sans-serif;
	font-weight: normal;
	font-size: 18px;
	width: 100%;
	float: left;
	color: #fff;
	position: relative;
	z-index: 100000;
	height: 40px;
	background-color: #333;
	margin-right: 0px;
	border: 0px; 
	margin-top: 20px;
	border-radius: 5px;

}

.buttonlike {
  width: auto;
	padding: 5px 10px 5px 10px;
  color: #FFF;
  font-weight: normal;
  background-color: #333333;
  text-align: center;
  border: 0px;
  border-radius: 5px;
  display: inline-flex;
	align-items: center;
	justify-content: center;
  font-family: 'Karla';
margin-top: 20px;
margin-right: 20px;
}

.buttonlike a {color: #fff}
.buttonlike:hover, .buttonlike.active {background-color:#c9c2b0; color:#000}


/*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:600px; height:310px; float:left;  padding-top:40px; padding-left:20px; padding-right:20px}
.reiseSeite .land {text-align:left; font-family: 'Karla', sans-serif; font-weight:bold; font-size:16px; font-weight:normal; margin-bottom:10px; text-transform:uppercase; color:#005eaa; letter-spacing:1.7px}
.reiseSeite .headline {font-family: 'Rubik', sans-serif; font-weight:bold; font-size:40px; color:#006996;  margin-bottom:30px;}
.reiseSeite .dotbread {float:none; font-size: 14px; display:flex; align-items:center}
.reiseSeite #b_anfragen {position:relative; width:170px; height:33px; text-align:center; display:inline-block; padding-top:10px; margin-top:30px; cursor:pointer;  border-radius:5px}
.reiseSeite #b_buchen {position:relative; width:150px; height:33px; text-align:center; display:inline-block; padding-top:10px; margin-top:30px; margin-left:20px; cursor:pointer; border-radius:5px}


.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; font-family:'Karla',sans-serif; font-size:18px}
.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:32px; text-align:justify; padding-bottom:10px}
.w1240 h2 {padding-bottom:10px}
.reiseKurz h4 {padding-bottom:10px} 

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


.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; display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; padding: 20px 10px;}
.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;  margin-left:20px}
.anfragen {display:block; float:right;  width:170px; position:relative;  min-height:50px; text-align:right;}
.anfragen .buttonKontakt {   display: block;   padding-top:10px; width:170px; text-align:center; border-radius:5px;}

.thumbnail {width:130px}

.buttonKontakt { border:1px solid #005eaa; color:#005eaa; font-family:'Rubik'; font-weight:400; font-size:20px; line-height:22px; width:150px; height: 33px; padding-top: 5px; text-align: center; border-radius: 5px;}
.buttonKontakt:hover { border:1px solid #005eaa; background-color:#005eaa; color:#FFF; font-weight:500}
.merker .buttonKontakt.merken {height:30px;}

.buttonKontaktInvers { border:1px solid #005eaa; background-color:#005eaa; color:#FFF; font-family:'Rubik'; font-weight:500; height: 33px; font-size:20px; line-height:22px;}
.buttonKontaktInvers:hover { border:1px solid #005eaa; background-color:transparent; color:#005eaa; font-weight:400 }

.reiseDetails .buchen .buttonKontakt {display:block; padding-top:10px; text-align:center; border-radius:5px;}

.reiseDetails .buttons {margin-top:50px; margin-bottom:50px}
.reiseDetails .buttons .buttonKontakt {display:inline-block; padding:10px; padding-right:14px; padding-bottom:0px; width:180px; margin-right:20px;border-radius:5px}
.reiseDetails .buttons .buttonKontaktInvers {display:inline-block; padding:10px; padding-right:14px; padding-bottom:0px; width:160px; margin-right:20px; border:1px solid #005eaa; background-color:#005eaa; color:#FFF;border-radius:5px}
.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:0px; 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 #005eaa; background-color:transparent; color:#005eaa}


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




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}


@media (max-width:1024px) {
	.reiseKurz {display: block}
	.reiseKurz .teaserblogbild, .reiseKurz .teasertextrechts {width: 100%;}
	.reiseKurz span.mehr {margin-top: 20px !important;}
	.reiseKurz .teaserblogbild {margin-bottom: 20px}
	.teaserReisenOuter {margin-top: 0px; display: block}
	.teaserReisenOuter div.teaserReisen {width: 100% !important; max-width: 100% !important;  display: block !important; margin: 0px !important; padding: 20px; margin-bottom: 20px !important; height: auto}
	#adresse .socials {display: block}
	.reisetag {display: flex; flex-wrap: wrap; flex-direction: column-reverse}
	.reisetag .infos, .reisetag .text {width: 100%; padding: 0px; border: 0px}
	.thumbnail {width:32%}
	
}


/* klassen ------------------- */
div.merker {margin-top:45px}
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; top:0px; text-decoration:none}
span.mehr {display:inline-block; float:right; width:110px; height: 30px; border:1px solid #005eaa; text-align:center; padding-top:5px; color:#005eaa; font-family:'Rubik',sans-serif; font-size:18px;font-weight:400; border-radius:5px;}
span.mehr:hover {border:1px solid #005eaa; background-color:#005eaa; color:#FFF;font-weight:500}
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:40px}
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}
.karlaBoldItalic {font-family: 'Karla', sans-serif; font-style: italic; font-weight:bold;}

.f12 {font-size:small}
.f40 {font-size:40px}
.f30 {font-size:30px}
.f27 {font-size:27px}
.f26 {font-size:26px}
.f25 {font-size:25px}
.f24 {font-size:24px}
.f23 {font-size:21px; font-size: 1.1vmax!important}
.f20 {font-size:20px}
.f18 {font-size:18px}
.lh23 {line-height:1.2em}
.lh27 {line-height:27px}
.lh30 {line-height:30px}
.lh34 {line-height:34px}
.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}
.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;}
.pr10 {padding-right: 10px}
.pr40 {padding-right:40px}
.capitalizer {text-transform:capitalize}
.bold {font-weight:bold}
.centered {width:100%; text-align:center;}
.uppercaser {text-transform:uppercase}
.big {font-size: 26px}
h1.big {font-size: 33px; line-height: 36px}
.h1like.big {font-size: 35px; line-height: 33px; font-weight: normal}
.tac {text-align: center}
.pb20 {padding-bottom: 20px}
.pb50 {padding-bottom: 50px}
.fl {float:left}
.blue {color:#005eaa} 
.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; padding-left:40px}
.ml50pxminus {margin-left:-50px}
.tl {text-align:left}
.tl a {color: #005eaa}
.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}


#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:5px; margin-bottom:10px; max-width:100%; min-width:1230px;
top:-10px;
}


/*
#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:12px; 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:9px; margin-left:10px; margin-right:10px}
.breadrumpGreen  {width:7px; height:10px; background-image:url(/UserFiles/structure/breadcrumpgreen.png); background-size: contain; background-repeat:no-repeat; display:block; float:left;  position:relative; margin-top:9px; 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:400px; float:left; color:#fff; position:relative; z-index:100000; height:40px; background-color:#333; margin-right:10px;}

#Reset:hover, #Senden:hover {background-color:#c9c2b0; 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, .formtabelle select {width:380px; background-color:#FFF; box-sizing:border-box; padding-left:10px; font-family: 'Karla', sans-serif; border:1px solid #c3c3c3; height:50px; font-size:1.5em; color:#999999} 
.formtabelle select {padding-right: 10px;}
.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-block;
    width: 80px;
    height: 25px;
    padding-left: 40px;
    background-position: -268px -78px;
    background-repeat: no-repeat;
    line-height: 30px;
    cursor: pointer;}
.formtabelle input[type=radio]:checked + label.withBG{
  background-position: -268px -52px;
}




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

.formtabelle label.withBG.w200px {width:200px !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: 'Karla', sans-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; }

#formtabelleOuter .inlineLink, .inlineLink {color:#005eaa}

.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:99999999999; 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}

#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:#005eaa;; 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:100%; height:auto; border-radius:5px;}
#content div.hero-image img {width: 100% !important}

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

#galleryOuter .flexsliderImpressions .slides {width:620px}
#galleryOuter .flexsliderImpressions {display:flex; justify-content:center}

#tinymce img {width: 100% !important; height: auto}