/*############################## INSERT YOUR OWN STYLES HERE 2019##############################*/
/*#########################################################################################*/
body,#wrapper{
	height: 100%;
    color: #f1f0e8;
}

.hotInfo {
    padding: 20px 20px 10px 20px;
    background: #ff8107;
    color: black;
    line-height: 1.4;
    text-align: center;
}

.hotInfo p {
    font-size: 1.1rem;
}

.jobInfo {
    display: block;
    background: #efda27;
    color: black;
    padding: 5px;
    text-align:center;
   
    top: 0;
    text-transform: uppercase;
    right: 100px;
}

.jobInfo h2 {margin-bottom:0;}


#wrapper,
#footer{
    max-width: unset;
}

#wrapper > #header {
    padding-top: 0;
    margin-bottom: 0;
   background: #0b100a;
}

#wrapper > #container {
    padding: 0 0 0px 0;
    max-width: unset;
}

.contentWrapper {
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
}

.contentBox {
    z-index: 99;
    position: relative;
    margin-top: 2rem;
}

.contentBox,
.imageContentBox {
    margin-bottom: 5rem;

    }

a {
    cursor: pointer;
}

.boxWrapper {position: relative;}

.fadeBox{-webkit-animation:fadein 1s;-moz-animation:fadein 1s;-ms-animation:fadein 1s;-o-animation:fadein 1s;animation:fadein 1s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0;}

.delay2{animation-delay:0.4s;-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;-ms-animation-delay:0.4s;-o-animation-delay:0.4s;}

.delay3{animation-delay:0.7s;-webkit-animation-delay:0.7s;-moz-animation-delay:0.7s;-ms-animation-delay:0.7s;-o-animation-delay:0.7s;}



@keyframes fadein{from{opacity:0;}
to{opacity:1;}
}
@-moz-keyframes fadein{from{opacity:0;}
to{opacity:1;}
}
@-webkit-keyframes fadein{from{opacity:0;}
to{opacity:1;}
}
@-ms-keyframes fadein{from{opacity:0;}
to{opacity:1;}
}
@-o-keyframes fadein{from{opacity:0;}
to{opacity:1;}
}

.aside-logoText,
.aside-logo-simple,
.aside-logo,
.fade-logo {
    width: 190px;
    padding: 10px 0 10px 20px;  
    z-index: 99;
}



.strong a,
a .strong,
a strong,
strong a{
    text-decoration: underline;
}


a h2.rotateBox:hover {
    color: #ede8e8;
}


a {color:#f1f0e8;}

body.useOcNavi #lsOcNavi *,
.horizontalNavigation ul.level_1 li span, .horizontalNavigation ul.level_1 li a, .horizontalNavigation ul.level_1 li strong {
    text-decoration: none;
    display: block;
    color: #aace82;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}



.horizontalNavigation ul.level_2 li span, .horizontalNavigation ul.level_2 li a, .horizontalNavigation ul.level_2 li strong {
   color: #0d4530;
}

body.useOcNavi #lsOcNavi *{
    color: #fff;
}

.horizontalNavigation ul.level_1 > li.last {
    padding-right: 0;
}

b {
	font-weight: bold;
}


.fi-mobileToggler {
    color: #f1f0e8;
}

.horizontalNavigation .submenu ul {
        background-color: #aace82;

}

.useFoldedNavi .foldedNaviToggler.lsUnfoldClosed::before, .useFoldedNavi .foldedNaviToggler.lsUnfoldClosed.lsUnfoldRunning::before, .useFoldedNavi .foldedNaviToggler.lsUnfoldOpen::before,.horizontalNavigation.useFoldedNavi .foldedNaviToggler::after, .useFoldedNavi .horizontalNavigation .foldedNaviToggler::after {display: none}



.horizontalNavigation:not(.useFoldedNavi) span.submenu, .horizontalNavigation:not(.useFoldedNavi) a.submenu,
.horizontalNavigation:not(.useFoldedNavi) span.trail, .horizontalNavigation:not(.useFoldedNavi) a.trail {
    background-image: none;
    background-size: 10px;
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 10px;
}

body.useOcNavi #lsOcNavi {
    background: rgb(0, 103, 156);
    padding-top: 40px;
}

.underline {
    text-decoration: underline;
}



.ls_languageSelector {
	display: none;
}

