/** clearing **/
.clear {clear: both; font-size: 0.1px; height: 0.1px; line-height: 0.1px; float: none; display: table;}

/** block grid **/
.autogrid, .autogrid:before,.autogrid:after {-moz-box-sizing: border-box; box-sizing:border-box;}
.autogrid {padding-left: 1%; padding-right: 1%; position: relative; display: block; float: left;overflow: hidden;}

/** block grid wrapper **/
.autogrid_wrapper {margin-left: -1%; margin-right: -1%;}

/** non block **/
.autogrid:not(.block) {padding-left: 0; padding-right: 0; margin-left: 1%; margin-right: 1%;}

/* .block.autogrid.first, .block.autogrid:first-child 	{margin-left: -1%;} */
/* .block.autogrid.last, .block.autogrid:last-child 	{margin-right: -1%;} */

/** Non block grid **/
.full			{width: 98%;}
.one_half 		{width: 48%;}
.one_third 		{width: 31.3333%;}
.one_fourth		{width: 23%;}	
.one_fifth		{width: 18%;}	
.one_sixth		{width: 14.6667%;}

/** Block grid **/
.block.full			{width: 100%;}
.block.one_half 	{width: 50%;}
.block.one_third 	{width: 33.3333%;}
.block.one_fourth	{width: 25%;}	
.block.one_fifth	{width: 20%;}	
.block.one_sixth	{width: 16.6667%;}

.block.two_third	{width: 66.6667%;}
.block.two_fourth	{width: 50%;}
.block.three_fourth	{width: 75%;}
.block.two_fifth	{width: 40%;}
.block.three_fifth	{width: 60%;}
.block.four_fifth	{width: 80%;}
.block.two_sixth	{width: 33.3333%;}
.block.three_sixth	{width: 49.9999%;}
.block.four_sixth	{width: 66.6667%;}
.block.five_sixth	{width: 83.3333%;}

/** Non block grid system **/
/** odd split: 2 elements per row **/
.n2:not(.block).one_third		{width: 32%;}
.n2:not(.block).two_third		{width: 64%;}
.n2:not(.block).one_fourth		{width: 24%;}
.n2:not(.block).two_fourth		{width: 48%;}
.n2:not(.block).three_fourth	{width: 72%;}
.n2:not(.block).one_fifth		{width: 19.2%;}
.n2:not(.block).two_fifth		{width: 38.4%;}
.n2:not(.block).three_fifth		{width: 57.6%;}
.n2:not(.block).four_fifth		{width: 76.8%;}
.n2:not(.block).one_sixth		{width: 16%;}
.n2:not(.block).two_sixth		{width: 32%;}
.n2:not(.block).three_sixth		{width: 48%;}
.n2:not(.block).four_sixth		{width: 64%;}
.n2:not(.block).five_sixth		{width: 80%;}

/** odd split: 3 elements per row **/
.n3:not(.block).one_half		{width: 47%;}
.n3:not(.block).two_third		{width: 62.6667%;}
.n3:not(.block).one_fourth		{width: 23.5%;}
.n3:not(.block).two_fourth		{width: 47%;}
.n3:not(.block).three_fourth	{width: 70.5%;}
.n3:not(.block).one_fifth		{width: 18.8%;}
.n3:not(.block).two_fifth		{width: 37.6%;}
.n3:not(.block).three_fifth		{width: 56.4%;}
.n3:not(.block).four_fifth		{width: 75.2%;}
.n3:not(.block).one_sixth		{width: 15.6667%;}
.n3:not(.block).two_sixth		{width: 31.3333%;}
.n3:not(.block).three_sixth		{width: 47%;}
.n3:not(.block).four_sixth		{width: 62.6667%;}
.n3:not(.block).five_sixth		{width: 78.3333%;}

/** odd split: 4 elements per row **/
.n4:not(.block).one_half		{width: 46%;}
.n4:not(.block).one_third		{width: 30.6667%;}
.n4:not(.block).two_third		{width: 61.3333%;}
.n4:not(.block).two_fourth		{width: 46%;}
.n4:not(.block).three_fourth	{width: 69%;}
.n4:not(.block).one_fifth		{width: 18.4%;}
.n4:not(.block).two_fifth		{width: 36.8%;}
.n4:not(.block).three_fifth		{width: 55.2%;}
.n4:not(.block).four_fifth		{width: 73.6%;}
.n4:not(.block).one_sixth		{width: 15.3333%;}
.n4:not(.block).two_sixth		{width: 30.6667%;}
.n4:not(.block).three_sixth		{width: 46%;}
.n4:not(.block).four_sixth		{width: 61.3333%;}
.n4:not(.block).five_sixth		{width: 76.6667%;}

