/**************/
/*Defaults*/
/*************/

#wrappr{
    bottom: 0;
    position: absolute;
    overflow: auto;
     overflow:initial;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 80;



}


html, body {
    background : #f1f2f3;
    overflow : auto;
    margin: 0;
    padding: 0;
    height: 100%;
    text-align:center;
    border: none;
    color:#000;
    font-size: 0.95em;
    line-height: 1.4em;
    font-family: 'Roboto Slab', serif;
    background: url('../_tmc_daten/Image/hd_template.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}


#halign{
    position:relative;
    margin-top:280px;
    margin-left:1.2%;
    width:96%;
    /*max-width:1810px;  */
    z-index:15;
    /*opacity:0.9;  */
    /*transform: scale(0.90); /* Equal to scaleX(0.9) scaleY(0.9) */
    letter-spacing:0.03em;

}
.wplft{
    /*float:left; */
    padding-left:0.8%;
    width:29.25%;
    /*background:green; */
    text-align:left;
}
.wprgh{
   /* float:left;  */
    width:69%;
    margin-left:0.2%;
    color:#fbfbfd;
    font-size:1.1em;
    line-height:1.6em;
}


hr{
    width:10%;
    border: 0;
    border-top: 3px solid #acacac;
    border-bottom: 3px solid #fff;
    align:left;
    text-align:left;
    margin-left:0;
    margin-top:36px;
    margin-bottom:36px;
}

a:link {
    color:#f29b5a;
    text-decoration : none;
    background-color : transparent;
    font-size:1.0em;
    font-weight: 400;
}
a:visited {
    color:#f29b5a;
    text-decoration : none;
    background-color : transparent;
    font-weight: 400;
}
a:hover {
    color: #fff;
    text-decoration : none;
    background-color : transparent;
    font-weight: 400;

}
  h1, h2 {
    margin: 0;
    margin-bottom:24px;
    padding: 0;
    font-size: 1.7em;
    line-height:1.45em;
    font-weight:400;
}


h3 {
    margin: 0;
    padding: 0;
    font-size: 0.95em;
    line-height: 1.25em;
    color:#000;
    font-weight:700;
}
h4 {
    margin: 0;
    margin-bottom:3px;
    padding: 0;
    font-size: 1.2em;
    line-height: 1.3em;
    color:#000;
    font-weight:700;
}
b{
   color:#afaf6c;

}
 /*************/
/* Galeriesytem 5 Bilder Max*/
/*************/

.flxitgal {
    display:flex;
    /*flex-wrap: wrap;*/
    width:100%;
}
.flxitgal img{
    width:90%;
    height:auto;
    margin-right:12px;
}

/*************/
/* FX */
/*************/
 /*Langsamer rollover bei divs */

a:hover, div:hover {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }
.clear{
    clear:both;
}
.ct8{
    -moz-hyphens: auto; /*auto umbruch im Content*/
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;

}
/*init hamburger*/
/* menu btn */

  .header .menu-btn {
    display: none;

}

.header .menu-btn:checked ~ .menu {
    max-height: 1200px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0;
}
    .header .menu {
        position:relative;
        clear: none;
        left:0;
        max-height: none;
        width:100%;
    z-index:700;
    font-weight:600;

    }
    .header .menu-icon {
        display: none;
    }

.sham7{
display:none;
}
/*subnav in Hamburger nicht zeigen*/
.shwsub9{
    display:none;
}
.sbnav4 {
    font-size:0.95em;

}


/* // init hamburger */
/**************************/
/* Template */
/**************************/

#template{
     background: rgba(51, 51, 51, 0.9);
     /*position:fixed;  */
     height:12%;
     min-height:100px;
     width:100%;
     z-index:990;
     text-align:left

}
 .mob88 {
     visibility:hidden;
 }
.mob3{
    display:none;
}
.desk3{
    display:block;
}


.ora7{
    position:absolute;
    width:100%;
    height:76px;
    background-color:#f1924c;
    top:75px;
    z-index:991;

/*-webkit-box-shadow: inset 0px -200px 28px -171px rgba(0,0,0,0.24);
-moz-box-shadow: inset 0px -200px 28px -171px rgba(0,0,0,0.24);
box-shadow: inset 0px -200px 28px -171px rgba(0,0,0,0.24); */
-webkit-box-shadow: inset 0px -200px 28px -171px rgba(0,0,0,0.12);
-moz-box-shadow: inset 0px -200px 28px -171px rgba(0,0,0,0.12);
box-shadow: inset 0px -200px 28px -171px rgba(0,0,0,0.12);
 }

