/*
 * Mixin for clearfix
 * @include clearfix;
*/
/*
 * Apply a CSS3 box-shadow
 * @include boxShadow(5px, 5px, 10px, #000);
 */
/*
 * Apply an inset CSS3 box-shadow
 * @include insetBoxShadow(5px, 5px, 10px, #000);
 */
/*
 * Apply a CSS3 border radius
 * @include borderRadius(4px);
 */
/*
 * Apply a CSS3 border radius to the top corners only
 * @include borderTopRadius(4px);
 */
/*
 * Apply a CSS3 border radius to the right corners only
 * @include borderRightRadius(4px);
 */
/*
 * Apply a CSS3 border radius to the bottom corners only
 * @include borderBottomRadius(4px);
 */
/*
 * Apply a CSS3 border radius to the left corners only
 * @include borderLeftRadius(4px);
 */
/*
 * Apply a CSS3 linear gradient
 *
 * $from - The original colour stop of the gradient, eg #FF0000 or #FF0000 20%
 * $to - The final colour stop of the gradient
 * $fallback - A fallback background-color; if none is provided, the $from colour is used
 * $start - The starting point of the gradient
 *
 * @include linearGradient(red, green);
 * @include linearGradient(red, green, transparent);
 * @include linearGradient(red 50%, green 100%);
 */
/*
 * Apply a CSS3 box-rotate
 * @include boxRotate(10deg);
 */
/*
 * Box sizing
 * content-box | border-box | padding-box
 * @include boxSizing(border-box);
 */
/*
 * Apply a CSS3 transform-origin
 * @include setTransformOrigin(origin);
 */
/*
 * Apply a CSS3 transition
 *
 * $property The property you want to animate, eg opacity
 * $duration The duration of the animation, eg 1s
 * $ms Include -ms-transition; default is false because IE does not support transitionEnd callback
 *
 * @include transition(opacity, 0.5s);
 */
/*
 * Apply a CSS3 transition-delay
 * @include transitionDelay(2s);
 */
/*
 * Apply a CSS3 transition-duration
 * @include transitionDuration(1s);
 */
/*
 * Apply a CSS3 transition-property
 * @include transitionProperty(opacity);
 * @include transitionProperty((height, width)); Multiple properties can be passed in surrounded by brackets
 */
/*
 * Apply a CSS3 transition-timing-function
 * @include transitionTimingFunction(easing);
 */

/*
#header .mod_navigation {
  overflow: visible; }
  #header .mod_navigation ul.level_1 {
    position: relative;
    overflow: visible; }
  #header .mod_navigation ul li a {
    height: 40px;
    line-height: 40px;
    padding: 0 19px; }
  #header .mod_navigation ul li span.active {
    height: 40px;
    line-height: 40px;
    padding: 0 19px;
    background: #fcba1a; }
  #header .mod_navigation ul li.active a {
    background: #fcba1a; }
  #header .mod_navigation ul li.submenu {
    position: static; }
    #header .mod_navigation ul li.submenu:hover {
      background: #fad419;
      margin-top: -5px;
      -webkit-border-top-right-radius: 5px;
      -webkit-border-top-left-radius: 5px;
      -moz-border-radius-topright: 5px;
      -moz-border-radius-topleft: 5px;
      border-bottom-top-radius: 5px;
      border-bottom-top-radius: 5px;
      -webkit-box-shadow: 0 1px 3px 3px #cc9900;
      box-shadow: 0 1px 3px 3px #cc9900; }
      #header .mod_navigation ul li.submenu:hover a {
        margin-top: 5px;
        background: #fad419;
        position: relative;
        z-index: 1200;
        border-right: 1px solid #fad419;
        border-left-color: #fad419;
        margin-right: -1px; }
      #header .mod_navigation ul li.submenu:hover span.active {
        margin-top: 5px;
        background: #fad419;
        position: relative;
        z-index: 1200;
        border-right: 1px solid #fad419;
        border-left-color: #fad419;
        margin-right: -1px; }
      #header .mod_navigation ul li.submenu:hover .flyout {
        display: block; }
        #header .mod_navigation ul li.submenu:hover .flyout a {
          margin-right: 0;
          border-right: 0;
          border-left: 0;
          background-image: url(../gfx/sprite_navigation.png);
          background-repeat: no-repeat;
          background-position: 0 -88px; }
          #header .mod_navigation ul li.submenu:hover .flyout a:hover {
            background-position: 0 -48px; }
        #header .mod_navigation ul li.submenu:hover .flyout span.active {
          margin-right: 0;
          border-right: 0;
          border-left: 0;
          background-image: url(../gfx/sprite_navigation.png);
          background-repeat: no-repeat;
          background-position: 0 -8px; }
        #header .mod_navigation ul li.submenu:hover .flyout ul.level_3 li a {
          background: none; }
  #header .mod_navigation ul li:hover {
    background: #fad419; }
    #header .mod_navigation ul li:hover a {
      background: #fad419; }
      #header .mod_navigation ul li:hover a:hover {
        background: #fad419; }
  #header .mod_navigation ul li .flyout {
    display: none;
    position: absolute;
    z-index: 1100;
    left: 0;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fad419;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 3px 3px #cc9900;
    box-shadow: 0 1px 3px 3px #cc9900; }
    #header .mod_navigation ul li .flyout.count_1 {
      width: 33%;
      margin-left: -30px;
      left: auto; }
      #header .mod_navigation ul li .flyout.count_1 ul.level_2 {
        width: 100%; }
  #header .mod_navigation ul li ul {
    display: block; }
    #header .mod_navigation ul li ul.level_2 {
      float: left;
      width: 33%; }
    #header .mod_navigation ul li ul li {
      float: none; }
      #header .mod_navigation ul li ul li.submenu:hover {
        margin-top: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 0 0 rgba(204, 153, 0, 0);
        box-shadow: 0 0 0 0 rgba(204, 153, 0, 0); }
      #header .mod_navigation ul li ul li.active {
        background: #fad419; }
      #header .mod_navigation ul li ul li a {
        height: 22px;
        line-height: 22px;
        margin-top: 0;
        margin-right: 0;
        margin-left: 10px;
        padding: 0 0 0 15px;
        background: transparent;
        border: 0;
        text-transform: none; }
        #header .mod_navigation ul li ul li a:hover {
          color: #83312e; }
      #header .mod_navigation ul li ul li span.active {
        height: 22px;
        line-height: 22px;
        margin-top: 0;
        margin-right: 0;
        margin-left: 10px;
        padding: 0 0 0 12px;
        background: transparent;
        border: 0;
        text-transform: none; }
      #header .mod_navigation ul li ul li ul {
        display: block;
        margin: 0; }
        #header .mod_navigation ul li ul li ul li {
          margin-left: 10px; }

*/