/** odd split: 5 elements per row **/
.n5:not(.block).one_half		{width: 45%;}
.n5:not(.block).one_third		{width: 30%;}
.n5:not(.block).two_third		{width: 60%;}
.n5:not(.block).one_fourth		{width: 22.5%;}
.n5:not(.block).two_fourth		{width: 45%;}
.n5:not(.block).three_fourth	{width: 67.5%;}
.n5:not(.block).two_fifth		{width: 36%;}
.n5:not(.block).three_fifth		{width: 54%;}
.n5:not(.block).four_fifth		{width: 72%;}
.n5:not(.block).one_sixth		{width: 15%;}
.n5:not(.block).two_sixth		{width: 30%;}
.n5:not(.block).three_sixth		{width: 45%;}
.n5:not(.block).four_sixth		{width: 60%;}
.n5:not(.block).five_sixth		{width: 75%;}

/** odd split: 6 elements per row **/
.n6:not(.block).one_half		{width: 44%;}
.n6:not(.block).one_third		{width: 29.3333%;}
.n6:not(.block).two_third		{width: 58.6667%;}
.n6:not(.block).one_fourth		{width: 22%;}
.n6:not(.block).two_fourth		{width: 44%;}
.n6:not(.block).three_fourth	{width: 66%;}
.n6:not(.block).one_fifth		{width: 17.6%;}
.n6:not(.block).two_fifth		{width: 35.2%;}
.n6:not(.block).three_fifth		{width: 52.8%;}
.n6:not(.block).four_fifth		{width: 70.4%;}
.n6:not(.block).two_sixth		{width: 29.3333%;}
.n6:not(.block).three_sixth		{width: 44%;}
.n6:not(.block).four_sixth		{width: 58.6667%;}
.n6:not(.block).five_sixth		{width: 73.3333%;}

.border-inner {border-left: 1px solid #ddd;}
.border-inner.first, .border-inner:first-child {border-left: 0;}
.border-inner.last, .border-inner:last-child {border-right: 0;}
/** optical correction **/
/* .autogrid.block.border-inner {margin-left: -0.75%; padding-left: 1.75%;} */

/** grid options **/
.autogrid.break {clear:left; margin-left: 0;}
.autogrid.full.break {width: 100%;clear:both;float: none;padding-left: 0;padding-right: 0;}

/** same height **/
.autogrid.same-height {display: table-cell; float: none; vertical-align: top;}

/** flexible same height **/
.autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height {display: flex; display: -webkit-flex; display: -ms-flexbox; height: 100%; clear: both;}
.autogrid_wrapper.same-height .autogrid.same-height, .autogrid_wrapper .inner.same-height .autogrid.same-height {display: block;}

/** autogrid full **/
.autogrid.full {padding-left: 0; padding-right: 0;}
.autogrid_wrapper .autogrid.full {padding-left: 1%; padding-right: 1%;}

/** no gutter **/
.autogrid_wrapper.no_gutter {margin-left: 0; margin-right: 0;}
.autogrid.no_gutter {padding-left: 0; padding-right: 0;}

/** tablets **/
@media only screen and (min-width: 768px) and (max-width: 990px) {
	.autogrid.adjust_mobile {width: 50% !important}
}

/** phones **/
@media only screen and (max-width: 767px) {
	.autogrid {width: 100%!important;}
	.autogrid.same-height, .autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height {display: block;}
	.border-inner {border-left: 0;}
}
/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/*
    Author      : CTS Media GmbH, T.Muir 08.07.2015

*/
/*******************************************************************************
    Global styling, Resets
______________________________________________________________________________*/
/* Elements with this class only appear in the mobile view. */
.show-mobile {
  display: none; }

#cboxTitle {
  display: none !important; }

#container, #bottom {
  background-color: #FFFFFF; }

