/*
************************************************************
Styles:     flix//theme
************************************************************
*/


@media only screen and (min-width: 0px) and (max-width: 1000px) {

   .mobile {
      display:block;
   }

   .nomobile,
   #button-anfrage,
   .head-right-container,
   .slidertext-container,
   #offersign,
   .nav-meta-canvas,
   #bghead-right,
   /*#booking-canvas,*/
   .footerbox.text{
      display:none;
   }

   h1 {
      font-size:24px;
   }

   .start h2 {
      text-align:center;
   }

   .wrapper {
      width:100%;
   }

   #shadow-header {
      width:100%;
      background-position:center top;
   }


   /* *************************************************
   *** Header
   ************************************************* */
   #header-canvas {
      padding-top:0;
      overflow:hidden;
   }

   #logo {
      width:200px;
      height:49px;
      margin:15px 0 15px 3%;
      background-size:200px auto;
   }


   /* *************************************************
   *** Slider
   ************************************************* */
   #slider-canvas {
      height:auto;
      margin-bottom:0;
   }

   .start #slider-canvas {
      margin-bottom:0;
   }

   .standard #slider-canvas,
   .detail #slider-canvas {
      height:auto;
      margin-bottom:-15px;
   }

   #slider-canvas img {
      width:100%;
      height:auto;
   }

   #slider-canvas .slick-dots {
      display:none !important;
   }



   /* *************************************************
   *** Main
   ************************************************* */
   #main-canvas {
      width:100%;
      padding:0;
   }

   .headline-wrapper,
   .start .headline-wrapper,
   #breadcrumb-canvas {
      width:94%;
      padding:0 3%;
   }

   .detail .headline-wrapper {
      width:100%;
      padding:0;
   }

   .detail .headline-wrapper {

   }

   #content-canvas {
      width:100%;
      margin:0;
   }

   #content-wrapper {
      width:94%;
      padding:0 3%;
   }

   #info-canvas {
      width:100%;
   }



   /* *************************************************
   *** Footer
   ************************************************* */


   .contact-box .icon {
      display:block;
      margin:24px auto 3px auto;;
      width:35px;
      height:32px;
      background-image:url(/_images/ic_footer-mobile.png);
      background-repeat:no-repeat;
      background-size:135px 32px;
   }

   .contact-box .icon.tel {
      background-position:-50px top;
   }

   .contact-box .icon.email {
      background-position:0 top;
   }

   .contact-box .icon.anfahrt {
      background-position:-100px top;
   }



   /* *******************************************************************************
   *** Navigation
   ******************************************************************************** */

   /* ********** Nav-Mobile ********* */
   #nav-mobile-button {
      position:relative;
      float:right;
      width:40px;
      height:42px;
      display:block;
      margin:18px 3% 0 0;
      cursor:pointer;
      z-index:950;
   }

   #nav-mobile-button .text {
      color:#ffffff;
      text-align:center;
      margin-top:3px;
      display:block;
      font-size:14px;
   }

   #nav-mobile-button.active {
      position:fixed;
      right:0;
      top:0;
      z-index:990;
   }

   #nav-mobile-button.active .text {
      color:#ffffff;
   }

   #nav-mobile-button.active .tcon-menu__lines::before,
   #nav-mobile-button.active .tcon-menu__lines::after {
      background:#ffffff;
   }



   /* ********** Nav1-mobile ********* */
   #nav-mobile-overlay {
      position:fixed;
      height:100%;
      width:100%;
      left:0;
      top:0;
      z-index:550;
      display:none;
      background:url(/_images/nav-mobile_overlay.png) left top repeat;
   }

   #nav-mobile-canvas {
      display:block;
      position:fixed;
      top:0;
      left:0;
      bottom:0;
      width:256px;
      background:#ffffff;
      z-index:999;
      overflow:scroll;
   }

   .nav1-mobile {
      width:100%;
      padding:0;
   }

   .nav1-mobile-item {
      width:100%;
      background-color:#ffffff;
   }

   .nav1-mobile-link {
      display:block;
      padding:10px 3% 10px 3%;
      color:#8A8D8F;
      line-height:30px;
      height:30px;
      font-size: 16px;
      text-transform: uppercase;
      border-bottom:1px solid #d4d6d9;
   }

   .nav1-mobile-link:hover {
      color:#8A8D8F;
   }

   .nav1-mobile-link.active,
   .nav1-mobile-item.opened .nav1-mobile-link {
      color:#ffffff;
   }

   .nav1-mobile-item.active,
   .nav1-mobile-item.opened {
      background-color:#00524E;
   }

   .nav1-mobile-link.subnav {
      float:left;
      height:30px;
      width:64%; /* 47% */
      padding:10px 0 10px 3%;
   }

   .subnav-nav-trigger {
      float:left;
      display:block;
      height: 50px;
      padding: 0 3% 0 0;
      width: 30%; /* 47% */
      cursor:pointer;
      border-bottom: 1px solid #d4d6d9;
   }

   .subnav-nav-trigger span {
      float:left;
      height:16px;
      width: 100%;
      margin-top:20px;
      background:url(/_images/subnav-trigger.png)right 0px no-repeat;
      background-size:19px 84px;
   }

   .subnav-nav-trigger.active span {
      background-position:right -35px;
   }

   .subnav-nav-trigger.opened span {
      background-position:right -75px;
   }



   /* ********** Nav2-mobile ********* */
   .nav2-mobile {
      margin-bottom:0;
      display:none;
      position:relative;
      left:inherit;
      top:inherit;
      width:100%;
   }

   .nav2-mobile-item {
      border-bottom: 1px solid #d4d6d9;
   }

   .nav2-mobile-link {
      padding:10px 3% 10px 3%;
      margin:0;
      display:block;
      color:#8A8D8F;
      background-color:#ffffff;
   }

   .nav2-mobile-link:before {
      content:"»";
      margin-right:5px;
   }

   .nav2-mobile-link:hover {
      color:#8A8D8F;
   }

   .nav2-mobile-link.active {
      color:#ffffff;
      background-color:#00524E;
   }



   /* *************************************************
   *** Pageelements-info
   ************************************************* */

   /* ********** image-info ********** */
   .image-info img {
      width:100%;
      height:auto;
      max-width:545px;
   }


   /* ********** image-info ********** */
   .images-info .gallery-image {
      margin:0 5% 5% 0;
      width:47.5%;
      max-width:257px;
   }

   .images-info .gallery-image.nomargin {
      margin:0 0 5% 0;
   }

   .images-info .gallery-image img {
      width:100%;
      height:auto;
   }


   /* ********** texteditor-info  ********** */
   .texteditor-info .headline-headline-wrapper.hasmeta .meta-text {
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      hyphens: auto;
   }




   /* *************************************************
   *** Pageelements-main
   ************************************************* */
   .contentbox {
      width:100%;
   }

   .contentbox .wrapper {
      width:94%;
      padding:0 3%;
   }



   /* ********** texteditor-standard ********** */
   .texteditor-standard .left,
   .texteditor-standard .right {
      width:100%;
      padding:0;
      display:block;
   }



   /* ********** texteditor-detail ********** */
   .texteditor-detail .pricetext {
      float:left;
      margin-bottom:15px;
   }

   .texteditor-detail h2.has-pricetext {
      margin-bottom:0;
      width:100%;
   }



   /* ********** offerteaser-start ********** */
   /* .offerteaser-start .offerbox {
      width:100%;
      margin:0 0 15px 0;
   }*/

   /* .offerteaser-start .offerbox.first {
      margin-left:0;
   }*/

   .offerteaser-start .shadow {
      width:100%;
      background-position:center top;
   }



   /* ********** pageteaser-start ********** */
   .pageteaser-start .teaserbox-container {
      width:100%;
      display:block;
   }

   .pageteaser-start .teaserbox {
      float:none;
      width:100%;
      max-width:395px;
      margin:0 auto 15px auto;
      display:table;
   }

   .pageteaser-start .teaserbox.last {
      margin:0 auto 15px auto;
   }

   .pageteaser-start .teaserbox img {
      width:100%;
      height:auto;
   }

   .pageteaser-start .text-wrapper {
      height:auto;
      margin:15px 25px 15px 25px;
   }



   /* ********** citation-start-main ********** */
   .citation-start-main {
      font-size: 30px;
   }

   .citation-start-main .quotation {
      display:none;
   }



   /* ********** overview-pages ********** */
   .overview-pages .overview-item {
      float:none;
      display:table;
      width:auto;
      max-width:360px;
      margin: 0 auto 30px auto;
   }

   .overview-pages .overview-item.nomargin {
      margin: 0 auto 30px auto;
   }

   .overview-pages .overview-item img {
      width:100%;
      height:auto;
      max-width:360px;
   }



   /* ********** offer-list ********** */
   .offer-list .list {
      -moz-column-count:1;
      -moz-column-gap:0;
      -ms-column-count:1;
      -ms-column-gap:0;
      -webkit-column-count:1;
      -webkit-column-gap:0;
      column-count: 1;
      column-gap:0;
   }


   /* ********** offer-booking-main  ********** */
   .offer-booking-main .box-buchung .wrapper {
      margin:3% 0;
   }


   /* ********** news-list  ********** */
   .news-list .image-wrapper {
      display:block;
      padding:0 0 10px 0;
   }

   .news-list .image-link img {
      width:100%;
      height:auto;
      max-width:360px;
   }

   .pageturnNav {
      margin-bottom:15px;
   }



   /* ********** gallery-detail  ********** */
   .gallery-detail .galleryImageThumb {
      margin: 0 3% 3% 0;
      width:48.5%;
      height:auto;
      max-width:257px;
   }

   .gallery-detail .rowitem-2 .galleryImageThumb,
   .gallery-detail .rowitem-4 .galleryImageThumb {
      margin: 0 0 3% 0;
   }



   /* ********** service-list ********* */
   .service-list .list-left {
      display:block;
      padding-right:0;
      width:100%;
   }

   .service-list .list-right {
      display:block;
   }


   /* ********** linkbutton-detail ********** */
   .linkbutton-detail {
      width:auto;
      display:block;
      margin-top: 20px;
   }



   /* ********** googlemaps-main ********** */
   .googlemaps-main {
      width:100%;
   }





   /* ********** contact form ********** */
   .contactform {

   }

   .form-row select {
      width: 120px;
   }

   .form-row label {
      width:100%;
      margin:0;
   }

   .form-row label[for="-1"],
   .form-row label[for="-2"] {
      width:57px;
   }

   .form-row input[type="text"],
   .form-row input[type="password"] {
      width:92%;
   }

   label[for="optin_agb"] {
      width:100%;
   }

   .form-row input[type="checkbox"] {
      float:left;
   }

   .plz-ort-input-wrapper {
      width:100%;
   }

   .plz-input {
      width:25%;
      margin-right:2%;
   }

   .ort-input {
      width:73%;
   }

   .plz-input .textbox {
      width:77% !important;
   }

   .ort-input .textbox {
      width:85% !important;
   }

   .defaultform textarea,
   .form-row textarea {
      width:92%;
      max-width:none;
   }

   .button-submit {
      margin-left:0;
   }

   .radio-wrapper {
      width:100%;
   }

   .radio-wrapper .checkbox-text {
      width:92%;
   }

   select#select_present,
   select#angebot_present {
      width:100%;
   }


   /* ********** optout ********* */
   #optout {
      height:320px;
   }


   /********** Animated Button ********** */
   .tcon {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      cursor: pointer;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      height: 22px;
      transition: 0.3s;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      width: 40px;
      background: transparent;
      outline: none;
      -webkit-tap-highlight-color: transparent;
      -webkit-tap-highlight-color: transparent;
   }

   .tcon > * {
      display: block;
   }

   .tcon:hover, .tcon:focus {
      outline: none;
   }

   .tcon::-moz-focus-inner {
      border: 0;
   }

   .tcon-menu__lines {
      display: inline-block;
      height: 4px;
      width:40px;
      border-radius:0;
      transition: 0.3s;
      background:#ffffff;
      position: relative;
   }

   .tcon-menu__lines::before,
   .tcon-menu__lines::after {
      display: inline-block;
      height: 4px;
      width: 40px;
      border-radius:0;
      transition: 0.3s;
      background:#ffffff;
      content: '';
      position: absolute;
      left: 0;
      -webkit-transform-origin: 2.85714px center;
      transform-origin: 2.85714px center;
      width: 100%;
   }

   .tcon-menu__lines::before {
      top: 8px;
   }

   .tcon-menu__lines::after {
      top: -8px;
   }

   .tcon-transform .tcon-menu__lines {
      -webkit-transform: scale3d(0.8, 0.8, 0.8);
      transform: scale3d(0.8, 0.8, 0.8);
   }

   .tcon-menu--xcross {
      width:40px;
   }

   .tcon-menu--xcross.tcon-transform .tcon-menu__lines {
      background: transparent;
   }

   .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before, .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      top: 0;
      width: 40px;
   }

   .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
   }

   .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
   }

   .tcon-visuallyhidden {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
   }

   .tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
      clip: auto;
      height: auto;
      margin: 0;
      overflow: visible;
      position: static;
      width: auto;
   }

}