a.btn, button.btn {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #80322d;
  background-image: url(../gfx/back.gif);
  background-repeat: repeat-x;
  color: #f7e6c2;
  text-transform: uppercase;
  font-size: 16px;
  font-family: "Arial Narrow", sans-serif;
  letter-spacing: 1px;
  height: 28px;
  line-height: 28px; }
  a.btn:hover, button.btn:hover {
    background: #B6352B; }
  a.block.btn, button.block.btn {
    display: block;
    text-align: center; }

a.btn {
  display: inline-block;
  text-decoration: none; }
  a.btn:hover, a.btn:focus {
    text-decoration: none; }

button.btn {
  -webkit-appearance: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer; }
  button.btn.block {
    width: 100%; }

.DemoTours {
  z-index: 100; }

.PfadNavigation1 {
}

.mod_newsslideshow .news_slideshow_pictures li {
  z-index: 1; }
  .mod_newsslideshow .news_slideshow_pictures li.current {
    z-index: 3; }
  .mod_newsslideshow .news_slideshow_pictures li.tempcurrent {
    z-index: 2; }
.mod_newsslideshow .news_slideshow_menu {
  z-index: 4; }
.mod_newsslideshow .news_slideshow_infos {
  z-index: 4; }

#ui-datepicker-div {
  z-index: 4 !important; }

#Buchung .Name.FirstName, #Buchung .Name.LastName {
  width: 120px; }

.suchTeaserToggler {
  color: #d12a1c;
  text-decoration: none;
  font-weight: bold; }

.submenu_toggle {
  position: absolute !important;
  right: 0;
  top: 0;
  z-index: 1210 !important;
  padding: 0 !important;
  width: 40px;
  text-indent: -9999px;
  background: url(../gfx/sprite_whitearrows.png) no-repeat 0 0 !important; }
  #nav li .submenu_toggle {
    display: none; }
  .submenu_toggle.active {
    background-position: 0 -120px !important; }