#header {
  background-color: #FFFFFF; }

#stickyheader {
  border-bottom: 1px solid #F7F8F9;
  z-index: 5999; }

h1 {
  font-size: 48px; }

h2 {
  font-size: 44px; }

h3 {
  font-size: 30px; }

h4 {
  font-size: 28px; }

h5 {
  font-size: 24px; }

h6 {
  font-size: 20px; }

a, a:link, a:visited {
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  -webkit-tap-highlight-color: rgba(155, 155, 155, 0); }
a:hover {
  /* design as needed */ }

p a, p a:link, p a:visited {
  text-decoration: underline;
  color: #f9aa14; }
p a:hover {
  color: #ffcd00; }

p.error, label.error {
  color: #ffa8a8; }

#footer {
  font-size: 0.8em; }
  #footer .inside {
    padding: 40px 40px; }
  #footer li:before {
    content: ""; }
  #footer a:hover {
    text-decoration: none;
    color: #CECECE; }

/*******************************************************************************
    NAVIGATION
______________________________________________________________________________*/
nav.mainmenu {
  /* class .menu-item added in template, overides default  */ }
  nav.mainmenu ul li a, nav.mainmenu a.menu-item {
    display: block;
    text-decoration: none;
    position: relative;
    line-height: 35px;
    min-height: inherit;
    text-align: left;
    font-size: 28px;
    float: none;
    padding: 28px 0;
    font-family: 'Josefin Sans', sans-serif;
    margin-left: 30px;
    margin-right: 30px; }
    nav.mainmenu ul li a:after, nav.mainmenu a.menu-item:after {
      /*                background: #ffcd00;*/
      background: #2a649e; }
  nav.mainmenu .level_2 {
    /*            border-top: 5px solid #ffcd00;*/
    border-top: 5px solid #2a649e; }
    nav.mainmenu .level_2 a.menu-item {
      font-size: 22px !important;
      margin: 0 !important;
      padding-left: 30px !important;
      font-weight: 600; }
      nav.mainmenu .level_2 a.menu-item:hover {
        background: #2a649e; }
  nav.mainmenu ul li.trail a:after, nav.mainmenu ul li.active a:after {
    /*                        background: #ffcd00;*/
    background: #2a649e; }

#top .mod_sprachwechsler img, #off_canvas .mod_sprachwechsler img {
  height: 12px;
  width: auto; }

#top .mod_sprachwechsler ul {
  top: 40px; }

#top #contact-link {
  float: right;
  line-height: 40px; }
  #top #contact-link span {
    margin-left: 20px; }

#linktotop {
  background: #2f3131;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.4);
  -webkit-transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  -webkit-tap-highlight-color: rgba(155, 155, 155, 0); }
  #linktotop:hover, #linktotop:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    opacity: 0.8; }