@media only screen and (min-width: 0px) and (max-width: 1300px) {
   #footer-canvas .wrapper {
      width:100%;
   }
   .kolping-logo{
      display: none;
   }

   #footer-canvas .wrapper {
      width:94%;
      margin:0 3%;
      text-align:center;
   }

   .footerbox.text {
      width:100%;
   }

   #footer-canvas .footerbox {
      float:none;
      margin:0 0 20px 0;
      width:100%;
   }

   #footer-canvas .footerbox.first {
      width:100%;
      margin:0 0 20px 0;
   }

   #footer-canvas .footerbox.last {
      width:100%;
      margin:0;
   }

   #socialmedia-canvas {
      margin:20px auto 0 auto;
      display:table;
   }


   /* ********** Footer Mobile ********** */
   #footer-mobile {
    /*  position:fixed;
      bottom:0px;
      right:0px;
      display:inline-block;
      z-index:300;*/
      display: none;
   }

   #footer-mobile .button {
      float:right;
      width:100px;
      height:40px;
      line-height:40px;
      background-color:#8C035B;
      cursor:pointer;
      color:#ffffff;
      border-top-left-radius: 15px;

      /*      border-radius:10px 0 0 0;*/
   }

   #footer-mobile .button .text {
      float:left;
      display:block;
      margin-left:10px;
   }

   #footer-mobile .button .image {
      float:left;
      height:17px;
      width:18px;
      margin:11px 0 0 10px;
      background-image:url(/_images/ic_contact-trigger.png);
      background-repeat:no-repeat;
      background-position:left 0px;
      background-size:18px 17px;
      display:block;
   }

   #footer-mobile .button.active {
      background-color:#00524E;
   }

   #footer-mobile .button.active .image {
      -ms-transform: rotate(90deg); /* IE 9 */
      -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
      transform: rotate(90deg);
      background-size:17px 17px;
   }

   #footer-mobile .contact-canvas {
      float:left;
      width:100%;
      height:100px;
      background-color:#8C035B;
      display:none;
   }

   #footer-mobile .contact-box {
      float:left;
      width:33%;
      height:100px;
      border-right:1px solid #ffffff;
   }

   #footer-mobile .contact-box:first-child {
      width:33.125%;
   }

   #footer-mobile .contact-box:last-child {
      width:33.2%;
      border-right:none;
   }

   #footer-mobile .contact-box .text {
      width:100%;
      color:#ffffff;
      text-align:center;
      display:block;
   }

   .footer-logos {
      display: none;
   }
   .footerbox.last {
      display: block;
      text-align: center;
      width: 100% !important;
   }
   #footer-canvas .footerbox.first{
      margin-left: 0px !important;
   }


}


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

   #sticky-teaser {
      top: 100px;
   }
   #sticky-teaser .box-left{
      height: 50px;
      background-size: auto 100%;
      background: #8C035B url('/_images/arrows_mobile.png') no-repeat

   }
   #sticky-teaser .box-right{
      border-bottom-left-radius: 15px;
   }
}