@media screen and (max-width: 960px) {
  body {
    background-image: none; }

  #wrapper {
    width: 100%; }

  #container,
  .PfadNavigation1 {
    width: 95%;
    max-width: 960px;
    margin: 0 auto; }

  #header .DemoTours {
    margin: 0;
    right: 18.22917%;
    max-height: 60%;
    background-size: auto 100%;
    background-position: right;
    width: 30%;
    height: 0;
    padding-bottom: 30%; }

  #header {
    height: auto; }

  .HeadContent {

    height: auto;
    }

  .js #menu {
    display: none; }

  #nav li .submenu_toggle {
    display: block; }

  .MainNavigation {
    padding-top: 0;
    height: auto; }
    .MainNavigation #nav {
      width: 95%;
      max-width: 960px;
      margin: 0 auto;
      height: auto; }
      .MainNavigation #nav > li {
        display: block;
        float: left;
        width: 50%; }
        .MainNavigation #nav > li a, .MainNavigation #nav > li span {
          border-left: none;
          border-top: 1px solid #fff; }
        .MainNavigation #nav > li a {
          background: #D12A1C;    }
          
          
        .MainNavigation #nav > li.active a {
          background-image: none; }
        .MainNavigation #nav > li.last a,
        .MainNavigation #nav > li.last span {
          border-right: none; }
        .MainNavigation #nav > li:nth-child(2n+1) a,
        .MainNavigation #nav > li:nth-child(2n+1) span {
          border-right: 1px solid #f1e845; }

  body.l3 #left .inside {
    width: 94.28571%; }
  body.l3 #left .SuchTeaser {
    width: auto; }
    body.l3 #left .SuchTeaser #resetSearch,
    body.l3 #left .SuchTeaser #searchDefaultButton {
      max-width: 100%; }
  body.l3 #left .AktuellesTeaser {
    width: auto; }
  body.l3 #left .ReisekategorieTeaser {
    width: auto;
    margin-right: 0; }
  body.l3 #right {
    width: 25.52083%; }
    body.l3 #right .inside {
      width: 89.79592%;
      margin-left: 5.71429%; }
    body.l3 #right .TeaserBeratung,
    body.l3 #right .TeaserKatalog,
    body.l3 #right .TeaserReisekalender,
    body.l3 #right .TeaserReisegutschein {
      margin-left: 0;
      margin-right: 0;
      width: 100%; }
      body.l3 #right .TeaserBeratung img,
      body.l3 #right .TeaserKatalog img,
      body.l3 #right .TeaserReisekalender img,
      body.l3 #right .TeaserReisegutschein img {
        max-width: 100%;
        height: auto !important; }
      body.l3 #right .TeaserBeratung h2,
      body.l3 #right .TeaserKatalog h2,
      body.l3 #right .TeaserReisekalender h2,
      body.l3 #right .TeaserReisegutschein h2 {
        padding-left: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    body.l3 #right .TeaserKatalogInside a,
    body.l3 #right .TeaserReisekalenderInside a,
    body.l3 #right .TeaserReisegutscheinInside a {
      display: inline-block;
      background-position: left 5px; }
    body.l3 #right .TeaserReisegutscheinInside a {
      background-position: left 7px; }
  body.l3 #main {
    margin-right: 25.52083%; }
  body.l2 #left .inside, body.ld #left .inside {
    width: 94.28571%; }
  body.l2 #left .SuchTeaser, body.ld #left .SuchTeaser {
    width: auto; }
    body.l2 #left .SuchTeaser #resetSearch,
    body.l2 #left .SuchTeaser #searchDefaultButton, body.ld #left .SuchTeaser #resetSearch,
    body.ld #left .SuchTeaser #searchDefaultButton {
      max-width: 100%; }
  body.l2 #left .AktuellesTeaser, body.ld #left .AktuellesTeaser {
    width: auto; }
  body.l2 #left .ReisekategorieTeaser,
  body.l2 #left .TeaserBeratungLeft, body.ld #left .ReisekategorieTeaser,
  body.ld #left .TeaserBeratungLeft {
    width: auto;
    margin-right: 0;
    float: none; }

  .ReisekategorieTeaser {
    width: 22.39583%;
    padding: 0.83333%; }
    .ReisekategorieTeaser h2 {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

  .ReiseLaenderStart {
    width: 72.60417%;
    padding: 1.04167%; }
    .ReiseLaenderStart li {
      width: 28.6944%; }

  .SuchTeaserHome {
    position: absolute; }

  #home .Text {
    width: auto;
    margin-left: 240px;
    float: none; }

  h2.NewsGalerieHeadline {
    margin-left: 25.52083%;
    margin-left: 240px;
    width: auto;
    margin-top: 10px;
    float: none; }

  .mod_newsslideshow {
    width: 74.375%; }

  .TopAngebote ul li {
    width: 24.0625%; }
    .TopAngebote ul li.first {
      margin-right: 1.25%; }
    .TopAngebote ul li.sibling {
      margin-right: 1.25%; }
    .TopAngebote ul li img {
      max-width: 100%;
      height: auto !important; }
  .TopAngebote .title {
    height: auto;
    min-height: 38px; }

  .ReiseThemenStart {
    clear: left; }
    .ReiseThemenStart ul li {
      width: 24.0625%; }
      .ReiseThemenStart ul li.first {
        margin-right: 1.25%; }
      .ReiseThemenStart ul li.sibling {
        margin-right: 1.25%; }
      .ReiseThemenStart ul li img {
        max-width: 100%;
        height: auto !important; }
      .ReiseThemenStart ul li .teaserTitle {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }

  /* TEASER STARTSEITE UNTEN */
  .TeaserBeratungStart,
  .TeaserKatalogStart,
  .TeaserReisegutscheinStart,
  .TeaserReisekalenderStart {
    width: 23.95833%; }
    .TeaserBeratungStart img,
    .TeaserKatalogStart img,
    .TeaserReisegutscheinStart img,
    .TeaserReisekalenderStart img {
      max-width: 100%;
      height: auto !important; }
    .TeaserBeratungStart h2,
    .TeaserKatalogStart h2,
    .TeaserReisegutscheinStart h2,
    .TeaserReisekalenderStart h2 {
      padding-left: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

  .TeaserBeratungStart,
  .TeaserKatalogStart {
    margin-right: 1.25%; }

  .TeaserBeratungInsideStart a,
  .TeaserKatalogInsideStart a,
  .TeaserReisegutscheinInside a,
  .TeaserReisekalenderInsideStart a {
    display: inline-block;
    background-position: left 5px; }

  .TeaserReisegutscheinInside a {
    background-position: left 7px; }

  .ReiselisteTreffer li {
  	height: auto; /* NOTE NEW */
  	min-height: 250px; /* NOTE NEW */
    width: 31.47353%;
    margin-right: 1.00143%;
    margin-left: 0.71531%; }
    .ReiselisteTreffer li img {
      max-width: 100%;
      height: auto; }
    .ReiselisteTreffer li .title {
      min-height: 38px;
      height: auto; }

  .ReisekategorieTeaser {
    clear: left; }

  .ReisekategorieListe li {
    width: 31.47353%;
    margin-right: 1.00143%;
    margin-left: 0.71531%; }
    .ReisekategorieListe li img {
      max-width: 100%;
      height: auto; }

  .ReiselaenderListe li {
    width: 31.47353%;
    margin-right: 1.00143%;
    margin-left: 0.71531%; }
    .ReiselaenderListe li img {
      max-width: 100%;
      height: auto; }
  .ReiselaenderListe .pagination li {
    width: auto;
    margin: 0 2px 0 0; }

 

 
 /*
 
  .FooterContent {
    background-size: 100%;
    background-image: url(../gfx/FooterBackResp.png);
    background-color: #83312e;
    height: auto; }

  .FooterContentInside {
    width: 95%;
    max-width: 1000px;
    padding-top: 13.54167%; }
    
    
 */   
    
    
    
    

  .Box1,
  .Box2,
  .Box3,
  .Box4,
  .Box5 {
    background: #83312e; }

  .Box1 {
    width: 17.70833%; }

  .Box2 {
    width: 15.625%; }

  .Box3 {
    width: 22.91667%; }

  .Box4 {
    width: 19.79167%; }
    .Box4 .ReiseThemenFooter li {
      width: auto; }

  .Box5 {
    width: 19.79167%; }

  #slideshow {
    width: auto;
    margin-left: 240px;
    float: none; }
    #slideshow .news_slideshow_pictures {
      position: relative; }
    #slideshow .news_slideshow_menu {
      top: 0; }
    #slideshow .news_slideshow_infos {
      width: auto;
      right: 250px; }

  #main table {
    display: block;
    max-width: 100%;
    overflow-x: auto; }
  #main .image_container.float_left, #main .image_container.float_right {
    max-width: 40%; }
  #main .image_container img {
    max-width: 100%;
    height: auto !important; }

  .useMobileMenu #wrapper {
    overflow: hidden; }
  .useMobileMenu #header,
  .useMobileMenu #container,
  .useMobileMenu #footer {
    position: relative; }
  .useMobileMenu .menu_hint {
    height: 36px; }
    .useMobileMenu .menu_hint a {
      display: inline-block;
      height: 36px;
      line-height: 36px;
      color: #fff;
      font-size: 13px;
      text-decoration: none;
      margin-left: 10px;
      padding-left: 40px;
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRUQyQzVGRDlCOUExMUUzOEE0OTkwMUU5MDVCNTZBMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRUQyQzVGRTlCOUExMUUzOEE0OTkwMUU5MDVCNTZBMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJFRDJDNUZCOUI5QTExRTM4QTQ5OTAxRTkwNUI1NkExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJFRDJDNUZDOUI5QTExRTM4QTQ5OTAxRTkwNUI1NkExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+sNrdgAAAACZJREFUeNpi/A8EDFQETAxUBlQ3kAWIGUeel0djeTSWh52XAQIMAAU5BiIQkKi1AAAAAElFTkSuQmCC) no-repeat 0 11px; }
  .useMobileMenu #menu {
    position: absolute;
    width: 100%;
    z-index: 3;
    display: none;
    margin-top: 35px; }
    .useMobileMenu #menu #nav {
      width: 100%; }
      .useMobileMenu #menu #nav > li {
        width: 100%; }
      .useMobileMenu #menu #nav li {
        position: relative; }
        .useMobileMenu #menu #nav li.submenu:hover {
          margin-top: 0;
          -webkit-border-radius: 0;
          border-radius: 0;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          -webkit-box-shadow: 0 0 0 0 rgba(204, 153, 0, 0);
          box-shadow: 0 0 0 0 rgba(204, 153, 0, 0); }
          .useMobileMenu #menu #nav li.submenu:hover a, .useMobileMenu #menu #nav li.submenu:hover span.active {
            margin-top: 0;
            margin-right: 0; }
        .useMobileMenu #menu #nav li.submenu .flyout {
          display: none;
          position: relative;
          padding: 0 0 10px 0;
          -webkit-border-radius: 0;
          border-radius: 0;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          -webkit-box-shadow: 0 0 0 0 rgba(204, 153, 0, 0);
          box-shadow: 0 0 0 0 rgba(204, 153, 0, 0); }
          .useMobileMenu #menu #nav li.submenu .flyout.count_1, .useMobileMenu #menu #nav li.submenu .flyout.count_2, .useMobileMenu #menu #nav li.submenu .flyout.count_3 {
            width: 100%;
            margin-left: 0; }
          .useMobileMenu #menu #nav li.submenu .flyout ul.level_2 {
            width: 100%;
            float: none; }
            .useMobileMenu #menu #nav li.submenu .flyout ul.level_2 a {
              background-image: url(../gfx/sprite_navigation.png);
              background-repeat: no-repeat;
              background-position: 0 -8px; }
            .useMobileMenu #menu #nav li.submenu .flyout ul.level_2 span.active {
              background-color: #fad419;
              background-image: url(../gfx/sprite_navigation.png);
              background-repeat: no-repeat;
              background-position: 0 -8px; }
            .useMobileMenu #menu #nav li.submenu .flyout ul.level_2 ul.level_3 a, .useMobileMenu #menu #nav li.submenu .flyout ul.level_2 ul.level_3 span.active {
              background-image: none; }
        .useMobileMenu #menu #nav li.submenu.trail .flyout, .useMobileMenu #menu #nav li.submenu.active .flyout {
          display: block; }
        .useMobileMenu #menu #nav li a {
          border-left: 0;
          border-right: 0; }
        .useMobileMenu #menu #nav li span {
          border-right: 0; }
        .useMobileMenu #menu #nav li.submenu ul {
          position: relative;
          top: auto;
          margin-bottom: 0; }
          .useMobileMenu #menu #nav li.submenu ul li {
            width: 100%;
            float: none; }
  .useMobileMenu.showMenu #menu {
    display: block; } }