/*******************************************************************************
Teaser ( breadcrump nav ) (booking tool) (page title)
______________________________________________________________________________*/
/* booking tool */
.booking-tool {
  position: absolute;
  top: -140px;
  width: 100%;
  max-width: 290px;
  display: block;
  background: #ffcd00;
  color: #2f3131;
  clear: both;
  padding: 10px;
  padding-bottom: 25px;
  -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 3px 10px);
  filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 3px 10px);
  -webkit-transition: background 0.5s ease-in-out, transform 0.7s ease-in-out;
  -moz-transition: background 0.5s ease-in-out, transform 0.7s ease-in-out;
  -o-transition: background 0.5s ease-in-out, transform 0.7s ease-in-out;
  transition: background 0.5s ease-in-out, transform 0.7s ease-in-out; }
  .booking-tool:after {
    content: "";
    background: -webkit-linear-gradient(168deg, transparent 66.66%, #ffcd00 0), -webkit-linear-gradient(12deg, transparent 66.66%, #ffcd00 0);
    background: linear-gradient(-12deg, transparent 66.66%, #ffcd00 0), linear-gradient(12deg, transparent 66.66%, #ffcd00 0);
    width: 100%;
    height: 30px;
    bottom: -30px;
    left: 0px;
    position: absolute; }
  .booking-tool h1, .booking-tool h2, .booking-tool h3, .booking-tool h4, .booking-tool h5, .booking-tool h6 {
    color: #2f3131; }
  .booking-tool .ce_hyperlink {
    text-align: center;
    -webkit-transition: margin-top 0.5s ease-in-out;
    -moz-transition: margin-top 0.5s ease-in-out;
    -o-transition: margin-top 0.5s ease-in-out;
    transition: margin-top 0.5s ease-in-out; }
    .booking-tool .ce_hyperlink a {
      font-size: 16px;
      padding-left: 0;
      padding-right: 0;
      width: 98%; }
  .booking-tool.sticky-tool {
    padding-bottom: 10px;
    background: rgba(255, 205, 0, 0.9);
    -ms-transform: translateY(140px);
    -webkit-transform: translateY(140px);
    transform: translateY(140px); }
    .booking-tool.sticky-tool:after {
      background: -webkit-linear-gradient(168deg, transparent 66.66%, rgba(255, 205, 0, 0.9) 0), -webkit-linear-gradient(12deg, transparent 66.66%, rgba(255, 205, 0, 0.9) 0);
      background: linear-gradient(-12deg, transparent 66.66%, rgba(255, 205, 0, 0.9) 0), linear-gradient(12deg, transparent 66.66%, rgba(255, 205, 0, 0.9) 0); }
    .booking-tool.sticky-tool h1, .booking-tool.sticky-tool h2, .booking-tool.sticky-tool h3, .booking-tool.sticky-tool h4, .booking-tool.sticky-tool h5, .booking-tool.sticky-tool h6, .booking-tool.sticky-tool p {
      display: none; }
    .booking-tool.sticky-tool .ce_text-mit-bild-erweitert .ce_hyperlink {
      margin-top: 0; }
    .booking-tool.sticky-tool .zapp {
      height: 0;
      overflow: hidden;
      transition: height 0.3s ease-in-out; }
      .booking-tool.sticky-tool .zapp .button {
        display: none; }
    .booking-tool.sticky-tool .js-display-form {
      display: inline-block; }
  .booking-tool.is-active .js-display-form {
    display: none; }
  .booking-tool.is-active .zapp {
    height: 160px;
    display: block;
    transition: height .3s ease-in-out; }
    .booking-tool.is-active .zapp .button {
      display: inline-block; }
  .booking-tool .js-display-form {
    display: none; }

/* breadcrumb - custom layout element "teaser" */
.content_page #container_before, .full_width #container_before {
  border: none;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1001;
  border-bottom: 1px solid #FFFFFF;
  -webkit-transition: background 0.5s ease-in-out, border-color 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out, border-color 0.5s ease-in-out;
  -o-transition: background 0.5s ease-in-out, border-color 0.5s ease-in-out;
  transition: background 0.5s ease-in-out, border-color 0.5s ease-in-out; }
  .content_page #container_before .inside, .full_width #container_before .inside {
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible;
    height: auto;
    /* 160px adjust this when booking tool is implemented */ }
  .content_page #container_before.sticky-breadcrumb, .full_width #container_before.sticky-breadcrumb {
    position: fixed;
    top: 71px;
    z-index: 9999;
    /*            background: rgba(247,248,249,0.9);*/
    border-bottom: 1px solid #F7F8F9;
    /*            .booking-tool {
                    background: rgba(255,205,0,0.9);
                    -ms-transform: translateY(140px);
                    -webkit-transform: translateY(140px);
                    transform: translateY(140px);
                    
                    &:after {
                        background: linear-gradient(-12deg, transparent 66.66%, rgba(255,205,0,0.9) 0), linear-gradient(12deg, transparent 66.66%, rgba(255,205,0,0.9) 0); 
                    }
                    
                    h1,h2,h3,h4,h5,h6,p {
                        display: none;
                    }
                    .ce_text-mit-bild-erweitert .ce_hyperlink {
                        margin-top: 0;
                    }
                }*/ }

#container {
  clear: both; }