select {
    font-size: 80%;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', 'Tahoma', 'Helvetica', sans-serif;
    font-weight: bold;
    
    letter-spacing: 1px;
    font-size: 1.4rem;
}

.highBox h2 {
        line-height: 1;
}

.txs-content-font03 {
    font-size: 1.7rem;
}

.txc-spotcolor-9-all *{
    color: rgba(255, 255, 255, 0.33);
}



#mainNavigationSticky {
    z-index: 9900;
    float: left;
    margin-right: 0;
    margin-left: 0;
}

#mainNavigationSticky,
#mainNavigation {font-size: 0.8rem;}

#mainNavigationSticky,
#mainNavigation.horizontalNavigation .submenu ul.level_2 {
    border-top: 0;
}

#mainNavigation.horizontalNavigation ul.level_2 li:hover,
#mainNavigation.horizontalNavigation ul.level_2 li span:hover {
    color: #0d4530;
}

#wrapper > #header {
    position: relative;
}

#headerLine1 {
    position: relative;
    top: 0;
    opacity: 1;
    width: 100%;
    z-index: 9997;
    right: 0;
    left: 0;
}


#headerLine1 {
    position: absolute;
    top: 0;
    opacity: 1;
    width: 100%;
    z-index: 9999999;
    right: 0;
    left: 0;
}


.sticky #headerLine1 {
     -moz-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    display: none;
}

#headerLine2 {
    position: relative;
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
}

.innerWrapper {
/*    border: 1px solid red;*/
    padding-right: 20px;
      padding-left: 20px;
}

.highWrapper {
    width: 100%;
    padding: 0 10px 0;
}


.rotBoxImage {
    display: none;
}

.highBox{
    position: relative;
    padding: 10px;
    margin-bottom: 20px;
    height: 85px;
}

.highBox h2 {
    line-height: 1;
    color: #f1f0e8;
}


.highBox.bgc-spotcolor2 h2,
.highBox.bgc-spotcolor3 h2,
.highBox.bgc-spotcolor5 h2 {
    color: #0c462f; 
}
 
.relative {
    position: relative;
}


.apTourBox {
    position: absolute;
    z-index: 0;
}

.apBox {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0; 
}

p.headlineBox,
.headlineBox p,
p.apTourBox,
.apBoxWrapper p,
.apBox p {
    font-size: 4.5rem;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.07);
    word-break: break-all;
}


p.apTourBox {
    color: rgba(255, 255, 255, 0.02);
    margin-top: -13px;
}


.tourBoxWrapper {
    position: relative;
    width: 25%;
    padding: 0 10px 0;
}


.tourBox {
    padding: 10px;
    height: 100%;
    width: 100px;
}

.soft .apBox p,
.apBox.soft p {
    color: rgba(255, 255, 255, 0.03);
}

.infoButton {
    width: 53px;
    padding-top: 5px;
    height: 50px;
    justify-content: center;
    text-align: center;
    font-size: 1.5rem;
    margin-top: 20px;
    border-radius: 9px;
    background: #0085be;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}

.infoBox {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.infoBox .innerWrapper {
    margin-bottom: 2rem;
}

.flexBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column-reverse;
}

.flexCenter-small {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}


.flexDirection-colRev{  flex-direction: column-reverse;}
.flexDirection-col{  flex-direction: column;}

/*.mgt-min-9 {margin-top: -9px;}*/

input, textarea {
    font-size: 0.9rem;
}
textarea.bd-1,
input.bd-1 {
    border: 1px solid #1c1c1c;
}

.bb-standard {
    border: 1px solid #880100;
}

#newsletterAbo .submit:not(.fi), .button:not(.fi), button:not(.fi) {

    border: 2px solid #3a404d;
}

.download-element a{
    background: #0285bf;
    padding: 5px 10px;
    margin-bottom: 20px;
    display: block;
    text-align: right;
}

.jobs .download-element a {
    background: transparent;
    text-decoration: underline;
}

ul li.download-element {
list-style: unset;
}


 .text, .widget-textarea {
    border: 0px solid gray;
    padding: 12px;
}

 td,tbody {
    padding: 10px 0px 10px 10px;
    vertical-align: middle;
    font-size: 1rem
}

td.col_9.col_last{border-right: 1px solid #dddddd;}


.ui-accordion-header {
    background: hsla(81, 72%, 43%, 0.12);
}

strong, .strong {font-weight: bold;}

#back-to-top {
     position: fixed;
    bottom: 90px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 31px;
    font-size: 1.5rem;
    color: #0d4630;
    border-radius: 9px;
    background: #f1d913;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}

#back-to-top.show {
    opacity: 1;
}