/* BREAKPOINT FOR RIGHT COLUMN - per Zufall iPad-Size */
@media screen and (max-width: 768px) {
  .PfadNavigation1 {
    padding: 10px 0 10px 0;
    white-space: nowrap;
    overflow-x: auto; }

  .PfadNavigation2 {
    display: inline; }

  .PfadNavigation3 {
    margin: 0;
    display: inline; }
    .PfadNavigation3 .block {
      overflow: visible; }

  #right {
    display: none; }

  body.l3 #main {
    margin-right: 0; }

  body.l2 #left,
  body.ld #left,
  body.l3 #left {
    width: 100%;
    float: none;
    margin-bottom: 10px; }
    body.l2 #left .inside,
    body.ld #left .inside,
    body.l3 #left .inside {
      width: 100%; }

  #main {
    margin-left: 0; }

  .SuchTeaserHome,
  .SuchTeaser {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: none;
    position: relative;
    margin-bottom: 10px; }
    .SuchTeaserHome .mobile_col,
    .SuchTeaser .mobile_col {
      width: 32%;
      margin-right: 2%;
      float: left; }
      .SuchTeaserHome .mobile_col.last,
      .SuchTeaser .mobile_col.last {
        margin-right: 0; }

  .SuchTeaserHome .labelFormReiseart,
  .SuchTeaserHome .labelFormReisekategorie,
  .SuchTeaserHome .labelFormReiseland,
  .SuchTeaserHome .labelFormReisethema,
  .SuchTeaserHome .labelFormAbfahrtsorte,
  .SuchTeaserHome .labelFormPreis,
  .SuchTeaserHome .labelForm,
  .SuchTeaser .labelFormReiseart,
  .SuchTeaser .labelFormReisekategorie,
  .SuchTeaser .labelFormReiseland,
  .SuchTeaser .labelFormReisethema,
  .SuchTeaser .labelFormAbfahrtsorte,
  .SuchTeaser .labelFormPreis,
  .SuchTeaser .labelForm {
    width: 30%;
    clear: both; }
  .SuchTeaserHome .searchSelectReiseart,
  .SuchTeaserHome .searchSelectReisekategorie,
  .SuchTeaserHome .searchSelectReiseland,
  .SuchTeaserHome .searchSelectReisethema,
  .SuchTeaserHome .searchSelectAbfahrtsorte,
  .SuchTeaserHome .price-wizard,
  .SuchTeaserHome .inputForm input,
  .SuchTeaser .searchSelectReiseart,
  .SuchTeaser .searchSelectReisekategorie,
  .SuchTeaser .searchSelectReiseland,
  .SuchTeaser .searchSelectReisethema,
  .SuchTeaser .searchSelectAbfahrtsorte,
  .SuchTeaser .price-wizard,
  .SuchTeaser .inputForm input {
    width: 60%; }
  .SuchTeaserHome .price-wizard,
  .SuchTeaser .price-wizard {
    float: right; }

  #home .Text {
    clear: both;
    margin-left: 0; }
  #home h2.NewsGalerieHeadline {
    margin-left: 0; }
  #home #slideshow {
    margin-left: 0; }
    #home #slideshow .news_slideshow_pictures li {
      width: 520px; }
      #home #slideshow .news_slideshow_pictures li img {
        width: 100%;
        height: auto; } }