.logo{
    position:absolute;
    top:25px;
    width:285px;
    height:auto;
    left:4%;
    z-index:995;

}

.logo:hover{
      opacity: 0.9;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

/*************/
/* shop button */
/*************/


.sho2 a{
    position:absolute;
    top:85px;
    right:4%;
    padding:18px;
    color:#fbfbfd;
    border-radius:12px;
    background:#7c7c64;
    z-index:995;
    display:block;
    color:#fbfbfd;
    Font-weight:600;
    font-size:1.2em;
    cursor: pointer;
}
.sho2 a:hover{
      opacity: 0.7;
      color:#fff;
      background:#4f4f43;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

/*************/
/* hmnu */
/*************/

.bule7{
    font-size:0.3em;
    padding-right:4px;
    padding-left:4px;
    color:#f29b5a;
    vertical-align: middle;
}

ul.navlist
{
    max-width:100%;
    max-width:486px;
     list-style: none;
    display: flex;
    align-items: left;
    justify-content: left;
    list-style: none;
    flex-wrap:wrap;
 	padding:0;
 	margin: 0;
    z-index:140;
    /*background:red;*/

}

ul.navlist li
{
    display:block;
    background-color:transparent;
    text-indent:0;
    font-size:1.3em;
    line-height:0.95em;
    margin:0;
    text-decoration:none;
    text-align:left;

}


ul.navlist li a
{
     display:block;
     color:#fbfbfd;
     font-weight:400;
     padding:8px 12px 8px 0;
}

ul.navlist li.active a
{
    color:#ff930b;
    position:relative;

}
ul.navlist li a:hover
{
   color:#f1924c;
   opacity:0.7;
}
/**************************/
/*content*/
/**************************/
.content{
display:flex;
flex-direction: row;
margin-top:-140px;
}

:target {
  display: block;
  position: relative;
  top: -240px;
  visibility: hidden;
}

/**************************/
/*wplft*/
/**************************/


/*************/
/*kacheln wplft*/
/*************/

.flexbx8{
   margin:auto;
   margin:12% 0 0 0;
   display: flex;
   flex-wrap:wrap;
   font-size:0.8em;
   letter-spacing:0.025em;
}

.flxit8{
    width:134px;
    /*background: rgba(242, 155, 90, 0.15);  */
    background: rgba(124, 124, 100, 0.35);
    margin:0 12px 12px 0;
    text-align:left;
    min-height:134px;
}

.flxit8a{
    background: rgba(51, 51, 51, 0.7);
    padding:8px 0 8px 0;
    font-size:1.2em;
}

.flxit8b{
    padding:8px 0 8px 8px;
    margin-top:4px;
    }
.flxit8 a{
    color:#fbfbfd;
    display:inline-block;
    width:100%;
    height:100%;
}
.tlt8{
padding:0px 8px 0 8px;
 font-size:1.05em;
 font-weight:400;
 color:#fa9635;
 letter-spacing:0.05em;
}
.flxit8 a:hover{
    opacity:0.75;
    background: rgba(45, 45, 45, 0.5);

}
.adress{
    width:424px;
     /*background: rgba(242, 155, 90, 0.15);*/
      background: rgba(124, 124, 100, 0.35);
     color:#fbfbfd;
     margin:36px 12px 32px 0;
     text-align:left;
     font-size:1.1em;
     line-height:1.6em;


}

.imgins {
    opacity:0.95;
    margin:16px 0 16px 0;
}

.imgins:hover{
    opacity:0.65;
    background: rgba(242, 155, 90, 0.2);
       transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;

}
.flxit8a,.flxit8a,.imgins,.adress{
       -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.ad7{
    padding:0;
    margin:0;
    display:block;
}
.ad8{
    padding:0;
    margin:0;
    display:none;
}

/**************************/
/*wprgh*/
/**************************/
/*Layout10*/
.ctbx h1, h2{
   color:#f1924c;
   margin-bottom:8px;
   font-weight:400;
}
.ctbx h1{
    font-size:2em;
}

.ctbx{
    margin:0 0 5% 0;
    text-align:left;
    clear:both;
    
}
.fueller{
   margin:0 0 0 0;

}

.glue{
     margin:-2% 0 8% 0;

}
.shme8{
    display:block;
}
.shme9{
    display:block;
}

.c10{
    float:right;
    padding:0 16px 36px 16px;
    width:49.2%;
    min-width:400px;
    height:auto;
    vertical-align:top;
}
.c11{
    display:none;
}
.floater:nth-child(even) img{
    position:relative;
    float:left;
    width:46%;
    padding-right:44px;
    padding-left:0;

}
.floater:nth-child(even){
    margin-top:1%;
}
.floater:nth-child(even) .shme8{
    display:none;
}
 .floater:nth-child(even) .shme9{
    display:block;

}
.c15{
    font-size:2.4em;
    float:right;
}


/*link sektion*/
.lnksec{
   margin:0px 20px 18px 0;
}

.flexbx{
   display: flex;
   flex-wrap:wrap;
   margin-top:2px;
}

.book4{
    max-width:115px;
}

/*************/
/*kacheln hights*/
/*************/
.flexbx9{
   margin:auto;
   display: flex;
   flex-wrap:wrap;
   font-size:0.9em;
   margin-top:24px;


}

.flxit9{
    width:23.2%;
    margin:0 18px 12px 0;
    line-height:1.4em;
    text-align:left;

}
.flxit9 img {
    margin-right:15px;
    width:88%;
    min-width:115px;
    height:auto;
}
.flxit9 a{
    display:inline-block;
    color:#fbfbfd;
}
.flxit9:hover{
    opacity:0.65;

       transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;

}
.flexbx10{
   display: flex;
   justify-content: flex-end;
   align-items: flex-end;
}
.flxit10{
    margin-bottom:22px;
}

/*.flxit10:nth-child(2){
    padding-bottom:4px;
} */
.tl9{
    width:59%;
}
/**************************/
/*artikelliste*/
/**************************/
.bck99{
    padding:1%;
    background: rgba(124, 124, 100, 0.35);
    border-radius:5px;
    }
.bck99 a {
    color:white;
}
.bck99 a:hover {
    opacity:0.7;
}

.lstpic{
    float:left;
    width:9.1%;
    min-width:115px;
    height:auto;
}
.bx{
    margin: 0 0 0 2%;
    width:80%;
    float:left;

}
.bx1{
    margin-top:12px;

}
.ctbx table{
    width:99%;
    background:#5a5b53;
    padding:12px;
    border-radius:5px;
    background: rgba(124, 124, 100, 0.35);

}
.ctbx table td:nth-child(1){
    width:150px;
    background: rgba(66, 66, 63, 0.35);
    color:#ef914b;
     padding:6px;
    border-radius:5px;

}
.ctbx table td:nth-child(2){
    background: rgba(66, 66, 63, 0.35);
     padding:6px;
    border-radius:5px;

    }
.ticketlnk{
    background: rgba(66, 66, 63, 0.35);
    padding:12px 12px 12px 20px;
    border-radius:5px;
}
/**************************/
/*table*/
/**************************/

h5 {
	margin: 0;
	padding: 5px;
	padding-left:6px;
	font-size: 1.1em;
	font-weight:600;
	line-height: 16pt;
	color: #fff;
	background-color:#D97D3A;
	margin-bottom:10px;
}
.tbl{
    line-height:2.4em;
    float:left;
    width:47%;
    margin-right:3%;
    }
.tbr{
    line-height:2.4em;
    float:left;
    width:50%;
    }
.andere{
    background: rgba(124, 124, 100, 0.35);
    padding:24px 0 0 12px;
}

/**************************/
/*footer*/
/**************************/
.footer{
     /*background: rgba(242, 155, 90, 0.15);*/
      background: rgba(124, 124, 100, 0.35);
     color:#fbfbfd;
     padding:46px 4.2% 42px 50px;
     text-align:right;
     font-size:0.95em;
     line-height:1.6em;
}
.ftl9:hover{
    opacity:0.7;
}

/*************/
/* Screen bis 1680px)*/
/*************/
@media screen and (max-width: 1680px) {

.ora7{
  /* background-color:#bef25a; */
    width:100%;
   }
.logo{
    left:3%;
}
ul.navlist li
{
    font-size:1.2em;
}
.wplft{

    padding-left:0;
    width:29.25%;
    /*background:green; */
    text-align:left;
}

.flxit8{
    width:128px;
    min-height:128px;
}

.flxit8a{
    font-size:1.1em;
}
.flxit8b{
    font-size:1em;
    padding-right:6px;
}
.adress{
    width:409px;
}
.imgins {
    width:409px;
    height:auto;

}


}/*end*/



/*************/
/*Screen bis 1572px  */
/*************/
@media screen and (max-width: 1572px) {

.ora7{
  /* background-color:#66ffc0;  */
   }
.logo{
    left:2%;
}

ul.navlist
{
    max-width:93%;
}
.flxit8{
    width:44.5%;
    min-height:130px;
}

.flxit8a{
    font-size:1.3em;
}
.flxit8b{
    font-size:1.1em;
    padding-right:6px;
}
.adress{
    width:92%;
}
.imgins {
    width:92%;
}
}/*end*/

/*************/
/*Screen bis 1543px  */
/*************/
@media screen and (max-width: 1543px) {

.ora7{
   /*background-color:#edf25a;  */
   }
.logo{
    top:35px;
    width:265px;
    left:1%;
}



.flxit9{
    width:22.2%;
    margin:0 18px 12px 0;
    line-height:1.34em;
    font-size:0.95em;
}
.flxit9 img {
    margin-right:0;
    width:78%;
    min-width:96px;
}
.flxit8a{
    font-size:1.2em;
}
.flxit8b{
    font-size:1em;
    padding-right:3px;
}
.adress{
    width:93.5%;
}
.imgins {
    width:93.5%;
}

}/*end*/

/*************/
/*Screen bis 1326px  */
/*************/
@media screen and (max-width: 1326px) {

.ora7{
   /*background-color:#a066ff;    */
   }
.wprgh{
    float:left;
    width:71.2%;
    margin-left:1.2%;
}

.flxit9{
    width:42.2%;
    margin:0 18px 12px 0;
    line-height:1.34em;
    font-size:0.95em;
}
.flxit9 img {
    margin-right:16px;
    width:100%;
    max-width:115px;
}

}/*end*/





/*************/
/* Screen 500px bis 762px Mobilephone  */
/*************/
@media screen and (max-width: 1024px) {
.ora7{
   /*background-color:#f25a90;*/
   }
.flexbx8{
   margin:0px 0 0 0;
}

.flxit8{
    width:80%;
    min-height:130px;
}

.flxit8a{
    font-size:1.2em;
}
.tlt8a  {
    font-size:0.75em;
}
.flxit8b{
    font-size:1.1em;
    padding-right:6px;
}
.flxit8c{
   font-size:0.85em;
   line-height:1.8em;
}
.adress{
    width:80%;
}
.imgins {
    width:80%;
}

/*hamburger*/
/* header */
.mob3{
    display:block;
}
.desk3{
    display:none;
}

.header {
    position:absolute;
    right:1%;
    margin-top:1%;
    width:400px;
    z-index:99999;

}
.bule7{
    display:none;
    visibility:hidden;
}

.header ul {
     transform: scale(0.80); /* Equal to scaleX(0.9) scaleY(0.9) */
    padding: 0 0 0 0;
    margin-top:0;
    list-style: none;
    overflow: hidden;
     background-color: #f6f8f9;
    webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
    -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;



}

.header li a {
    display: block;
    padding: 20px 20px;
    border-right: 1px solid #f4f4f4;
    text-decoration: none;
}

.header li a:hover,
.header .menu-btn:hover {
    background-color: #ebdeab;
}
ul.navlist
{

    display: inherit;
    z-index:99999;
}
ul.navlist li
{
    font-size:1.4em;
    text-align:left;
    padding:1% 0 1% 8%;
    border-bottom:1px solid #898787;

}
ul.navlist li:first-child
{
  margin-top:36px;
    }
ul.navlist li a
{
 color:#666;
}


/* menu */

    .header .menu {
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 20px 20px;
    position: relative;
    user-select: none;
}

.header .menu-icon .navicon {
    background: #fff;
    display: block;
    height: 6px;
    position: relative;
    transition: background .2s ease-out;
    width: 28px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
    background: #fff;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}

.header .menu-icon .navicon:before {
    top: 9px;
}

.header .menu-icon .navicon:after {
    top: -9px;
}

.header .menu-btn:checked ~ .menu {
    position:relative;
    padding-bottom: 48px;
}
 .sham7{
    display:block;
    font-size:0.4em;
}


/*//hamburger*/

/*subnav in Hamburger zeigen*/
.shwsub9{
    display:block;
}
.content{
    margin-top:-110px;
}



}/*end*/

  /*************/
/* Screen 0px bis 500px Mobilephone  */
/*************/
@media screen and (max-width: 893px) {
.ora7{
   /* background-color:#5a61f2; */
   }

.flxit8{
    width:90%;
}
.adress{
    width:90%;
}
.imgins {
    width:90%;
}
.flxit9{
    width:46%;
    margin:0 18px 12px 0;
    line-height:1.34em;
    font-size:0.95em;
}


.flxit9 img {
    margin-right:24px;
    width:100%;
    max-width:100px;
}
.c10{
    display:none;
    min-width:200px;
}
.c11{
    display:block;
    width:100%;
    padding:21px 0 21px 0;
    float:inherit;
}
.ad7{
    padding:0;
    margin:0;
    display:none;
}
.ad8{
    padding:0;
    margin:0;
    display:block;
}
.floater:nth-child(even) img{
    float:inherit;
    width:100%;
    padding-right:0;
    padding-left:0;
}
.tbl{
    float:inherit;
    width:100%;
    margin-right:0;
    }
.tbr{
    float:inherit;
    width:100%;
    }


}/*end*/
    /*************/
/* Screen 0px bis 800px Mobilephone0  */
/*************/
@media screen and (max-width: 762px) {
.ora7{
   /* background-color:#fe000c;*/
   }



}/*end*/

@media screen and (max-width: 687px) {
.ora7{
  /* background-color:green;    */
   }

 .mob88 {
     visibility:visible;
 }
 #more {
    margin-top: -250px;
    padding-top: 250px;
}

.wplft{
    float:inherit;
    padding-left:3.8%;
    width:96.2%;
}
.wprgh{
    float:inherit;
    width:96.2%;
    margin-left:3.8%;
}
.content{
display:flex;
flex-direction: column-reverse;

}

.flexbx8{
   margin:auto;
   margin:0;
   display: flex;
   flex-wrap:wrap;
   font-size:0.9em;

}

.flxit8{
    width:31%;
    background: rgba(107, 107, 107, 0.5);
    margin:0 12px 12px 0;
    text-align:left;
    min-height:150px;
}

.ad7{
    padding:0;
    margin:0;
    display:block;
}
.ad8{
    padding:0;
    margin:0;
    display:none;
}
.adress{
    width:97%;
     background: rgba(107, 107, 107, 0.5);
     color:#fbfbfd;
     margin:36px 12px 32px 0;
     text-align:left;
     font-size:1.1em;
     line-height:1.6em;
}
.imgins {
    width:97%;
}
.footer{
    text-align:center;
}


}/*end*/

/*************/
/* Screen 0px bis 500px Mobilephone  */
/*************/
@media screen and (max-width: 593px) {
 #halign{
     width:95%;
     margin-top:250px;
 }

.ora7{
  /*  background-color:pink;   */

   }
.logo{
    top:40px;
    width:55%;
    height:auto;
    left:-2%;

}
 .content{
    margin-top:-90px;
}
.ctbx{
    margin-bottom:10%;
}


.wplft{
    float:inherit;
    padding-left:3.8%;
    width:96.2%;

}
.flxit8{
    width:30%;
    min-height:150px;
}
.wprgh{
    float:inherit;
    width:96.2%;
    margin-left:3.8%;
    }

.flxit9{
    width:96%;
    margin:0 18px 24px 0;
    line-height:1.34em;
    font-size:0.95em;

}
ul.navlist
{
  transform: scale(0.90); /* Equal to scaleX(0.9) scaleY(0.9) */

}




}/*end*/
/*************/
/* Screen 0px bis 512px Mobilephone  */
/*************/
@media screen and (max-width: 512px) {

.ora7{
    /*background-color:lime;*/
}

.flxit8{
    width:98%;
    min-height:150px;
}
.ctbx h1{
    font-size:1.6em;
}
 }/*end*/
/*************/
/* Screen 0px bis 512px Mobilephone  */
/*************/
@media screen and (max-width: 500px) {
 #halign{
     width:95%;
     margin-top:220px;
 }


 .sho2 a{
    transform: scale(0.80); /* Equal to scaleX(0.9) scaleY(0.9) */
 }
.ora7{
   /* background-color:red;  */
}

.ctbx h1{
    font-size:1.6em;
}
ul.navlist
{
  transform: scale(0.70); /* Equal to scaleX(0.9) scaleY(0.9) */
   justify-content: right;


}


}/*end*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
/* IE bis 11 Bug Fix kein Flexbox rechte boxen*/
.bxrgh7{
  	display: block;
  	float:left;
  	min-height:195px;
}

}/*end*/