nav.slider-control {
    display: none;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

.slider-wrapper img {
    display: block;
}

.template_productSearch_default .submit {padding-bottom: 0;}


.layout_full .ce_text {
    padding-top: 30px;
    padding-bottom: 20px;
}

.layout_latest.arc_2 {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.layout_latest {
    margin-top: 3rem;
}

.layout_latest_simple_wrapper_text {
    display: table-cell;
}  

.ce_gallery {
    clear: both;
}

.ce_gallery > ul li.col_first {
    clear: none;
}

.ce_gallery {
    display: block;
    margin-right: -10px;
    margin-left: -10px;
}

.ce_gallery > ul li {
    float: left;
    list-style: none;
    padding-bottom: 20px;
    padding: 10px;
    width: 50%;
}

.mod_newslist.blog figure.image_container.float_below,
.mod_newslist.blog figure.image_container.float_right,
.mod_newslist.blog figure.image_container.float_left,
.mod_newslist.blog figure.image_container.float_above {
    width: 50%;
    padding-right: 20px;
    padding-bottom: 20px;
}

.blog .layout_latest {
    border-bottom: 2px solid #fff;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.mod_newsreader .layout_full a {
    text-decoration: underline;
}



.mod_newslist.blog {
    margin-top: 60px;
    margin-bottom: 60px;
}

.submit:not(.fi), .button:not(.fi), button:not(.fi) ,


.mod_faqreader .back ,
.mod_newsreader .back {
    clear: both;
    background: #0285be;
    width: 62px;
    display: table;
    margin-top: 50px;
    text-transform: uppercase;
    font-size: 0.8rem;
    height: 60px;
    border-radius: 12px;
    border: 0;
}

.mod_newsreader .layout_full .back a,
.mod_faqreader .back a,
.mod_newsreader .back a {
   text-decoration:none;
}

.mod_faqreader .back {
    background: #f1d913;
}


.submit {padding: 0;}

.mod_faqreader p.back a,
.mod_newsreader p.back a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.mod_newsreader p.back a {
/*    color: #000000*/
}

p.more a {
    color: #0285bf;
    font-size: 1rem;
}

.mod_newsreader {
    width: 100%;
    margin-bottom: 4rem;
}

td {
    font-size: 0.8rem;
}

.widget-textarea {
    padding: 0px; 
}


textarea {
    padding: 12px;
}

label {
    font-size: 0.9rem;
} 
.buttonBox {
    background-color: rgba(0, 0, 0, 0.64) !important;
    border: 1px solid rgba(136, 1, 0, 0.78);
}

.mod_faqreader,
.mod_faqlist{
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 20px;
}

.mod_faqlist li {
    list-style: none;
}

.mod_faqlist .faqBox li a {
    list-style: none;
    display: block;
    background: #0086bf;
    padding: 6px 10px;
    margin-bottom: 20px;
    border-radius: 6px;
}

.faqBox .fi.fi-ok {
    float: left;
    margin-right: 10px;
}

.faqBox ul {
    margin-bottom: 40px;
}

.mod_faqreader p.back a {
    color: #0b0f09;
}
.faqAnswerBox ul {
    margin-left: 22px;
}

ul li {
    list-style: outside;
}

.faqAnswerBox {
    background: #0086bf;
    padding: 30px;
    border-radius: 20px;
    margin: 57px 40px 40px 0;
}

#footer .inside{ padding-right: 20px;}

    
    .logoNavWrap {
    display: table;
}
   .sticky #headerLine2 #nav-logo {
    float: left;
    display: inline-block;
    width: 70px;
    margin-right: 10px;
}
  
.floatRightTest {
    float: right;
}

    
@media screen and (max-width: 510px)  {    
    .mod_newsreader {
        margin-top: 2rem;
    }    
}

@media screen and (min-width: 581px)  {    
    .flexCenter{
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
}


@media screen and (min-width: 600px)  { 
    .highWrapper {
        width: 50%;
    }
}

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

.small-txc-spotcolor1 {color:#1a234c;}
.small-txc-spotcolor2 {color:#cdcfb9;}
.small-txc-spotcolor3 {color:#8aa968;}
.small-txc-spotcolor4 {color:#509ad6;}
.small-txc-spotcolor5  {color:#d2d17b;}
.small-txc-spotcolor6 {color:#00679c;}


  #headerLine2 {
       display:none;
    }
}

@media screen and (min-width:750px)and (max-width: 866px)  {  

    #headerLine2 {
        padding-top: 63px;
    }
}

@media screen and (min-width: 750px)  {  
       
    #wrapper > #header {
        margin-bottom: 0;
    }
      #wrapper > #header {
         padding-top: 0; 
    }
    .contentBox {
        margin-top: 5rem;
    }

    .fade-logo {
        width: 345px;

    }
    
    .aside-logo-simple,
    .aside-logo {
        width: 32%;
    }
    
    .aside-logoText{
        width: 200px;
        display: inline-block;
    }
    
   

    .aside-logo-simple {
        padding-right: 20px;    }
    
    .sticky .fade-logo {
         -webkit-transition: all 1s ease;
        transition:  all 1s ease;
        width: 27%;
        }

    .flexBox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column; 
    }

    .ap-center-right {
        z-index: 99;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translate(0, -50%);
    }    

      .ap-center {text-align: center;
        width:100%;
    }  
    
    
     .one-image {
	        overflow: visible;
	}

    
    .one-image .ap-center-right.alignRight {
	    transform: unset;
	}
    
    .txs-header p {
    font-size: 1.8rem;
    line-height: 1;
    font-weight: 700;
    padding-bottom: 100px;
        text-transform: uppercase;
        -moz-transition:all 1s ease 0s;
        -webkit-transition:all 1s ease 0s;
        transition:all 1s ease 0s;
    }
    
    
    .contentBox {
        margin-top: 5rem;
        margin-bottom: 7rem;
    }
    
    .imageContentBox {
        margin-bottom: 7rem;
    }
 
    .rotBoxImage {
        display: block;
    }
  
    .highWrapper {
        margin-bottom: 20px;
        position: relative;
        width: 16.666666%;
        padding: 0 10px 0;
    }

    .highBox{
        position: relative;
        padding: 10px;
        margin-bottom: 20px;
        height: 350px;
    }
    
    .rotateBox {
        width: 0;
        margin-left: 0;
        height: 0px;
        transform: rotate(-90deg);
        position: absolute;
        bottom: 0;
    } 
    
    h2.rotateBox {
    font-size: 2rem;
    font-weight: 400;
}
    
    .rotate.tour {
        transform: rotate(-90deg);

    } 
    
    .innerWrapper.pd-left {
        padding-left: 20px;
         padding-right: 0px;
/*         border: 1px solid lime;*/
    }

    .innerWrapper.pd-right {
        padding-right: 20px;
          padding-left: 0px;
/*         border: 1px solid orange;*/
    }
    
    
    .mod_newslist.blog figure.image_container.float_below,
    .mod_newslist.blog figure.image_container.float_right,
    .mod_newslist.blog figure.image_container.float_left,
    .mod_newslist.blog figure.image_container.float_above {
        width: 25%;
        float: left;
    }
    
    
        .mod_faqreader .back {
        margin-left: 16.666666%;
    }
  }


@media screen and (min-width:750px)and (max-width: 1099px)  {  

}


@media screen and (min-width: 750px)  {
    
     #wrapper > #header {
         padding-top: 50px; 
    }

    .horizontalNavigation .submenu ul li {
        padding-top: 0;
        padding-bottom: 5px;
        padding-right: 0;
        padding-left: 0;
        margin-right: 0;
        margin-left: 0;
        border-bottom: 1px solid #fff;
        white-space: nowrap;
        font-size: 1rem !important;
    }
    
    
    .horizontalNavigation .submenu ul li.last {
	    padding-bottom: 0px;
	    border-bottom: 0;
	}
    

    
    #headerLine2 #mainNavigation .submenu ul li a, #headerLine2 #mainNavigation .submenu ul li span, #headerLine2 #mainNavigation .submenu ul li strong,
     #headerLine3 #mainNavigation .submenu ul li a, #headerLine3 #mainNavigation .submenu ul li span, #headerLine3 #mainNavigation .submenu ul li strong{
/*
        font-size: 1.0rem;
             font-weight: 300;
*/
    }

    .sticky .template_cart_mini #cart-checkout > a.gotoCart {
        top: 0;
    }

    .sticky #headerLine1{
        -moz-transition:all 1s ease 0s;
        -webkit-transition:all 1s ease 0s;
        transition:all 1s ease 0s;
        opacity: 0;
        display:none;
    }  
 
     .sticky .mod_breadcrumb.bigScreenOnly {
            padding-top: 20px;
    }

}