@media screen and (max-width: 745px) {




 }
/* BREAKPOINT HOME FOR UNSERE RT IM UEBERBLICK */
@media screen and (max-width: 495px) {
  .ui-slider-horizontal {
    margin-right: 5px; }

  .SuchTeaserHome,
  .SuchTeaser {
    width: auto;
    float: none;
    margin-bottom: 2%;
    padding: 2%; }
    .SuchTeaserHome .mobile_col,
    .SuchTeaser .mobile_col {
      width: 100%;
      float: none;
      margin-right: 0; }

  .SuchTeaserHome {
    position: relative; }

  .SuchTeaser {
    margin-bottom: 2%; }
    .SuchTeaser.hidden form,
    .SuchTeaserHome.hidden form{
      display: none; }

  #home .Text {
    width: auto;
    float: none;
    margin-bottom: 2%;
    padding: 2%;
    margin-left: 0; }

  h2.NewsGalerieHeadline {
    margin-top: 0;
    margin-left: 0; }

  .mod_newsslideshow,
  #slideshow {
    width: auto;
    float: none;
    margin-left: 0; }

.mod_newsslideshow .news_slideshow_infos {
  display: none; }


  .ReiselaenderListe ul li,
  .ReisekategorieListe ul li {
    width: 49%;
    margin-left: 0; }
    .ReiselaenderListe ul li:nth-child(2n),
    .ReisekategorieListe ul li:nth-child(2n) {
      margin-right: 0; }
    .ReiselaenderListe ul li:nth-child(2n+1),
    .ReisekategorieListe ul li:nth-child(2n+1) {
      clear: left;
      margin-right: 2%; }
    .ReiselaenderListe ul li.last,
    .ReisekategorieListe ul li.last {
      float: left; }
    .ReiselaenderListe ul li.first, .ReiselaenderListe ul li.sibling, .ReiselaenderListe ul li.last,
    .ReisekategorieListe ul li.first,
    .ReisekategorieListe ul li.sibling,
    .ReisekategorieListe ul li.last {
      margin-bottom: 2.08333%;
      margin-bottom: 2%; }
  .ReiselaenderListe .pagination p,
  .ReisekategorieListe .pagination p {
    float: none; }
  .ReiselaenderListe .pagination ul.pagination,
  .ReisekategorieListe .pagination ul.pagination {
    float: none; }
    .ReiselaenderListe .pagination ul.pagination li:nth-child(2n+1),
    .ReisekategorieListe .pagination ul.pagination li:nth-child(2n+1) {
      clear: none; }

  .TopAngebote ul li {
    width: 49%; }
    .TopAngebote ul li:nth-child(2n) {
      margin-right: 0; }
    .TopAngebote ul li:nth-child(2n+1) {
      clear: left;
      margin-right: 2%; }
    .TopAngebote ul li.last {
      float: left; }
    .TopAngebote ul li.first, .TopAngebote ul li.sibling, .TopAngebote ul li.last {
      margin-bottom: 2.08333%;
      margin-bottom: 2%; }

  .ReiseThemenStart ul li {
    width: 48.125%;
    width: 49%; }
    .ReiseThemenStart ul li:nth-child(2n) {
      margin-right: 0; }
    .ReiseThemenStart ul li:nth-child(2n+1) {
      clear: left;
      margin-right: 2%; }
    .ReiseThemenStart ul li.last {
      float: left; }
    .ReiseThemenStart ul li.first, .ReiseThemenStart ul li.sibling, .ReiseThemenStart ul li.last {
      margin-bottom: 2.08333%;
      margin-bottom: 2%; }

  .ReiselisteTreffer li {
    width: 49%;
    margin-left: 0; }
    .ReiselisteTreffer li:nth-child(2n) {
      margin-right: 0; }
    .ReiselisteTreffer li:nth-child(2n+1) {
      clear: left;
      margin-right: 2%; }

  .ReisekategorieTeaser {
    width: auto;
    float: none;
    margin-bottom: 2%;
    min-height: 0; }
    .ReisekategorieTeaser ul {
      columns: 2;
      -webkit-columns: 2;
      -moz-columns: 2; }

  .ReiseLaenderStart {
    width: auto;
    float: none;
    margin-bottom: 2%;
    padding: 2%; }
    .ReiseLaenderStart li {
      width: 49%; }
      .ReiseLaenderStart li:nth-child(2n+1) {
        margin-right: 2%; }

  .TeaserBeratungStart,
  .TeaserKatalogStart,
  .TeaserReisegutscheinStart,
  .TeaserReisekalenderStart {
    width: 49%;
    margin-right: 0;
    margin-bottom: 2%; }

  .TeaserBeratungStart,
  .TeaserReisegutscheinStart {
    clear: left;
    margin-right: 2%; }

  #main .pdf_link {
    display: none; }

  body.l3 #left {
    width: 100%;
    float: none; }
    body.l3 #left .inside {
      width: 100%; }
    body.l3 #left .AktuellesTeaser {
      margin-bottom: 2%;
      margin-top: 0; }
  body.l3 #right {
    width: 100%;
    float: none; }
    body.l3 #right .inside {
      width: 100%;
      margin-left: 0; }
    body.l3 #right .TeaserBeratung,
    body.l3 #right .TeaserKatalog,
    body.l3 #right .TeaserReisekalender,
    body.l3 #right .TeaserReisegutschein {
      width: 49%;
      float: left;
      margin-bottom: 2%; }
    body.l3 #right .mod_article > div:nth-child(2n+1) {
      margin-right: 2%; }
  body.l3 #main {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 2%; }
  body.l2 #left, body.ld #left {
    width: 100%;
    float: none; }
    body.l2 #left .inside, body.ld #left .inside {
      width: 100%; }
  body.l2 #main, body.ld #main {
    margin-left: 0;
    margin-bottom: 2%; }
  body.ld #left {
    /* einige Elemente werden default ausgeblendet und anschliessend per JS an anderer Stelle wieder eingeblendet */ }
    body.ld #left .TeaserBeratungLeft,
    body.ld #left .AktuellesTeaser,
    body.ld #left .TopAngeboteTeaserLeft {
      display: none; }

  #Buchung .col_label {
    width: 50%; }
  #Buchung table.blockTable tbody {
    display: block; }
  #Buchung table.blockTable tr {
    display: block; }
  #Buchung table.blockTable td {
    display: block;
    width: auto; }
    #Buchung table.blockTable td.col_label {
      border-bottom: 0;
      padding-bottom: 0; }
    #Buchung table.blockTable td.col_input {
      padding-top: 2px; }
      #Buchung table.blockTable td.col_input input, #Buchung table.blockTable td.col_input select {
        width: 100%;
        -webkit-box-shadow: solid;
        -moz-box-shadow: solid;
        box-sizing: border-box;
        -webkit-box-sizing: border-box; }
  #Buchung table.personsSelectTable {
    padding: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important; }
    #Buchung table.personsSelectTable tbody {
      display: block; }
    #Buchung table.personsSelectTable tr {
      display: block; }
    #Buchung table.personsSelectTable td {
      display: block; }
      #Buchung table.personsSelectTable td.col_Auswahl {
        width: auto;
        border-bottom: 0;
        font-weight: bold;
        padding-bottom: 0; }
      #Buchung table.personsSelectTable td.col_label {
        width: auto; }
  #Buchung #captcha-wrap {
    margin: 0; }

  table.reisebausteinInfoTable {
    display: block;
    width: auto; }
    table.reisebausteinInfoTable thead {
      display: block; }
      table.reisebausteinInfoTable thead tr {
        display: block; }
        table.reisebausteinInfoTable thead tr th {
          display: block; }
    table.reisebausteinInfoTable tbody {
      display: block; }
      table.reisebausteinInfoTable tbody tr {
        display: block; }
        table.reisebausteinInfoTable tbody tr td {
          display: block; }
  table.reisebausteinLeistungenTable.table_clone {
    display: table !important;
    border-bottom: 1px solid #fdfce3; }
    table.reisebausteinLeistungenTable.table_clone td {
      border-bottom: 0; }
    table.reisebausteinLeistungenTable.table_clone tr.new_sect td {
      border-top: 1px solid #fdfce3; }
  table.reisebausteinTerminTable.table_clone {
    border-bottom: 1px solid #fdfce3;
    padding-bottom: 5px; }
    table.reisebausteinTerminTable.table_clone tbody {
      display: block; }
    table.reisebausteinTerminTable.table_clone tr {
      display: block; }
      table.reisebausteinTerminTable.table_clone tr td {
        display: block;
        padding-top: 0;
        padding-bottom: 0; }
        table.reisebausteinTerminTable.table_clone tr td.heading_col {
          padding-top: 5px; }
      table.reisebausteinTerminTable.table_clone tr.heading_col {
        border-top: 1px solid #fdfce3; }

  #footer .Box1, #footer .Box3 {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 4%; }
  #footer .Box2, #footer .Box4 {
    width: 49%;
    margin-bottom: 4%; }
  #footer .Box5 {
    width: 100%;
    margin-bottom: 4%; }
  #footer .Box4 .ReiseThemenFooter li {
    float: none; }

  #afterMain .TeaserBeratungLeft,
  #afterMain .AktuellesTeaser {
    width: auto;
    margin-right: 0;
    margin-bottom: 2%;
    margin-top: 0; }
  #afterMain .TopAngeboteTeaserLeft ul li {
    width: 49%;
    float: left;
    box-sizing: border-box;
    margin: 0 0 2% 0; }
    #afterMain .TopAngeboteTeaserLeft ul li:nth-child(2n+1) {
      margin-right: 2%;
      clear: left; }
    #afterMain .TopAngeboteTeaserLeft ul li .teaserbild {
      width: 45%; }
      #afterMain .TopAngeboteTeaserLeft ul li .teaserbild img {
        width: 100%;
        height: auto; }
  #afterMain #right {
    display: block; }

  .mod_easybus_karte {
    float: none;
    padding-left: 0; }

  .ppy-placeholder {
    width: 100% !important;
    height: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding-bottom: 68.9441% !important; }
    .ppy-placeholder .ppy {
      width: 100% !important;
      height: 100% !important; }
    .ppy-placeholder .ppy-outer {
      height: 100%;
      width: 100%;
      box-sizing: border-box;
      -webkit-box-sizing: border-box; }
    .ppy-placeholder .ppy-stagewrap {
      height: 100%;
      width: 100%; }
    .ppy-placeholder .ppy-stage {
      height: 100%;
      width: 100%;
      background-size: contain; }
    .ppy-placeholder .ppy-caption {
      display: none !important; }
    .ppy-placeholder .ppy-switch-enlarge {
      display: none !important; }
    .ppy-placeholder .ppy-nav {
      width: 64px !important; } }