.mod_breadcrumb {
  color: #2a649e;
  font-size: 16px;
  cursor: default;
  padding-top: 5px;
  padding-bottom: 2px; }
  .mod_breadcrumb a, .mod_breadcrumb a:link, .mod_breadcrumb a:visited {
    color: #2f3131; }
  .mod_breadcrumb a:hover {
    color: #ffcd00; }

/*******************************************************************************
slider - text settings styling - filter width
______________________________________________________________________________*/
.shadow-small {
  text-shadow: 0 3px rgba(0, 0, 0, 0.6); }

.shadow-medium {
  text-shadow: 0 3px 5px rgba(0, 0, 0, 0.7); }

.shadow-large {
  text-shadow: 0 3px 15px black; }

.ce_revolutionslider .tp-caption {
  padding: 0 5px;
  font-family: 'Kaushan Script', 'Josefin Sans', sans-serif;
  padding-right: 30px; }
  .ce_revolutionslider .tp-caption.header-text-blue {
    font-family: 'Josefin Sans', sans-serif;
    display: inline-block;
    padding: 20px 40px;
    background: #2a649e;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -webkit-transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -webkit-tap-highlight-color: rgba(155, 155, 155, 0); }
  .ce_revolutionslider .tp-caption.header-text-dark {
    display: inline-block;
    padding: 20px 40px;
    background-color: rgba(47, 49, 49, 0.6);
    border: 1px solid #FFFFFF; }
  .ce_revolutionslider .tp-caption .ce_hyperlink.style3_IH.big a {
    padding: 20px;
    font-size: 40px;
    line-height: 50px; }
  .ce_revolutionslider .tp-caption .ce_hyperlink.style3_IH a {
    font-family: 'Kaushan Script', 'Josefin Sans', sans-serif;
    color: #ffcd00;
    text-shadow: 0 3px rgba(0, 0, 0, 0.6);
    box-shadow: none;
    background: none; }
    .ce_revolutionslider .tp-caption .ce_hyperlink.style3_IH a:hover {
      color: #f9aa14; }
  .ce_revolutionslider .tp-caption .ce_hyperlink.style1 a {
    font-family: 'Josefin Sans', sans-serif;
    color: #FFFFFF;
    display: inline-block;
    padding: 20px 40px;
    background: #2a649e;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -webkit-transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -webkit-tap-highlight-color: rgba(155, 155, 155, 0); }
    .ce_revolutionslider .tp-caption .ce_hyperlink.style1 a:hover {
      background: #004f9f !important; }
  .ce_revolutionslider .tp-caption .ce_hyperlink.style1.big a {
    font-size: 34px;
    line-height: 50px;
    padding: 0 40px; }
  .ce_revolutionslider .tp-caption.filter-slider {
    width: 100%;
    height: 100%;
    left: 0px !important; }
    .ce_revolutionslider .tp-caption.filter-slider img {
      /*                height: 100%;
                      width: 100%;*/ }
.ce_revolutionslider .ce_revolutionslider_image {
  padding: 0; }

/*******************************************************************************
parallax text settings styling
______________________________________________________________________________*/
.parallax-bg.overlay:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background-color: rgba(0, 0, 0, 0.12); }
.parallax-bg .parallax-bg-inside {
  position: relative;
  max-width: 1200px; }

.ih-yellow-text p {
  font-family: 'Kaushan Script', 'Josefin Sans', sans-serif;
  color: #ffcd00;
  padding: 10px;
  padding-left: 0; }
.ih-yellow-text.fontsize_xxl {
  font-size: 60px; }

.header-text-blue p {
  display: inline-block;
  padding: 20px 40px;
  background: #2a649e;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -webkit-transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  -webkit-tap-highlight-color: rgba(155, 155, 155, 0); }

.header-text-dark p {
  display: inline-block;
  padding: 20px 40px;
  background-color: rgba(47, 49, 49, 0.6);
  border: 1px solid #FFFFFF; }

/*******************************************************************************
    CONTENT STYLING
______________________________________________________________________________*/
#header_after {
  border-bottom: 5px solid #004f9f; }

#wrapper {
  position: relative;
  z-index: 11;
  /*    
      &:before {
  	background: -webkit-linear-gradient(45deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%), -webkit-linear-gradient(135deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%);
  	
  	background: linear-gradient(45deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%);
  	
  	-webkit-background-size: 20px 40px;
  	background-size: 20px 40px;
  	content: "";
  	display: block;
  	position: absolute;
  	top: -10px;
  	width: 100%;
  	height: 10px;
      }*/ }

.page-title {
  clear: both; }
  .page-title .ce_headline {
    border-bottom: none; }
  .page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h5 {
    font-size: 30px;
    margin: 0;
    text-align: right;
    line-height: 2.5;
    padding-bottom: 15px; }

.ce_headline {
  margin-bottom: 0.75em;
  padding-bottom: 0.5em;
  border-bottom: 5px solid #004f9f;
  line-height: 1; }

/* for yellow border at bottom of images */
.ce_gallery, .image_container {
  margin-bottom: 0; }
  .ce_gallery img, .image_container img {
    border-bottom: 5px solid #FFCD00; }

.bx-wrapper .bx-caption {
  bottom: 5px; }

.ce_text-mit-bild-erweitert {
  /* temp for presentation- to position call to action. Redo with final text. */ }
  .ce_text-mit-bild-erweitert.room-description .ce_hyperlink {
    margin-top: 24px; }

/*    Alignment  */
.align-right {
  text-align: right !important; }

.align-left {
  text-align: left !important; }

.h-split-right {
  /*    padding-left: 51%;*/
  margin-right: 0;
  text-align: right; }

.sort-from-right {
  float: right; }

/* to design, set article type in contao backend */
.articlewrapper.typ2 {
  background: #F7F8F9; }

/* jagged white */
.articlewrapper.typ3 {
  position: relative;
  background: #FFFFFF;
  /* use these attributes to give the jagged edge shadow */
  /*	-webkit-filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 2px);
  	filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 2px);*/
  overflow: visible; }

.articlewrapper.typ3:before {
  background: -webkit-linear-gradient(45deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%), -webkit-linear-gradient(135deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%);
  background: linear-gradient(45deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%);
  -webkit-background-size: 20px 40px;
  background-size: 20px 40px;
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  width: 100%;
  height: 10px; }

.articlewrapper.typ3 .servicebox_2[class^="icon-"]:before, .articlewrapper.typ3 .servicebox_2[class*="icon-"]:before {
  color: inherit; }

.articlewrapper.typ3 {
  color: inherit; }

.articlewrapper.typ3 a {
  color: #f9aa14; }

.articlewrapper.typ3 .ce_hyperlink a {
  color: #FFFFFF; }

.articlewrapper.typ3 h1, .articlewrapper.typ3 h2, .articlewrapper.typ3 h3, .articlewrapper.typ3 h4, .articlewrapper.typ3 h5, .articlewrapper.typ3 h6, .articlewrapper.typ3 .subheadline_h1, .articlewrapper.typ3 .subheadline_h3, .articlewrapper.typ3 .subheadline_h3, .articlewrapper.typ3 .subheadline_h4, .articlewrapper.typ3 .subheadline_h5, .articlewrapper.typ3 .subheadline_h6 {
  color: #004f9f; }

.articlewrapper.typ3 .filter li a.selected {
  border-color: inherit;
  color: #FFFFFF; }

/* jagged grey */
.articlewrapper.typ4 {
  position: relative;
  background: #E7E8E9;
  /* use these attributes to give the jagged edge shadow */
  /*	-webkit-filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 2px);
  	filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 2px);*/
  overflow: visible; }

.articlewrapper.typ4:before {
  background: -webkit-linear-gradient(45deg, transparent 33.333%, #E7E8E9 33.333%, #E7E8E9 66.667%, transparent 66.667%), -webkit-linear-gradient(135deg, transparent 33.333%, #E7E8E9 33.333%, #E7E8E9 66.667%, transparent 66.667%);
  background: linear-gradient(45deg, transparent 33.333%, #E7E8E9 33.333%, #E7E8E9 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, #E7E8E9 33.333%, #E7E8E9 66.667%, transparent 66.667%);
  -webkit-background-size: 20px 40px;
  background-size: 20px 40px;
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  width: 100%;
  height: 10px; }

.articlewrapper.typ4 .filter li a.selected {
  border-color: inherit;
  color: inherit;
  background: inherit; }

.articlewrapper.typ4 .filter li:hover {
  border-color: inherit; }

/* padding classes used often (instead of theme margin classes) */
.padding-top30 {
  padding-top: 30px; }

.padding-bottom30 {
  padding-bottom: 30px; }

.padding-bottom50 {
  padding-bottom: 50px; }

/* BUTTON  */
.button, .ce_hyperlink a, .servicebox_4 a, .servicebox_5 p a, .servicebox_6 p a, input[type="submit"], input.submit {
  color: #FFFFFF;
  background: #2a649e;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.4);
  -webkit-transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  -webkit-tap-highlight-color: rgba(155, 155, 155, 0); }
  .button:hover, .button:active, .ce_hyperlink a:hover, .ce_hyperlink a:active, .servicebox_4 a:hover, .servicebox_4 a:active, .servicebox_5 p a:hover, .servicebox_5 p a:active, .servicebox_6 p a:hover, .servicebox_6 p a:active, input[type="submit"]:hover, input[type="submit"]:active, input.submit:hover, input.submit:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    background: #004f9f;
    opacity: 1; }

/* button for room booking */
.fasilities .hf_theme_button.button {
  display: inline-block;
  font-size: 20px;
  padding: 10px 12px;
  line-height: 24px;
  color: #FFF; }

.mod_sitemap .level_1 > li.first {
  /* gives start page the home icon */
  font-weight: bold; }
  .mod_sitemap .level_1 > li.first:before {
    font-family: "icons";
    content: '\2302';
    margin-right: 5px; }
.mod_sitemap li a:before {
  display: none; }
.mod_sitemap li.submenu:before {
  content: '\f0c9'; }

.room-description li {
  line-height: 1.3em; }

.ce_form input, .ce_form textarea, .ce_form keygen, .ce_form select, .ce_form button {
  font-size: 16px; }
.ce_form .captcha-container {
  background: transparent;
  padding: 0; }
  .ce_form .captcha-container label {
    text-align: right; }
.ce_form .captcha {
  float: right; }
.ce_form .captcha_text {
  margin-top: 0;
  line-height: 30px;
  text-align: left; }

/*******************************************************************************
slider teaser-row
______________________________________________________________________________*/
.teaser-row.articlewrapper {
  padding-top: 1em; }
.teaser-row .ce_bxslider {
  padding-bottom: 17px; }
  .teaser-row .ce_bxslider .bx-wrapper .bx-controls-direction {
    bottom: -13px;
    top: auto;
    height: 1.4em; }
.teaser-row .bx-wrapper .bx-pager {
  bottom: -30px;
  background: #FFFFFF; }
.teaser-row .bx-wrapper .bx-controls-direction a.bx-prev, .teaser-row .bx-wrapper .bx-controls-direction a.bx-next {
  background: #2a649e;
  box-shadow: none;
  opacity: 1; }
  .teaser-row .bx-wrapper .bx-controls-direction a.bx-prev:before, .teaser-row .bx-wrapper .bx-controls-direction a.bx-next:before {
    color: #FFFFFF; }
.teaser-row .ce_text h1, .teaser-row .ce_text h2, .teaser-row .ce_text h3, .teaser-row .ce_text h4, .teaser-row .ce_text h5, .teaser-row .ce_text h6, .teaser-row .slide h1, .teaser-row .slide h2, .teaser-row .slide h3, .teaser-row .slide h4, .teaser-row .slide h5, .teaser-row .slide h6 {
  font-size: 20px;
  padding-bottom: 0.5em;
  border-bottom: 5px solid #004f9f; }
.teaser-row .ce_text p, .teaser-row .slide p {
  font-size: 0.9em; }
.teaser-row .ce_text .image_container, .teaser-row .slide .image_container {
  background-color: #e7e8e9; }
  .teaser-row .ce_text .image_container.float_left, .teaser-row .slide .image_container.float_left {
    margin-right: 1em; }

#off_canvas .booking-tool-mobile {
  display: none; }

/*******************************************************************************
    GOING MOBILE -> breakpoints
______________________________________________________________________________*/
@media only screen and (max-width: 990px), screen and (max-device-width: 1024px) and (min-device-width: 768px) {
  .show-mobile {
    display: block; }

  .content_page #container_before .inside, .full_width #container_before .inside {
    height: auto;
    /* adjust this when booking tool is implemented */
    padding: 0 40px 10px 40px !important; }

  .mod_breadcrumb {
    float: right; }

  #container_before .booking-tool {
    display: none; }

  #off_canvas a {
    font-size: 16px;
    color: #F7F8F9; }
  #off_canvas .mod_search .submit {
    opacity: 1; }
  #off_canvas .hf_datepicker_label {
    margin-top: 5px;
    text-align: left; }
  #off_canvas .hf_datepicker input {
    width: 100% !important;
    left: 0;
    height: 30px; }
  #off_canvas .mobile-booking {
    display: none; }

  .booking-button {
    width: 50%;
    display: inline-block;
    float: left;
    margin: 5px auto 10px auto; }
    .booking-button .ce_hyperlink {
      text-align: center;
      margin-top: 0; }
      .booking-button .ce_hyperlink a {
        font-size: 16px;
        padding-left: 0;
        padding-right: 0;
        width: 98%; }

  .page-title {
    margin-bottom: 0px;
    clear: both; }
    .page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h5 {
      font-size: 28px;
      margin: 0;
      text-align: left;
      line-height: 1.2; }

  .home .page-title h1, .home .page-title h2, .home .page-title h3, .home .page-title h4, .home .page-title h5 {
    line-height: 1.2; } }
@media only screen and (max-width: 980px) {
  #off_canvas .booking-tool-mobile {
    display: block; }
  #off_canvas .mobile-booking {
    display: block;
    padding: 10px;
    width: 100%; }
    #off_canvas .mobile-booking .ce_hyperlink {
      text-align: center; }
      #off_canvas .mobile-booking .ce_hyperlink a {
        padding: 5px;
        width: 98%;
        margin: 5px auto; }
        #off_canvas .mobile-booking .ce_hyperlink a:hover, #off_canvas .mobile-booking .ce_hyperlink a:active {
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
          background: #004f9f; } }
@media only screen and (max-width: 767px) {
  .content_page #container_before .inside, .full_width #container_before .inside {
    height: auto;
    /* adjust this when booking tool is implemented */
    padding: 0 20px 10px 20px !important; }

  .content_page #container_before {
    display: block; }

  .mod_breadcrumb {
    display: none; }

  .booking-button {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    display: block;
    float: none;
    transform: translateY(0%);
    margin-top: 7px;
    margin-bottom: 10px; }
    .booking-button .ce_hyperlink {
      text-align: center;
      margin-top: 0; }
      .booking-button .ce_hyperlink a {
        font-size: 16px;
        padding-left: 0;
        padding-right: 0;
        width: 98%; }

  .page-title {
    clear: both; }
    .page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h5 {
      font-size: 20px;
      margin: 0 auto;
      text-align: center;
      line-height: 1.2; }

  .ce_revolutionslider .tp-caption {
    padding: 0; }
  .ce_revolutionslider p.tp-caption {
    padding: 0 40px; }
  .ce_revolutionslider .ce_hyperlink-extended {
    display: none; }

  .parallax-bg.overlay:before {
    background-color: rgba(0, 0, 0, 0.3); }

  .parallax-bg-inside .ce_text-mit-bild-erweitert .txt_right *, .parallax-bg-inside .ce_text-mit-bild-erweitert .txt_left * {
    text-align: center; }

  .header-text-blue p {
    padding: 10px 10px;
    background: rgba(0, 79, 159, 0.7); }

  .ih-yellow-text.fontsize_xxl {
    font-size: 24px; }

  .header-text-dark p {
    padding: 10px 10px; }

  .shadow-small {
    text-shadow: 0 1px rgba(0, 0, 0, 0.5); }

  .header-img-resonsive .parallax-bg-inside {
    padding-top: 50px !important;
    padding-bottom: 50px !important; }

  .map-responsive > #gmap {
    height: 215px !important; }

  .padding-top30 {
    padding-top: 20px; }

  .padding-bottom50, .padding-bottom30 {
    padding-bottom: 20px; }

  #footer .inside {
    text-align: left; }
  #footer .autogrid {
    margin-bottom: 40px; }

  /* headlines */
  h1 {
    font-size: 36px; }

  h2 {
    font-size: 30px; }

  h3 {
    font-size: 26px; }

  h4 {
    font-size: 24px; }

  h5 {
    font-size: 20px; }

  h6 {
    font-size: 18px; }

  .h-split-right {
    padding-left: 0;
    margin-left: auto;
    margin-right: auto; } }

/*# sourceMappingURL=styles-insel-hotel.css.map */