@media screen and (max-width:886px) {
.tourBox {
    display: none;
}
}
@media screen and (min-width:886px) {
    #mainNavigation ul li a,
    #mainNavigation ul li span,
    #mainNavigation ul li strong {
        font-size:1.1rem;
    }

    .txs-header p {
        font-size: 2.1rem;
    }

    #wrapper > #header {
        padding-top: 0px;
    }

    .fade-logo {
        width: 44%;
    }
    
    .sticky .fade-logo {
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
        width: 32%;
    }
    
    
    .aside-logo-simple {
    text-align: right;
    float: right;
}
    
    .bg-image {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        width: 100%;
    }
    
    .bg-image {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        width: 100%;
    }
    
    .bg-image.bike-bg-image1 {
         background-image: url(../images/parcours/bike/bike-detail/bike_03_hoch.jpg);
    }
    
    .bg-image.bike-bg-image2 {
     background-image: url(../images/parcours/bike/bike-detail/bike_04_hoch.jpg);
    }
    
    
    .bg-image.bike-bg-image3 {
     background-image: url(../images/parcours/bike/bike-detail/bike-d-02.jpg);
    }
    
    .bg-image.bike-bg-image3 {
        background-image: url(../images/parcours/bike/bike-detail/bike_11_hoch.jpg);
    }
    .bg-image.bike-bg-image4 {
        background-image: url(../images/parcours/bike/bike-detail/bike_12_hoch.jpg);
    }
    
    .bg-image.teampark-bg-image1 {
        background-image: url(../images/parcours/teampark/detail/hochseilgarten_03_hoch.jpg);
    }
    
    .bg-image.teampark-bg-image2 {
        background-image: url(../images/parcours/teampark/detail/hochseilgarten_04_hoch.jpg);
    }
    
    .bg-image.teampark-bg-image3 {
         background-image: url(../images/parcours/teampark/detail/hochseilgarten_11_hoch.jpg);
    }
    
    
    .bg-image.teampark-bg-image4 {
         background-image: url(../images/parcours/teampark/detail/hochseilgarten_10_hoch.jpg);
    }
    
    
     .bg-image.teampark-bg-image5 {
         background-image: url(../images/parcours/teampark/detail/hochseilgarten_02_hoch.jpg);
    }
    
      .bg-image.teampark-bg-image6 {
         background-image: url(../images/parcours/teampark/detail/hochseilgarten_01_hoch.jpg);
    }
    
    
    .bg-image.teampark-bg-image7 {
         background-image: url(../images/parcours/teampark/detail/hochseilgarten_01_hoch.jpg);
    }
    
    
    .bg-image.mobilerKletterturm-bg-image1 {
         background-image: url(../images/parcours/mobilerKletterturm/detail/mobilerKletterturm_01_hoch.jpg);
    }
    
    
    .bg-image.mobilerKletterturm-bg-image2 {
         background-image: url(../images/parcours/mobilerKletterturm/detail/mobilerKletterturm_06_hoch.jpg);
    }
    
      .bg-image.mobilerKletterturm-bg-image3 {
         background-image: url(../images/parcours/mobilerKletterturm/detail/mobilerKletterturm_05_hoch.jpg);
    }
    
         .bg-image.mobilerKletterturm-bg-image4 {
         background-image: url(../images/parcours/mobilerKletterturm/detail/mobilerKletterturm_07_hoch.jpg);
    }
    
     .bg-image.bootshaus-bg-image1 {
        background-image: url(../images/parcours/boot/detail/bootshaus_02_hoch.jpg);
    }
     .bg-image.bootshaus-bg-image2 {
        background-image: url(../images/parcours/boot/detail/bootshaus_09_hoch.jpg);
    }
    
     .bg-image.bootshaus-bg-image3 {
        background-image: url(../images/parcours/boot/detail/bootshaus_07_hoch.jpg);
    }
    
    .bg-image.bootshaus-bg-image4 {
        background-image: url(../images/parcours/boot/detail/bootshaus_04_hoch.jpg);
    }
    
         .bg-image.bootshaus-bg-image5 {
        background-image: url(../images/parcours/boot/detail/bootshaus_08_hoch.jpg);
    }
    
         .bg-image.bootshaus-bg-image6 {
        background-image: url(../images/parcours/boot/detail/bootshaus_06_hoch.jpg);
    }
    
    
    .bg-image.bootshaus-bg-image7 {
        background-image: url(../images/parcours/boot/detail/bootshaus_08_hoch.jpg);
    }
    
          .bg-image.geo-bg-image7 {
        background-image: url(../images/parcours/geo/detail/geo-01.jpg);
    }
    
          .bg-image.geo-bg-image8 {
        background-image: url(../images/parcours/geo/detail/geo_08_hoch.jpg);
    }

}