@media screen and (max-width: 400px) {
  #afterMain .TopAngeboteTeaserLeft ul li .teaserbild {
    width: 100%;
    max-height: 70px;
    overflow: hidden;
    margin-bottom: 5px; } }
/* BREAKPOINT FOR SPECIAL JS-LOGIC */
.not_over495,
.not_over960,
.not_over768 {
  display: none; }

@media screen and (max-width: 960px) {
  .not_over960 {
    display: block; }

  .not_under960 {
    display: none; } }
@media screen and (max-width: 768px) {
  .not_over768 {
    display: block; }

  .not_under768 {
    display: none; } }
@media screen and (max-width: 495px) {
  .not_over495 {
    display: block; }

  .not_under495,
  #main table.not_under495 {
    display: none; } }
    
    
    
    
    
    
    
    
    
@media screen and (max-width: 1000px) { 
    
    
.logo				{ margin: 20px 0 20px 20px;}
.headNavi   		{ width:300px; margin-right: 20px;}
.telefon			{ margin-right: 20px; float: right!important; width: 250px;}					
    
    
    
    
    
 }   
    
    
@media screen and (max-width: 960px) {     
    
    
.MainNavigation .hiddenSeite		{ display: none; }    
    
 }      
 
 
 
 
 
    
    
@media screen and (max-width: 890px) {     
    
    
.bus				{ display: none; }    

    
    
     }   
    
    
    
    
  