@media screen and (max-width: 1098px)  { 
    body.useOcNavi #lsOcNaviToggler, body.useOcNavi.sticky #lsOcNaviToggler {
        position: absolute;
        left: auto;
        right: 20px;
        top: 14px;
        display: block;
    }

  
    body.useOcNavi.sticky #lsOcNaviToggler {
        position: fixed !important;
        left: auto;
        right: 20px;
        top: 14px;
        display: block;
        margin-right: 10px;
        max-width: 30px;
        height: auto;
        background: rgba(255, 255, 255, 0);
        padding-left: 0px;
        overflow: hidden;
    }
    
    
    .horizontalNavigation ul.level_1 > li {
        margin-right: 0px;
        padding-right: 7px;
    }
}


@media screen and (min-width: 1028px)  { 
 
     .sticky #headerLine2 .mod_navigation.horizontalNavigation {
        padding-top: 3px;
    }   
 
      #headerLine2 #mainNavigation ul li a, #headerLine2 #mainNavigation ul li span, #headerLine2 #mainNavigation ul li strong {
        font-size: 1.4rem;
    }
    
     .sticky #headerLine2 #nav-logo {
    width: 90px;

}
    
    #headerLine3 #mainNavigation ul li a,  #headerLine3 #mainNavigation ul li span,  #headerLine3 #mainNavigation ul li strong {
    font-size: 1.4rem;
    }
    
    .ce_gallery > ul li {
        float: left;
        padding-bottom: 20px;
        width: 33.3333333%;
    }
    
    #back-to-top {
        width: 45px;
        height: 45px;
        line-height: 42px;
        font-size: 2rem;
    }

    .horizontalNavigation ul.level_1 > li {
        margin-right: 15px;
    }

    body.useOcNavi.sticky #lsOcNaviToggler ,
    body.useOcNavi #lsOcNaviToggler, body.useOcNavi.sticky #lsOcNaviToggler {
        display: none;
    }
    
    .tourBox {
        width: 150px;
    }
    
    