@media screen and (max-width: 768px) {    
  
  
  
.SuchTeaser  					{ margin-right: 0;}
  
.reisebilder 					{ width: 99%!important;float: none!important;margin: 0 0 25px 0;}
.pdf_link						{ display: none; } 
 
 
#Formular .formLeft,								
#Formular .formRight			{ width: 99%; float: none;}

  
  
  }     
   












   
   
@media screen and (max-width: 640px) {   
   
   .TopAngebote ul li {
    width: 49%; }
    .TopAngebote ul li:nth-child(2n) {
      margin-right: 0; }
    .TopAngebote ul li:nth-child(2n+1) {
      clear: left;
      margin-right: 2%; }
    .TopAngebote ul li.last {
      float: left; }
    .TopAngebote ul li.first, .TopAngebote ul li.sibling, .TopAngebote ul li.last {
      margin-bottom: 2.08333%;
      margin-bottom: 2%; }  
   
.TopAngebote .teaserbild	{ text-align: center; }   
 
   
 }    
    
    
    
     
@media screen and (max-width: 630px) {     
    
    

.HeadContent		{background: none}




.logo				{ margin: 0; padding: 5px 0 10px 0; text-align: center; float: none;}
.logo img			{ width: 55%!important; height: auto!important}




.headNavi,
.telefon			{ display: none; }   

 
 
 
.FooterContentInside					{width: 100%; background: none;}
.FooterContentInside h3					{ font-size: 18px;  padding: 20px 0 0 0; }

 
.news_slideshow_menu li a				{ width: auto; }
    
    
     }     
    
    
    
@media screen and (max-width: 495px) {     
    
    
  .SuchTeaserHome .searchSelectReiseart,
  .SuchTeaserHome .searchSelectReisekategorie,
  .SuchTeaserHome .searchSelectReiseland,
  .SuchTeaserHome .searchSelectReisethema,
  .SuchTeaserHome .searchSelectAbfahrtsorte,
  .SuchTeaserHome .price-wizard,
  .SuchTeaserHome .inputForm input,
  .SuchTeaser .searchSelectReiseart,
  .SuchTeaser .searchSelectReisekategorie,
  .SuchTeaser .searchSelectReiseland,
  .SuchTeaser .searchSelectReisethema,
  .SuchTeaser .searchSelectAbfahrtsorte,
  .SuchTeaser .price-wizard,
  .SuchTeaser .inputForm input { width: 100%;  }    
    
  
.fusszeile	{ padding: 0 5px 0 5px}  
  
  
.userSortForm			{ display: none;}
.pagination	ul			{ float: left;}  
.pagination p  			{ float: none; }
  
  
 .ReiselisteTreffer .promoImage				{ display: none;} 
  
  
    
    
 }       


