/*
    .contentBox {
        margin-top: 7rem;
        margin-bottom: 8rem;
    }
    
*/
    .imageContentBox {
        margin-bottom: 8rem;
    }
    
    h2.ce_headline.rotateBox {
        font-size: 2.5rem;
    }
    
    .txs-header p {
        font-size: 2.5rem;

    }
    
        
    .mod_faqreader {
        margin-top: 100px;
    }
    
}


@media screen and (min-width: 1100px)  { 
    
    h1, h2, h3, h4, h5, h6 {
        font-size: 1.6rem;
    }
    
}


@media screen and (min-width: 1200px)  { 

    .infoBox .innerWrapper {
        margin-bottom: 5rem;
    }
     .sticky #headerLine2 #logo {
        width: 130px;
    }  
    
    .txs-header p {
        font-size: 2.9rem;
    }
}

@media screen and (min-width: 1400px)  { 
    .contentBox {
        margin-top: 8rem;
        margin-bottom: 10rem;
    }
    
    .imageContentBox {
        margin-bottom: 10rem;
    }
    
    .aside-logoText {
    width: 220px;
	}
}


@media screen and (min-width: 1536px) {
#headerLine3 #mainNavigation ul li a, #headerLine3 #mainNavigation ul li span, #headerLine3 #mainNavigation ul li strong {
    font-size: 1.6rem;
}

    h1, h2, h3, h4, h5, h6 {
        font-size: 2.4rem;
    }
    
     .txs-header p {
        font-size: 4.5rem;
    }
    
    p {
        font-size: 1.1rem;
        line-height: 2;
    }
    
    .txs-l, .txs-l-all, .txs-l-all *, *.txs-l-all, .txs-l-large, .txs-l-all-large, .txs-l-all-large *, *.txs-l-all-large {
        font-size: 2.2rem;
    }
    

}